/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Teko:wght@300..700&display=swap');

h1, h2, h3, h4, h5, h6{
  	font-family: "Teko", sans-serif !important;
}

body{
	 font-family: "Roboto Condensed", sans-serif!important;
}

#header_main{
	border:none;
}

#header_main .container.av-logo-container{
	margin-left:0px;
}

.av-main-nav > li > a{
	font-size:18px;
	font-weight:400;
	padding: 0 12px;
}

.avia-menu-fx{
	display:none;
}

.cart_dropdown_link{
    background-image: url(img/cart.png)!important;
    background-repeat: no-repeat!important;
    background-size: 60px!important;
    background-position: center!important;
}

.cart_dropdown_link span:before{
    display: none !important;
}

#menu-item-wc-account-icon{
    position: absolute;
    right: 5px;
}

#menu-item-wc-account-icon a{
    background-image: url(img/account.png)!important;
    background-repeat: no-repeat!important;
    background-size: 60px!important;
    background-position: center!important;
    width: 60px;
}

#menu-item-search{
    position: absolute;
    right: 65px;
}

#menu-item-wc-account-icon a:before{
    display: none;
}



#menu-item-search a{
    background-image: url(img/search.png)!important;
    background-repeat: no-repeat!important;
    background-size: 60px!important;
    background-position: center!important;
    width: 60px;
}

#menu-item-search a:before{
    display: none;
}

#menu-item-661{
    margin-right: 90px;
}

/* layouy */

.content, .sidebar {
    padding-top: 40px;
	padding-bottom: 80px;
}

/* knoppen */

.avia-button-fullwidth{
	text-align:left !important;

}

#top .main_color .avia-color-theme-color, #top .alternate_color .avia-color-theme-color, .avia-button-fullwidth{
	background-color:#EA6109;
	border:none;
	border-radius:0px;
	font-size:26px;
  	font-family: "Teko", sans-serif !important;
	padding: 14px 110px 14px 20px;
    background-image: url(img/btn-img.png);
    background-position: right center;
    background-size: 66px;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    color: white; /* Tekstkleur instellen op wit */
    transition: all 0.3s; /* Overgangseffect voor tekstkleur */
	transition-timing-function: ease-in-out;
}

#top .main_color .avia-color-theme-color:hover, #top .alternate_color .avia-color-theme-color:hover, .avia-button-fullwidth:hover{
	background-color:#000000!important;	
    opacity: 1;
}



/* algemeen */

.banner-tekst .av_custom_color.av-subheading.av-subheading_below{
  	font-family: "Teko", sans-serif !important;	
	font-weight:400;
	margin-top:-10px;
}

.av-elegant-toggle.togglecontainer .single_toggle:first-child .toggler, .av-elegant-toggle.togglecontainer .taglist + .single_toggle .toggler{
    background-color: #FFFFFF;
    margin-bottom: 10px;
    border: none;
    border-radius: 0px;
    font-size: 32px;
    line-height: 32px;
    font-weight: 300;
    color: #EA6109;
  	font-family: "Teko", sans-serif !important;
    padding: 29px 80px 29px 20px;
}

.toggler.av-title-above.activeTitle{
    margin-bottom: 0px !important;
    border-radius: 0 !important;
}

.toggle_content.invers-color{
    background-color: #FFFFFF;
    border-radius: 0;
    color: #272625;
    border: none;
    margin-bottom: 10px;
    padding: 0 20px 20px 20px;
    font-size: 18px;
    line-height: 28px;
}

.toggle_content.invers-color p{
    margin-top: 0px;
}

.av-elegant-toggle .toggle_icon{
    border: none;
    background-color: #000000;
    width: 50px;
    height: 50px;
    border-radius: 0px;
    right: 20px;
    margin-top: -25px;
    opacity: 1;
}

.toggle_icon .vert_icon{
    height: 18px;
    border-color: #FFFFFF;
}

