/*
Theme Name: Read to Grow 2.0
Author: Bulldog Studios
Author URI: https://bulldogstudios.com
Version: 2.0
Description: A child theme for Hello Elementor
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: read-to-grow-2
Template: hello-elementor
*/

/* GENERAL
=================================== */

:root { 
	--rtg-blue: #243a78;
	--rtg-lt-blue: #00a5e8;
	--rtg-gray: #444444;
	--rtg-green: #86cc36;
	--rtg-orange: #ed7f51;
	--rtg-purple: #7925b9;
	--rtg-red: #c42440;
	--rtg-ivory: #f6f2e9;
	--rtg-pale-green: #f3f6f5;
	--rtg-pale-purple: #f6f6fe;
	--rtg-font: "Noto Sans";
	--rtg-border-radius-16: 16px;
	--rtg-border-radius-24: 24px;
	--rtg-narrow: 1000px;
	
}

html body { font-size: clamp(1rem, 3.2vw, 1.125rem); font-family: var(--rtg-font); }

body h1, body h2, body h3, body h4, body h5, body h6 { font-family: var(--rtg-font); font-weight: 800; color: var(--rtg-blue); }

body h2 { font-size: clamp(1.75rem, 3vw, 2.125rem); }

body h3 { font-size: clamp(1.5rem, 2.734735vw, 1.75rem); }

body h4 { font-size: clamp(1.375rem, 2.343vw, 1.5rem); }

body ol, body ul, body li { margin-block-end: .9rem; margin-block-start: .9rem; }

body ul:last-child, body li:last-child { margin-block-end: 0; }

body strong { font-weight: 800; }

body a { color: var(--rtg-lt-blue); }

body a:active, body a:hover { color: var(--rtg-blue); }

body a.lt-blue-bg, body a.green-bg { color: var(--rtg-blue); }

