/*
Theme Name: ATV - Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/*
===========================
    Inhoudsopgave
===========================
1. Algemene styles
2. Header
    2.1 Menu
    2.2 Mega Menu
3. Footer
4. Homepage Styling
    4.1 Hero - Blokken featured page blocks
5. WOO Archive
    5.1 Product Labels
6. WOO Extensions plugin - Brand logo
7. WOO POP - Product overview page - Archive
8. WOO PDP - Product Detail Page
    8.1 Kenteken Select
    8.2 FLICKITY WOOCOMMERCE SLIDER
9. Modal contactforms styles
10. Mobile product tabs
11. CF7 contact form
12. WOO Sidebar
13. Single page
14. Admin
15. Blog styles
*/

/* == 1. Algemene styles == */

:root {
  --atv-preset-color-1: #009d00;
  --atv-preset-color-2: #f7931e;
  --atv-font-headings: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif;

  --gap-xs: 8px;
  --gap-s: 16px;
  --gap-m: 24px;
  --gap-l: 32px;
  --gap-xl: 48px;
  --gap-xxl: 64px;
}

h2.xl {
  font-size: 2.5em;
  line-height: 1;
}


body[data-header-resize="0"] .container-wrap, body[data-header-resize="0"] .project-title {
  padding-top: 2em;
}
.wpb_text_column a {
    color: var(--nectar-extra-color-1);
}
.button_primary, .button_secondary{
    background-color: var(--nectar-accent-color);
    font-weight: 700;
    font-family: Oswald;
    display: flex !important;
    padding: 8px 15px;
    color: #fff;
    border: unset;
    cursor: pointer;
}
.button_secondary{
    background-color: var(--nectar-extra-color-1);
}
.button_primary.button_see_through {
    background-color: transparent;
    border: 2px solid var(--nectar-accent-color);
    color: var(--nectar-accent-color);
}
.button_secondary.button_see_through {
    background-color: transparent;
    border: 2px solid var(--nectar-extra-color-1);
    color: var(--nectar-extra-color-1);
}
.button_primary:hover, .button_secondary:hover{
  opacity: 0.85;
}


.heading-underline h1::after, h1.heading-underline:after, .heading-underline h2::after, h2.heading-underline:after, #page-header-wrap h1:after {
  content: '';
  display: block;
  width: 66.666%;
  /* margin: 0 auto; */
  padding-top: 0.1em;
  border-bottom: 5px solid var(--nectar-accent-color);  
}
.heading-underline h2, .heading-underline h1{
    max-width: fit-content !important;
    margin: 0 auto !important;
}
.col.center .heading-underline h2::after {
  margin: 0 auto;
}

.margin-default, .wpb_row.margin-default {
    margin-top: 4rem;
    margin-bottom: 4rem;
}
.center .heading-underline:after{
 margin: 0 auto;
 max-width: 250px; 
}
#page-header-wrap h1 {
  width: fit-content;
}
.hero-clippath-diagonal-80 .row-bg-wrap, #page-header-bg {
    clip-path: polygon(0 0, 100% 0%, 100% 80%, 0% 100%);
}


/* == 2. Header == */

/* 2.1 Menu */
ul.sf-menu > li > a > span.menu-title-text{
  font-family: var(--atv-font-headings)
}

header .col.span_9.col_last li {
    margin: 0;
}

#top .sf-menu > li:not([class*="menu-item-btn"]) > a {
    margin: 0 !important;
    padding: 1em 1.25em !important;
}

#top .sf-menu .menu-title-text:before {
    border-radius: 0;
}

#top .sf-menu > li, 
body.material #header-outer:not([data-format=left-header]) #top nav>.buttons.sf-menu>li.menu-item {
    margin: 0;
}

.sf-menu > li ul {
    padding: 0;
}

#header-outer nav > ul > .megamenu ul li a, 
.sf-menu > li ul a {
    padding: 1em;
}

