/* CUSTOM CSS - EPCARS.BE */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');

#logoHeader img,
#logoFooter img { width: 100%; }

/* CONTAINERS */
.container { padding-left: 30px; padding-right: 30px; }
/* body.home .ct-header-elementor-main .container > .row > div[class*="col"] { padding-left: 30px; padding-right: 30px; } */

/* footer */
#footerMenu .ct-nav-menu2 li { margin-bottom: 5px; }
#subFooterMenu a { font-size: 14px; padding: 10px 5px; }
#subFooterMenu a:after { content: none; }

/* complianz */

#cmplz-document { margin: 0 auto; }
#cmplz-document hr { margin: 40px 0; background-color: white; height: 1px; }
#cmplz-document h2, .editor-styles-wrapper .cmplz-unlinked-mode h2, #cmplz-document h3, .editor-styles-wrapper .cmplz-unlinked-mode h3 {
    font-size: 22px;
    text-align: left;
    margin-top: 15px;
    text-transform: initial;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

/* scroll to top */
a#progress { display: none !important; }

/* WHATSAPP BUTTON */

#whatsapp_contact { transition: all 0.2s ease; opacity: 0; background-color: #25d366; width: 60px; height: 60px; border-radius: 50%; display: flex; justify-content: center; position: fixed; right: 40px; bottom: 40px; text-align: center; line-height: 60px; z-index: 10000; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
#whatsapp_contact:hover { background-color: #128c7e; cursor: pointer; bottom: 45px; }
#whatsapp_contact img { width: 30px; height: auto; display: inline-block; }
#whatsapp_contact.show { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.elementor-field-type-recaptcha_v3 { display: none; }

/* HOME HEADER */

body.home h1 { font-family: "Poppins", sans-serif; }
.ct-slider-carousel5 .item-inner { display: flex; justify-content: center; align-items: center; }
.ct-slider-carousel5 .item-content { max-width: 800px; margin: 0 auto; padding: 75px 30px 0 !important; text-align: center; }
.ct-slider-carousel5 .item--description { max-width: 450px; margin: 0 auto 20px; }
.ct-slider-carousel5 .item--title { max-width: 100%; }

/* HOME PRODUCTS  */

#home-products .woocommerce .woocommerce-product-inner .woocommerce-product-header { max-height: 250px; }
#home-products .grid-item img { height: 250px; width: 100%; object-fit: cover; }
#home-products .woocommerce-product-inner:hover .woocommerce-product-meta { display: none; }
#home-products .woocommerce-add-to--cart a.customStyle:before { content: '\f054'; font-family: "Font Awesome 5 Pro"; color: #ededed; position: relative; bottom: 3px; font-size: 10px; line-height: 1; background-color: var(--e-global-color-primary); padding: 4.5px 6.5px 5.5px 7.5px; margin-right: 10px; clip-path: polygon(5px 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 5px); }
#home-products .woocommerce-product-header .woocommerce-product-details img { object-fit: cover; }

