/*
Theme Name: aremcore Divi
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Divi child theme by aremInteractive 
Author: aremInteractive
Author URI: http://www.areminteractive.com
Template: Divi
*/

@import url("../Divi/style.css");

/**
 * Reset
 */

html {-webkit-text-size-adjust: none;}
html, body {
    min-height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/** Global styling */
h1, h2, h3, h4, h5, h6 {line-height: normal;}
h1,
.et_pb_title_container h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

p:not(.has-background):last-of-type {padding-bottom: 1em;}
p:not(.has-background):last-child {padding-bottom: 0;}

.et_pb_text ul,
.et_pb_text ol {padding-top: 1em; padding-left: 1.2em;}
.et_pb_text ul ul,
.et_pb_text ol ol {padding-top: 0; padding-bottom: 0;}
.et_pb_text ul ul {list-style: circle;}

.entry-content p + ul,
.entry-content p + ol,
.entry-content h1 + ul,
.entry-content h1 + ol,
.entry-content h2 + ul,
.entry-content h2 + ol,
.entry-content h3 + ul,
.entry-content h3 + ol,
.entry-content h4 + ul,
.entry-content h4 + ol,
.entry-content h5 + ul,
.entry-content h5 + ol,
.entry-content h6 + ul,
.entry-content h6 + ol {padding-top: 0;}

.row-vert-center {
    /*display: flex;
    flex-direction: row;*/
    align-items: center;
}

/** Custom CPT lists via shortcode */
.list-cpt {overflow: hidden;}
.list-cpt .et_pb_column_1_3,
.list-cpt .et_pb_column_1_3:last-child {width: 29.33%; margin: 0 4% 3% 0 !important;}
.list-cpt .et_pb_column_1_3:nth-child(3n+4) {clear: both;}

.split-text {
	-webkit-columns: 300px 2;
	   -moz-columns: 300px 2;
	        columns: 300px 2;
	-webkit-column-gap: 40px;
	   -moz-column-gap: 40px;
	        column-gap: 40px;
}
.hideme, .hide-me {display: none !important;}

/*
 * Divi Module Overrides
 */

/** Accordion / Toggle module */
.et_pb_toggle_title {margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;}
/** Make full bar clickable on toggles and accordions */
.et_pb_toggle_close, 
.et_pb_toggle_open {padding: 0 !important;}
.et_pb_toggle_title {padding: 20px 50px 20px 20px !important; margin: 0 !important;}
.et_pb_accordion .et_pb_toggle_title:before, 
.et_pb_toggle .et_pb_toggle_title:before {right: 20px !important;}
.et_pb_toggle_content {padding: 10px 20px 20px !important;}

/** Number Counter */
.et_pb_number_counter.et_pb_with_title .percent {margin-bottom: 10px;}
.et_pb_number_counter.stat-number-dollar .percent-value:before {
    content: "$";
}



/*
 * Links
 */

#et-main-area a:not(.et_pb_button, .et_pb_social_media_follow a, .et_pb_video_play, .et-pb-arrow-prev, .et-pb-arrow-next, .et_pb_main_blurb_image a, .et_pb_slide_title a, .post-meta a, .et_pb_post h2.entry-title a) {
    text-decoration: underline;
}
.et_pb_bg_layout_dark a {color: #fff;}
.et_pb_bg_layout_dark a:hover {color: #fff;}



/**
 * Buttons
 */

/** Make ET shortcode buttons from the text editor look like Divi buttons */
a.small-button,
a.large-button,
.nf-field-container.submit-container .submit-wrap input[type=submit] {
    background: transparent;
    color: #e05829;
    position: relative;
    padding: 0.3em 1em !important;
    border: 1px solid #e05829;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 12px;
    font-weight: 600 !important;
    line-height: 1.7em !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    box-shadow: none;
    text-shadow: none;
    text-transform: uppercase;
    height: auto;
    letter-spacing: 0.05em;
}
a.small-button:hover,
a.large-button:hover,
.nf-field-container.submit-container .submit-wrap input[type=submit]:hover {
	padding: 0.3em 1em !important;
    background: #e05829;
    color: #fff;
    opacity: 1;
    cursor: pointer;
}
a.small-button,
a.large-button,
a.small-button:hover,
a.large-button:hover {
    color: #fff !important;
}

/** Light text buttons */
/*
.et_pb_bg_layout_dark .et_pb_button {color: #fff !important; border-color: #fff;}
.et_pb_bg_layout_dark .et_pb_button:hover {color: inherit !important; border-color: #fff !important; background-color: rgba(62,138,207,0.6) !important; text-decoration: none;}
*/

.button-inline {float: left; margin-right: 25px;} 



/*
 * Post Styling
 */


body.single .et_pb_post {margin-bottom: 0;}
body.single .et_pb_post .et_post_meta_wrapper img {float: right; margin: 0 0 15px 20px; max-width: 50%;}
body.single .et_pb_post .entry-content {padding-top: 0;}
body.single .et_pb_post .post-meta,
body.single .et_pb_post .post-tags {
    padding: 2px 12px !important;
    background: #f6f6f6;
    border: 1px solid #e6e6e6;
    margin-bottom: 30px;
    font-size: 12px;
    color: #666;
}
body.single .et_pb_post .post-tags {
	margin: 10px 0;
	padding: 5px 10px !important;
	font-weight: 600;
}
body.single .et_pb_post .post-meta a {color: #666;}
body.single .et_pb_post .post-tags a {font-weight: 500;}

/** 
 * Post Archive Lists
 */

/** Thumbnails in primary lists */
.et_pb_posts .et_pb_post,
body.blog .et_pb_post, 
body.archive .et_pb_post, 
body.search .et_pb_post {
	clear: both;
	overflow: hidden;
    margin: 20px 0;
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
}
.et_pb_posts .et_pb_post:first-child,
body.blog .et_pb_post:first-child, 
body.archive .et_pb_post:first-child, 
body.search .et_pb_post:first-child {
	margin-top: 0;
	padding-top: 0;
}
/* remove the margin if we float the thumbnail left in the Divi Blog module */
.et_pb_posts .et_pb_post a.entry-featured-image-url {margin-bottom: 0;} 
.et_pb_posts .et_pb_post a img,
body.blog .et_pb_post a img, 
body.archive .et_pb_post a img,
body.search .et_pb_post a img {
	float: right;
	max-width: 50%;
	margin-left: 20px;
	border: solid 1px #ccc;
	padding: 2px;
}
.et_pb_posts .et_pb_post h2,
body.blog .et_pb_post h2, 
body.archive .et_pb_post h2, 
body.search .et_pb_post h2 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 22px;
}
.et_pb_posts .et_pb_post .post-meta,
body.blog .et_pb_post .post-meta,
body.archive .et_pb_post .post-meta,
body.search .et_pb_post .post-meta,
.et_pb_posts .et_pb_post .post-meta a,
body.blog .et_pb_post .post-meta a,
body.archive .et_pb_post .post-meta a,
body.search .et_pb_post .post-meta a {color: #666;}
.et_pb_posts .et_pb_post .post-meta a:hover,
body.blog .et_pb_post .post-meta a:hover,
body.archive .et_pb_post .post-meta a:hover,
body.search .et_pb_post .post-meta a:hover {color: #444;}

/** archive: programs - hide until author information is fixed */
body.post-type-archive-program .post-meta,
body.post-type-archive-initiative .post-meta,
body.post-type-archive-staff .post-meta {display: none;}

/** video embeds within posts */
.et_pb_post .et_post_video {clear: both;}


/*
 * Header
 */

/** Logo */
.logo_container img#logo {
    height: auto;
    max-height: 80%;
    max-width: 238px;
    background-position-y: 55%;
}
body:not(.et_pb_svg_logo) .logo_container > a {
    display: inline-block;
    height: 100%;
    width: 238px;
    max-width: 100%;
    background: url(/wp-content/uploads/2023/08/chsa-logo.png) 0% 55% no-repeat;
    background-size: contain;
}
body:not(.et_pb_svg_logo) .logo_container > a img#logo {
    display: none;
}
/* http://imulus.github.io/retinajs/*/
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  body:not(.et_pb_svg_logo) .logo_container > a  {
    background-image: url('/wp-content/uploads/2023/08/chsa-logo@2x.png') !important;
  }
}


/** Primary Menu */


/** Stylized menu items as buttons (primary navigation) */
#top-menu .menu-item-callout > a,
.et-fixed-header #top-menu li.current-menu-item.menu-item-callout > a {
	padding: 10px !important;
    margin-top: -10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #fff !important;
    font-weight: 700 !important;
    background: #ef4136;
}