header .col.span_9.col_last:before {
    content: " ";
    width: 200vw;
    background-color: var(--nectar-extra-color-3);
    position: absolute;
    height: 100%;
    margin-left: -30vw;
}

#header-outer #top nav[aria-label="Main Menu"] > ul > li > a {
    color: #fff !important;
}

#header-outer[data-format="centered-menu-bottom-bar"][data-menu-bottom-bar-align="left"] #top .span_9 ul.buttons > li {
    margin-top: 0;
    height: 100%;
}

body.material #header-outer .cart-menu .cart-icon-wrap .icon-salient-cart, 
body.material #top nav ul #nectar-user-account a span, 
body.material #top nav ul #search-btn a span {
    font-size: 1.85em !important;
}

.nectar-header-text-content.mobile-only {
    display: none !important;
}

.fixed-menu header .row .col.span_3 {
    margin-top: -28px;
}

header ul.buttons.sf-menu li a span:before, header ul.buttons.sf-menu li a i:before {
    color: #fff;
}
header ul.buttons.sf-menu li a:hover span:before, header ul.buttons.sf-menu li a:hover i:before {
    color: var(--nectar-accent-color);
}

/* 2.2 Mega Menu */
#top .sf-menu li ul li.menu-item a:hover {
    background-color: transparent !important;
    font-weight: 700;
}

.megamenu-subtitle > a span {
    font-size: 1.25em;
    font-weight: 900;
    text-transform: uppercase;
}


#top nav[aria-label="Main Menu"] > .sf-menu > li:first-child > a {
    padding-left: 0 !important;
}

ul.sf-menu .menu-substyle-red ul.sub-menu li, ul.sf-menu .megamenu-subtitle.menu-substyle-red {
    background-color: var(--nectar-accent-color) !important;
}
ul.sf-menu .megamenu-subtitle.menu-substyle-red ul.sub-menu li:hover a span{
    color: var(--nectar-extra-color-1);
    font-weight: 700;
}

ul.sf-menu .megamenu-subtitle.menu-substyle-blue {
    background-color: var(--nectar-extra-color-1);
}

ul.sf-menu .megamenu-subtitle.menu-substyle-blue ul.sub-menu li:hover a span{
    color: var(--nectar-accent-color);
    font-weight: 700;
}

#page-header-wrap {
  margin-bottom: 2em;
}


/* == 3. Footer == */

/* (Geen footer styles aanwezig in de huidige selectie) */

.mc-custom-wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 1em;
}
.mc-field-group {
    width: 35%;
}
#mc-embedded-subscribe {
  font-size: 18px;
  text-transform: uppercase;
  margin-left: -1em;
  padding: 11px 16px;
}

/** === HOMEPAGE STYLING === **/

body.home .container-wrap {
  background: rgb(53,53,53);
  background: linear-gradient(90deg, rgba(53,53,53,1) 0%, rgba(0,0,0,1) 50%, rgba(53,53,53,1) 100%);
}
.hero-clippath-diagonal-80 .row-bg-wrap {
  clip-path: polygon(0 0, 100% 0%, 100% 80%, 0% 100%);
}

/** === Hero - Blokken featured page blocks === **/

.featured_page_row h2 {
  font-weight:900;
  margin-bottom: 0.33rem;
  line-height:1;
  /* font-size: 3rem; */
}
.featured_page_row p {
  line-height:1;
  font-size: 1.05rem;
}

/* Featured pages child row styling */
.featured_page_blok_child_row_wrapper > .vc_column-inner > .wpb_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.featured_page_blok_child_row_wrapper > .vc_column-inner > .wpb_wrapper > div {
  flex: 1 1 auto; 
}

.featured_page_blok_child_row_wrapper > .vc_column-inner > .wpb_wrapper > div .col, .featured_page_blok_child_row_wrapper .vc_column-inner {
  height: 100%;
}