.toggle_icon .hor_icon {
    width: 18px;
    border-color: #FFFFFF;
}

/* Woocommerce */

.woocommerce-shop .products .product{
    width: 32%;
    margin: 0 2% 2% 0;
}

.inner_product{
    border: none;
    background:none!important;
}

.avia-arrow{
    display: none;
}

.avia_cart_buttons {
    display: none;
}

.inner_product_header{
    border: none!important;
    padding: 20px 0px !important;
    background-color: transparent !important;
}

#top div .product_on_sale .inner_product_header{
    background-color: transparent !important;
}

.alternate_color .inner_product {
    border-radius: 0px;
    background-color: transparent !important;
}

.inner_product .woocommerce-loop-product__title{
    font-size: 26px !important;	
    font-weight: 400 !important;
    line-height: 28px !important;
    margin-bottom: 10px !important;
}

#top .price, #top .price span, #top del, #top ins{
    font-size: 32px;
    font-weight: 400;
  	font-family: "Teko", sans-serif !important;
}

.single-product #av_section_1 .onsale{
    display: none;
}

.filters{
    background-color: #DBDBDB;
    padding: 30px 20px;
}

.woocommerce form .show-password-input {
    display:none;
}

.woocommerce-MyAccount-navigation ul li a {
    text-align: left;
}



/* product detail */

.template-shop .single-product-main-image .images a{
    padding: 0px;
    border: 1px solid #DBDBDB!important;
}

#top .single-product-main-image .thumbnails a{
    padding: 0px;
    background-color: transparent !important;
}

.tabs.wc-tabs{
    display: none !important;
}

.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description.panel.entry-content.wc-tab{
    background-color: transparent;
    border: none!important;
    padding: 0px!important;
}

.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description.panel.entry-content.wc-tab h2{
    font-size: 32px!important;
    color: #EA6109!important;
    font-weight: 300 !important;
    margin-bottom: -10px !important;
}

.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description.panel.entry-content.wc-tab table{
    border: none;
}

.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description.panel.entry-content.wc-tab tr{
    background-color: var(--enfold-main-color-bg) !important;
    border: none !important;
}

.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description.panel.entry-content.wc-tab td{
    background-color: var(--enfold-main-color-bg) !important;
    border: none !important;
    color: #272625;
    font-size: 18px !Important;
    padding: 6px 0px;
    border-bottom: 1px solid #C6C6C6 !important;
}

.algemeene-tekst{
    margin-top: 50px!important;
    margin-bottom: 40px !important;
}

.algemeene-tekst h5{
    margin-bottom: -10px!important;
}

.single-product #av_section_1{
    background: #DBDBDB;
    background: linear-gradient(180deg, rgba(219, 219, 219, 1) 0%, rgba(238, 238, 238, 1) 100%);
    border: none !important;
}

#top div .quantity input.plus, #top div .quantity input.minus{
    background-image: none;
    background-color: #DBDBDB !important;
    border-color: #DBDBDB !important;
    width: 60px;
    height: 60px;
    color: #272625 !important;
    font-size: 25px;
}

#top div .quantity input.qty{
    background-color: #fff!important; 
    border-color: #DBDBDB !important; 
    height: 60px;
    width: 60px;
}

.product_meta{
    display: none;
}

.single_add_to_cart_button.button.alt{
    background-color:#20A53A;
	border:none;
	border-radius:0px;
	font-size:26px;
  	font-family: "Teko", sans-serif !important;
	padding: 17px 110px 17px 20px;
    background-image: url(img/btn-cart.png);
    background-position: right center;
    background-size: 72px;
    background-repeat: no-repeat;
    transition: 0.3s all;
}

.single_add_to_cart_button.button.alt:hover{
    background-color:#000;
}

