/*
Theme Name: One Childs Dream
Theme URI: 
Description: Divi child theme
Author: Tetro Design - Nicole Peters
Author URI: https://tetrodesign.com
Template: Divi
*/

:root {
	--primary-colour: #50A0D9; 
	--secondary-colour: #40587E;
	--dark-blue: #40587E;
	--cream: #FFF2D6;
	--white: #FFFFFF;
	--black: #313131; }

/* New 2023 site styles 
 ****************************************/
div#page-container > #et-boc {
    overflow-x: hidden !important; }

.et_pb_menu__logo {
	max-width: 250px; }
  
div#footer-logo span img {
    border-radius: 0 0; }
 
body .et_pb_bg_layout_light.et_pb_button:hover, body .et_pb_bg_layout_light .et_pb_button:hover, body .et_pb_button:hover {
    border-color: #036A75!important;
    color: var(--black) !important; }

/* Skip Main Content 
********************************/
div.skip-main-content-wrapper {
	margin: 0 0!important; }

a.skip-main-content { 
    left: -999px;
    position: absolute;
    top: auto;
    opacity: 0;
    width: 1px;
	height: 1px;
    overflow: auto;
    margin: 10px 35%;
    padding: 1em 2em;
	border-radius: 5px 5px;
    z-index: -999; }

a.skip-main-content:focus, a.skip-main-content:active {
	color: var(--white);
	background-color: var(--primary-colour);
	left: 0; 
	width: auto;
	height: auto;
	top: 0;
	z-index: 999;
	opacity: 1; 
	margin-left: 0; }
/* END OF NEW STYLES */

/* Focus States
********************************/
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a:focus-visible, a:not(.icon):focus-visible, button:focus-visible, div.mobile_menu_bar:focus-visible, div.et_pb_toggle:focus-visible, input.et_pb_searchsubmit:focus-visible, button.is-search-submit:focus-visible, iframe:focus-visible, .et_pb_menu__logo a, a.icon:focus-visible { 
	outline: 2px solid var(--black); }

.mobile_nav span.mobile_menu_bar:focus-visible, .et_pb_menu__logo a:focus-visible img {
	border: 2px solid var(--black); }

/* Fonts
********************************/
html {
	font-size: 16px; }