.featured_page_blok_child_row_wrapper .vc_column-inner > .wpb_wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.featured_page_row .column-image-bg.loaded:after {
    background: linear-gradient(0deg, rgba(0,0,0,0) 10%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 90%);
    display: block;
    content: '';
    height:100%;
    width: 100%;
}

.featured_page_blok:hover .column-image-bg-wrap .column-image-bg.loaded::after {
background: linear-gradient(0deg, rgba(0,0,0,0) 10%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 90%);
}

.featured_page_blok:hover .column-image-bg.loaded {
  background-size: 105%;
}
.featured_page_blok:hover .wpb_text_column {
  scale: 1.05
}

/* Brand logos showcase on homepage */


.brand-logo-showcase--white .wpb_wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--gap-m);
    justify-content: center;
    align-items: center;
}
.brand-logo-showcase--white .hover-wrap {
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0;
}
.brand-logo-showcase--white img {
    max-height: 45px;
    height: auto !important;
    width: auto;
    max-width: 220px !important;
    display: block !important;
}


/** ===  WOO Archive === **/

.woocommerce .products li.classic.product {
  border: 1px solid #000;
}
/* .archive .products li.product .product-wrap {
  padding: 1rem;
} */

.product-wrap {
    color: #000;
}

.product_overlay_url:before {
  background-color: unset;
}
.product-img-wrap{
  position: relative;
}
.woocommerce .product-img-wrap:before {
  content: '';
  display: block;
  position: absolute;
  background: linear-gradient(to bottom, rgb(0 0 0 / 0%) 75%, rgb(0 0 0 / 15%) 100%);
  height: 100%;
  width: 100%;
}

/* Product Labels */
.woocommerce .product-label {
    position: absolute;
    background-color: var(--nectar-extra-color-3);
    padding: 0.25rem 0.5rem 0.25rem 0.5rem;
    color: #fff;
}

.woocommerce .product-label.product-label--new {
    background-color: var(--atv-preset-color-1);
    padding-right: 1.5rem;
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
    margin-top: 1rem;
    color: #fff;
    z-index: 1;
    font-family: var(--atv-font-headings);
    font-weight: 900;
    font-size: 1rem;
}

.woocommerce .product-label.hexon-label { 
    font-size: 12px;
    border-radius: 10px;
    padding: 0.35rem 0.55rem 0.45rem;
    line-height: 1;
    bottom: 16px;
    left: 10px;
}

.product-voorraad.pre-order {
  color: var(--atv-preset-color-2);
}

.product-voorraad {
  color: --atv-preset-color-2;
}
.woocommerce .product-wrap .product-details:before {
    content: '';
    width: 75%;
    height: 0.75rem;
    background-color: var(--nectar-accent-color);
    position: absolute;
    display: block;
    margin-left: -1rem;
    margin-top: -1.425rem;
    margin-bottom: 1rem;
    z-index: 11;
}

.woocommerce .product-details {
    margin: 0.5rem;
    margin-top: 1rem;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  margin: 0;
  padding-top: 0;
  font-size: 1.75rem;
  line-height: 1.1;
}

.woocommerce .product-price-wrap {
  margin-top: auto;
  padding: 0 0.5rem;
  display: flex;
  justify-content: space-between;
}

.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
  color: #000 !important;
  font-weight: 700;
  float: right;
  margin: 0;
}

.price .amount {
  font-size: 1.5rem;
  font-family: var(--atv-font-headings);
}

.woocommerce .woocommerce-Price-currencySymbol, .single .woocommerce-Price-currencySymbol {
  font-family: 'Open Sans', Helvetica, sans-serif;
  font-weight: 300;
  font-size: 0.75em;
  margin-right: 5px;
}
.products li.product .woocommerce-price-suffix {
  display: block;
  text-align: right;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
}


.woocommerce ul.products li.product.classic .button.woo_details_button{
    margin: 0.5rem;
}

