/* ASTRA custom theme - phil@philstack.com - 4.13.2024 */

/* ASTRA Colors */

:root {
  --ASTRA-blue-deep: #1b4899;
  --ASTRA-blue-sky: #2aa2db;
  --ASTRA-green: #56be91;
  --ASTRA-yellow: #fbd24d;
  --ASTRA-orange: #f6903f;
  --ASTRA-red: #ee4831;
}

/* ASTRA Fonts */

@font-face {
  font-family: 'Creato Display - Regular';
  src: url('astra-fonts/CreatoDisplay-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'LEMON MILK - Regular';
  src: url('astra-fonts/LEMONMILK-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'LEMON MILK - Bold';
  src: url('astra-fonts/LEMONMILK-Bold.otf') format('opentype');
  font-weight: bold;
  font-style: bold;
}

body,
*,
p,
a {
  font-family: 'Creato Display - Regular', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'LEMON MILK - Bold', sans-serif;
  font-weight: bolder;
  color: var(--ASTRA-blue-deep);
}

/* overrides for iMIS builtin fonts */
h2,
.h2,
.PanelTitle,
h3,
.SectionTitle,
h4,
.h4,
.SectionLabel,
h5,
.h5,
.SectionLabelSmaller,
h6,
.h6 {
  font-family: 'LEMON MILK - Bold', sans-serif;
}

@media (min-width: 768px) {
  /* header */
  /* limit header logo image size and add padding */
  .header-logo-container.pull-left img {
    max-width: 145px;
    padding: 20px 0;
  }

  .header-logo-container,
  .navbar-header,
  .navbar-header.nav-auxiliary {
    width: auto;
  }

  .header-container {
    display: flex;
    justify-content: space-between;
  }
}

@media (max-width: 768px) {
  .navbar-header.nav-primary,
  .navbar-header.nav-primary .WTZone {
    width: 100%;
    max-width: unset;
  }
}

.navbar-header.nav-auxiliary {
  margin: 25px 0;
}

.navbar-header.nav-auxiliary .rmText {
  font-family: 'Creato Display - Regular', sans-serif;
  text-transform: none;
  font-size: 18px;
  font-weight: normal;
}

.navbar-header.nav-primary {
  text-align: right;
  margin-top: auto;
  margin-bottom: auto;
}

.navbar-header.nav-primary .UtilitySection a,
.navbar-header.nav-primary .UtilitySection .nav-text {
  font-family: 'Creato Display - Regular', sans-serif;
  text-transform: none;
}

.navbar-header.nav-primary a {
  text-decoration: none;
  color: #6b7280;
}

.navbar-header.nav-primary a:hover {
  color: #3f3f3f;
}

.astra-join a {
  background-color: var(--ASTRA-red);
  padding: 7px 15px;
  border-radius: 15px;
  color: #fff;
  text-decoration: none;
}

/* footer */
.footer-nav-copyright,
#ft,
.footer-content {
  background-color: #fff;
  color: #424242;
}

.footer-nav-copyright {
  font-size: 0.8em;
}

.footer-content {
  max-width: 1170px;
  margin: 0 auto;
}

.footer-content .container {
  float: left;
}

.footer-content .container:nth-child(1) {
  width: 30%;
  text-align: left;
}

.footer-content .container:nth-child(1) *,
.footer-nav-copyright * {
  font-family: 'Creato Display - Regular', sans-serif;
}

.footer-content .container:nth-child(2) {
  width: 70%;
}

.footer-content .container:nth-child(2) .rmText {
  font-family: 'Creato Display - Regular', sans-serif;
  text-transform: none;
  font-size: 18px;
  font-weight: normal;
}

.ASTRA-ft-contact-splitter {
  padding-left: 50px;
}

.ASTRA-ft-left {
  font-size: 0.8em;
}

.ASTRA-ft-socials svg {
  color: #9ca3af;
}

/* remove unwanted bottom dotted line borders */
h2,
.h2,
.panel-heading.Distinguish,
.PanelHead.Distinguish,
.TitleBarCaption,
div.PanelTitle,
#masterHeaderBackground,
.header {
  border-bottom: none;
}

/* RadMenu_Austin */

/* Reset some Telerik defaults */
.RadMenu.RadMenu_Austin {
  float: none;
}

.RadMenu.RadMenu_Austin .rmGroup,
.RadMenu.RadMenu_Austin .rmRootGroup,
.RadMenu.RadMenu_Austin .rmMultiColumn,
.RadMenu.RadMenu_Austin .rmRootGroup > .rmItem {
  border: none;
}

.RadMenu.RadMenu_Austin .rmVertical .rmToggle .rmIcon:before,
.RadMenu.RadMenu_Austin .rmVertical .rmExpand:before,
.RadMenu.RadMenu_Austin .rmRightArrow .rmIcon:before,
.RadMenu.RadMenu_Austin .rmHorizontal .rmToggle .rmIcon:before,
.RadMenu.RadMenu_Austin .rmHorizontal .rmExpand:before,
.RadMenu.RadMenu_Austin .rmBottomArrow .rmIcon:before {
  content: none;
}

.RadMenu.RadMenu_Austin .rmItem,
.RadMenu.RadMenu_Austin .rmHorizontal > .rmItem,
.RadMenu.RadMenu_Austin .rmHorizontal > .rmRootScrollGroup > .rmItem,
.RadMenu.RadMenu_Austin .rmLink {
  float: none;
}

.RadMenu.RadMenu_Austin .rmLink {
  padding: 0px;
}

.RadMenu.RadMenu_Austin .rmVertical .rmItem .rmText {
  display: inline-block;
  vertical-align: top;
  float: left;
}

.RadMenu.RadMenu_Austin .rmRootGroup .rmRootLink .rmToggle,
.RadMenu.RadMenu_Austin .rmToggle {
  width: auto;
}

.RadMenu.RadMenu_Austin .rmToggle,
.RadMenu.RadMenu_Austin .rmToggle .rmIcon,
.RadMenu.RadMenu_Austin .rmRootGroup .rmRootLink .rmToggle {
  position: static;
}

.RadMenu.RadMenu_Austin .rmGroup .rmContent,
.RadMenu.RadMenu_Austin .rmRootGroup .rmContent {
  padding: 0;
}

.RadMenu.RadMenu_Austin,
.RadMenu.RadMenu_Austin .rmItem {
  font-size: inherit;
}

.RadMenu.RadMenu_Austin .rmSlide ul.rmGroup {
  padding: 0;
}

.RadMenu.RadMenu_Austin {
  z-index: 1001 !important;
  position: relative;
}

.RadMenu.RadMenu_Austin:focus {
  outline: none;
}

.RadMenu.RadMenu_Austin ul {
  margin: 0;
  padding: 0;
}

.RadMenu.RadMenu_Austin .rmItem {
  list-style: none;
}

.RadMenu.RadMenu_Austin .rmDisabled > a {
  cursor: default;
}

.RadMenu.RadMenu_Austin .rmItem {
  width: auto;
  clear: both;
}

.RadMenu.RadMenu_Austin .rmText,
.RadMenu.RadMenu_Austin .rmHorizontal .rmText,
.RadMenu.RadMenu_Austin .rmSlide .rmText {
  padding: 10px 15px;
  letter-spacing: 0.5px;
  font-size: 15px;
}

.RadMenu.RadMenu_Austin .rmSlide .rmText {
  /* give space for the expand arrow */
  padding-right: 40px;
}

.RadMenu.RadMenu_Austin .rmSlide .rmGroup {
  position: relative;
}

.RadMenu.RadMenu_Austin .rmLink,
.RadMenu.RadMenu_Austin .rmOneLevel .rmItem .rmLink {
  padding: 0;
}

.RadMenu.RadMenu_Austin .rmTwoLevels .rmItem .rmItem,
.RadMenu.RadMenu_Austin .rmTwoLevels .rmLevel1 .rmLink {
  /* make sure second-level rsm items are lined up properly */
  padding-left: 0;
}

.RadMenu.RadMenu_Austin .rmTwoLevels .rmLink {
  margin-bottom: 0;
}

.RadMenu.RadMenu_Austin .rmTwoLevels .rmLevel1 > .rmItem > .rmLink {
  font-size: 1.16em;
}

.RadMenu.RadMenu_Austin .rmTwoLevels .rmLevel1 > .rmItem > .rmLink,
.RadMenu.RadMenu_Austin
  .rmTwoLevels
  .rmLevel1
  > .rmItem.rmDisabled
  > .rmLink:hover,
.RadMenu.RadMenu_Austin
  .rmTwoLevels
  .rmLevel1
  > .rmItem.rmDisabled
  > .rmLink:focus {
  text-transform: none;
  color: #8f8e8e;
  /* font-weight: bold; */
}

.RadMenu.RadMenu_Austin .rmOneLevel .rmItem .rmLink {
  white-space: nowrap;
}

.RadMenu.RadMenu_Austin .rmLink {
  color: #666666;
  text-decoration: none;
  display: block;
  position: relative;
  letter-spacing: 0.5px;
  /* required for the menu to work in IE */
}

.RadMenu.RadMenu_Austin .rmGroup .rmText {
  margin: 0;
}

.RadMenu.RadMenu_Austin .rmRootLink.rmSelected {
  /* root item selected styles */
  color: #666;
  background-color: #fff;
}

.RadMenu.RadMenu_Austin .rmRootLink.rmSelected .rmText {
  text-decoration: underline;
}

.RadMenu.RadMenu_Austin .rmRootLink.rmExpanded,
.RadMenu.RadMenu_Austin .rmRootLink:hover,
.RadMenu.RadMenu_Austin .rmRootLink.rmFocused {
  /* root item hover and focus styles */
  background-color: #fff;
  color: #666;
}

.RadMenu.RadMenu_Austin .rmGroup {
  background-color: #fff;
}

.RadMenu.RadMenu_Austin .rmDisabled > .rmLink {
  color: #666;
}

.RadMenu.RadMenu_Austin .rmDisabled > .rmLink:hover,
.RadMenu.RadMenu_Austin .rmDisabled > .rmLink:active {
  background-color: transparent;
  color: #666;
}

.RadMenu.RadMenu_Austin .rmRootGroup > .rmItem {
  position: relative;
}

.RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmLink {
  text-transform: none;
  font-size: 100%;
  font-weight: normal;
  letter-spacing: 0;
}

.RadMenu.RadMenu_Austin .rmToggle,
.RadMenu.RadMenu_Austin .rmRootGroup .rmRootLink .rmToggle {
  /* a clickable target to expand multi-level navigaiton */
  display: inline-block;
  float: right;
  height: 100%;
}

.RadMenu.RadMenu_Austin .rmToggle .rmIcon,
.RadMenu.RadMenu_Austin .rmRootGroup .rmRootLink .rmToggle .rmIcon {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: block;
  width: 23px;
  height: 15px;
  background-image: url('images/responsivenav.png');
  background-repeat: no-repeat;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 15px;
  margin-left: 15px;
}

.RadMenu.RadMenu_Austin .rmLink:hover .rmToggle > .rmIcon,
.RadMenu.RadMenu_Austin .rmLink.rmFocused .rmToggle > .rmIcon,
.RadMenu.RadMenu_Austin .rmSelected > .rmLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_Austin .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_Austin .rmExpanded > .rmLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_Austin .rmSlide .rmLink .rmToggle > .rmIcon {
  background-position: 0 -26px;
}

.RadMenu.RadMenu_Austin .rmExpanded > .rmLink > .rmToggle > .rmIcon {
  transform: rotate(180deg);
}

.RadMenu_Austin .rmSlide {
  display: none;
  /* hide the sub nav until requested */
  position: absolute;
  height: auto !important;
  /* box-shadow: 3px 3px 12px 3px rgba(0, 0, 0, .2); */
  filter: drop-shadow(4px 4px 12px rgba(0, 0, 0, 0.2));
}

.RadMenu_Austin .rmSlide .rmItem {
  float: none;
  display: block;
}

.RadMenu_Austin .rmSlide .rmText {
  float: none;
}

.RadMenu_Austin .rmSlide .rmLink {
  color: #666;
}

.RadMenu_Austin .rmSlide .rmSeparator,
.RadMenu_Austin .rmSlide .rmVertical > .rmSeparator,
.RadMenu_Austin .rmSlide .MegaDropDownMenuSeparator > .rmLink {
  border-bottom: 1px dotted #fff;
}

.RadMenu_Austin .rmSlide .rmSeparator,
.RadMenu_Austin .rmSlide .rmVertical > .rmSeparator {
  margin: 0 15px;
}

.RadMenu_Austin .rmSlide .rmFocused > .rmLink,
.RadMenu_Austin .rmSlide .rmSelected > .rmLink,
.RadMenu_Austin .rmSlide .rmItem.rmSelected .rmLink {
  background-color: transparent;
  color: var(--ASTRA-red);
}

.RadMenu_Austin .rmSlide .rmLink:hover,
.RadMenu_Austin .rmSlide .rmLink:focus,
.RadMenu_Austin .rmSlide .rmLink.rmFocused,
.RadMenu_Austin .rmSlide .rmLevel1 > .rmItem > .rmLink:hover,
.RadMenu_Austin .rmSlide .rmLevel1 > .rmItem > .rmLink:focus,
.RadMenu_Austin .rmSlide .rmLevel1 > .rmItem > .rmLink.rmFocused {
  background-color: #eee;
  color: var(--ASTRA-red);
}

.RadMenu_Austin .rmSlide.rmLevel1 .rmGroup {
  /* for second-level sub-nav and beyond,
       * we want to indent the nav to give separation */
  margin-left: 0;
}

.RadMenu_Austin .rmSlide .rmExpandRight,
.RadMenu_Austin .rmSlide .rmGroup a.rmLink.rmExpandRight {
  background-image: url('images/ResponsiveNav.png');
  background-position: 110% -200px;
  background-repeat: no-repeat;
}

@media (max-width: 991px) {
  .RadMenu_Austin .rmSlide {
    width: 100% !important;
    left: 0 !important;
  }
  .RadMenu_Austin .rmSlide ul.rmVertical,
  .RadMenu_Austin .rmSlide ul.rmHorizontal,
  .RadMenu_Austin .rmSlide ul.rmRootScrollGroup {
    float: none;
  }
  .RadMenu_Austin .rmSlide .rmSlide {
    /* for right expanded items, expand below on extra small screens */
    left: 0 !important;
  }
  .RadMenu_Austin .rmSlide .rmToggleHandles .rmSlide .rmText {
    /* if we have toggles on we don't want to add the extra padding */
    padding-right: 15px;
  }
  .RadMenu_Austin .rmSlide .rmToggleHandles .rmExpandRight,
  .RadMenu_Austin .rmSlide .rmToggleHandles .rmGroup a.rmText.rmExpandRight {
    /* if toggle handles are on we don't want to display the arrow twice*/
    background-image: none;
  }
}

@media (min-width: 992px) {
  .RadMenu.RadMenu_Austin .rmItem {
    white-space: nowrap;
  }
  .RadMenu.RadMenu_Austin .rmRootGroup > .rmItem {
    float: left;
    clear: none;
  }
  .RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmLink {
    margin: 0;
  }
  .RadMenu.RadMenu_Austin .rmSlide .rmGroup {
    margin: 0;
  }
  .RadMenu.RadMenu_Austin .rmSlide .rmItem {
    float: none;
    display: block;
  }
  .RadMenu.RadMenu_Austin .rmSlide .rmLink {
    margin: 0;
  }
  .RadMenu.RadMenu_Austin .rmToggle,
  .RadMenu.RadMenu_Austin .rmRootGroup .rmRootLink .rmToggle {
    display: none;
  }
  .RadMenu.RadMenu_Austin.MegaDropDownMenuOuter ul.rmLevel1 div.rmSlide,
  .RadMenu.RadMenu_Austin.MegaDropDownMenuOuter
    ul.rmLevel1
    ul.rmVertical
    div.rmSlide {
    display: block !important;
  }
}

/* side nav  */

.col-secondary .sub-nav .sub-nav-head {
  background-color: var(--ASTRA-red);
  color: #fff;
  font-weight: bold;
  font-size: 120%;
  padding: 10px 15px;
}

.col-secondary .sub-nav .SubNavigationSeparator {
  border: none;
  height: 4px;
  background-color: var(--ASTRA-red);
}

/* home carousel */

.carousel-indicators li {
  margin-right: 5px;
}

.carousel-indicators .active {
  margin-right: 5px;
}

.carousel-caption {
  bottom: 60px;
}

#masterMainBreadcrumb {
  display: none;
}

/* begin footer stuff Phil added on 8.28.2024 */
.footer-content .container:nth-child(2),
.footer-content .container:nth-child(3) {
  width: 100%;
}

@media (min-width: 992px) {
  .footer-content .container:nth-child(2) {
    width: 35%;
    text-align: left;
  }

  .footer-content .container:nth-child(3) {
    width: 65%;
  }
  .footer-content .container:nth-child(3) .ContentItemContainer {
    width: 100%;
    float: left;
  }
  .footer-content
    .container:nth-child(3)
    .ContentItemContainer
    .ContentItemContainer {
    width: 25%;
    float: left;
  }
}

.footer-copyright {
  width: 100%;
  text-align: center;
  padding-top: 32px;
  border-top: solid 1px #9ca3af30;
}

.footer-nav-copyright {
  margin: 32px 0px;
  --tw-text-opacity: 1;
  color: #9ca3af;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.astra-footer-nav-links ul,
.astra-footer-nav-links ul li {
  list-style: none;
  padding-left: 0;
}

.astra-footer-nav-links ul li {
  padding: 10px 0;
  font-size: 0.95em;
  font-weight: 600;
}

.astra-footer-nav-links a {
  text-decoration: none;
  color: #9ca3af;
  font-weight: 400;
}

@media (min-width: 992px) {
  .astra-footer-nav-links ul li {
    text-align: left;
  }
}