/*
 Theme Name:     BOS Reclame
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Recht thema voor BOS Reclame
 Author:         BOS Reclame
 Author URI:     https://www.bosreclame.nl
 Template:       Divi
 Version:        1.0.0
*/

/* Steunkleur: #3B90C6 (zoek en vervang)
 
/* =Theme customization starts here
------------------------------------------------------- */
html, body{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* TYPOGRAFIE */


h1, h2, h3, h4, h5, h6{
	font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
	text-align: left;
    font-weight: 700;
}

/*GRAVITY FORMS*/

#et-main-area .ginput_container input{
	padding:12px;
    border-radius: 3px;
}
.gform_button {
    font-size: 20px;
    font-weight: 500;
    padding: 0.3em 1em;
    line-height: 1.7em !important;
    background-color: #E51A40;
    position: relative;
    border:#E51A40 2px solid;
    border-radius: 3px;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-property: all !important;
    transition-property: all !important;
	color:#fff;
	min-width:200px;
}
.gform_button:hover {
    background-color: #c6193a;
    border:#c6193a 2px solid;
	cursor:pointer;
}

/*HERO*/
#hero_sectie h1{
	font-size: 5vw;
	line-height: 7.5vw;
}

#hero_sectie .et_pb_text{
	padding-right:50%;
}

#hero_sectie .et_pb_button_module_wrapper{
	padding-bottom: 50px;
	margin-bottom: 0;
}

@media all and (min-width:1405px){
	
	#hero_sectie h1 {
		font-size: 80px;
		line-height: 90px;
	}
	
}

@media all and (max-width:1200px) {
	
	#hero_sectie h1{
		font-size: 4vw;
		line-height: 7.5vw;
	}
	
	#hero_sectie .et_pb_text p {
		/*padding-right: 50%;*/
	}
	
}

@media all and (max-width:980px) {
	
	#hero_sectie .et_pb_row{
		background-image:none;
	}
	
	#hero_sectie .et_pb_text{
		padding:0;
	}	
	
}

@media all and (max-width:480px){
	
	#hero_sectie h1{
		font-size: 42px;
		line-height: 48px;
	}
	
}


/* SHADOWS */
.has_et_pb_sticky .et_pb_sticky_module.et_pb_fullwidth_section,
#medewerkers_sectie .et_pb_team_member,
#template_sectie.categorie .et_pb_post,
#zorgaanbod_sectie .et_pb_column,
#overons_sectie img{
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
	border-radius: 10px;
}

/* HEADER */

/* HOOFDMENU */
/* DESKTOP */
#hoofd_menu{}

.et_pb_sticky_module.et_pb_fullwidth_section{
	margin-top: 30px;
}

.has_et_pb_sticky .et_pb_sticky_module.et_pb_fullwidth_section, #hoofd_menu ul.et_mobile_menu {
	background: #fff !important;
	background-color: #fff !important;
	border-radius: 0;
}

#top_menu.et_pb_section,
#top_menu .et_pb_row {
	padding: 3px 0;
}

#top_menu ul {
	text-align: right;
	float: right; 
	padding: 0;
}

#top_menu ul li{
	float: left;
	padding-left: 20px;
	line-height:16px;
}

#top_menu ul li:last-child{
	padding-left: 5px;
}

#hoofd_menu .menu_cta {
	border: solid 2px #fe8400; 
	background-color: #fe8400;
	border-radius: 5px;
	height: 50px;
	padding: 0 !important;
	margin-top: 15px;
	margin-right: 10px;
}
#hoofd_menu .menu_cta:hover {
	border: solid 2px #3B90C6;
	background-color: #3B90C6;
}

#hoofd_menu .menu_cta a {
	color: #fff !important;
	padding: 15px 15px 15px 15px !important;
}

@media all and (max-width:980px){
	#hoofd_menu .menu_cta {
		height: auto;
		margin:0;
	}
}

@media all and (max-width:480px){
	#hoofd_menu {
		margin-top:0;
	}
}


/* Submenu op gelijke hoogte brengen met de rand van de menubalk */
.et_pb_fullwidth_menu .et_pb_menu__menu > nav > ul > li > ul {
    top: calc(100% + 20px);
}

