/*
 Theme Name:     Mediakanjers
 Theme URI:      http://www.mediakanjers.nl
 Description:    Website ontworpen door Mediakanjers
 Author:         Mediakanjers
 Author URI:     http://www.mediakanjers.nl
 Template:       Divi
 Version:        1.0.0
*/

@import url("../Divi/style.css");

/* Algemeen */
body {font-weight: 400;}
h2 {font-size: 64px !important; padding-bottom: 38px;}
h5 { font-size: 35px !important; color:#E41E13 !important; text-transform: uppercase !important; padding-bottom: 4px;}

.et_pb_button {padding: 15px 30px 15px 15px !important; border-radius: 10px / 40px !important;}
.et_pb_button:hover {padding: 15px 40px 15px 25px !important; border-radius: 10px / 40px !important;}

.et_pb_button:after {top: 12px; padding-left: 5px;content: url(images/btnarrow.svg) !important;};

/* Header */
#top-header {position: relative; top: 0!important;}
#main-header {position: relative; top: 0!important;}
#logo {max-height: 100%;}
.logo_container {}

/* Telefoon & Adres */
#et-info {float: right; padding-top: 15px;}
#et-info-phone {position: relative;}
#et-info-email {position: relative;}
#et-info-email:hover, #et-info-phone:hover {-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0.7;}
#et-info-phone:before {position: relative;margin-right: 5px; content: "T." !important; font-family: "Ubuntu" !important; font-size: 12px; color: #e41e13; font-weight: 600; top:0}
#et-info-email:before {position: relative;margin-right: 5px; content: "E." !important; font-family: "Ubuntu" !important; font-size: 12px; color: #e41e13; font-weight: 600; top:0}

/* Hoofdmenu */
#et-top-navigation, #top-header .container {}
#main-header {-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;}

/* Menu Height */
.et_header_style_left #et-top-navigation {padding-top: 60px;}
.et_header_style_left #et-top-navigation nav > ul > li > a {padding-bottom: 60px;}

/* Slider */

/* Content */
.home0 {/*margin-top: -58px;*/ z-index: 99999;}
.home2 {background-image: -webkit-linear-gradient(top, #ebebeb, #fff);background-image: linear-gradient(to bottom, #ebebeb, #fff);}
.monteur {margin-top: -80px;}

.woocommerce .container{padding-top: 0 !important;}

/*Product Content Template*/
.single-product #main-content > .container {width: 100%;max-width: 100%; }
.single-product .row {position: relative; width: 80%; max-width: 1200px; margin: auto;}
.w100 {float: left;width: 100%;}
.w50 {float: left;width: 50%;}

.single-product #left-area {width: 100% !important; padding-right: 0 !important;}
#main-content .container:before {display: none;}

.product-header {background-image: url("images/product-title-bg.jpg"); padding: 50px 0;}
.product-header h1{ font-size: 37px; color:#fff;}

.product-breadcrumbs {background-color: #F8F8F8; margin-bottom: 35px;}

.woocommerce .woocommerce-breadcrumb {font-size: 15px; margin: 0;padding: 13px; color: #1d1b58;}
.woocommerce .woocommerce-breadcrumb a {color: #1d1b58;}
.woocommerce .woocommerce-breadcrumb img {position: relative;top: -2px; padding: 0 5px; }

.product-right {padding-left: 30px;}
.product-image .woocommerce-main-image {margin-bottom: 20px; position: relative;}
.product-image .woocommerce-main-image::after {content: url("images/imagemark.png"); position: absolute; right:18px; top:18px;}
.product-image .images {width: 100% !important;}
.product-image .images a {float: left; border: 1px solid #bbbacd; max-width: 100%;}
.product-tabs {border-bottom: 1px solid #888;}

.tab {font-size: 15px; font-weight: 600; float: left; padding: 10px; cursor: pointer; text-transform: uppercase; background-color: #dcdcdc;}
.tab.active {border: 1px solid #888; border-bottom: none; background-color: #fff;}

.product-body, .product-specs {padding-top: 15px; padding-left: 15px; padding-bottom: 30px;}

.product-btn {cursor:pointer; font-size: 15px; font-weight: bold; max-width: 250px; margin-left: 15px; padding: 15px; text-transform: uppercase; color: rgb(228, 30, 19); transition: 0.3s all ease-out}

.product-datasheet {}

.btn-active {color: rgb(255, 255, 255); border-radius: 10px / 40px !important;background-color: #1d1b58; }
.product-btn:after { left: 20px; position: relative; display:inline-block; transition: 0.3s all ease-out}
.product-datasheet:after {content:url("images/btnarrow.svg");}
.product-vraag:after {content:url("images/btnarrow.svg");}
.btn-active::after {transform: rotate(90deg);}

/*Categorie Archive & Product Archive Template*/
.product-categorie {float: left; width: 32%; margin-right: 2%; margin-bottom: 30px;border: 1px solid #bbbacd;}
.product-categorie:nth-child(3n) {margin-right: 0;}

.cat-image {position: relative; float: left; width: 100%;height: 490px; }
.cat-image::after {position: absolute; top: 18px;right: 18px; content: url("images/imagemark.png");}
.cat-image img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; max-width: 95%; height: auto;max-height: 95%; margin: auto; }
.cat-info {float: left;width: 100%;}
.cat-title {float: left; width: 60%; background-color: #1d1b58; line-height: 23px; height: 79px; position: relative;}
.cat-title a {font-size: 19px; font-weight: 600;  color: #fff; position: absolute; top: 50%; transform: translateY(-50%); padding: 26px 10px 26px 22px; width: 100%; word-wrap: break-word;}
.cat-subtitle {float: left; width: 40%; text-align: center; background-color: #e41e13; line-height: 23px; height: 79px;}
.cat-subtitle a {font-size: 14px; font-weight: 600;  color: #fff; padding: 28px; display: block;}

/*Frontpage Prodcut View */
.product-fp {float: left; width: 30.666%; margin-right: 4%; margin-bottom: 30px;border: 1px solid #bbbacd;}
.product-fp:nth-child(3n) {margin-right: 0;}
.fp-image {position: relative; float: left; width: 100%; height: 320px; }
.fp-image::after {position: absolute; top: 18px;right: 18px; content: url("images/imagemark.png");}
.fp-image img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; max-width: 95%; height: auto;max-height: 95%; margin: auto; }
.fp-info {float: left;width: 100%;}
.fp-title {float: left; width: 60%; background-color: #1d1b58; line-height: 23px; height: 79px; position: relative;}
.fp-title a {text-align: left; display: block; font-size: 19px; font-weight: 600;  color: #fff; position: relative; top: 50%; transform: translateY(-50%); padding: 26px 10px 26px 22px; width: 100%; word-wrap: break-word;}
.fp-subtitle {float: left; width: 40%; text-align: center; background-color: #e41e13; line-height: 23px; height: 79px;}
.fp-subtitle a {font-size: 14px; font-weight: 600;  color: #fff; padding: 28px; display: block;}


/* Grafity Forms opmaak */
.gform_wrapper .button {padding: 8px; cursor: pointer; transition: 0.15s ease-in-out;color: #fff; border: 1px solid #000; background: #2f334f;}
.gform_wrapper .button:hover {background: #2f334f;}
.gform_wrapper input[type=text] {border: 1px solid #e2e2e2;background: #f7f7f7;}
.gform_wrapper select {border: 1px solid #e2e2e2;background: #f7f7f7;}
.gform_wrapper textarea {border: 1px solid #e2e2e2;background: #f7f7f7;}

.gform_wrapper input[type=text]:hover {border: 1px solid #ccc;}
.gform_wrapper select:hover {border: 1px solid #ccc;}
.gform_wrapper textarea:hover {border: 1px solid #ccc;}

/* Footer */
#footer-widgets .footer-widget li:before {content: none;}
#footer-widgets .footer-widget li {padding-left: 0;}
#footer-widgets {background-image: url("images/footerbg.png"); background-repeat: no-repeat; background-position: right center; -webkit-background-size: auto;
background-size: auto;}

@media only screen and (max-width: 1200px) {
	.monteur {margin-top: 0;}
	.product-categorie {width: 48%;
    margin-right: 2%;}
}

@media only screen and (max-width: 1100px) {

}

@media only screen and (max-width: 980px) {
	.mobile_menu_bar:after {font-size: 16px; position: relative; bottom: 9px; padding-left: 4px; content: "Menu"; color: #1d1b58!important;}
	.mobile_menu_bar:before {color: #1d1b58 !important;}
	.home0 {margin-top: 0; z-index: 1;}
	.logo_container { top: 0;}
	.monteur {margin-top: 0;}
	.home2 .et_pb_column .et_pb_row_inner {padding: 0 !important;}
#logo {max-width: 70% !important;}
.cat-subtitle a{padding: 28px 10px;}
.product-fp {width: 100%;
    margin-right: 0;}
}

@media only screen and (max-width: 767px) {
h5 {font-size: 32px !important;}
h2 {font-size: 50px !important;}

#et-info {display: inline-block; float: none; width: 100%; padding-top: 20px; padding-bottom: 20px;}
#et-info-email {font-size: 20px; float: left; width: 100%;}
#et-info-phone {font-size: 20px; float: left; width: 100%; margin-bottom: 1em;}
#et-top-navigation {box-sizing: border-box; width: 100%; margin: 0 !important; padding: 20px 0 !important;padding-left: 0 !important; text-align: center;}
#et_mobile_nav_menu {float: none;}
.mobile_menu_bar {padding: 10px !important;background-color: #1d1b58;}
.mobile_menu_bar:after {font-size: 16px; position: relative; bottom: 9px; padding-left: 4px; content: "Menu"; color: #fff!important;}
.mobile_menu_bar:before {color: #fff !important;}
.et_mobile_menu {position: relative; top: 0; width: 100%;}
#logo {max-width: 98%!important;}
.logo_container {position: relative!important; padding: 10px 0;text-align: center;}

.product-categorie {width: 100%;}
.w50 {width: 100%;}
}

@media only screen and (max-width: 479px) {
	h2 {font-size: 33px !important;}
	h5 {font-size: 21px !important;}
}


	/* Content */}