/* SHOP OVERVIEW  */
.products .product .woocommerce-add-to--cart a.customStyle:before { content: '\f054'; font-family: "Font Awesome 5 Pro"; color: #ededed; position: relative; bottom: 3px; font-size: 10px; line-height: 1; background-color: var(--e-global-color-primary); padding: 4.5px 6.5px 5.5px 7.5px; margin-right: 10px; clip-path: polygon(5px 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 5px); }
body.woocommerce-shop #secondary .widget { padding: 20px 0; }

.ct-product-grid-layout1 .woocommerce-product-header .woocommerce-product-details img, 
.ct-product-carousel1 .woocommerce-product-header .woocommerce-product-details img { padding: 0; }
.woocommerce .woocommerce-product-inner .woocommerce-product-header { overflow: hidden; }
.woocommerce .woocommerce-product-inner:hover .woocommerce-product-header .woocommerce-product-details img { transform: scale(1.2); -webkit-filter: Saturate(100%); }

/* CONTACT FORM */

#contactForm form input::placeholder,
#contactForm form textarea::placeholder { color: #c2c2c2; }
#contactForm form label { font-family: 'Chakra Petch', sans-serif; text-transform: uppercase; font-size: 16px; font-weight: 700; }
#contactForm form input,
#contactForm form textarea { color: #c2c2c2; background-color: transparent; border: none; border-bottom: 1px solid #343434; border-radius: 0; padding: 6px 0; }
#contactForm form input:focus,
#contactForm form textarea:focus { border-color: var(--e-global-color-primary) !important; }
#contactForm form .elementor-button { font-size: 18px; line-height: 1.3em; background-color: var(--e-global-color-primary); padding: 18px 39px 15px 39px; border: 2px solid var(--e-global-color-primary); clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px); font-family: 'Chakra Petch', sans-serif; flex-basis: auto; }
#contactForm form .elementor-button:hover { color: #fff; background-color: transparent; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), 100% 100%, 0 100%, 0 20px); border-radius: 0; }
#contactForm form .elementor-select-wrapper select { background-color: transparent; border: none; border-bottom: 1px solid #343434; border-radius: 0; }
#contactForm form .elementor-select-wrapper select option { color: black; }
#contactForm .elementor-form-fields-wrapper > div { margin: 10px 0; }

/* PRODUCT OVERZICHT PAGINA */

body.woocommerce-shop .page-title-holder { visibility: hidden; }
body.woocommerce-shop .page-title-holder.show { visibility: visible; }

/* PRODUCT PAGINA */

/* summary */
.single-product #primary div.product .entry-summary .entry-title { padding-top: 35px; }
body.single-product .woocommerce-sg-product-excerpt,
body.single-product .woocommerce-wishlist,
body.single-product .summary .ct-breadcrumb,
body.single-product .quantity,
body.single-product .product_meta,
body.single-product .woocommerce-wishlist { display: none !important; }
body.single-product .single_add_to_cart_button.loading { padding: 0 46.5px !important; }
body.single-product .single_add_to_cart_button.loading:after { content: none !important; } 
body.single-product #shareArrowLabel { display: inline-block; width: 51px; height: 18px; margin: 0px 0 0px 11px;}
body.single-product #shareTextLabel { font-size: 14px; font-weight: bold; margin-left: 10px; display: inline-block; }
body.single-product .clickGallery { display: none; font-size: 0; position: absolute; top: 20px; right: 40px; background: black; width: 50px; height: 50px; border-radius: 50%; display: flex; justify-content: center; align-items: center; }
body.single-product .clickGallery:hover { background-color: var(--e-global-color-primary); }
body.single-product .clickGallery:before {
    z-index: 20;
    /* font: normal 20px / 1 dashicons !important; */
    content: "\f179";
    content: url("/wp-content/custom/img/icon-magnifying-glass.svg");
    width: 18px;
    color: var(--e-global-color-primary);
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body.single-product .clickGallery:hover:before {
    color: black;
    content: url("/wp-content/custom/img/icon-magnifying-glass-hover.svg");
}


/* print button */
.single-product #primary div.product .entry-summary .single_add_to_cart_button.printDetails { background-color: transparent; }

/* custom attributes */
body.single-product #primary div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { display: none; }
body.single-product #customFields ul li { width: 33%; margin-bottom: 30px; padding-right: 50px; float: left; list-style: none; position: relative; }
body.single-product #customFields:after { content: ""; display: block; clear: both; }

/* main image */
body.single-product #primary div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img, 
body.single-product > div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img { padding: 0; object-fit: cover; }

/* preview gallery */
body.single-product #primary div.product .woocommerce-product-gallery .flex-control-nav, 
body.single-product > div.product .woocommerce-product-gallery .flex-control-nav { position: static; width: 100%; display: flex; height: auto; }
body.single-product #primary div.product .woocommerce-product-gallery .flex-control-nav li, 
body.single-product > div.product .woocommerce-product-gallery .flex-control-nav li { width: 50%; display: inline-block; flex-shrink: 0; }

/* repositioned gallery slider */
body.single-product #primary div.product .woocommerce-product-gallery { margin-bottom: 37px; }
body.single-product #galleryPreviewContainer ol li:nth-child(5) { position: relative; display: flex; justify-content: center; align-items: center; }
body.single-product #galleryPreviewContainer ol li:nth-child(5):before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.5); }
body.single-product #btnViewAllImagesContainer { position: absolute; text-align: center; font-weight: 700; font-family: "Poppins"; }
body.single-product #btnViewAllImagesContainer #numPictures { font-size: 50px; line-height: 1; margin-bottom: 20px; }
body.single-product #btnViewAllImages { font-size: 16px; border: 1px solid white; border-radius: 25px; padding: 12.5px 20px; background-color: transparent; transition: all 0.2s ease; }
body.single-product #btnViewAllImages:hover { background-color: white; color: black; cursor: pointer; }
body.single-product #primary div.product .woocommerce-product-gallery .woocommerce-product-gallery__image { padding-bottom: 0; }
body.single-product .product ol.flex-control-nav { display: flex; flex-wrap: wrap; padding: 0; margin: 0 0 50px; justify-content: flex-start; }
body.single-product .product ol.flex-control-nav li { width: calc(20% - 30px); margin-right: 37px; list-style: none; }
body.single-product .product ol.flex-control-nav li:nth-child(n+6) { display: none; }
body.single-product .product ol.flex-control-nav li:nth-child(5) { margin-right: 0; }
body.single-product .product ol.flex-control-nav li img { object-fit: cover; width: 100%; max-height: 350px; }

/* full description */
body.single-product .woocommerce-tabs ul.tabs > li:not(:first-child) { display: none !important; }
body.single-product .woocommerce-Tabs-panel--description ul { margin: 25px 0; }
body.single-product .woocommerce-Tabs-panel--description ul:before,
body.single-product .woocommerce-Tabs-panel--description ul:after { content: ""; display: block; clear: both; }
body.single-product .woocommerce-Tabs-panel--description ul li { width: 33%; padding-right: 50px; float: left; list-style: none; padding-left: 25px; position: relative; }
body.single-product .woocommerce-Tabs-panel--description ul li:before { content: ""; width: 15px; height: 15px; display: inline-block; background: url("../img/icon-checkbox-rounded.svg") no-repeat center center / contain; position: absolute; left: 0; top: 5px; }

/* cta at bottom of product page */
body.single-product .woocommerce-tabs-custom .woocommerce-bg { background-position: top center; }
body.single-product .woocommerce-tabs-custom .woocommerce-bg:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.5); }