body a.blue-bg:hover, body a.lt-blue-bg:hover, body a.green-bg:hover { color: #ffffff; }

.e-con.narrow > .e-con-inner, .narrow { max-width: var(--rtg-narrow); }

body div > h2:first-child, body div > h3:first-child { margin-block-start: 0; }

p + h2, ul + h2, p + h4, ul + h4 { margin-block-start: 2rem; }

p:last-child { margin-block-end: 0; }

body #page .elementor-button:hover { background-color: var(--rtg-red); }

.intro p { font-size: clamp(1.25rem, 2.539vw, 1.625rem); color: var(--rtg-blue); }

@media screen and (max-width: 1024px) {
	.hero-section { background-color: #ffffff; }
}

.page-header { background-image:url(/wp-content/uploads/page-head-background.webp) /* linear-gradient(65deg, #77bcc2 0, #32378b 50%, #0083b6 100%) */; background-position: bottom center; background-size: cover; margin-block-start: -125px; min-height: clamp(210px, 27.69230vw, 260px); }

#page-header h1 { font-size: clamp(2.3rem, 5.078125vw, 3rem); font-weight: 600; letter-spacing: 0; text-align: center; color: #ffffff; margin-block-end: clamp(.65rem, 2.5vw, 2rem); }

@media screen and (max-width: 660px) {
	.page-id-220 #page-header h1 { font-size: clamp(1.75rem, 3vw, 2rem); }
}

@media screen and (max-width: 470px) {
	.page-id-220 #page-header h1 { margin-block-end: 0; }
}



/* HEADER
=================================== */

.ehf-header #masthead { z-index: 100; }

#header-container { max-width: 1500px; margin: 0 auto; flex-direction: row; gap: 0; flex-wrap: nowrap; }

#logo-container { display: flex; justify-content: center; padding: 8px 12px 12px; background-color: var(--rtg-blue); width: clamp(192px, 20.76923vw, 270px); max-width: 270px; border-bottom-left-radius: 24px; }

.rtl #logo-container { border-bottom-left-radius: 0; border-bottom-right-radius: 24px; }

#logo-container img { width: clamp(110px, 11.84615vw, 154px); max-width: 154px; }

#main-menu-container { background-color: #ffffff; flex-basis: 100%; height: clamp(86px, 8.07692vw, 105px); border-bottom-right-radius: 24px; }

.rtl #main-menu-container { border-bottom-right-radius: 0; border-bottom-left-radius: 24px; }

#main-menu-container .hfe-nav-menu-icon { padding: 3px; }

#main-menu-container .hfe-nav-menu-icon svg { width: 50px; height: auto; }

#secondary-menu-container nav.hfe-nav-menu__layout-horizontal { width: auto !important; }

.hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-arrow { margin-left: clamp(4px, .76923vw, 10px); margin-top: clamp(-7px, -.76923vw, -10px); }

#main-menu-container .elementor-widget-container { display: flex; justify-content: center; align-items: flex-end; padding-bottom: clamp(10px, 1.2vw, 25px); }

#main-menu-container .elementor-widget-container a.hfe-menu-item { padding-left: clamp(7px, 1vw, 20px); padding-right: clamp(7px, 1vw, 20px); }

#secondary-menu-container { background-color: #ffffff; position: absolute; top: 0; right: 30px; }

.rtl #secondary-menu-container { background-color: #ffffff; position: absolute; top: 0; left: 30px; right: auto; }

#secondary-menu-container nav > ul { flex-direction: row; }

#secondary-menu-container nav > ul > li:first-child { margin-right: 15px; }

#secondary-menu-container nav > ul > li:nth-child(2) { background-color: var(--rtg-green); border-bottom-left-radius: 12px; transition: all .2s ease-in-out; opacity: 1; }

.rtl #secondary-menu-container nav > ul > li:nth-child(2) { border-bottom-left-radius: 0; border-bottom-right-radius: 12px; }

#secondary-menu-container nav > ul > li:nth-child(2):hover { opacity: .8; }

#secondary-menu-container nav > ul > li:last-child { background-color: var(--rtg-lt-blue); border-bottom-right-radius: 12px; transition: all .2s ease-in-out; opacity: 1; }

.rtl #secondary-menu-container nav > ul > li:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 12px; }

#secondary-menu-container nav > ul > li:last-child:hover { opacity: .8; }

#secondary-menu-container nav > ul > li:nth-child(2) a, #secondary-menu-container nav > ul > li:last-child a { color: #ffffff; }

#secondary-menu-container li[id*="menu-item-wpml-ls-151"] a { font-weight: 500; color: var(--rtg-blue); }

#secondary-menu-container li[id*="menu-item-wpml-ls-151"] a:hover { font-weight: 500; color: var(--rtg-lt-blue); }

#secondary-menu-container li[id*="menu-item-wpml-ls-151"] .sub-menu li a { font-weight: 500; font-size: 13px; justify-content: flex-start; column-gap: 10px; }

@media screen and (min-width: 768px) {
	#main-menu-container nav.hfe-nav-menu__layout-horizontal { width: auto !important; }
}

@media screen and (max-width: 560px) {
	#secondary-menu-container { right: 20px; }
	#secondary-menu-container a { font-size: 13px; padding: 7px 10px 9px; }
	#secondary-menu-container li[id*="menu-item-wpml-ls-151"] { margin-right: 20px; }
}

@media screen and (max-width: 460px) {
	.elementor-12291 .elementor-element.elementor-element-e077eca { border-top-width: 26px; }
	#main-menu-container .elementor-widget-container { justify-content: center; align-items: center; padding: 0; }
	#secondary-menu-container { top: -26px; background-color: transparent; }
	#secondary-menu-container li[id*="menu-item-wpml-ls-151"] a { color: #ffffff; }
	
}



/* HOME PAGE
=================================== */

#hp-hero-text h1, #hp-timelapse h2, #hp-infographic h2 { font-size: clamp(1.625rem, 2.86567vw, 3rem); font-weight: 800; text-align: initial; margin-top: 0; margin-bottom: 20px; color: var(--rtg-blue); }

#hp-hero-text p, #hp-timelapse p, #hp-infographic p { font-size: 22px; color: var(--rtg-blue); }

#hp-carousel { background: linear-gradient(65deg, #77bcc2 0, #2d317c 40%, #3e115d 100%); }

@media screen and (min-width: 1025px) {
	#hp-hero, #hp-hero .e-con-inner, #hp-hero-text, #hp-hero-video { max-height: 800px; }
}

/* @keyframes zoom_in {
	0% {
		transform:scale(1);
	}
	100% {
		transform:scale(1.2);
	}
} */


/* Home Page Slider */

.bdt-static-carousel { --content-offset: -30px;
	                     --bdt-border-radius: var(--rtg-border-radius-16);
	                     --border-style: 5px solid var(--rtg-orange);
	                     --transition: all .15s ease-in-out; }

.bdt-slidenav { padding: 3px; }

.bdt-navigation-prev, .bdt-navigation-next { display: flex; align-items: center; background-color: rgba(255,255,255,.5); height: 80px; border-radius: 4px; }

[class*="elementor-widget-bdt-"] .swiper-slide { overflow: visible; border-radius: var(--bdt-border-radius); border-top: var(--border-style); border-bottom: var(--border-style); }

.bdt-ep-static-carousel-item { margin-top: 30px; }

.bdt-ep-static-carousel-image { position: relative; top: var(--content-offset); width: 90%; margin: 0 auto; border-radius: var(--bdt-border-radius); overflow: hidden; }

.bdt-ep-static-carousel-image img { border-radius: var(--bdt-border-radius); transform: scale(1); transition: 0.3s ease-in-out; }

/* .bdt-ep-static-carousel-image:hover img { transform: scale(1.07); } */

.bdt-ep-static-carousel-content .bdt-ep-static-carousel-title { font-family: var(--rtg-font); font-size: 22px; font-weight: 800; color: var(--rtg-blue); margin-bottom: .5454em; }

.bdt-ep-static-carousel-content .bdt-ep-static-carousel-text { font-family: var(--rtg-font); font-size: 17px; color: var(--rtg-blue); }

.bdt-ep-static-carousel-content .bdt-ep-static-carousel-readmore { font-family: var(--rtg-font); font-size: 16px; color: var(--rtg-green); text-transform: uppercase; display: flex !important; align-items: center; text-decoration: none; transition: var(--transition); }

.bdt-ep-static-carousel-content .bdt-ep-static-carousel-readmore:hover,
.bdt-ep-static-carousel-content .bdt-ep-static-carousel-readmore:hover svg.e-font-icon-svg{ color: var(--rtg-blue); text-decoration: underline; fill: var(--rtg-blue); }

.bdt-ep-static-carousel-content .bdt-ep-static-carousel-readmore svg.e-font-icon-svg { fill: var(--rtg-green); transition: var(--transition); }

.bdt-ep-static-carousel-content .bdt-ep-static-carousel-readmore .bdt-button-icon-align-right { float: initial; display: flex; }

@media screen and (max-width: 1260px) {
	.bdt-static-carousel { width: calc(100vw - 120px); margin: 0 auto; }
}

@media screen and (max-width: 1200px) {
	.elementor-12510 .elementor-element.elementor-element-96a0116 .bdt-navigation-prev { left: 0; }
	.elementor-12510 .elementor-element.elementor-element-96a0116 .bdt-navigation-next { right: 0; }
}

@media screen and (min-width: 1201px) and (max-width: 1260px) {
	.elementor-12510 .elementor-element.elementor-element-96a0116 .bdt-navigation-prev { left: -30px; }
	.elementor-12510 .elementor-element.elementor-element-96a0116 .bdt-navigation-next { right: -30px; ; }
}


/* Home Page Infographic */

#hp-infographic h2 { text-align: center; }

#hp-infographic .ig-stat, #hp-infographic .ig-stat-text { text-align: center; margin: 0; text-transform: uppercase; font-weight: 600; color: var(--rtg-blue); }

#hp-infographic .ig-stat { font-size: clamp(1.5625rem, 2.84615vw, 2.3125rem); line-height: 1.1; }

#hp-infographic .ig-stat-text { font-size: clamp(1.0625rem, 1.61538vw, 1.3125rem); line-height: 1.3; }

@media screen and (max-width: 767px) {
	#hp-infographic .ig-stat { font-size: 2.3125rem; }
	#hp-infographic .ig-stat-text { font-size: 1.3125rem; }
}


/* OUR BOARD
=================================== */

.board h4 { font-size: 1.2em; font-weight: 700; margin-block-start: .75rem; margin-block-end: 0; }

.board h4:first-child { margin-block-start: 0; }

.board h4 + h4 { margin-block-start: 1rem; }

.board p { margin-block-end: 1.2rem; }



/* OUR TEAM
=================================== */

[class*="bdt-"], [class*="bdt-"]::before, [class*="bdt-"]::after { font-family: var(--rtg-font); }

.bdt-member-content { padding: 1em; }

.bdt-member-name { font-size: clamp(1.375rem, 2.34375vw, 1.5rem); color: var(--rtg-purple); margin-block-end: 0;  }

.bdt-member-role { font-size: 1rem; font-weight: 600; opacity: 1; color: #888888; margin-bottom: .5rem; }

.bdt-member-text { font-size: 1rem; }

.bdt-member-photo-wrapper { border-radius: var(--rtg-border-radius-16); border: 1px solid #e8e8e8; /* box-shadow: 1px 1px 12px 0 rgba(0,0,0,.15); */ }



/* BIOS
=================================== */

#page-header .bio h1 { text-align: left; margin-block-end: 0; }

#page-header .bio h4 { color: #ffffff; margin-block-start: .2rem; margin-block-end: 2rem; }

.bio img { border-radius: var(--rtg-border-radius-16); border: 1px solid #e8e8e8; box-shadow: 2px 2px 10px 0 rgba(0,0,0,.15); }

.e-con.bio > .e-con-inner { column-gap: clamp(30px, 4vw, 60px); }



/* IMPACT TOUR
=================================== */

#storymap-iframe-root iframe { max-width: 1920px; left: 50% !important; transform: translate(-50%); }



/* EVENTS
=================================== */

.evo_arrows button { padding: inherit; }



/* BLOG POSTS
=================================== */

.single .page-header { min-height: clamp(140px, 140px, 140px); }

.single #post-title-section { min-height: clamp(260px, 29.62962963vw, 540px); max-width: 726px; justify-self: end; }

.single .elementor-heading-title { line-height: 1.2em; font-size: clamp(24px, 2.5vw, 40px); }

.single .addtoany_list { display: flex; justify-content: center; column-gap: 15px; }

.single .addtoany_content { margin-top: 32px; }

.page-id-20082 .elementor-inline-items.elementor-post-info li:first-child,
.single .elementor-inline-items.elementor-post-info li:first-child { margin-right: 0; }

.page-id-20082 .elementor-inline-items.elementor-post-info li.elementor-icon-list-item:nth-child(2),
.single .elementor-inline-items.elementor-post-info li.elementor-icon-list-item:nth-child(2) { margin-inline-start: 0; }

.page-id-20082 .elementor-inline-items.elementor-post-info li.elementor-icon-list-item:nth-child(2)::before, 
.single .elementor-inline-items.elementor-post-info li.elementor-icon-list-item:nth-child(2)::before { content: ", "; margin-inline-end: 5px; color: var(--rtg-red); }



/* A NIGHT FOR THE BOOKS SPONSORS
=================================== */

.sponsor-logos { display: flex; flex-wrap: wrap; justify-content: center; align-items: center;column-gap: 2vw; row-gap: 2vw; }

.sponsor-logos div { display: flex; flex: 0 1 calc((100% - (3 * 2vw)) / 4); margin: 0; padding: 0; justify-content: center; align-items: center; }

.sponsor-logos img { height: auto; width: auto; max-height: 120px; }

.sponsor-logos img.needleman-hubbard, .sponsor-logos img.liss-uomoleale { height: auto; width: auto; max-height: 64px; }

@media screen and (max-width: 767px) {
	.sponsor-logos div { display: flex; flex: 0 1 calc((100% - (2 * 2vw)) / 3); margin: 0; padding: 0; height: auto; width: auto; max-height: 130px; justify-content: center; align-items: center; }
	.sponsor-logos img { height: auto; width: auto; max-height: 90px; }
}

@media screen and (max-width: 600px) {
	.sponsor-logos div { display: flex; flex: 0 1 calc((100% - (1 * 2vw)) / 2); margin: 0; padding: 0; height: auto; width: auto; max-height: 130px; justify-content: center; align-items: center; }
	.sponsor-logos img { height: auto; width: auto; max-height: 70px; }
}



/* NEWSLETTER POPUP
=================================== */

.newsletter-popup.elementor-popup-modal .dialog-widget-content, .newsletter-popup.elementor-popup-modal .dialog-message { border-radius: 30px; }

.newsletter-popup.elementor-popup-modal .dialog-widget-content .elementor-element h2 { font-family: var(--rtg-font); font-weight: 600; font-size: 26px; line-height: 1.2; color: var(--rtg-blue); }

.newsletter-popup.elementor-popup-modal .dialog-widget-content .elementor-element .elementor-button[type="submit"] { background-color: var(--rtg-lt-blue); border-radius: 6px; }

.newsletter-popup.elementor-popup-modal .dialog-widget-content .elementor-element .elementor-button[type="submit"]:hover { background-color: var(--rtg-red); }

.newsletter-popup.elementor-popup-modal .dialog-widget-content .elementor-element .dialog-close-button:focus,
.newsletter-popup.elementor-popup-modal .dialog-widget-content .elementor-element .dialog-close-button:focus-visible,
.newsletter-popup.elementor-popup-modal .dialog-widget-content .elementor-element .dialog-close-button:focus-within,
.newsletter-popup.elementor-popup-modal .dialog-widget-content .elementor-element .dialog-close-button svg:focus,
.newsletter-popup.elementor-popup-modal .dialog-widget-content .elementor-element .dialog-close-button svg:focus-visible,
.newsletter-popup.elementor-popup-modal .dialog-widget-content .elementor-element .dialog-close-button svg:focus-within { outline: none; }

.ctct-disclosure { display: none; }

.ctct-form-wrapper .ctct-form.ctct-form-16759 label { display: none; }

.ctct-form-wrapper .ctct-form.ctct-form-16759 input[type="email"] { font-size: 15px; color: #999999; border-color: #e2e2e2; border-radius: 6px; padding: 4px 12px; }

.ctct-form-wrapper .ctct-form.ctct-form-16759 input[type="submit"] { border-radius: 6px; padding: 8px 22px; }

.ctct-form-wrapper .ctct-form.ctct-form-16759 input[type="submit"]:hover { background-color: var(--rtg-red); }



/* FORM PAGES
=================================== */

.form p + h3 { margin-block-start: 2rem; }



/* FOOTER
=================================== */

#sub-footer-container { max-width: 1500px; margin: 0 auto; flex-direction: row; gap: 0; }

#guidestar-seal img { width: 125px; height: auto; margin-top: 15px; }

#sub-footer-container .elementor-nav-menu--main .elementor-nav-menu a, #sub-footer-container .elementor-nav-menu--main .elementor-nav-menu a.highlighted, #sub-footer-container .elementor-nav-menu--main .elementor-nav-menu a:focus, #sub-footer-container .elementor-nav-menu--main .elementor-nav-menu a:hover { padding-top: 0; }

/* #sub-footer-container p, #sub-footer-container a { color: #ffffff; } */

#footer-container { max-width: 1500px; margin: 0 auto; flex-direction: row; gap: 0; }

footer p { margin-bottom: 0; font-size: 13px; }

@media screen and (max-width: 767px) {
	#sub-footer-container .elementor-nav-menu, #sub-footer-container .elementor-nav-menu li, #sub-footer-container .elementor-nav-menu ul, #sub-footer-container .elementor-nav-menu a { display: inline; text-align: center; }
	
	#sub-footer-container nav { margin: 0 auto; }
}



/* GRAVITY FORMS
=================================== */

.red { color: var(--rtg-red); }

.gform_wrapper.gravity-theme .gfield_label { line-height: 1.5; }

.gform_wrapper.gravity-theme .gsection.gf-no-rule { border-bottom: none; }

.html-label p { font-size: 16px; font-weight: 700; line-height: 1.5; }

.gform_wrapper.gravity-theme .gsection { margin-bottom: 12px; }

.form .gform_wrapper.gravity-theme .gform_fields { grid-row-gap: clamp(30px, 3.90625vw, 40px); grid-column-gap: 4%; }

.gform_required_legend { display: none; }

.form .gform_wrapper.gravity-theme .gfield_checkbox label, .form .gform_wrapper.gravity-theme .gfield_radio label { font-size: 16px; line-height: 1.5; }

.gfield--type-html h3 { margin-bottom: 0; }

.form .gfield_radio { display: flex; flex-direction: column; row-gap: 12px; }

.form .gform_wrapper.gravity-theme .gfield.gf_list_inline .gfield_radio { display: flex; flex-direction: row; }

.form .gfield_radio .gchoice, .form .gform_wrapper.gravity-theme .gfield.gf_list_inline .gfield_radio .gchoice { display: inline-grid; gap: var(--gf-field-choice-meta-space) 0; grid-template-columns: 20px auto; padding-inline-end: 26px; }

.gfield_radio input.gfield-choice-input { height: 24px; line-height: 20px; }

.gfield_checkbox input.gfield-choice-input[type="checkbox"] { height: 18px; width: 18px; }

.gfield_radio label { margin-inline-start: 8px; }

.gfield_checkbox label { margin-inline-start: 8px; }

.form .gform_wrapper.gravity-theme .gform_footer { margin-top: 16px; }


/* Form 5 - Program Request Form */

#gform_fields_5 #field_5_63 { font-size: 16px; }


/* Form 33 - Early Stages Survey - Spanish (Inactive) */

/* #gform_wrapper_33 .gform_heading, #gform_wrapper_33 { display: none; } */