/** Header Social Icons */
/*.et-social-twitter {float: right;}
.et-social-google-plus {float: left;}
.et-social-google-plus a.icon:before {content: "\e09d";}
.et-social-twitter a.icon:before {content: "\e09a";}
*/

#top-menu li.current-menu-item > ul.sub-menu a {color: inherit !important;}

/** Mobile Menu */
#mobile_menu li a {padding: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.050);}
#mobile_menu li li {padding-left: 10px;}
#mobile_menu .menu-item-callout > a {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #fff !important;
    font-weight: 700 !important;
    background: #ef4136;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    /*display: inline-block;*/
}



/**
 * Footer
 */

/* Pre-footer CTA – the "shine" element */
#pre-footer-cta:after {
  content: "";
  position: absolute;
  top: 0%;
  left: -50%;
  width: 50%;
  height: 100%;
  
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.0) 0%,
    rgba(255, 255, 255, 0.13) 45%,
    rgba(255, 255, 255, 0.5) 55%,
    rgba(255, 255, 255, 0.0) 100%
  );

}
/* Hover state - trigger effect */
#pre-footer-cta.et_had_animation:after {
  opacity: 1;
  top -30%;
  left: 100%;
  transition-property: left, top, opacity;
  /*transition-property: left, top;*/
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-timing-function: ease;
}




