/*
 Theme Name:   Divi Child Theme
 Description:  Divi Child Theme
 Author:       Dennis Bosch & Co.
 Author URI:   https://theadagency.nl
 Template:     Divi
 Version:      0.0.0
 Text Domain:  hdi_divi
 */

/* - - - - - B A S I C S S - - - - - */

/* -----
/* Basicss - hide elements
----- */
.hidden { display: none; }
#footer-bottom { display: none; }

/* -----
/* Basicss - ordered and un-ordered lists
----- */
/* step 1 */
.entry-content ul, .entry-content ol { padding: 0 0 0 1em; list-style-position: outside; }
.entry-content p:last-of-type + ol { padding-top: 1em; }

/* -----
/* Basicss - miscellaneous 
----- */
.entry-content p a, .entry-content ol li a, .entry-content ul li a {
text-decoration: underline; color: inherit;
}
.img-responsive { width: 100%; }

/* - - - - - C O O K I E  C O N S E N T - - - - - */

/* -----
/* Shared - Cookie Monster (changes to css support)
----- */
#_cookie_monster {
background-color: #fff;
background-color: rgba(255,255,255,0.9);
position: fixed; top: auto; right: 0; bottom: 0; left: 0; z-index: 99999;
padding: 16px 20px 16px;
box-shadow: 0px -10px 0px 0px rgba(0, 0, 0, 0.05)!important;
}
#_cookie_monster .btn-success {
font-family: inherit;
font-weight: 500!important;
background-color: #ad3e4f;
color: #fff;
padding: 6px 10px !important;
border:none;
}
#_cookie_monster .btn-info {
font-family: inherit;
background-color: rgba(255,255,255,0.8);
color: #5a5846;
margin-right: 10px;
padding: 6px 10px !important;
border:none;
}
#_cookie_monster .btn-info:hover {
border:none;
}
#_cmon_leading, #_cmon_form {
float: left; margin: 0; padding: 0; 
}
#_cmon_leading {
font-family: inherit;
width: 60%;
text-align: left;
font-size: 14px;
line-height: 1.2;
color: #5a5846;
}
@media only screen and (max-width: 980px) {
#_cmon_leading {
width: 100%;
text-align: left;
padding-bottom: 10px;
}
}
#_cmon_form {
width: auto; margin: 0 0 0 20px; float: right;
}
/* wordpress admin-bar correction */
body.admin-bar #_cookie_monster {
	margin: 0; 
}
@media screen and ( max-width: 782px ) {
	body.admin-bar #_cookie_monster {
		margin: 0; 
	} 
} 

/* - - - - - M A I N   M E N U - - - - - */

/* -----
/* Navigation - Main menu
----- */
/* Increase width of vertical navigation */
@media (min-width: 981px) {
	.et_vertical_nav #page-container #main-header {
	width: 250px; /* width: 225px; */
	}
}
/* multiple line fix */
.nav li { line-height: 1.8em; }
/* vertical menu colouring */
#top-menu li.current-menu-item > a { color: #b43f4c; } /* old: #b43f4c; oker: #e4942c */
/* vertical menu adjustments */
.et-fixed-header #top-menu li.current-menu-item > a.mPS2id-highlight,
#top-menu li.current-menu-item > a.mPS2id-highlight {
border-top: 1px solid #b43f4c; /* old: #b43f4c; oker: #e4942c */
border-bottom: none;
padding-top: 20px;
color: #b43f4c !important; /* old: #b43f4c; oker: #e4942c */
}
/* Divi - vertical menu fix */
.et_header_style_left .mobile_menu_bar, .et_header_style_split .mobile_menu_bar {
padding-top: 24px;
}

/* -----
/* Navigation - Main menu - Mobile Styling (max 980px)
----- */
@media (max-width: 980px) { 
	.et_menu_container {
		width: 90%;
	}
	#mobile_menu { padding: 10% 5% 10%; }
	.et_mobile_menu li a {
		font-size: 24px; font-weight: 400;
		text-align: center;
		text-transform: uppercase;
	}
	.et_mobile_menu li:last-of-type a {
		border: none;
	}
}

