/*
 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");
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,400i,700,700i,900,900i');
body, #top-header .container {font-weight: 400;}

/* Buttons */

/* Contact info */
#et-info {float: right;}
#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;}
.shiftnav #et-info { padding: 30px 0; color: #000; width: 100%; }
.shiftnav-inner #et-info-phone { text-align: center; width: 100%; display: block; }
.shiftnav-inner #et-info-email { text-align: center; width: 100%; display: block; }

/* Header */
#top-header .container {padding-top: 0;}
.logo_container {
	background-image: url("images/logo_bg.png");
    position: relative !important;
    width: auto !important;
    float: left !important;
	height: 192px !important;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 32px 43px;
	margin-bottom: -108px;
    z-index: 9999;
}

#et-info {
	float: right;
    padding: 29px 0;
}

.linkedin {margin-left: 10px;}
/* Hoofdmenu */

/* Shiftnav */
#shiftnav-toggle-main { background:#fff !important; color: #141a30 !important; }
#shiftnav-toggle-main-button { font-size: 35px; padding: 27px 10px !important; }
.shiftnav-main-toggle-content { padding: 12px !important; }
.shiftnav-main-toggle-content img { float: left; max-height: 65px; max-width: 80%; }

.shiftnav { z-index: 99999999 !important; }
.shiftnav-name { line-height: 0 !important; }
.shiftnav-inner { background-color: #fff !important; }
.shiftnav .shiftnav-menu-title a { color: #fff !important; }
.shiftnav .shiftnav-menu-image { text-align: center; }

.shiftnav ul.shiftnav-menu > li.menu-item:first-child > .shiftnav-target {border-top: 0 solid #e6342a!important;}
.shiftnav ul.shiftnav-menu > li.menu-item > .shiftnav-target {color: #000; background-color: #fff !important; border-top: 0 !important; border-bottom: 0 solid #e6342a!important;}
.shiftnav ul.shiftnav-menu > li.menu-item > .shiftnav-target:hover, .shiftnav ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target {color: #fff; background-color: #e6342a !important;}

.shiftnav .sub-menu li {border-bottom: 0 solid #e6342a!important;}
.shiftnav .sub-menu li a.shiftnav-target {color: #000;}
.shiftnav ul.sub-menu > li.menu-item > .shiftnav-target:hover, .shiftnav ul.sub-menu li.menu-item.current-menu-item > .shiftnav-target {color: #fff; background-color: #e6342a !important;}

.shiftnav-inner #et-info {float: left; width: 100%; display: block; text-align: center; padding: 20px 0;}
.shiftnav-inner #et-info-phone:before {content: "\f095" !important; font-family: "FontAwesome" !important; color: #e6342a;}
.shiftnav-inner #et-info-email:before {content: "\f1d8" !important; font-family: "FontAwesome" !important; color: #e6342a;}
.shiftnav-inner #et-info-phone {font-weight: 600; color: #000; width: 100%; float: left; margin-right: 0; margin-bottom: 5px; font-size: 16px !important;}
.shiftnav-inner #et-info-email {font-weight: 600; color: #000; width: 100%; float: left; margin-right: 0; font-size: 16px !important;}
.shiftnav-inner iframe {display: block;}

/* Slider */
.frontpageslider .subtitle {font-size: 22px;font-family: "Raleway"; text-align: center; color:#fff; text-transform: uppercase; font-weight: 600; text-shadow: 0px 0px 30px rgba(0, 1, 1, 1); letter-spacing: 3.5px; padding-bottom: 44px;}
.frontpageslider .title {font-family: "Merriweather"; font-size: 73px;  text-align: center; color:#fff; text-shadow: 0px 0px 30px rgba(0, 1, 1, 1); font-style: italic; font-weight: 600; text-transform: lowercase;}

.frontpageslider {
    padding: 223px 0 636px 0!important;
    background-size: cover!important;
    background-position: bottom center!important;
}


  

/* Content */
.home1 {
	margin-top: -415px;
}
.home1 h1 {
    text-transform: uppercase;
    font-weight: 600;
	letter-spacing: 3px;
	line-height: 1.3em;
}

.home1 h1:after {
    background-color: #545454;
    height: 2px;
    width: 43px;
    content: "";
    display: block;
    margin: 27px 0 8px 0;
}

.home1 .et_pb_row {
	background-color: #fff;
	padding-top: 0 !important;
}
.home1 .et_pb_text {
	padding: 86px 75px;
}
.home1 .et_pb_image {
	margin-top: -143px;
}

.home2 {
    padding: 322px 0 325px 0!important;
    margin-top: -250px;
}

.home2 p {color:#FFF; text-align: center; text-transform: uppercase; font-weight: 600; font-size: 15px; letter-spacing: 3px;}
.home2 h2 {font-size: 56px; text-align: center; font-family: "Merriweather"; font-style: italic;}

.contactgegevens {color:#fff; background: rgb(70,70,70)!important;;	background: linear-gradient(180deg, rgba(70,70,70,1) 0%, rgba(37,36,35,1) 100%) !important; padding: 20px 0; margin-top: 78px;}
.contactgegevens .straat:before {content:url("images/street.png"); vertical-align: middle;
    display: inline-block; padding-right: 25px;}
.contactgegevens .tel:before {content:url("images/tel2.png"); vertical-align: middle;
    display: inline-block; padding-right: 25px;}
.contactgegevens .email:before {content:url("images/mail2.png"); vertical-align: middle;
    display: inline-block; padding-right: 25px;}
.contactgegevens > div > div{width: 33%; float:left; text-align: center; vertical-align: middle;
	display: inline-block;}
	
	.samenwerken p{color:#b3a625; text-align: center; text-transform: uppercase; font-weight: 600; font-size: 15px; letter-spacing: 3px;}
	
	.home3 {    margin-top: -109px;B}
/* Grafity Forms opmaak V1 */
.gform_wrapper { margin: 0 !important; }
.gform_wrapper .gform_heading { margin: 0 !important; display: none;}
.gform_wrapper ul.gform_fields li.gfield { margin-top:0 !important; margin-bottom: 16px; }
.gform_wrapper ul.gform_fields li.gfield .gfield_label { display: none; }
.gform_wrapper ul.gform_fields li.gfield .ginput_container { margin: 0 !important; }
.gform_wrapper input[type=text], .gform_wrapper select, .gform_wrapper textarea {border: 1px solid #e2e2e2;background: #f7f7f7; padding: 15px !important; border-radius: 5px; display: block;}
.gform_wrapper input[type=text]:hover, .gform_wrapper select:hover, .gform_wrapper textarea:hover {border: 1px solid #ccc;}

.gform_wrapper .gform_footer { padding: 0 !important; margin: 0 !important; }
.gform_wrapper .button {padding: 10px 20px; cursor: pointer; border-radius: 5px; transition: 0.15s ease-in-out;color: #fff; border: 0; background: #304269;}
.gform_wrapper .button:hover {background: #304269; padding: 10px 40px 10px 20px; border: 0; }

	.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{padding-left: 15px;}
	.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{margin: 0 15px;}
	.gform_wrapper .validation_message{font-weight: 400 !important;}

/* Footer */
#footer-widgets .footer-widget li:before {content: none;}
#footer-widgets .footer-widget li {padding-left: 0;}

/*Responsive*/
@media only screen and (max-width: 1405px) {}
@media only screen and (max-width: 1100px) {
}
@media only screen and (max-width: 980px) {
	.logo_container {
		position: relative!important;
		text-align: center;
		float: none!important;
		padding: 25px 14px!important;
		margin-bottom: 0;

	}

	#logo {
		max-width: 100% !important;
		height: 100% !important;
		max-height: 100% !important;
	}
	.logo_helper {display: none!important;}

	.frontpageslider .title {
		font-size: 9.2vw;
	}
	.home1 .et_pb_image {
		margin-top: 0;
	}	

	.contactgegevens > div > div {width: 100%; text-align: left;
		padding: 13px;}

		.linkedin {margin-top: 20px; display: inline-block;}

}
@media only screen and (max-width: 767px) {
	#et-info {float: none; display: inline-block; width: 100%; float:none; }
	#et-info-email {font-size: 18px; float: left; width: 100%; margin-right: 0;}
	#et-info-phone {font-size: 18px; float: left; width: 100%; margin-bottom: 1em; margin-right: 0;}
	

	.home1 {
		margin-top: 0;
	}

	.frontpageslider {
		padding: 100px 0 180px 0!important;
	}

	.home1 .et_pb_text {
		padding: 0;
	}
}

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

	#et-info-email {font-size: 15px;}

}