/* coming soon */
p.stock.available-on-backorder { visibility: hidden; }
p.stock.available-on-backorder.show { visibility: visible; }

@media (max-width: 1200px){
    .ct-slider-carousel5 .item-content { padding: 0 30px !important; }
}
@media (max-width: 1199px){
    .ct-header-navigation .ct-main-navigation .ct-main-navigation-inner { padding-left: 30px; }
    #ct-header-default .ct-menu-mobile, .ct-header-mobile .ct-menu-mobile { right: 30px; }
    .woocommerce ul.products li.product .woocommerce-product--features .woocommerce-product--price { width: initial; }
    .woocommerce ul.products li.product .woocommerce-product--features .woocommerce-add-to--cart { width: initial; }
}

@media (max-width: 1024px){
    body.single-product .woocommerce-Tabs-panel--description ul li { width: 50%; }
    body.single-product .product ol.flex-control-nav li { width: calc(33.33% - 25px); }
    body.single-product .product ol.flex-control-nav li:nth-child(n+3) { display: none; }
    .single-product #primary div.product .entry-summary { margin-bottom: 20px; }
}

@media (max-width: 991px){
    .reverseColumnTablet > div { flex-direction: column-reverse; }
    .related.products ul.products li:nth-child(n+4) { display: none; }
}

@media (max-width: 768px){
    body.single-product .woocommerce-Tabs-panel--description ul li { width: 100%; }
}

@media (max-width: 767px){
    #contactForm form .elementor-button { flex-basis: 100%; }
    #whatsapp_contact { bottom: 20px; right: 20px; }
    .related.products ul.products li { display: block !important; }
    body.single-product .product ol.flex-control-nav li { width: calc(50% - 18.5px); }
    body.single-product .product ol.flex-control-nav li:nth-child(n+2){ display: none; }
    body.single-product #customFields ul li { width: 50%; }
}

@media (max-width: 600px){
    body.single-product .product ol.flex-control-nav li { width: 100%; margin: 15px 0; }
    #logoHeader img, 
    #logoFooter img { width: auto; height: 70px; }
    #subFooterMenu ul { flex-direction: column; align-items: center; margin-top: 10px; }
    #subFooterMenu li { display: block; }
    #subFooterMenu li a { padding: 5px 0; }
}

@media (max-width: 480px){
    body.single-product #customFields ul li { width: 100%; padding-right: 0; }
}

@media screen and (min-width: 768px) {
    .single-product #primary div.product .entry-summary { position: static; }
}

@media print {
    
    a#whatsapp_contact,
    .ct-widget-cart-wrap { display: none !important; }
    #pagetitle { display: none; }
    #content { padding-top: 30px; }
    body.single-product .summary.entry-summary { padding-top: 30px; }
    body.single-product .flex-viewport { max-height: 450px !important; }
    body.single-product .woocommerce-gallery { height: auto !important; }
    body.single-product #primary div.product .woocommerce-product-gallery,
    .single-product #primary div.product .entry-summary .entry-title { margin-bottom: 0 !important; }
    .single-product #primary div.product .entry-summary .entry-title { padding-top: 0; }
    .single-product .woocommerce-sg-product-price { padding-top: 0px; }
    body.single-product #customFields ul li { margin-bottom: 15px; }
    .related.products,
    .woocommerce-tabs-custom,
    .woocommerce-product-attributes,
    .scrollToDetails,
    .woocommerce-product-gallery__wrapper > div:not(:first-child),
    #galleryPreviewContainer { display: none !important; }
    body.single-product #ct-header-elementor { display: none; }
    body.single-product .woocommerce-Tabs-panel--description ul { padding-left: 25px; }
    body.single-product .woocommerce-Tabs-panel--description ul li { list-style: disc; padding-left: 0; }
    body.single-product .woocommerce-Tabs-panel--description ul li:before { content: none; }
    body.single-product .woocommerce-product-gallery__wrapper { /* width: 100%; */ }
    body.single-product .site-content { padding-top: 0; }
    body.single-product .container { width: 100%; max-width: none; }
    body.single-product .ct-breadcrumb { display: none; }
    body.single-product .woocommerce-summary-wrap {}
    body.single-product .flex-control-nav.flex-control-thumbs { display: none !important; }
    body.single-product .woocommerce-product-gallery__wrapper > div:not(:first-child) { display: none; }
    body.single-product .woocommerce-product-gallery__wrapper > div:first-child img { width: 100% !important; height: auto !important; padding: 0 !important; }
    footer { display: none; }        
    .button.printDetails { display: none !important; }
}