@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
:root {
--text-color: #002636;
--list-item-color: #006BB7;
--primary-color: #006BB7;
--accent-color: #D60D8C;
--accent-color-alt: #FEBA12;
--border-primary: #BDCBD6;
--border-dark: #005693;
--border-top-bar: #0074C7;
--categories-icon: url('data:image/svg+xml,');
--user-icon: url('data:image/svg+xml,');
--cart-icon: url('data:image/svg+xml,');
--cart-btn-icon: url('data:image/svg+xml,');
--cart-top-icon: url('data:image/svg+xml,');
--fb-icon: url('data:image/svg+xml,');
--yt-icon: url('data:image/svg+xml,');
--tt-icon: url('data:image/svg+xml,');
--insta-icon: url('data:image/svg+xml,');
--wishlist-icon: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUBAMAAAB7UtADAAAAMFBMVEUAAAD+uhL+vyH/8tP+wzD+3Ij/+/D/9+H+y03+xz7+4Zf/////5ab+2Hn+1Gv/7cOCkNDpAAAAAXRSTlMAQObYZgAAAIJJREFUCNdjYGC/ItjDFqE4r4CBgWGhoKCgCxCLMjCwCsLAAoZCOFuc4SGcLcswUVAJyhZhEBRJnwjlMCiK7g6EsRtF7B0hTAkGoGALhC3DkCIomAVhuzEwK0INEjJgYDCC6lRmYABKwIWBEjBhsARUGCwBEYZKgIWhEiBhmMRMsDAAnb0XiVka7sgAAAAASUVORK5CYII=');
--compare-icon: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAM1BMVEUAAAD+uhL/9uH/5ab+vyH/7sT/7cP/////3Yn+0Fz+wy//8tL/2Xr+xz7/+/D/6rX/4ZcrtnBbAAAAAXRSTlMAQObYZgAAAI1JREFUGNOF0DkWgzAMRVF9ZNDgAfa/2sSCBFHxKvsWso8oGmwOdGO62wuu/M8NKT1N8ahN43kqawP0CN2/6NOqbMC6BJZBfFpCMBmAKrokNOpAF0VGp5iCByIQN5ZAf6DKHEeWUaXGQ5xQpJb40igJw3yuKPBQoG3TwNeS3tbU6Ir9R2WnO7YOuPGI2weSbARaiDP9FAAAAABJRU5ErkJggg==');
--adult-icon: url('data:image/svg+xml,');
--child-icon: url('data:image/svg+xml,');
--additional-next: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUBAMAAABL3sEiAAAAGFBMVEUAAAAAa7eAtduPvt8QdLsgfsAQdbvP5PGfwqTPAAAAAXRSTlMAQObYZgAAADhJREFUCNdjKEtiAIFAQQUQ5SgoBKIMBcFcJkEIVxEXVxjCFYFQolBBqBKYBkwOwiJHiLWlySASACLbB6Jow0kFAAAAAElFTkSuQmCC");
--additional-prev: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUBAMAAABL3sEiAAAAGFBMVEUAAAAAa7d/tduQvt8QdLsgfsAQdbvP5PEeVC68AAAAAXRSTlMAQObYZgAAADtJREFUCNdjAAGzcBDJJCgCohSBFIgjKATmCCpg5xiCOQyBYA6DI5CCCsI0gzTg4grDLAJzRcGOUEsHAMZCBoU0RZTtAAAAAElFTkSuQmCC");
--input-bg: #EAF0F4;
--input-border: #D2E6F4;
--base-transition: all ease-in .25s;
--bg-primary: #EAF0F4;
--bg-secondary: #F6F9FC;
--bg-highlight: #c8def5;
--trustpilot-bg: #D5EBE4;
--btn-default-bg: #006BB7;
--btn-default-border: #004D83;
--btn-primary-bg: #D60D8C;
--btn-primary-border: #92005C;
}
html {
font-size: 16px;
}
body {
font-family: "Urbanist", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-size: 16px;
font-weight: 400;
line-height: 20px;
width: 100%;
letter-spacing: .025rem;
}
h1, h2, h3, h4, h5, h6 {
color: #444;
font-weight: 700;
}
/* default font size */
.fa {
font-size: 14px;
}
.fa-user::before,
.fa-shopping-cart::before {
display: none;
}
.fa-user {
width: 16px;
height: 16px;
background: var(--user-icon);
display: inline-block;
}
.fa-shopping-cart {
width: 16px;
height: 16px;
background: var(--cart-icon);
display: inline-block;
}
.fa-heart::before {
color: var(--accent-color-alt);
}
/* Override the bootstrap defaults */
h1 {
font-size: 32px;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 12px;
}
p {
font-size: 1rem;
}
a {
color: var(--text-color);
transition: var(--base-transition);
}
a:hover {
text-decoration: none;
}
legend {
font-size: 18px;
padding: 7px 0px
}
label {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
select.form-control,
textarea.form-control,
input[type="text"].form-control,
input[type="password"].form-control,
input[type="datetime"].form-control,
input[type="datetime-local"].form-control,
input[type="date"].form-control,
input[type="month"].form-control,
input[type="time"].form-control,
input[type="week"].form-control,
input[type="number"].form-control,
input[type="email"].form-control,
input[type="url"].form-control,
input[type="search"].form-control,
input[type="tel"].form-control,
input[type="color"].form-control {
background-color: var(--input-bg);
font-size: 1rem;
font-weight: 500;
border-radius: 5px;
color: var(--text-color);
border: var(--input-border) solid 1px;
box-shadow: none;
letter-spacing: .025rem;
padding: 0 1rem;
height: 41px;
margin-bottom: 0px;
}
textarea.form-control {
padding: 1rem;
min-height: 120px;
}
.form-control::placeholder {
color: var(--text-color);
opacity: .5;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
font-size: 12px;
}
.input-group .input-group-addon {
font-size: 16px;
}
.input-group-addon {
background: none;
border: none;
font-weight: 700;
font-size: 16px;
color: #000;
}
.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
font-size: 14px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
display: inline;
}
.nav-tabs {
margin-bottom: 0;
}
div.required .control-label:before {
content: '* ';
color: #F00;
font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
text-decoration: none;
color: #ffffff;
background-color: #229ac8;
background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
background-repeat: repeat-x;
}
header {
padding: 20px 0;
}
header .row {
display: flex;
flex-wrap: wrap;
}
header .col-sm-3 {
display: flex;
align-items: center;
height: 45px;
}
.header-logo {
width: 35%;
}
.header-search {
width: 35%;
}
.header-contact,
.header-cart {
width: 15%;
}
header .col-sm-3.header-contact {
flex-direction: column;
align-items: flex-start;
}
.header-contact-phone {
margin-bottom: 5px;
white-space: nowrap;
}
.header-contact-phone a i {
color: var(--accent-color);
font-size: 18px;
}
.header-contact-phone span {
font-weight: 600;
color: var(--primary-color);
}
.header-contact-phone span strong {
font-weight: 800;
}
/* top */
#top {
background-color: var(--primary-color);
margin: 0 0 20px 0;
border-radius: 5px;
padding: 0 20px;
}
#top .btn-link, #top-links li, #top-links a {
color: #fff;
text-decoration: none;
font-size: 14px;
font-weight: 800;
}
#top-links .dropdown-menu a {
color: var(--text-color);
}
#top .btn-link:hover,
#top-links a:hover {
color: var(--accent-color-alt);
}
#top-links .dropdown-menu a {
text-shadow: none;
}
#top-links .dropdown-menu a:hover {
color: #FFF;
}
#top .btn-link strong {
font-size: 18px;
line-height: 14px;
vertical-align: center;
}
#top-links > ul {
display: flex;
margin: 0;
min-height: 61px;
}
#top-links > ul li {
display: flex;
align-items: center;
border-right: solid 1px var(--border-top-bar);
padding: 0 20px;
}
#top-links > ul li:first-child {
padding-left: 0;
}
#top-links > ul li:last-child {
border: none;
}
#top-links > ul li i {
margin-right: 7px;
vertical-align: center;
}
#top-links > ul li i.fa-shopping-cart {
background: var(--cart-top-icon);
}
#top-links > ul li:first-child a:last-child,
#top-links > ul li:nth-child(3) a:last-child {
margin-left: 10px;
}
#top .btn-link {
padding: 0;
text-align: left;
}
#top .btn-link strong {
color: var(--accent-color-alt);
}
#top .btn-link:hover,
#top .btn-link:focus {
transform: none;
}
#top .btn-link + .dropdown-menu {
background: var(--primary-color);
}
#top .btn-link + .dropdown-menu li {
padding: 3px 10px;
}
/* logo */
/* search */
#search {
width: 100%;
position: relative;
}
#search .input-lg {
height: 42px;
width: 100%;
line-height: 20px;
border-radius: 20px;
margin: 0;
}
#search .btn-lg {
padding: 10px 35px;
position: absolute;
border-radius: 50px !important;
top: 0;
right: 0;
z-index: 999;
}
/* cart */
#cart .fa-shopping-cart {
background: var(--cart-btn-icon);
}
#cart > .btn {
color: #FFF;
background: var(--btn-primary-bg);
border: solid 1px var(--btn-primary-border);
}
#cart-total {
font-weight: 700;
}
#cart .dropdown-menu {
background: #fff;
z-index: 1001;
min-width: 100%;
overflow-y: auto;
max-height: 800px;
scrollbar-width: thin;
overflow-x: hidden;
}
#cart .btn-danger,
/*#checkout-cart .btn-danger,*/
#account-wishlist .btn-danger {
width: 30px;
height: 30px;
padding: 0;
line-height: 1.5;
}
@media (max-width: 478px) {
#cart .dropdown-menu {
width: 100%;
}
}
#cart .dropdown-menu table {
margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
min-width: 427px;
padding: 0 10px;
}
@media (max-width: 478px) {
#cart .dropdown-menu li > div {
min-width: 100%;
}
}
#cart .dropdown-menu li p {
margin: 20px 0;
}
#cart .td-quantity {
text-align: right;
white-space: nowrap;
}
#cart .table-striped > tbody > tr > td:nth-child(2) a,
#cart ul.dropdown-menu li:last-child .table > tbody > tr > td:last-child {
font-size: 15px;
font-weight: 600;
}
#cart .table-striped > tbody > tr > td:nth-child(3),
#cart .table-striped > tbody > tr > td:nth-child(4) {
font-size: 15px;
font-weight: 500;
}
#cart ul.dropdown-menu li:last-child .table + p a {
background: var(--btn-default-bg);
color: #fff;
border: solid 1px var(--btn-default-border);
padding: 10px 20px;
border-radius: 20px;
display: inline-flex;
}
#cart ul.dropdown-menu li:last-child .table + p a:hover,
#cart ul.dropdown-menu li:last-child .table + p a:focus {
transform: scale(1.025);
}
#cart ul.dropdown-menu li:last-child .table + p a + a {
background-color: var(--btn-primary-bg);
border: 1px solid var(--btn-primary-border);
}
.panel-default,
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border: none;
}
.panel-default > .panel-heading {
background-color: var(--primary-color);
color: #fff;
border-radius: 5px;
padding: 15px;
}
/* menu */
#mobile-menu {
background: none;
border: none;
min-height: 40px;
border-radius: 4px;
}
#mobile-menu .navbar-header {
background: var(--primary-color);
color: #fff;
margin: 0;
padding: 19px 0px 18px 46px;
font-size: 18px;
font-weight: 800;
border-radius: 5px 5px 0 0;
border-bottom: solid 4px var(--border-dark);
position: relative;
}
#mobile-menu .btn-navbar {
padding: 0;
text-align: left;
margin-left: 0px;
margin-right: 0;
border: none;
margin-top: 0;
margin-bottom: 0;
line-height: 1;
float: none;
display: block;
width: 100%;
transform: none;
border-radius: 0;
}
#mobile-menu .btn-navbar::before {
content: "";
position: absolute;
width: 23px;
height: 23px;
background: var(--categories-icon);
background-size: contain;
left: -33px;
top: -3px;
fill: #fff;
}
#mobile-menu .btn-navbar:active,
#mobile-menu .btn-navbar:focus-visible {
outline: none;
}
#mobile-menu .btn-navbar:hover, #mobile-menu .btn-navbar:focus, #mobile-menu .btn-navbar:active, #mobile-menu .btn-navbar.disabled, #mobile-menu .btn-navbar[disabled] {
color: #ffffff;
background-color: none;
}
#mobile-menu .navbar-collapse {
border: none;
padding: 0;
}
#mobile-menu .navbar-nav {
margin: 0;
}
#mobile-menu .mobile-menu-item {
border: 1px solid var(--border-primary);
background: var(--bg-primary);
color: var(--list-item-color);
padding: 15px;
font-weight: 600;
position: relative;
}
#mobile-menu .dropdown.open > .mobile-menu-item.dropdown-toggle {
background: #fff;
color: var(--list-item-color);
}
#mobile-menu .mobile-menu-item.dropdown-toggle::after {
position: absolute;
right: 12px;
top: 17px;
font: normal normal normal 14px/1 FontAwesome;
font-size: 14px;
content: "\f078";
display: block;
}
#mobile-menu .dropdown.open .mobile-menu-item.dropdown-toggle::after {
content: "\f077";
}
@media (max-width: 767px) {
#mobile-menu .nav > li > a:hover, #mobile-menu .nav > li.open > a {
background-color: rgba(0, 0, 0, 0.1);
}
}
#mobile-menu div.dropdown-menu {
margin-left: 0 !important;
padding-top: 0;
padding-bottom: 0;
background-color: rgba(0, 0, 0, 0.1);
}
#mobile-menu .dropdown-menu a:hover,
#mobile-menu .dropdown-menu ul li a:hover {
background: rgba(0, 0, 0, 0.1);
}
#mobile-menu .dropdown-menu .mobile-menu-item .fa-arrow-circle-right {
margin-right: 1ch;
}
#mobile-menu .see-all {
display: block;
}
#mobile-menu .see-all:hover, #mobile-menu .see-all:focus {
text-decoration: none;
color: #ffffff;
}
/* desktop/mobile menu bar */
/* #menu to be 'invisible' on mobile and show only #mobile-menu */
/* #menu to be surrounding container bar on desktop and show both #mobile-menu ('all tickets' button) and #desktop-menu */
@media (min-width: 768px) {
/* main desktop menu wrapper */
#menu {
background: #fff;
border: 1px solid #DCEBF3;
border-radius: 12px;
padding: 6px;
margin-bottom: 20px;
display: flex;
align-items: center;
column-gap: 8px;
}
#mobile-menu {
margin-bottom: 0;
}
/* 'all tickets' button */
#mobile-menu .navbar-header {
padding-right: 18px;
border-radius: 8px;
border-bottom: none;
}
/* 'all tickets' dropdown menu */
#mobile-menu .navbar-collapse {
position: absolute;
top: 100%;
z-index: 1000;
}
#mobile-menu .navbar-collapse:not(.in):not(.collapsing) {
display: none !important;
}
#mobile-menu .navbar-nav > li {
float: none;
}
#mobile-menu .dropdown-menu a:hover,
#mobile-menu .dropdown-menu ul li a:hover {
background: #fff;
}
#mobile-menu .see-all:hover,
#mobile-menu .see-all:focus {
color: var(--list-item-color);
}
/* desktop top categories */
#desktop-menu {
flex-grow: 1;
display: flex;
flex-wrap: wrap;
gap: 4px;
}
#desktop-menu .desktop-menu-item {
flex: 0 0 auto;
font-size: 13.5px;
font-weight: 700;
color: #073b54;
padding: 9px 9px;
border-radius: 9px;
white-space: nowrap;
text-decoration: none;
}
#desktop-menu .desktop-menu-item:hover {
background: #f2f8fb;
color: #097ead;
}
#desktop-menu .desktop-menu-item.desktop-menu-item-current {
background: #f2f8fb;
color: #097ead;
box-shadow: inset 0 -3px 0 #e04ab2;
}
}
@media (max-width: 767px) {
#desktop-menu {
display: none;
}
}
/* content */
#content {
min-height: 600px;
}
#product-category #content, #product-product #tab-description, #information-information #content {
font-size: 1rem;
}
#product-category #content img,
#tab-description img {
max-width: 100% !important;
height: auto !important;
}
#product-product #content > p {
font-size: 14px;
font-weight: 500;
margin: 20px 0 40px 0;
}
#product-product #content > p > a {
font-weight: 600;
color: var(--accent-color);
}
#product-product #content > p > a:hover,
#product-product #content > p > a:focus {
color: var(--text-color);
}
#product-category #content .row:has(.col-md-3.col-sm-6 .form-group #compare-total),
#product-search #content .row:nth-of-type(2) {
background: var(--bg-primary);
margin: 0;
margin-bottom: 20px;
border-radius: 5px;
padding: 12px 0 10px;
}
#product-category #content .row:has(.col-md-3.col-sm-6 .form-group #compare-total) .form-group,
#product-search #content .row:nth-of-type(2) .form-group {
margin: 0;
}
#product-category #content .row:has(.col-md-3.col-sm-6 .form-group #compare-total) .form-group select {
background-color: #fff;
border: none;
border-radius: 5px;
height: 33px;
}
#information-information #content,
#information-contact #content,
#information-sitemap #content,
#account-return #content,
#product-manufacturer #content {
padding-bottom: 60px;
}
#information-sitemap #content .col-sm-6 > ul {
padding: 0;
}
#information-sitemap #content .col-sm-6 > ul > li {
list-style: none;
padding: 10px 15px;
background-color: var(--bg-primary);
border-radius: 5px;
margin-bottom: 5px;
font-weight: 600;
}
#information-sitemap #content .col-sm-6 > ul > li > ul {
padding-left: 10px;
}
#information-sitemap #content .col-sm-6 > ul > li > ul > li {
list-style: none;
padding: 3px 0;
}
#product-manufacturer #content h1 + p {
padding: 20px;
background-color: var(--bg-primary);
border-radius: 5px;
}
#product-manufacturer #content h1 + p a {
display: inline-block;
padding: 5px 10px;
background-color: var(--btn-default-bg);
border-radius: 5px;
color: #fff;
font-weight: 600;
}
#product-manufacturer #content h1 + p + h2 {
margin-top: 30px;
}
#product-manufacturer #content .col-sm-3 a {
font-weight: 700;
border-bottom: 2px solid var(--primary-color);
}
#product-product .oa-lockup {
display: flex;
align-items: center;
gap: 10px;
margin: 2px 0 10px;
flex-wrap: wrap;
}
#product-product .oa-lockup .oa-sun {
width: 34px;
height: 34px;
border-radius: 50%;
object-fit: cover;
}
#product-product .oa-lockup .lk-brand {
font-weight: 900;
font-size: 17px;
letter-spacing: .2px;
}
#product-product .oa-lockup .lk-o {
color: var(--primary-color);
}
#product-product .oa-lockup .lk-a {
color: #e04ab2;
}
#product-product .oa-lockup .lk-sub {
font-size: 11.5px;
font-weight: 800;
letter-spacing: 1.4px;
text-transform: uppercase;
border-left: 2px solid #DCEBF3;
padding-left: 10px;
}
#product-product .oa-keyfacts {
list-style: none;
margin: 0 0 18px;
padding: 0;
}
#product-product .oa-keyfacts li {
position: relative;
padding-left: 26px;
margin: 0 0 8px;
font-size: 14.5px;
line-height: 1.5;
color: #233c4b;
}
#product-product .oa-keyfacts li::before {
content: "";
position: absolute;
left: 0;
top: 2px;
width: 17px;
height: 17px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAXCAYAAAAcP/9qAAAACXBIWXMAAC4jAAAuIwF4pT92AAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAABw1JREFUeNqMlmuMnGUVx3/neZ+57uxlZjvdbXdbytILdLdqIwFCFQgRicSEhKJIrJKARtME4YNiglSMYJRLiIkBTNTIF0n4QCBSoAIKpiBlywJtKS3tdtvtXjp7m92d+8z7vs/xw2wvQEk4yUme8+V/8v+f22N1cQQAvBju1LvR8IMn7pfK1Ndc56btiHdQUj1ELr2b4MDfcMWJy83C4e8STfRIons/3Zc+hLoQ8cCvoPNHEC+G+CW0UUajbWAimCt/jRgDqpw2q/lDS684evzlh3T2o7vo3XIFxhyk/ULswO0QS0M5t10OP/O4S68dNJGOe4m0Hzc9W0LEQOjjRnZB6ION80XMqlEQAVe1Lrf3Zolm/uc1vEFXn0NaemDsX7iwkdax/95HtK1ut9y/TXN7j9IogYZNz4+gxQkQjy9qFt8BAiIBNjmp/nx3uLo/io00KJ0izL0NjfJFWp5eIe1rBnXm4FHXqEGsE6OKFKfRoAZeBHAgVhCTAqOIKSOenp9x/viZGkv7uhdYeOUBovFNmloxRGkWqdXAr2YAEJl15SnQEKmFyNwwePGlpNrJwtGfudLUVkHjCCXEVshc8rygD4MA59TYRKT5MiHa2feiOxE+UJw5+c1CamAoIy2kvCRh2EiAIs4vSDUHQR1SK1ETBbEQVLp09D8va2Fss2QHdkkicy/ql1wQ9ImNlBHzWcbh3KGzkdjjGu/Mp3JvX5KqTWKSvWh6LbJwrAsXoPHMSbw4KEimGxddBIngDr/4e104sVmy/QfMwG23MPZGAX8RrD2KiZ3F9yIIBkWx9F6xxNhCcaJLa/MZWbVlmFVXocUJNJqA8sRVAF5mwxvS2gOAdqyDSBwK4xt14p1b8aJ4F13/qCxbX9DaNDq2u6mGCNhEU6WFEYLaPCwcw5riPBgDXgydOXIHLdkhb+2NT2pQg6Aqmj9yh5va/33Tvfmfpv/mXXgxqMxAowBY3Nje71ErxqV1xbDEMs8xcxCJpaH9QiiOQ1BFj+0kmDuAV5rGj7ZijYelNoPWi83h9uIPBiuv2OGN7a6rX0bqi9fr1OB2yaz/nXR/9Q9EWtR9/AJaHMf1XAPl6U4m9vwAUaTn60+rzRRxPjSKaKQDk2zAqXdwpTFIrwMxiBcDMVhp7YawiitNQDxdiJXncZND6AXX4MVad5nswC4X70IBRxQ3fQAhQBt5dOrdn0thbI10rDnmXXLj48Q7IfQJRl7BBKWlMaXZ+WJBgnPmWBFU09QL12oxdx1+9QL8UoypoRkiyTdp691JJDYSiocxUcHG0gR+h5x8/U4m99wtyeVTsvrqbcTT01SncFMfQqNEs5PlrIucO01YgvJGVxjdpotjt0o88y6iu6VlWYJq/qZw7tB3ZO7ww2TW/5nswD06/GxMiyf/otV8vxhbNcs2PqjLNz+JF5mkOE6Yex9plMCmIKx5OH8dLriQsF5Fgw/xIrOnR8uq2IMaS++QbP/9kuxu6Mw+SGQxKy7fobmhh1z+yC/IvXeXccE61/etrS6W2maRCJn1RRFUbQwpTaLDL6PxDGITSG3u2278rQdoFL8s8Y5BrS0kZOS1Pm3teZGuS39DNHXYLjEPcCE4H9RBWAOJqPeNJ+5hz2/73OjrW3Xm4A1io78yHWt3ONWqeBEIG4R+BRvUIZoCG0/o+JuP6exHP3XxzIy35tqbJKw9L+19VuePbdXc0GNm8dkPZfXVP7Kf3CdLa82mCJPLcYVRNPuVR5nYcxPOF/LDP7abbv9TUJqaYez1ewiqcVpWPIfxRrU6dxlTH/zRLYxsNNmBl1h52U80khqX2QPgwkBaup6RVVtelcrslaFfOPWpxNpsikgSU5uFE68int2v8Y6jWpldr361Kzj89GWaXLbTaeikcPJGszh6m4OyaNhmIolD+TXX/rKls/8l63yHa5yFdiGo5ollduJqfDKxC5FIO9QWoJo/vdEqipk7o0bhVC9YwmUbH7GxjkdEo2nNH0h5XV/KU18sh7E0zgXNS8X5zmQIKBakuTzUoenV0JJutv4Z6V2cheG2M7FE6qKGaCyLNBpQz88H2YF5om1Yv4Q6f+mnca6f7x5rgIjBJFZCYMC0nVNyA355Q9AobmgCSCjZTe+Ja8Q1t/c+KjMiLZ2vhm0b3qq1rvLbo+20hA2sCCIRRB140c9J7EJMaiU4Ab/8qV4z4FfaRJY2UO+Vf9XsxfvM5N6E2ugh9Yvb3Yl999r5Y4P03XCni7YOprzoWY6qkN3cxJXyJ+8xye5mAj2fJAKwWzzTb4Ji3K2+7pCr5VCkSsfaf0h67dM6+tpTcmrfD6Plv/+bi2/Zoja5H3WfhXLhuZjYZn3Dz/8ciQGbPIIs1es0qF9BugbUW7Z9u3v/yY+pV3ohrGD0/CRSy2GxBloH4P8DALicbjbnTgfCAAAAAElFTkSuQmCC) center / contain no-repeat;
}
#product-product .oa-assure {
list-style: none;
margin: 12px 0 6px;
padding: 14px 18px;
background: var(--bg-primary);
border: 1px solid var(--bg-highlight);
border-radius: 12px;
}
#product-product .oa-assure li {
display: flex;
align-items: center;
gap: 11px;
margin: 8px 0;
font-size: 14.5px;
font-weight: 600;
color: #233c4b;
}
#product-product .oa-assure .oa-as-ic {
flex: 0 0 auto;
width: 34px;
height: 34px;
border-radius: 10px;
background: #fff;
border: 1px solid var(--bg-highlight);
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--primary-color);
}
#product-product .oa-assure .oa-as-ic .oa-ic {
width: 19px;
height: 19px;
}
#product-product .oa-assure .oa-as-tx {
flex: 1;
min-width: 0;
line-height: 1.45;
}
.quickcheckout-heading {
padding: 12px 20px !important;
border-radius: 5px 5px 0 0;
font-weight: 600;
background: var(--bg-primary) !important;
border: solid 1px var(--border-primary);
border-bottom: none;
}
.quickcheckout-heading i {
color: var(--primary-color);
}
.quickcheckout-heading .fa-user {
background: none;
}
.quickcheckout-heading .fa-user:before {
display: inline-block;
}
.quickcheckout-content {
border-radius: 0 0 5px 5px;
margin-bottom: 20px !important;
}
.quickcheckout-content .form-control {
margin-bottom: 15px;
}
#checkout .quickcheckout-content .form-control,
#coupon-content .form-control,
#voucher-content .form-control {
margin-bottom: 0;
}
#coupon-heading,
#voucher-heading {
color: #fff;
background-color: var(--primary-color) !important;
padding: 12px;
border-radius: 10px;
}
#coupon-content,
#voucher-content {
padding: 10px 0;
}
.or {
font-size: 18px !important;
margin: 20px 0 10px 0;
}
.quickcheckout-content strong {
margin-bottom: 10px;
display: inline-block;
}
.quickcheckoutmid .quickcheckout-content {
padding: 20px;
}
.text-danger {
margin-top: -10px;
}
/*#product-product #content .row .col-sm-5:last-child {*/
/* position: sticky;*/
/* top: 20px;*/
/*}*/
/* footer */
footer {
background-color: var(--bg-primary);
color: var(--text-color);
padding-top: 0;
padding-bottom: 0;
}
footer hr {
border-top: none;
border-bottom: 1px solid #666;
}
footer ul {
line-height: 2;
}
footer a {
color: var(--text-color);
font-weight: 600;
}
footer a:hover {
color: var(--text-color);
text-decoration: underline;
}
footer h5 {
font-size: 18px;
font-weight: bold;
color: var(--text-color);
}
footer p {
font-size: 14px;
}
footer {
padding-top: 0;
padding-bottom: 0;
}
.footer-top {
background-color: var(--bg-secondary);
padding-top: 48px;
padding-bottom: 48px;
}
.footer-main {
padding-top: 48px;
padding-bottom: 48px;
}
.footer-cards {
width: 255px;
margin: auto;
}
.footer-bottom {
background-color: #e3ecf1;
padding-top: 32px;
padding-bottom: 32px;
font-weight: 500;
}
.footer-bottom p {
margin-bottom: 0;
}
/* alert */
.alert {
padding: 8px 14px 8px 14px;
font-size: 14px;
font-weight: 600;
}
.alert > .close {
position: relative;
top: -2px;
right: 0px;
color: inherit;
}
/* breadcrumb */
.breadcrumb {
background-color: var(--bg-primary);
margin: 0 0 20px 0;
padding: 8px 0;
}
.breadcrumb i {
font-size: 15px;
}
.breadcrumb > li {
padding: 0 20px;
position: relative;
white-space: nowrap;
font-size: 14px;
font-weight: 700;
}
.breadcrumb > li + li:before {
content: '';
padding: 0;
}
.breadcrumb > li:after {
content: "\f054";
font-family: FontAwesome;
font-size: 10px;
display: block;
position: absolute;
color: var(--accent-color-alt);
top: 0;
right: -8px;
}
.breadcrumb > li:last-child:after {
content: "";
}
.breadcrumb > li a {
color: var(--primary-color);
}
html[dir=rtl] .breadcrumb > li::after {
top: -3px;
left: -5px;
width: 26px;
height: 26px;
border-left: 1px solid #DDD;
border-top: 1px solid #DDD;
right: unset;
border-right: unset;
border-bottom:unset;
}
.pagination {
margin: 0;
}
/* BTNS */
.buttons {
margin: 1em 0;
display: inline-block;
width: 100%;
}
.btn {
padding: 8px 20px;
font-size: 1rem;
font-weight: 600;
border: 1px solid transparent;
border-radius: 50px;
color: #fff;
transition: var(--base-transition);
}
.btn:hover,
.btn:focus {
transform: scale(1.025);
}
.btn-xs {
font-size: 9px;
}
.btn-sm {
font-size: 10.2px;
}
.btn-lg {
padding: 10px 16px;
font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
font-size: 12px;
}
.btn-group > .btn-xs {
font-size: 9px;
}
.btn-group > .btn-sm {
font-size: 10.2px;
}
.btn-group > .btn-lg {
font-size: 15px;
}
.btn-default,
.btn-default:hover,
.btn-default:focus {
color: #fff;
background-color: var(--btn-default-bg);
border-color: var(--btn-default-border)
}
.btn-primary {
background-color: var(--btn-primary-bg);
border-color: var(--btn-primary-border)
}
.btn-primary:hover,
.btn-primary:active
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
}
.btn-warning {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #faa732;
background-image: linear-gradient(to bottom, #fbb450, #f89406);
background-repeat: repeat-x;
border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #da4f49;
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
background-repeat: repeat-x;
border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5bb75b;
background-image: linear-gradient(to bottom, #62c462, #51a351);
background-repeat: repeat-x;
border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: var(--btn-default-bg);
border-color: var(--btn-default-border);
}
.btn-link {
border-color: rgba(0, 0, 0, 0);
cursor: pointer;
color: #006BB7;
border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
background-color: rgba(0, 0, 0, 0);
background-image: none;
box-shadow: none;
}
.btn-inverse {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #363636;
background-image: linear-gradient(to bottom, #444444, #222222);
background-repeat: repeat-x;
border-color: #222222 #222222 #000000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
background-color: #222222;
background-image: linear-gradient(to bottom, #333333, #111111);
}
#compare-total {
font-size: 16px;
font-weight: bold;
padding: 0;
}
#list-view,
#grid-view {
background: none;
border: none;
box-shadow: none;
color: #86A1B3;
}
#list-view .fa,
#grid-view .fa {
font-size: 20px;
}
#list-view.active,
#grid-view.active {
color: #00528D;
}
.trust_pilot_bar {
display: flex;
background: var(--trustpilot-bg);
padding: 15px;
border-radius: 5px;
align-items: center;
justify-content: center;
font-weight: 600;
color: var(--text-color);
margin-bottom: 15px;
}
.trust_pilot_bar:hover,
.trust_pilot_bar:focus {
color: var(--text-color);
}
.trust_pilot_bar img {
margin-left: 5px;
}
.trust_signals {
display: flex;
flex-direction: row;
margin-top: 15px;
gap: 10px;
}
.trust_signals p {
width: 33%;
text-align: center;
font-size: 13px;
font-weight: 500;
display: flex;
flex-direction: column;
align-items: center;
line-height: 1.5;
}
.trust_signals .fa {
font-size: 18px;
background-color: var(--bg-primary);
border-radius: 50%;
padding: 22px 0 0;
width: 60px;
height: 60px;
margin-bottom: 10px;
}
.trust_signals .fa:before {
color: var(--primary-color);
}
.trust_signals .fa.fa-gbp,
.trust_signals .fa.fa-question {
font-size: 21px;
padding: 19px 0 0;
}
.trust_signals strong {
font-size: 15px;
display: inline-block;
width: 100%;
margin-bottom: 5px;
}
/* Slider styles */
#common-home .swiper-viewport {
box-shadow: none !important;
border-radius: 10px !important;
float: left !important;
/*max-width: 70%;*/
border: none !important;
}
#common-home .swiper-viewport .img-responsive {
width: 100%;
}
#common-home .swiper-button-next,
#common-home .swiper-button-prev {
width: 60px !important;
height: 60px !important;
background: rgba(255, 255, 255, .5) !important;
border-radius: 50%;
text-align: center;
padding: 8px 0 0;
}
#common-home .swiper-button-next::before,
#common-home .swiper-button-prev::before {
font-size: 20px !important;
opacity: 1 !important;
}
.swiper-pagination {
display: none;
}
/* list group */
#column-left h2 {
background: var(--primary-color);
color: #fff;
margin: 0;
padding: 20px 10px 20px 50px;
font-size: 18px;
font-weight: 800;
border-radius: 5px 5px 0 0;
border-bottom: solid 4px var(--border-dark);
position: relative;
}
#column-left h2:before {
content: "";
position: absolute;
width: 23px;
height: 23px;
background: var(--categories-icon);
background-size: contain;
left: 20px;
top: 20px;
fill: #fff;
}
.list-group {
background: var(--bg-primary);
}
.list-group a {
border: 1px solid var(--border-primary);
background: var(--bg-primary);
color: var(--list-item-color);
padding: 15px;
font-weight: 600;
}
.list-group a.active,
.list-group a.active:hover,
.list-group a:hover {
background: #fff;
color: var(--list-item-color);
}
.list-group-item:first-child {
border-radius: 0;
}
/* carousel */
.carousel-caption {
color: #FFFFFF;
text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
content: '\f053';
font-family: FontAwesome;
}
.carousel-control .icon-next:before {
content: '\f054';
font-family: FontAwesome;
}
/* product list */
.product-thumb {
border: 1px solid #ddd;
margin-bottom: 20px;
overflow: auto;
}
.product-thumb:hover {
box-shadow: 0 10px 26px rgba(9,126,173,.16);
transform: translateY(-2px);
}
.product-thumb .image {
text-align: center;
}
.product-thumb .image a {
display: block;
}
.product-thumb .image a:hover {
opacity: 0.8;
}
.product-thumb .image img {
margin-left: auto;
margin-right: auto;
}
.product-grid .product-thumb .image {
float: none;
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
float: left;
padding: 0 15px;
}
}
.product-thumb h4 {
font-weight: bold;
}
.product-thumb .caption {
padding: 20px 20px 10px 20px;
min-height: 150px;
text-align: center;
}
.product-list .product-thumb .caption {
margin-left: 230px;
}
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
min-height: 210px;
padding: 0 10px;
}
}
@media (max-width: 767px) {
.product-list .product-thumb .caption {
min-height: 0;
margin-left: 0;
padding: 0 10px;
}
.product-grid .product-thumb .caption {
min-height: 0;
}
}
.product-thumb .rating {
padding-bottom: 10px;
}
.rating .fa-stack {
font-size: 8px;
}
.rating .fa-star-o {
color: #999;
font-size: 15px;
}
.rating .fa-star {
color: #FC0;
font-size: 15px;
}
.rating .fa-star + .fa-star-o {
color: #E69500;
}
h2.price {
margin: 0;
}
.product-thumb .price {
color: #444;
}
.product-thumb .price p {
font-weight: 600;
}
.product-thumb .price-new {
font-weight: 600;
}
.product-thumb .price-old {
color: #999;
text-decoration: line-through;
margin-left: 10px;
}
.product-thumb .price-tax {
color: #999;
font-size: 12px;
display: block;
}
.product-thumb .button-group {
overflow: auto;
padding: 0 0 20px 0;
text-align: center;
}
.product-list .product-thumb .button-group {
border-left: 1px solid #ddd;
}
@media (max-width: 768px) {
.product-list .product-thumb .button-group {
border-left: none;
}
}
.product-thumb .button-group button {
width: 160px;
border: none;
display: inline-block;
background-color: #15935A;
color: #fff;
line-height: 38px;
font-weight: bold;
text-align: center;
border-radius: 50px;
transition: var(--base-transition);
padding: 9px 20px;
}
.product-thumb .button-group button + button {
width: 20%;
border-left: 1px solid #ddd;
display: none;
}
.product-thumb .button-group button:hover {
background-color: #F22DAA;
text-decoration: none;
cursor: pointer;
}
@media (max-width: 1200px) {
.product-thumb .button-group button, .product-thumb .button-group button + button {
width: 33.33%;
}
}
@media (max-width: 767px) {
.product-thumb .button-group button, .product-thumb .button-group button + button {
width: 33.33%;
}
}
.price-row {
display: flex;
justify-content: center;
margin-bottom: 5px;
}
.price-row span {
font-weight: 700;
text-transform: uppercase;
padding: 10px;
}
.price-adult,
.price-child {
font-size: 12px;
color: #fff;
background: #002636;
border-radius: 5px 0 0 5px;
position: relative;
min-width: 112px;
}
.price-age {
font-size: 17px;
color: #002636;
background: #FEBA12;
border-radius: 0 5px 5px 0;
min-width: 94px;
}
#product-product .price-age {
min-width: 80px;
text-align: center;
}
.price-adult::before,
.price-child::before {
content: "";
display: block;
position: static;
display: inline-block;
vertical-align: top;
margin-right: 7px;
}
.price-adult::before {
background: var(--adult-icon);
width: 8px;
height: 18px;
left: 14px;
top: 12px;
}
.price-child:before {
background: var(--child-icon);
width: 9px;
height: 15px;
/*left: 14px;
top: 11px;*/
position: relative;
top: 2px;
}
.thumbnails {
overflow: auto;
clear: both;
list-style: none;
padding: 0;
margin: 0;
}
.thumbnails > li {
margin-left: 20px;
}
.thumbnails {
margin-left: -20px;
}
.thumbnails > img {
width: 100%;
}
.image-additional a {
margin-bottom: 20px;
padding: 5px;
display: block;
border: 1px solid #ddd;
}
.image-additional {
width: 90px;
height: 71px;
object-fit: cover;
}
.thumbnails .image-additional {
float: left;
margin-left: 20px;
}
#product-product .thumbnails .thumbnail,
#product-product .new-thumbnails .thumbnail {
border: none;
padding: 0;
}
#product-product .thumbnails .thumbnail img,
#product-product .new-thumbnails .thumbnail img {
border-radius: 6px;
}
.nav-stacked {
border: none;
}
.nav-stacked li a {
font-size: 16px;
font-weight: 600;
color: var(--text-color);
border: none;
padding: 8px 10px;
}
.nav-stacked li a:hover,
.nav-stacked li a:focus {
color: var(--primary-color);
background: none;
}
.follow-us-socials {
display: flex;
align-items: center;
justify-content: space-evenly;
gap: 10px;
margin-bottom: 20px;
padding-left: 10px;
}
.follow-us-socials a i {
background-size: contain;
}
.follow-us-socials a i:before {
display: none;
}
.follow-us-socials a {
display: flex;
opacity: .6;
}
.follow-us-socials a:hover,
.follow-us-socials a:focus {
opacity: 1;
}
.fa-facebook {
background: var(--fb-icon);
width: 32px;
height: 32px;
}
.fa-youtube {
background: var(--yt-icon);
width: 36px;
height: 36px;
}
.fa-tiktok {
background: var(--tt-icon);
width: 30px;
height: 30px;
}
.fa-instagram {
background: var(--insta-icon);
width: 32px;
height: 32px;
}
.follow-us .follow-us-socials + img,
.follow-us .follow-us-socials + img + img + img {
max-width: 300px;
width: 100%;
margin: auto;
}
#add-to-cart-row {
display: flex;
justify-content: space-between;
}
#add-to-cart-row > button {
width: unset;
padding-left: 30px;
padding-right: 30px;
padding-top: 11px;
}
#add-to-cart-row > button:first-child {
margin-left: auto;
}
#add-to-cart-row > button .fa {
position: relative;
top: 1px;
}
#add-to-cart-row .btn-group {
white-space: nowrap;
display: flex;
align-items: center;
justify-content: center;
column-gap: 24px;
}
#wishlist-compare .wishlist-compare-icon {
background: none;
border: none;
color: var(--accent-color-alt);
margin: 0;
padding: 0;
line-height: 1;
}
#wishlist-compare .wishlist-compare-icon .fa {
font-size: 22px;
position: relative;
top: -7px;
width: 20px;
height: 20px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
#wishlist-compare .wishlist-compare-icon .fa::before {
content: none;
}
#wishlist-compare .wishlist-compare-icon .fa.fa-heart {
width: 22px;
background-image: var(--wishlist-icon);
}
#wishlist-compare .wishlist-compare-icon .fa.fa-exchange {
background-image: var(--compare-icon);
}
.nav-tabs {
border: none;
}
.nav-tabs > li > a {
font-weight: 700;
color: #073B54;
background: #EDF5FB;
border: 1px solid #DCEBF3;
border-bottom: none;
border-radius: 9px 9px 0 0;
margin-right: 5px;
padding: 11px 18px;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
color: var(--bg-primary);
background-color: var(--accent-color);
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
color: #fff;
background-color: var(--accent-color);
border: none;
}
.tab-content {
border-radius: 0 10px 10px 10px;
background-color: #fff;
border: 1px solid #DCEBF3;
padding: 30px 20px;
margin-bottom: 20px;
}
#form-review input[type=text],
#form-review textarea {
background-color: #fff;
}
#button-coupon,
#button-voucher {
font-size: 1rem;
}
@media (min-width: 768px) {
.container {
width: 100%;
}
}
@media (min-width: 992px) {
.container {
width: 100%;
}
}
@media (min-width: 1200px) {
.container {
width: 100%;
}
.header-logo {
width: 30%;
}
.header-cart {
width: 20%;
}
}
@media (min-width: 1400px) {
.container {
width: 1400px;
}
}
@media (min-width: 1600px) {
.container {
width: 1600px;
}
}
@media (min-width: 1200px) {
#content .col-lg-2:nth-child(6n+1),
#content .col-lg-3:nth-child(4n+1),
#content .col-lg-4:nth-child(3n+1),
#content .col-lg-6:nth-child(2n+1) {
clear:left;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#content .col-md-2:nth-child(6n+1),
#content .col-md-3:nth-child(4n+1),
#content .col-md-4:nth-child(3n+1),
#content .col-md-6:nth-child(2n+1) {
clear:left;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#content .col-sm-2:nth-child(6n+1),
#content .col-sm-3:nth-child(4n+1),
#content .col-sm-4:nth-child(3n+1),
#content .col-sm-6:nth-child(2n+1) {
clear:left;
}
}
/* fixed colum left + content + right*/
@media (min-width: 768px) {
#column-left .product-layout .col-md-3 {
width: 100%;
}
#column-left + #content .product-layout .col-md-3 {
width: 50%;
}
#column-left + #content + #column-right .product-layout .col-md-3 {
width: 100%;
}
#content + #column-right .product-layout .col-md-3 {
width: 100%;
}
}
/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
width: 100%;
}
/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
min-width: 50px;
}
/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
background-color: var(--btn-default-bg);
border-color: var(--btn-default-border);
}
html[dir=rtl] .checkbox input[type="checkbox"],
html[dir=rtl] .checkbox-inline input[type="checkbox"],
html[dir=rtl] .radio input[type="radio"],
html[dir=rtl] .radio-inline input[type="radio"] {
position: absolute;
margin-top: 4px\9;
margin-right: -20px;
margin-left: unset;
}
html[dir=rtl] .input-group-btn:last-child > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
html[dir=rtl] .input-group .form-control:first-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: unset;
border-bottom-left-radius: unset;
}
html[dir=rtl] .container .row:first-child .col-sm-4, html[dir=rtl] .container .row:first-child .col-sm-5 {
float: right;
}
html[dir=rtl] #cart .dropdown-menu {
left: 0;
right: auto;
}
@media (min-width: 768px) {
html[dir=rtl] .navbar-nav {
float: right;
margin: 0;
}
html[dir=rtl] .navbar-nav > li {
float: right;
}
}
#common-home h1 {
font-size: 28px;
margin: 10px;
text-align: center;
}
#common-home h3 {
clear: both;
}
#common-home .slideshow:first-child {
/*width: 60%;*/
float: left;
}
.homepage_top_content {
width: 30%;
min-width: 345px;
float: right;
padding-left: 15px;
}
.homepage_top_content .swiper-pager {
display: none;
}
.homepage_top_content .swiper-viewport {
box-shadow: none !important;
border-radius: 10px !important;
float: none !important;
width: 100% !important;
}
.homepage_top_content .trust_signals + .trust_signals {
min-width: 320px;
width: 75%;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 1599px) {
.trust_signals p {
line-height: 1.3;
font-size: 12px;
}
.trust_signals .fa {
margin-bottom: 5px;
width: 50px;
height: 50px;
padding: 18px 0 0;
}
.trust_signals .fa.fa-gbp,
.trust_signals .fa.fa-question {
padding: 14px 0 0;
}
#common-home .trustpilot-widget {
margin: 0 !important;
}
}
@media (max-width: 1399px) {
#common-home .swiper-viewport {
max-width: 100%;
}
.homepage_top_content {
width: 100%;
float: none;
padding: 20px 0 0;
display: flex;
flex-direction: column;
}
.trust_signals p {
line-height: 1.5;
font-size: 13px;
}
#slideshow1 {
width: 50%;
}
}
@media (max-width: 1199px) {
.header-logo,
.header-search {
width: 30%;
}
.header-contact,
.header-cart {
width: 20%;
}
#top-links > ul > li:nth-child(3) > span {
display: none;
}
#top-links > ul {
min-height: 50px;
}
#top-links > ul li {
width: 100%;
justify-content: center;
}
.featured-category-products .product-layout {
margin: .5rem !important;
}
}
@media (max-width: 998px) {
header .col-sm-3 {
flex: 1 1 50%;
}
.header-logo {
order: 1;
}
.header-contact {
order: 2;
flex-direction: row !important;
gap: 20px;
align-items: center !important;
}
.header-search {
order: 3;
}
.header-cart {
order: 4;
}
.featured-category-container {
float: none;
width: 100%;
}
.featured-category-products {
flex-direction: column;
}
.featured-category-products .product-layout {
width: 100% !important;
margin: .5rem 0 !important;
}
#product-category #content .row:has(.col-md-3.col-sm-6 .form-group #compare-total) .col-sm-6 + .col-sm-6 {
margin: 0 0 10px 0;
}
}
#product-category #content > .row:last-of-type {
margin: 20px 0 40px 0;
font-size: 14px;
font-weight: 500;
}
#product-category #content > .row:last-of-type > .col-sm-3 ul {
padding: 0;
list-style: none;
}
#product-category #content > .row:last-of-type > .col-sm-3 ul li {
font-size: 1rem;
margin: 12px 0;
}
#product-category #content > .row:last-of-type > .col-sm-3 ul li a {
border-bottom: dotted 1px var(--primary-color);
color: var(--primary-color);
}
#product-category #content > .row:last-of-type > .col-sm-3 ul li a:hover,
#product-category #content > .row:last-of-type > .col-sm-3 ul li a:focus {
color: var(--text-color);
}
#product-category #content > h2 + .row {
margin: 0;
}
#product-category #content > h2 + .row > .col-sm-12 {
background: linear-gradient(135deg,#F2F8FB 0%,#FDF0F8 100%);
border: 1px solid #d6e8f3;
border-radius: 14px;
padding: 20px 24px;
}
#product-category #content strong {
color: #097ead;
}
/* Product Custom Option Styling (calendar) */
#calendar {
margin-bottom: 20px;
border: 1px solid var(--border-primary);
padding: 15px;
border-radius: 10px;
}
.fc-event-title {
white-space: pre-line;
text-align: center;
padding: 2px;
font-size: 1em;
}
.fc-day-future.has-event {
cursor: pointer;
}
.selected-date {
background-color: #e6f2ff !important;
}
.fc-day-future:not(.has-event) {
background-color: #f0f0f0;
cursor: not-allowed;
}
.fc-daygrid-day-frame {
height: 100%;
display: flex;
flex-direction: column;
}
.fc-daygrid-day-events,
.fc-daygrid-event-harness,
.fc-daygrid-event,
.fc-daygrid-event.fc-h-event {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.fc .fc-daygrid-event {
justify-content: center;
border-radius: 5px !important;
font-weight: 600;
font-size: 13px;
padding: 5px 0;
}
.fc .fc-daygrid-day-number {
font-weight: 700 !important;
}
.fc .fc-daygrid-day.fc-day-today {
background-color: var(--accent-color-alt) !important;
}
.fc .fc-highlight {
background-color: var(--bg-highlight) !important;
}
.fc-daygrid-day-events {
pointer-events: none; /* click through to main cell to always highlight. */
}
.fc-day-past {
background-color: #f0f0f0;
cursor: not-allowed;
}
.fc-day-past .fc-daygrid-day-events {
opacity: 0.67;
cursor: not-allowed;
}
.fc .fc-highlight {
box-shadow: inset 0px 0px 0px 2px #3788d8;
}
.fc-daygrid-day.selected-date {
box-shadow: inset 0px 0px 0px 2px #3788d8;
}
.event-title-desktop {
display: block;
}
.event-title-mobile {
display: none;
}
@media (min-width: 767px) and (max-width: 1219px) {
.fc .fc-daygrid-event {
border: 0px;
margin-left: 0 !important;
margin-right: 0 !important;
}
.fc .fc-event-main {
font-size: 12px;
letter-spacing: -0.1ch;
}
.event-title-desktop {
display: none;
}
.event-title-mobile {
display: block;
text-align: center;
}
}
@media (max-width: 566px) {
.event-title-desktop {
display: none;
}
.event-title-mobile {
display: block;
text-align: center;
}
}
/* Product Custom Option Styling (fixed year) */
.form-group-fixed-year {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
}
.form-group-fixed-year::before,
.form-group-fixed-year::after {
content: none !important;
}
.form-group-fixed-year-quantity {
display: flex;
align-items: center;
}
.form-group-fixed-year-quantity label {
margin-bottom: 0;
/*white-space: nowrap;*/
margin-right: 1ch;
font-size: 17px;
}
.form-group-fixed-year-quantity input.form-control,
.form-group-fixed-year-quantity select.form-control {
width: 80px;
margin: 0;
border: none;
}
.fixed-year-price-tax {
font-size: 14px;
font-weight: 500;
margin-top: -7px;
}
/* Home page banner & Trustpilot */
#common-home .swiper-viewport {
margin: 0 !important;
overflow-x: hidden;
}
@media (min-width: 1400px) {
#common-home .homepage_main_slideshow {
width: 70%;
max-width: calc(100% - 345px);
margin-bottom: 3rem !important;
}
}
.homepage_top_content .trustpilot-widget {
background-color: #D5EBE4;
border-radius: 5px;
padding: 12px 0 12px 0;
margin: 10px 0 20px 0 !important;
}
#common-home .swiper-slide img {
border-radius: 10px;
}
/* Product Cards */
.product-thumb {
background-color: #ffffff;
border-radius: 10px;
border: 1px solid #DCEBF3;
box-shadow: 0 3px 14px rgba(9,126,173,.07);
transition: box-shadow .15s,transform .15s;
}
#account-register .buttons,
#account-register .buttons,
#account-address .buttons,
#checkout-cart .buttons,
#checkout-cart .buttons,
#account-account #content {
margin-bottom: 2rem;
}
#account-account .list-unstyled {
background: var(--bg-primary);
padding: 10px 20px;
border-radius: 10px;
width: 100%;
}
#account-account .list-unstyled li {
font-weight: 600;
margin: 10px 0;
}
#account-account .list-unstyled li a:hover,
#account-account .list-unstyled li a:focus {
color: var(--primary-color);
}
.featured-category-products {
width: 100%;
}
#input-option621 {
margin-bottom: 0;
}
/* CATEGORY MODULE ADJUSTMENTS */
.category-module .list-group-item {
position: relative;
}
.category-module .dropdown-arrow {
float: right;
cursor: pointer;
padding: 4px;
transition: transform 0.25s ease;
}
.category-module .dropdown-arrow.rotate {
transform: rotate(180deg);
}
/* SLIDE CONTAINER */
.category-module .children {
overflow: hidden;
max-height: 0;
transition: max-height 0.35s ease;
}
.category-module .child {
padding-left: 30px;
font-size: 0.95em;
}
@media (max-width: 767px) {
header {
padding: 0;
margin-bottom: 10px;
}
header .col-sm-3 {
flex: 1 1 100%;
justify-content: center;
}
.header-search {
order: 2;
}
.header-logo {
margin: 10px 0;
}
#logo {
width: 80%;
}
#top {
border-radius: 30px;
}
#top-links > ul {
min-height: 40px;
}
#top-links .dropdown-menu {
background-color: var(--primary-color);
}
#top-links > ul > li:nth-child(3) > span,
#top-links > ul > li:nth-child(3) > a + span + a {
display: none;
}
#top-links a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
#top-links > ul li {
width: 100%;
justify-content: center;
}
#top-links > ul li i {
margin-right: 0;
}
#top-links > ul li .fa-user {
padding-right: 16px;
background-repeat: no-repeat;
}
i.fa-caret-down {
margin-left: 5px;
}
#slideshow1 {
width: 100%;
}
footer {
text-align: center;
}
}
@media (max-width: 480px) {
#logo {
width: 100%;
}
}
@media (min-width: 768px) {
#column-left {
padding-right: 0;
}
#product-product .product-col-images {
padding-right: 0;
}
}
.digitcart-additional-carousel {
position: relative;
padding-left: 24px;
padding-right: 24px;
}
.digitcart-additional-carousel .swiper-button-prev,
.digitcart-additional-carousel .swiper-button-next {
width: 12px;
height: 20px;
margin-top: -20px;
background-size: auto auto;
}
.digitcart-additional-carousel .swiper-button-prev {
left: 0px;
background-image: var(--additional-prev);
}
.digitcart-additional-carousel .swiper-button-next {
right: 0px;
background-image: var(--additional-next);
}
.digitcart-additional-carousel-pagination {
display: none;
}
.travel-details {
text-align: left;
}
#terms .terms > label {
margin: 0 0.5rem;
vertical-align: middle;
display: block;
margin-bottom: 15px;
}
#terms .terms .agree {
text-decoration: underline;
}
#product-product .prices-from {
display: flex;
align-items: center;
gap: 16px;
background: var(--bg-primary);
border: 1px solid var(--bg-highlight);
border-radius: 12px;
padding: 14px 16px;
margin: 0 0 10px;
}
@media (min-width: 360px) and (max-width: 549px) {
#product-product .prices-from {
margin-bottom: 7px;
}
#product-product .prices-from .prices-from-heading {
flex: 1 0;
}
#product-product .prices-from .prices-from-prices {
flex: 0 1;
}
}
@media (max-width: 359px) {
#product-product .prices-from {
flex-wrap: wrap;
}
}
#product-product .prices-from .prices-from-heading {
font-weight: bold;
font-size: 18px;
white-space: nowrap;
position: relative;
top: -2px;
}
#product-product .prices-from .prices-from-prices {
display: flex;
column-gap: 16px;
row-gap: 3px;
flex-wrap: wrap;
}
#product-product .calendar-selected-date {
font-size: 18px;
font-weight: bold;
}
#common-success p a {
color: var(--primary-color);
}
.option-row--number-of-days + .option-row--ticket-type {
margin-top: 1em;
}
/* Ticket quantity selectors */
.ticket-quantity-row {
display: flex;
/*align-items: center;*/
padding-top: 22px;
padding-bottom: 22px;
justify-content: space-between;
flex-wrap: wrap;
}
.ticket-quantity-row.ticket-quantity-row-fixedyear {
padding: 11px 0px;
}
.ticket-quantity-row.ticket-quantity-row-defaulttype {
align-items: center;
gap: 22px;
}
.ticket-quantity-row.ticket-quantity-row-defaulttype .ticket-quantity-selector {
flex: 0;
}
.ticket-quantity-row.ticket-quantity-row-defaulttype .add-to-cart-row {
flex-grow: 1
}
.ticket-quantity-row.ticket-quantity-row-wrap {
justify-content: center;
row-gap: 19px;
/*flex-direction: column;*/
}
.ticket-quantity-row.ticket-quantity-row-wrap .ticket-quantity-info,
.ticket-quantity-row.ticket-quantity-row-wrap .ticket-quantity-selector {
flex: 0 1 0;
justify-content: center;
}
.ticket-quantity-row.ticket-quantity-row-wrap .ticket-quantity-info .price-row {
justify-content: center;
}
.ticket-quantity-row + .ticket-quantity-row {
border-top: 1px solid #e4e4e4;
}
.ticket-quantity-row .ticket-quantity-info,
.ticket-quantity-row .ticket-quantity-selector {
flex: 1 1 50%;
}
.ticket-quantity-row .ticket-quantity-info {
display: flex;
align-items: center;
/*justify-content: flex-start;*/
}
.ticket-quantity-row .ticket-quantity-info .price-row {
margin: 0 !important;
justify-content: flex-start;
}
.ticket-quantity-info .ticket-quantity-price {
font-weight: bold;
font-size: 20px;
}
.ticket-quantity-row .ticket-quantity-selector {
display: flex;
align-items: center;
column-gap: 11px;
justify-content: flex-end;
}
div.ticket-quantity-row > div.ticket-quantity-selector > input.ticket-quantity-input {
width: 53px;
height: 53px !important;
margin: 0 !important;
text-align: center;
border-radius: 14px;
font-size: 20px;
background: #ffffff;
border: 1px solid #adb4ba;
}
.ticket-quantity-row .ticket-quantity-selector .btn {
width: 53px !important;
height: 53px !important;
}
.ticket-quantity-row .ticket-quantity-selector .btn.btn-quantity-decrease {
background-color: #f4f4f4;
border: 1px solid #adb4ba;
color: #adb4ba;
}
.ticket-quantity-row .ticket-quantity-selector .btn.btn-quantity-increase {
background-color: #ffffff;
border: 1px solid #00ad48;
color: #00ad48;
}
.ticket-quantity-row .ticket-quantity-selector .btn i.fa {
position: relative;
top: 1px;
}
@media (min-width: 768px) and (max-width: 991px) {
.ticket-quantity-row {
flex-direction: column;
align-items: center;
row-gap: 12px;
}
.ticket-quantity-row .ticket-quantity-info,
.ticket-quantity-row .ticket-quantity-selector {
flex: 0;
}
}
@media (max-width: 449px) {
.ticket-quantity-row {
flex-direction: column;
align-items: center;
row-gap: 12px;
}
.ticket-quantity-row .ticket-quantity-info,
.ticket-quantity-row .ticket-quantity-selector {
flex: 0;
}
}
@media (max-width: 767px) {
.nav-tabs li {
margin-top: 10px;
}
}
.price-row-noprice .price-adult,
.price-row-noprice .price-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
text-align: center;
min-width: 96px;
}
/*.price-row-noprice .price-adult::before,
.price-row-noprice .price-child::before {
margin-right: 14px;
}*/
.oa-cat-trust {
display: grid;
grid-template-columns: repeat(4,1fr);
gap: 0;
background: #fff;
border: 1px solid #DCEBF3;
border-radius: 14px;
padding: 2px 4px;
margin: 14px 0 18px;
box-shadow: 0 3px 14px rgba(9,126,173,.06);
}
.oa-cat-trust.oa-cat-trust-top {
grid-template-columns: repeat(5,1fr);
}
.oa-cat-trust .ct-cell {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 7px;
padding: 8px 14px;
min-height: 78px;
}
.oa-cat-trust .ct-cell + .ct-cell {
border-left: 1px solid #DCEBF3;
}
.oa-cat-trust .ct-abta {
width: 115px !important;
}
.oa-cat-trust .ct-trip {
width: 66px !important;
}
.oa-cat-trust .ct-30 {
font-size: 38px;
font-weight: 900;
color: #097EAD;
line-height: 1;
letter-spacing: -1px;
}
.oa-cat-trust .s {
font-size: 11px;
font-weight: 800;
line-height: 1.25;
color: #073B54;
text-transform: uppercase;
letter-spacing: .4px;
text-align: center;
}
.oa-cat-trust .ct-30 i {
font-style: normal;
color: #E04AB2;
}
.oa-cat-trust .ct-tp {
padding: 8px 30px;
}
#product-category #content .oa-cat-trust + img {
width: 40px !important;
height: auto;
border-radius: 50%;
object-fit: cover;
float: left;
margin: 0 15px 20px 0;
}
#product-category #content .breadcrumb + img + h2 {
padding-top: 5px;
}
@media (max-width: 768px) {
.oa-cat-trust, .oa-cat-trust.oa-cat-trust-top {
grid-template-columns: 1fr 1fr;
}
.oa-cat-trust .ct-cell:nth-child(n+3) {
border-top: 1px solid #DCEBF3;
}
.oa-cat-trust.oa-cat-trust-top > :last-child:nth-child(odd) {
grid-column: 1 / -1;
}
.oa-cat-trust .ct-tp {
padding: 8px 14px;
}
}
#product-category #content .row:has(.col-xs-6 .btn-group #list-view) {
background: var(--bg-primary);
margin: 0;
margin-bottom: 0px;
margin-bottom: 20px;
border-radius: 5px;
padding: 12px 0 10px;
}
#product-category #content .row:has(.col-xs-6 .btn-group #list-view) .form-group {
margin-bottom: 0;
}
#product-category #content .row:has(.col-xs-6 .btn-group #list-view) .form-group #input-sort {
border: none;
background-color: #fff;
border-radius: 5px;
}
.description2,
.category-description2 {
border: 1px solid #e1e8ed;
border-radius: 12px;
padding: 35px;
}
.description2 h2,
.category-description2 h2 {
font-weight: 700;
color: #295991;
font-size: 28px;
line-height: 1.5;
margin-bottom: 30px;
border-bottom: 2px solid #f0f2f5;
padding-bottom: 18px;
}
.description2 img,
.category-description2 img {
margin: 20px auto;
display: block;
}
.description2 ul,
.category-description2 ul {
list-style: none;
padding: 0;
}
.description2 ul li,
.category-description2 ul li {
background: #f1f5f9;
border: 1px solid #e2e8f0;
border-radius: 10px;
padding: 18px 20px 18px 55px;
position: relative;
font-size: 16px;
color: #334155;
line-height: 1.6;
margin-bottom: 10px;
}
.description2 ul li:before,
.category-description2 ul li:before {
content: "\f058";
font-family: 'FontAwesome';
position: absolute;
left: 20px;
top: 20px;
color: #006bb3;
font-size: 20px;
}
.description2 ul li a,
.category-description2 ul li a {
color: var(--accent-color);
font-weight: 700;
}
/*
** Category extra description CSS from old site
** HEALTH WARNING: AI generated brain damage, TODO replace with proper CSS after live!
*/
/** general **/
.category-description2 img[alt="orlando atractions logo"] {
margin-left: auto;
margin-right: auto;
display: block;
}
/** Universal Orlando Tickets (/universal-studios-uk-guests-only) **/
/* top logos row center-align on new site (was same width as container on old site) */
/* no proper CSS classes to target because vibecoded HTML */
.category-description2 span[style="font-size: 14px;"] > span[style="color: #000000;"] > span[style="font-family: arial,helvetica,sans-serif;"] {
display: block;
text-align: center;
}
/* universal logo icons sizes, this is how NOT to do css */
.category-description2 img[style*="width: 140"],
.category-description2 img[style*="width:140"],
.category-description2 img[style*="width: 150"],
.category-description2 img[style*="width:150"],
.category-description2 img[style*="width: 200"],
.category-description2 img[width="200"],
.category-description2 img[style*="width: 250"],
.category-description2 img[style*="width:250"] {
display: inline-block !important;
margin: 5px !important;
max-width: none !important;
}
/** Disney 1-4 Day Tickets (/best-disney-world-tickets-worldwide) **/
/* that really refined my accordion */
/* The Main Box */
.category-description2 details {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 10px;
margin-bottom: 15px;
transition: all 0.2s ease-in-out;
padding: 0; /* Keep padding at 0 by default to prevent the "weird gap" */
overflow: hidden;
}
/* Open state: Add the padding back only when content is visible */
.category-description2 details[open] {
padding-bottom: 25px;
border-color: #cbd5e0;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
/* The Header Bar */
.category-description2 summary {
cursor: pointer;
list-style: none;
position: relative;
background: #f8fafc;
padding: 18px 60px 18px 25px;
color: #295991;
font-weight: 700;
transition: background 0.2s;
outline: none;
display: flex;
align-items: center;
}
/* Only add a bottom margin to the header when the accordion is open */
.category-description2 details[open] summary {
margin-bottom: 25px;
border-bottom: 1px solid #edf2f7;
}
/* KILL GLOBAL H2/H3 STYLES INSIDE SUMMARY */
.category-description2 summary h2,
.category-description2 summary h3 {
display: inline-block !important;
font-size: 19px !important;
font-weight: 700 !important;
color: #295991 !important;
margin: 0 !important;
padding: 0 !important;
border: none !important; /* Removes the bottom line from your main CSS */
line-height: 1.2 !important;
background: none !important;
}
/* Interactive Icon */
.category-description2 summary::after {
content: "\f078";
font-family: 'FontAwesome';
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
color: #295991;
transition: transform 0.3s ease;
}
.category-description2 details[open] summary::after {
transform: translateY(-50%) rotate(180deg);
}
/* CONTENT SPACING (The Inner Padding)
This applies left/right room to everything inside the details */
.category-description2 details > *:not(summary) {
padding-left: 25px;
padding-right: 25px;
margin-bottom: 0;
}
/* Extra breathing room for the first paragraph of content */
.category-description2 details > summary + p,
.category-description2 details > summary + div {
margin-top: 0;
}
/* They want it live next week then they give us this */
.category-description2 summary::-webkit-details-marker { display: none; }