/*
Theme Name: Leuk Raak Thema
Description: Thema voor Leuk Raak webshop
Author: Simplix
Author URI: https://simplix.nl
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


:root {
	--primary:#b8c2a9;
	--secondary:#efe4d9;
}

#main {
	--form_focus_border_color:#b8c2a9;
}

.slider {overflow:inherit!important;}
.swiper {width:100%; height:100%; overflow:visible!important;}
.no-select {-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.post-content {width:100%;}
html.flexbox .woocommerce .social-share{display: none !important; visibility: hidden !important; opacity: 0;}

#wrapper .boxed-content > .fusion-column-wrapper {padding:48px; border-radius:8px;}

#wrapper .fusion-text p:first-child {margin-top:0;}
/* #wrapper .fusion-text p:last-child {margin-bottom:0;} */

#wrapper .fusion-image-element .fusion-imageframe img {border-radius:8px;}

.single-product #wrapper #main,
.woocommerce-cart #wrapper #main,
.woocommerce-checkout #wrapper #main {padding:96px 0;}

.woocommerce select {border-color:var(--primary)!important;}
.woocommerce .avada-select-parent .select-arrow {border-color:var(--primary); color:var(--primary)!important;}
.woocommerce input {border-color:var(--primary)!important;}

/* Buttons */
#wrapper .fusion-button {min-width:160px; text-align:left;}
#wrapper .fusion-button.simple {min-width:1px; background:transparent; padding:0;}
#wrapper .fusion-button.simple .fusion-button-text {color:#111; display:flex; align-items:center;}
#wrapper .fusion-button.simple .fusion-button-text:after {content:"\f105"; display:none; font:var(--fa-font-regular);}
#wrapper .fusion-button.simple .fusion-button-text svg {margin-left:16px; transition:.3s margin-left;}
#wrapper .fusion-button.simple .fusion-button-text:hover {color:var(--primary);}
#wrapper .fusion-button.simple .fusion-button-text:hover svg {margin-left:20px;}

#wrapper .button {background:var(--primary); color:#fff; padding:8px 16px; border-radius:4px; font-weight:500; display:inline-flex; transition:.3s;}
#wrapper .button:hover {color:#111;}
#wrapper .button.no-hover:hover {cursor:auto;}
#wrapper .button:not(.no-hover):hover {background:var(--secondary);}
#wrapper .button.secondary {background:var(--secondary);color:#111;}
#wrapper .button:not(.no-hover).secondary:hover {background:var(--primary);}
#wrapper .button.large {padding:16px 24px;}