#top .onsale{
    background-color: #20A53A!important;
    border-radius: 40px!important;
    font-size: 28px!important;
    color: #FFFFFF!important;
    text-transform: uppercase !important;
    font-weight: 400!important;
    line-height: 24px !important;
    padding: 28px 21px !important;
    top: 15px;
    left: 15px;
    right: auto;
    margin: 0;
    min-width: auto;
  	font-family: "Teko", sans-serif !important;
    display: none;
}

.variations_form.cart{
    background-color: transparent!important;
    border: none !important;
    padding: 0px !important;
}

.variations .label{
    display: none;
}

.variations .value{
    padding-left: 0px!important;
}

#pa_maat{
    max-width: 420px !important;
    border: 1px solid #707070 !important;
    border-radius: 0px!important;
    padding: 18.5px 20px!important;
    font-size: 18px!important;
    background-image: url(img/chevron-down-solid.png)!important;
    background-position: right 25px center!important;
    background-repeat: no-repeat!important;
    background-size: 10px!important;
}

.reset_variations{
    display: none !important;
}

.single_variation_wrap{
    margin-left: 0px !important;
}

.stock{
    margin-top: -10px !important;
}

.in-stock{
    color: #20A53A !important;
    font-size: 18px !important;
}

.out-of-stock{
    color: #EA6109 !important;
    font-size: 18px !important;
}

.woocommerce-message{
    background-color: #CBE4CD !important;
    color: #272625!important;
    font-size: 18px !important;
    border-radius: 0px!important;
}

.button.wc-forward{
    width: auto!important;
    min-width: 90px!important;
    background-color: #20A53A!important;
    border-radius: 0px!important;
    font-size: 20px!important;
  	font-family: "Teko", sans-serif !important;
}


div.product .woocommerce-tabs {
    padding: 1em 0 0 0!important;
}

#top div.product .woocommerce-tabs h6 {
    margin: 0 0 -0.3em;
}

#top div.product .woocommerce-tabs p {
    margin: 0.5em 0 1.1em;
}

#top div.product .woocommerce-tabs ul {
    margin: 0.5em 0 1.1em;
}




/* mini cart */

.dropdown_widget.dropdown_widget_cart, .widget_shopping_cart_content{
    background-color: #DBDBDB!important;
    border-radius: 0px !important;
    border: none !important;
}

.woocommerce-mini-cart__buttons.buttons{
    background-color: #DBDBDB!important;  
    border: none !important;
    padding:15px !important;
}

.button.checkout.wc-forward{
    display: none!important;
}

#top .dropdown_widget .buttons .button{
    width: 100% !important;
    margin: 0px !Important;
    font-size: 15px !important;
    color: #fff !important;
    border-radius: 0px !important;
    padding: 11px 20px !important;
    background-color: #20A53A;
}

.woocommerce-mini-cart-item:hover{
    background-color: #C9C9C9 !important;
}

.woocommerce-mini-cart__total.total{
    border-bottom: 1px solid #000000 !important;
}

.woocommerce-mini-cart__total.total strong, #top div ul.product_list_widget li a, .woocommerce-mini-cart-item span, .woocommerce-mini-cart-item .variation, .woocommerce-mini-cart-item .variation p{
    font-weight: 400!important;
    color: #272625!important;
    font-size: 16px !important;
}

.woocommerce-mini-cart__total.total .woocommerce-Price-amount.amount, .woocommerce-mini-cart-item .woocommerce-Price-amount.amount{
    color: #272625 !important;
    font-size: 16px !important;
}

div .dropdown_widget .cart_list li{
    border-bottom: 1px solid #000000 !important;
}

.dropdown_widget ul.cart_list li a img{
    border-radius: 0px !important;
}

.avia-arrow{
    display: none;
}

.woocommerce-mini-cart__empty-message{
    font-size: 16px!important;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #272625;
}

.tax_label{
    color: #272625;    
}

.bundled_mini_cart_item{
    display: none;
}


/* wp grid */

