/*-------------------------------------------------------
Theme Name: Exhale Pro-Voice Divi Child Theme
Theme URI: https://exhaleprovoice.org/
Description: A child theme template for Divi
Author: Heather Olah
Author URI: https://www.designolah.com/
Template: Divi
Version: 1.0.0
----------------- ADDITIONAL CSS HERE ------------------*/


/*------- GENERAL -------*/

#page-title .et_pb_row {
	max-width: 1000px;
	padding-bottom: 0;
}
@media only screen and (max-width: 1500px) {
	#page-title .et_pb_row {
		max-width: 800px;
	}
}
@media only screen and (max-width: 1330px) {
	#page-title .et_pb_row {
		max-width: 600px;
	}
}
@media only screen and (max-width: 1100px) {
	#page-title .et_pb_row {
		max-width: 450px;
	}
}
@media only screen and (max-width: 980px) {
	#page-title .et_pb_row {
		max-width: none;
		margin-top: 100px;
	}
}

.purple-box a {
	color: #FCE8DE;
	text-decoration: underline;
}

#page-content p a, #page-content li a,
#page-content-text p a, #page-content-text li a {
	text-decoration: underline;
}

#page-content h1, #page-content h2, #page-content h3, #page-content h4, #page-content h5, #page-content h6,
#page-content-text h1, #page-content-text h2, #page-content-text h3, #page-content-text h4, #page-content-text h5, #page-content-text h6 {
    padding-top: 20px;
	padding-bottom: 20px;
    line-height: 1.2em;
}

#page-content-text li, #page-content-text li, ul.text-list li {
	padding-bottom: 10px;
}
ul.text-list {
	padding-top: 10px;
}

#page-content blockquote,
#page-content-text blockquote,
.quote-section blockquote {
	color: #f69a7f;
}
#page-content blockquote p,
#page-content-text blockquote p,
.quote-section blockquote p {
	color: #633d7c;
	font-size: 120%;
    line-height: 1.7;
}
#page-content blockquote cite em,
#page-content-text blockquote cite em,
.quote-section blockquote cite em {
	color: #633d7c;
    padding-top: 5px;
	padding-bottom: 5px;
    display: inline-block;
	font-style: normal;
}
#page-content blockquote cite em::before,
#page-content-text blockquote cite em::before,
.quote-section blockquote cite em::before {
	content: "—";
}

#page-content .wp-block-button .wp-block-button__link {
	font-size: 16px;
    background-color: #633d7c;
    border-width: 10px !important;
    border-color: #633d7c;
    border-radius: 36px;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
}


/*------- HEADER -------*/

#main-header {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.container.et_menu_container {
    width: 100%;
    max-width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}
.et_header_style_left .logo_container {
    position: absolute;
    top: -100px;
    left: -160px;
    height: 320px;
	width: 500px;
    border-radius: 50%;
    background: #ffffff;
}
#logo {
	margin-left: 208px;
	margin-top: 75px;
	max-width: 355px;
}
@media (max-width: 980px) {
	.et_header_style_left #logo {
    	max-width: 355px;
	}
}
@media only screen and (max-width: 660px) {
	.et_header_style_left .logo_container {
    	position: absolute;
    	top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
    	height: auto;
		width: 110%;
		padding: 25px 0px 40px 0px;
		text-align: center;
	}
	#logo {
		margin-left: auto;
		margin-top: 0px;
		max-width: 280px !important;
	}
}
@media only screen and (max-width: 430px) {
	#logo {
		max-width: 200px !important;
	}
}



/*------- HOMEPAGE -------*/

@media only screen and (min-width: 980px) and (max-width: 1130px) {
    body.home .et_pb_text_0 h1 {
        font-size: 40px !important;
    }
}

@media only screen and (max-width: 500px) {
    body.home #textline h2 {
        font-size: 44px !important;
    }
	body.home #textline h3 {
        font-size: 30px !important;
    }
}

#faq ul {
  list-style-type: none;
}
#faq ul li {
  position: relative;
  margin-bottom: 1.5em;
  padding-left: 2.5em;
}
#faq ul li::before {
  content: '';
  position: absolute;
  width: 22px;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url('https://exhaleprovoice.org/wp-content/uploads/2025/05/question-mark-icon.png');
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: top;
}

a.link-button {
	display: inline-block;
	color: #fff;
	font-weight: bold;
	letter-spacing: 1px;
	border: 3px solid #fff;
	border-radius: 36px;
	padding: 10px 20px;
	margin: 20px auto 0 auto;
}
a:hover.link-button, a:focus.link-button, a:active.link-button {
	background: #3b1f47;
	border: 3px solid #3b1f47;
}


/*------- FOOTER -------*/

footer p a {
	text-decoration: underline;
}

.footer-credits a {
	color: #fff;
}

.footer-credits .et_pb_row {
	max-width: 100%;
	width: 100%;
	padding: 20px;
}

/* Mailchimp subscribe form */
#mc-embedded-subscribe, #mc_embed_signup .button {
	color: #FFFFFF !important;
    border-width: 0px !important;
    border-radius: 50px !important;
    letter-spacing: 1px !important;
    font-size: 15px !important;
    font-family: 'DM Sans', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #ec5253 !important;
    padding-top: 8px !important;
    padding-right: 50px !important;
    padding-bottom: 8px !important;
    padding-left: 50px !important;
    margin-top: 26px !important;
	height: auto !important;
}
#mc_embed_signup .mc-field-group label {
    font-size: 16px;
}
#mc_embed_signup .mc-field-group input {
    font-size: 16px;
}
#mc_embed_signup #mce-success-response {
	color: #ec5253 !important;
}



/*------- SPECIFIC SUBPAGES -------*/

/* Leadership */
.et_pb_team_member_description h4 {
	padding-bottom: 5px !important;
}
p.et_pb_member_position {
	padding-bottom: 20px !important;	
}

/* Survey */
body.page-id-3870 #main-header {
	z-index: auto !important;
}
body.page-id-3870 .container.et_menu_container {
    z-index: auto !important;
}
body.page-id-3870 .logo_container {
	z-index: 2 !important;
}
@media only screen and (max-width: 1000px) {
	body.page-id-3870 .logo_container {
		display: none;
	}
	body.page-id-3870 #page-title .et_pb_row {
        margin-top: 0px;
    }
}

/* Become a Counselor */
#time ul {
  list-style-type: none;
}
#time ul li {
  position: relative;
  margin-bottom: 1.5em;
  padding-left: 2.5em;
}
#time ul li::before {
  content: '';
  position: absolute;
  width: 22px;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url('https://exhaleprovoice.org/wp-content/uploads/2025/08/clock-icon.png');
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: top;
}

/* Resources */
#support {
	background-color: #f2ebe4;
    border-radius: 22px 22px 22px 22px;
	padding: 25px 45px 40px 50px;
}
#additional {
	background-color: #f2ebe4;
    border-radius: 22px 22px 22px 22px;
	padding: 20px 40px 25px 40px;
}
@media only screen and (max-width: 440px) {
	#support, #additional {
		padding: 15px 30px 35px 35px;
	}
}