/*
 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");
body, #top-header .container {font-weight: 400; line-height: 25px; font-family: "Open Sans"}


#cookie-notice .cn-button { color: #fff; padding: 2px 7px; border-radius: 5px; background-color: #44a3c1; transition: 200ms; }
#cookie-notice .cn-button:hover { background-color: #fff; color: #44a3c1; }

h1 { font-weight: 900 !important; text-transform: uppercase; padding-bottom: 25px; }

.entry-content a { color: #44a3c1; }
.entry-content a:hover { color: #c24545; }

/* Buttons */
.et_pb_button { padding: 20px 50px 20px 30px !important; font-size: 17px !important; line-height: 25px !important;     text-shadow: 1px 1px 2px #000; border:none !important; border-radius: 0px !important; background: #44a3c1 !important; color: #fff !important; text-transform: uppercase !important;  }
.et_pb_button:hover { padding: 20px 50px 20px 30px !important; background-color: #133c46 !important; color: #fff !important;  }
.et_pb_button:after { line-height: 25px; opacity: 1; margin-left: 0; }

/* Contact info */
#et-info {float: right; font-weight: 600; padding-top: 5px;}
#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: url("images/tel.png") !important;}
#et-info-email:before {position: relative;margin-right: 5px; content: url("images/mail.png") !important;}

/* Header */
.logo_container { height: calc(100% + 30px) !important; margin-top: -30px; width: auto !important; }
#logo { margin-top: -22px; max-height: 110% !important; }
#main-header {box-shadow: none;}
#top-header { padding-bottom: 8px;}
#top-header #et-info a {font-size: 15px; color: #000;}
#top-header #et-info-phone { margin-right: 0; }
#top-header #et-info-phone:before {display: none;}
#direct-contact { font-size: 15px; color: #000; float: left; padding-right: 5px; }
#direct-contact span {color:#44a3c1;}
/*.header-lijn { background: url("images/slidertopbar.png") no-repeat; top: 20px width: 100%; height: 22px; position: relative; ; margin-left: -300px} */
.header-lijn img { float: left; right: 64%; position: absolute; margin-top: 12px; }
.container.et_menu_container { margin-bottom: -22px; }

/* Hoofdmenu */
.ubermenu-nav li a { font-weight: 800 !important; }
.ubermenu-nav li:last-child a { padding-right: 0; }
.ubermenu-responsive-toggle { color: #000; font-weight: 800 }
.ubermenu-target { font-weight: 800 !important; }

#main-header .ubermenu .ubermenu-submenu .ubermenu-target { color: #000; font-weight: 800 }
#main-header .ubermenu .ubermenu-submenu .ubermenu-target:hover {  color: rgb(68, 163, 193);}

/* Sticky header */
.is-sticky .logo_container { height: calc(100% + 15px) !important; margin-top: -14px; }
.is-sticky #top-header { padding-bottom: 0; }
.is-sticky #et-info { padding-bottom: 0; }


/* Slider */
.slider-titel1 {font-size: 47px !important; line-height: 52px !important;}
.silder-titel2 {font-size: 77px !important; line-height: 80px !important;}
.slider-text { font-size: 20px !important; line-height: 26px !important; text-shadow: 1px 1px 2px #000;}

/* Content */
.et_pb_section .et_pb_row { z-index: 10; }
.bottomleft {background: url("images/achtergrond-opmaat.png") no-repeat;  position: absolute;z-index: 9;margin-top: -600px; height: 600px; width: 100%; opacity: 0.8;}
.topright {background: url("images/topright.png") no-repeat; position: absolute;z-index: 9; margin-top: -208px; right: 0%; height: 830px;width: 290px; opacity: 0.8;}
.kleinere-kop {font-size: 47px; display: block; line-height: 44px;}
.main_title { margin: 0; }
#breadcrumbs {margin-bottom: 20px;}
#breadcrumbs a { color: #44a3c1; }

#defaultpage #left-area { width: 100%; padding-right: 0px; padding-bottom: 40px;  }
#defaultpage.container:before { display: none; }

.prijslijstimg img { max-height: 500px; }

/* Productpagina */
.productcategorie {display:block; transition: 300ms; background-color:#d9eef8; color:#44a3c1; font-weight:800; font-size:22px; text-transform:uppercase; padding:27px 20px; line-height: 1.4em; cursor:pointer;}
.productcategorie.active {background-color: #44a3c1; color: #fff;}
.productcategorie.active .cat-nr {color: #44a3c1; background: #fff;}

.productcategorie-menu { display: grid; gap: 0px; grid-template-columns: repeat(3, 1fr);  }
.productcategorie-menu .productcategorie { position: relative; }
.productcategorie-menu .productcategorie img { bottom: 0; right: auto; left: calc( 50% - 11.5px ); }

/*#pcm-1.productcategorie { color: #c24545; background: #f8dada; }
#pcm-2.productcategorie { color: #44a3c1; }
#pcm-3.productcategorie { color: #e39840; background: #f8e8da; }*/

#pcm-1.productcategorie.active { background: #c24545; color: #fff;}
#pcm-2.productcategorie.active { background: #44a3c1; color: #fff;}
#pcm-3.productcategorie.active { background: #f59c08; color: #fff;}

.Mechanisch.product-wrap { border:2px solid #c24545; }
.Mechanisch.product-wrap .documents { background-image: url("images/linekaderred.png"); background-repeat: no-repeat; background-color: #eee; background-position: bottom center; }
/* .Mechanisch.product-wrap .documents ul { height: 85px;} */

.Chemisch.product-wrap { border:2px solid #44a3c1; }
.Chemisch.product-wrap .documents { background-image: url("images/linekaderblue.png"); background-repeat: no-repeat; background-color: #eee; background-position: bottom center; }
/* .Chemisch.product-wrap .documents ul { height: 85px;} */

.bevestiging.product-wrap { border:2px solid #e39840; }
.bevestiging.product-wrap .documents { background-image: url("images/linekaderorange.png"); background-repeat: no-repeat; background-color: #eee; background-position: bottom center; }
/* .bevestiging.product-wrap .documents ul {height: 85px;} */

.productcategorie img { position: absolute;height: 30px;right: 0;opacity: 0;transition: 300ms; transform:  translateY(0%) rotateZ(90deg);}

.productcategorie.active img {opacity: 1;transform:  translateY(90%) rotateZ(90deg);} 

.productcategorie .cat-nr {color: #fff;background: #44a3c1;width: 33px;height: 33px; display: inline-block;text-align: center;margin-right: 16px;}


.producten_overzicht .et_pb_column { width: 100%; }
.producten_overzicht { display: grid; gap: 50px; grid-template-columns: repeat(1, 1fr); }

.categorie-wrap { display: grid; gap: 10px; grid-template-columns: repeat(1, 1fr); }
.categorie-wrap .kolom { display: grid; gap: 10px; grid-template-columns: repeat(3, 1fr); }

.categorie-wrap.mobileindi .kolom { grid-template-columns: repeat(2, 1fr); }

.product-wrap {border: 3px solid #44a3c1; width: 100%; opacity: 0; transition: 200ms ease-in-out; }
.product-wrap:nth-child(2n) {margin-right: 0%;}

.categorie-wrap .kolom .product-wrap { opacity: 1; }

.product-wrap .image {margin-bottom: 20px; max-height: 85px; min-height: 85px;}
.product-wrap .image img { max-height: 85px; width: auto; max-width: 100%; }

.documents ul {padding: 0 0 0 20px!important; }
.documents ul li{list-style-type: square;}

.document a { font-size: 14px; color: #133c46;}
.document a:hover { color: #44a3c1; }
#mechanisch .document a:hover { color: #c24545; }
#lichte-bevestiging .document a:hover { color: #f59c08; }

.document img { height: 14px; float: right; position: relative; top: 5px; }

.product-wrap .title {font-size:14px; font-weight:800; text-transform:uppercase; color:#133c46; text-align:center; margin-bottom:25px; padding: 20px 20px 0 20px;}
.product-wrap .image {text-align:center; padding: 0 20px;}
.product-wrap .documents { background: #eee; padding: 20px 20px 30px 20px; }

/* Grafity Forms opmaak */
.gform_wrapper .button {padding: 8px; cursor: pointer; transition: 0.15s ease-in-out;color: #fff; border: 0px solid #000; background: #44a3c1;}
.gform_wrapper .button:hover {background: #133c46;}
.gform_wrapper .button:after { line-height: 25px; opacity: 1; }
.gform_wrapper input[type=text], .gform_wrapper select, .gform_wrapper textarea {border: 1px solid #e2e2e2;background: #f7f7f7;}
.gform_wrapper input[type=text]:hover, .gform_wrapper select:hover, .gform_wrapper textarea:hover {border: 1px solid #ccc;}
body .gform_wrapper ul li.gfield, .gform_heading, .gform_wrapper, .gform_wrapper span.gform_description, .gform_wrapper .gform_heading { margin: 0 !important; }

/* Footer */
#footer-widgets { padding: 30px 0 0 0; }
.footer-widget { margin-bottom: 30px !important; }
#footer-widgets .footer-widget li:before {content: none;}
#footer-widgets .footer-widget li {padding-left: 0;}
.footer-widget .widget_text {width: 100%; margin-bottom: 30px !important;}
.footer-widget .widget_text h4 { font-size: 34px; color: #fff; font-weight: 800; padding-bottom: 25px; }
.footer-widget .textwidget p { padding: 0; }
.footer-widget .textwidget span { width: 50%; float: left; }

/*Responsive*/
@media only screen and (max-width: 1800px) {
	.topright {margin-top: -208px; width: 260px;}
}
@media only screen and (max-width: 1600px) {
	.topright {margin-top: -208px; width: 160px;}
	.bottomleft {margin-top: -560px; height: 560px; }
}
@media only screen and (max-width: 1405px) {
	.topright {margin-top: -208px; width: 125px;}
	.bottomleft {margin-top: -420px; height: 420px;}

}
@media only screen and (max-width: 1305px) { 
	.header-lijn img {  right: 0; left: -550px; }
}
@media only screen and (max-width: 1100px) { 
	.topright {margin-top: -208px; width: 95px;}
	.bottomleft {margin-top: -350px; height: 350px;}

	.tp-static-layers { position: inherit; }
	.slider-titel1 {font-size: 36px !important; line-height: 44px !important;     padding-left: 10% !important;}
	.silder-titel2 {font-size: 70px !important; line-height: 76px !important;     padding-left: 10% !important;}
	.slider-text { font-size: 18px !important; line-height: 22px !important;     padding-left: 10% !important;;}
	.slider-lijn {    padding-left: 10% !important;}
	.slider-button {      padding-left: 10% !important;}

	.ubermenu-nav li:last-child a { padding: 15px 20px; }

	#logo { max-height: 100% !important; margin-top: -30px; }
	.ubermenu-responsive-toggle {position: relative !important;float: right; padding: 15px 0px 15px 20px !important;}
	.ubermenu-nav {position: absolute !important; width: 100% !important;}
	.ubermenu.ubermenu-main .ubermenu-nav { background: #44a3c1; }
	.ubermenu.ubermenu-main .ubermenu-nav li a { float: right; }
	.ubermenu.ubermenu-main .ubermenu-nav li:hover, .ubermenu.ubermenu-main .ubermenu-nav li.ubermenu-current_page_item a {color: #fff;}
	.ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {color: #fff !important;}
	.ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {width: 100%; text-align: right;}

	.product-wrap .documents { padding: 20px 10px 30px; }
	.product-wrap .document a { font-size: 13px; }
}
@media only screen and (max-width: 980px) {
	.et_header_style_left #logo, .et_header_style_split #logo { max-width: 100% !important; }
	.ubermenu-responsive-toggle {position: relative !important;float: right;}
	.ubermenu-nav {position: absolute !important; width: 100% !important;}

	.bottomleft, .topright {display: none;}

	.ubermenu.ubermenu-main .ubermenu-nav { background: #44a3c1; margin-top: 0; }
	.ubermenu.ubermenu-main .ubermenu-nav li a { float: right; }
	.ubermenu.ubermenu-main .ubermenu-nav li:hover, .ubermenu.ubermenu-main .ubermenu-nav li.ubermenu-current_page_item a {color: #fff;}
	.ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {color: #fff !important;}
	.ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {width: 100%; text-align: right;}

	.header-lijn { display: none; }

	#logo { max-height: 78px; }
	#et-info { padding-top: 14px; }
	
	.slider-titel1 {font-size: 28px !important; line-height: 34px !important;}
	.silder-titel2 {font-size: 50px !important; line-height: 56px !important;}
	.slider-text { font-size: 15px !important; line-height: 20px !important; }

	.productcategorie img { display: none; }
	.productcategorie-menu { grid-template-columns: repeat(1, 1fr); }
	.producten_overzicht { gap: 0px; }

	/* .categorie-wrap { grid-template-columns: repeat(2, 1fr); } */

	#footer-widgets { padding:30px 0; }
}
@media only screen and (max-width: 767px) {
	#et-info { padding-top: 20px; }
	#et-info-email {font-size: 18px; float: left; width: 100%; margin-right: 0;}
	#et-info-phone {}
	.logo_container {position: relative!important; text-align: center; padding: 25px 0 !important;}
	#logo{max-width: 100% !important;     max-height: 54%;}
	span.logo_helper {display: none;}

	.ubermenu-responsive-toggle {float: none; margin: 0 !important; padding-right: 20px;}
	.ubermenu-nav {position: relative !important;}

	.logo_container {margin:0;}

	.ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target { text-align: center;}

	.slider-titel1 {font-size: 26px !important; line-height: 26px !important; }
	.silder-titel2 {font-size: 40px !important; line-height: 40px !important; }
	.slider-lijn {     margin-top: 2%; }
	.slider-button {     margin-top: -5%; }
	.slider-text { display: none !important; }
	.tp-parallax-wrap img { margin-top: 15px !important; }

	.product-wrap { width: 100%; margin-right: 0; }
	.product-wrap .image { min-height: inherit; }
	.documents ul {height: auto;}

	.ubermenu-responsive-toggle { padding: 15px 15px 15px 20px !important; }
}

@media only screen and (max-width: 620px) {
	.slider-titel1 {font-size: 26px !important; line-height: 26px !important;}
	.silder-titel2 {font-size: 40px !important; line-height: 40px !important;}
	.slider-lijn {}
	.slider-button { }

	.categorie-wrap { grid-template-columns: repeat(1, 1fr); }
	.categorie-wrap .kolom { grid-template-columns: repeat(1, 1fr) !important; }
	.product-wrap .documents { height: auto !important; }
}


@media only screen and (max-width: 479px) {
	.slider-titel1 {font-size: 18px !important; line-height: 22px !important;}
	.silder-titel2 {font-size: 26px !important; line-height: 34px !important;}
	.slider-lijn {}
	.tp-parallax-wrap .et_pb_button { padding: 15px 40px 15px 20px !important; font-size: 15px !important; }

	h1 {font-size: 12vw !important;}
	h1.entry-title { font-size: 30px !important; }
	.kleinere-kop { font-size: 7vw; line-height: 25px; }
}

@media only screen and (max-width: 400px) {
	.tp-parallax-wrap .et_pb_button { padding: 14px 35px 14px 15px !important; font-size: 14px !important; }
}


/*Sponsor Slider*/
.leveranciers-logo-wrapper {padding: 0 35px;  text-align: center; }
.owl-stage {display: flex; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox;  display: -ms-flexbox;}
.owl-carousel .owl-item img { max-width: 200px; display: inline-block !important; }


.owl-carousel{
    display: flex !important;  
    flex-direction: row;   
    justify-content: center; 
}



.sliderheader { padding: 100px 0 !important; }
.sliderheader .et_pb_row { width: 90% !important; }
.sliderheader .et_pb_text_inner { color: rgb(217, 238, 248); font-size: 19px; line-height: 25px; font-weight: 300; text-shadow: 1px 1px 0px #000; }

.sliderheader .et_pb_column:nth-child(1)  {width: 60%; margin: 0 !important; }
.sliderheader .et_pb_column:nth-child(2)  {width: 40%; margin: 0 !important; }


.sliderheader h1 { font-size: 46px; line-height: 54px; font-weight: 800; color: rgb(255, 255, 255); letter-spacing: 0px; font-family: Open Sans; }
.sliderheader h1 strong { display: block; font-size: 75px; line-height: 78px; font-weight: 800; color: rgb(217, 238, 248); letter-spacing: 0px; font-family: Open Sans; }
.sliderheader h1:after { content: ""; display: block; width: 90px; height: 15px; background-color: #fff; margin-top: 20px; }

.et_pb_slider .et_pb_slide { height: auto; padding: 0; background-color: transparent !important; }
.et_pb_slider .et_pb_slide .et_pb_slide_image { margin-top: 0px !important; display: block !important; }
.et_pb_slider .et_pb_slide .et_pb_container { height: auto !important; }
.et_pb_slider .et_pb_slide .et_pb_slide_description { padding: 0px !important; display: none !important; }
.et_pb_slider .et_pb_slide  .et_pb_slide_image img { max-height: 400px !important; }


@media only screen and (max-width: 1250px) {
	
	.sliderheader h1 { font-size: 4.3vw !important; line-height: 1em; }
	.sliderheader h1 strong { font-size: 6.2vw !important; line-height: 1em; }
	
}


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

	.sliderheader .et_pb_text_inner p { display: none; }
	.sliderheader h1 { padding-bottom: 0px !important; }
	.sliderheader h1::after { width: 10vw; height: 1.2vw; }
}

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

	.sliderheader { padding: 50px 0 !important; }
	.sliderheader h1 { font-size: 6vw !important; line-height: 1em; }
	.sliderheader h1 strong { font-size: 9.2vw !important; line-height: 1em; }
	.sliderheader .et_pb_column:nth-child(1) { margin-bottom: 30px !important; }
}