.woocommerce .product-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
.woocommerce .product-wrap:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.woocommerce ul.products li.product a.product_overlay_url{
  position: absolute !important;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: auto;
}
.products li.product a.product_overlay_url:before {
    display: none !important;
}

.woocommerce ul.product-attributes {
  margin:0;
}
.woocommerce .product-attributes li {
  display: flex;
  width: 100%;
  height: 30px;
  line-height: 2;
}
.woocommerce .product-wrap ul.product-attributes li img.pa_icon {
    width: 30px;
    height: 30px;
    margin-right: 0.5rem;
}

.woocommerce ul.products li.product .product-attributes--model {
  text-transform: uppercase;
  align-self: self-end;
}


/* 


/* widget sidebar */

.widget span.post_count {
    display: block;
    line-height: 1.4;
}

.widget_layered_nav li a span {
    font-family: 'Open Sans', Helvetica, sans-serif;
}
#sidebar .wc-block-product-categories-list-item-count, .widget.woocommerce .product-categories li .count, .widget.woocommerce .wc-layered-nav-term .count, .widget.yith-woocommerce-ajax-product-filter .count {
  background-color: #000;
  color: #fff;
  padding-left: 5px;
  padding-right: 5px;
  width: 30px;
  font-size: 0.75rem;
}



/* == 4. WOO Extensions plugin - Brand logo == */

.brand-logo-wrap img {
  margin-bottom: 0;
}


/* == 5. WOO POP - Product overview page - Archive == */

/* -- Add to cart button fix position-- */
.woocommerce .classic .product-wrap .add_to_cart_button, .woocommerce .classic .product-wrap .product_type_grouped, .woocommerce .classic .product-wrap .product_type_variable, .woocommerce .classic .product-wrap a.button {
    /* position: absolute !important;
    transform: translateY(101%);
    -webkit-transform: translateY(101%); */
    position: relative !important;
    transform: unset;
    -webkit-transform: unset;
    top: auto !important;
    bottom: 0;
    left: 0;
    z-index: 20;
}

.products li.product span.button {
    font-size: 1.3em !important;
    text-transform: uppercase;
    line-height: 1.3em !important;
}

span.button.woo_details_button{
    background-color: var(--nectar-accent-color);
    font-weight: 700;
    font-family: Oswald;
    display: flex !important;
    justify-content: space-between;
    padding: 8px 15px;
    color: #fff;
    border: unset;
}

.archive .nectar-shop-header nav.woocommerce-breadcrumb {
  margin-bottom: 1rem;
}


/* === 6. WOO PDP - Product Detail Page === */
.single-product .summary .brand-logo-wrap img {
  width: 100px;
}

.single-product .summary .brand-logo-wrap {
    display: flex;
    padding: 0.5em;
    border: 1px solid #000;
    border-bottom: 0;
    width: fit-content;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    font-family: var(--atv-font-headings);
    gap: 0.5em;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
    align-items: center;
}
.brand-logo-wrap span {
    border-left: 1px solid #000;
    padding-left: 0.5em;
}


img.attachment-shop_single.size-shop_single.not-transparent.wp-post-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.woocommerce div.product div.images.woocommerce-product-gallery .product-slider img {
    background-color: #fff;
}


.single-product .summary-container  {
    background-color: #212121;
    height: fit-content;
    padding: 1rem;
    color: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    
}

.summary-container h1.product_title,
.summary-container .cart .quantity input.qty {
    color: #fff;
}
.summary-container h1.product_title:after {
  content: '';
  display: block;
  width: 30%;
  height: 5px;
  background-color: var(--nectar-accent-color);
}
.single.single-product h2.product_title.entry-title {
  margin-top: var(--gap-m);
}
.single-product .summary .woocommerce-price-suffix {
  text-align: left;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
}

.woocommerce div.product .summary p.price {
  padding-bottom: 0.5em;
}