.wpgb-next-button{
    border: 2px solid #EA610A!important;
    border-radius: 30px!important;
    margin-left: 10px!important;
    background-image: url(img/btn-next.png)!important;
    background-repeat: no-repeat!important;
    background-size: 14px!important;
    background-position: center!important;
}

.wpgb-next-button svg{
    display: none !important;
}

.wpgb-prev-button{
    border: 2px solid #EA610A!important;
    border-radius: 30px!important;
    background-image: url(img/btn-back.png)!important;
    background-repeat: no-repeat!important;
    background-size: 14px!important;
    background-position: center!important;
}

.wpgb-prev-button svg{
    display: none;
}

.wpgb-facet-title{
    font-size: 32px!important;
    font-weight: 300!important;
}

.wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox-control{
    border: 1px solid #EA6109!important;
    border-radius: 0px!important;
    background-color: #fff!important;
}

.wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox[aria-pressed=true] .wpgb-checkbox-control{
    background-color: #EA6109!important;
}

.wpgb-checkbox-label{
    font-size: 18px;
    color: #272625 !important;
}

.wpgb-checkbox-label span{
    float: right;
    color: #404040 !Important;
}

.wpgb-button.wpgb-reset{
    margin-bottom: 0px !important;
    background-color: #000!important;
    border-radius: 0px!important;
    font-size: 26px!important;
  	font-family: "Teko", sans-serif !important;
    font-weight: 400!important;
    width: 100% !important;
    padding: 20px 40px !important;
    text-align: left !important;
    margin-top: 5px !important;
    padding: 16px 15px 14px !important;
}

#top div.woocommerce-error a.button, #top div.woocommerce-message a.button{
    margin-top: -25px !important;
}

.av-cart-counter.av-active-counter{
    font-size: 13px;
    color: #272625;   
}

#top .av-cart-counter{
    top: 40%;
    left: 58%;
    background-color: #20a53a;
    color: #ffffff;
}

.menu-item.cart_dropdown {
    z-index:20!important;
}

/* check out */

#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select{
    min-height: 60px;
    background-color: #fff;
    border-color: #DBDBDB;
    color: #272625 !important;
}

.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value{
    color: #000 !important;
}

.wc-block-components-product-metadata__description p{
    font-size: 14px !important;
}

.wc-block-components-product-name{
    font-size: 28px !important;
    color: #000!important;
  	font-family: "Teko", sans-serif !important;
    margin-bottom: 0px !important;
}

.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value{
    font-size: 22px !important; 
}

.wc-block-cart-item__remove-link{
    font-size: 14px !important; 
}

.wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button--minus, .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button{
    background-image: none;
    background-color: #DBDBDB !important;
    border-color: #DBDBDB !important;
    width: 60px!important;
    height: 60px!important;
    color: #272625 !important;
    font-size: 25px!important;
    border-radius: 0px!important;
min-width: 60px!important;
}

.wc-block-components-quantity-selector__input{
    background-color: #fff !important;
    border-color: #DBDBDB !important;
    height: 60px!important;
    width: 60px!important;
    min-width: 60px!important;
}

.wc-block-components-quantity-selector:after{
    display: none;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
    min-height: 60px !important;
    max-height: 60px;
}

.wc-block-components-product-details span {
    font-size:16px!important;
}



/* footer */

#footer-content .template-page.content.av-content-full.alpha.units{
	padding: 80px 0 50px;
}

#footer-page #footer-content {
  position: relative;
  z-index: 0;
}

#footer-page #footer-content::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 960px;
  height: 494px;
  background-image: url('https://webshop.voetbal-svlaar.nl/wp-content/uploads/2025/05/footer-before.png');
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: -1;
  
}

#footer-page h6{
	color:#fff !important;
}

#footer-page p{
	margin-top:10px;
}

#footer-page .social-links p{
	margin-top:15px;
}