/**
 * Ninja Forms 
 */

/** Override Opinionated Styles */
/*
.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field {height: 40px !important;}
.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content .ninja-forms-field {padding: 10px !important;}
.nf-form-content .list-select-wrap>div div {height: 40px !important;}
.nf-form-content .list-select-wrap>div div:after {height: 40px !important; line-height: 40px !important;}
*/

.nf-field-container {margin-bottom: 20px !important;}
.nf-field-container.label-above .nf-field-label {margin-bottom: 3px !important;}
.nf-field-container.phone-container {margin-bottom: 5px !important;}
.nf-field-container.checkbox-container {margin-bottom: 25px !important;}
.nf-field-container.checkbox-container label {font-weight: 600;}
.nf-form-fields-required {color: #888; font-style: italic;}
.nf-form-content {/*max-width: 1080px !important;*/margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important;}
.nf-field-description {padding-bottom: 15px;}
.nf-field-container label {font-size: 16px !important;}
/* - was causing double radio buttons
.list-checkbox-wrap .nf-field-element li input, 
.list-radio-wrap .nf-field-element li input {margin-top: 0.6em !important;}
*/
.nf-field-container.hr-container {margin-top: 40px !important;}
.nf-field-container.html-container h2,
.nf-field-container.html-container h3,
.nf-field-container.html-container h4,
.nf-field-container.html-container h5,
.nf-field-container.html-container h6 {margin-bottom: 20px;}
.nf-field-container .education-highlight {color: red;}

.listradio-wrap .nf-field-element label.nf-checked-label:before {top: 0.3em !important;}



/*
 * Homepage
 */

/** Post slider */
#home-slider .et_pb_slider_container_inner {padding: 50px 0;}
#home-slider .et_pb_slide_description {
    position: relative;
    padding: 0; 
    background: #fff;
    max-width: 400px;
    margin: 0;
    text-align: left;
    /*-webkit-animation-duration: .1s;
    animation-duration: .1s;*/
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}
#home-slider .et_pb_slide_title {padding: 70px 35px 10px 35px;}
#home-slider .et_pb_slide_title a {font-weight: 500 !important;}
#home-slider .et_pb_slide_content {
    padding: 0 35px 30px 35px;
    display: flex;
    flex-direction: column;
}
#home-slider .et_pb_slide_content .post-meta {order: 2;}
#home-slider .et_pb_slide_content > div {order: 1;}
#home-slider .post-meta {color: red; font-weight: 600 !important; font-size: 14px !important;}
#home-slider .post-meta .author a {font-weight: 600 !important; font-size: 14px !important;}
#home-slider .post-meta .published {display: block;  font-size: 13px !important; font-weight: 500 !important;}
#home-slider .post-meta a[rel*="category"] {
    position: absolute;
    top: 30px; 
    left: 35px;
    color: #e05829 !important; 
    text-transform: uppercase; 
    font-weight: 900 !important;
    letter-spacing: 0.1em;
}
#home-slider .et_pb_button_wrapper {background: #e05829; padding: 0 35px;}
#home-slider .et_pb_button_wrapper .et_pb_button {
    margin-top: 0; 
    padding-right: 0;
    padding-left: 0;
    border: 0 none;
    display: block;
    line-height: 40px !important;
    font-weight: 600;
}
body #page-container .et_pb_section #home-slider.et_pb_fullwidth_post_slider.et_pb_slider .et_pb_more_button.et_pb_button:after {
    font-weight: 500 !important;
    left: 98%;
    font-size: 18px !important;
}
#home-slider .et-pb-controllers {
    bottom: 5px;
    /*max-width: 1080px;
    margin-left: auto !important;
    margin-right: auto !important;
    right: 0;
    text-align: left;
    text-indent: 20px;*/
}
#home-slider .et-pb-controllers a {
    background: transparent;
    border: 2px solid #fff;
    width: 12px;
    height: 12px;
}
#home-slider .et-pb-controllers a:hover {background: rgba(255, 255, 255, 0.5);}
#home-slider .et-pb-controllers .et-pb-active-control,
#home-slider .et-pb-controllers .et-pb-active-control:hover {background: #fff;}

