/*
Theme Name:     Allhealth-2022
Theme URI:      
Description:    Astra child theme.
Author:         Me
Author URI:     
Template:       astra
Version:        0.1.0
*/

html {
  scroll-behavior: smooth;
}

.group-facilitators .facilitators {
	max-width: 991px;
	margin: 30px auto;
}

.group-facilitators .facilitators .sow-accordion .sow-accordion-panel .sow-accordion-panel-header {
    padding: 10px 30px 10px 30px;
}

.group-facilitators .facilitators .sow-accordion h4,
.group-facilitators .facilitators .sow-accordion p:last-of-type {
	margin-bottom: 0;
}

.group-facilitators .facilitators .sow-accordion a {
	text-decoration: underline;
}

.facilitators-btn .ow-button-base a {
	font-weight: 400;
	border-radius: 0 !important;
}

/* Utility */
.no-underline a {
    text-decoration: none !important;
}
.widget .textwidget ul {
	margin-left: 35px !important;
	margin-bottom: 20px !important; 
}
.widget .textwidget ul li {
	position: relative;
}
.widget .textwidget ul li:before {
	content: "";
	background-color: #035568;
	height: 8px;
	width: 8px;
	border-radius: 100px;
	position: absolute;
	left: -15px;
	top: 10px;
}
/* Typography */
h4 {
    font-weight: 700;
}

.bold-headline {
	text-transform: uppercase;
	font-weight: 700;
}

/* Buttons */
.ow-button-base a {
    border-radius: 10px !important;
	padding: 0.65em 2em !important;
    border-width: 1px !important;
    font-weight: 700;
	/*text-transform: uppercase;*/
    line-height: 1.1 !important;
}

.facilitator-btns .ow-button-base a {
    border-radius: 0 !important;
    padding: 0.75em !important;
    font-weight: 400;
}

.group-speakers h3 {
	min-height: 70px;
    margin-bottom: 0;
}

.ast-custom-button {
	border: 0 !important;
	background: rgb(172,220,212) !important;
	background: linear-gradient(270deg, rgba(236, 183, 43,1) 0%, rgba(136, 150, 171 ,1) 100%) !important;
}
a.gradient-left {
	border: 0 !important;
	background: rgb(172,220,212) !important;
	background: linear-gradient(90deg, rgba(236, 183, 43,1) 0%, rgba(136, 150, 171 ,1) 100%) !important;
}
a.gradient-right {
	border: 0 !important;
	background: rgb(172,220,212) !important;
	background: linear-gradient(270deg, rgba(236, 183, 43,1) 0%, rgba(136, 150, 171 ,1) 100%) !important;
}

.special-divider .decoration {
	margin-left: -45px;
}
.special-divider .decoration-inside {
	border-image: linear-gradient(90deg, rgb(236 183 41) 0%, rgb(3 85 104) 100%);
    border-style: solid;
    border-image-slice: 1; 
}

/* Mockup 1 - Three Buttons - https://allhealth.local/home-mockup-1/
 */
a.button-middle {
	border: 0 !important;
	background: rgb(172,220,212) !important;
	background: linear-gradient(90deg, rgba(228,106,97,1) 0%, rgba(160,145,166,1) 100%) !important;
}

a.button-left {
	border: 0 !important;
	background: rgba(228,106,97,1) !important;
}

a.button-right {
	border: 0 !important;
	background: rgba(160,145,166,1) !important;
}

@media screen and (max-width: 761px) {
    a.button-right {
        margin-top: 15px;
}
}

@media screen and (max-width: 521px) {
    a.button-middle {
        margin-top: 15px;
}
}

/* Mockup 2 - Two Sections - https://allhealth.local/home-mockup-2/ */
#home-hero-container-halves {
    width: 100% !important;
    display: flex !important;
    flex-direction: row;
    align-items: center;
}

.hero-first-half {
    width: 50% !important;
    padding-right: 50px;
}

.hero-second-half {
    width: 50% !important;
}

/* Mockup 2 - Responsive Breakpoints - Two Sections - https://allhealth.local/home-mockup-2/ */
@media screen and (max-width: 1280px) {
    #home-hero-container-halves {
        flex-direction: column !important;
        align-items: center !important;
    }
    .hero-first-half {
        text-align: center;
        padding: 0px 0px 25px 0px;
    }
    .hero-second-half * {
        text-align: center !important;
    }  
    .hero-second-half-two .subheadline {
        line-height: 1.9rem;
    }
    .hero-second-half-two .so-widget-sow-button  {
        margin-bottom: 15px !important;
    }
}

@media screen and (max-width: 1000px) {
    .hero-first-half, .hero-second-half {
        width: 100% !important;
    }
}


