/* Variables */
:root {
  /* Colors */
  --theme-color-1: var(--awb-color1); /* Yellow */
  --theme-color-2: var(--awb-color2); /* Red */
  --theme-color-3: var(--awb-color3); /* Dark Blue */
  --theme-color-4: var(--awb-color4); /* Light Blue */
  --theme-color-5: var(--awb-color5); /* Lighter blue */
  --theme-color-6: var(--awb-color6); /* Green */
  --theme-color-7: var(--awb-color7); /* Even more lighter blue */
  --theme-color-8: var(--awb-color8);
  --theme-color-9: var(--awb-custom_color_1);
  --theme-color-10:var(--awb-custom_color_2);
}

/* General */
.round-button {width:40px; height:40px; display:flex; align-items: center; justify-content: center; color:#fff; background:var(--theme-color-2); flex: 0 0 40px; border-radius:50%; line-height:1; transition:.3s}

.table-column table tr td {border:none; padding:8px 0; color:#fff; font-size:20px;}
.table-column table tr td:nth-child(1) {padding-right:8px}
.table-column table tr td:nth-child(2) {opacity:0.7}

.table-column.table-footer table tr td {font-size:16px;}

.post-content > .fusion-fullwidth:first-child {padding-top:calc(128px + 100px);}
.post-content > .fusion-fullwidth:last-child {padding-bottom:calc(96px + 80px);}

.fusion-no-lightbox {display:inline-flex}

.mega-menu-container { filter:drop-shadow(0 3px 6px rgba(0,0,0,0.15));}

.contact-table table tr td {border:none; padding:8px 0;}
.contact-table table tr td:nth-child(1) {padding-right:8px; font-size:20px; width:120px} 
.contact-table table tr td:nth-child(2) {opacity:0.7}

.button-link .fusion-button-text{text-decoration: underline;}

.button {background:var(--theme-color-2); cursor:pointer; border:solid var(--theme-color-2); transition:.3s; line-height:1.3; color:#fff; padding:16px 32px; border-radius:12px; font-size:15px; font-weight:bold; display:inline-flex; gap:8px; align-items:center; justify-content:center;}
.button.green {background:var(--theme-color-6); border:solid var(--theme-color-6);}
.button.blue {background:var(--theme-color-3); border:solid var(--theme-color-3);}

.button:hover {background:var(--theme-color-3); border:solid var(--theme-color-3); color:#fff;}
.button.blue:hover {background:var(--theme-color-2); border:solid var(--theme-color-2);}

/* Menu */
#desktop-menu > .fusion-builder-row {max-width:calc(1600px + 32px) !important; filter:drop-shadow(0 3px 6px rgba(0,0,0,0.15));}
#desktop-menu .main-menu-column > .fusion-column-wrapper {border-radius:24px;}
#desktop-menu .awb-menu {width:auto;}
#desktop-menu .awb-menu .fusion-button {font-size:16px; font-weight:500}
#desktop-menu .logo-wrapper {display:inline-flex}

/* Three columns (home) */
.three-column-container > .fusion-row {margin-top:-180px;}
.three-column-container > .fusion-row .fusion-column-inner-bg:hover ~ .fusion-column-wrapper .round-button {background:var(--theme-color-3)}

/* Fusion footer */
.fusion-footer p {margin-top:0;}

/* taxonomy menu */
.term-menu {display:grid; grid-template-columns: repeat(4, 1fr); gap:16px;}
.term-menu .term-column {display:flex; flex-direction: column; align-items: flex-start;}
.term-menu .term-column .term-parent {font-weight:bold; margin-bottom:8px;}
.term-menu .term-column .term-children {padding:0; list-style: none; display:flex; flex-direction: column; align-items: flex-start; gap:10px;}
.term-menu .term-column .term-children li {line-height:1.3;}
.term-menu .term-column .term-children li a {color:rgba(112,112,112,0.7); line-height:1.3;}
.term-menu .term-column .term-children li a:hover {color:#000}
.term-menu .term-column .term-archive-link {margin-top:8px; color:rgba(0,0,0,0.7); text-decoration: underline; }
.term-menu .term-column .term-archive-link:hover {color:var(--theme-color-2)}

/* Category archive */
.subcategory-wrapper {display:grid; grid-template-columns: repeat(4, 1fr); gap:24px;}
.subcategory-wrapper .single {display:flex; flex-direction: column; align-items: flex-start; border-radius:24px; overflow: hidden; position:relative}
.subcategory-wrapper .single .image {display:flex; position:relative; width:100%; padding-top:100%; overflow: hidden;}
.subcategory-wrapper .single .image img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; transition:.3s;}
.subcategory-wrapper .single .content {position: absolute; left:0; bottom:0; width:100%; padding:12px 32px; display:flex; justify-content: space-between; gap:8px; flex-wrap: nowrap; background:var(--theme-color-3); color:#fff; align-items: center;}
.subcategory-wrapper .single .content h2 {font-size:24px; margin:0px; color:#fff}
.subcategory-wrapper .single .content i {width:40px; height:40px; flex: 0 0 40px; font-size:20px; display:flex; align-items: center; justify-content: center; color:#fff; background:var(--theme-color-10); flex: 0 0 40px; border-radius:50%; line-height:1; transition:.3s}

.subcategory-wrapper .single:hover .image img {transform:scale(1.1);}
.subcategory-wrapper .single:hover .content i {background:var(--theme-color-2)}

/* assortiment */
.posts-wrapper.assortiment {}
.posts-wrapper.assortiment .posts-container {}
.posts-wrapper.assortiment .posts-container .single {display:flex; flex-direction: column; border-radius:24px; overflow:hidden;}
.posts-wrapper.assortiment .posts-container .single .post-image {width:100%; padding-top:100%; position:relative; overflow:hidden;}
.posts-wrapper.assortiment .posts-container .single .post-image img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; transition:.3s; transition:.3s;}
.posts-wrapper.assortiment .posts-container .single .post-content {background:var(--theme-color-3); color:#fff; padding:24px; display:flex; flex-direction: column; gap:12px; flex:1;}
.posts-wrapper.assortiment .posts-container .single .post-content h3 {color:#fff; font-size:20px; margin:0px; font-weight:400}
.posts-wrapper.assortiment .posts-container .single .post-content .after-post-content {display:flex; gap:16px; justify-content: space-between; align-items: flex-end; margin-top:auto;}
.posts-wrapper.assortiment .posts-container .single .post-content .after-post-content .price-wrapper {display:flex; flex-direction: row; gap:10px; align-items: center;}
.posts-wrapper.assortiment .posts-container .single .post-content .after-post-content .price-wrapper .price {font-weight:bold; font-size:20px; color:var(--theme-color-1)}
.posts-wrapper.assortiment .posts-container .single .post-content .after-post-content .view-product {width:72px; height:40px; border-radius:12px; background:var(--theme-color-6); color:#fff; display:flex; align-items: center; justify-content: center; font-size:20px; transition:.3s}

.posts-wrapper.assortiment .posts-container .single:hover .post-image img {transform:scale(1.1)}
.posts-wrapper.assortiment .posts-container .single:hover .post-content .after-post-content .view-product {background:var(--theme-color-2)}

/* Contact */
.contact-form .wpforms-submit-container {margin-top:24px !important;}
.contact-form .wpforms-submit-container button[type="submit"] {background:var(--theme-color-6) !important}
.contact-form .wpforms-submit-container button[type="submit"]:hover {background:var(--theme-color-2) !important}

#wrapper .wpforms-container .wpforms-form .wpforms-field-container {gap:24px;}

.contact-form .wpforms-field-container input,
.contact-form .wpforms-field-container textarea {background:rgba(255,255,255, 0.1) !important}

.contact-form .wpforms-field-container ::-webkit-input-placeholder { color: #fff !important; opacity: 0.3 !important;}
.contact-form .wpforms-field-container ::-moz-placeholder { color: #fff !important; opacity: 0.3 !important;}
.contact-form .wpforms-field-container :-ms-input-placeholder { color: #fff !important; opacity: 0.3 !important;}
.contact-form .wpforms-field-container ::placeholder { color: #fff !important; opacity: 0.3  !important;}

/* Tabs */
.fusion-tabs.classic {margin-bottom:0px}
.fusion-tabs.classic .nav {border:none !important;}
.fusion-tabs.classic .nav .nav-tabs {background:transparent; border:None; border-radius:24px 24px 0 0; overflow:hidden;}
.fusion-tabs.classic .nav .nav-tabs li {border:none;opacity:0.5; transition:.3s;}
.fusion-tabs.classic .nav .nav-tabs li:hover,
.fusion-tabs.classic .nav .nav-tabs li.active {opacity:1;}
.fusion-tabs.classic .nav .nav-tabs li a {border:none !important; background:}

.fusion-tabs.classic .tab-content {border:none; border-radius: 0 24px 24px 24px; overflow: hidden;}
.fusion-tabs.classic .tab-content .tab-pane {border:none;}

/* Product gallery */
.product-images-wrapper {width:100%; display:flex; flex-direction: column; overflow:hidden; gap:24px;}
.product-images-wrapper .swiper {border-radius:24px !important; overflow:hidden;}
.product-images-wrapper .swiper .swiper-slide .image-wrapper {width:100%; padding-top:100%; position:relative; overflow:hidden; border-radius:24px;}
.product-images-wrapper .swiper .swiper-slide .image-wrapper img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; transition:.3s;}

.product-images-wrapper .swiper.swiper-thumbs .swiper-slide .image-wrapper {cursor:pointer;}

.product-images-wrapper .swiper.swiper-thumbs .swiper-slide {opacity:0.3; transition:.3s}
.product-images-wrapper .swiper.swiper-thumbs .swiper-slide:hover,
.product-images-wrapper .swiper.swiper-thumbs .swiper-slide.swiper-slide-thumb-active {opacity:1;}

/* Product price */
.product-price-wrapper {width:100%; display:flex; align-items: center;}
.product-price-wrapper p {font-size:30px; font-weight:bold;}
.product-price-wrapper p > span {font-size:45px; color:var(--theme-color-1)}

/* Attributes table */
.product-attributes-wrapper {width:100%; display:flex; flex-direction: column; align-items: flex-start; margin-bottom:32px;}
.product-attributes-wrapper table td:first-child {padding-right:16px;}
.product-attributes-wrapper table td:last-child {opacity:0.7;}

/* Product stock */ 
.product-stock {font-size:12px; color:rgba(255,255,255, 0.5)}
.product-stock.dark {color:var(--theme-color-3);}
.product-stock span {width:8px; height:8px; border-radius:50%; background:var(--theme-color-6); display:inline-block; margin-right:4px;}
.product-stock span.orange {background:var(--theme-color-1)}

/* Product add to cart */
.product-add-wrapper {width:100%; display:flex; align-items: flex-start; justify-content: flex-start; margin-bottom:32px;}
.product-add-wrapper .product-add-grid {display:grid; grid-template-columns: repeat(2, auto); gap:8px 32px;}
.product-add-wrapper .product-add-grid .product-stock {color:var(--theme-color-3); font-size:16px;}

.product-add-wrapper .product-add-grid .product-amount {width:80px; height:50px; border:none; background:#fff; border-radius:12px;}
.product-add-wrapper .product-add-grid .add-to-cart {height:50px;}

.cart-popup-overlay {position: fixed;top: 0; left: 0; right: 0; bottom: 0;background: rgba(0,0,0,0.5);display: flex;justify-content: center;align-items: center;z-index: 9999999; padding:16px;}
.cart-popup-overlay .cart-popup {background: #fff;padding: 32px;border-radius: 12px;text-align: center;max-width: 500px;box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.cart-popup-overlay .cart-popup h6  {margin:0px;}
.cart-popup-overlay .cart-popup .popup-buttons {display: flex;justify-content: space-around;gap: 10px;}

/* Search Menu */
.fusion-live-search .fusion-search-results,
.searchform .fusion-search-form-content .fusion-search-field input {background:#fff;}

/* Search page */
.search-page-wrapper {padding: 128px 0;}

/* Cart */
.cart-wrapper {display:flex; flex-direction:column; gap:16px; width:100%;} 
.cart-wrapper .cart-item {display:flex; flex-direction: row; gap:32px; background:#fff; border-radius:24px; padding:24px; align-items: center;}
.cart-wrapper .cart-item .product-image-wrapper {width:250px; position:relative; flex:0 0 250px}
.cart-wrapper .cart-item .product-image-wrapper .product-image {width:100%; padding-top:100%; position:relative; overflow:hidden; border-radius:24px;}
.cart-wrapper .cart-item .product-image-wrapper .product-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover;}

.cart-wrapper .cart-item .product-content-wrapper {display:flex; flex-direction: column; gap:12px; flex:1; align-items:flex-start}
.cart-wrapper .cart-item .product-content-wrapper .product-title {margin:0px; font-weight:400; transition:.3s;}
.cart-wrapper .cart-item .product-content-wrapper .product-title:hover {color:var(--theme-color-2);}
.cart-wrapper .cart-item .product-content-wrapper .cart-amount {display:flex; flex-direction: column; align-items: flex-start; gap:8px;}
.cart-wrapper .cart-item .product-content-wrapper .cart-amount .cart-actions {display:flex; gap:12px; align-items:center}
.cart-wrapper .cart-item .product-content-wrapper .cart-amount .cart-actions input {width:80px;}
.cart-wrapper .cart-item .product-content-wrapper .cart-amount .cart-actions button {background:none; border:none; color:var(--theme-color-2); font-size:20px;padding:0; margin:0; cursor:pointer;}

.cart-empty {width:100%; display:flex; flex-direction: column; border-radius:24px; background:#fff; padding:24px;}
.cart-empty h3 {color:var(--theme-color-2) !important; margin-top:0px; }
.cart-empty p {margin:0 !important} 

/* Review slider */
.posts-wrapper.ervaringen .single {padding:24px; border-radius:32px; background:var(--theme-color-3); color:#fff;}
.posts-wrapper.ervaringen .single .post-content { display:flex; flex-direction: column; gap:16px;}
.posts-wrapper.ervaringen .single .post-content .title {font-size:20px; font-weight:600; margin-bottom:8px;}
.posts-wrapper.ervaringen .single .post-content .content {margin:0px; color:#fff; opacity:0.7}
.posts-wrapper.ervaringen .single .post-content .stars-wrapper i {color:#F5A624}

/* Account */
.sx-section {width:100%; display:flex; flex-direction: column;}
.sx-section .sx-container {width:100%; display:flex; flex-direction: column;}
.sx-section .sx-container .sx-row {width:100%; display:flex; flex-wrap:wrap; margin:0 -16px;}
.sx-section .sx-container .sx-row.align-center {align-items:center}
.sx-section .sx-container .sx-row.justify-center {justify-content: center;}

.sx-section h1,
.sx-section h2,
.sx-section h3,
.sx-section h4,
.sx-section h5,
.sx-section h6 {margin-top:0px; margin-bottom:24px; font-weight:400 !important;}

.col {width:100%; display:flex; flex-direction: column; align-items:flex-start; padding:0 16px; margin-bottom:32px;}
.col.align-center {align-items:center;}

.col-1 { flex: 0 0 calc((100% / 12) * 1); width: calc((100% / 12) * 1); }
.col-2 { flex: 0 0 calc((100% / 12) * 2); width: calc((100% / 12) * 2); }
.col-3 { flex: 0 0 calc((100% / 12) * 3); width: calc((100% / 12) * 3); }
.col-4 { flex: 0 0 calc((100% / 12) * 4); width: calc((100% / 12) * 4); }
.col-5 { flex: 0 0 calc((100% / 12) * 5); width: calc((100% / 12) * 5); }
.col-6 { flex: 0 0 calc((100% / 12) * 6); width: calc((100% / 12) * 6); }
.col-7 { flex: 0 0 calc((100% / 12) * 7); width: calc((100% / 12) * 7); }
.col-8 { flex: 0 0 calc((100% / 12) * 8); width: calc((100% / 12) * 8); }
.col-9 { flex: 0 0 calc((100% / 12) * 9); width: calc((100% / 12) * 9); }
.col-10 { flex: 0 0 calc((100% / 12) * 10); width: calc((100% / 12) * 10); }
.col-11 { flex: 0 0 calc((100% / 12) * 11); width: calc((100% / 12) * 11); }
.col-12 { flex: 0 0 calc((100% / 12) * 12); width: calc((100% / 12) * 12); }

.sx-section form {margin:0 auto; width:100%; display:flex; flex-direction: column; align-items:center}
.sx-section form {display:flex; flex-direction: column; gap:16px; width:100%; align-items:flex-start;}
.sx-section form select,
.sx-section form input:not([type="checkbox"]) {background:#fff; border-radius:12px; width:100%; border:solid var(--theme-color-3) 1px; padding:0 12px;}
.sx-section form input[type="checkbox"] {width:16px; height:16px; cursor:pointer}
.sx-section form h4 {margin-bottom:0px; font-weight:400}
.sx-section form .error {color:var(--theme-color-2); margin-bottom::0px;}
.sx-section form .form-submit-wrapper {display:flex; align-items:center; justify-content: space-between; gap:16px; flex-wrap:wrap; width: 100%;}
.sx-section form .form-submit-wrapper a {color:var(--theme-color-3); cursor: pointer;}
.sx-section form .form-submit-wrapper a:hover {color:var(--theme-color-2);}

.sx-section form .form-section {width:100%; display:flex; flex-direction: column; gap:16px;}
.sx-section form .form-section .form-row {display:grid; grid-template-columns: repeat(2, 1fr); gap:16px; width:100%;} 
.sx-section form .form-street-wrapper {display:flex; flex-wrap:nowrap; gap:16px;}
.sx-section form .form-street-wrapper input:first-child {width:100%;}
.sx-section form .form-street-wrapper input:last-child {width:80px;}

.sx-section .checkbox-wrapper {display:flex; align-items:center; gap:4px; user-select: none;}
.sx-section #different-address-wrapper {  overflow: hidden;transition: max-height 0.5s ease;}
.sx-section .different-address-container {display:flex; flex-direction: column; gap:16px;}

/* Cart preview */
.cart-wrapper.preview .cart-item .product-image-wrapper {width:120px; flex:0 0 120px;}

/* Profile */
.profile .profile-nav {width:100%; display:flex; background:#fff; padding:24px; border-radius:24px;}
.profile .profile-nav ul {list-style: none; padding:0; margin:0; width:100%;}
.profile .profile-nav ul li {display:flex; align-items: center; width:100%; border-bottom:solid rgba(0,0,0,0.3) 1px;}
.profile .profile-nav ul li:first-child a{padding-top:0px;}
.profile .profile-nav ul li:last-child {border-bottom:none;}
.profile .profile-nav ul li:last-child a {padding-bottom:0px;}
.profile .profile-nav ul li a {width:100%; color:var(--theme-color-3); display:flex; gap:4px; line-height:1.2; padding:12px 0;}
.profile .profile-nav ul li a i {line-height:1.2; width:24px; display:flex; justify-content: center;}
.profile .profile-nav ul li:hover a,
.profile .profile-nav ul li.active a {color:var(--theme-color-2)}

.profile .profile-address {width:100%; display:flex; background:#fff; padding:24px; border-radius:24px; flex-direction: column; gap:32px;}
.profile .profile-address h4 {margin-bottom:0px}
.profile .profile-address .address-block {display:flex; flex-direction: column;}
.profile .profile-address .address-block h6 {font-size:20px; margin-bottom:8px;}
.profile .profile-address .address-block h6 i {font-size:16px; margin-right:4px;}
.profile .profile-address .address-block p {opacity:0.7; margin-bottom:0px}
.profile .profile-address .address-block p.name {opacity:1;}

.profile .profile-content {width:100%; display:flex; flex-direction: column; gap:48px}
.profile .profile-content h2 {margin-bottom:0px}

#slide-toggle-content {width:100%;}

/* Profile overview */
.overview {width:100%; display:flex; flex-direction: column; align-items:flex-start; gap:16px}
.overview .overview-header {}
.overview .overview-header h4 {margin-bottom:0px;}
.overview .overview-content {display:flex; flex-direction: column; width:100%;}
.overview .overview-content table {width:100%; text-align: left;}

.overview table {border-collapse: collapse;}
.overview table tr th,
.overview table tr:not(.no-results) td {padding:8px;}
.overview table tr:not(.no-results) td {border-top:solid rgba(0,0,0,0.1) 1px; background:#fff;}
.overview table tr:not(.no-results):hover td {background:#dcdcdc;}

/* Alerts */
.alert {width:100%; display:flex; flex-direction: column; gap:16px; padding:8px; background:#fff; margin:8px 0;}
.alert .alert-info {background: red}

/* Zakelijk */
.slider-element {overflow:hidden; padding:0 40px;}
.slider-element .awb-swiper {overflow:visible}

.slider-element .awb-swiper .awb-swiper-button {width:32px; height:32px; background:var(--awb-color6); opacity:1; font-size:24px; border-radius:4px}

.slider-element .awb-swiper .awb-swiper-button.awb-swiper-button-prev {left:-40px}
.slider-element .awb-swiper .awb-swiper-button.awb-swiper-button-next {right:-40px;}