/* -----
/* Navigation - Main menu - Mobile Styling (@2x)
----- */
@media (max-width: 980px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 980px) and (min-resolution: 192dpi) { 
	.logo_container > a {
	background-image: url('img/logo-smpl-120@2x.png');
	background-size: 120px 50px;
	}
}

/* -----
/* Navigation - Main menu - Logo placement (desktop)
----- */
@media (min-width: 981px) {
	.et_vertical_nav #main-header #top-menu > li:first-of-type > a {
		position: relative; padding-top: 25px;
	}
	.et_vertical_nav #main-header #top-menu > li:first-of-type > a:before {
		content: '';
		position: absolute; top: -80px; width: 120px; height: 50px;
		background-image: url('img/logo-smpl-120.png');
	}
}
@media (min-width: 981px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 981px) and (min-resolution: 192dpi) { 
	.et_vertical_nav #main-header #top-menu > li:first-of-type > a:before {
		background-image: url('img/logo-smpl-120@2x.png');
		background-size: 120px 50px;
	}
}

/* - - - - - S T Y L I N G - F O R M S - - - - - */

/* textfield sytling */
.et_pb_contact p input,
.et_pb_contact p textarea {
	font-size: inherit; /* defaults to Divi standards */
	padding: 14px 18px;
	border: solid 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	background-color: #fff !important; 
	border-color: #fff !important; border: none;
	background-color: rgba(255, 255, 255, 0.94) !important; 
	border-color: rgba(255, 255, 255, 0.94) !important; border: none;
	color: #2b6268 !important; 
}
.et_pb_contact p input.text:focus,
.et_pb_contact p input.title:focus,
.et_pb_contact p input[type=text]:focus,
.et_pb_contact p select:focus, textarea:focus {
	border-color: rgba(255, 255, 255, 0.3);
	color: inherit; 
}

/* radio and checkbox label colouring */
.radio-inline, .checkbox-inline {
	color: #fff;
}

/* submit button coloring */
.et_pb_contact_submit:hover { 
	background-color: #343025 !important;
	border-color: #343025 !important; 
}
.et_pb_contact_submit, .et_pb_contact_submit:active { 
	color: #fff !important; 
	background-color: #e4942c !important; 
	border-color: #e4942c !important; 
}

