/*
 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 {font-family: "Asap", sans-serif;}
h6 {color:#b6b6b6 !important; font-size: 24px !important; font-style: italic !important; font-weight: 400 !important;}
/* Buttons */
.et_pb_button {    padding: 0.6em 1em!important; }
.et_pb_button:hover {padding: 0.6em 2em 0.6em 1em!important; }
/* Header */
#top-header {position: relative; top: 0!important; border-top: 10px solid #16617b;}
#main-header {position: relative; top: 0!important; font-family: "Asap", sans-serif;}
#logo {max-height: 100%;}
.topleft {position: absolute; top: 0; left: 0;}
.topright {position: absolute; top: 0; right: 0;}

.intakebtn {transition: 0.3s all ease-in-out; position: absolute; top: -10px; right: 0; text-align: center;border: 6px solid #fff; background-color: #ff4403; border-radius: 50%; width: 205px; height: 205px; padding-top: 9%; top: -101px; right: -32px;}
.intakebtn .zin1 {font-weight: 600; font-style: italic; font-size: 35px; text-transform: uppercase; padding-bottom: 10px;}
.intakebtn .zin2 {font-weight: 600; font-style: italic; font-size: 17.82px; padding-bottom: 10px;}
.intakebtn .zin3 {font-weight: 400; font-style: italic; font-size: 17px;}

.intakebtn:hover {background-color: #16617B; top: -100px;transform: scale(1.1);}

.clickbox {position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%;}

/* Telefoon & Adres */
#et-info {float: right; font-family: "Asap", sans-serif; padding-right: 16.8%; padding-bottom: 23px; font-style: italic;}
#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-email:before {position: relative; top: 6px;margin-right: 13px; content: url("images/mail.svg") !important;}
#et-info-phone:before {position: relative; top: 6px;margin-right: 13px; content: url("images/tel.svg") !important;}
.et-info-txt {  padding-right: 12px;}

/* Hoofdmenu */
#top-header .container {font-weight: 400!important;}
#top-header .container {padding-top: 0.55em;}

/* Menu Height */
.et_header_style_left #et-top-navigation {padding-top: 88px; -webkit-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;}
.et_header_style_left #et-top-navigation nav > ul > li > a {padding-bottom: 78px; -webkit-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;}


.sticky #et-top-navigation {padding-top: 40px;}
.sticky #et-top-navigation nav > ul > li > a {padding-bottom: 40px;}
.sticky #logo {max-height: 55%;}
/* Slider */

/* Content */
.checklist li {margin-right: 23px; display: inline; font-size: 20px; }
.checklist li:before {content:url("images/check.png"); margin-right: 12px;}

.checklist-orange li{list-style-image: url("images/check-o.png");}

.home2 .et_pb_column:last-child {background-position-x: 10px; margin-top: 71px; margin-top: 35px; padding-top: 82px; padding-left: 91px;background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}

.home2 ul li {list-style-type: none; font-size: 30px; color:#16617b;  font-weight: 600; margin-bottom: 16px;}
.home2 ul li:nth-child(1)::before {font-size: 18px; position: relative; bottom: 5px; display: inline-block; width: 26px; height: 26px; margin-right: 12px; padding: 3px;content: "1 "; text-align: center; color: #fff; border-radius: 50%; background: #3fc0ee;}
.home2 ul li:nth-child(2)::before {font-size: 18px; position: relative; bottom: 5px; display: inline-block; width: 26px; height: 26px; margin-right: 12px; padding: 3px;content: "2 "; text-align: center; color: #fff; border-radius: 50%; background: #3fc0ee;}
.home2 ul li:nth-child(3)::before {font-size: 18px; position: relative; bottom: 5px; display: inline-block; width: 26px; height: 26px; margin-right: 12px; padding: 3px;content: "3 "; text-align: center; color: #fff; border-radius: 50%; background: #3fc0ee;}
.home2 ul li:nth-child(4)::before {font-size: 18px; position: relative; bottom: 5px; display: inline-block; width: 26px; height: 26px; margin-right: 12px; padding: 3px;content: "4 "; text-align: center; color: #fff; border-radius: 50%; background: #3fc0ee;}

.home3 h2 {font-size: 26px; font-style: italic; font-weight: 400; line-height: 32px;}
.home4 .gfield_label {display: none!important;}

.rev_slider .button {font-family: "Asap"; cursor: pointer; font-size: 18px; border: 3px solid #fff !important; border-radius: 50px; color: #fff; background-color: transparent;     padding: 0.6em 1em!important; font-size: 18px !important;}
/* Grafity Forms opmaak */
.gform_wrapper .button {font-family: "Asap"; cursor: pointer; font-size: 18px; border: 3px solid #3FC0EE !important; border-radius: 50px; color: #3FC0EE; background-color: transparent;     padding: 0.6em 1em!important; font-size: 18px !important;}
.gform_wrapper .button:hover {}
.gform_wrapper input[type=text] {border:none; background: #f4f4f4; border-radius: 5px;     padding: 24px 22px !important;}
.gform_wrapper select {border:none; background: #f4f4f4; border-radius: 5px;     padding: 24px 22px !important;}
.gform_wrapper textarea {border:none; background: #f4f4f4; border-radius: 5px;     padding: 24px 22px !important;}



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

/* Large screens (1406px upwards) */
@media only screen and (min-width: 1406px) and (max-width:1800px) {
.topleft {left: -205px;}
.topright {display: none;}
}

/* Laptops and desktops (1101-1405px) */
@media only screen and (min-width: 1101px) and (max-width: 1405px) {
	.intakebtn, .topleft,.topright {display: none;}
	.checklist li {font-size: 18px; float: left; width: 100%; margin-right: 0;}
	.home3 .et_pb_row {margin-bottom: 0; padding-bottom: 22px;}
	.home2 .et_pb_column:last-child {padding-left: 10px;}
}

/* Tablets in landscape mode (981px-1100px) */
@media only screen and (min-width: 981px) and (max-width: 1100px) {
.intakebtn, .topleft {display: none;}
.checklist li {font-size: 18px; float: left; width: 100%; margin-right: 0;}
.home3 .et_pb_row {margin-bottom: 0; padding-bottom: 22px;}
.home2 .et_pb_column:last-child {padding-left: 10px;}

}

/* Tablets in portrait mode (768-980px) */
@media only screen and (min-width: 768px) and (max-width: 980px) {
.intakebtn, .topleft, .topright {display: none;}
.mobile_menu_bar:after {font-size: 16px; position: relative; bottom: 9px; padding-left: 4px; content: "Menu"; color: #3fc0ed!important;}
.mobile_menu_bar:before {color: #3fc0ed !important;}
.home3 .et_pb_column_3 {width: 100%!important; margin-top: -125px;margin-right: 0!important;}
.home3 .et_pb_row {margin-bottom: 0;}
.checklist li {font-size: 18px; float: left; width: 100%; margin-right: 0;}

}

/* Smartphones in landscape mode (480-767px) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	/* Standaard */
	#et-info-email {font-size: 20px; float: left; width: 100%;}
#et-info-phone {font-size: 20px; float: left; width: 100%; margin-bottom: 0.5em;}
#et-top-navigation {box-sizing: border-box; width: 100%; margin: 0 !important; padding-top: 40px!important;padding-left: 0 !important; text-align: center;}
#et_mobile_nav_menu {float: none;}
.mobile_menu_bar:after {font-size: 16px; position: relative; bottom: 9px; padding-left: 4px; content: "Menu"; color: #3fc0ed!important;}
.mobile_menu_bar:before {color: #3fc0ed !important;}
.et_mobile_menu {position: relative; top: 0; width: 100%;}
#logo {max-width: 98%!important; margin-top: 40px;}
.logo_container {position: relative!important; text-align: center;}

	/* Content */
.intakebtn, .topleft, .topright {display: none;}
#et-info {float: none;overflow: hidden; padding-right: 0;}
.et-info-txt {display: block;margin-bottom: 10px; padding-right: 0;}
.checklist {text-align: left;}
.checklist li {font-size: 18px; float: left; width: 100%; margin-right: 0;}
.home2 .et_pb_column:last-child {margin-top: 0; padding-top: 30px; padding-left: 0; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.home2 ul li {font-size: 21px; margin-bottom: 9px;}
.home3 .et_pb_row {margin-bottom: 0;}
.home3 .et_pb_column_3 {width: 100%!important; margin-top: -125px;margin-right: 0!important;}
.home3 h2 {font-size: 19px; line-height: 1.7em;}
}

/* Smartphones in portrait mode (0-479px) */
@media only screen and (max-width: 479px) {

  /* Standaard */
	#et-info-email {font-size: 20px; float: left; width: 100%;}
#et-info-phone {font-size: 20px; float: left; width: 100%; margin-bottom: 0.5em;}
#et-top-navigation {box-sizing: border-box; width: 100%; margin: 0 !important; padding-top: 40px!important;padding-left: 0 !important; text-align: center;}
#et_mobile_nav_menu {float: none;}
.mobile_menu_bar:after {font-size: 16px; position: relative; bottom: 9px; padding-left: 4px; content: "Menu"; color: #3fc0ed!important;}
.mobile_menu_bar:before {color: #3fc0ed !important;}
.et_mobile_menu {position: relative; top: 0; width: 100%;}
#logo {max-width: 98%!important; margin-top: 40px;}
.logo_container {position: relative!important; text-align: center;}

	/* Content */
.intakebtn, .topleft, .topright {display: none;}
#et-info {float: none;overflow: hidden; padding-right: 0;}
.et-info-txt {display: block;margin-bottom: 10px; padding-right: 0;}
.checklist {text-align: left;}
.checklist li {font-size: 18px; float: left; width: 100%; margin-right: 0;}
.home2 .et_pb_column:last-child {margin-top: 0; padding-top: 30px; padding-left: 0; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.home2 ul li {font-size: 21px; margin-bottom: 9px;}
.home3 .et_pb_row {margin-bottom: 0;}
.home3 .et_pb_column_3 {width: 100%!important; margin-top: -125px;margin-right: 0!important;}
.home3 h2 {font-size: 19px; line-height: 1.7em;}

}