.summary-container .price .amount {
  font-size: 1.75rem;
}

.summary-container p.financiering {
    color: #00cb00;
    margin-bottom: 0.5em;
    font-weight: 500;
    text-decoration: underline;
      margin-top: -1.5em;
}

.summary-container button, .summary-container a.btn {
    width: 100%;
    margin: 0.65rem 0;
    font-size: 1.2rem;
    text-transform: uppercase;
    padding: 0.65rem 1rem 0.75rem 1rem;
}

.summary-container button.button_see_through, .summary-container a.button_see_through  {
    border-color: #fff;
    color: #fff;
}

.summary-container a.btn_whatsapp:before {
    content: '';
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    background-image: url('/assets/icons/whatsapp-glyph.webp');
    background-size: cover;
    margin-right: 0.5em;
}

.summary-container a.btn_call:before {
    content: '';
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    background-image: url('/assets/icons/phone.webp');
    background-size: cover;
    margin-right: 0.5em;
}

/* === Kenteken Select === */
.summary .kenteken-select-row label {
  text-transform: uppercase;
  font-family: var(--atv-font-headings);
}
.summary .kenteken-select-row select {
  color: #fff;
  border: 2px solid #fff;
  border-radius: 0;
  background: url("data:image/svg+xml,<svg width='15px' height='15px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.73 7.74'><path fill='%23ffffff' d='M5.87,7.74c-.29,0-.57-.13-.76-.35L.24,1.65C-.12,1.23-.07.59.35.24.78-.12,1.41-.07,1.76.35l4.1,4.84L9.97.35c.36-.42.99-.47,1.41-.12.42.36.47.99.12,1.41l-4.87,5.74c-.19.22-.47.35-.76.35Z'/></svg>") no-repeat;
    background-position: calc(100% - 0.75rem) center !important;
    -moz-appearance:none !important;
    -webkit-appearance: none !important; 
    appearance: none !important;
    padding-right: 2rem !important;
}

/* === FLICKITY WOOCOMMERCE SLIDER === */
.nectar-woo-flickity .product-wrap, .product-wrap {
  background-color: #fff;
}

.nectar-woo-flickity .flickity-slider {
  display: flex; 
}
.nectar-woo-flickity .flickity-cell.is-selected {
    height: 100%;
    min-height: 450px;
}

.nectar-woo-flickity .flickity-slider .flickity-cell li {
  height: 100%;
}




/* =================================================================
   # Modal contactforms styles
================================================================= */

.atv_modal.active {
  /* display: block; */
  right: 0; /* Slide in from the right */
}

/* Add this CSS to your stylesheet */
body.modal-active {
    overflow: hidden;
}

.atv_modal {
    overflow-y: auto;
    max-height: calc(100vh); /* Adjust the value as needed */
	width: 100%;
	height: 100%;
	z-index: 9999999;
}

.modal-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
    align-items: center;
}

.modal-container--content {
	background-color: #fff;;
	box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.5);
	/* margin: 0 auto; */
	/* height: fit-content; */
}


.modal--right {
	right: -100%; /* Initially hidden on the right */
	position: fixed;
	top: 0;
	transition: right 0.3s ease-in-out; /* Transition for sliding animation */
}
.modal--center {
	position: fixed;    
	align-items: center;
    justify-content: center;
    top: 0;
}

.modal--center .modal-container--content {
    position: absolute;
    z-index: 1000;
    max-width: 750px;
	max-height: 100vh;
	overflow: hidden;
	overflow-y: auto; /* Add this line to enable scrolling */
}

.modal--right .modal-container--content {
    position: absolute;
    width: 100%;
    top: 0;
	right: 0;
	bottom: 0;
    box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.5);
    background-color: #fff;
    animation: slideInRight 0.3s ease-in-out;
    overflow-y: auto; /* Add this line to enable scrolling */
}

/* .modal-container--content section {
	padding-left: var(--gap-xl);
	padding-right: var(--gap-xl);
} */

