/*
 Theme Name:     ZelfOnderzoek Netwerk Nederland
 Theme URI:      https://www.zelfonderzoeknetwerknederland.nl
 Description:    Platform voor Burgerwetenschap
 Author:         MoveCreative
 Author URI:     www.movecreative.nl |
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

html,body
{
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

/****** [ CUSTOM FONT INTEGRATION ] ******/
@font-face {
    font-family: 'Montserratlight';
    src: url('/wp-content/themes/divi-child/fonts/Montserrat-Light.ttf');
    font-weight: normal;
    font-style: normal;
}

/****************MENU************/
#main-header, #et-top-navigation {
	font-family: 'Montserratlight'!important;
	font-weight: normal;
    font-style: normal;
}

#et-secondary-nav, #et-secondary-nav li {
font-family: 'Montserratlight'!important;
font-weight: normal;
  font-style: normal;
}

.nav li ul {
    width: 270px!important;
}
	
#top-menu li li a {
    padding: 6px 7px!important;
    width: 250px!important;
    text-transform: initial!important;
}

/****** [ RESPONSIVE HEADER ] ******/
@media (min-width:1314px)and (max-width:1405px) {
#top-menu li {padding-right: 15px!important;}
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {padding-left: 0px!important;}
#top-menu li a {font-size: 14px!important;}
}

@media (min-width: 1101px) and (max-width:1313px) {
#top-menu li {padding-right: 15px!important;}
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {padding-left: 0px!important;}
#top-menu li a {font-size: 14px!important;}
#logo {max-height: 45%!important;}
}

/*********Breakpoint menu ******/
@media (max-width: 1100px) {
#et_mobile_nav_menu {display:block;}
#top-menu {display:none}
li.cta-aanmelden {padding: 0px 16px 16px 16px!important;}
}

#top-menu li a {
    text-transform: initial!important;
}

/*******************SUBMENU***************
body.admin-bar.et_fixed_nav #top-header {
    top: 30px;
    height: 35px;
}


/****** [ MENU CTA AANMELDEN ] ******/

li.cta-aanmelden {
background-color: #F4983F;
text-align: center;
padding: 12px 16px 16px 16px!important;
border-radius: 7px;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
border: 1px solid #F4983F;
height: 40px;
margin-right: 20px;

}

li.cta-aanmelden:hover {
background-color: #ed743c;
border: 1px solid #ed743c;
	
}

body .cta-aanmelden a, body #page-container #top-menu-nav li.cta-aanmelden.current-menu-item a {
color: #ffffff!important;font-weight:700;text-transform: uppercase;	font-family: 'Montserrat'!important;
}
.nav li ul { border-color: #fff!important;text-transform: uppercase; }		

body #page-container #top-menu-nav li.cta-aanmelden.current-menu-item:hover a, .et-fixed-header #top-menu .cta-aanmelden:hover a {
color: #ffffff!important;text-transform: uppercase;
	
}

.et-fixed-header #top-menu .cta-aanmelden a {
color: #ffffff!important;text-transform: uppercase;
}


/****** [ MENU CTA DONEREN ] ******/

li.cta-doneren {
background-color: #03568A;
text-align: center;
padding: 12px 16px 16px 16px!important;
border-radius: 7px;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
border: 1px solid #03568A;
height: 40px;

}

li.cta-doneren:hover {
background-color: #03568A;
border: 1px solid #03568A;
	
}

body .cta-doneren a, body #page-container #top-menu-nav li.cta-doneren.current-menu-item a {
color: #ffffff!important;font-weight:700;text-transform: uppercase;	font-family: 'Montserrat'!important;
}
.nav li ul { border-color: #fff!important;text-transform: uppercase; }		

body #page-container #top-menu-nav li.cta-doneren.current-menu-item:hover a, .et-fixed-header #top-menu .cta-doneren:hover a {
color: #ffffff!important;text-transform: uppercase;
	
}

.et-fixed-header #top-menu .cta-doneren a {
color: #ffffff!important;text-transform: uppercase;
}

.content-acf-pa {
  padding-left: 25px;
  width: 100%;
	font-family: 'QuickSand';
	color: #333333;
  font-size: 16px;
	padding-right:20px;
	line-height: 25px;
}


.et_pb_de_mach_title_1, .et_pb_de_mach_title_0, .et_pb_de_mach_title_2 {padding-left:auto!important;}

.read-more {padding-left:25px;padding-bottom:15px;text-size:17px!important}
.read-more:hover {padding-left:25px;padding-bottom:15px;text-size:17px!important}

.read-more-endorsements {padding-bottom:6px;}
.read-more-endorsements:hover {padding-bottom:6px;}
}

.read-more-pa {
	color:#666666;
	font-size:14px;
	text-transform:uppercase;
	padding-bottom:25px!important;
	font-weight:600;
}

.read-more-pa:hover {
	color:#6EC1E4!important;
	font-weight:600;
}

/********* Mobile Menu Collapse ********/
  
/**** This hides the sub menu items on mobile ****/
  
#main-header .et_mobile_menu li ul.hide {
display: none !important;
}
  
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
  
#mobile_menu .menu-item-has-children {
position: relative;
}
#mobile_menu .menu-item-has-children > a {
background: transparent;
}
  
/**** This styles the icon and moves it to the right ****/
  
#mobile_menu .menu-item-has-children > a + span {
position: absolute;
right: 0;
top: 0;
cursor: pointer;
z-index: 3;
}
  
/**** Here you can swap out the actual icons ****/
  
span.menu-closed:before {
  content: "\33";
  display: block;
  color: #333333;
  font-family: ETmodules;
  
span.menu-closed.menu-open:before {
content: "\4d";
}

/*-------------Button naast elkaar------------*/

.knop-naast-elkaar .et_pb_button_module_wrapper {
	display: inline-block;
	margin: 0 10px;
}

.knop-naast-elkaar {
	text-align: left !important;
}

.knop-naast-elkaar  {
	text-align: left !important;
}

/****** [ OVERIG ] ******/
.blurb-home .et_pb_blurb_content {
	background: rgba(72, 137, 120, 0.5);
	margin-top:160px;
	padding:12px;
	padding-left:20px;
	padding-bottom: 0px;
	
}

#top-menu a {
    text-transform: initial!important;
}

.title-acf-pa {
    padding-left: 25px;
    width: 100%;
    padding-top: 15px;
		padding-right:20px;
}

.title-acf-pa-2 {
  padding-left: 25px;
  padding-top: 15px;
  width: 100%;
	padding-right:20px;
}
.meta-acf-pa {
    padding-left: 25px;
    width: 100%;
		padding-right:20px;
}

.frm__65326cccc8fc0 {display:none!important;}