/*
Theme Name: Metalage theme
Description: Custom theme for Metalage
Author: Simplix
Author URI: https://simplix.nl
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

.display-none {display:none !important}

.fusion-header {
    margin-top:60px;
}

header.fusion-header-wrapper.fusion-is-sticky .fusion-header {
    margin-top:0px;
}

header.fusion-header-wrapper .fusion-header .custom-logo-wrapper .custom-logo-background {width: calc(50% - 520px);
min-width: 280px; height:100%; background-color:rgba(255,255,255, 1); position:absolute; top:0; left:-30px; z-index:998;}

.color-white h1, .color-white h2, .color-white h3, .color-white h4, .color-white h5, .color-white h6, .color-white p, .color-white ul, .color-white li, .color-white a {color:#fff!important;}

.fusion-secondary-header .fusion-alignright { margin-left: 33%!important; }
.fusion-contact-info:before { font-family:"Font Awesome 5 Free"; content: "\f095";  color: #eb6608; font-size: 17px; padding-right: 7px; font-weight:900;} 
.fusion-header-separator { padding: 0 25px!important; }
.fusion-contact-info a:before { font-family:"Font Awesome 5 Free"; content: "\f0e0"; color: #eb6608; font-size: 17px; padding-right: 7px; font-weight:900;}
.fusion-mobile-menu-design-modern .fusion-secondary-header .fusion-alignleft { width: 500px!important; }
.fusion-secondary-header .fusion-alignright:before { font-family:"Font Awesome 5 Free"; content: "\f041";  color: #eb6608; font-size: 17px; padding-right: 7px; font-weight:900;}

a.fusion-main-menu-icon { line-height: 62px!important; }

.fusion-main-menu .fusion-main-menu-icon:after, .fusion-main-menu .fusion-widget-cart-counter > a:before { color: #eb6608!important; }

header.fusion-header-wrapper .fusion-header .custom-logo-wrapper {float:left; width:100%; position:relative; margin-bottom:-80px; }
header.fusion-header-wrapper.fusion-is-sticky .fusion-header {height:80px!important; box-shadow:none;}
header.fusion-header-wrapper.fusion-is-sticky .fusion-header .custom-logo-wrapper {margin-bottom:-100px;}

header.fusion-header-wrapper .fusion-header .custom-logo-wrapper .custom-logo-container {position:relative; z-index:999;}
header.fusion-header-wrapper .fusion-header .custom-logo-wrapper .custom-logo-container .fusion-logo img {height:60px; margin-top: 10px; margin-bottom: 10px; margin-right: 10px;}
.fusion-is-sticky .fusion-logo img {margin-top:10px !important;}
header.fusion-header-wrapper .fusion-header .custom-menu-wrapper {width:100%; background-color: rgba(255,255,255, 1); box-shadow:0px -5px 20px rgba(136, 136, 136, 0.2);}

header.fusion-header-wrapper .fusion-header .custom-menu-wrapper .custom-menu-container nav > ul > li a{padding-left:25px!important; padding-right:25px!important;}

header .custom-mobile-menu-wrapper {display:none;}
header.fusion-header-wrapper.fusion-is-sticky a.fusion-main-menu-icon { line-height: 34px!important; }
.fusion-body .fusion-main-menu .current_page_item {background-color:rgba(235,102,8, 1);}
header.fusion-header-wrapper .fusion-header .custom-menu-wrapper .custom-menu-container nav > ul > li:hover{ color:#fff; !important; background-color:rgba(235,102,8, 1) !important;}

header.fusion-header-wrapper .fusion-header .custom-menu-wrapper li:hover {background-color:rgba(255,255,255, 1)!important;}
.fusion-main-menu {right:15px;}
 
.homepage-image img.img-responsive.wp-image-47 { width: 500px!important; }
.homepage-image .fusion-column-wrapper { margin-top: -146px!important; }
.homepage-image a.fusion-button.button-flat.fusion-button-round.button-large.button-custom { width: 100%; border-radius: 10px; margin-top: 19px; padding-top: 33px; padding-bottom: 33px; }

.homepage-image #tribe-bar-form .tribe-bar-submit input[type=submit] .button-icon-divider-left, .button-large .button-icon-divider-left, .fusion-body .fusion-button-large .button-icon-divider-left, .tml-submit-wrap input[type=submit] .button-icon-divider-left, .wpcf7-form .wpcf7-submit.button-large .button-icon-divider-left, .wpcf7-form .wpcf7-submit.fusion-button-large .button-icon-divider-left { padding: 0 34.5px!important; }

.homepage-image .button-icon-divider-left, .button-icon-divider-right { margin-top: 22px; padding-bottom: 14px!important; height: 42px!important; }
.homepage-image i.fa { font-size: 27px!important; }

.custom-contact-button {background-color:#002337 !important; width: 100%!important; border-radius: 10px!important; padding-top: 33px!important; padding-bottom: 33px!important;}
.custom-contact-button .button-icon-divider-left, .button-icon-divider-right { margin-top: 22px; padding-bottom: 14px!important; height: 42px!important; }
.custom-contact-button i.fa { font-size: 27px!important; }

.homepage-4images .fusion-imageframe img { width: 100%; }
.homepage-4images .fusion-layout-column.fusion-one-half { margin-bottom: 4%!important; }


.fusion-footer h4.widget-title { font-family: 'VAGRoundedStd-Bold'; letter-spacing: 1px; text-transform: none; }

.homepage-vision-container:after {content:""; position:absolute; height:100%; width:50%; right:0; top:0; background-color:#002337; opacity:.9;}
.homepage-vision-container .fusion-button {padding:13px 50px; border-radius:0!important;}

.wpcf7-form input[type="submit"], .wpcf7-submit {padding: 13px 30px 10px 30px !important;}
.wpcf7 .wpcf7-form .wpcf7-form-control-wrap input {background-color:#f2f2f2; border:none; outline:none; padding:10px; height:auto; font-family:'VAGRoundedStd-Bold'; font-size:15px;}
.wpcf7 .wpcf7-form .wpcf7-form-control-wrap input::-webkit-input-placeholder {font-family:'VAGRoundedStd-Bold'; font-size:15px;}
.wpcf7 .wpcf7-form .wpcf7-form-control-wrap input:-ms-input-placeholder {font-family:'VAGRoundedStd-Bold'; font-size:15px;}
.wpcf7 .wpcf7-form .wpcf7-form-control-wrap input:-moz-placeholder {font-family:'VAGRoundedStd-Bold'; font-size:15px;}
.wpcf7 .wpcf7-form .wpcf7-form-control-wrap input::-moz-placeholder {font-family:'VAGRoundedStd-Bold'; font-size:15px;}
.wpcf7 .wpcf7-form .wpcf7-form-control-wrap textarea {background-color:#f2f2f2; border:none; outline:none; padding:10px; font-family:'VAGRoundedStd-Bold'; font-size:15px; min-height:150px;}
.wpcf7 .wpcf7-form .wpcf7-form-control-wrap textarea::-webkit-input-placeholder {font-family:'VAGRoundedStd-Bold'; font-size:15px;}
.wpcf7 .wpcf7-form .wpcf7-form-control-wrap textarea:-ms-input-placeholder {font-family:'VAGRoundedStd-Bold'; font-size:15px;}
.wpcf7 .wpcf7-form .wpcf7-form-control-wrap textarea:-moz-placeholder {font-family:'VAGRoundedStd-Bold'; font-size:15px;}
.wpcf7 .wpcf7-form .wpcf7-form-control-wrap textarea::-moz-placeholder {font-family:'VAGRoundedStd-Bold'; font-size:15px;}
.wpcf7 .wpcf7-form .wpcf7-form-control.wpcf7-submit {position: absolute; left: 50%; transform: translateX(-50%); background-color:#eb6608;}
.wpcf7 .wpcf7-form .wpcf7-form-control.wpcf7-submit:hover {-webkit-box-shadow: 5px 5px 13px 0px rgba(176,176,176,1); -moz-box-shadow: 5px 5px 13px 0px rgba(176,176,176,1); box-shadow: 5px 5px 13px 0px rgba(176,176,176,1);}
.wpcf7-form .wpcf7-mail-sent-ng, .wpcf7-form .wpcf7-validation-errors {margin-top:100px;}
/*.wpcf7 .wpcf7-form .wpcf7-select-parent {top:-15px !important;}*/

