/*
	Theme Name:	Xtra Child
	Theme URI:	http://themeforest.net/user/Codevz/portfolio
	Description:Sample child theme of Xtra theme for customization.
	Author:		Codevz
	Author URI:	http://themeforest.net/user/Codevz
	Template:	xtra
	Version:	1.0
*/
/* Algemene aanpassingen */
/*witte-tekst*/
.witte-tekst {color: #fff;}
.witte-tekst p {color: #fff;}
.witte-tekst h1{color: #fff;}
.witte-tekst h2{color: #fff;}
.witte-tekst h3{color: #fff;}
.witte-tekst h4{color: #fff;}
.witte-tekst h5{color: #fff;}
.witte-tekst h6{color: #fff;}
.witte-tekst li{color: #fff;}
.witte-tekst i {color: #fff;}


.tb-content-section {
    width: 800px !important;!i;!;
    margin: 0 auto !important;
}


/* Header */
.ajax_search_input {
    border-radius: 70px !important;
}
.menu-_aanbiedingen a {
    color: #F06D09 !important;!
}

.header-my-account .cz_stylish_list li > div, .header-my-account .cz_stylish_list li > a > div {
    float: right;
    color: #fff !important;
}

.header-my-account div {
    float: right;
    color:#fff !important;
}

.header-my-account span {
    top: 5px !important;
    position:relative;
}

.czico-042-shopping-cart-1:before {
    content: url(https://tuin-basic.werkomgeving.nu/wp-content/uploads/2025/03/Winkel-wagen-icon-wit.svg);
    top:7px;
    position:relative
}

/* Home header hero */

.header-hero-txt h2 {
    color: #ffffff;
    font-size: 56px;
    line-height: 50px;
}

/* submenu */
.sf-menu .cz .cz a:after {
    font-family: 'FontAwesome';
    font-weight: bold;
    content: '\f054';
    font-size: 14px;
    margin-left: 10px;
}
a.sf-with-ul:after {
content: none !important;
   
}
.verborgen a.sf-with-ul:after {
    content: '\f054' !important;
    font-family: 'FontAwesome';
    font-weight: bold;
    font-size: 14px;
    margin-left: 10px;   
}

.tb-sub-menu-links a:after {
	content: '\f054';
	font-family: 'FontAwesome';
	font-weight: bold;
	font-size: 14px;
	margin-left: 10px;
}

.tb-custom-fullwidth-menu h2 {
    font-size: 20px;
    color: #919D77;
}
.tb-custom-fullwidth-menu {
    max-width: 1220px;
    margin: 0 auto !important;
}

/* Footer */
p.betaal-footer {
    float: left;
    margin-top: 10px;
    margin-right: 20px;
}

/* Footer top bar */
.footer_1 .czico-070-home:before {
        content: url(/wp-content/uploads/2025/03/Telefoon-icon-1.svg) !important;
        top: 3px;
        position: relative;
}

.footer_1 .czico-043-heart-outline:before {
        content: url(/wp-content/uploads/2025/03/Mail-icon-lijn-groen-1.svg) !important;

}

.cz_elm.icon_info_footer_1_left_14.inner_icon_info_footer_1_left_2 {
    margin-left: 30px;
}


/* Algemene VC aanpassingen */
.vc_row.rounded-corner {
    border-radius: 40px !important;
}

.vc_row.img-top-right {
    background-position: top right !important;
    background-repeat: no-repeat !important;
}

/* Responsive aanpassingen - Mobiel*/
@media screen and (max-width: 767px) {
    
    .header-hero-txt .vc_column-inner {
    padding: 30px !important;!I;!;
    }

/* REsponsive: footer */
.inner_custom_footer_1_left_0 {
    margin-right: 0px !important;
}
.inner_icon_info_footer_1_left_2 {
    margin-left: 0px;
}
	.elms_left.footer_1_left .cz_info_content span.cz_info_1, .cz_info_content span.cz_info_2 {
    font-size: 14px !important;
    text-align:left;
}


/* REsponsive Home header hero */

.header-hero-txt h2 {
    color: #ffffff;
    font-size: 26px;
    line-height: 26px;
}
.home .header-hero-txt.wpb_column.vc_column_container.vc_col-sm-6 {
    margin-bottom: -50px !important;
}

.home .header-hero-img .vc_column-inner{
    border-radius: 40px !important;
}

/* Mobile products */
	
h2.woocommerce-loop-product__title {
    min-height: 110px;
}

.woocommerce ul.products span.label-totaal {
    margin-top: 20px !important;
}

.woocommerce ul.products span.label-vanaf {
    margin-top: 20px !important;
}
	
.archive span.whole-price.top {
    top: 0px !important;
    position: relative;
}
.woocommerce-variation-price  sup.decimal-price {
    top: -0px !important;
    position: relative;
}

.product-type-simple .summary.entry-summary sup.decimal-price {
    top: -6px !important;
    position: relative;
}

	.tb_related_products span.whole-price.top {
    top: -0px !important;
}


.tb_related_products sup.decimal-price  {
    top: -5px !important;
}


.woocommerce ul.products li.product .price {
    top: 455px !important;
}

/* Responsive footer top bar */
.inner_icon_info_footer_1_left_1 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.inner_icon_info_footer_1_left_2 {
    margin-top: 10px !important;
    margin-bottom: 30px !important;
}
.cz_middle_footer button.toggle-button {
    display:inline-grid !important;
}

.col.s3.sidebar_footer-4.clr button.toggle-button {
    display: none !important;
}


}
/* Responive end: */
/* homepage */
/* homepage - header hero */
.header-hero-img .vc_column-inner,
.contentpage.header-hero-img .vc_column-inner   {
    border-radius: 0px 40px 40px 0px;
}
/* homepage - header uitgelicht */
.header-uitgelicht-txt p {
    color: #fff;
    font-family: 'Hanuman';
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    min-height: 48px;
}

.header-uitgelicht-col.uitgelicht_with_image .cz_social_icons{
    padding-top: 0px !important;
    margin-top:-56px;
    z-index:9999;
}

/* homepage - wat onze klanten zeggen */
.wat-zeggen-onze-klanten-wrap p {
    font-size: 16px;
}

.rating-icons {
    /* float: right; */
}

.rating {
    float: left;
    font-size:31px;
    font-weight:bold;
    font-family: hanuman;
    margin-top:12px;
}

.rating-txt {
    margin-top:-20px;
}

/* Gravity forms */

.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large,
.gform_wrapper.gravity-theme .gfield textarea.medium
{
    border: 1px solid #113734;
    border-radius: 8px;
    padding:15px;
    font-size:16px;
}

input#gform_submit_button_2 {
    background: #F06D09;
    border-radius:30px;
    font-weight:bold;
    padding:15px 20px;
}

input#gform_submit_button_2:hover {
    background: #C35705;
}

body .gform_wrapper .gform_footer {
    justify-content: flex-end;
}
body .gform_wrapper .gform_page_footer {
    text-align: right;
}
div#field_2_8 {
    margin-top: 20px;
}

.gform-footer.gform_footer.top_label {
    margin-top: -58px !important;
}
body .gform_wrapper .gform_footer .gform_button[type="submit"] {
    background-image: url('data:image/svg+xml,%3Csvg width="20px" height="20px" viewBox="0 0 24 24" fill="none" xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%3E%3Cpath d="M8 5L15.57 11.6237C15.7976 11.8229 15.7976 12.1771 15.57 12.3763L8 19" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%2F%3E%3C%2Fsvg%3E') !important;
    background-repeat: no-repeat !important;
    background-position: 7rem 50% !important;
    padding-right: 3rem !important;
}

/* contact pagina */
.contact-bar {
    top: 20px;
    z-index: 9999 !important;
}


/* Woocommerce: single product */
.single-product .product_meta.clr,
.single-product .woocommerce-tabs.wc-tabs-wrapper {
    display: none;
}

span.product-format {
    padding:10px;
    background: #fff;
    border: 1px solid #919D77;
    border-radius: 4px;
}

.product-formats {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
}

span.product-format.first {
    background: #919D77;
    color: #fff;
}

/* Woocommerce: single product - price prefix */
.price span.custom-price-prefix {
    display: none;
}

.woocommerce-variation-price span.custom-price-prefix {
    display: block;
}

/* Woocommerce: single product - price rebuild */

span.label-vanaf {
    font-size: 21px;
    font-weight: normal;
    display: block;
    margin-top: 10px;
    margin-bottom: -10px;
}

span.whole-price.top {
    font-size: 48px;
    font-weight: bold;
    font-family: 'Hanuman';
}

sup.decimal-price.top {
    font-size: 28px;
    !i;!;
    font-family: 'Hanuman';
    top: 19px;
    position: relative;
}

.woocommerce ul.products span.label-totaal {
    font-size: 14px;
    font-weight: 600;
    color: #113734;
	display:block;
    margin-top: -30px;
    margin-left: 4px;
	margin-bottom:5px;
}
span.label-totaal {
    font-size: 21px;
    font-weight: normal;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.woocommerce ul.products span.whole-price {
    margin-left: 5px;
}

span.whole-price {
    font-size: 32px;
    font-weight: bold;
    font-family: 'Hanuman';
}

sup.decimal-price {
    font-weight: bold;
    font-family: 'Hanuman';
}

small.woocommerce-price-suffix {
    display: contents;
    font-size: 14px;
}
.woocommerce ul.products h2.woocommerce-loop-product__title {
    margin-right: 10px !important;
}

/* Woocommerce - Singe product Quantity input */
.quantity-down {
	border-left: 1px solid #919D77;
	border-bottom: 1px solid #919D77;
	border-top: 1px solid #919D77;
	border-radius: 5px 0px 0px 5px;
	font-size: 40px !important;
	font-weight: bold;
	padding: 0px !important;
	line-height: 46px !important;
}

.woocommerce .quantity .qty {
    border-top: 1px solid #919D77 !important;
    border-bottom: 1px solid #919D77 !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    border-radius: 0px;
    height: 48px;
	font-size: 20px !important;
	font-weight: bold !important;
}
.quantity-up {
	border-right: 1px solid #919D77;
	border-bottom: 1px solid #919D77;
	border-top: 1px solid #919D77;
	border-radius: 0px 5px 5px 0px;
	font-size: 40px !important;
	font-weight: bold;
	padding: 0px !important;
	line-height: 46px !important;
}


/* Woocommerce archive page */
.shop-archive.header-hero{
    max-width: 1220px;
    margin: 0 auto !important;
}
section.vc_section.row.clr.custom_row {
    margin: 0 auto;
}

.post-type-archive-product span.label-totaal {
    display: none;
}


li.product-category {
    text-align: left;
    list-style: disc !important;
    margin-left:40px;
    font-weight:bold;
    font-size: 14px;
}

li.product-category::marker {
    color: #919D77 !important;
}

.woocommerce ul.products small.woocommerce-price-suffix {
    display: none;
}

 .woocommerce ul.products span.label-vanaf {
    font-size: 14px;
    font-weight: 600;
    color: #113734;
    margin-top: -30px;
    display: block !important;!i;!;
    margin-left: 4px;
    margin-bottom: 3px;
}

.woocommerce ul.products span.whole-price.top {
    font-size: 32px;
    top: 10px;!i;!;
    margin-left: 4px;
}

.woocommerce ul.products sup.decimal-price.top {
    font-size: 20px;
}

.woocommerce ul.products sup.decimal-price {
    font-size: 20px;
    top: -5px;
    position: relative;
}

.woocommerce ul.products span.onsale::after {
    content: ' Korting';
}

.woocommerce ul.products li.product .button:before {
    content: none !important;
}

.woocommerce ul.products li.product .button {
    border-radius: 70px;
    float: right;
    margin-top: -60px !important;!i;!;
    right: 10px;
    padding: 10px;
    width: 20px;
}

.woocommerce .woocommerce-ordering select.orderby {
    border-radius: 50px;
    background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjMzLjQgNDA2LjZjMTIuNSAxMi41IDMyLjggMTIuNSA0NS4zIDBsMTkyLTE5MmMxMi41LTEyLjUgMTIuNS0zMi44IDAtNDUuM3MtMzIuOC0xMi41LTQ1LjMgMEwyNTYgMzM4LjcgODYuNiAxNjkuNGMtMTIuNS0xMi41LTMyLjgtMTIuNS00NS4zIDBzLTEyLjUgMzIuOCAwIDQ1LjNsMTkyIDE5MnoiLz48L3N2Zz4=) no-repeat right 18px center;
    background-size: 18px;
}

.shop-archive h2.woocommerce-category-name {
    font-size: 40px;
}
.archive .term-description {
    display: none;
}
.category-full-image img {
    border-radius: 0px 40px 40px 0px;
    margin-left: 15px;
    height: 243px;
}

/* FacetWP aanpassingen */
span.facetwp-selection-label {
    display: none;
}

span.facetwp-selection-value {
    background: #919D77;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    border-radius: 4px;
}

.facetwp-selections ul {
    margin-left: 0px;
    display: flex;
}

.facetwp-selections .facetwp-selection-value {
    background-image: none !important;
}

span.facetwp-selection-value::after {
    left: 5px;
    content: '\f00d';
    font-size: 25px;
    font-family: 'Font Awesome 6 Free';
    line-height: 0px;
    top: 3px;
    position: relative;
}

.facetwp-checkbox.checked {
    background-image: url(/wp-content/themes/xtra-child/images/checkbox_checked.png) !important;
}
.facetwp-checkbox {
    background: url(/wp-content/themes/xtra-child/images/checkbox.png) 0 50% no-repeat !important;
    background-size: 24px 24px !important;
    padding-left: 35px !important;
    margin-bottom: 10px !important;
}

button.toggle-button {
    font-size: 23px;
    float: right;
    background: none;
}

/*  */
.betaalmethode-logo.cz_image {
    width: auto;
    float: left;
    margin-bottom: 20px;
}
/* Gerelateerde prpducten */
section.related.products .woocommerce .products ul li, .woocommerce ul.products li {
    margin-bottom: 0px !important;
}


/*  */

.col.s3.sidebar_footer-4.clr button.toggle-button {
    display: none;
}

.cz_middle_footer button.toggle-button {
    color: #fff !important;
}

.cz_middle_footer button.toggle-button {
    display:none;
}

/*  */
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
    margin-bottom: 30px !important;
}

/*  */

.elms_right.header_4_right .czico-102-avatar:before {
    content: url(/wp-content/uploads/2025/03/Mijn-account-icon-wit.svg);
    top: -2px;
    position: relative;
}

.post-type-archive-product .results {
    margin-bottom: 20px;
}

/* Woocommerce shop page */
.woocommerce-shop .header-hero {
    display: none;
}

.product-formats-wrap {
    margin-top: 40px !important;
                    
}

.rating-desktop .rating {
    float: right;
}

.rating-desktop .rating-icons {
    float: right;
}


.rating-desktop .rating-txt {
    float: right;
    top: 29px;
    position: relative;
}

.footer_2 .elms_right {
    color: #ffffff;
    flex: 1 0 30% !important;
}

/* Overide paginaation with Facetwp */
.woocommerce nav.woocommerce-pagination {
    display: none;
}
a.facetwp-page.first.active,
.facetwp-page.active {
    background: #919d77;
    max-height: 36px;
    padding: 5px 12px;
    color: #fff;
    font-size: 24px;
    border-radius: 8px;
    margin: 0px !important;
    font-weight:bold !important;
}

a.facetwp-page {
    max-height: 36px;
    padding: 5px 12px;
    font-size: 24px;
    border-radius: 8px;
    margin: 0px !important;
    font-weight:bold !important;
}


.facetwp-pager {
    text-align: center;
}

/* FacetWP flyout */
.facetwp-flyout.active {
    background: #F4F5F0;
}


.results {
    margin-bottom: 20px;
}

/* My account */
.woocommerce-MyAccount-navigation-link--tracking,
.woocommerce-MyAccount-navigation-link--wishlist,
.woocommerce-MyAccount-navigation-link--downloads,
.woocommerce-MyAccount-navigation-link--viewed {
    display: none;
}

li.woocommerce-MyAccount-navigation-link a:hover {
    color: #fff;
}
nav.woocommerce-MyAccount-navigation {
    width: 20% !important;
}


/* Filter op mobile */

/* Hide the button on larger screens */
button.facetwp-flyout-open {
    display: none;
}

/* Show the button on mobile screens */
@media (max-width: 768px) {
    button.facetwp-flyout-open {
        display: inline-block;
    }
}
button.facetwp-flyout-open {
    color: #ffffff;
    font-family: 'Manrope';
    font-weight: 700;
    background-color: #f06d09;
    border-radius: 74px;
    font-size: 16px;
    padding: 10px 20px;
    margin-bottom:10px;
}

      .flyout-item {
        display: none;
      }
 
      .flyout-row.expanded .flyout-item {
        display: block;
      }
 
      .flyout-row h3 {
        cursor: pointer;
      }
 
      .flyout-row h3:after {
            content: '\f078';
        font-size: 25px;
        font-family: 'Font Awesome 6 Free' !important;
        float:right;
      }
 
      .flyout-row.expanded h3:after {
                   content: '\f077';
        font-size: 25px;
        font-family: 'Font Awesome 6 Free' !important;
        float:right;
      }

.woocommerce span.onsale::after {
    content: ' Korting';
}

.single-product span.whole-price.top {top: 23px;!i;!;display: inline-block;position: relative;}

.single-product  sup.decimal-price.top {
    top: 13px;
}

.single-product sup.decimal-price {
    top: 0px;
    position: relative;
}
.single-product .product-type-simple sup.decimal-price {
    top: -4px;
    position: relative;
}

/* Desktop only */
@media screen and (min-width: 768px) {
.tb_related_products ul.products span.whole-price.top {
    top: 0px;
}



.tb_related_products ul.products li.product .price {
    top: 442px !important;
}


}
/* Desktop only  end*/

@media screen and (min-width: 1180px) {
ul.products li.product .price {
    top: 425px !important;
}
}

ul.sub-menu.cz_custom_mega_menu {
    margin-top: 10px;
    padding-top: 0px !important;
}

.opacity-row {
    opacity: 0.5;
    position: absolute !important;
    left:0px !important;
    margin-top: 18px;
    margin-left:0px !important;
    width:150% !important;
    pointer-events: none;
}

.woocommerce-product-description ul {
    margin-bottom: 30px;
}



body.losgestort-checked form.cart .button,
body.losgestort-checked form.cart .quantity {
    display: none !important;
}

button.single_add_to_cart_button.button.alt {}

a.btn.offerten_aanvragen {
    font-size: 16px;
    color: #ffffff;
    background-color: #f06d09;
    padding: 20px;
    border-radius: 30px;
    margin-top: -20px;
    margin-bottom: 10px;
    display: inline-block;
}

.link_underline a {
    text-decoration: underline;
}