/*
Theme Name: Aid The Way - Salient Child Theme
Description: This is a custom child theme for Aid The Way. It allows easy customization without changing core theme files.
Author: Honest Studios
Author URI:  https://honeststudios.com
Template: salient
Version: 1.0
*/
:root {

  --brand-font: proxima-nova-condensed, sans-serif;
  --body-font: aktiv-grotesk, sans-serif;
    --fs-normal:1rem;
    --brand-dark:#004d37;
    --brand-500:#66a87b;
    --brand-light:#a1c49b;
    --brand-tan:#d8d6cc;
    --brand-offwhite:#f5f5f5;

    /* Base font sizes */
  --font-size-sm: clamp(0.8rem, 0.75rem + 0.2vw, 0.9rem);
  --font-size-normal: clamp(1rem, 0.95rem + 0.3vw, 1.125rem);
  --font-size-lg: clamp(1.125rem, 1rem + 0.5vw, 1.25rem);

  /* Headings */
  --font-size-h6: clamp(1rem, 0.9rem + 0.4vw, 1.125rem);
  --font-size-h5: clamp(1.125rem, 1rem + 0.5vw, 1.25rem);
  --font-size-h4: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --font-size-h3: clamp(1.5rem, 1.3rem + 0.8vw, 1.875rem);
  --font-size-h2: clamp(1.875rem, 1.6rem + 1vw, 2.25rem);
  --font-size-h1: clamp(2.25rem, 1.8rem + 1.2vw, 3rem);

  /* Display (hero / big titles) */
  --font-size-display: clamp(3.6rem, 2.2rem + 2.5vw, 5rem);

--fs-sm: clamp(0.8rem, 0.1vi + 0.77rem, 0.87rem);
--fs-normal: clamp(1rem, 0.29vi + 0.93rem, 1.19rem);
--fs-md: clamp(1.25rem, 0.59vi + 1.1rem, 1.35rem);
--fs-lg: clamp(1.56rem, 1.04vi + 1.3rem, 2.23rem);
--fs-xl: clamp(2.4rem, 1.71vi + 1.53rem, 3.05rem);
--fs-xxl: clamp(2.44rem, 2.71vi + 1.76rem, 4.18rem);
--fs-xxxl: clamp(3.7rem, 4.16vi + 2.01rem, 5.73rem);
}

/* Fonts */
body,body blockquote{font-family: var(--body-font);}
h1,h2,h3,h4,h5,h6,.heading-font{
    font-family: var(--brand-font);
}
button[type=submit], input[type=button], input[type=submit]{font-family: var(--body-font); font-weight: 400;}

.fs-sm{font-size:var(--fs-sm);}
.fs-normal{font-size:var(--fs-normal);}
.fs-md{font-size:var(--fs-md);}
.fs-lg{font-size:var(--fs-lg);}
.fs-xl{font-size:var(--fs-xl);}
.fs-xxl{font-size:var(--fs-xxl);}
.fs-xxxl{font-size:var(--fs-xxxl);}

.centered{margin-left:auto!important;margin-right:auto!important;}
.tight-kerning{letter-spacing:-.04em;}

body .hide{display:none!important;}
body.vc_editor .hide{display:initial!important; opacity:.5;}

/* Fix font line height trim Proxima Nova Condensed Bold */
:is([class*="u-text-style-"], h1, h2, h3, h4, h5, h6, blockquote, .heading-font) {
	display: flow-root;
}
:is([class*="u-text-style-"], h1, h2, h3, h4, h5, h6, blockquote, .heading-font)::before {
	content: "";
	display: table;
	margin-bottom: calc(-0.5lh + 0.33em);
}
:is([class*="u-text-style-"], h1, h2, h3, h4, h5, h6, blockquote, .heading-font)::after {
	content: "";
	display: table;
	margin-bottom: calc(-0.5lh + 0.35em);
}

/* Header Nav */
#top nav>ul>li>a{ font-size: 1rem; color:#000;}
#top nav > ul > li > a{transition: all .3s ease;}

#top nav > ul.initialized > .current-menu-item > a{font-weight:700; color:#66a87b;}
body #header-outer header nav > ul.initialized li.current-menu-item a{color:#66a87b!important;}