/* Utility Menus */
.phone-icon {
    display: flex;
    flex-direction: row !important;
    justify-content: center;
    align-items: center;
}
.phone-icon a::before {
    content: "";
    background-image: url('https://www.harmonyrecovery.org/wp-content/themes/allhealth-2022/assets/phone-icon.png');
    background-size: contain;
    height: 26px;
    width: 26px;
    margin-right: .5em;
}
.ast-above-header-bar .ast-menu-toggle {
    display: inline;
    padding: 0;
    line-height: 1.1;
}
.ast-above-header-bar .menu-item-has-children {
    flex-direction: row;
}
.ast-above-header-bar .menu-item-has-children > .menu-link {
    padding-right: 0;
}
.ast-above-header-bar .main-navigation > ul > li > .menu-link {
    text-decoration: underline;
    text-underline-offset: 0.1em;
}
.ast-above-header-bar .sub-menu {
    background-color: #777679;
    border: 0 !important;
}


/* Navigation Menu */
.site-header {
	z-index: 101;
}
.main-header-menu .sub-menu {
    background: #777679;
}
.main-header-menu .sub-menu .menu-link {
    padding: 0.55em 0.55em;
}
.menu-item-heading > .menu-link .menu-text {
    text-transform: uppercase;
    font-size: 16px;
}
.menu-item-heading .menu-text {
    font-size: 14px;
}
.menu-item-heading > .menu-link {
    text-transform: uppercase;
}
.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .menu-item:hover>.menu-link, .ast-desktop .main-header-menu .astra-megamenu-li .sub-menu .menu-item.current-menu-ancestor>.menu-link  {
    color: white !important;
}
.sub-menu > .menu-item {
	font-size: 16px;
	font-weight: 400;
}
.sub-menu > .menu-item:hover {
	text-decoration: underline 0.5px;
}
/* Homepage Hero */
.home-hero h1 {
    font-size: 4rem !important;
	font-weight: 700;
	line-height: 1 !important;
	text-transform: uppercase;
}
.home-hero h1 .thin {
    font-size: 4.5rem !important;
	font-weight: 400;
	display: block;
}
.home-hero .subheadline {
    font-size: 1.5rem !important;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
}
@media screen and (max-width: 779px) {
    .home-hero h1 {
        font-size: 2rem !important;
    }
    .home-hero h1 .thin {
        font-size: 3rem !important;
    }
    .home-hero .subheadline {
        font-size: 1rem !important;
    }
}
/* Inner Hero */
.interior-hero .sow-headline-container {
	text-align: right;
}
.interior-hero p {
    display: inline-flex;
    margin-left: auto;
    margin-bottom: 15px;
    padding: 10px 20px;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 700;
    background: rgb(172,220,212) !important;
	background: linear-gradient(270deg, rgba(236, 183, 43,1) 0%, rgba(136, 150, 171 ,1) 100%) !important;
}
.interior-hero h1 {
    font-size: 84px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1;
}
@media screen and (max-width: 779px) {
	.interior-hero h1 {
		font-size: 52px;
	}
}