/* placeholders */
.et_pb_contact p input::-moz-placeholder, .et_pb_contact p textarea::-moz-placeholder { color: #94948c; }
.et_pb_contact p input:-ms-input-placeholder, .et_pb_contact p textarea:-ms-input-placeholder { color: #94948c; }
.et_pb_contact p input:-ms-input-placeholder, .et_pb_contact p textarea:-ms-input-placeholder { color: #94948c; }
.et_pb_contact p input::-webkit-input-placeholder, .et_pb_contact p textarea::-webkit-input-placeholder { color: #94948c; }

/* has-error alert-danger */
.form-wrapper .alert-warning,
.form-wrapper .alert-danger {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

/* has-error */
.form-wrapper .has-error input[type=text],
.form-wrapper .has-error input[type=email],
.form-wrapper .has-error input.text,
.form-wrapper .has-error textarea,
.form-wrapper .alert-danger {

	background-color: #343025 !important;
	border-color: #343025 !important; border: none; 

	background-color: rgba(52, 48, 37, 0.9) !important;
	border-color: rgba(52, 48, 37, 0.9) !important; 
}
.form-wrapper .alert-danger,
.form-wrapper .has-error input[type=text],
.form-wrapper .has-error input[type=email],
.form-wrapper .has-error input.text,
.form-wrapper .has-error textarea,
.form-wrapper .has-error input[type=text]::placeholder,
.form-wrapper .has-error input[type=email]::placeholder,
.form-wrapper .has-error input.text::placeholder,
.form-wrapper .has-error textarea::placeholder {
	color: #fff !important; 
}

/* - - - - - M O D A L   S T Y L I N G - - - - - */

@media (min-width: 981px) {
	#s78_form_modal .modal-dialog {
		margin-left: 125px; width: 40%;
	}
}
#s78_form_modal .modal-footer .et_pb_button {
}

/* - - - - - G L O B A L   S T Y L I N G - - - - - */

/* -----
/* Font sizing - @multiple viewports
----- */
@media (min-width: 1461px) {
	/* Body - basic font setting */
	body, ul, ol { font-size: 16px !important; line-height: 1.5em !important; padding-top: 0; }
	/* Headers */
	h1 { font-size: 5.5em !important; }
	h2 { font-size: 2.6em !important; }
	h3 { font-size: 1.6em !important; }
}
@media (max-width: 1460px) {
	/* Body - basic font setting */
	body, ul, ol { font-size: 15px !important; line-height: 1.5em !important; padding-top: 0; }
	/* Headers */
	h1 { font-size: 5.5em !important; }
	h2 { font-size: 2.4em !important; }
	h3 { font-size: 1.5em !important; }
}
@media (max-width: 1360px) {
	/* Body - basic font setting */
	body, ul, ol { font-size: 14px !important; line-height: 1.4em !important; }
	.et_pb_fullwidth_header_0.et_pb_fullwidth_header .et_pb_header_content_wrapper { font-size: 1.2em !important; }
	/* Headers */
	h1 { font-size: 4.5em !important; }
	h2 { font-size: 2.2em !important; }
	h3 { font-size: 1.4em !important; }
}

@media (max-width: 1220px) {
	/* Body - basic font setting */
	body, ul, ol { font-size: 13px !important; line-height: 1.4em !important; }
	.et_pb_fullwidth_header_0.et_pb_fullwidth_header .et_pb_header_content_wrapper { font-size: 1.2em !important; }
	/* Headers */
	h1 { font-size: 4.0em !important; }
	h2 { font-size: 2.0em !important; }
	h3 { font-size: 1.3em !important; }
}

@media (max-width: 980px) {
	/* Body - basic font setting */
	body, ul, ol { font-size: 14px !important; line-height: 1.4em !important; }
	.et_pb_fullwidth_header_0.et_pb_fullwidth_header .et_pb_header_content_wrapper { font-size: 1.2em !important; }
	/* Headers */
	h1 { font-size: 4.5em !important; }
	h2 { font-size: 2.2em !important; }
	h3 { font-size: 1.4em !important; }
}

@media (max-width: 720px) {
	/* Body - basic font setting */
	body, ul, ol { font-size: 14px !important; line-height: 1.4em !important; }
	.et_pb_fullwidth_header_0.et_pb_fullwidth_header .et_pb_header_content_wrapper { font-size: 1.1em !important; }
	/* Headers */
	h1 { font-size: 2.4em !important; }
	h2 { font-size: 1.8em !important; }
	h3 { font-size: 1.4em !important; }
}
@media (max-width: 320px) { /* iPhone 5/SE */
	.et_pb_fullwidth_header_0.et_pb_fullwidth_header .et_pb_header_content_wrapper { font-size: 14px !important; }
}

/* -----
/* Text selection
----- */
::selection { background: #e4942c; color: #fffbed; /* WebKit/Blink Browsers */ }
::-moz-selection { background: #e4942c; color: #fffbed; /* Gecko Browsers */ }

/* -----
/* Text selection (mission)
----- */
#et_pb_section_mission ::selection { background: #59aabf; color: #fffbed; /* WebKit/Blink Browsers */ }
#et_pb_section_mission ::-moz-selection { background: #59aabf; color: #fffbed; /* Gecko Browsers */ }

/* -----
/* Text selection (program)
----- */
#et_pb_section_program ::selection { background: #59aabf; color: #fffbed; /* WebKit/Blink Browsers */ }
#et_pb_section_program ::-moz-selection { background: #59aabf; color: #fffbed; /* Gecko Browsers */ }

/* -----
/* Headers (global)
----- */
h1 { padding-bottom: 20px; }

/* -----
/* Headers - H2 (specific)
----- */
.et_pb_text h2  {
	position: relative; padding: 20px 0;
}
.et_pb_text h2:before {
	content: '';
	border-bottom: solid 2px;
	position: absolute; top: 0; right: 30%; left: 30%; 
}
.et_pb_text h2:after {
	content: '';
	border-bottom: solid 2px;
	position: absolute; bottom: 0; right: 30%; left: 30%; 
}

/* mobile */
@media (max-width: 720px) {
	.et_pb_text h2:before {
		right: 0; left: 0; 
	}
	.et_pb_text h2:after {
		right: 0; left: 0; 
	}
}

/* -----
/* Sections
/* -----
/* Section (mission)
----- */
/* Main header */
#et_pb_section_mission .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    width: 90%;
    max-width: 1000px;
    margin: 20px auto;
}

/* Main title */
#et_pb_section_mission .header-content-container {
	position: relative;
}
/* Main title - add logo */
#et_pb_section_mission .header-content-container:before {
	content: '';
	position: absolute; top: -100px; left: 50%; width: 270px; height: 100px; margin-left: -135px; 
	position: absolute; top: -140px; left: 50%; width: 400px; height: 150px; margin-left: -200px; 
	background-image: url('img/logo-smpl-270.png');
	background-image: url('img/logo-smpl-400.png');
}

/* Section (mission) - Main title (retina imagery)
----- */
@media (min-width: 981px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 981px) and (min-resolution: 192dpi) { 
	#et_pb_section_mission .header-content-container:before {
		background-image: url('img/logo-smpl-270@2x.png');
		background-size: 270px 100px;
		background-image: url('img/logo-smpl-400@2x.png');
		background-size: 400px 150px;
	}
} 

/* Section (mission) - Main title (retina imagery) - hide logo at specific viewport */
@media (max-height: 870px), (max-width: 720px) {
	#et_pb_section_mission .header-content-container:before {
		display: none;
	}
}
/* Section (mission) - Main title (retina imagery) - hide logo at specific viewport (@2x) */
@media (max-height: 870px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 720px) and (-webkit-min-device-pixel-ratio: 2), (max-height: 870px) and (min-resolution: 192dpi), (max-width: 720px) and (min-resolution: 192dpi) { 
	#et_pb_section_mission .header-content-container:before {
		display: none;
	}
}