#socket .container {
    padding-top: 45px;
    padding-bottom: 45px;
    text-align: center;
}

#socket .copyright {
    float: none;
    text-align: center;
	font-size:16px;
}

#socket .copyright span {
	padding:0 10px;
}

/* mobiel */

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a{
    font-size: 18px;
    color: #fff!important;
    border-bottom: 1px solid #404040 !important;
    padding: 15px 0px;
}

.av-active-burger-items a, .html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a:hover{
    color: #EA6109!important;
}

#top #wrap_all #header #av-burger-menu-ul > li.av-active-burger-items{
    margin: 0 20px;
}

@media only screen and (max-width: 1050px) {
    .av-main-nav > li.menu-item-avia-special {
        display: block;
    }
    
    .av-main-nav > li {
        display: none;
    }
    
    .av-burger-menu-main.menu-item-avia-special a{
        background-image: url(img/bg-menu.png)!important;
        background-repeat: no-repeat!important;
        background-size: 60px!important;
        background-position: center!important;
        padding: 0 12.5px!important;
    }
    
    .responsive.html_cart_at_menu #top .main_menu .menu>li:last-child{
        margin-right: -40px;
    }
    
    #menu-item-shop{
        right: 55px !important;
        position: absolute!important;
        z-index: 999;
    }
    
    #menu-item-wc-account-icon {
        position: absolute!important;
        right: 115px!important;
    }
    
    #menu-item-search{
        display: none !important;
    }
    
    .avia-menu.av-main-nav-wrap{
        right: 20px !important;
    }
    
    .product-ov-filter{
        width: 100% !important;
    }
    
    .product-ov{
        width: 100% !important;
        margin-left: 0px !important;
        margin-top: 20px !important;
    }
}


@media only screen and (max-width: 768px) {
    .container.av-logo-container{
        margin: 0px !important;
        width: 95% !important;
        max-width: 95% !important;
    }
    
    .logo.avia-standard-logo{
        margin-left: -100px!important;
    }
    
    .home-banners{
        max-height: 400px;
    }
    
    .av-ma6label-013c47a9735a927279d4f524a7717fc9{
        margin-top: 0px !important;
    }

    
    #top #header_main > .container, #top #header_main > .container .main_menu .av-main-nav > li > a, #top #header_main #menu-item-shop .cart_dropdown_link{
        height: 80px !important;
    }
    
    .av-elegant-toggle.togglecontainer .single_toggle:first-child .toggler, .av-elegant-toggle.togglecontainer .taglist + .single_toggle .toggler{
        font-size: 28px !important;
    }
    
    #top .order_details li {
    width: 100%;
    margin: 0 2em 20px 0;
    }
    
    h1{
        font-size: 36px!important;
    }
    h2{
        font-size: 30px!important;
    }
    h3{
        font-size: 28px!important;
    }
    h4{
        font-size: 26px!important;
    }
    h5{
        font-size: 22px!important;
    }
    h6{
        font-size: 18px!important;
    }
    
    body{
        font-size: 17px !Important;
    }
    
}

@media only screen and (max-width: 479px) {
    .responsive #top #main .products .product {
        margin: 0 6px 20px 0;
        width: 48%;
    }
    
    .inner_product .woocommerce-loop-product__title {
        font-size: 24px !important;
        line-height: 24px !important;
    }

    #top .price, #top .price span, #top del, #top ins {
        font-size: 28px;
    }
    
    
    #top div.woocommerce-error, #top div.woocommerce-message, #top .woocommerce-info {
        padding: 30px!important;
    }
    #top div.woocommerce-error a.button, #top div.woocommerce-message a.button{
        margin: 10px 0 0 !important;
        float:left!important;
        position:relative!important;
        top: auto;
        right: auto;
        width: 100%!important;
    }
    
    #top .cart-collaterals .cart_totals table select, #top.woocommerce-page select {
        width: 100%!important;
    }
    
    
}