/* MOBIEL MENU (met aangepast breekpunt) */
@media only screen and (max-width: 1175px) {
	
	/* Verberg het full screen menu */
	.et_pb_menu__menu {
		display: none !important;
	}
	
	/* Toon het mobiel menu */
	.et_mobile_nav_menu {
		display: block !important;
	}
	
	/* Verwijder bullets uit het submenu*/
	 ul.et_mobile_menu,
	 ul.et_mobile_menu li ul li {
		list-style-type: none !important;
		text-align: left;
		padding-right: 20px;
	}
	
	/* Pas de positie van het zoekicoon aan */
	.et_pb_menu__icon .et_pb_menu__search-button {
		flex-direction: column;
    	padding-top: 10px;
	}
	
	.et_pb_fullwidth_menu .et_pb_menu__wrap {
		align-self: center;
	}
	
	/* Positie van het mobiele menu */
	ul.et_mobile_menu {
		top: calc(100% + 20px) !important;
	}
		
	/* Verander de hamburger in een X wanneer er op geklikt wordt */
	.mobile_nav.opened .mobile_menu_bar::before {
		content: '\4d';
	}

	/* Prepareer het menu icoon voor rotatie wanneer er op geklikt wordt */
	.mobile_menu_bar::before {
		transition: all .4s ease;
		transform: rotate(0deg);
		display: block;
		font-size: 3rem;
	}

	/* Roteer het menu icoon wanneer er op geklikt wordt */
	.mobile_nav.opened .mobile_menu_bar::before {
		transition: all .4s ease;
		transform: rotate(90deg);
		display: block;
	}
	
	
	/* Mobiel submenu */	
	#hoofd_menu .et_mobile_menu .menu-item-has-children > a { 
		background-color: transparent; 
		position: relative; 
	}

	#hoofd_menu .et_mobile_menu .menu-item-has-children > a:after { 
		font-family: 'ETmodules'; 
		text-align: center; 
		speak: none; 
		font-weight: normal; 
		font-variant: normal; 
		text-transform: none; 
		-webkit-font-smoothing: antialiased; 
		position: absolute; 
	}

	#hoofd_menu .et_mobile_menu .menu-item-has-children > a:after { 
		font-size: 16px; 
		content: '\4c'; 
		top: 13px; 
		right: 10px; 
	}

	#hoofd_menu .et_mobile_menu .menu-item-has-children.visible > a:after { 
		content: '\4d'; 
	}

	#hoofd_menu .et_mobile_menu ul.sub-menu {
		display: none !important;
		visibility: hidden !important; 
		transition: all 1.5s ease-in-out;
	}

	#hoofd_menu .et_mobile_menu .visible > ul.sub-menu { 
		display: block !important; 
		visibility: visible !important; 
	}

	#hoofd_menu .et_mobile_menu li.home-icon{ 
		display: none!important;
	}

}


/* TEMPLATE */
#template_sectie,
#template_sectie #template_rij,
#template_sectie #template_rij #template_content{
	padding: 0;
	width:100%;
	max-width: 100vw;	
}

#template_content .et_pb_section{
	width:100%;
	max-width: 100vw;
	padding: 50px 0;
}

#template_content .et_pb_row .et_pb_row{
	width:100%;
	max-width: 100vw;
	padding:25px 10vw;
}
#template_sectie.categorie #titel_rij.et_pb_row,
#template_sectie.categorie #template_rij.et_pb_row,
#template_sectie.berichten #template_rij #template_content{
	margin: 0;
	width:100%;
	max-width: 100vw;
	padding: 50px 10vw;
}

#template_sectie.berichten #template_rij #template_content{
	padding-top: 0;
}

#template_sectie #titel_rij .et_pb_title_container,
#template_sectie #titel_rij .et_pb_text{
	margin: 0 auto;
	width:100%;
	max-width: 100vw;
}
#template_sectie.berichten{
padding-bottom: 100px;
}


#top_menu .et_pb_row,
#hoofd_menu .et_pb_row,
#meer_sectie .et_pb_row,
#footer_sectie .et_pb_row,
#template_content .et_pb_row{
	width:80%;
	max-width: 1280px;
}

@media all and (max-width:980px){


#template_content .et_pb_row{
	margin: 0 auto!important;
}
}

/* AFBEELDINGEN */
#template_sectie img{
	border-radius: 10px;

}
#template_sectie .et_pb_post_title .et_pb_image_wrap{
	border-radius: 10px;
	max-height: 40vw;
	overflow: hidden;
	margin-bottom: 60px;
}

/* ZORGAANBOD */

#aanbod{
	padding-bottom: 0;
}
#aanbod .et_pb_column{
/*
	background-color:#fcf1f3;
	border-radius: 10px;
*/
}
#aanbod .card{
	height: 100%;
}

#aanbod .card.et_clickable:hover {
	color:#fff;
	background: #E51A40;
}
#aanbod .card h3{
	font-size: 1.4vw;
	line-height: 1.6vw;
	letter-spacing: -0.25px;
}

#aanbod .card p{
	font-size: 1.1vw;
	line-height: 1.5vw;
	letter-spacing: -0.25px;
}
#aanbod .card p:first-of-type{
	min-height: 12vw;
}

#aanbod .card.et_clickable:hover .et_pb_text_inner h3,
#aanbod .card.et_clickable:hover .et_pb_text_inner p,
#aanbod .card.et_clickable:hover .et_pb_text_inner a{
	color:#fff !important;
}

@media all and (max-width:980px){
#aanbod .et_pb_column{
		width:100%;
		padding:0;
		margin:0;
		margin-top:40px;
	}