/* Section (mission) - Subheader
----- */
#et_pb_section_mission .et_pb_fullwidth_header .et_pb_fullwidth_header_subhead {
	position: relative; margin-bottom: 20px; 
}
#et_pb_section_mission .et_pb_fullwidth_header .et_pb_fullwidth_header_subhead:before {
	content: '';
	border-bottom: solid 2px;
	position: absolute; top: 0; right: 35%; left: 35%; 
}
#et_pb_section_mission .et_pb_fullwidth_header .et_pb_fullwidth_header_subhead:after {
	content: '';
	border-bottom: solid 2px;
	position: absolute; bottom: 0; right: 35%; left: 35%; 
}

/* -----
/* Section (about) - Headers
----- */
#et_pb_section_about h3 { color: #e4942c; } 
#et_pb_section_about .et_pb_text h2 { color: #e4942c !important; } 

/* Section (financial support) - Headers
----- */
#et_pb_section_financial_support h3 { color: #e4942c; } 
#et_pb_section_financial_support .et_pb_text h2 { color: #e4942c !important; } 

/* -----
/* Section (archive)
/* -----
/* Section (archive) / Paragraph
----- */
#et_pb_section_archive .et_pb_toggle * {
	color: #fffbed; 
}

/* -----
/* Section (archive) / Toggle - Headers
/* -----
/* Section (archive) / Toggle - H3
----- */
#et_pb_section_archive .et_pb_toggle .et_pb_toggle_title {
	position: relative; padding: 8px 0 8px;
	color: #fffbed; color: rgba(255, 251, 237, 0.8); letter-spacing: 2px;
}
#et_pb_section_archive .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title,
#et_pb_section_archive .et_pb_toggle .et_pb_toggle_title:hover {
	color: #fffbed; 
}
#et_pb_section_archive .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before,
#et_pb_section_archive .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:after,
#et_pb_section_archive .et_pb_toggle .et_pb_toggle_title:hover:before,
#et_pb_section_archive .et_pb_toggle .et_pb_toggle_title:hover:after {
	border-color: #fffbed; 
}

