/*
 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=Audiowide');
body, #top-header .container {font-weight: 400;}
h1,h2,h3,h4,h5,h6 {font-family: "Open Sans" !important; font-weight: 600;}
li {list-style-image: url("images/li.png")}

/* Buttons */
.et_pb_button {padding: 15px 30px;}
.et_pb_button:hover {padding: 15px 30px !important;}
.mk_button { font-size: 14px; background-color: #ec6638!important; color: white!important; border-width: 0px!important; border-radius: 50px; }

.et_pb_bg_layout_light.et_pb_button {background-color: #fff; color:#1b1c1d !important}
/* Contact info */
#et-info {float: right;}
#et-info-phone {position: relative; margin-left: 10px;}
#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: "tel" !important; font-size: 11px; font-family: "Ubuntu"!important; text-transform: uppercase; color:#ed6a36; font-weight:600; top:0px !important; }
#et-info-email:before {position: relative;margin-right: 5px; content: "mail" !important; font-size: 11px; font-family: "Ubuntu"!important; text-transform: uppercase; color:#ed6a36; font-weight:600; top:0px !important; }

/* Header */
/* .home .logo_container {display: none;} */
#main-header {font-family: "Open Sans"; background: #1a2637 !important; box-shadow: none!important; padding-top: 44px; padding-bottom: 20px; font-weight: 600;}
.ubermenu .ubermenu-target {padding-bottom: 15px!important; padding-top: 15px!important;}

.mainslider {display: inline-block;}

.hidden {display: none!important;}

/* Slider */
 
/* Content */
.home h6 {color: rgba(20, 28, 41, 0.25)!important; font-size: 18px; padding-bottom: 0 !important;}
.home3 h6 {color: rgba(255,255,255,0.55)!important;}
.home6 h6 {color: rgba(255,255,255,0.55)!important;}
.afnemers h3 {font-size: 25px !important;}
.home3 h2 {line-height: 1.4em !important;}
.home3 h2:before {content: url(images/button.png); position: absolute; right: 70px; top: 15%;}
.home3 .et_pb_button {    margin-top: 18%;}
.titleunderline h2:after {content: ""; width: 117px; height: 2px; background-color: #ec6639; display: block; margin-top: 32px; margin-bottom: 25px;}
.titleline-right h2:after {content: ""; height: 2px; width: 70%; margin-top: 19px; float: right; text-align: right; background-color: #ec6639; display: inline-block;}

.home3 {background-size: 50%!important;}
.home4 {background-size: 50%!important; background-position: left bottom!important}

.post-850 .et_pb_fullwidth_image img {margin-top:-94px;}
/* 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], .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;}
.gfield_label {display: none !important;}
input#gform_submit_button_1 {color: #fff; background: #ed6a36!important; border: none;}

.logo {margin-bottom: 40px !important;}
.gform_wrapper input, .gform_wrapper textarea {background-color:#e8e8e8 !important; padding: 15px !important;}

/* Footer */
#footer-widgets .footer-widget li:before {content: none;}
#footer-widgets .footer-widget li {padding-left: 0;}
.stickyfooter {position: fixed; bottom:0;   left: 0; width: 100%;}
.juridische_informatie a {margin-left:25px;}
.juridische_informatie {width:200px; float: left;}

/* color: rgb(239, 120, 43); */

#cookie-notice .cn-button { background: rgb(239, 120, 43); }

.socials { position: absolute; right: 15px; top: -33px; }
.socials .fb img { width: 30px; }
.socials .fb img:hover { opacity: 0.7; }


.et_pb_gallery_grid .et_pb_gallery_image { overflow: hidden; }


/*Responsive*/
@media only screen and (max-width: 1600px) {
	.home1 {background-position: bottom right -200px !important;}
}
@media only screen and (max-width: 1405px) {
	.home3 h2:before {right:0;}
}
@media only screen and (max-width: 1100px) {
}
@media only screen and (max-width: 980px) {
	.home4 {background-size: 0!important}
}
@media only screen and (max-width: 767px) {
.mainslider {margin-top: 0 !important;}
#main-header {    padding-top: 0;
    background: #1a2637!important;}

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

.ubermenu .ubermenu-target {
    padding-bottom: 15px!important;
    padding-top: 15px!important;
	text-align: center;
}
}

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

	.et_header_style_left .logo_container{position: relative; text-align: center; padding: 25px 0 15px 0;}
	.et_header_style_left #logo, .et_header_style_split #logo{max-width: 90% !important;}


}