/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* Vars */
:root {
    --primary_brown:#1D1610;
    --secondary_brown: #342E28;
    --tertiary_brown: #8D8A87;

    --primary_orange: #F49800;
    --secondary_orange: #F9CB7F;
    --tertiary_orange: #FDEACC;
}

/* General */
* {outline:none !important}
.margin-left-auto {margin-left:auto;}

h1, h2 {-webkit-text-stroke-width:1px}

/* Menu */
.menu-text.fusion-button {border-color:#fff !important; color:#fff;}
.menu-text.fusion-button:hover {border-color:var(--primary_orange) !important; color:#fff;}

.fusion-main-menu .fusion-custom-menu-item-contents {display:none !important}
.fusion-body .fusion-main-menu .fusion-main-menu-icon {font-size:24px !important}

/* Button */
.button {padding:12px 16px; border:solid var(--primary_orange) 1px; background:transparent; line-height:1.1; color:var(--primary_orange); font-weight:bold;}
.button:hover {background:var(--primary_orange); color:#fff;}

/* Fades */
.fade-top:before {content:""; position:absolute; left:0; top:0; right:0; height:600px; pointer-events: none; background: linear-gradient(180deg, rgba(29,22,16,1) 0%, rgba(29,22,16,0) 100%); }

/* Titlebar */
.titlebar-wrapper {display:flex; flex-direction: column; align-items: center; justify-content: center; width:100%; position:relative; min-height:100vh; background-size:cover; background-repeat: no-repeat; background-position: center center; padding:128px 16px;}
.admin-bar .titlebar-wrapper {min-height:calc(100vh - 32px)}
.titlebar-wrapper:before {content:""; position:absolute; pointer-events: none; left:0; right:0; top:0; bottom:0; background: linear-gradient(180deg, rgba(29,22,16,0.5) 0%, rgba(29,22,16,1) 100%); }
.titlebar-wrapper .titlebar-container {position:relative; width:100%; display:flex; flex-direction:column; align-items: center; justify-content: center; max-width:var(--site_width); text-align: center;}
.titlebar-wrapper .titlebar-container p {max-width:800px; margin-top:0px; margin-bottom:40px;}
body:not(.home ) .titlebar-wrapper {min-height:70vh;}

/* Footer */
.fusion-footer p {margin-top:0px; margin-bottom:20px;}
.fusion-footer .footer-links {display:flex; gap:32px; width:100%; justify-content: flex-end; flex-wrap:wrap;}
.fusion-footer .footer-links a {color:rgba(255, 255, 255, 0.5);}
.fusion-footer .footer-links a:hover {color:rgba(255, 255, 255);}

/* Swiper */
.swiper {user-select: none; width:100%; }
.swiper-free-mode>.swiper-wrapper{transition-timing-function : linear !important;}

.swiper#projecten {overflow:visible; clip-path:inset(0vw 0vw 0vw -100vw)}
.swiper#projecten .single {height:500px; background-size:cover; padding:24px; position:relative; background-repeat: no-repeat; font-weight:bold; background-position: center center; display:flex; align-items: flex-end; text-align: left;}
.swiper#projecten .single h3 {color:#fff; font-weight:bold; margin:0px; position:relative;}
.swiper#projecten .single:before {content:""; left:0; top:0; bottom:0; right:0; position:absolute; background:linear-gradient(180deg, rgba(29,22,16,0) 0%, rgba(29,22,16,1) 100%)}

/* Custom cursor */
.custom-cursor {cursor: none; user-select: none;}
.custom-cursor *{cursor: none; user-select:none;}
.custom-cursor-wrapper{ width: 99px; height: 99px; display: flex; align-items: center; justify-self: center; color: #fff; flex-wrap: wrap; border-radius: 100%; background-color: var(--primary_orange); position: fixed; pointer-events: none; left: 0; top: 0; transform: translate(calc(-50% + 15px), -50%); z-index: 100000; cursor: none; opacity: 0; pointer-events: none; user-select: none;}
.custom-cursor-wrapper.active{ opacity: 1; }
.custom-cursor-wrapper.active.press{opacity: 0.7;}
.custom-cursor-wrapper span{max-width: 52px; text-align: center; margin: 0 auto; font-size: 18px; font-weight: bold; color:#fff} 

/* Project archive */
.posts-wrapper.ajax-loaded#projecten .output {display:grid; grid-template-columns: repeat(3, 1fr); gap:40px; max-width:1100px; margin:0 auto;}
.posts-wrapper.ajax-loaded#projecten .output .single {display:flex; flex-direction: column; background:var(--secondary_brown); }
.posts-wrapper.ajax-loaded#projecten .output .single .image-wrapper {width:100%; padding-top:56.75%; position:relative; overflow: hidden;}
.posts-wrapper.ajax-loaded#projecten .output .single .image-wrapper img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; transition:.3s}
.posts-wrapper.ajax-loaded#projecten .output .single:hover .image-wrapper img {transform:scale(1.1)}
.posts-wrapper.ajax-loaded#projecten .output .single .content-wrapper {padding:24px; display:flex; flex-direction: column;}
.posts-wrapper.ajax-loaded#projecten .output .single .content-wrapper h3 {margin-top:0px; color:#fff;}

.posts-wrapper.ajax-loaded#projecten .output .single .content-wrapper span {width:48px; height:48px; transition:.3s; display:flex; align-items: center; justify-content: center; line-height:1; background:var(--primary_orange); color:#fff; font-size:20px; margin-left:auto;}
.posts-wrapper.ajax-loaded#projecten .output .single:hover .content-wrapper span {background:var(--secondary_orange)}

/* Single archive */
.post-navigation-wrapper {width:100%; padding:64px 0 128px 0; position:relative;}
.post-navigation-wrapper:before {content:""; position:absolute; left:-16px; top:0; right:-16px; height:256px; background:#fff;}
.post-navigation-wrapper .post-navigation-container {width:100%; position:relative; max-width:var(--site_width); margin:0 auto;display:grid; grid-template-columns: repeat(2, 1fr); gap:128px;}
.post-navigation-wrapper .post-navigation-container .single-nav {display:flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}

.post-navigation-wrapper .post-navigation-container .single-nav a {display:flex; flex-direction: column; background:var(--secondary_brown); max-width:350px;}
.post-navigation-wrapper .post-navigation-container .single-nav a .image-wrapper {width:100%; padding-top:56.75%; position:relative; overflow: hidden;}
.post-navigation-wrapper .post-navigation-container .single-nav a .image-wrapper img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; transition:.3s}
.post-navigation-wrapper .post-navigation-container .single-nav a:hover .image-wrapper img {transform:scale(1.1)}
.post-navigation-wrapper .post-navigation-container .single-nav a .content-wrapper {padding:24px; display:flex; flex-direction: column;}
.post-navigation-wrapper .post-navigation-container .single-nav a .content-wrapper h3 {margin-top:0px; color:#fff;}

.post-navigation-wrapper .post-navigation-container .single-nav a .content-wrapper span {width:48px; height:48px; transition:.3s; display:flex; align-items: center; justify-content: center; line-height:1; background:var(--primary_orange); color:#fff; font-size:20px; margin-left:auto;}
.post-navigation-wrapper .post-navigation-container .single-nav a:hover .content-wrapper span {background:var(--secondary_orange)}

.post-navigation-wrapper .post-navigation-container .single-nav.prev {align-items:flex-end}

/* Contact */
.contact-info {display:flex; flex-direction: column; gap:16px; margin-bottom:64px}
.contact-info a,
.contact-info span {display:flex; line-height:1; font-size:18px; color:#a5a29f}
.contact-info i {width:24px; font-size:20px; display:flex; justify-content: center; margin-right:8px;color:#fff;}

#main .contact-form {margin:0; width:100%;}
#main .contact-form textarea,
#main .contact-form input {background:transparent; border-radius:unset; border:none; border-bottom: 1px solid #fff; box-shadow:none; color:#fff;}
#main .contact-form button,
#main .contact-form button:after {box-shadow:none; border:none;}

#main .contact-form textarea::placeholder,
#main .contact-form input::placeholder {color: #fff;}

#main .contact-form button {padding:12px 16px; border:solid var(--primary_orange) 1px; background:transparent; line-height:1.1; color:var(--primary_orange); font-weight:bold; border-radius:unset; height:auto; }
#main .contact-form button:after {content:"\f061"; font-family: "Font Awesome 6 Pro"; margin-left:8px; position:relative; left:auto; top:auto; right:auto; bottom:auto; }
#main .contact-form button:hover {background:var(--primary_orange); color:#fff;}

/* Webshop */
.woocommerce-shop #main > .fusion-row {max-width:var(--site_width) !important}
.woocommerce-shop .woocommerce-container {padding:0 0 128px 0;}

.woocommerce-shop .titlebar-wrapper {min-height:unset !important;}

.woocommerce-shop .products.products-4 {display:grid; grid-template-columns: repeat(4, 1fr);}
.woocommerce-shop .products.products-4:before,
.woocommerce-shop .products.products-4 :after {display:none;}
.woocommerce-shop .products.products-4 li {width:unset;}

.woocommerce-shop .woocommerce-container .products  .fusion-product-wrapper {background:var(--secondary_brown); border:none; height:100%; display:flex; flex-direction: column;}
.woocommerce-shop .woocommerce-container .products  .fusion-product-wrapper .product-details-container {display:flex; flex-direction: column;}
.woocommerce-shop .woocommerce-container .products  .fusion-product-wrapper .product-details-container h3 {line-height: 1.1 !important;margin-bottom: 16px;}
.woocommerce-shop .woocommerce-container .products  .fusion-product-wrapper .product-details-container h3 a {color:#fff; font-size:24px;}
.woocommerce-shop .woocommerce-container .products  .fusion-product-wrapper .product-details-container h3 a:hover {color:var(--primary_orange)}
.woocommerce-shop .woocommerce-container .products  .fusion-product-wrapper .product-details-container .fusion-price-rating .amount {font-size:28px; color:#fff; font-weight:bold;}

.woocommerce-shop .woocommerce-container .products  .fusion-product-wrapper .product-buttons .fusion-content-sep {display:none}

.woocommerce-shop .woocommerce-container .products  .fusion-product-wrapper .show_details_button {display:none;}
.woocommerce-shop .woocommerce-container .products  .fusion-product-wrapper .add_to_cart_button {width:100%; max-width: unset; background:var(--primary_orange); color:#fff; font-size:16px;     display: flex;flex-direction: row-reverse;}
.woocommerce-shop .woocommerce-container .products  .fusion-product-wrapper .add_to_cart_button:before {margin-right: auto !important; position:relative; margin-left:8px !important}

.woocommerce-shop .woocommerce-container .products  .fusion-product-wrapper .fusion-product-content {display:flex; flex-direction: column; flex:1;}
.woocommerce-shop .woocommerce-container .products  .fusion-product-wrapper .fusion-product-content .product-details {display:flex; flex:1;}
.woocommerce-shop .woocommerce-container .products  .fusion-product-wrapper .fusion-product-content .product-details .fusion-price-rating {margin-top:auto;}
.woocommerce-shop .woocommerce-container .products  .fusion-product-wrapper .fusion-product-content .product-buttons {margin-top:auto;}

.woocommerce-shop .woocommerce-container .woocommerce-pagination {justify-content:center;}
.woocommerce-shop .woocommerce-container .woocommerce-pagination .page-text {display:none;}

.woocommerce-shop .woocommerce-container .woocommerce-pagination .page-numbers {font-size: 18px;width: 40px;height: 40px; border:solid var(--primary_orange) 1px; color:var(--primary_orange)}
.woocommerce-shop .woocommerce-container .woocommerce-pagination .page-numbers.next,
.woocommerce-shop .woocommerce-container .woocommerce-pagination .page-numbers.prev {display:none;}

.woocommerce-shop .woocommerce-container .woocommerce-pagination .page-numbers.current,
.woocommerce-shop .woocommerce-container .woocommerce-pagination .page-numbers:hover {background:var(--primary_orange); color:#fff}

/* Single product */
.single-product #main > .fusion-row {max-width:var(--site_width) !important}
.single-product .woocommerce-container {padding: 228px 0 128px 0}

/* Checkout */
form.checkout label {color:#fff}

.fusion-woo-checkout-order-review-tb ul li input:checked+label:before, .fusion-woo-checkout-payment-tb ul li input:checked+label:before {border-color:var(--primary_orange) !important;}
.fusion-woo-checkout-order-review-tb ul li input:checked+label:after, .fusion-woo-checkout-payment-tb ul li input:checked+label:after {background:var(--primary_orange) !important}

.fusion-woo-checkout-shipping-tb .checkbox span:before, .fusion-woo-checkout-tabs-tb.woo-tabs-titles-disabled .checkbox span:before {border-color:#fff !important}
.fusion-woo-checkout-shipping-tb .checkbox input[type=checkbox], .fusion-woo-checkout-tabs-tb.woo-tabs-titles-disabled .checkbox input[type=checkbox] {font-weight:bold;}

.fusion-body .quantity .minus, .fusion-body .quantity .plus {color: #fff !important;font-weight: bold !important;font-size: 24px !important;}
.fusion-body .quantity input[type="number"] {color:#fff;}


/* My account */
.woocommerce-account .avada-myaccount-user {display:none !important}
.woocommerce-MyAccount-navigation>ul .is-active a, .woocommerce-checkout-nav .is-active a, .woocommerce-tabs>.tabs .active a {color:#fff !important}