.modal--bg-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
	background-color: rgba(0, 0, 0, 0.25);
    cursor: pointer;
}
.modal--close-top-overlay {
	z-index: 1001;
    width: 100%;
    height: 100%;
	cursor:none;
}

.modal--close-btn, #modal--close-back{
	cursor: pointer;
}
.modal-header, .modal--content-header {
	font-weight: 900;
	background-color: var(--nectar-extra-color-1);
	color: #fff;
	display: flex;
    justify-content: space-between;
    padding: var(--gap-s) var(--gap-m);
}
.modal--close-btn:before {
    font: var(--fa-font-solid);
    font-weight: 900;
    font-size: 20px;
    content: '\f00d';
    color: #000;
    background-color: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
}
.modal--close-btn:hover:before {
	background-color: #000;
	color:#fff;
}
.modal--close-back {
    display: flex;
    align-items: center;
}
.modal--close-back .icon {margin-bottom: 4px;}

.modal--right .modal--main-content {
	padding: clamp(var(--gap-m), 3vw, var(--gap-xl));
}
.modal--center .modal--main-content {
    padding: clamp(var(--gap-s), 3vw, var(--gap-m));
}

section.modal-item--info.flex.flex-row.gap-m {
    background-color: lightgrey;
    padding: var(--gap-m);
    padding-left: clamp(var(--gap-m), 3vw, var(--gap-xl));
}

.modal-item--details {
	max-width: 650px;
}
.modal-item--details h4{
	margin: 0;
}

.modal--afleverpakketten table {
	border-spacing: 0;
	font-size: clamp(0.8rem, 3vw, 1rem);
}
.modal--afleverpakketten td:nth-child(n+2) {
    text-align: center;
}
.modal--afleverpakketten td {
	border-top: 1px solid var(--wp--preset--color--custom-grijs-outlines);
	padding: 4px 0}

@keyframes slideInRight {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}

@media screen and (min-width: 600px ) {
	.modal--right .modal-container--content {
		width: auto;
	}
	.modal--close-top-overlay{
		display:none;
	}
}


/* === Mobile product tabs === */
.woocommerce div.product .woocommerce-tabs[data-tab-style=fullwidth_stacked] {
    padding-top: 0;
    margin-top: 0;
}
@media only screen and (min-width: 1000px) {
    .woocommerce div.product .woocommerce-tabs[data-tab-style=fullwidth_stacked] {
        padding-top: 0;
        margin-top: 0;
    }
}


/* === CF7 contact form === */
.cf7-hidden-details {
  display:none;
}
.logged-in .cf7-hidden-details {
    display: block;
    border: 1px solid red;
    background: #ffff0038;
    padding: 5px;
    border-radius: 5px;
    margin: 5px 0;
}

.wpcf7 .form-groups {
  display: flex;
  gap: var(--gap-s);
}
.wpcf7 .form-col {
	display: inline-block;
	vertical-align: top;
}
.wpcf7 .form-col p:last-child {
  padding-bottom: 1.5em;
}
.wpcf7-form .checkbox-merk {
    display: grid;
    grid-template-columns: auto auto auto;
}
.wpcf7-form .checkbox-merk .wpcf7-list-item {
    margin: 0 1em 0 0;
    font-family: 'Open Sans',Helvetica,sans-serif;
    font-size: 14px;
}

.wpcf7-form span.required {
    color: red;
    font-weight: 400 !important;
    font-family: 'Open Sans';
    margin-left: 2px;
}
.wpcf7-turnstile {
  margin-top: 1.5em;
}
.span_12.light .wpcf7-form .wpcf7-not-valid-tip, .light .wpcf7-form p span.required {
  color: #e10d19;
}

@media screen and (min-width: 782px ) {
  .wpcf7 .form-col { flex-basis: 50%;}
}
/* .cf7_vehicle_inruilvoorstel {
    display: none;
} */