body, p {
	font-family: stratos-lights, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #231f20; }

 .stratos-bold-font {
    font-size: 1.25rem;
    line-height: 1.75rem; }

h1, h2, h3, div.quote-row div, div.quote-row div p, .et_pb_text_inner blockquote * { 
	font-family: mokoko, serif;
	font-style: normal; }

h1, h2, h3, div.quote-row div, div.quote-row div p { 
	font-weight: 700; }

.stratos-bold-font, a.skip-main-content, .et_pb_menu__menu>nav>ul>li>a, body .et_pb_button, .et_mobile_menu li a, body .et_pb_button.skip-main-content {
	font-weight: 600;
	font-family: stratos, sans-serif;
	font-style: normal; }

body, a.skip-main-content, a.et_pb_button, .et_pb_text_inner, nav.et-menu-nav ul li a {
	font-size: 1.125rem; 
	line-height: 1.75rem; }

p.small-text { 
	font-size: 0.875rem;
	line-height: 1.25rem; }

a.skip-main-content, a.et_pb_button, a.et_pb_button:hover, .et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover {
	text-align: center; }

/* Colours
********************************/
div.quote-row div, div.quote-row div p {
	color: #ef573d; }

footer ul li a.icon:before {
	color: var(--primary-colour) !important; }

footer *, footer .et_pb_text_inner a {
	color: var(--white); }

h1, h2, h3, .blue-text, .et_pb_text_inner a, .et_pb_text_inner blockquote * { 
	color: var(--secondary-colour); }

div.primary-colour .banner-row div * {
	color: #dddfde; }

div.light-blue { 
	background-color: #eef3f6; }

.primary-colour {
	background-color: var(--primary-colour); }

.secondary-colour {
	background-color: var(--secondary-colour); }

div.primary-colour .banner-row div * a.et_pb_button:hover, footer ul li a.icon:before {
	background-color: var(--white); }

.et_pb_text_inner blockquote {
	border-color: var(--dark-blue); }

a:not(.footer-tel) { 
	border-bottom: 1px solid; }

a.skip-main-content, footer ul li a.icon {
	border: none; }

a:hover { 
	cursor: pointer; }

a.et_pb_video_play { 
	border-bottom: none; }

a.et_pb_button, a.et_pb_button:hover, .et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover {
    min-width: 200px;
    padding-top: 0.5em!important;
	padding-bottom: 0.5em!important; }

.et_pb_image:not(.no-border-radius) img { 
	border-radius: 20px 20px; }

footer ul li a.icon:before {
	border-radius: 50% 50%; }

.ocd-logo span img {
	border-radius: 0 0 !important; }

/* Animation / Transitions
********************************/
footer .et_pb_text_inner a {
	transition: opacity 500ms ease; }

footer .et_pb_text_inner a:hover {
	opacity: 0.75; }

.et_pb_row.banner-stars:before {
    width: 50px;
    height: 50px;
    right: 70px;
    bottom: -15px;
    content: "";
    background-image: url('/wp-content/uploads/2024/11/star-01.png');
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 3; }

/* Footer
********************************/
footer.et-l.et-l--footer > div {
	z-index: unset; }

div#logo span img {
	border-radius: 0 0; }

.et_pb_social_media_follow li a { 
	transition: 500ms transform ease-in-out; }

.et_pb_social_media_follow li a:hover { 
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1); }

div.min-height-container {
	min-height: 70vh; }

footer .et_pb_column {
	z-index: 1; }

/*Header
********************************/
div#nav--wrapper {
    transition: position 750ms ease; 
	padding-top: 2% !important;
    padding-bottom: 2% !important; }

div#nav--wrapper.fixed--nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
	width: 100%;
	box-shadow: 0px -3px 13px 0px rgba(0, 0, 0, 0.16); 
    padding-top: 0.5%;
    padding-bottom: 0.5%; }

#nav--wrapper > div.et_pb_row {
    padding: 0 0; }

#nav--wrapper.fixed--nav > div.et_pb_row {
    padding-bottom: 0; }

div#nav--wrapper.fixed--nav .et_pb_menu__logo-wrap {
	transform-origin: left;
	-webkit-transform-origin-x: 0; 
	transform: scale(0.8) !important; }

.et_pb_menu__logo-wrap {
	transition: all 500ms ease; }

.et-menu li > a {
	border: none; }

/*Home page banner
********************************/
div#home-top-banner img {
    padding-left: 10%; } 

.top-banner-img {
	display: flex; 
	align-items: center; }

.top-banner-img .et_pb_fullwidth_image img {
	width: 30vw;
	max-height: 500px; 
	padding: 5% 0; }

.primary-colour.top-banner-img:after {
	bottom: -47px;
	transform: rotate(-13deg); }

.primary-colour.top-banner-img:before {
    content: url('/wp-content/uploads/2022/11/decoration-3.png');
    right: 15%;
    position: absolute;
    top: -40px;
    width: 57px;
    height: 57px; }