/** Supreme Image Slider */
.home-hero-slider {text-align: center;}
@media only screen and (min-width: 1120px) {
    .home-hero-slider img {max-width: 1100px;}
}

/** Section: What We Do */
#section-what-we-do {
    background: url(/wp-content/uploads/2023/08/chsa-mark.svg) 80% 80% no-repeat;
    background-size: auto 125%;
}
@media only screen and (min-width: 1921px) {
    #section-what-we-do {background-position: 85% 92%;}
}
@media only screen and (max-width: 1640px) {
    #section-what-we-do {background-position: 85% 80%;}
    #section-what-we-do > #row-what-we-do {
        padding-right: 17% !important;
    }
}
@media only screen and (max-width: 980px) {
    #section-what-we-do {
        background-position: 100% 80%;
        background-size: auto 125%;
    }
}
@media only screen and (max-width: 767px) {
    #section-what-we-do {background: none;}
}

/** Section: Take Action */
.et_pb_blurb_content {max-width: none;}
div.et_pb_blurb.blurb-take-action {margin: 0 !important; padding: 5px 0;}
div.et_pb_blurb.blurb-take-action .et_pb_blurb_container {padding-left: 0;}
.blurb-take-action .et_pb_main_blurb_image {vertical-align: middle;}
.blurb-take-action h3.et_pb_module_header {padding-bottom: 0;}


/*
 * Insights
 */

.et_pb_module.et_pb_blog_grid_wrapper a.more-link {
    display: inline-block;
    padding-top: 10px;
}


/*
 * Members
 */

/** Map/List Styling */
/** client wanted to remove interactivity, so I just forced the states to orange here instead of changing to graphic */
/*#chsa_map .chsa_region.svg-map-hover {fill: #e05829 !important;}*/
#chsa_map .chsa_region {fill: #e05829 !important;}
#chsa_states_list h3 {padding-bottom: 5px;}
/*#chsa_states_list .svg-map-hover {border-left-color: #e05829;}*/










/*-------------------[1080px]------------------*/
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {}


/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {}


@media only screen and ( max-width: 1130px ) {
    .logo_container img#logo,
    body:not(.et_pb_svg_logo) .logo_container > a {max-width: 225px;}

}


/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {
	.et_pb_section:not(.et_pb_fullwidth_section) {padding: 30px 0;}

	.list-cpt .et_pb_column_1_3,
	.list-cpt .et_pb_column_1_3:last-child {width: 46% !important; margin: 0 4% 3% 0 !important;}
	.list-cpt .et_pb_column_1_3:nth-child(3n+4) {clear: none;}
	.list-cpt .et_pb_column_1_3:nth-child(2n+3) {clear: both;}
}


/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {
	.list-cpt .et_pb_column_1_3,
	.list-cpt .et_pb_column_1_3:last-child {width: 100% !important; margin: 0 0 5% !important;}
	.list-cpt .et_pb_column_1_3:nth-child(2n+3) {clear: none;}
}

@media only screen and ( max-width: 666px ) {
	.et_pb_posts .et_pb_post a img,
	body.blog .et_pb_post a img, 
	body.archive .et_pb_post a img {
		max-width: 100%;
		float: none;
		margin: 0 0 20px;
	}
	body.single .et_pb_post .et_post_meta_wrapper img {max-width: 100%; float: none; margin: 0 0 15px;}
}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {}



/* END: style.css **/