.button-large {line-height:18px !important; padding: 13px 30px 10px 30px !important;}


/* Wie zijn wij? */
.customh2 {color:#ffffff !important; font-size:44px !important; line-height: 40px;}
.custom-contact-button { line-height: 62px !important; }
/* Onze klanten */ 

.nocolumnmargin {width: 50% !important; margin:0!important;}
.fusion-carousel .fusion-carousel-wrapper {padding: 0px !important;}
.fusion-image-carousel {margin-bottom:0px !important;}
.custom_read_more_clients {border:2px white solid !important; float: right; right: 30px;}
.custom_read_more_clients:hover {background:white !important; color:#002337 !important;}

.custom-height {
    overflow:hidden;
}

.displaymobile {display:none;}
.displaydesktop {display:block;}

.wpcf7-form .wpcf7-response-output {
    margin-top:100px;
}

/* Woocommerce */
.fusion-main-menu .fusion-main-menu-cart:hover>a:after {color:#fff!important;}

.post-type-archive-product .products {display:flex; flex-wrap:wrap;}
.post-type-archive-product .products .product {flex:0 0 100%; display:flex; flex-wrap:wrap; align-items:center; border-bottom:2px solid #d9e2ee;}
.post-type-archive-product .products .product .product-images .onsale {display:none;}
.post-type-archive-product .products .product .product-images .featured-image {overflow:hidden;}
.post-type-archive-product .products .product .product-images .featured-image img {transition:.3s;}
.post-type-archive-product .products .product .product-images:hover .featured-image img {transform:scale(1.1);}
.post-type-archive-product .products .product .fusion-product-content {flex:0 0 73%;}
.post-type-archive-product .products .product .fusion-product-content .product-title a {color:#002337; font-size:25px; font-weight:bold;}
.post-type-archive-product .products .product .fusion-product-content .product-title a:hover {color:#eb6a20;}
.post-type-archive-product .products .product .fusion-product-content .woocommerce-Price-amount {color:#4caf50; font-weight:900;}
.post-type-archive-product .products .product .fusion-product-content del .woocommerce-Price-amount {color:#002337; font-weight:500;}
.post-type-archive-product .products .product .fusion-product-content .fusion-content-sep {display:none;}
.post-type-archive-product .products .product .product-buttons .add_to_cart_button {border:2px solid #d9e2ee; padding:8px 25px; border-radius:5px; color:#002337; font-size:16px; font-weight:bold; max-width:999px; float:left; width:auto; transition:.3s;}
.post-type-archive-product .products .product .product-buttons .add_to_cart_button:before {content:"\f067"; font-family:"Font Awesome 5 Free"; font-weight:900; position:relative; float:left; margin-left:0; margin-right:10px; transition:.3s;}
.post-type-archive-product .products .product .product-buttons .add_to_cart_button:hover {border-color:#eb6a20;}
.post-type-archive-product .products .product .product-buttons .added_to_cart {display:none!important;}
.post-type-archive-product .products .product .product-buttons .show_details_button {background-color:#eb6a20; color:#fff; padding:10px 25px; border-radius:5px; font-size:16px; font-weight:bold; max-width:999px; float:left; width:auto; transition:.3s;}
.post-type-archive-product .products .product .product-buttons .show_details_button:before {content:"\f105"; font-family:"Font Awesome 5 Free"; font-weight:900; position:relative; float:left; margin-left:0; margin-right:10px; transition:.3s;}
.post-type-archive-product .products .product .product-buttons .show_details_button:hover {background:#002337;}

.single-product #sliders-container {height:350px; background-image:url("https://www.metalage.nl/wp-content/uploads/2017/09/image-slider-1.png"); background-size:cover; background-position:center center; background-repeat:no-repeat;}
.single-product #main {padding-bottom:50px!important;}
.single-product .product .onsale {display:none!important;}
.single-product .product .summary .product_title {color:#002337!important; font-size:25px!important; font-weight:bold!important;}
.single-product .product .summary .woocommerce-Price-amount {color:#4caf50; font-weight:900;}
.single-product .product .summary del .woocommerce-Price-amount {color:#002337; font-weight:500;}
.single-product .product .summary .product-border {border:none; border-bottom:2px solid #d9e2ee;}
.single-product .product .cart .single_add_to_cart_button {border:2px solid #d9e2ee; padding:8px 25px; border-radius:5px; color:#002337; font-size:16px; font-weight:bold; max-width:999px; float:left; width:auto; line-height:inherit; transition:.3s; font-family:VAGRoundedStd-Light; letter-spacing:0;}
.single-product .product .cart .single_add_to_cart_button:before {content:"\f067"; font-family:"Font Awesome 5 Free"; font-weight:900; position:relative; float:left; margin-left:0; margin-right:10px; transition:.3s;}
.single-product .product .cart .single_add_to_cart_button:hover {border-color:#eb6a20;}
.single-product .related.products .fusion-title {border-bottom:2px solid #d9e2ee; padding-bottom:10px;}
.single-product .related.products .fusion-title h2 {font-size:25px!important;}
.single-product .related.products .product .fusion-product-content .product-buttons {display:none!important;}
.single-product .related.products .product .woocommerce-Price-amount {color:#4caf50; font-weight:900;}
.single-product .related.products .product del .woocommerce-Price-amount {color:#002337; font-weight:500;}

.woocommerce-cart #sliders-container {height:350px; background-image:url("https://www.metalage.nl/wp-content/uploads/2017/09/image-slider-1.png"); background-size:cover; background-position:center center; background-repeat:no-repeat;}
.woocommerce-cart #main {padding-bottom:50px!important;}
.woocommerce-cart .woocommerce .cart_totals .fusion-update-cart {border:2px solid #d9e2ee; padding:8px 25px; border-radius:5px; color:#002337; font-size:16px; font-weight:bold; max-width:999px; float:left; width:auto; line-height:inherit; transition:.3s; font-family:VAGRoundedStd-Light; letter-spacing:0;}
.woocommerce-cart .woocommerce .cart_totals .fusion-update-cart:before {content:"\f2f1"; font-family:"Font Awesome 5 Free"; color:#002337; font-weight:900; position:relative; float:left; margin-left:0; margin-right:10px; transition:.3s;}
.woocommerce-cart .woocommerce .cart_totals .fusion-update-cart:hover {border-color:#eb6a20;}
.woocommerce-cart .woocommerce .cart_totals .checkout-button {background-color:#eb6a20; color:#fff; padding:10px 25px!important; border-radius:5px; font-size:16px!important; font-weight:bold; max-width:999px; float:left; width:auto; transition:.3s; font-family:VAGRoundedStd-Light; letter-spacing:0; line-height:inherit!important;}
.woocommerce-cart .woocommerce .cart_totals .checkout-button:before {content:"\f105"; color:#fff; font-family:"Font Awesome 5 Free"; font-weight:900; position:relative; float:left; margin-left:0; margin-right:10px; transition:.3s;}
.woocommerce-cart .woocommerce .cart_totals .checkout-button:hover {background:#002337;}

.woocommerce-checkout #sliders-container {height:350px; background-image:url("https://www.metalage.nl/wp-content/uploads/2017/09/image-slider-1.png"); background-size:cover; background-position:center center; background-repeat:no-repeat;}
.woocommerce-checkout #main {padding-bottom:50px!important;}
.woocommerce-checkout .woocommerce .avada-myaccount-user {display:none!important;}
.woocommerce-checkout .woocommerce #billing_address_2_field {display:none!important;}
.woocommerce-checkout .woocommerce .woocommerce-error li {display:none!important;}
.woocommerce-checkout .continue-checkout {border:2px solid #d9e2ee; padding:8px 25px; border-radius:5px; color:#002337; font-size:16px; font-weight:bold; max-width:999px; float:left; width:auto; line-height:inherit; transition:.3s; font-family:VAGRoundedStd-Light; letter-spacing:0;}
.woocommerce-checkout .continue-checkout:before {content:"\f105"; font-family:"Font Awesome 5 Free"; font-weight:900; position:relative; float:left; margin-left:0; margin-right:10px; transition:.3s; color:#002337;}
.woocommerce-checkout .continue-checkout:hover {border-color:#eb6a20; color:#002337;}
.woocommerce-checkout .continue-checkout:active {border-color:#eb6a20; color:#002337;}
.woocommerce-checkout .continue-checkout:focus {border-color:#eb6a20; color:#002337;}

.woocommerce-checkout #place_order {background-color:#eb6a20!important; color:#fff!important; padding:10px 25px!important; border-radius:5px!important; font-size:16px!important; font-weight:bold!important; max-width:999px!important; float:left!important; width:auto!important; transition:.3s!important; font-family:VAGRoundedStd-Light!important; letter-spacing:0!important; line-height:inherit!important;}
.woocommerce-checkout #place_order:before {content:"\f105"!important; color:#fff!important; font-family:"Font Awesome 5 Free"!important; font-weight:900!important; position:relative!important; float:left!important; margin-left:0!important; margin-right:10px!important; transition:.3s!important;}
.woocommerce-checkout #place_order:hover {background:#002337!important;}

@media only screen and (max-width: 1200px) {
	header.fusion-header-wrapper .fusion-header .custom-logo-wrapper .custom-logo-background {width:50px;}

@media only screen and (max-width: 1050px) {
	.homepage-image .fusion-button.button-1 .fusion-button-icon-divider { padding-right: 12px!important; }
	.homepage-image .fusion-button.button-2 .fusion-button-icon-divider { padding-right: 23px!important; }
}

@media only screen and (max-width: 900px) {
    header.fusion-header-wrapper .fusion-header .custom-menu-wrapper {box-shadow:none;}
    .fusion-secondary-header {display:none;}
    .fusion-header {margin-top:0px;}
    header.fusion-header-wrapper .fusion-header .custom-logo-wrapper .custom-logo-container .fusion-logo img {max-height:45px;}
    header.fusion-header-wrapper .fusion-header .custom-logo-wrapper {margin-bottom:0px;}
    .fusion-mobile-menu-icons a {position: absolute; float: right; top: -42px; right: -1px; font-size: 21px; margin-left: 20px; }
    .customh2 {font-size:30px !important;}
}
    
@media only screen and (max-width: 800px) {
	.single-product #sliders-container,
	.woocommerce-cart #sliders-container,
	.woocommerce-checkout #sliders-container {height:250px;}
	.post-type-archive-product .products .product .fusion-product-content {flex:0 0 100%; margin-top:25px;}
	.post-type-archive-product .products .product .product-buttons .add_to_cart_button {margin-bottom:10px;}
	.homepage-vision-container:after {width:100%;}
	.homepage-image .fusion-column-wrapper { margin-top: 0px!important; }
	.homepage-image img.img-responsive.wp-image-47 { width: 300px!important; }
	.fusion-footer section#text-3 { margin-top: 0px!important; }
	.text-column .fusion-column-wrapper { padding-left: 0px!important; }
    .custom-height {max-height:100%;}
    .displaymobile {display:block;}
    .displaydesktop {display:none;}
    .fusion-footer-widget-area {text-align:center;}
    .mobilefix {margin-top: 80px !important; text-align:center;}
   
}

@media only screen and (max-width: 360px) {
	.homepage-image .button-icon-divider-left, .button-icon-divider-right { padding-right: 15px!important; } 
}
@media only screen and (min-width: 1051px) {
	.homepage-image .fusion-button.button-2 .fusion-button-icon-divider { padding-right: 46px!important; }
}