@media screen and (min-width: 981px) and (max-width: 1120px) {
	.et_pb_menu__menu>nav>ul>li>a {
		font-size: 1rem !important; }
}
@media all and (min-width: 981px){	
	div .et_pb_text_4 h1, div .et_pb_text_3 h1, div .et_pb_text_5 h1, div .et_pb_text_2 h1, div .et_pb_text_1 h1, div .et_pb_text_0 h1 { 
		font-size: 3rem; 
		line-height: 3.5rem; }
	
	h2 { 
		font-size: 1.5rem;
		line-height: 2rem; }
	
	h3 {
		font-size: 2.513rem;
		line-height: 3.138rem; }
	
	p.large-text {
		font-size:  1.3rem;
		line-height: 1.85rem; }
	
	div.banner-row { 
		padding: 40px 40px; }
	
	div#top-banner-row { 
		padding-right: 10%;
		max-height: 600px!important; }
	
	div.primary-colour.top-banner-img {
		max-width: 1600px;
		width: 80%;
		margin: 0 auto;
		margin-bottom: 2em;
		border-radius: 20px; }
	
	div.et_pb_section.et_pb_section_0_tb_header {
		max-height: 600px!important; }
	
	div#donate-cta div a {
    	width: 100%;
    	max-width: 100%; }
	
	div.cs-img span img { 
		border-radius: 20px 0px 0px 20px;
		min-height: 600px;
    	object-fit: cover;
		-o-object-fit: cover; }
	
	div#donate-cta { 
		width: auto!important;
		max-width: 230px; }
	
	div.top-pad {
		padding-top: 60px; }
	
	div#hide-header { 
		padding-bottom: 40%!important; }
	
	/* header */
	.et_pb_menu__menu>nav>ul>li>a:hover {
		opacity: 1;	}
	
	.et_pb_menu .et_pb_menu__wrap {
		margin-left: 2.75em; }
	
	.et_pb_menu .et_pb_menu__menu>nav>ul>li {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 0 1em; }
	
	.et_pb_menu__menu>nav>ul>li>a {
		background-color: var(--primary-colour);
		color: var(--white);	
		border-radius: 5px;
		text-align: center; 
		padding: 0.5em 1em!important;
		border: 2px solid var(--primary-colour); }
	
	.et_pb_menu__menu>nav>ul > li.current_page_item > a, .et_pb_menu__menu>nav>ul>li>a:hover {
		background-color: var(--white);
		color: var(--primary-colour);
		border-color: var(--white); }
}
@media screen and (max-width: 980px) {
	div .et_pb_text_4 h1, div .et_pb_text_3 h1, div .et_pb_text_5 h1, div .et_pb_text_2 h1, div .et_pb_text_1 h1, div .et_pb_text_0 h1 {
		font-size: 2.25rem;
		line-height: 2.75rem; }
	
	h3 { 
		font-size: 1.875rem!important; 
		line-height: 2.188rem; }

	h2, p.large-text, footer .et_pb_text_inner h2 { 
		font-size: 1.5rem;
		line-height: 2rem; }

	.et_pb_section_0_tb_footer.et_section_regular div div { 
		text-align: center; }
	
	.et_mobile_menu li a:hover,.nav ul li a:hover {
		opacity: 1;
		color: var(--cream); }
	
	/* Header
	********************************/
	div#nav--wrapper.fixed--nav {
		position: fixed;
		top: 0.5em;
		left: 0.5em;
		right: 0.5em;
		width: auto;
		border-radius: 5px 5px; }
	
	.et_pb_menu .et_mobile_nav_menu {
		margin: 0 0; }
	
	 .et_pb_menu__logo {
    	max-width: 200px; }
	
	.et_pb_menu .et_mobile_menu {
		top: 90% !important; }
	
	ul#mobile_menu1 {
		border-radius: 0 0 5px 5px;
		background-color: var(--secondary-colour) !important; }

	#nav--wrapper > div.et_pb_row {
		margin-left: 0;
		margin-right: 0;
		padding-bottom: 0;
		width: 100%; }
	
	.et_pb_menu .et_pb_menu_inner_container {
		padding: 5% 5%; }
	
	.fixed--nav .et_pb_menu_inner_container {
    	padding: 2.5% 5%; }
	
	.mobile_nav span.mobile_menu_bar {
		background-color: var(--primary-colour);
		border-radius: 5px; }
	
	.mobile_nav.opened span:before {
    	content: "\4d"; }
	
	.et_pb_menu ul.et_mobile_menu {
    	padding: /*5% 2.5%;*/ 7% 5%;
		box-shadow: 0px 11px 11px 0px rgba(0, 0, 0,  0.06); }
	
	.et_mobile_menu li a {
		/*padding: 20px 0;*/
		font-size: 1.5rem;
        line-height: 2rem;
		padding: 1rem 0;
		color: var(--white);
		border-bottom: 1px solid rgba(255, 255, 255, 0.2); }	
	
	.et_mobile_menu li.current-menu-item > a {	
		color: var(--cream); }
	
	.et_mobile_menu li a:hover {
		background-color: transparent; }
	
	/* Homepage top banner 
	********************************/
	.ocd-logo {
		padding-top: 6%;
		padding-bottom: 3%; }
	
	.ocd-logo span img {
		max-width: 50vw; }
	
	/* Footer 
	********************************/
	footer .et_pb_section .et_pb_column {
		width: 100% !important;	
		margin-right: 0 !important;
        margin-bottom: 3em !important; }
	
	#footer-logo span img {
		max-width: 250px; }
}
@media all and (max-width: 1600px) and (min-width: 981px) {
	.ocd-logo span img {
		max-width: /*400px*/25vw; }
}
@media all and (max-width: 1366px) and (min-width: 1020px) {
	.home-banner {
		height: 55vh !important; }
	
	.ocd-logo span img {
		max-width: 350px !important; }
}
@media all and (min-width: 1251px) {
	#footer-logo span img {
		max-width: 250px; }
}
@media all and (max-width: 1250px) and (min-width: 981px) {
	/* Footer 
	********************************/
	footer .et_pb_section .footer-contact-wrapper .et_pb_column.footer-logo {
		width: 100% !important; }
	
	div#footer-logo span img {
		max-width: 350px; }
	
	footer .et_pb_section .footer-contact-wrapper .et_pb_column {
		margin-bottom: 3em !important; }
	
	footer .et_pb_section .footer-contact-wrapper .et_pb_column:not(.footer-logo) {
		width: 30% !important; }	
	
	footer .et_pb_section .footer-contact-wrapper .et_pb_column:not(.footer-logo):not(:last-of-type) {
		margin-right: 5% !important; }
	
	footer .et_pb_section .footer-contact-wrapper .et_pb_column:last-of-type {
		margin-right: 0 !important;	}
}
@media screen and (min-width: 768px) and (max-width:981px ) { 
	div.cs-img span img { 
		min-height: 400px; 
		object-fit: cover;
		border-radius: 20px 0px 0px 20px; }
	
	div#top-banner-row { 
		display: -webkit-box;
  		display: -ms-flexbox;  
  		display: -webkit-flex;
		display: flex;
    	direction: ltr; }
	
	div#top-banner-row .et_pb_column_2_5 {
    	width: 43%; 
		margin: auto; }
	
	div#top-banner-row .et_pb_column_3_5 {
		width: 57%; }
	
	div.cta-sticky-container div div.et_pb_button_module_wrapper {
		display: inline-block; 
		width: auto; 
		padding: 0px 10px; }
	
	div.et_pb_column_1_tb_header { 
		padding-top: 0; }	
}
@media all and (min-width: 768px) { 
	div.et_pb_gallery_grid .et_pb_gallery_items {
		display: -webkit-box !important;
  		display: -ms-flexbox !important;  
  		display: -webkit-flex !important;		
    	display: flex!important;
		justify-content: space-between; }
	
	div.et_pb_gallery_item {
    	width: 45% !important;
    	clear: none !important;
		margin: 0 !important; } 
}
@media screen and (max-width: 768px) { 
	body .et_pb_button { 
		width: 100%; }
	
	div#logo span img { 
		max-width: 80px; }
	
	div#top-banner-row { 
		background-image: none; }
	
	div#donate-cta {
		margin-bottom: 60px; }	
	
	.ocd-logo span img {
		max-width: 45vw;
		margin-bottom: -2em; }
}
@media (min-width: 500px) and (max-width: 767px) {
	div.et_pb_section.et_pb_section_0_tb_header { 
		background-size: cover!important; }
}
@media (max-width: 479px) {
	#top-header-row div .et_pb_column_0_tb_header { 
		margin-bottom: 0; }
}
@media print { 
	div.et_pb_section.et_pb_section_0_tb_header, body { 
		-webkit-print-color-adjust: exact; }
}