/* Service Cards - Widget */
.service-card-title {
    height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e6e7e8;
    border-radius: 20px 20px 0 0;
    padding: 20px;

}
.service-card-title h3 {
    margin-bottom: 0;
    color: #0b074a;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}
.service-card-background {
    height: 250px;
    background-size: cover;
    background-position: center;
    border-radius: 0 0 20px 20px;
}
.service-card-content {
    opacity: 0;
    background: rgba(160,145,166,.9);
    background: linear-gradient(270deg, rgba(236, 183, 43,0.9) 0%, rgba(136, 150, 171 ,0.9) 100%);
    color: #fff;
    padding: 20px;
    height: 100%;
    border-radius: 0 0 20px 20px;

    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
}
.service-card-content:hover {
    opacity: 1;
}
@media screen and (max-width: 779px) {
    .service-card-content {
        opacity: 1;
    }
}
.service-card-content a {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 0.1em;
}

/* Payment Options - CTA */
.payment-cta h3 {
    font-weight: 700;
}

/* Blog Feed - Homepage */
.post-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 30px;
}
.post-grid .post-item {
    margin-bottom: 20px;
}
.post-grid .post-thumbnail {
    margin-bottom: 10px;
}
.post-grid h3 {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 5px;
}
.post-grid h3 a {
	color: var(--ast-global-color-0);
}
.post-grid .post-excerpt {
    margin-bottom: 10px;
}
.post-grid .post-read-more {
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-offset: 0.1em;
    font-weight: 700;
    font-size: 14px;
}
.post-grid .read-more-arrow {
	color: var(--ast-global-color-1);
    font-weight: 700;
    font-size: 14px;
}
@media screen and (max-width: 779px) {
    .post-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

/* Blog Feed - News & Updates Page */
.news-grid {
    /*display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 30px;*/
}
@media screen and (max-width: 779px) {
    .news-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}
.news-grid .post-item {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 30px;
    padding: 20px 20px 40px 20px;
    background-color: #e6e7e8;
    border-radius: 20px;
    margin-bottom: 30px;
}
.news-grid .post-item .post-left {
    grid-column: span 5 / span 5;
}
.news-grid .post-item .post-right {
    grid-column: span 7 / span 7;
}
@media screen and (max-width: 779px) {
    .news-grid .post-item  {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .news-grid .post-item .post-left {
        grid-column: span 1 / span 1;
        margin-bottom: 20px;
    }
    .news-grid .post-item .post-right {
        grid-column: span 1 / span 1;
    }
}
.news-grid .post-item .post-left .post-category, .news-grid .post-item .post-left .post-date {
    display: block;
    text-transform: uppercase;
}
.news-grid .post-item .post-left .post-category a {
    text-decoration: underline !important;
    text-underline-offset: 0.1em;
    color: #5a2c65;
}
.news-grid .post-item .post-left .post-date time {
    text-decoration: underline !important;
    text-underline-offset: 0.1em;
    color: #5a2c65;
}
.news-grid .post-item .post-right .post-read-more {
    color: white;
    border-radius: 10px !important;
    padding: .5em 2em !important;
    border-width: 1px !important;
    font-weight: 700;
	text-transform: uppercase;
    line-height: 1.1 !important;
    border: 0 !important;
	/*background: rgb(172,220,212) !important;
	background: linear-gradient(90deg, rgba(228,106,97,1) 0%, rgba(160,145,166,1) 100%) !important;*/
}

/* Newsletter Form - Homepage */
.newsletter-form {
    padding-top: 20px;
}
.newsletter-form input {
    max-width: 375px !important;
    border-radius: 10px;
    border: 1px solid #5a2c65;
}
.newsletter-form input::placeholder {
    color: #5a2c65;
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-offset: 0.1em;
    font-weight: bold;
    font-size: 14px;
}
.newsletter-form input[type="submit"] {
    border-radius: 10px !important;
    padding: .75em 3em !important;
    font-weight: 700;
	text-transform: uppercase;
    line-height: 1.1 !important;
    border: 0 !important;
	background: rgb(172,220,212) !important;
	background: linear-gradient(270deg, rgba(228,106,97,1) 0%, rgba(160,145,166,1) 100%) !important;
    color: white;
}
.newsletter-form .gform_footer {
    padding-top: 5px !important;
}

/* Footer */
footer .widget-title {
    text-transform: uppercase;
    color: white;
    font-size: 18px;
    font-weight: 700;
}
footer p {
    margin-bottom: .75em !important;
}
footer .textwidget, footer .textwidget a, footer .textwidget a:hover {
    color: white;
}
footer a {
    text-decoration: underline !important;
    text-underline-offset: 0.1em;
}
footer .ast-widget-icon {
    border-radius: 8px;
}
footer .menu-link {
    color: white;
}
footer .ast-footer-copyright, footer .ast-footer-copyright a, footer .ast-footer-copyright a:hover {
    color: white;
}
footer .ast-footer-copyright p {
    margin-bottom: 0 !important;
}
@media screen and (max-width: 779px) {
    footer .site-footer-primary-section-1 .sow-image-container img {
        max-width: 90% !important;
        margin: 0 auto;
    }
}
/* Chat Widget */
/* TODO - Mobile Styling */
.chat-button {
    cursor: pointer;
    position: fixed;
    top: 90%;
    right: 0;
    z-index: 9999;
}

.group-speakers .sow-image-container .so-widget-image {
    aspect-ratio: 1;
    object-fit: cover;
}



/* Foundation Update */
.program-features a {
	font-size: 15px;
    text-decoration: underline;
    font-weight: 500;
}
@media screen and (max-width: 780px) {
	.program-features {
		text-align: center;
	}
}
.row-narrow {
	max-width: 992px;
	margin: 0 auto;
}
h3 {
	text-transform: uppercase;
}

/* Leadership Page */
.archive.tax-bio_type .entry-header {
	display: none;	
}
.tax-bio_type .author-name { display: none; }
.archive.tax-bio_type .post-content {
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-template-rows: repeat(3, auto);
	grid-auto-flow: column;
	column-gap: 15px;
}
.archive.tax-bio_type .ast-blog-featured-section {
	grid-column: 1;
	grid-row: 1 / span 3;
}
.archive.tax-bio_type .entry-title {
	grid-column: 2;
	grid-row: 1;
}
.archive.tax-bio_type .ast-excerpt-container {
	grid-column: 2;
	grid-row: 2;
}
.archive.tax-bio_type .read-more {
	grid-column: 2;
	grid-row: 3;
}