#aanbod .card h3{
	font-size: 21px;
	line-height: 26px;
	letter-spacing: -0.25px;
}
#aanbod .card p{
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.25px;
}	
aanbod .card p:first-of-type{
	min-height: 20px;
}	
}

@media all and (min-width:1600px){
#aanbod .card h3{
	font-size: 24px;
	line-height: 26px;
	letter-spacing: 0;
}
#aanbod .card p{
	font-size: 16px;
	line-height: 27.2px;
	letter-spacing: 0;
}
#aanbod .card p:first-of-type{
	min-height: 180px;
}
}



/* CARDS */

.et_pb_blog_grid .et_pb_post .entry-title{
	min-height: 70px;
}

a.entry-featured-image-url{
	overflow: hidden;
	max-height:15vw;
	}
	
a.entry-featured-image-url img,
.et_pb_blog_grid .et_pb_image_container img{
		min-width: 110%;
		max-width: 110%;
	margin:-5%;
	}
	
@media all and (max-width:980px){

a.entry-featured-image-url{
	max-height:35vw;
	}
	

}


/* BLOG */
#blog_sectie .et_pb_blog_grid .et_pb_post{
	padding: 30px;
}
#blog_sectie .et_pb_blog_grid .et_pb_image_container{
	margin: -30px -30px 30px -30px;
}
	

#template_sectie.categorie article{
	max-width: 47.5%;
	float: left;
	margin-right: 5%;
}
#template_sectie.categorie article:nth-child(1n+2){
	margin-right: 0%;
}
#template_sectie.categorie h4.entry-title,
#template_sectie.categorie .post-meta,
#template_sectie.categorie .post-content{
	padding: 0 30px;
}
#template_sectie h4.entry-title{
	font-size: 1.4rem;
}
#template_sectie.categorie .post-content{
	padding-bottom: 30px;
}
#template_sectie.categorie .entry-featured-image-url{
	max-height: 15vw;
	overflow: hidden;
}

/* MEER */

#meer_sectie {
	background-color: #f0f0f0;
	padding-top: 100px;
}
.home #meer_sectie,
.page-id-1315 #meer_sectie{
	background-color: #fff;
}
#meer_sectie .et_pb_module{
	max-width: 60%;
}
@media all and (max-width:980px){
#meer_sectie .et_pb_module{
	max-width: 100%;
}	
#meer_sectie .et_pb_module p{
	padding-right: 50%;
}		
#meer_sectie .et_pb_row{
	background-size:40% auto;
}
}

@media all and (max-width:480px){
#meer_sectie .et_pb_module p{
	padding-right: 0;
}		

}


/* MEDEWERKERS */
#medewerkers_sectie .et_pb_team_member{
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#medewerkers_sectie .et_pb_team_member_image{
	min-width:100%;
	max-height: 18vw;
	overflow: hidden;
	padding:  0;
	margin-bottom: 30px;
}
#medewerkers_sectie .et_pb_team_member_image img{
	margin-top:-15%;
}
#medewerkers_sectie .et_pb_team_member_image,
#medewerkers_sectie .et_pb_team_member_image img{
	border-radius:0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#medewerkers_sectie .et_pb_member_position{
	margin-bottom: 15px;

}
#medewerkers_sectie .et_pb_team_member_description{
	min-width:100%;
	display: block;
}
#medewerkers_sectie .et_pb_team_member_description p{
	padding: 0;
}


@media all and (max-width:980px){
	#medewerkers_sectie .et_pb_column{
		width:300px;		
		margin-right: 4%;
		display: flex;
    	justify-content: center;
		margin-bottom: 20px !important;
	}
	
	#medewerkers_sectie .et_pb_team_member {
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
	#medewerkers_sectie .et_pb_team_member_image{
		min-width:100%;
		max-height: 100%;
	}
}

@media all and (max-width:835px){
	#medewerkers_sectie .et_pb_column{
		width:45.5%;
		margin-right: 4%;
	}
}

@media all and (max-width:600px){
	#medewerkers_sectie .et_pb_column{
		width:100%;
		margin-right: 0;
	}
	
	#medewerkers_sectie .et_pb_team_member {
		padding-bottom: 5px;
		margin-bottom: 5px;
	}
	
}


/* ZORGAANBOD PAGINA */

#zorgaanbod_sectie img{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#zorgaanbod_sectie .et_pb_image{
	margin: 0;
}
#zorgaanbod_sectie .et_pb_text{
	padding: 30px;
}





@media all and (max-width:980px){
	#footer_sectie {
		padding-top: 50px;
	}
#footer_sectie h6{
	font-size: 16px;
}
}


/*TRANSITIONS */
.nav > li > a,
a,
a:hover,
.btn,
.btn:hover,
.button,
.button:hover,
#hoofd_menu .menu_cta,
#hoofd_menu .menu_cta:hover{
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}