File: D:/web/hyperflight/! bs5/css/prev/styles - Copy (8).css
@charset "utf-8";
/* CSS Document */
/* (SS,15/02/26) Bootstrap 5 version for HyperFlight */
/* Header */
.top-section {
background: white;
}
.header-currency,
.header-search,
.header-status {
display: flex;
align-items: center;
}
.header-currency,
.header-search {
justify-content: center;
}
.header-status {
justify-content: flex-end;
}
.header-search-form {
width: 100%;
}
.header-search-form .form-control,
.header-search-form .btn {
border-color: #adb5bd;
}
.header-basket {
position: relative;
text-align: right;
}
.header-basket .btn {
min-width: 145px;
}
.header-vat-text {
position: absolute;
top: 100%;
right: 0;
margin-top: 0.25rem;
color: #337ab7;
font-size: 0.75rem;
line-height: 1.2;
white-space: nowrap;
}
@media (max-width: 767.98px) {
.header-currency,
.header-search,
.header-status {
justify-content: center;
margin-top: 0.5rem;
}
.header-basket {
text-align: center;
}
.header-vat-text {
position: static;
margin-top: 0.25rem;
white-space: normal;
}
}
/* Header */
.header-logo {
max-width: 254px;
height: auto;
}
.header-currency,
.header-search,
.header-status {
display: flex;
align-items: center;
}
.header-currency,
.header-search {
justify-content: center;
}
.header-status {
justify-content: flex-end;
}
.header-currency .currency-selector {
width: 220px;
max-width: 100%;
}
.header-search-form {
width: 100%;
max-width: 300px;
}
/* Currency selector */
.currency-selector {
position: relative;
width: 220px;
}
.currency-selected {
width: 100%;
min-height: 42px;
display: grid;
grid-template-columns: 1fr 32px 1rem;
column-gap: 0.75rem;
align-items: center;
padding: 0.35rem 0.6rem;
background: white;
border: 1px solid #adb5bd;
border-radius: 0.375rem;
text-align: left;
}
.currency-option {
width: 100%;
display: grid;
grid-template-columns: 1fr 32px;
column-gap: 0.75rem;
align-items: center;
padding: 0.35rem 0.6rem;
border: 0;
border-bottom: 1px solid #e5e5e5;
background: white;
text-align: left;
}
.currency-selected-text,
.currency-option > span:first-child {
min-width: 0;
}
.currency-code {
display: block;
font-weight: 700;
line-height: 1.1;
}
.currency-name {
display: block;
color: #6c757d;
font-size: 0.875rem;
line-height: 1.1;
}
.currency-selected-flag,
.currency-option .currency-flag {
justify-self: end;
}
.currency-caret {
justify-self: end;
}
.currency-options {
display: none;
position: absolute;
z-index: 1050;
top: 100%;
left: 0;
width: 100%;
max-height: 70vh;
overflow-y: auto;
background: white;
border: 1px solid #adb5bd;
border-top: 0;
box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.12);
}
.currency-selector.open .currency-options {
display: block;
}
.currency-option:hover,
.currency-option:focus,
.currency-option.selected {
background: #f2f8fc;
}
/* Currency flag sprite */
.currency-flag {
display: inline-block;
width: 32px;
height: 32px;
background-image: url("/common/flags/currency/currency-flags-32.png");
background-repeat: no-repeat;
background-size: auto 32px;
flex-shrink: 0;
}
.currency-flag-gbp { background-position: 0 0; }
.currency-flag-eur { background-position: -32px 0; }
.currency-flag-usd { background-position: -64px 0; }
.currency-flag-aud { background-position: -96px 0; }
.currency-flag-cad { background-position: -128px 0; }
.currency-flag-chf { background-position: -160px 0; }
.currency-flag-cny { background-position: -192px 0; }
.currency-flag-czk { background-position: -224px 0; }
.currency-flag-dkk { background-position: -256px 0; }
.currency-flag-jpy { background-position: -288px 0; }
.currency-flag-krw { background-position: -320px 0; }
.currency-flag-nok { background-position: -352px 0; }
.currency-flag-nzd { background-position: -384px 0; }
.currency-flag-pln { background-position: -416px 0; }
.currency-flag-ron { background-position: -448px 0; }
.currency-flag-rub { background-position: -480px 0; }
.currency-flag-sek { background-position: -512px 0; }
.currency-flag-twd { background-position: -544px 0; }
.currency-flag-zar { background-position: -576px 0; }
/* Narrow desktop / portrait monitor */
@media (min-width: 768px) and (max-width: 1199.98px) {
.header-currency,
.header-search {
position: relative;
left: 3rem;
}
}
/* Tablet / mobile */
@media (max-width: 991.98px) {
.header-currency,
.header-search,
.header-status {
justify-content: center;
margin-top: 0.5rem;
}
.header-status {
margin-bottom: 0.25rem;
}
}
/* narrow currency selector, search box etc. for medium (~iPad) size */
@media (min-width: 768px) and (max-width: 991.98px) {
.header-logo {
max-width: 210px;
}
.header-currency .currency-selector {
width: 140px;
}
.header-currency {
position: relative;
left: 2.5rem;
top: -2px;
}
.header-search-form {
max-width: 220px;
}
.header-search {
position: relative;
left: 1.5rem;
top: -2px;
}
.currency-selected {
min-height: 37px;
padding: 0.1rem 0.45rem;
grid-template-columns: 1fr 26px 0.75rem;
column-gap: 0.35rem;
}
.currency-selected .currency-name {
display: none;
}
.currency-selected .currency-code {
line-height: 1;
}
.currency-selected-flag {
width: 26px;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.currency-selected-flag .currency-flag {
transform: scale(0.75);
transform-origin: center;
}
.header-basket .btn {
min-width: 125px;
}
.header-status {
position: relative;
left: 0.5rem;
}
.main-menu .nav-link {
padding-left: 0.45rem;
padding-right: 0.45rem;
font-size: 0.95rem;
}
}
/* Mobile header */
@media (max-width: 767.98px) {
.desktop-header {
display: none;
}
.main-menu {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.main-menu > .container {
align-items: center;
padding-left: 0.75rem !important;
padding-right: 0.75rem !important;
}
.main-menu,
.main-menu > .container,
.main-menu .navbar-collapse,
.mobile-header-controls {
background-color: white;
}
.main-menu {
border-top: 1px solid #bee3fc;
border-bottom: 1px solid #bee3fc;
}
.main-menu .navbar-nav {
border-top: 1px solid #bee3fc;
}
.main-menu .nav-link:hover,
.main-menu .nav-link:focus,
.main-menu .nav-link.show,
.main-menu .show > .nav-link {
background-color: #d9effd;
}
.mobile-menu-brand {
margin: 0;
padding: 0;
}
.mobile-menu-logo {
display: block;
width: 190px;
max-width: 65vw;
height: auto;
}
.main-menu .navbar-toggler {
margin-left: 0;
}
.mobile-header-controls {
width: 100%;
padding-top: 0.75rem;
padding-bottom: 0.25rem;
}
.mobile-header-controls .header-currency,
.mobile-header-controls .header-search,
.mobile-header-controls .header-status {
position: static;
width: 100%;
max-width: 100%;
margin: 0 0 0.65rem;
padding: 0;
justify-content: center;
transform: none;
}
.mobile-header-controls .header-currency .currency-selector,
.mobile-header-controls .header-search-form {
width: 100%;
max-width: 100%;
}
.mobile-header-controls .currency-selected .currency-name {
display: block;
}
.mobile-header-controls .header-basket {
text-align: center;
}
.mobile-header-controls .header-vat-text {
position: static;
margin-top: 0.25rem;
white-space: normal;
}
.mobile-header-controls {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
column-gap: 0.65rem;
row-gap: 0.5rem;
width: 100%;
padding: 0.65rem 0.75rem 0.4rem;
align-items: start;
}
.mobile-header-controls .header-currency {
grid-column: 1;
grid-row: 1;
margin: 0;
}
.mobile-header-controls .header-status {
grid-column: 2;
grid-row: 1;
margin: 0;
}
.mobile-header-controls .header-search {
grid-column: 1 / -1;
grid-row: 2;
margin: 0;
}
.mobile-header-controls .header-currency,
.mobile-header-controls .header-search,
.mobile-header-controls .header-status {
position: static;
width: 100%;
max-width: none;
padding: 0;
transform: none;
}
.mobile-header-controls .currency-selector,
.mobile-header-controls .header-search-form {
width: 100%;
max-width: none;
}
.mobile-header-controls .header-basket {
width: 100%;
}
.mobile-header-controls .header-basket .btn {
width: 100%;
min-width: 0;
}
.main-menu .navbar-nav {
width: 100%;
padding: 0.25rem 0.75rem 0.5rem;
border-top: 1px solid #bee3fc;
}
.main-menu .nav-link {
padding-top: 0.35rem;
padding-bottom: 0.35rem;
line-height: 1.25;
}
.main-menu .dropdown-menu {
margin: 0;
padding: 0.25rem 0 0.35rem 1rem;
background-color: #d9effd;
border: 0;
border-radius: 0;
box-shadow: none;
}
.main-menu .dropdown-item {
padding: 0.35rem 0.75rem;
background-color: transparent;
color: #000;
}
}
/* Header account and basket */
.header-status {
gap: 0.5rem;
}
.header-account {
flex: 0 0 auto;
white-space: nowrap;
}
/* Keep the compact header from becoming crowded */
@media (max-width: 1199.98px) {
.header-account-text {
display: none;
}
}
/* Main menu */
.main-menu {
background-color: #D9EFFD;
border-top: 1px solid #BEE3FC;
border-bottom: 1px solid #BEE3FC;
padding-top: 0;
padding-bottom: 0;
}
.main-menu > .container {
background-color: #D9EFFD;
}
.main-menu .navbar-nav {
flex-wrap: wrap;
}
.main-menu .nav-link {
color: black;
}
.main-menu .nav-link:hover,
.main-menu .nav-link.show,
.main-menu .show > .nav-link {
color: black;
background-color: #BEE3FC;
}
.main-menu .dropdown-menu {
margin-top: 0;
border-color: #ccc;
border-radius: 0 0 0.375rem 0.375rem;
box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.12);
}
.main-menu .dropdown-item:hover,
.main-menu .dropdown-item:focus {
color: black;
background-color: #BEE3FC;
}
/* White mobile menu */
@media (max-width: 767.98px) {
.main-menu,
.main-menu > .container,
.main-menu .navbar-collapse,
.mobile-header-controls {
background-color: #fff;
}
.main-menu .navbar-nav {
background-color: #d9effd;
}
}
@media (max-width: 767.98px) {
.main-menu .navbar-nav {
width: auto;
margin-left: -0.75rem;
margin-right: -0.75rem;
padding: 0.4rem 0.75rem 0.5rem;
background-color: #d9effd;
border-top: 1px solid #bee3fc;
border-bottom: 1px solid #bee3fc;
}
}
@media (max-width: 767.98px) {
.main-menu .nav-link:hover,
.main-menu .nav-link:focus,
.main-menu .nav-link.show,
.main-menu .show > .nav-link {
background-color: #bee3fc;
}
}
@media (max-width: 767.98px) {
.mobile-menu-logo {
width: 170px;
max-width: 45vw;
}
.mobile-basket-slot {
margin-left: auto;
margin-right: 0.5rem;
}
.mobile-basket-slot .header-status {
position: static;
width: auto;
max-width: none;
margin: 0;
padding: 0;
justify-content: flex-end;
gap: 0.35rem;
}
.mobile-basket-slot .header-account {
padding: 0.35rem 0.55rem;
}
.mobile-basket-slot .header-basket {
width: auto;
text-align: right;
}
.mobile-basket-slot .header-basket .btn {
width: auto;
min-width: 0;
padding: 0.35rem 0.6rem;
white-space: nowrap;
}
.mobile-basket-slot .header-vat-text {
display: none;
}
}
/* Remove border from closed mobile header bar */
@media (max-width: 767.98px) {
.main-menu {
border-top: 0;
border-bottom: 0;
}
}
/* Page content */
.page-content {
padding: 1.25rem 0.5rem 1.25rem;
}
/* Basket */
.basket-summary {
width: 100%;
max-width: 250px;
margin-left: auto;
}
.basket-summary .basket-totals {
margin-left: auto;
}
/* Breadcrumb bar */
.breadcrumb-bar {
margin-top: 0; /* 1.20rem; */
margin-bottom: 0.5rem;
padding: 0.75rem 1rem;
background-color: #d9effd;
border-radius: 0.25rem;
}
.breadcrumb-bar .breadcrumb {
margin-bottom: 0;
}
/* Section heading */
.section-heading {
margin-top: 0;
margin-bottom: 0.5rem;
padding: 0.75rem 1rem;
background-color: #d9effd;
border-radius: 0.25rem;
color: #212529;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.25;
}
/* Home page notices / intro */
.home-notices {
font-size: 1.05rem;
line-height: 1.55;
}
.home-scam-warning {
margin-bottom: 1rem;
padding: 1rem 1.25rem;
}
.home-intro p {
margin-bottom: 0.75rem;
}
.home-intro p:last-child {
margin-bottom: 0;
}
.home-section-divider {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
/* Home banner / carousel */
.home-banner {
margin-top: 0; /* 1.25rem; */
margin-bottom: 1.5rem;
}
.home-banner-carousel {
overflow: hidden;
margin: auto;
}
.home-banner-carousel .carousel-indicators {
bottom: -1.25rem;
}
/* Home panels */
.home-panel {
border: 1px solid #d6d6d6;
border-radius: 0.375rem;
background: white;
overflow: hidden;
}
.home-panel-heading {
background-color: #d9effd;
border-bottom: 1px solid #d6d6d6;
padding: 0.65rem 1rem;
font-size: 1.15rem;
font-weight: 600;
}
.home-panel-body {
padding: 1rem;
}
/* Featured products */
.home-highlights {
font-size: 0.95rem;
line-height: 1.4;
}
.home-highlights .highlights-product-name {
font-size: 1rem;
}
/* product list cards */
.product-list-item {
border: 1px solid #ccc;
text-align: center;
padding: 10px;
margin-top: 15px;
margin-bottom: 15px;
background: white;
}
.product-list-item-image {
margin-left: auto;
margin-right: auto;
}
.product-list-item-name {
display: block;
line-height: 1.5em;
min-height: 3em;
overflow: hidden;
}
.product-list-item-price {
padding-bottom: 0;
}
/* Product list prices */
.product-list-item-price .price-std,
.product-list-item-price .price-sale {
font-size: 1.05rem;
}
.product-list-item-price .price-std-crossed-out {
font-size: 0.95rem;
}
/* new product styles */
/* product prices */
/* following used by apputils for ShowProductPriceV2 */
.price-std,
.price-sale {
font-weight: bold;
}
.price-std {
color: #212529;
}
.price-sale {
color: #dc3545;
}
.price-save,
.price-save-pc {
color: #dc3545;
}
.price-std-crossed-out {
color: #6c757d;
text-decoration: line-through;
}
/* Subcategory list */
#subcategory-list {
margin-bottom: 2rem;
}
#subcategory-list-heading {
margin-bottom: 0;
}
#subcategory-list-heading h1 {
margin-bottom: 0;
}
#subcategory-list-cat-details {
margin-bottom: 1.5rem;
}
#subcategory-list-content {
margin-top: 0;
}
.subcategory-list-item-link {
display: block;
height: 100%;
color: #337ab7;
text-decoration: none;
}
.subcategory-list-item-link:hover,
.subcategory-list-item-link:focus {
color: #23527c;
text-decoration: none;
}
.subcategory-list-item {
height: 100%;
padding: 0.75rem;
text-align: center;
background: white;
border: 1px solid #d6d6d6;
}
.subcategory-list-item-image {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin: 0 auto 1rem;
}
.subcategory-list-item-title {
border-top: 1px solid #d6d6d6;
padding-top: 0.75rem;
font-size: 1.25rem;
line-height: 1.25;
}
/* basket styles */
table.basket {
border-collapse: collapse;
width: 100%;
}
table.basket th, table.basket td {
font-weight: bold;
padding: 4px;
}
table.basket th {
/* color: #fff; */
/* background-color: #999; */
}
table.basket td {
/* color: #000; */
/* background-color: #E0E0E0; */
border-bottom: 1px solid #B5B5B5;
}
.bsk-thumbnail {
border: 1px solid #B5B5B5;
width: 75px;
height: 75px;
}
.bsk-prod-name {
text-decoration: none; /* underline; */
font-weight: normal; /* bold; */
}
.bsk-options-list {
font-size: 11px;
margin-top: 3px;
}
.bsk-prod-code {
font-weight: normal;
margin-top: 10px;
}
/* (SS,6/7/22) replaced 75% with 100% */
#basket-info {
float: left;
width: 100%; /* 600px */
}
#basket-info p {
margin: 10px 5px 10px 5px;
}
#basket-totals {
float: right;
margin-top: 10px;
}
table.basket-totals {
width: 100%;
border-spacing: 5px;
text-align: right;
}
table.basket-totals th {
font-weight: normal;
padding-right: 10px; /* (SS,11/6/24) */
}
table.basket-totals td {
font-weight: bold;
}
/* end of basket styles */
/* for custom specification table */
/* latest news */
/* Recent reviews */
#recent-reviews {
font-size: 0.95rem;
line-height: 1.4;
}
.recent-reviews-item {
line-height: 1.4;
}
.recent-reviews-stars {
color: #f8b805;
white-space: nowrap;
}
.recent-reviews-stars .fa-star {
font-size: 1.1rem;
}
.recent-reviews-date {
color: #6c757d;
font-size: 0.875rem;
}
.recent-reviews-title {
font-size: 1.05rem;
font-weight: 700;
margin-top: 0.25rem;
}
.recent-reviews-text {
margin-top: 0.35rem;
}
.recent-reviews-name {
margin-top: 0.35rem;
}
/* reviews */
/* review stars and rating */
.review-stars-full,
.review-stars-half {
color: #ff9900;
}
.review-stars-empty {
color: #dee2e6;
}
.review-rating-text {
font-size: 0.95rem;
}
/* reviews page */
/* top section */
/* main section */
/* bottom sections */
/* page title */
/* other pages */
/* product detail sharing */
/* product description table */
/* Product detail */
.product-detail-title {
margin-top: 1rem;
margin-bottom: 1.25rem;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
text-align: center;
}
.product-detail-main {
margin-bottom: 1.5rem;
}
.product-detail-left,
.product-detail-right {
display: flex;
flex-direction: column;
}
.product-detail-main-image {
text-align: center;
}
.product-detail-main-image .MagicZoom {
display: inline-block;
}
.product-detail-main-image img {
display: block;
margin-left: auto;
margin-right: auto;
}
.product-detail-code {
margin-top: 0;
margin-bottom: 0.25rem;
}
.product-detail-qty {
width: auto;
min-width: 70px;
}
.product-detail-buy-box {
padding-top: 0.25rem;
}
.product-detail-description-section,
.product-detail-related {
margin-top: 1.25rem;
}
.product-code-with-pick-id {
cursor: help;
}
/* Product detail thumbnails */
.product-detail-thumbnails {
display: grid;
grid-template-columns: repeat(auto-fit, 82px);
gap: 0.4rem;
justify-content: center;
margin-top: 1rem;
}
.product-detail-thumbnails a,
.product-detail-thumbnails .MagicZoom,
.product-detail-thumbnails .mz-thumb {
display: flex !important;
align-items: center;
justify-content: center;
width: 82px !important;
height: 82px !important;
padding: 0.25rem;
border: 1px solid #ddd;
border-radius: 0.25rem;
background-color: white;
box-sizing: border-box;
overflow: hidden;
}
.product-detail-thumbnails img,
.product-detail-thumbnails .MagicZoom img,
.product-detail-thumbnails .mz-thumb img {
display: block;
max-width: 100% !important;
max-height: 100% !important;
width: auto !important;
height: auto !important;
object-fit: contain;
}
/* Product detail sections */
.product-detail-section {
margin-bottom: 1rem;
}
.product-detail-section-body {
padding-top: 0.5rem;
}
/* Product detail price */
.product-detail-price {
margin-top: 0.45rem;
margin-bottom: 0.45rem;
font-size: 1.85rem;
font-weight: 700;
line-height: 1.2;
color: #212529;
}
.product-detail-price-label {
color: #212529;
}
.product-detail-price .price-std,
.product-detail-price .price-sale {
font-size: inherit;
font-weight: inherit;
}
.product-detail-price .price-std-crossed-out {
font-size: 1.1rem;
}
/* Product options */
.product-options-heading {
margin-top: 1rem;
margin-bottom: 0.75rem;
font-size: 1.45rem;
font-weight: 500;
line-height: 1.2;
}
.product-options-hint {
display: block;
margin-top: 0.5rem;
}
.product-option {
margin-bottom: 0.75rem;
}
.product-option-required {
color: #dc3545;
margin-right: 0.15rem;
}
.product-option-value-row {
display: flex;
align-items: center;
gap: 0.75rem;
border: 1px solid #ddd;
padding: 0.4rem 0.6rem;
min-height: 4rem;
background-color: #fff;
}
.product-option-value-row + .product-option-value-row {
border-top: 0;
}
.product-option-value-control {
flex: 0 0 auto;
}
.product-option-value-label {
flex: 1 1 auto;
line-height: 1.3;
}
.product-option-value-label label {
margin-bottom: 0;
font-weight: 600;
}
/* Product option images */
.product-option-value-image {
flex: 0 0 80px;
text-align: right;
}
.product-option-image-inner {
width: 80px;
}
.product-option-image-link {
display: inline-block;
}
.product-option-image {
width: 75px;
height: 75px;
object-fit: contain;
}
/* Related products */
.related-products {
display: block;
}
.related-product-item {
display: flex;
gap: 0.75rem;
padding: 0.875rem;
margin-bottom: 0.75rem;
border: 1px solid #dfe3e8;
border-radius: 0.5rem;
background: #fff;
}
.related-product-image {
flex: 0 0 95px;
display: flex;
justify-content: center;
}
.related-product-image img {
max-width: 95px;
max-height: 95px;
width: auto;
height: auto;
object-fit: contain;
}
.related-product-info {
flex: 1 1 auto;
min-width: 0;
}
.related-product-name {
margin-bottom: 0.35rem;
line-height: 1.3;
}
.related-product-buy-row {
display: flex;
align-items: center;
gap: 0.5rem;
margin-top: 0.35rem;
}
.related-product-price {
flex: 0 0 72px;
font-weight: 700;
line-height: 1.35;
}
.related-product-add-button {
flex: 0 0 auto;
min-width: 48px;
padding: 0.25rem 0.55rem;
line-height: 1.2;
}
.related-product-stock {
margin-top: 0.15rem;
line-height: 1.35;
}
/* Related categories */
.related-category-path {
margin-bottom: 0.35rem;
}
.related-category-path .breadcrumb {
margin-bottom: 0;
font-size: 0.95rem;
}
/* bank transfer */
/* home notices and intro */
/* Recently viewed */
.recently-viewed-wrapper {
padding-bottom: 1.25rem;
}
.recently-viewed-section {
margin-bottom: 0;
}
.recently-viewed-section img {
border: 1px solid #e0e0e0;
border-radius: 0.375rem;
padding: 0.25rem;
background-color: white;
}
.recently-viewed-section a {
display: inline-block;
margin-right: 0.25rem;
margin-bottom: 0.25rem;
}
/* footer */
/* (SS,15/5/26) main footer */
.footer-main {
background-color: #c7ebff;
border-top: 1px solid #aee0fb;
}
.footer-main .container {
background-color: #c7ebff;
}
.footer-main h5 {
color: #111;
font-weight: 700;
}
.footer-main a {
color: #0d6efd;
}
.footer-main a:hover,
.footer-main a:focus {
color: #0a58ca;
text-decoration: underline;
}
/* (SS,18/5/26) links in footer */
.footer-link-list {
align-items: flex-start;
line-height: 1.35;
}
.footer-link-list .nav-item {
margin-bottom: 0.5rem;
}
.footer-link-list .nav-item:last-child {
margin-bottom: 0;
}
.footer-contact-links li {
margin-bottom: 0.45rem;
}
.footer-contact-links li:last-child {
margin-bottom: 0;
}
/* Cookie bar */
/* (SS,29/5/26) tidy old jquery.cookiebar styling for Bootstrap 5 */
#cookie-bar {
background: #111111;
color: #eeeeee;
text-align: center;
padding: 0.3rem 1rem;
font-size: 0.95rem;
line-height: 1.4;
font-weight: 600;
}
#cookie-bar p {
margin: 0;
padding: 0;
}
#cookie-bar a {
color: #ffffff;
display: inline-block;
border-radius: 0.2rem;
text-decoration: none;
padding: 0.15rem 0.55rem;
margin-left: 0.5rem;
line-height: 1.3;
}
#cookie-bar .cb-enable {
background: #007700;
}
#cookie-bar .cb-enable:hover {
background: #009900;
}
#cookie-bar .cb-policy {
background: #0033bb;
}
#cookie-bar .cb-policy:hover {
background: #0055dd;
}
#cookie-bar a:hover,
#cookie-bar a:focus {
color: #ffffff;
text-decoration: none;
}