/*This file is for Mobile First Css - Redone */

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');


:root{
--head-font:"Rubik", sans-serif;
--varela-font:"Varela Round", sans-serif;	
--inter-font:"Inter", sans-serif;
--rubik-font:"Rubik", sans-serif;
--h1-size:54px;
--h1-lheight:54px;
--h2-size:42px;
--h2-lheight:48px;
--h3-size:33px;
--h3-lheight:43px;
--h4-size:24px;
--h4-lheight:29px;
--h5-size:18px;
--h5-lheight:inherit;
--h6-size:16px; /*also called eyebrow*/
--h6-lheight:26px;
--h6-lspace:1px;
--eyebrow-font:"Inter", sans-serif;
--eyebrow-size:16px;
--eyebrow-transform:uppercase;
--eyebrow-weight:600;
--eyebrow-lheight:26px;
--eyebrow-lspace:1px;
--eyebrow-learnteachmspace:#FFC922;
--eyebrow-grow:#0E1F47;
--eyebrow-about:#0E1F47;
--eyebrow-newsother: #FFC922;
--p-font:"Inter", sans-serif;
--pn-size:16px;
--pn-lheight:26px;
--ps-size:14px;
--ps-lheight:26px;
--color-blue:#0E1F47;
--color-blue-hover:linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), #0E1F47; 
--color-teal:#00A38F;
--color-teal-hover: linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%), #00A38F;
--color-yellow:#FFC922;
--color-yellow-hover:linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%), #FFC922;
--color-orange:#E95624;
--color-orange-hover:linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%), #E95624;
--color-purple:#494EAA;
--color-purple-hover:linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #494EAA;
--color-white:#ffffff;
--color-black:#000000;
--color-grey-artic:#F3F5FB;
--color-grey-dark:#E1E1E1;
--button-lheight:26px;
--button-pad:12px 25px;
--button-rad:12px; 
--button-height:49px;
--button-fsize:16px;
--button-weight:700;
--buttonsm-fsize:14px;
--blue-button:#031F4D;
--blue-button-hover:linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), #0E1F47; 
--teal-button:#00B3A6;
--teal-button-hover:linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%), #00A38F;
--yellow-button:#00B3A6;
--yellow-button-hover:linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%), #FFC922;
--orange-button:#00B3A6;
--orange-button-hover:linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%), #E95624;
--purple-button:#00B3A6;
--purple-button-hover:linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #494EAA;
--white-button:#F3F5FB;
--white-button-hover:#ffffff;
--transform: uppercase;
--weight-bold: 700;
--weight-semi:600;
--weight-light:400;
--alignL:left;
--alignC:center;
--p-margin-bottom:1.25em;
--lheight-normal: 26px;
}

/*Astra Customizations*/
.ast-above-header-wrap {
 max-height: 37px;
}
.site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container {
  padding: 0;
}
/*.ast-container, .ast-container-fluid {
  padding-left: 32px;
  padding-right: 32px;
}*/
.site-header-section > * {
  padding: 0;
}
body.admin-bar .ast-mobile-popup-drawer{
top: 0 !important;
}
.ast-plain-container.ast-no-sidebar #primary {
    margin-top: 0;
    margin-bottom: 0;
} 

/*WP Customizations*/
@media (max-width: 812px){
.wp-block-columns .wp-block-column:not(:last-child) {
  margin-bottom: auto;
}}

.wp-block-buttons.is-content-justification-center {
  justify-content: center;
  display: grid; 
}

/*UAG Block Customizations*/
/* Custom Spectra Headings*/
h1.uagb-heading-text  {
  font-size: var(--h1-size) !important;
  line-height: var(--h1-lheight)!important;
  color: var(--color-blue)!important;
  font-family: var(--p-font)!important;
}

h2.uagb-heading-text  {
  font-size: var(--h2-size)!important;
  line-height: var(--h2-lheight)!important;
  color: var(--color-blue)!important;
  font-family: var(--p-font)!important;
}


h3.uagb-heading-text  {
  font-size: var(--h3-size)!important;
  line-height: var(--h3-lheight)!important;
  color: var(--color-blue)!important;
  font-family: var(--varela-font)!important;
}

h4.uagb-heading-text  {
  font-size: var(--h4-size)!important;
  line-height: var(--h4-lheight)!important;
  color: var(--color-blue)!important;
  font-family: var(--varela-font)!important;
}

h5.uagb-heading-text  {
  font-size: var(--h5-size)!important;
  line-height: var(--h5-lheight)!important;
  color: var(--color-blue)!important;
  font-family: var(--varela-font)!important;
}

h6.uagb-heading-text  {
  font-size: var(--h6-size)!important;
  line-height: var(--h6-lheight)!important;
  color: var(--color-blue)!important;
  font-family: var(--p-font)!important;
text-transform:uppercase !important;
}

p.uagb-heading-text {
  font-size: var(--pn-size)!important;
  line-height: var(--pn-lheight)!important;
  color: var(--color-blue)!important;
  font-family: var(--p-font)!important;
font-weight: var(--weight-light)!important;
margin-bottom: 1.25em !important;
}

/*Custom Spectra Info Box*/
h1.uagb-ifb-title  {
 font-size: var(--h1-size);
  line-height: var(--h1-lheight);
  color: var(--color-blue);
  font-family: var(--p-font);
  }

h2.uagb-ifb-title  {
  font-size: var(--h2-size);
  line-height: var(--h2-lheight);
  color: var(--color-blue);
  font-family: var(--p-font);
}

h3.uagb-ifb-title  {
 font-size: var(--h3-size);
  line-height: var(--h3-lheight);
  color: var(--color-blue);
  font-family: var(--varela-font);
}

h4.uagb-ifb-title  {
 font-size: var(--h4-size);
  line-height: var(--h4-lheight);
  color: var(--color-blue);
  font-family: var(--varela-font);
}

h5.uagb-ifb-title  {
  font-size: var(--h5-size);
  line-height: var(--h5-lheight);
  color: var(--color-blue);
  font-family: var(--varela-font);
}

h6.uagb-ifb-title  {
 font-size: var(--h6-size);
  line-height: var(--h6-lheight);
  color: var(--color-blue);
  font-family: var(--p-font);
text-transform:uppercase;
}

.uagb-ifb-desc p {
  font-size: var(--pn-size);
  line-height: var(--pn-lheight);
  color: var(--color-blue);
  font-family: var(--p-font);
  font-family: var(--pn-font);
margin-bottom: 1.25em !important;
}

.uagb-infobox-cta-link.wp-block-button__link{
color: var(--navy-grey);
  background-color: var(--ast-global-color-0);
  padding: var(--button-pad);
  font-size: var(--button-fsize);
  border-radius: var(--button-rad);
  font-family: var(--gabarito-semibold);
  font-weight: inherit;
}