/* Modal */
.modal-wrapper {position:fixed; top:0; left:0; right:0; bottom:0; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.32); z-index:99999; padding:32px;}
.modal-wrapper .modal {background:#fff; width:100%; max-width:640px; border-radius:8px; padding:64px 32px;}
.modal-wrapper .modal .title {justify-self:flex-start;}
.modal-wrapper .modal .modal-footer .button:not(:last-child) {margin-right:16px;}

/* Header */
.fusion-header-wrapper .fusion-header {padding-left:16px; padding-right:16px;}

.fusion-header-wrapper .fusion-header .fusion-row {display:flex; align-items:center;}
.fusion-header-wrapper .fusion-header .header-left .fusion-logo img {max-width:160px; transition:.01s;}
.fusion-header-wrapper .fusion-header .header-right {margin-left:auto; display:flex; flex-direction:column;}
.fusion-header-wrapper .fusion-header .header-right .shop-menu {display:flex; align-items:center; justify-content:flex-end;}
.fusion-header-wrapper .fusion-header .header-right .header-buttons {display:flex; margin-left:16px; border-radius:4px; overflow:hidden;}
.fusion-header-wrapper .fusion-header .header-right .header-buttons .header-button {padding:8px 16px; background:var(--primary_color); color:#fff; font-weight:500;}
.fusion-header-wrapper .fusion-header .header-right .header-buttons .header-button.secondary {background:#f8f1ed; color:#353535;}

.fusion-header-wrapper.fusion-is-sticky .fusion-header .header-right {flex-direction:row-reverse;}
.fusion-header-wrapper.fusion-is-sticky .fusion-header .header-right .shop-menu .shop-menu-prefix {display:none;}
.fusion-header-wrapper.fusion-is-sticky .fusion-header .header-right .fusion-main-menu ul li.current-menu-item a {color:var(--secondary);}
.fusion-header-wrapper.fusion-is-sticky .fusion-header .header-left .fusion-logo img {max-width:80px;}

/* Titlebar */
/* .home .titlebar-outer-wrapper {padding:0 32px;}
.home .titlebar-outer-wrapper .titlebar-wrapper {height:720px; max-height:72vh; display:flex; align-items:center; justify-content:flex-end; background:var(--secondary); background-size:cover; background-repeat:no-repeat; background-position:center center; padding:128px 64px; overflow:hidden;}
.home .titlebar-outer-wrapper .titlebar-wrapper .titlebar-container {position:relative;}
.home .titlebar-outer-wrapper .titlebar-wrapper .titlebar-container:before {content:''; background:var(--secondary); height:999vh; width:999vw; left:50%; top:0; transform:translateY(-50%); position:absolute; z-index:1;}
.home .titlebar-outer-wrapper .titlebar-wrapper .titlebar-container .titlebar-content {background:#fff; padding:64px; border-radius:4px; max-width:640px; position:relative; z-index:2; overflow:hidden;}
.home .titlebar-outer-wrapper .titlebar-wrapper .titlebar-container .titlebar-content:after {content:""; position:absolute; bottom:0; left:0; right:0; height:4px; background:var(--secondary);}
.home .titlebar-outer-wrapper .titlebar-wrapper .titlebar-container .titlebar-content h1 {font-size:48px; font-weight:600; line-height:1.2; margin-top:0!important;} */

/* Usp */
/* .usp-wrapper {padding:0 32px; display:flex; justify-content:center; margin-top:32px; margin-bottom:32px;}
.home .usp-wrapper {margin-top:64px; margin-bottom:0;}
.usp-wrapper .usp-container {background:var(--secondary); display:flex; align-items:center; justify-content:space-around; padding:8px 32px; border-radius:4px; max-width:var(--site_width); width:100%;}
.usp-wrapper .usp-container .usp-single {font-weight:600;}
.usp-wrapper .usp-container .usp-single span {margin-left:4px;} */

#wrapper .fusion-checklist.horizontal {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-evenly; gap:16px; margin-top:0; padding:12px 24px;}
#wrapper .fusion-checklist.horizontal li {padding:0;}

.fusion-megamenu-holder{padding: 16px 0px 16px 24px;}
.fusion-megamenu-wrapper .fusion-megamenu,
.fusion-megamenu-wrapper .fusion-megamenu li div,
.fusion-body .fusion-megamenu-wrapper .fusion-megamenu-holder .fusion-megamenu .fusion-megamenu-submenu{border: none !important;}
.fusion-megamenu-wrapper .fusion-megamenu li {padding:0px;}
.fusion-megamenu-wrapper .fusion-megamenu li div{padding: 16px 20px;}
.fusion-megamenu-title{font-size: 16px !important;}
.fusion-megamenu-holder{background-color: var(--primary) !important; color: #fff !important;}
.fusion-megamenu-title a{color: #fff !important;}

.wpsi_social_share_buttons a span{background-color: var(--primary) !important;}
.wpsi_social_share_buttons a:hover span,
.wpsi_social_share_buttons a.a2a_button_linkedin:hover span,
.wpsi_social_share_buttons a.a2a_button_email:hover span,
.wpsi_social_share_buttons a.a2a_button_whatsapp:hover span,
.wpsi_social_share_buttons a.a2a_button_facebook:hover span,
.wpsi_social_share_buttons a span:hover{background-color: var(--primary) !important; opacity: 0.7;}
.wpsi_social_share_buttons a{font-family:  var(--body_typography-font-family) !important;}

.breadcrumbs-wrapper {display:flex; align-items:center; justify-content:center; padding:0 32px;}
.woocommerce .breadcrumbs-wrapper {margin-bottom:32px;}
.breadcrumbs-wrapper .breadcrumbs-container {max-width:1400px; width:100%;}
.breadcrumbs-wrapper .breadcrumbs-container .fusion-breadcrumb-sep {padding:0 16px;}

/* Carousel */
#wrapper .fusion-image-carousel .awb-swiper .swiper-wrapper .swiper-slide .fusion-image-wrapper {position:relative; padding-top:100%; width:100%;}
#wrapper .fusion-image-carousel .awb-swiper .swiper-wrapper .swiper-slide .fusion-image-wrapper img {position:absolute; top:0; width:100%; height:100%; object-fit:cover; border-radius:8px;}

/* Ervaringen */
#ervaringen-wrapper {display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:16px; width:100%;}
#ervaringen-wrapper .single-post {display:flex; position:relative; padding-bottom:32px; width:100%;}
#ervaringen-wrapper .single-post .image {position:absolute; bottom:0; left:calc(50%); transform:translateX(-50%); border-radius:999px; height:64px; width:64px; overflow:hidden; z-index:9;}
#ervaringen-wrapper .single-post .image img {width:100%; height:100%; object-fit:cover;}
#ervaringen-wrapper .single-post .content {background:#fff; display:inline-flex; flex-direction:column; padding:32px; border-radius:8px; width:100%; position:relative; z-index:2; overflow:hidden; text-align:center; gap:32px;}
#ervaringen-wrapper .single-post .content:after {content:""; position:absolute; bottom:0; left:0; right:0; height:4px; background:var(--primary);}
#ervaringen-wrapper .single-post .content h4 {font-size:24px; margin-bottom:0; margin-top:0;}
#ervaringen-wrapper .single-post .content p {margin:0; font-style:italic;}

/* Producten */
/* .products-header {display:flex; justify-content:space-between;}
.products-header .title {}
.products-header .fusion-button .fusion-button-text {} */

/* #products-wrapper.slider .single-post {border-radius:8px; overflow:hidden; background:#fff;}
#products-wrapper.slider .single-post .image {position:relative;}
#products-wrapper.slider .single-post .image:after {content:''; height:4px; position:absolute; left:0; right:0; bottom:0; background:linear-gradient(to right, var(--secondary) 0%,var(--secondary) 50%,var(--primary) 50%,var(--primary) 100%);}
#products-wrapper.slider .single-post .image img {width:100%; height:360px; object-fit:cover;}
#products-wrapper.slider .single-post .content {background:#fff; padding:32px; gap:16px; display:flex; flex-direction:column;}
#products-wrapper.slider .single-post .content h4 {margin-bottom:0; margin-top:0; font-size:2rem;}
#products-wrapper.slider .single-post .content .button {font-weight:500;} */

.products.grid .grid-wrapper {display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:32px; margin-bottom:64px;}

.products .single-post {overflow:hidden; border-radius:8px; display: flex; flex-direction: column; }
.products .single-post .image {position:relative; padding-top:100%; overflow:hidden;}
.products .single-post .image img {position:absolute; top:0; width:100%; height:100%; object-fit:cover; transition:.3s;}
.products .single-post:hover .image img {transform:scale(1.1);}
.products .single-post .content {background:#efe4d985; display:inline-flex; flex-direction:column; padding:24px; width:100%; flex: 1; justify-content: space-between; gap:16px;}
.products .single-post .content .title {margin-bottom:0; margin-top:0; font-size:1.6rem; font-weight:500;}
.products .single-post .content .product-content p {color:#000;}
.products .single-post .content .product-content p:last-child {margin-bottom:0;}
.products .single-post .content .product-meta {display:flex; align-items:center; justify-content:space-between;}
.products .single-post .content .product-meta .price * {color:#000; font-size:20px; margin:0; line-height:1.2;}

.products .single-post.light .content {background:#fff;}

/* .products .placeholder {background:url(images/placeholder.webp) center center no-repeat; background-size:cover; display:flex; align-items:center; padding:32px; border-radius:8px; overflow:hidden; position:relative;}
.products .placeholder:before {content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.2);}
.products .placeholder:after {content:""; position:absolute; bottom:0; left:0; right:0; height:4px; background:var(--secondary);}
.products .placeholder h3 {color:#fff; font-size:32px; position:relative; z-index:2;} */

/* Single Product */

.woocommerce-container {padding-left:16px; padding-right:16px;}

.woocommerce-cart .woocommerce {padding-left:16px; padding-right:16px;}
.woocommerce-checkout .woocommerce {padding-left:16px; padding-right:16px;}

.single-product #main .summary h2 {color:#cb987e!important;}
.single-product .summary .alg-product-input-fields-table {width:100%;}
.single-product .summary .alg-product-input-fields-table input:focus {border-color:var(--primary);}
#main .single-product .summary .variations .select-arrow {background-color:var(--primary)!important; color:#fff!important;}
.product_meta{display:none!important; visibility:hidden!important;}
.wpsi_social_share_buttons.not_before_tab a,
.wpsi_social_share_buttons.not_before_tab a:hover{color: #111 !important; background-color: transparent !important; opacity: 1 !important;}
.wpsi_social_share_buttons.not_before_tab a:hover span{opacity: 1 !important;}
.single-product .related.products .product .fusion-product-wrapper {border-radius:8px; overflow:hidden; border:none;}
.single-product .related.products .product .fusion-product-content {border-bottom:4px solid var(--secondary);}
.single-product .related.products .product h3 a {color:#cb987e!important; font-size:2rem;}
.single-product .related.products .product .fusion-price-rating {color:var(--primary_color); font-size:24px; font-weight:bold;}
.single-product .related.products .product .product-buttons {display:none!important;}

/* Contact */
#wrapper .wpforms-container {width:100%!important}
#wrapper .wpforms-container .wpforms-form .wpforms-field-container input[type="text"],
#wrapper .wpforms-container .wpforms-form .wpforms-field-container input[type="email"],
#wrapper .wpforms-container .wpforms-form .wpforms-field-container input[type="tel"],
#wrapper .wpforms-container .wpforms-form .wpforms-field-container input[type="number"] {border:solid rgb(53 53 53 / 32%) 1px; height:56px; border-radius:4px; padding:0 24px; color:#0c2645; transition:border .3s; -webkit-appearance:none;}
#wrapper .wpforms-container .wpforms-form .wpforms-field-container textarea {border:solid rgb(53 53 53 / 32%) 1px; height:256px; border-radius:4px; padding:24px; width:100%; resize:none; color:#0c2645; transition:border .3s;}

#wrapper .wpforms-container .wpforms-form .wpforms-field-container input[type="text"]:focus,
#wrapper .wpforms-container .wpforms-form .wpforms-field-container input[type="email"]:focus,
#wrapper .wpforms-container .wpforms-form .wpforms-field-container input[type="number"]:focus,
#wrapper .wpforms-container .wpforms-form .wpforms-field-container input[type="tel"]:focus,
#wrapper .wpforms-container .wpforms-form .wpforms-field-container textarea:focus {border:solid var(--primary) 1px!important;}

#wrapper .wpforms-container .wpforms-form .wpforms-submit-container button[type="submit"]{ background:var(--primary); color:#fff; padding:16px 24px; border-radius:4px; display:inline-flex; border:none; transition:background .3s; height:auto !important}
#wrapper .wpforms-container .wpforms-form .wpforms-submit-container button[type="submit"]:hover {background:var(--secondary); border:none;}

.google-maps-wrapper iframe {width:100%;}

/* Footer */
#before-footer {display:flex; width:100%; margin-bottom:32px;}

/* .fusion-footer {position:relative;}
.fusion-footer:before {content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:url(images/background-effect.png) top center no-repeat; z-index:98;}
.fusion-footer footer .fusion-widget-area {position:relative; z-index:99;}
.fusion-footer footer .fusion-widget-area .menu .menu-item {padding:0; border-bottom:0;}
.fusion-footer footer .fusion-widget-area .menu .menu-item a:before {display:none;}
.fusion-footer footer.fusion-footer-copyright-area {position:relative; z-index:999;}
.fusion-footer footer.fusion-footer-copyright-area .fusion-row {position:relative; padding-top:16px;}
.fusion-footer footer.fusion-footer-copyright-area .fusion-row:before {content:""; position:absolute; top:0; left:0; width:100%; height:1px; background:var(--secondary);}
.widget .fusion-social-networks .fusion-social-network-icon{color: #111 !important} */

/* Woocommerce */
.woocommerce-error[role=alert] li {background-color:var(--primary_color)!important; border:none!important; border-radius:4px!important; color:#fff; font-weight:500;}
.woocommerce-error[role=alert] .button {display:none!important;}

.woocommerce-cart .breadcrumbs-wrapper,
.woocommerce-checkout .breadcrumbs-wrapper {margin-bottom:32px;}

.woocommerce-cart #content,
.woocommerce-checkout #content {float:none;}

.woocommerce-cart #before-footer,
.woocommerce-checkout #before-footer {margin-top:96px;}

.woocommerce-cart .woocommerce h2,
.woocommerce-cart .woocommerce h3,
.woocommerce-checkout .woocommerce h2,
.woocommerce-checkout .woocommerce h3 {border:none!important; padding-bottom:0!important; font-size:24px!important;}

.woocommerce-cart .woocommerce .product-title,
.woocommerce-checkout .woocommerce .product-title {font-weight:600;}

.woocommerce-cart .woocommerce .form-row#billing_address_2_field,
.woocommerce-checkout .woocommerce .form-row#billing_address_2_field {display:none!important;}
.woocommerce-cart .woocommerce .form-row .woocommerce-input-wrapper,
.woocommerce-checkout .woocommerce .form-row .woocommerce-input-wrapper {display:flex;}
.woocommerce-cart .woocommerce .form-row .woocommerce-input-wrapper input,
.woocommerce-checkout .woocommerce .form-row .woocommerce-input-wrapper input {border:solid rgb(53 53 53 / 32%) 1px; height:56px; border-radius:4px; padding:0 24px; color:#0c2645; transition:border .3s; -webkit-appearance:none; max-width:560px;}
.woocommerce-cart .woocommerce .form-row .woocommerce-input-wrapper input:focus,
.woocommerce-checkout .woocommerce .form-row .woocommerce-input-wrapper input:focus {border:solid var(--primary) 1px!important;}

.woocommerce-cart .woocommerce-content-box,
.woocommerce-checkout .woocommerce-content-box,
.woocommerce-cart .cart_totals,
.woocommerce-checkout .checkout .col-1 {/* border:1px solid var(--secondary)!important; */ background:#fff; border-radius:4px;}

.woocommerce-cart .woocommerce-message,
.woocommerce-cart .return-to-shop,
.woocommerce-checkout .avada-myaccount-user,
.woocommerce-checkout .woocommerce-error {display:none;}

.woocommerce-cart .woocommerce .cart-empty {background-color:var(--primary_color)!important; border:none!important; border-radius:4px!important; color:#fff; font-weight:500; line-height:1; height:auto; padding:16px 32px!important;}

.woocommerce-checkout .woocommerce-invalid:after {content:'Dit is een verplicht veld'; display:block; margin-top:4px; font-size:12px;}

#main .checkout .payment_methods .payment_box select {padding:0 16px;}
#main .validate-required.woocommerce-invalid .select2-selection--single, 
#main .validate-required.woocommerce-invalid input,
#main .validate-required.woocommerce-validated .select2-selection--single, 
#main .validate-required.woocommerce-validated input {box-shadow:none!important;}