/* header nav pull right buttons */
#header-outer[data-lhe="animated_underline"] .header-btn a .menu-title-text:after{display:none!important;}
#header-outer .buttons.sf-menu {transition: transform .15s ease; }
#header-outer.small-nav .buttons.sf-menu {transform: scale(.8);}


#header-outer .header-btn a{
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #a1c49b;
    border-radius: 5rem;
    padding: 0.4em!important;
    font-weight: bold;
    font-size: 1.4em;
    color: #004d37 !important;
    cursor: pointer;
    transition:all cubic-bezier(0.175, 0.885, 0.32, 1.275) .4s!important;
}
/* Btn icon: */
body[data-button-style=rounded] .container-wrap button.icon-btn[type=submit]{padding:.4em!important;}
.icon-btn{display:flex!important; align-items: center; padding:.2em!important;}
.icon-btn .btn-text{display:inline-block; margin-left:1.2em;}

li.header-btn a:after, .icon-btn::after{
  content:'';
    display: block;
    width: auto;
    background-image: url(/wp-content/themes/salient-child/images/btn-arrow-icon-green.png);
    background-repeat: no-repeat;
    border-radius: 5rem;
    border: .1rem solid var(--brand-500);
    background-size: .7em;
    background-position: center;
    margin-left: .7em;
    height: 2em;
    aspect-ratio: 1;
    transition:all cubic-bezier(0.175, 0.885, 0.32, 1.275) .6s;
    will-change: transform;
    transform: rotate(0deg);
}

 .header-btn a:hover{transform:scale(1.05);}
 .header-btn a:hover::after,button.icon-btn:hover::after{ transform: rotate(45deg);background-size:.8em;}

.header-btn .menu-title-text{
    margin-left: 1.2em;
}

body[data-form-submit=regular] button.icon-btn[type=submit]:hover{opacity:1;}
button.icon-btn[type=submit]:hover{background:#004d37!important;}

.nectar-button.white-text span{color:#fff;}
.nectar-button.normal-weight{font-weight:400;}

.animated-arrow .icon-button-arrow::before{display: inline-block; transform:rotate(-45deg); transition:transform cubic-bezier(0.39, 0.575, 0.565, 1) .3s;}
.animated-arrow:hover .icon-button-arrow::before{display: inline-block; transform:rotate(0deg);}

.iti__search-input{text-indent:18px;}

/* Stagger Text Effects */
.stagger-letters {
  /* display: inline-block;  /* keep the group inline with text around it */
  display: block;
  position: relative;
  overflow: hidden; /* prevents layout shift from letters animating up */
  text-shadow: 0px 1.2em 0px currentcolor; /* matches the GSAP translateY */
}

.stagger-letters .char {
  display: inline-block;  /* lets each letter move independently */
  position: relative;     /* needed if you later add pseudo-elements/shadows */
  will-change: transform; /* performance hint for smoother GSAP animations */
}

.divider-arrow-row{
  height: 1.04rem;
  display: flex;
  align-items: flex-end;
  
}

.divider-arrow-row .row-bg-wrap{background: linear-gradient(90deg, #d8d6cc 5%, #77a87f 5.1%);}
  
/* Newsletter form */
.newsletter-form input{
  padding: 1rem;
  line-height: 1em;
}

/* Footer */
.footer-logo{width:211px; margin-bottom:0!important;}
#footer-widgets .row .col:first-child .widget_media_image{margin-bottom: 0;}
.footer-desc{max-width: 29ch;}
ul#menu-footer-menu {display: flex; gap: 2rem; flex-wrap: wrap;}
ul#menu-footer-menu li{flex-grow:1;}
ul#menu-footer-menu > li > a{font-family:var(--brand-font);background-image:none!important; font-weight: bold; font-size: 1.2em;}
ul#menu-footer-menu .sub-menu{padding:.5rem 0!important;}


@media only screen and (min-width: 640px) {
  body .nectar-button.no-wrap span{white-space: nowrap;}
}

@media only screen and (max-width: 479px) {
  body.material .nectar-button.grow{flex-grow: 1;}
  .hide-on-mobile:not(.ui-sortable){display:none!important;}
  .hide-on-mobile.ui-sortable{opacity:.5!important;}
  
  body.material .nectar-button.has-icon.large{
    font-size: .84rem;
    padding-right: 2.3em;
    padding-left: 3em;
  }

}

@media only screen and (max-width: 999px) {
  .home-hero-buttons .wpb_wrapper{flex-wrap: wrap;}
}