/*
 Theme Name:   Embracing Ostomy Life
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
@font-face {
    font-family: 'CircularStd-Light';
    src: url('/wp-content/fonts/CircularStd/circularstd-light.woff2') format('woff2'),
    url('/wp-content/fonts/CircularStd/circularstd-light.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'CircularStd-Book';
    src: url('/wp-content/fonts/CircularStd/circularstd-book.woff2') format('woff2'),
    url('/wp-content/fonts/CircularStd/circularstd-book.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'CircularStd-Book-Italic';
    src: url('/wp-content/fonts/CircularStd/circularstd-bookitalic.woff2') format('woff2'),
    url('/wp-content/fonts/CircularStd/circularstd-bookitalic.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'CircularStd-Medium';
    src: url('/wp-content/fonts/CircularStd/circularstd-medium.woff2') format('woff2'),
    url('/wp-content/fonts/CircularStd/circularstd-medium.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'CircularStd-Bold';
    src: url('/wp-content/fonts/CircularStd/circularstd-bold.woff2') format('woff2'),
    url('/wp-content/fonts/CircularStd/circularstd-bold.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'CircularStd-Bold-Italic';
    src: url('/wp-content/fonts/CircularStd/circularstd-bolditalic.woff2') format('woff2'),
    url('/wp-content/fonts/CircularStd/circularstd-bolditalic.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'CircularStd-Black';
    src: url('/wp-content/fonts/CircularStd/circularstd-black.woff2') format('woff2'),
    url('/wp-content/fonts/CircularStd/circularstd-black.woff') format('woff');
    font-display: swap;
}
html {
    font-size: 100%;
}
:root {
    /* Colors */
    --color-charcoal: #282828;
    --color-charcoal-faded: #7A7A7A;
    --color-ocean-teal: #196E77;
    --color-air: #EAEAEA;
    --color-air-faded: #eaeaea61;
    --color-white: #FFFFFF;
    --color-sage: #BFE89F;
    --color-scarlet: #EC3E15;
    --color-soft-coral: #F96744;
    --color-salmon: #FF8653;
    --color-bubblegum: #FFA8D6;
    --color-sunflower: #FFD800;
    /* Background Colors */
    --bg-color-charcoal: #282828;
    --bg-color-charcoal-faded: #D4D4D4;
    --bg-color-air: #EAEAEA;
    --bg-color-white-hover: #D7D7D7;
    --bg-color-soft-coral: #F96744;
    --bg-color-coral-hover: #FF8568;
    --bg-color-coral-pressed: #D35B3F;
    --bg-color-salmon: #FF8653;
    --bg-color-sage: #BFE89F;
    --bg-color-sage-hover: #D9F2C6;
    --bg-color-sage-pressed: #A3C489;
    --bg-color-blue: #00A2D0;
    --bg-color-light-blue: #B8E4EB;
    --bg-color-sunflower: #FFD800;
    --bg-color-sunflower-hover: #FFE864;
    --bg-color-sunflower-pressed: #D7B708;
	--bg-color-blue: #00A2D0;
	--bg-color-blue-hover: #33B9DA;   
	--bg-color-blue-pressed: #0085A9; 
    --bg-color-white: #FFFFFF;
    /* Font Sizes */
    --text-size-default: 1rem;
    --text-size-h1: 3.563rem;
    --text-size-h2: 2.813rem;
    --text-size-h3: 2.25rem;
    --text-size-h4: 1.75rem;
    --text-size-h5: 1.5rem;
    --text-size-big: 22px;
    --text-size-large: 18px;
    --text-size-small: 14px;
    --text-size-extra-small: 12px;
    --text-size-toggle-header: 24px;
    /* Line Heights */
    --line-height-h1: 64px;
    --line-height-h2: 52px;
    --line-height-h3: 42px;
    --line-height-h4: 34px;
    --line-height-h5: 28px;
    /* Font Family */
    --font-family-circular-light: 'CircularStd-Light', Arial, sans-serif;
    --font-family-circular-book: 'CircularStd-Book', Arial, sans-serif;
    --font-family-circular-medium: 'CircularStd-Medium', Arial, sans-serif;
    --font-family-circular-bold: 'CircularStd-Bold', Arial, sans-serif;
    --font-family-circular-book-italic: 'CircularStd-Book-Italic', Arial, sans-serif;
    --font-family-circular-bold-italic: 'CircularStd-Bold-Italic', Arial, sans-serif;
    --font-family-circular-black: 'CircularStd-Black', Arial, sans-serif;
    /* Font Weight */
    --font-weight-bold: 700;
    --font-weight-black: 900;
}
body {
    font-family: var(--font-family-circular-book);
    font-size: var(--text-size-default);
}
body p {
    color: var(--color-charcoal);
    font-size: var(--text-size-default);
}
h1 {
    font-family: var(--font-family-circular-bold);
    font-size: var(--text-size-h1);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-h1);
    color: var(--color-charcoal);
}
h2 {
    font-family: var(--font-family-circular-bold);
    font-size: var(--text-size-h2);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-h2);
    color: var(--color-charcoal);
}
h3 {
    font-family: var(--font-family-circular-bold);
    font-size: var(--text-size-h3);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-h3);
    color: var(--color-charcoal);
}
h4 {
    font-family: var(--font-family-circular-bold);
    font-size: var(--text-size-h4);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-h4);
    color: var(--color-charcoal);
}
h5 {
    font-family: var(--font-family-circular-bold);
    font-size: var(--text-size-h5);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-h5);
    color: var(--color-charcoal);
}
/*=============================*/
/*========= GENERAL ==========*/
/*===========================*/
.separate-containers .site-main {
    /* margin: 20px; default */
    margin: 0 20px 20px 20px;
}
.separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation {
    padding: 0 40px 20px 40px;
}
/*=================================*/
/*=========== HEADER ==============/
/*=================================*/
.has-inline-mobile-toggle .inside-header {
    padding: 10px 30px 10px 30px;
}
.home .has-inline-mobile-toggle .inside-header {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.05),
    0 1px 2px -1px rgba(0, 0, 0, 0.03);
}
.has-inline-mobile-toggle .inside-header.adjust {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.05),
    0 1px 2px -1px rgba(0, 0, 0, 0.03);
}
.site-header.has-inline-mobile-toggle {
    position: relative;
    z-index: 2;
}
.main-navigation.mobile-menu-control-wrapper .menu-toggle {
    flex-grow: 1;
    width: auto;
    background-color: var(--bg-color-air);
    border-radius: 12px;
    color: var(--color-charcoal);
}
.top-bar-wrap .inner a {
    font-size: var(--text-size-small);
    color: var(--color-white)
}
.top-bar-wrap .inner a:hover {
    color: var(--color-soft-coral)
}
.main-navigation .main-nav ul li a {
    font-family: var(--font-family-circular-book), sans-serif;
    font-size: var(--text-size-default);
    color: var(--color-charcoal);
}
/* line on hover main menu items */
.main-navigation ul li > a::after {
    content: '';
    display: block;
    width: 0;
    height: 4px;
    transition: width 0.3s;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 0 0 5px 5px;
    background-color: var(--bg-color-soft-coral)
}
.main-navigation ul.sub-menu li > a::after {
    content: none;
}
.main-navigation .main-nav ul li a:hover::after {
    width: 100%;
}
/* CTA Button */
.menu-bar-items .hide-on-mobile {
    font-size: var(--text-size-default);
}
.menu-bar-items .hide-on-mobile {
    font-family: var(--font-family-circular-bold);
    padding: 8px 16px 8px 16px;
    border-radius: 12px;
    border: 1px solid #282828;
    border-bottom-width: 3px;
}
.hide-on-mobile::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
    background-image: url('/wp-content/uploads/graphics/volunteer_activism.svg');
    background-repeat: no-repeat;
}
/* arrow toggle */
.dropdown-menu-toggle .gp-icon svg.extra-class {
    height: 1em;
    width: 1em;
    fill: currentColor;
    transform: rotate(180deg);
}
/*========================*/
/*======= Submenus =======*/
.inside-navigation.grid-container .main-nav #menu-main-menu ul.sub-menu {
    border-radius: 12px;
    width: 230px;
    background: white;
}
.main-nav #menu-main-menu ul.sub-menu li a {
    font-size: var(--text-size-default);
    font-family: var(--font-family-circular-bold);
}
.main-nav #menu-main-menu li[id^="menu-item-63"] a:before,
.main-nav #menu-main-menu li[id^="menu-item-64"] a:before,
.main-nav #menu-main-menu li[id^="menu-item-65"] a:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 5px;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.main-nav #menu-main-menu li#menu-item-63 a:before {
    background-image: url('/wp-content/uploads/graphics/team-hope.svg');
}
.main-nav #menu-main-menu li#menu-item-63 a:hover:before {
    background-image: url('/wp-content/uploads/graphics/team-hope-hover.svg');
}
.main-nav #menu-main-menu li#menu-item-64 a:before {
    background-image: url('/wp-content/uploads/graphics/alive-and-kicking.svg');
}
.main-nav #menu-main-menu li#menu-item-64 a:hover:before {
    background-image: url('/wp-content/uploads/graphics/alive-and-kicking-hover.svg');
}
.main-nav #menu-main-menu li#menu-item-65 a:before {
    background-image: url('/wp-content/uploads/graphics/five-two-thrive.svg');
}
.main-nav #menu-main-menu li#menu-item-65 a:hover:before {
    background-image: url('/wp-content/uploads/graphics/five-two-thrive-hover.svg');
}
.main-nav li ul.sub-menu li a:hover {
    background-color: #EAEAEA;
    background-image: url('/wp-content/uploads/graphics/arrow-right.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    background-size: auto;
}
.main-nav li ul.sub-menu li.menu-item-2756 a:hover,
.main-nav li ul.sub-menu li.menu-item-1859 a:hover {
    border-radius: 0 0 12px 12px
}
.main-nav ul.sub-menu {
    min-width: 280px
}
.main-nav #menu-main-menu ul.sub-menu li#menu-item-44 a,
.main-nav #menu-main-menu ul.sub-menu li#menu-item-79 a {
    font-size: 12px;
}
.main-nav #menu-main-menu ul.sub-menu li#menu-item-79:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #EAEAEA;
    margin-bottom: 5px;
}
.main-nav #menu-main-menu li#menu-item-80 a:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    vertical-align: middle;
    background-image: url('/wp-content/uploads/graphics/folder_open.png');
    background-repeat: no-repeat;
}
.main-nav #menu-main-menu li#menu-item-81 a:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    vertical-align: middle;
    background-image: url('/wp-content/uploads/graphics/format_quote.png');
    background-repeat: no-repeat;
}
/*============================*/
/*======= Mobile MENU =======*/
#generate-slideout-menu {
    background-color: white;
}
.main-navigation.slideout-navigation.offside.offside--right.is-open {
    width: 328px;
}
.offside-js--is-right.slide-opened .slideout-overlay button.slideout-exit {
    right: calc(var(--gp-slideout-width) + 60px) !important;
}
.slideout-navigation.main-navigation .main-nav ul li a {
    line-height: 50px
}
.slideout-navigation.main-navigation .main-nav ul li a {
    font-size: var(--text-size-large);
    padding-left: 16px;
    border-bottom: 2px solid var(--bg-color-air)
}
/*** Submenu ***/
.slideout-navigation.main-navigation .main-nav ul li ul li a {
    font-size: var(--text-size-large);
    padding: 10px 0 10px 50px;
    border-bottom: 2px solid var(--bg-color-air);
    font-family: var(--font-family-circular-bold);
    line-height: unset;
}
.slideout-navigation.main-navigation .main-nav ul li ul li:not(:last-child) a {
    border-bottom: 2px solid white;
}
.slideout-navigation.main-navigation .main-nav ul li .menu-item-44 a,
.slideout-navigation.main-navigation .main-nav ul li .menu-item-79 a {
    font-family: var(--font-family-circular-bold);
    font-size: var(--text-size-extra-large);
    color: var(--color-charcoal-faded);
    padding-left: 16px;
}
.slideout-navigation.main-navigation .main-nav ul li ul li.menu-item-63 > a:before,
.slideout-navigation.main-navigation .main-nav ul li ul li.menu-item-64 > a:before,
.slideout-navigation.main-navigation .main-nav ul li ul li.menu-item-65 > a:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 5px;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.slideout-navigation.main-navigation .main-nav ul li ul li.menu-item-63 > a:before {
    background-image: url('/wp-content/uploads/graphics/team-hope.svg') !important;
}
.slideout-navigation.main-navigation .main-nav ul li ul li.menu-item-63 > a:hover:before {
    background-image: url('/wp-content/uploads/graphics/team-hope-hover.svg');
}
.slideout-navigation.main-navigation .main-nav ul li ul li.menu-item-64 > a:before {
    background-image: url('/wp-content/uploads/graphics/alive-and-kicking.svg') !important;
}
.slideout-navigation.main-navigation .main-nav ul li ul li.menu-item-64 > a:hover:before {
    background-image: url('/wp-content/uploads/graphics/alive-and-kicking-hover.svg');
}
.slideout-navigation.main-navigation .main-nav ul li ul li.menu-item-65 > a:before {
    background-image: url('/wp-content/uploads/graphics/five-two-thrive.svg') !important;
}
.slideout-navigation.main-navigation .main-nav ul li ul li.menu-item-65 > a:hover:before {
    background-image: url('/wp-content/uploads/graphics/five-two-thrive-hover.svg');
}
.mobile-menu-cta {
    font-size: var(--text-size-default);
}
.mobile-menu-cta {
    font-family: var(--font-family-circular-bold);
    padding: 8px 16px 8px 16px;
    border-radius: 12px;
    border: 1px solid #282828;
    border-bottom-width: 3px;
    width: 280px;
}
.mobile-menu-cta::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
    background-image: url('/wp-content/uploads/graphics/volunteer_activism.svg');
    background-repeat: no-repeat;
}
/*** / Submenu ***/
/*=======================*/
/*======= FOOTER =======*/
/*=======================*/
.footer-widgets,
footer.site-info {
    background-color: var(--bg-color-charcoal);
    border-top: 1px solid var(--color-air-faded);
    padding-bottom: 15px;
}
/*** Top Section ***/
.site-footer .inside-footer-widgets p {
    margin-bottom: 10px;
    font-size: var(--text-size-default);
    color: var(--color-white)
}
.site-footer .footer-top-links a {
    color: var(--color-white)
}
/* Footer Top Links */
.inside-footer-widgets .footer-top-links {
    text-align: right
}
.inside-footer-widgets .footer-top-links a:hover {
    color: var(--color-soft-coral)
}
/*** Bottom Section ***/
footer.site-info p {
    font-size: var(--text-size-extra-small);
    color: var(--bg-color-white)
}
footer .bottom-bar a {
    color: var(--bg-color-white)
}
footer .bottom-bar a:hover {
    color: var(--color-soft-coral)
}
.copyright-bar {
    display: none;
}
footer.site-info .box-middle {
    width: 60%;
}
footer.site-info .gb-container .box-middle {
    font-size: var(--text-size-extra-small);
    color: var(--bg-color-white);
}
/*=====================================*/
/*===== Above Footer Newsletter  =====*/
.footer-newsletter-wrap {
    border-top: 1px solid var(--color-charcoal-faded)
}
.gb-container .footer-newsletter sup {
    color: #EC3E15;
}
.footer-newsletter .right-col p {
    font-family: var(--font-family-circular-bold)
}
.footer-newsletter p,
.footer-newsletter h5 {
    margin-bottom: 15px;
}
/*==========================*/
/*======= HOME PAGE =======*/
/*==========================*/
/*===== Top Section =====*/
.front-header .top-col {
    height: 100px;
    width: 100%;
}
.front-header .bottom-col {
    padding: 500px 0 200px 0;
    background: #EAEAEA;
    background-position: top 0 left 0,
    bottom 0 right 0;
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/graphics/section-curved-top.svg),
    url(/wp-content/uploads/graphics/section-curved-bottom.svg);
}
/*===== Second Section =====*/
.home-two-col-text-img {
    padding: 100px 0;
    background-position: center top 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/graphics/curved-lined-aired.svg);
}
/*===== Third Section =====*/
.home-third-section {
    padding: 180px 0 220px 0;
    background: #EAEAEA;
    background-position: top 0 left 0,
    bottom 0 right 0,
    center center;
    background-size: 100%, 100%, 100%;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-image: url(/wp-content/uploads/graphics/section-curved-top.svg),
    url(/wp-content/uploads/graphics/section-curved-bottom.svg),
    url(/wp-content/uploads/graphics/curved-line-white.svg);
}
/*===== Three Columns Layout =====*/
.three-columns-layout .top-section-left,
.three-columns-layout .top-section-middle,
.three-columns-layout .top-section-right {
    width: 100%;
    background-color: var(--bg-color-sage);
    padding: 100px 0;
    background-position: bottom 0 left 0, center center;
    background-size: 100%, auto;
    background-repeat: no-repeat, no-repeat;
    border-top-right-radius: 32px;
    border-top-left-radius: 32px;
}
/*** Front Page ***/
.three-columns-layout .card .top-section-left {
    background-image: url(/wp-content/uploads/graphics/box-curved-bottom.svg),
    url(/wp-content/uploads/graphics/aklogo.png);
    background-size: 100%, 70%;
    clip-path: inset(0 0 0.5px 0);
}
.three-columns-layout .card:hover .top-section-left {
    background-color: var(--bg-color-sunflower);
    background-image: url(/wp-content/uploads/graphics/box-curved-bottom.svg),
    url(/wp-content/uploads/graphics/aklogo-hover.png);
}
.three-columns-layout .card .top-section-middle {
    background-image: url(/wp-content/uploads/graphics/box-curved-bottom.svg),
    url(/wp-content/uploads/graphics/teamhope-logo.png);
    background-size: 100%, 60%;
    clip-path: inset(0 0 0.5px 0);
}
.three-columns-layout .card:hover .top-section-middle {
    background-color: var(--bg-color-sunflower);
    background-image: url(/wp-content/uploads/graphics/box-curved-bottom.svg),
    url(/wp-content/uploads/graphics/teamhope-logo-hover.png);
}
.three-columns-layout .card .top-section-right {
    background-image: url(/wp-content/uploads/graphics/box-curved-bottom.svg),
    url(/wp-content/uploads/graphics/union-logo.png);
    background-size: 100%, 70%;
    clip-path: inset(0 0 0.5px 0);
}
.three-columns-layout .card:hover .top-section-right {
    background-color: var(--bg-color-sunflower);
    background-image: url(/wp-content/uploads/graphics/box-curved-bottom.svg),
    url(/wp-content/uploads/graphics/union-logo-hover.png);
}
/*** Medical Professional ***/
.three-columns-layout.support .card .top-section-left {
    background-image: url(/wp-content/uploads/graphics/box-curved-bottom.svg),
    url(/wp-content/uploads/graphics/union-logo.png);
    background-size: 100%, 70%;
    clip-path: inset(0 0 0.5px 0);
}
.three-columns-layout.support .card:hover .top-section-left {
    background-color: var(--bg-color-sunflower);
    background-image: url(/wp-content/uploads/graphics/box-curved-bottom.svg),
    url(/wp-content/uploads/graphics/union-logo-hover.png);
}
.three-columns-layout.support .card .top-section-middle {
    background-image: url(/wp-content/uploads/graphics/box-curved-bottom.svg),
    url(/wp-content/uploads/graphics/aklogo.png);
    background-size: 100%, 60%;
    clip-path: inset(0 0 0.5px 0);
}
.three-columns-layout.support .card:hover .top-section-middle {
    background-color: var(--bg-color-sunflower);
    background-image: url(/wp-content/uploads/graphics/box-curved-bottom.svg),
    url(/wp-content/uploads/graphics/aklogo-hover.png);
}
.three-columns-layout.support .card .top-section-right {
    background-image: url(/wp-content/uploads/graphics/box-curved-bottom.svg),
    url(/wp-content/uploads/graphics/teamhope-logo.png);
    background-size: 100%, 60%;
    clip-path: inset(0 0 0.5px 0);
}
.three-columns-layout.support .card:hover .top-section-right {
    background-color: var(--bg-color-sunflower);
    background-image: url(/wp-content/uploads/graphics/box-curved-bottom.svg),
    url(/wp-content/uploads/graphics/teamhope-logo-hover.png);
}
.three-columns-layout .card {
    border-radius: 32px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 100%;
    box-sizing: border-box;
    position: relative;
}
.three-columns-layout .text {
    flex: 1;
    padding: 20px 20px 0 20px;
    background: white;
}
.three-columns-layout .btn-wrap {
    margin-bottom: 30px;
}
/*===== Fourth Section Testimonial Right =====*/
.section-testimonial {
    padding: 100px 0;
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/graphics/curved-line-aired-testimonials.svg);
}
.section-testimonial .img-left .right-col {
    position: relative;
    background-color: var(--bg-color-air);
    padding: 0 50px;
    border-radius: 0 32px 32px 0;
}
.section-testimonial .img-left .right-col h3 {
    font-family: var(--font-family-circular-bold-italic);
}
.section-testimonial .img-left .arrow {
    position: absolute;
    left: -25px;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 30px solid var(--color-air);
    transform: translateY(-50%);
}
.section-testimonial .left-col {
    border-right: 10px solid var(--bg-color-air)
}
.section-testimonial .img-left img {
    border-radius: 32px 0 0 32px;
}
/*===== Fourth Section Testimonial Left =====*/
.section-testimonial .img-right .left-col.adjust {
    position: relative;
    background-color: var(--bg-color-air);
    padding: 0 50px;
    border-radius: 32px 0 0 32px;
}
.section-testimonial .img-right .left-col h3 {
    font-family: var(--font-family-circular-bold);
}
.section-testimonial .img-right .left-col p.quote {
    font-family: var(--font-family-circular-book-italic)
}
.section-testimonial .img-right .left-col .arrow {
    position: absolute;
    right: -25px;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid var(--color-air);
    transform: translateY(-50%);
}
.section-testimonial .img-right .name-wrap p {
    margin-bottom: 0;
}
.section-testimonial .img-right .name-wrap p.name {
    font-size: var(--text-size-big)
}
.section-testimonial .img-right img {
    border-radius: 0 32px 32px 0
}
/*===== Fifth Section Above Footer =====*/
.section-above-footer {
    padding: 100px 0;
    background-position: center top;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/graphics/curved-line-white-above-footer-section.svg);
    background-color: var(--bg-color-sage);
}
/*====================================*/
/*======= ALIVE & KICKING PAGE =======*/
/*====================================*/
/*===== Header Section =====*/
.s-header-subpages-v1 {
    position: relative;
    background-color: var(--bg-color-salmon);
    padding: 0 0 100px;
    background-position: center bottom -1.5px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/graphics/section-curved-bottom.svg);
}
.think-line-fix {
    width: 100%;
    position: relative;
    height: 1px;
}
/*===== Get It Section =====*/
.get-it-section {
    background-position: center bottom 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/graphics/curved-line-bg-v2.svg);
}
.get-it-section .questions-wrap {
    background-position: top 10px center;
    background-size: 500px;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/graphics/circle-questions.png);
}
.get-it-section .questions-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 50px 0;
    position: relative;
}
.get-it-section .questions-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-size: 250px;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/graphics/dir-air-questions-figurine.png);
    z-index: 999999;
    pointer-events: none;
}
.get-it-section .questions-wrap .column {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-sizing: border-box;
    z-index: 2;
}
.get-it-section .questions-wrap .column1 {
    flex: 1 1 45%;
}
.get-it-section .questions-wrap .column2 {
    flex: 1 1 10%;
}
.get-it-section .questions-wrap .column3 {
    flex: 1 1 45%;
}
.get-it-section .questions-wrap .content {
    text-align: center;
}
.get-it-section .questions-wrap .question {
    margin: 10px 0;
    padding: 20px;
    z-index: 0;
    display: flex;
    border-radius: 12px;
    background-color: var(--bg-color-light-blue)
}
.get-it-section .questions-wrap a {
    color: var(--color-charcoal)
}
.get-it-section .questions-wrap .question.left {
    text-align: left;
    justify-content: flex-start;
    padding-right: 80px;
}
.get-it-section .questions-wrap .question.right {
    text-align: right;
    justify-content: flex-end;
    padding-left: 80px;
}
/*===== Third Section =====*/
.s-title-img-lists-bg-air {
    background-color: var(--bg-color-air);
    background-position: top 0 left 0,
    top 20vh right 0;
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/graphics/section-curved-top.svg),
    url(/wp-content/uploads/graphics/curved-line-white-v3.svg);
}
.s-title-img-lists-bg-air .c-img img {
    border-radius: 50px;
}
.s-title-img-lists-bg-air .logos {
    display: none;
}
/*===============================*/
/*======= TEAM HOPE PAGE =======*/
/*=============================*/
/*===== Header Section =====*/
.s-header-subpages-v2 {
    background-color: var(--color-sunflower);
    background-position: center bottom 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/graphics/curved-line-bg-v3.svg);
}
/*===== Second Section =====*/
.s-title-two-columns {
    padding: 80px 0;
    background-color: var(--color-air);
    background-position: center bottom 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/graphics/curved-line-bg-v4.svg);
}
.s-title-two-columns .grid-two-boxes .first-col,
.s-title-two-columns .grid-two-boxes .sec-col {
    background-color: var(--bg-color-white);
    border-radius: 32px;
    text-align: center;
}
.s-title-two-columns .grid-two-boxes .bottom-section {
    padding: 0 0 25px 0;
}
.s-title-two-columns .grid-two-boxes .btn-wrap {
    margin: 0 auto;
}
/*===== Third Section =====*/
.team-hope-btm-section {
    padding: 50px 0 0;
}
.team-hope-btm-section img {
    position: relative;
    top: -110px;
}
.team-hope-btm-section .quote-wrap {
    position: relative;
    top: -30px;
}
.team-hope-btm-section p.quote {
    font-family: var(--font-family-circular-book-italic)
}
.team-hope-btm-section .graphic-wrap {
    z-index: -1;
}
/*=================================*/
/*======= FIVE2THRIVE Page =======*/
/*===============================*/
/*===== Header Section =====*/
.s-header-subpages-v3 {
    background-color: var(--bg-color-blue);
    padding: 0 0 80px;
    background-position: center bottom 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/graphics/curved-line-bg-v3.svg);
    margin-bottom: -1px;
}
.s-header-subpages-v3 .header-img-desktop {
    border-radius: 80px;
}
/*===== Testimonials Section =====*/
.testimonials-wrap {
    margin: 0 40px;
}
.s-testimonials {
    background-color: var(--bg-color-air);
}
.testimonial-box.figurine img {
    position: absolute;
    top: -130px;
    right: 80px;
}
.s-testimonials .testimonial-box {
    position: relative;
    border-radius: 32px;
    padding: 50px 70px;
    background-color: var(--bg-color-white)
}
.testimonial-box.figurine {
    background-color: unset;
    padding: 30px 70px;
}
.s-testimonials .testimonial-box .vertical-line {
    position: absolute;
    left: 0;
    top: 77px;
    width: 7px;
    height: 45px;
    background-color: var(--bg-color-blue);
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    transform: translateY(-50%);
}
.s-testimonials .testimonial-box h3 {
    display: block;
    text-indent: -1em;
    margin-left: 1em;
}
.s-testimonials .callout p {
    margin: 0;
}
.s-testimonials .callout {
    border-radius: 16px;
    padding: 30px;
    margin: 20px 35px 0 35px;
    background-color: var(--bg-color-light-blue)
}
.s-testimonials .testimonials-columns {
    display: flex;
    gap: 40px;
    margin: 30px 35px 0 35px;
}
.s-testimonials .testimonials-columns .left-col,
.s-testimonials .testimonials-columns .right-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    padding: 30px;
    border-radius: 16px;
    background-color: var(--bg-color-air);
}
.s-testimonials .testimonials-columns .quote {
    margin-bottom: 20px;
    font-family: var(--font-family-circular-book-italic)
}
.s-testimonials .testimonials-columns .author-box p.bio {
    margin: 0;
    font-family: var(--font-family-circular-bold);
    font-size: var(--text-size-small);
    text-align: left;
}
.s-testimonials .testimonials-columns .author-box img {
    max-width: 120px;
}
.s-testimonials .testimonials-columns .author-box p.details {
    font-size: var(--text-size-extra-small);
    margin: 0;
}
/*===========================================*/
/*======= Medical Professionals Page =======*/
/*=========================================*/
/*===== Header Section =====*/
.s-header-subpages-v4 {
    background-color: var(--bg-color-white);
    padding: 0 0 50px;
    background-position: center bottom 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/graphics/curved-line-bg-v3.svg);
}
/*===== Middle Section =====*/
.s-two-columns-v1 {
    background: #EAEAEA;
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-image: url(/wp-content/uploads/graphics/curved-line-white.svg);
}
.s-two-columns-v1 .three-columns-layout .card .top-section-left,
.s-two-columns-v1 .three-columns-layout .card .top-section-middle,
.s-two-columns-v1 .three-columns-layout .card .top-section-right {
    background-color: var(--bg-color-light-blue)
}
/*===== Three Col Video Section =====*/
.grid-three-boxes-videos .col .bottom {
    padding: 30px;
    border-radius: 0 0 32px 32px;
    background-color: var(--bg-color-air);
}
.grid-three-boxes-videos .bottom p.quote {
    margin: 0;
    font-family: var(--font-family-circular-book-italic)
}
.grid-three-boxes-videos .bottom p.bio {
    margin: 20px 0 0;
}
/*==================================================*/
/*======= Preparing for Ostomey Surgery Page =======*/
/*==================================================*/
.s-header-subpages-v5 {
    padding: 0 0 100px;
    background-color: var(--bg-color-white);
    background-position: center bottom 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/graphics/curved-section-bottom-sunflower.svg);
}
.s-title-two-columns {
    padding: 80px 0;
    background-color: var(--color-air);
    background-position: center bottom 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/graphics/curved-line-bg-v4.svg);
}
/*============================*/
/*===== Three Col Layout =====*/
.three-col-layout {
    display: flex;
    align-items: center;
    border-radius: 24px;
    padding: 20px;
    margin-top: 40px;
    box-shadow: 0 2px rgb(0 0 0 / 2%);
    background-color: var(--bg-color-white);
    gap: 10px;
}
.three-col-layout .card {
    display: flex;
    align-items: center;
    width: 100%;
}
.three-col-layout img {
    width: auto;
    height: auto;
    border-radius: 12px;
    margin-right: 20px;
    flex-shrink: 0;
}
.three-col-layout .content {
    flex: 1;
}
.three-col-layout .content h5 {
    margin: 0;
}
.three-col-layout .button-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
}
.three-col-layout .button-container .btn-sunflower {
    margin: 0;
}
@media only screen and (max-width: 1024px) {
    .three-col-layout {
        flex-direction: column;
        align-items: center;
        gap: 20px;
        text-align: center;
        padding: 30px 20px;
    }
    .three-col-layout img {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .three-col-layout .content {
        flex: none;
        width: 100%;
    }
    .three-col-layout button {
        width: 100%;
    }
}
/*=================================*/
/*===== Two Col Layout Video =====*/
.two-col-layout-vid {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.two-col-layout-vid img {
    width: 100%;
}
.two-col-layout-vid .column {
    border-radius: 24px;
    box-shadow: 0 2px rgb(0 0 0 / 2%);
    overflow: hidden;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.two-col-layout-vid .content {
    padding: 30px 35px;
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: center;
    background-color: var(--bg-color-white)
}
.two-col-layout-vid .text-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.two-col-layout-vid h3 {
    margin: 0 0 10px;
    text-align: center;
    min-height: 2.5em;
    align-items: center;
}
.two-col-layout-vid p {
    margin: 0;
}
@media only screen and (max-width: 768px) {
    .two-col-layout-vid {
        flex-direction: column;
        gap: 0;
    }
    .two-col-layout-vid .column {
        margin-bottom: 20px;
        min-width: 100%;
    }
    .two-col-layout-vid .text-content {
        align-items: center;
    }
}
@media (max-width: 480px) {
    .two-col-layout-vid h3 {
        min-height: 2.5em;
    }
}
/*=====================================*/
/*===== Two Col Layout Video Btns =====*/
.two-col-layout-vid-btns {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.two-col-layout-vid-btns img {
    width: 100%;
}
.two-col-layout-vid-btns .column {
    border-radius: 24px;
    box-shadow: 0 2px rgb(0 0 0 / 2%);
    overflow: hidden;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.two-col-layout-vid-btns .content-wrap {
    padding: 30px 35px;
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: center;
    background-color: var(--bg-color-white)
}
.two-col-layout-vid-btns .content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.two-col-layout-vid-btns h3 {
    margin: 0 0 10px;
    text-align: center;
    min-height: 2.5em;
    align-items: center;
}
.two-col-layout-vid p {
    margin: 0;
}
@media only screen and (max-width: 768px) {
    .two-col-layout-vid-btns {
        flex-direction: column;
        gap: 0;
    }
    .two-col-layout-vid-btns .column {
        margin-bottom: 20px;
        min-width: 100%;
    }
    .two-col-layout-vid-btns .content {
        align-items: center;
    }
}
@media (max-width: 480px) {
    .two-col-layout-vid-btns h3 {
        min-height: 2.5em;
    }
}
/*==============================*/
/*===== Two Col Img Text =====*/
.s-two-col-img-text .bottom img {
    width: 50px;
}
.s-two-col-img-text .bottom .text {
    flex: 1;
    padding-left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.s-two-col-img-text .bottom .text p {
    margin: 0;
}
/*==============================*/
/*===== Horizontal Toggles =====*/
.toggle-container .toggle {
    margin-top: 20px;
    border-radius: 24px;
    background-color: var(--bg-color-white);
}
.toggle-container .toggle-header {
    padding: 10px 25px 10px 25px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    font-family: var(--font-family-circular-bold);
    font-size: var(--text-size-toggle-header);
    background-color: var(--bg-color-white);
}
.toggle-container .toggle-header {
    margin: 0;
    border-radius: 24px;
    padding-right: 50px;
}
.toggle-container .toggle-header::after {
    content: url('/wp-content/uploads/graphics/toggle_arrow_down.svg');
    position: absolute;
    top: 15px;
    right: 40px;
    width: 12px;
    height: 12px;
    transition: transform 0.3s;
}
.toggle-container .toggle-header.active::after {
    content: url('/wp-content/uploads/graphics/toggle_arrow_up.svg');
}
.toggle-container .toggle-content {
    display: none;
    padding: 10px 25px 25px 25px;
    background-color: white;
    border-radius: 0 0 24px 24px;
}
.toggle-container .toggle-content p {
    font-size: var(--text-size-default);
}
.toggle-container .toggle-content ol {
    padding-left: 15px;
    margin: 0;
}
/*=====================================*/
/*===== Two Col Layout Video Link =====*/
.two-col-layout-vid-link {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.two-col-layout-vid-link img {
    width: 100%;
}
.two-col-layout-vid-link .column {
    border-radius: 24px;
    box-shadow: 0 2px rgb(0 0 0 / 2%);
    overflow: hidden;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.two-col-layout-vid-link .column.empty {
    box-shadow: unset;
}
.two-col-layout-vid-link .content {
    padding: 30px 35px;
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: center;
    background-color: var(--bg-color-white)
}
.two-col-layout-vid-link .text-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.two-col-layout-vid-link .content.empty {
    background-color: var(--bg-color-air)
}
.two-col-layout-vid-link h3 {
    text-align: center;
    align-items: center;
}
.two-col-layout-vid-link .content a {
    color: var(--color-charcoal)
}
.two-col-layout-vid-link p {
    margin: 0;
}
.two-col-layout-vid-link .bottom img {
    width: 30px;
}
.two-col-layout-vid-link .bottom .text {
    padding-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.two-col-layout-vid-link .bottom .text p {
    margin: 0;
}
@media only screen and (max-width: 768px) {
    .two-col-layout-vid-link {
        flex-direction: column;
        gap: 0;
    }
    .two-col-layout-vid-link .column {
        margin-bottom: 20px;
        min-width: 100%;
    }
    .two-col-layout-vid-link .text-content {
        align-items: center;
    }
}
/*=========================*/
/*======= Our Team =======*/
/*=======================*/
.s-header-subpages-v7 {
    padding: 15px 0 18vw;
    background-position: top center; /* Move the background image to the left */
    background-size: 100vw;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/graphics/out_team_header_bg-v2.svg);
    position: relative;
    overflow: hidden;
}
.s-header-subpages-v7 h1 {
    position: relative;
    top: 80px;
}
@media only screen and (max-width: 1400px) {
    .s-header-subpages-v7 {
        padding: 15px 0 15vw;
    }
    .s-header-subpages-v7 h1 {
        padding-top: 50px;
    }
}
@media only screen and (max-width: 1024px) {
    .s-header-subpages-v7 {
        padding: 15px 0 10vw;
    }
}
@media only screen and (max-width: 768px) {
    .s-header-subpages-v7 {
        padding: 15px 0 15vw;
    }
    .s-header-subpages-v7 h1 {
        padding-top: 20px;
    }
}
/*===============================*/
/*======= Our Team Cards =======*/
.our-team-cards .card {
    box-shadow: 0 2px rgb(0 0 0 / 2%);
}
.our-team-cards .name {
    margin: 20px 0 0;
    font-size: var(--text-size-big);
    font-family: var(--font-family-circular-bold);
}
@media (max-width: 768px) {
    .our-team-cards .card {
        min-width: 100%;
        max-width: none;
    }
}
.our-team-cards .hide {
    visibility: hidden;
}
@media only screen and (max-width: 768px) {
    .our-team-cards .hide {
        display: none;
    }
}
.team-single-card {
    display: flex;
    background-color: #fff;
    border-radius: 24px;
    box-shadow: 0 2px rgb(0 0 0 / 2%);
    padding: 25px;
    overflow: hidden;
    gap: 30px;
}
.team-single-card .content {
    flex: 1;
}
.team-single-card .name {
    padding: 0;
    margin: 20px 0 0;
    font-size: var(--text-size-big);
    font-family: var(--font-family-circular-bold);
}
@media (max-width: 768px) {
    .team-single-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .team-single-card .profile-image {
        width: 100%;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}
/*=========================*/
/*======= ELEMENTS =======*/
/*=======================*/
/*===== Buttons =====*/
.buttons {
    padding: 12px 32px;
    border-radius: 12px;
    font-family: var(--font-family-circular-bold), sans-serif;
    font-size: var(--text-size-default);
    border-bottom: 3px solid var(--color-charcoal);
    color: var(--color-charcoal);
}
.buttons.coral {
    background-color: var(--bg-color-soft-coral)
}
.buttons.coral:hover {
    background-color: var(--bg-color-coral-hover);
}
.buttons.coral:focus:active {
    background-color: var(--bg-color-coral-pressed)
}
.buttons.white.bordered {
    border-top: 1px solid var(--bg-color-charcoal);
    border-right: 1px solid var(--bg-color-charcoal);
    border-left: 1px solid var(--bg-color-charcoal);
}
.buttons.white {
    background-color: var(--bg-color-white)
}
.buttons.white:hover {
    background-color: var(--bg-color-white-hover);
}
.buttons.white:focus:active {
    background-color: var(--bg-color-white-hover);
}
.buttons.sunflower {
    background-color: var(--bg-color-sunflower)
}
.buttons.sunflower:hover {
    background-color: var(--bg-color-sunflower-hover)
}
.buttons.sunflower:focus:active {
    background-color: var(--bg-color-sunflower-pressed)
}
.buttons.blue {
    background-color: var(--bg-color-blue)
}
.buttons.blue:hover {
    background-color: var(--bg-color-blue-hover)
}
.buttons.blue:focus:active {
    background-color: var(--bg-color-blue-pressed)
}
.buttons.sage.icon {
    background-color: var(--bg-color-sage)
}
.buttons.sage.icon:hover {
    background-color: var(--bg-color-sage-hover)
}
.buttons.sage.icon:focus:active {
    background-color: var(--bg-color-sage-pressed)
}
.buttons.sage.icon:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
    background-image: url('/wp-content/uploads/graphics/volunteer_activism.svg');
    background-repeat: no-repeat;
}
/*===== Lists =====*/
.entry-content .gb-container ul {
    margin: 0 0 20px 20px;
}
.entry-content .gb-container ul li {
    list-style: none;
    position: relative;
    padding: 0 0 0 15px;
}
.entry-content .gb-container ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: var(--bg-color-charcoal);
}
/*===== Search Modal =====*/
.search-modal-form .search-field, .search-modal-form .search-field:focus {
    background-color: white;
    border-radius: 12px;
}
/*===== Forms =====*/
.gb-container .fluentform textarea,
.gb-container .fluentform input[type="email"],
.gb-container .fluentform input[type="text"] {
    border-radius: 12px;
    background-color: var(--bg-color-white);
    font-size: var(--text-size-default)
}
.ff-default .ff-el-input--label label {
    color: var(--color-charcoal)
}
.fluentform input.ff-el-form-control::placeholder {
    opacity: 1;
    color: var(--color-charcoal-faded);
}
.fluentform input.ff-el-form-control:-ms-input-placeholder {
    opacity: 1;
    color: var(--color-charcoal-faded);
}
.fluentform input.ff-el-form-control::-moz-placeholder {
    opacity: 1;
    color: var(--color-charcoal-faded);
}
.fluentform input.ff-el-form-control::-webkit-input-placeholder {
    opacity: 1;
    color: var(--color-charcoal-faded);
}
.fluentform.ff-default .ff-btn-lg {
    border-radius: 12px;
    font-family: var(--font-family-circular-bold), sans-serif;
    font-size: var(--text-size-default);
    border-bottom: 3px solid var(--color-charcoal);
    color: var(--color-charcoal);
    background-color: var(--bg-color-soft-coral)
}
.ff-default .ff-btn-lg:hover {
    background-color: var(--bg-color-coral-hover);
}
.ff-default .ff-btn-lg:focus:active {
    background-color: var(--bg-color-coral-pressed)
}
.error.text-danger {
    position: absolute;
}
/*====================================*/
/*======= Repeatable Patterns =======*/
/*==================================*/
/*==============================*/
/*===== CTA Sections =====*/
.cta-section-v1,
.cta-section-v2 {
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.cta-section-v1 {
    background-image: url(/wp-content/uploads/graphics/cta-section-v1.svg);
}
.cta-section-v2 {
    background-image: url(/wp-content/uploads/graphics/cta-section-v2.svg);
}
/*==============================*/
/*===== Single Testimonial =====*/
.s-single-testimonial {
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/graphics/curved-lined-aired-bg-v8.svg);
}
.single-testimonial {
    display: flex;
    justify-content: center;
    align-items: center;
}
.single-testimonial .content {
    position: relative;
    padding: 30px;
    border-radius: 24px;
    max-width: 800px;
    background-color: var(--bg-color-white)
}
.single-testimonial .details img {
    max-width: 120px;
    padding-right: 15px;
}
.single-testimonial .details p {
    margin: 0;
    padding: 0;
}
.single-testimonial .content .text {
    margin: 0;
    font-family: var(--font-family-circular-book-italic);
    font-size: var(--text-size-big)
}
.single-testimonial .author {
    margin: 0;
    font-family: var(--font-family-circular-bold);
    font-size: var(--text-size-large)
}
.single-testimonial .author.no-image {
    margin: 0;
    padding-top: 20px;
    float: right;
    font-family: var(--font-family-circular-bold)
}
.single-testimonial .arrow {
    position: absolute;
    bottom: -15px;
    left: 10%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid white;
}
/*=====================================*/
/*======= / Repeatable Patterns =======*/
/*====================================*/
/*=== Logo Desktop/Mobile Swap ===*/
.header-img-font-mobile {
    min-height: 150px;
}
.font-headers h1 {
    position: absolute;
    top: 80px;
}







/*===============================*/
/*====== RESOURCE LIBRARY ======*/
/*===============================*/
body.page-id-3108 .site-content {
    background: #EAEAEA
}
.resource-guide {
    position: relative;
    display: flex;
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}
.resource-guide .menu-toggle {
    display: none;
}
/*** Left Column ***/
.resource-guide .left-col-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
    align-self: flex-start;
}
.resource-guide .left-col {
    max-height: 60vh;
    overflow-y: auto;
    padding: 25px;
    border-radius: 24px;
    background-color: var(--bg-color-white);
}
.resource-guide .alive-kicking-box {
    padding: 25px;
    border-radius: 24px;
    background-color: var(--bg-color-white);
    margin-bottom: 20px
}
.resource-guide .alive-kicking-box-mobile {
    display: none;
}
.resource-guide .alive-kicking-title {
    margin: 0 0 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 24px;
    line-height: 1.2;
}
.resource-guide .alive-kicking-title img {
    width: 34px;
    height: auto;
    display: block;
}
.resource-guide .alive-kicking-highlight {
    margin: 0 0 12px;
    color: var(--color-soft-coral, #d65a4a);
    font-family: var(--font-family-circular-bold);
}
.resource-guide .alive-kicking-box p {
    margin: 0 0 12px;
}
.resource-guide .alive-kicking-btn {
    margin-top: 8px;
    display: inline-block;
    width: 100%;
    border-radius: 12px;
    padding: 10px 16px;
    text-align: center;
    text-decoration: none;
    font-family: var(--font-family-circular-bold);
    color: var(--color-charcoal);
    background: var(--bg-color-soft-coral, #f5824a);
}
.resource-guide .alive-kicking-btn:hover {
    color: var(--color-charcoal);
    text-decoration: none;
    filter: brightness(0.95);
}
.resource-guide .alive-kicking-link {
    margin-top: 12px;
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: underline;
    font-family: var(--font-family-circular-bold);
    color: var(--color-charcoal);
}
.resource-guide .alive-kicking-link:hover {
    color: var(--color-soft-coral);
}
.resource-guide .navigation p {
    margin: 5px 0;
}
.resource-guide .navigation a {
    color: inherit;
    text-decoration: none;
}
.resource-guide .navigation a.active {
    color: var(--color-soft-coral)
}
.resource-guide .navigation a {
    position: relative;
}
/* Define the CSS rule */
.resource-guide .left-col .navigation p::after {
    content: "";
    display: block;
    height: 0.5px;
    width: 100%;
    background: var(--bg-color-charcoal-faded);
}
.resource-guide .navigation a.active:before {
    content: "";
    position: absolute;
    left: -26px;
    top: 50%;
    width: 5px;
    height: 25px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    transform: translateY(-50%);
    background-color: var(--bg-color-soft-coral);
}
.resource-guide .navigation a:hover {
    color: var(--color-soft-coral);
    text-decoration: underline;
}
/*** Right Column ***/
.resource-guide .right-col {
    flex: 2;
    display: flex;
    flex-direction: column;
}
.resource-guide .category-group {
    margin-bottom: 20px;
    padding: 0 30px 25px 25px;
    position: relative;
    border-radius: 24px;
    background-color: var(--bg-color-white)
}
.resource-guide .right-col h2 {
    margin: 20px 0 10px 0;
    scroll-margin-top: 30px;
}
.resource-guide .right-col h3 {
    margin: 15px 0 10px 0;
    font-size: 1.2em;
}
.resource-guide .category-group .vertical-line {
    position: absolute;
    left: 0;
    top: 50px;
    width: 7px;
    height: 45px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    transform: translateY(-50%);
    background-color: var(--bg-color-charcoal-faded)
}
.resource-guide .category-group.active .vertical-line,
.resource-guide .category-group.mobile .vertical-line {
    position: absolute;
    left: 0;
    top: 50px;
    width: 7px;
    height: 45px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    transform: translateY(-50%);
    background-color: var(--bg-color-soft-coral)
}
.resource-guide .subcategory-group > h3 {
    visibility: hidden;
    line-height: 0;
}
.resource-guide h2 + .subcategory-group > h3 {
    display: none;
}
.resource-guide .resource-item {
    display: flex;
    flex-direction: column;
}
.resource-guide .resource-item a {
    text-decoration: underline;
    font-size: 18px;
    color: var(--color-charcoal);
}
.resource-guide .resource-item a:hover {
    text-decoration: underline;
    color: var(--color-soft-coral);
}
@media only screen and (max-width: 768px) {
    .resource-guide {
        flex-direction: column;
    }
    .resource-guide .left-col-wrap {
        position: static;
        gap: 0;
    }
    .resource-guide .menu-toggle {
        display: block;
        position: -webkit-sticky;
        position: sticky;
        top: 80px;
        overflow-y: auto;
        margin-bottom: 0;
        border-radius: 24px;
        background-color: var(--bg-color-soft-coral);
        color: var(--color-charcoal);
        font-size: var(--text-size-large);
        font-family: var(--font-family-circular-bold);
        z-index: 2;
    }
    .resource-guide .left-col {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 80%;
        max-width: 300px;
        background: white;
        z-index: 1000;
        border-radius: 0 12px 12px 0;
        overflow-y: auto;
        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
        transition: all 0.3s ease;
        opacity: 0;
        transform: translateX(-100%);
    }
    .resource-guide .left-col.active {
        display: block;
        opacity: 1;
        transform: translateX(0);
    }
    .resource-guide .alive-kicking-box {
        display: none;
    }
    .resource-guide .alive-kicking-box-mobile {
        display: block;
        margin-top: 0;
        margin-bottom: 30px;
    }
    .resource-guide .right-col {
        flex: 1;
    }
    .resource-guide .right-col h2 {
        scroll-margin-top: 180px;
    }
}
/*======== Video Lightbox =======*/
.lightbox {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
}
.lightbox-content {
    position: relative;
    margin: 5% auto;
    padding: 10px;
    width: 80%;
    max-width: 800px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6);
}
.video-wrapper {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.lightbox-close {
    position: absolute;
    top: -25px;
    right: -20px;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
    z-index: 1000;
}
.lightbox-close:hover,
.lightbox-close:focus {
    color: #999;
    text-decoration: none;
    cursor: pointer;
}
.lightbox iframe {
    width: 100%;
    height: 450px;
}
.resource-item.close {
    display: none !important;
}

.site-content .resource-video-detail.content-area {
    width: 100%;
}
.resource-video-detail__inner {
    max-width: 900px;
    margin: 0 auto;
    padding: 50px 20px 80px;
}
.resource-video-detail__back {
    margin-bottom: 24px;
}
.resource-video-detail__back a,
.resource-video-detail__transcript a {
    color: var(--color-charcoal);
    text-decoration: underline;
}
.resource-video-detail__back a:hover,
.resource-video-detail__transcript a:hover {
    color: var(--color-soft-coral);
}
.resource-video-detail h1 {
    margin-bottom: 28px;
}
.resource-video-detail__embed {
    margin-bottom: 40px;
}
.resource-video-detail__embed iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    max-width: 100%;
    border: 0;
    border-radius: 10px;
}
.resource-video-detail__transcript {
    padding: 30px;
    border: 2px solid var(--color-soft-coral);
    border-radius: 24px;
    background: var(--bg-color-white);
}
.resource-video-detail__transcript h2 {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 0;
    margin-bottom: 22px;
}
.resource-video-detail__transcript-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    color: var(--color-charcoal);
    background: var(--bg-color-soft-coral);
}
.resource-video-detail__transcript-icon svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.resource-video-detail__transcript-body {
    padding: 24px;
    border: 1px solid var(--bg-color-charcoal-faded);
    border-radius: 16px;
}
.resource-video-detail__transcript-body > :last-child {
    margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
    .resource-video-detail__inner {
        padding: 35px 20px 60px;
    }
    .resource-video-detail__transcript {
        padding: 24px;
        border-radius: 18px;
    }
    .resource-video-detail__transcript h2 {
        gap: 10px;
    }
    .resource-video-detail__transcript-icon {
        width: 38px;
        height: 38px;
    }
    .resource-video-detail__transcript-body {
        padding: 20px;
    }
}
















/*============================================*/
/*====== VIMEO VIDES API CST POST TYPE ======*/
/*===========================================*/
.single.single-a-and-k-resources .entry-content {
    background: #EAEAEA;
}
.single.single-a-and-k-resources .video-wrapper h2.video-title {
    text-align: center;
    margin-bottom: 30px;
}
.single.single-a-and-k-resources .video-wrapper {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 0 80px 0;
}
.single.single-a-and-k-resources .video-embed iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    max-width: 100%;
}
.single.single-a-and-k-resources .video-title {
    margin-bottom: 10px;
}
.single.single-a-and-k-resources iframe {
    border-radius: 10px
}
@media only screen and (max-width: 1024px) {
    .single.single-a-and-k-resources .video-wrapper {
        padding: 0 20px 50px 20px;
    }
}
/*============================================*/
/*====== A&K TEMPLATES  CST POST TYPE ========*/
/*============================================*/
/*====== Custom Archive Page Layout ========*/
.post-type-archive-a-and-k-templates #page {
    background-color: #EAEAEA;
}
.post-type-archive-a-and-k-templates .cpt-archive-container {
    margin-top: 60px;
}
.post-type-archive-a-and-k-templates .archive-group {
    margin-bottom: 20px;
    padding: 0 30px 25px 25px;
    position: relative;
    border-radius: 24px;
    background-color: var(--bg-color-white);
}
.post-type-archive-a-and-k-templates .archive-group h2 {
    padding: 20px 0 10px 0;
    text-align: center;
}
.post-type-archive-a-and-k-templates .archive-group h2 a {
    text-decoration: underline;
    color: var(--color-charcoal);
}
.post-type-archive-a-and-k-templates .archive-group h2 a:hover {
    text-decoration: underline;
    color: var(--color-soft-coral);
}
.post-type-archive-a-and-k-templates ul {
    list-style: none;
}
.post-type-archive-a-and-k-templates .template-item a {
    text-decoration: underline;
    font-size: 18px;
    color: var(--color-charcoal);
}
@media only screen and (max-width: 600px) {
    .post-type-archive-a-and-k-templates .template-item {
        margin-bottom: 15px;
    }
}
.post-type-archive-a-and-k-templates .template-item a:hover {
    text-decoration: underline;
    color: var(--color-soft-coral);
}
/*====== Custom Single Page Layout ========*/
.single-a-and-k-templates #page {
    background-color: var(--color-air);
    padding-top: 60px;
    padding-bottom: 60px;
}
.single-a-and-k-templates .parent-message-template {
    margin-bottom: 20px;
    padding: 0 30px 25px 25px;
    position: relative;
    border-radius: 24px;
    background-color: var(--bg-color-white);
}
.single-a-and-k-templates .parent-message-template h2 {
    padding: 20px 0 10px 0;
    text-align: center;
}
.single-a-and-k-templates .parent-message-template ul {
    list-style: none;
}
.single-a-and-k-templates .parent-message-template a {
    text-decoration: underline;
    font-size: 18px;
    color: var(--color-charcoal);
}
.single-a-and-k-templates .parent-message-template a:hover {
    text-decoration: underline;
    color: var(--color-soft-coral);
}
.single-a-and-k-templates .message-template {
    position: relative;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0px 0px 12px;
}
/*=== Team Hope - Video Lightbox ===*/
.video-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}
.video-lightbox .lightbox-content {
    position: relative;
    width: 90%;
    max-width: 800px;
    background: #fff;
    padding: 10px;;
    border-radius: 8px;
    overflow: hidden;
    overflow: visible;
}
.video-lightbox .lightbox-content.pdf {

    width: 100%;
    max-width: 1200px;

}
.video-lightbox .lightbox-content iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    display: block;
    border: none;
}
.video-lightbox .close-lightbox {
    position: absolute;
    top: -35px;
    right: -35px;
    background: unset;
    border: none;
    font-size: 1.5rem;
    color: white;
    cursor: pointer;
    z-index: 10000;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.open-lightbox:hover {
    cursor: pointer;
}

/*=== Reset styles from GeneratePress ===*/
.a-and-k-templates table,
.a-and-k-templates td {
    border: none;
    padding: 0px;
}
.a-and-k-templates table {
    margin: 0px;
    padding: 0px;
}
.a-and-k-templates a {
    text-decoration: underline;
    color: #ff8653;
}
/*============================================*/
/*=========== Mobile Media Queries ==========*/
/*==========================================*/
@media only screen and (min-width: 1024px) {
    .header-img-font-mobile {
        display: none;
    }
}
@media only screen and (min-width: 480px) {
    .header-img-mobile {
        display: none;
    }
}
@media only screen and (max-width: 1400px) {
    /**** Logo Menu Adjustment ***/
    .site-header .inside-header .header-image {
        width: 200px
    }
}
@media only screen and (max-width: 1024px) {
    /***** Headings *****/
    h1 {
        font-size: 2.25rem;
        font-size: clamp(2.25rem, 5.5vw, 3.563rem);
        line-height: 1.3;
    }
    h2 {
        font-size: 2rem;
        font-size: clamp(2rem, 4.39vw, 2.813rem);
        line-height: 1.4;
    }
    h3 {
        font-size: 1.75rem;
        font-size: clamp(1.75rem, 3.52vw, 2.25rem);
        line-height: 1.5;
    }
    h4 {
        font-size: 1.50rem;
        font-size: clamp(1.50rem, 3vw, 1.75rem);
        line-height: 1.6;
    }
    h5 {
        font-size: 0.875rem;
        font-size: clamp(1.25rem, 2.5vw, 1.5rem);
        line-height: 1.7;
    }
    /***** Five2thrive Testimonials *****/
    .s-testimonials .testimonials-columns {
        display: block;
    }
    .s-testimonials .testimonial-box {
        margin: 0 30px 0;
    }
    .s-testimonials .testimonial-box.adjust {
        margin-top: 40px;
    }
    .s-testimonials .testimonials-columns .right-col {
        margin-top: 30px;
    }
    .testimonials-wrap {
        margin: unset;
    }
    .section-testimonial .img-right .left-col {
        padding: 10px 20px 35px 20px;
    }
    /**** Logo Menu Adjustment ***/
    .site-header .inside-header .header-image {
        width: 130px
    }
    .main-navigation .main-nav ul li a {
        padding-left: 5px;
        padding-right: 5px;
        font-size: var(--text-size-extra-small)
    }
    .menu-bar-items .hide-on-mobile {
        font-size: var(--text-size-extra-small);
    }
    .menu-bar-items .hide-on-mobile {
        padding: 8px 10px 8px 10px;
    }
    /*** Logo Desktop/Mobile Swap ***/
    .header-img-font-desktop {
        display: none
    }
    .font-headers h1 {
        position: absolute;
        top: 40px;
    }
    /**** Other ****/
    .testimonials-wrap {
        margin: unset;
    }
    .toggle-container .toggle-header {
        font-size: 1.2rem;
        font-size: clamp(1.25rem, 2.5vw, 1.5rem);
    }
    .home-third-section {
        padding: 130px 0 140px 0;
    }
    .section-testimonial .img-right .left-col {
        padding: 10px 20px 35px 20px;
    }
    .front-header .bottom-col {
        padding: 500px 0 150px 0;
    }
    .get-it-section {
        background-image: unset;
    }
}
@media only screen and (max-width: 768px) {
    /***** Five2thrive Testimonials *****/
    .s-testimonials .testimonial-box h3 {
        padding: 0 30px;
    }
    .s-testimonials .testimonial-box {
        padding: 30px 0;
    }
    /**** Logo Menu Adjustment ***/
    .site-header .inside-header .header-image {
        width: 250px
    }
    /**** Other ***/
    .top-bar-wrap {
        display: none
    }
    .site-header.has-inline-mobile-toggle {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        background: white;
        border: unset;
    }
    .front-header .bottom-col {
        padding: 500px 0 50px 0;
    }
    /*** Footer  ***/
    .inside-footer-widgets .footer-widget-2 {
        display: none;
    }
    .inside-footer-widgets .footer-top-links {
        text-align: center;
    }
    footer.site-info .box-middle {
        width: 100%;
    }
    .header-img-font-desktop {
        display: none;
    }
    /*** Other ***/
    .fluentform.ff-default .ff-btn-lg {
        margin: 0 auto;
        display: table
    }
    /**/
    .section-testimonial .img-right img {
        border-radius: 32px 32px 0 0;
    }
    .section-testimonial .img-right .left-col.adjust {
        padding: 0 20px 30px 20px;
        border-radius: 0 0 32px 32px;
    }
    .section-testimonial .img-right .left-col .arrow {
        left: 40%;
        top: -28px;
        width: 0;
        height: 0;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-bottom: 30px solid var(--color-air)
    }
    .section-testimonial .img-left .right-col {
        padding: 0 20px;
        border-radius: 0 0 32px 32px;
    }
    .section-testimonial .img-left img {
        border-radius: 32px 32px 0 0
    }
    .section-testimonial .left-col {
        border-right: unset;
    }
    .section-testimonial .img-right .left-col.adjust .buttons.coral {
        margin: 30px auto 0;
    }
    .section-testimonial .img-left .arrow {
        left: 40%;
        top: -28px;
        width: 0;
        height: 0;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-bottom: 30px solid var(--color-air)
    }
    .get-it-section .questions-wrap {
        background-position: top center;
        background-size: 350px;
        background-image: url(/wp-content/uploads/graphics/circle-questions.png);
    }
    .get-it-section .questions-wrap::before {
        top: 0;
        bottom: 0;
        background-position: center center;
        background-size: 160px;
    }
    .get-it-section .questions-wrap .question.left {
        text-align: left;
        justify-content: flex-start;
        padding-right: 50px;
    }
    .get-it-section .questions-wrap .question.right {
        text-align: right;
        justify-content: flex-end;
        padding-left: 50px;
    }
    .graphic-wrap {
        margin-bottom: -80px
    }
}
@media only screen and (max-width: 480px) {
    .site-header .inside-header .header-image {
        max-width: 180px
    }
    .testimonial-box.figurine img {
        display: none;
    }
    .front-header .bottom-col {
        padding: 500px 0 30px 0;
    }
    /*** Logo Desktop/Mobile Swap ***/
    .header-img-desktop {
        display: none;
    }
    .header-img-mobile {
        width: auto;
        height: 300px;
        object-fit: cover;
        border-radius: 32px;
    }
    /*** Other ***/
    .s-testimonials .testimonial-box h3 {
        font-size: 1.50rem;
        font-size: clamp(1.50rem, 3vw, 1.75rem);
        line-height: 1.6;
    }
}
@media only screen and (max-width: 400px) {
    .site-header .inside-header .header-image {
        max-width: 150px
    }
    .front-header .bottom-col {
        padding: 500px 0 130px 0;
    }
    .get-it-section .questions-wrap {
        background-position: center center;
        background-size: 450px;
        background-image: url(/wp-content/uploads/graphics/circle-questions.png);
        z-index: -2;
    }
    .get-it-section .questions-wrap::before {
        top: 0;
        bottom: 0;
        background-position: center center;
        background-size: 160px;
        z-index: -1
    }
    .get-it-section .questions-wrap .question.left {
        text-align: center;
        justify-content: center;
        padding: 10px
    }
    .get-it-section .questions-wrap .question.right {
        text-align: center;
        justify-content: center;
        padding: 10px
    }
}
/** temp **/
.display-none {
    display: none;
}
.temp-hide {
    display: none !important;
}


.additional----take--course---btn{display:none !important;}
body.logged-in .additional----take--course---btn{display:block !important;}
.additional----take--course---btn .learndash-wrapper input.button{margin:35px auto 25px !important;}

.slideout-navigation .main-nav, .slideout-navigation .slideout-widget:not(:last-child) {
    margin-bottom: 0 !important
}

.test55 {
	display: none !important
}

#generate-slideout-menu #block-23{width:100%;}