body.single-product .property-images,
body.single-product .property-images .image-list,
body.single-product .property-images .owl-wrapper-outer {
width: 100% !important;
max-width: none !important;
box-sizing: border-box;
} body.single-product .listing-details > .container.imperial-vehicle-layout {
display: grid;
grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr);
gap: 30px;
align-items: start;
} body.single-product .listing-details > .container.imperial-vehicle-layout::before,
body.single-product .listing-details > .container.imperial-vehicle-layout::after {
display: none !important;
content: none !important;
}
body.single-product .imperial-vehicle-main,
body.single-product .imperial-vehicle-sidebar {
min-width: 0;
width: 100%;
}
body.single-product .property-images .image-list,
body.single-product .property-images .owl-wrapper-outer,
body.single-product .property-images .owl-wrapper,
body.single-product .property-images .owl-item,
body.single-product .imperial-gallery-slide,
body.single-product .imperial-gallery-slide .image {
aspect-ratio: 4 / 3;
}
body.single-product .property-images .image-list,
body.single-product .property-images .owl-wrapper-outer {
overflow: hidden;
}
body.single-product .property-images .owl-item {
overflow: hidden;
}
body.single-product .property-images .owl-item img {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
object-position: center center !important;
}
html body.single-product.product-template-default .property-images .image,
html body.single-product.product-template-default .property-images .image picture {
aspect-ratio: 4 / 3 !important;
width: 100% !important;
height: auto !important;
}
html body.single-product.product-template-default .property-images .image picture {
display: block;
height: 100% !important;
}
html body.single-product.product-template-default .property-images .image img {
aspect-ratio: auto !important;
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
}
body.single-product .property-images .images-footer,
body.single-product .property-images .images-footer-inner {
width: 100% !important;
max-width: none !important;
box-sizing: border-box;
} body.single-product .property-images .images-footer .prev-btn,
body.single-product .property-images .images-footer .next-btn {
display: flex !important;
align-items: center;
justify-content: center;
color: #fff !important;
font-size: 30px !important;
line-height: 1 !important;
}
body.single-product .property-images .images-footer .prev-btn > span,
body.single-product .property-images .images-footer .next-btn > span {
color: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
}
body.single-product .price-display .woocommerce-Price-currencySymbol,
body.single-product #product-price .woocommerce-Price-currencySymbol {
margin-right: .28em;
} body.single-product .price-display,
body.single-product #product-price {
color: #333 !important;
} body.single-product .fleet-details-sidebar .summary,
body.single-product .fleet-details-sidebar .summary p,
body.single-product .irac-product-booking dl,
body.single-product .irac-product-booking dt,
body.single-product .irac-product-booking dd {
line-height: 30px !important;
}
body.single-product .irac-product-rates {
margin-bottom: 10px !important;
}
body.single-product .fleet-details-sidebar .summary > .product_meta {
margin-top: 20px !important;
} body.single-product .footer-top {
color: #fff !important;
}
body.single-product .footer-top a[href*="booking-rental-conditions"] {
color: #fff !important;
text-decoration: underline !important;
text-underline-offset: 2px;
} body.single-product .woocommerce-Tabs-panel a:not(.button),
body.single-product .imperial-vehicle-choice a:not(.button) {
text-decoration: underline;
text-underline-offset: 2px;
}
body.single-product #crumbs,
body.single-product #crumbs span,
body.single-product #crumbs a {
color: #fff !important;
text-decoration: underline !important;
text-underline-offset: 2px;
}
body.single-product .irac-configure-booking {
display: inline-flex !important;
min-height: 44px;
padding: 11px 16px !important;
align-items: center;
justify-content: center;
color: #fff !important;
background: #02092b !important;
border: 1px solid #02092b !important;
line-height: 1.35 !important;
text-align: center;
text-decoration: none !important;
}
body.single-product .irac-configure-booking:hover,
body.single-product .irac-configure-booking:focus-visible {
color: #02092b !important;
background: #deb624 !important;
border-color: #deb624 !important;
}
body.single-product .product_meta a[rel="tag"] {
display: inline-flex;
min-height: 32px;
margin: 4px 4px 4px 0;
padding: 6px 10px;
align-items: center;
text-decoration: underline;
text-underline-offset: 2px;
}
body.single-product .fleet-vechicle-review section.up-sells,
body.single-product .fleet-vechicle-review section.related {
width: 100% !important;
margin: 42px 0 0 !important;
}
body.single-product .fleet-vechicle-review section.up-sells > h2,
body.single-product .fleet-vechicle-review section.related > h2 {
margin: 0 0 24px !important;
line-height: 1.25 !important;
} body.single-product .woocommerce-tabs ul.tabs.wc-tabs {
display: flex !important;
position: relative;
width: 100%;
margin: 0 0 32px !important;
padding: 30px 0 0 !important;
align-items: stretch;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
list-style: none;
}
body.single-product .woocommerce-tabs ul.tabs.wc-tabs::after,
body.single-product .woocommerce-tabs ul.tabs.wc-tabs > li::before,
body.single-product .woocommerce-tabs ul.tabs.wc-tabs > li::after {
display: none !important;
content: none !important;
}
body.single-product .woocommerce-tabs ul.tabs.wc-tabs::before {
display: block !important;
position: absolute;
top: 0;
bottom: auto;
left: 0;
width: 100%;
height: auto;
border: 0;
pointer-events: none;
content: "SELECT A SECTION" !important;
color: #555;
font-size: 12px;
font-weight: 700;
letter-spacing: .08em;
line-height: 1.2;
text-align: center;
}
body.single-product .woocommerce-tabs ul.tabs.wc-tabs > li {
display: flex !important;
min-width: 0;
margin: 0 !important;
padding: 0 !important;
align-items: stretch;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
}
body.single-product .woocommerce-tabs ul.tabs.wc-tabs > li > a {
display: flex !important;
min-height: 50px;
padding: 13px 22px !important;
align-items: center;
justify-content: center;
color: #02092b !important;
background: #f3f3f3 !important;
border: 1px solid #cfd2dc !important;
box-shadow: inset 0 -3px 0 transparent;
font-weight: 700 !important;
line-height: 1.2 !important;
text-align: center;
text-decoration: none !important;
text-transform: uppercase;
cursor: pointer;
transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}
body.single-product .woocommerce-tabs ul.tabs.wc-tabs > li > a::after {
margin-left: 8px;
content: "›";
color: #8a8a8a;
font-size: 18px;
line-height: 1;
}
body.single-product .woocommerce-tabs ul.tabs.wc-tabs > li > a:hover,
body.single-product .woocommerce-tabs ul.tabs.wc-tabs > li > a:focus-visible {
color: #02092b !important;
background: #f7e7a8 !important;
border-color: #deb624 !important;
box-shadow: inset 0 -3px 0 #deb624;
outline: 0;
}
body.single-product .woocommerce-tabs ul.tabs.wc-tabs > li.active > a {
color: #fff !important;
background: #02092b !important;
border-color: #02092b !important;
box-shadow: inset 0 -4px 0 #deb624;
}
body.single-product .woocommerce-tabs ul.tabs.wc-tabs > li.active > a::after {
color: #deb624;
transform: rotate(90deg);
}
@media (max-width: 767px) {
body.single-product .listing-details > .container.imperial-vehicle-layout {
grid-template-columns: minmax(0, 1fr);
gap: 28px;
} body.single-product .imperial-vehicle-main,
body.single-product .imperial-vehicle-main > .row,
body.single-product .imperial-vehicle-main > .row > .fleet-details {
display: contents !important;
}
body.single-product .property-images {
order: 1;
min-width: 0;
}
body.single-product .vechicle-header {
order: 2;
min-width: 0;
}
body.single-product .imperial-vehicle-sidebar {
order: 3;
min-width: 0;
}
body.single-product .fleet-vechicle-review {
order: 4;
min-width: 0;
}
body.single-product .woocommerce-tabs ul.tabs.wc-tabs {
max-width: 420px;
margin-right: auto !important;
margin-left: auto !important;
gap: 8px;
}
body.single-product .woocommerce-tabs ul.tabs.wc-tabs > li {
width: 100%;
justify-content: center;
}
body.single-product .woocommerce-tabs ul.tabs.wc-tabs > li > a {
width: 100%;
min-height: 48px;
padding: 12px 16px !important;
justify-content: center;
text-align: center;
}
}