/* === WOO Sidebar === */

#sidebar .widget {
  margin-bottom: 2rem;
}

#sidebar .widget h4 {
  font-size: 1.2rem;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}

@media only screen and (min-width: 1000px) {
    .archive.woocommerce .container-wrap > .main-content #sidebar {
        width: 20%;
        padding-right: 3%;
    }
}


/* === Single page === */

#page-header-bg h1 {
    text-shadow: 0 0 10px #000000;
}
#page-header-bg .subheader {
    text-shadow: 0 0 10px #000, 0 0 4px #000; 
    /* background-color: var(--nectar-extra-color-1); */
    /* padding: 0.5rem 3rem 0.6rem 0.75rem; */
    /* clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%); */
}

.page-header-bg-image-wrap:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #00000025;
    display: block;
    z-index: 10;
    position: absolute;
}

.catalogus-onderdelen > .vc_column-inner .child_column .vc_column-inner {
    text-align: center !important;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.catalogus-onderdelen a {
  color:#fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.5rem;
  z-index: 2;
}

.catalogus-onderdelen > .vc_column-inner .child_column .column-image-bg-wrap::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.05));
}
.catalogus-onderdelen > .vc_column-inner .child_column:hover .column-image-bg, .catalogus-onderdelen > .vc_column-inner .child_column:hover h4 {
  scale: 1.1;
}


/* === Admin === */

table.wp-list-table .column-taxonomy-product_group {
    width: 5%;
}

img.nectar-preview-image, .gallery_widget_attached_images_list img {
  background-color: #dfdfdf;
}


/* === Blog styles === */

.blog .container-wrap, .blog .page-header-no-bg, .single-post .container-wrap, .single-post #ajax-content-wrap, .single-post #page-header-wrap {
	background: linear-gradient(90deg, rgba(53, 53, 53, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(53, 53, 53, 1) 100%);
}
/* Basis: alle tekst binnen .blog en .single-post wordt wit */

.blog, .single-post, .blog h4, .blog .widget h4 {
	color: #fff;
}
/* Laat alle kinderen (incl. pseudo-elementen) de kleur erven */
.blog *, .blog *::before, .blog *::after, .single-post *, .single-post *::before, .single-post *::after {
	color: inherit;
}
/* Links volgen dezelfde kleur (incl. hover/focus) */

.blog a, .single-post a, .blog a:visited, .single-post a:visited {
	color: inherit;
}
.blog a:hover, .single-post a:hover, .blog a:focus, .single-post a:focus {
	color: var(--nectar-accent-color);
}
/* Optioneel: SVG-iconen laten meeschakelen met tekstkleur */

.blog svg, .single-post svg {
	fill: currentColor;
}

:is(h1, h2, h3, h4, h5, h6) strong, h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {
	font-family: 'Oswald', sans-serif;
}

.blog-title .inner-wrap, .blog-title #single-below-header{
  max-width: 1000px !important;
  margin: 0 auto !important;
  text-align: left !important;
}

.blog-title .inner-wrap, .blog-title h1 {
 text-align: left !important;
}

.blog-title .entry-title {
  max-width: 600px !important;
}

body[data-ext-responsive=true].single-post #page-header-bg[data-post-hs=default_minimal] h1 {
  margin-left: 0 !important;
}
.single-post #page-header-bg, .single-post #page-header-wrap {
  height: 50vh;
}

.blog a.wp-block-latest-posts__post-title {
    font-weight: 400 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 0.85rem;
    text-decoration: underline;
}


@media only screen and (min-width: 1px) and (max-width: 999px) {
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.5rem;
    line-height: 1;
  }
  .woocommerce ul.products li.product .product-attributes--model {
    font-size: 0.75rem;
    line-height: 1;
  }
  .woocommerce .product-label.product-label--new{
    margin-top: 0;
    font-size: 0.9rem;

  }
}