/* Section (archive) / Toggle - H4
----- */
#et_pb_section_archive .et_pb_toggle h4:before {
	content: '';
	border-bottom: solid 2px #fffbed; border-color: rgba(255, 251, 237, 0.8);
	position: absolute; top: 0; right: 0; left: 0; margin: 0;
}
#et_pb_section_archive .et_pb_toggle h4:after {
	content: '';
	border-bottom: solid 2px #fffbed; border-color: rgba(255, 251, 237, 0.8);
	position: absolute; bottom: 0; right: 0; left: 0; margin: 0;
}
.fluid-width-video-wrapper {
	margin: 20px 0;
}
.fluid-width-video-wrapper:first-of-type {
	margin: 20px 0 0;
}

/* Section (archive) / IMG
----- */
#et_pb_section_archive { 
	image-rendering: pixelated; 
}

/* Section (archive) / Toggle / Font sizing - @multiple viewports
----- */
@media (min-width: 1361px) {
	#et_pb_section_archive .et_pb_toggle h4 { font-size: 2.0em !important; }
}
@media (max-width: 1360px) {
	#et_pb_section_archive .et_pb_toggle h4 { font-size: 1.8em !important; }
}
@media (max-width: 1220px) {
	#et_pb_section_archive .et_pb_toggle h4 { font-size: 1.6em !important; }
}
@media (max-width: 720px) {
	#et_pb_section_archive .et_pb_toggle h4 { font-size: 1.6em !important; }
}




/* -----
/* Media specific edits
----- */
@media (max-width: 980px) {
	
	/* -----
	/* Basicss - Divi Edits
	----- */
	.et_pb_row { padding: 0 0; }
	
	/* -----
	/* Navigation - Main menu
	----- */
	.container.et_menu_container { padding-left: 0; padding-right: 0; }

	/* Navigation / Main menu - Logo
	----- */
	.container.et_menu_container .logo_container { /* replace logo with retine control */
	background-image: url('img/logo-smpl-120@2x.png');
	background-size: 120px 50px; background-repeat: no-repeat; background-position: center;
	}
	#logo { display: none; } /* and ide original */
	
	/* -----
	/* Sections
	/* -----
	/* Section (mission)
	----- */
	#et_pb_section_mission { padding: 0 0; }
	#et_pb_section_mission .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center {
	padding: 10% 0; width: 80%; /* display: block; */
	}
	/* reset height to allow content to fit */
	#et_pb_section_mission .et_pb_fullwidth_header,
	#et_pb_section_mission .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center {
	height: auto;
	}
	/* hide arrow */
	#et_pb_section_mission .et_pb_fullwidth_header .et_pb_fullwidth_header_scroll {
	display: none;
	}
	#et_pb_section_mission .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
	width: 100%; padding: 0; margin: 0;
	}
	#et_pb_section_mission .et_pb_fullwidth_header .et_pb_fullwidth_header_subhead { }
	#et_pb_section_mission .et_pb_fullwidth_header .et_pb_fullwidth_header_subhead:before,
	#et_pb_section_mission .et_pb_fullwidth_header .et_pb_fullwidth_header_subhead:after {
	right: 0; left: 0; 
	} /*
	#et_pb_section_mission .et_pb_fullwidth_header .header-content h1, */
	#et_pb_section_mission .et_pb_fullwidth_header .header-content .et_pb_header_content_wrapper { text-align: left; }

}
/* iPhone 5/SE */
@media (max-width: 320px) { 
}
/* Additions @2023 */
.et_pb_contact_form_label {
	display: none;
}
.et_pb_contact p input, .et_pb_contact p textarea, .et_pb_subscribe .et_pb_contact_field input, .et_pb_subscribe .et_pb_contact_field textarea {
	width: 100%;
}
.et_pb_contact_message {
    min-height: 150px;
}