/*
Theme Name:     Connect Our Kids
Description:    A custom theme for Connect Our Kids based on the parent theme Enfold.
Version:        1.2
Author:         ACS Creative
Author URI:     http://www.acscreative.com/
Template:       enfold
*/

/* ------------------------------------------------------------
    IMPORTS & FONTS
------------------------------------------------------------ */
@import url("includes/elements.css");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");

/* ------------------------------------------------------------
    ROOT VARIABLES
------------------------------------------------------------ */
:root {
  /* CONTAINER WIDTH */
  --max-width-base: 720px;
  --max-width-md: 820px;
  --max-width-lg: 920px;

  /* COLORS */
  --black: #000000;
  --darker: #030e25;
  --dark: #061432;
  --orange: #ee844d;
  --blue: #0283ad;
  --white: #ffffff;
  --background: #fbfcfe;
  --grey: #e0e3e6;
  --silver: #bababa;
  --platinum: #efefef;
  --steel: #8c959d;
  --bone: #656f77;
  --blue-baltic: #1b6196;
  --blue-frosted: #a1dae3;
  --blue-icy: #a3d4f2;

  /* FONT FAMILY */
  --oswald: "Oswald", sans-serif;
  --helvetica: "Helvetica Neue", sans-serif;

  /* FONT SIZES */
  --text-xs: clamp(0.7rem, 0.65rem + 0.25vw, 0.75rem);
  /* ~11–12px */
  --text-sm: clamp(0.8rem, 0.75rem + 0.3vw, 0.875rem);
  /* ~13–14px */
  --text-base: clamp(0.95rem, 0.9rem + 0.4vw, 1rem);
  /* ~15–16px */
  --text-md: clamp(1.05rem, 1rem + 0.5vw, 1.125rem);
  /* ~17–18px */
  --text-lg: clamp(1.25rem, 1.15rem + 0.8vw, 1.5rem);
  /* ~20–24px */
  --text-xl: clamp(1.5rem, 1.35rem + 1vw, 1.875rem);
  /* ~24–30px */
  --text-2xl: clamp(1.8rem, 1.6rem + 1.2vw, 2.25rem);
  /* ~29–36px */
  --text-3xl: clamp(2.2rem, 2rem + 1.8vw, 3rem);
  /* ~35–48px */
  --text-4xl: clamp(2.75rem, 2.4rem + 2.5vw, 4rem);
  /* ~44–64px */

  /* OPACITY */
  --opacity-full: 1;
  --opacity-half: 0.5;
  --opacity-quarter: 0.25;

  /* TRANSITION */
  --transition: all 0.5s ease-in-out;
  --transition-long: all 0.7s ease-in-out;

  /* BORDER RADIUS */
  --radius-xs: 0.875rem;
  --radius-sm: 1rem;
  --radius-base: 1.125rem;
  --radius-md: 24px;
  --radius-lg: 2.25rem;
  --radius-full: 99px;

  /* ANIMATION */
  --fade-up-duration: 800ms;
  --fade-up-delay: 0ms;
  --fade-up-ease: cubic-bezier(0.2, 0.9, 0.3, 1);
  --fade-up-distance: 24px;

  /* SHADOW */
  --shadow-panel-dark:
    0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-image-orange-standard:
    0 60px 17px 0 rgba(255, 125, 61, 0), 0 39px 15px 0 rgba(255, 125, 61, 0),
    0 22px 13px 0 rgba(255, 125, 61, 0), 0 10px 10px 0 rgba(255, 125, 61, 0.05),
    0 2px 5px 0 rgba(255, 125, 61, 0.07);
  --shadow-image-orange-hover:
    0 60px 17px 0 rgba(255, 125, 61, 0), 0 39px 15px 0 rgba(255, 125, 61, 0.02),
    0 22px 13px 0 rgba(255, 125, 61, 0.07),
    0 10px 10px 0 rgba(255, 125, 61, 0.12), 0 2px 5px 0 rgba(255, 125, 61, 0.14);
  --shadow-panel-orange-hover:
    29px 8px 0 rgba(238, 132, 77, 0), 0 19px 7px 0 rgba(238, 132, 77, 0.01),
    0 10px 6px 0 rgba(238, 132, 77, 0.05), 0 5px 5px 0 rgba(238, 132, 77, 0.09),
    0 1px 3px 0 rgba(238, 132, 77, 0.1);
}

/* ------------------------------------------------------------
    GLOBALS & UTILITIES
------------------------------------------------------------ */
.content {
  padding-top: 20px !important;
}

.content-centered .entry-content-wrapper,
.content-centered {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center;
}

/* VIDEO MOCKUP */
#tablet-mockup {
  margin-bottom: 24px !important;
}

#tablet-mockup .avia-iframe-wrap,
#tablet-mockup .mejs-container {
  padding: 24px !important;
  object-fit: cover !important;
  background-color: var(--dark) !important;
  border: 4px solid var(--bone) !important;
  overflow: hidden !important;
  border-radius: var(--radius-md) !important;
  box-shadow:
    0 138px 39px 0 rgba(6, 20, 50, 0),
    0 88px 35px 0 rgba(6, 20, 50, 0.01),
    0 50px 30px 0 rgba(6, 20, 50, 0.05),
    0 22px 22px 0 rgba(6, 20, 50, 0.09),
    0 6px 12px 0 rgba(6, 20, 50, 0.1) !important;
}

#tablet-mockup iframe,
#tablet-mockup video {
  padding: 14px !important;
  object-fit: cover !important;
  border-radius: var(--radius-md) !important;
  overflow: hidden !important;
}

#top .avia-video .mejs-container,
#top .avia-video .mejs-container video,
.avia-video {
  background-color: var(--background);
}

#tablet-mockup.avia-video {
  background-color: transparent !important;
  background: transparent !important;
}

#tablet-mockup .avia_video {
  background-color: var(--dark) !important;
}

/* IMAGES */
.image-overlay,
.image-overlay .image-overlay-inside {
  display: none !important;
}

.avia-image-container img {
  border-radius: var(--radius-base) !important;
  overflow: hidden !important;
}

/* WIDTH LAYOUT */
.max-width-base {
  max-width: var(--max-width-base) !important;
  margin: auto !important;
}

.max-width-md {
  max-width: var(--max-width-md) !important;
  margin: auto !important;
}

.max-width-lg {
  max-width: var(--max-width-lg) !important;
  margin: auto !important;
}

/* TEXT BLOCK */
.av_textblock_section {
  margin-bottom: 16px !important;
}

/* FLEX */
.flex {
  display: flex !important;
}

.flex-row {
  flex-direction: row !important;
}

.justify-center {
  justify-content: center !important;
}

/* SHADOW & BORDER & PADDING */
.shadow-lg-blue {
  box-shadow:
    0 72.281px 20.48px 0 rgba(2, 131, 173, 0),
    0 46.982px 18.07px 0 rgba(2, 131, 173, 0.02),
    0 26.503px 15.661px 0 rgba(2, 131, 173, 0.07),
    0 12.047px 12.047px 0 rgba(2, 131, 173, 0.12),
    0 2.409px 6.023px 0 rgba(2, 131, 173, 0.14) !important;
}

.shadow-panel-dark {
  box-shadow: var(--shadow-panel-dark) !important;
}

.border-radius-base {
  border-radius: var(--radius-base);
}

.panel-white {
  background-color: var(--white);
  border-radius: var(--radius-base);
}

.p-24 {
  padding: 24px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.scale-15 {
  scale: 1.5 !important;
}





/* ------------------------------------------------------------
    TYPOGRAPHY
------------------------------------------------------------ */
strong {
  color: inherit !important;
}

b {
  color: inherit !important;
}

.av-subheading_above {
  color: var(--steel);
  font-style: normal;
  font-weight: 800;
  line-height: 150%;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.special_amp {
  font-family: inherit !important;
  color: inherit !important;
  font-weight: inherit !important;
}

h1,
h2 {
  overflow: hidden !important;
}

h1 {
  font-weight: 400 !important;
  line-height: 1.25 !important;
  padding-bottom: 0.5rem;
}

h2 {
  text-transform: uppercase !important;
  padding-bottom: 0.3rem;
  font-family: var(--oswald) !important;
}

h3 {
  color: var(--bone) !important;
  font-weight: 400 !important;
  margin-top: 16px !important;
  line-height: 1.4;
}

h3.h2 {
  text-transform: uppercase !important;
  padding-bottom: 0.3rem;
  font-family: var(--oswald) !important;
  color: var(--dark) !important;
  font-size: var(--text-xl) !important;
  font-weight: 600 !important;
}

h4 {
  padding-bottom: 0.15rem;
  line-height: 1.4;
}

h5 {
  padding-bottom: 0.35rem;
  line-height: 1.4;
}

h6 {
  line-height: 1.5;
  padding-bottom: 0.35rem;
}

p {
  line-height: 1.6;
  padding-bottom: 0.35rem;
}

a,
a:hover {
  transition: var(--transition);
  font-family: inherit !important;
  text-decoration: underline;
}

button:focus,
a:focus {
  color: var(--steel) !important;
  outline-offset: 4px;
}

.av-special-heading .av-subheading_above p {
  font-family: var(--oswald) !important;
}

p.text-sm,
.text-sm {
  font-size: var(--text-sm) !important;
}

p.text-md,
.text-md {
  font-size: var(--text-md) !important;
}

p.text-base,
.text-base {
  font-size: var(--text-base) !important;
}

p.text-lg,
.text-lg {
  font-size: var(--text-lg) !important;
}

.text-xl {
  font-size: var(--text-xl) !important;
}

h2.text-3xl {
  font-size: var(--text-3xl) !important;
}

.text-black {
  color: var(--black) !important;
}

.text-blue {
  color: var(--blue) !important;
}

/* ------------------------------------------------------------
    ACCORDIONS
------------------------------------------------------------ */
.togglecontainer {
  gap: 8px !important;
}

.togglecontainer .toggle_icon {
  content: url("/wp-content/uploads/chevron-down-solid-full.svg");
  right: 18px !important;
  width: 20px !important;
  height: 20px !important;
  left: auto !important;
  border: none !important;
  transition: var(--transition);
}

.togglecontainer .toggler.activeTitle .toggle_icon {
  transform: rotate(-180deg);
  transition: var(--transition);
}

.togglecontainer .toggler {
  transition: var(--transition);
  background-color: var(--platinum);
  box-shadow:
    0 4.399px 6.599px -1.1px rgba(30, 41, 59, 0.05),
    0 2.2px 4.399px -1.1px rgba(30, 41, 59, 0.06);
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
  border: 0px !important;
  top: 0 !important;
  padding-left: 24px !important;
  padding-right: 40px !important;
}

.togglecontainer .toggle_content,
.togglecontainer .toggler.activeTitle {
  background-color: var(--white) !important;
}

.togglecontainer .single_toggle {
  border: 1px solid var(--platinum);
  border-radius: var(--radius-xs) !important;
  background: var(--white);
  overflow: hidden !important;
}

.togglecontainer .toggler:hover {
  transition: var(--transition);
  background-color: var(--white);
  box-shadow:
    0 4.399px 6.599px -1.1px rgba(1, 142, 182, 0.05),
    0 2.2px 4.399px -1.1px rgba(1, 142, 182, 0.06);
  padding-left: 30px !important;
  padding-right: 34px !important;
  border: 1px solid var(--blue);
  color: var(--blue) !important;
}

/* ------------------------------------------------------------
    HEADER
------------------------------------------------------------ */
#header .container {
  z-index: 9999 !important;
  line-height: 64px !important;
  background-color: var(--white);
  border-radius: 0px 0px 36px 36px;
  padding: 0px 8px 0px 36px !important;
  box-shadow:
    0 4px 6px -1px rgba(30, 41, 59, 0.05),
    0 2px 4px -1px rgba(30, 41, 59, 0.06);
}

#header .container::before {
  content: url("/wp-content/uploads/wing-left.svg");
  position: absolute;
  left: -30px;
  top: -2px;
  width: 60px;
  height: 35px;
  visibility: visible !important;
}

#header .container::after {
  content: url("/wp-content/uploads/wing-right.svg");
  position: absolute;
  right: -30px;
  top: -2px;
  width: 60px;
  height: 35px;
  visibility: visible !important;
}

#header .header_bg {
  background: transparent !important;
}

/* LOGO */
#header .logo svg {
  max-width: 210px !important;
}

/* MENU ITEMS */
#header .main_menu .menu-item,
#header .main_menu .menu-item a {
  height: 64px;
  line-height: 64px;
}

#header .main_menu .menu-item .avia-menu-text {
  color: var(--dark);
  font-family: "Helvetica Neue";
  font-size: var(--text-base) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  transition: var(--transition);
}

#header .main_menu .menu-item .avia-menu-text:hover {
  color: var(--blue);
  text-decoration: underline !important;
  transition: var(--transition);
}

/* HEADER MENU BUTTONS (DONATE x REQUEST DEMO) */
#header .main_menu .menu-item.two-buttons-left a {
  padding-right: 0px !important;
  padding-left: 2px !important;
}

#header .main_menu .menu-item.two-buttons-left::before {
  border-radius: 99px 0px 0px 99px;
  background-color: var(--platinum);
  content: "";
  width: 100% !important;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

#header .main_menu .menu-item.two-buttons-left .avia-menu-text,
#header .main_menu .menu-item.two-buttons-right .avia-menu-text {
  padding: 20px 28px;
  border-radius: var(--radius-full);
  position: relative;
  z-index: 10 !important;
  border: none;
}

/* DONATE BUTTON HOVER */
#header .main_menu .menu-item.two-buttons-left:hover .avia-menu-text {
  background-color: var(--blue);
  color: var(--white) !important;
  transition: var(--transition);
}

/* DEMO BUTTON */
#header .main_menu .menu-item.two-buttons-right {
  padding-left: 4px !important;
  margin-left: 0px !important;
}

#header .main_menu .menu-item.two-buttons-right a {
  padding-right: 2px !important;
}

#header .main_menu .menu-item.two-buttons-right::before {
  border-radius: 0px 99px 99px 0px;
  background-color: var(--platinum);
  content: "";
  width: 100% !important;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}

#header .main_menu .menu-item.two-buttons-right .avia-menu-text {
  background-color: transparent !important;
  position: relative !important;
}

#header .main_menu .menu-item.two-buttons-right .avia-menu-text::before {
  content: "";
  position: absolute;
  border-radius: var(--radius-full);
  background-color: var(--blue);
  width: 100%;
  height: 100%;
  transition: var(--transition);
  top: 0;
  right: 0;
  z-index: -1 !important;
}

#header .main_menu .menu-item.two-buttons-right .avia-menu-text::after {
  padding-left: 8px !important;
  margin-left: 0px !important;
  content: url("/wp-content/uploads/arrow-right-white.svg") !important;
  width: 16px;
  height: 16px;
  transition: var(--transition);
  background-color: transparent !important;
}

/* DEMO BUTTON HOVER */
#header .main_menu .menu-item.two-buttons-right:hover .avia-menu-text::after {
  padding-left: 30px !important;
  content: url("/wp-content/uploads/arrow-right-black.svg") !important;
  transition: var(--transition);
  background-color: transparent !important;
}

#header .main_menu .menu-item.two-buttons-right:hover .avia-menu-text {
  padding-right: 24px !important;
  padding-left: 10px !important;
  transition: var(--transition);
  color: var(--blue) !important;
  text-decoration: underline !important;
}

#header .main_menu .menu-item.two-buttons-right:hover .avia-menu-text::before {
  background-color: var(--orange);
  width: 58px;
  height: 100%;
  transition: var(--transition);
  top: 0;
  right: 0;
}

/* MENU - SEARCH ICON */
#menu-item-search {
  padding-left: 2px;
}

#menu-item-search a {
  width: 62px !important;
  height: 62px !important;
  border-radius: var(--radius-full);
  background-color: var(--platinum) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--white);
  transition: var(--transition);
}

#menu-item-search a svg {
  width: 26px;
  z-index: 1 !important;
}

#menu-item-search a:hover {
  background-color: var(--blue) !important;
  border: 2px solid var(--white);
  transition: var(--transition);
}

#menu-item-search a:hover svg {
  fill: var(--white) !important;
}

/* HEADER SUBMENU */
#header .main_menu .menu-item.menu-item-has-children:not(.sub-menu *)>a:hover {
  background-color: var(--background);
  box-shadow:
    0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: var(--radius-sm) var(--radius-sm) 0px 0px;
  transition: var(--transition);
}

#header .main_menu .menu-item.menu-item-has-children:not(.sub-menu *)>a>.avia-menu-text {
  padding-right: 24px;
  position: relative;
}

#header .main_menu .menu-item.menu-item-has-children:not(.sub-menu *)>a>.avia-menu-text::after {
  width: 16px;
  height: auto;
  content: url("/wp-content/uploads/chevron-down-dark.svg");
  position: absolute;
  right: 0;
  transition: var(--transition);
}

#header .main_menu .menu-item.menu-item-has-children:hover>a {
  background-color: var(--background);
  box-shadow:
    0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  border-radius: var(--radius-sm) var(--radius-sm) 0px 0px;
  transition: var(--transition);
}

#header .main_menu .menu-item.menu-item-has-children:hover {
  background-color: var(--background);
  border-radius: var(--radius-sm) var(--radius-sm) 0px 0px;
  transition: var(--transition);
}

#header .main_menu .menu-item.menu-item-has-children:hover>a>.avia-menu-text::after {
  transform: rotate(-180deg);
  content: url("/wp-content/uploads/chevron-down-blue.svg");
  transition: var(--transition);
}

#header .main_menu .menu-item.menu-item-has-children:hover>a>.avia-menu-text {
  color: var(--blue);
  text-decoration: underline;
  transition: var(--transition);
}

/* SUBMENU ITEMS */
#header .main_menu .menu-item.menu-item-has-children .sub-menu {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-20px);
  transition:
    opacity 0.1s ease,
    transform 0.3s ease;
  padding: 8px 8px 16px 8px;
  z-index: -1 !important;
  border-radius: 0px 0px 14px 14px;
}

#header .main_menu .menu-item.menu-item-has-children:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition:
    opacity 0.1s ease,
    transform 0.3s ease;
}

#header .main_menu .menu-item.menu-item-has-children .sub-menu .menu-item {
  height: auto !important;
  padding: 8px 0px 2px 0px;
  transition: var(--transition);
}

#header .main_menu .menu-item.menu-item-has-children .sub-menu .menu-item a {
  height: auto !important;
  padding: 4px 8px 4px 8px;
  line-height: 20px !important;
  transition: var(--transition);
}

#header .main_menu .menu-item.menu-item-has-children .sub-menu .menu-item .avia-menu-text {
  position: relative;
  transition: var(--transition);
}

#header .main_menu .menu-item.menu-item-has-children .sub-menu .menu-item .avia-menu-text::after {
  content: url("/wp-content/uploads/arrow-right-blue.svg");
  left: -14px !important;
  position: absolute;
  opacity: 0 !important;
  transition: var(--transition);
}

#header .main_menu .menu-item.menu-item-has-children .sub-menu .menu-item a:hover {
  height: auto !important;
  padding: 4px 0px 4px 16px;
  line-height: 20px !important;
  transition: var(--transition);
}

#header .main_menu .menu-item.menu-item-has-children .sub-menu .menu-item a:hover .avia-menu-text {
  padding-left: 18px;
  padding-right: 0px;
  color: var(--blue);
  text-decoration: underline !important;
  transition: var(--transition);
}

#header .main_menu .menu-item.menu-item-has-children .sub-menu .menu-item a:hover .avia-menu-text::after {
  content: url("/wp-content/uploads/arrow-right-blue.svg");
  left: -4px !important;
  opacity: 1 !important;
  transition: var(--transition);
}

/* HEADER SEARCH */
#searchform .av_searchform_search.avia-svg-icon {
  height: 24px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.avia-search-tooltip {
  left: -126px !important;
  top: 66px !important;
  border-radius: 14px !important;
}

#searchsubmit.button {
  border-radius: var(--radius-full) !important;
  width: 43px !important;
}

/* ------------------------------------------------------------
    FOOTER
------------------------------------------------------------ */
#footer {
  position: relative !important;
  background-color: var(--dark);
  border-radius: var(--radius-lg) var(--radius-lg) 0px 0px;
}

#footer h2 {
  font-size: var(--text-lg) !important;
  text-transform: uppercase !important;
}

#footer::after {
  content: url("/wp-content/uploads/line-pattern-footer.svg");
  right: 0 !important;
  bottom: 0 !important;
  position: absolute;
  opacity: 1 !important;
  transition: var(--transition);
}

/* Footer - Logo */
#footer #footer-logo img {
  width: 400px;
  height: auto;
}

/* Footer - Social Icons */
#footer #footer-socials ul.avia-icon-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
}

#footer #footer-socials ul.avia-icon-list li {
  padding-bottom: 0px !important;
}

#footer #footer-socials .iconlist_icon {
  scale: 0.8 !important;
  margin: 0px !important;
}

#footer #footer-socials a.iconlist_icon {
  transition: var(--transition);
}

#footer #footer-socials a.iconlist_icon:hover {
  transition: var(--transition) !important;
  background-color: var(--orange) !important;
  color: var(--dark);
}

#footer #footer-socials a.iconlist_icon:hover svg {
  fill: var(--dark);
}

/* Footer - MENU */
#footer-menu-container .footer-menu,
#footer-menu-container .footer-menu .footer-columns {
  display: flex;
  flex-direction: row;
  justify-content: start;
  gap: 36px;
}

#footer-menu-container .footer-menu h2 {
  font-size: var(--text-lg);
  color: var(--bone);
}

#footer-menu-container .footer-menu {
  flex-wrap: nowrap;
}

#footer-menu-container .footer-menu nav {
  flex-grow: 1;
}

#footer-menu-container .footer-menu .footer-columns {
  width: 100%;
  justify-content: space-between;
  gap: 40px;
}

/* Footer - MENU ITEMS */
#footer-menu-container .footer-menu .footer-columns nav {
  position: relative;
}

#footer-menu-container .footer-menu .footer-columns nav ul,
#footer-menu-container .footer-menu .footer-columns nav li {
  list-style: none !important;
  margin-left: 0px;
}

#footer-menu-container .footer-menu .footer-columns nav li {
  padding-top: 12px !important;
}

#footer-menu-container .footer-menu .footer-columns nav li::marker {
  display: none !important;
}

#footer-menu-container .footer-menu .footer-columns nav li a {
  font-size: var(--text-base);
  color: var(--white);
  transition: var(--transition);
  padding-right: 24px !important;
  position: relative !important;
}

#university-footer #footer-menu-container .footer-menu .footer-columns nav li a::before {
  top: 4px !important;
}

#footer-menu-container .footer-menu .footer-columns nav li a::before {
  content: url("/wp-content/uploads/arrow-right-orange.svg");
  left: -14px !important;
  position: absolute;
  opacity: 0 !important;
  transition: var(--transition);
}

#footer-menu-container .footer-menu .footer-columns nav li a:hover {
  color: var(--orange);
  transition: var(--transition);
  padding-left: 20px;
  padding-right: 4px !important;
  text-decoration: underline;
}

#footer-menu-container .footer-menu .footer-columns nav li a:hover::before {
  left: 0px !important;
  position: absolute;
  opacity: 1 !important;
  transition: var(--transition);
}

/* Footer - SUBSCRIBE */
#footer-menu-container .footer-menu .footer-subscribe {
  position: relative;
}

#footer-menu-container .footer-menu .footer-subscribe .gform_fields #field_1_1 {
  grid-column: span 12 !important;
}

#footer-menu-container .footer-menu .footer-subscribe .gform_fields #field_1_1 input {
  padding: 16px !important;
  background-color: var(--dark) !important;
  border: 1px solid var(--orange) !important;
  border-radius: var(--radius-full) !important;
  height: 56px !important;
  color: var(--white) !important;
  font-size: 14px !important;
}

#footer-menu-container .footer-menu .footer-subscribe .gform_fields #field_submit {
  position: absolute;
  right: 0 !important;
  height: 56px !important;
  width: 56px !important;
  content: "" !important;
  background-color: var(--orange);
  border-radius: var(--radius-full);
  transition: var(--transition);
  border: 2px solid var(--orange);
}

#footer-menu-container .footer-menu .footer-subscribe .gform_fields #field_submit #gform_submit_button_1 {
  width: 54px;
  height: 54px;
  padding: 16px;
  background-color: transparent !important;
  border: 0;
  transition: var(--transition);
}

#footer-menu-container .footer-menu .footer-subscribe .gform_fields #field_submit:hover {
  background-color: var(--dark);
  transition: var(--transition);
  border: 2px solid var(--orange);
}

#footer-menu-container .footer-menu .footer-subscribe .gform_fields #field_submit::before {
  content: url("/wp-content/uploads/arrow-right-orange.svg");
  left: -14px !important;
  position: absolute;
  opacity: 0 !important;
  transition: var(--transition);
  scale: 1.5;
  top: 16px;
  z-index: 2 !important;
}

#footer-menu-container .footer-menu .footer-subscribe .gform_fields #field_submit:hover::before {
  content: url("/wp-content/uploads/arrow-right-orange.svg");
  left: 21px !important;
  opacity: 1 !important;
  transition: var(--transition);
}

#footer-menu-container .footer-menu .footer-subscribe .gform_fields #field_submit:hover #gform_submit_button_1 {
  padding: 18px 0px 18px 18px;
  transition: var(--transition);
  scale: 1 !important;
}

/* Footer - TOOLBAR */
#footer #footer-toolbar p,
#footer #footer-toolbar a {
  font-size: var(--text-xs) !important;
  color: var(--steel) !important;
  transition: var(--transition) !important;
  margin: 0px !important;
}

#footer #footer-toolbar a:hover {
  color: var(--orange) !important;
  text-decoration: underline !important;
  transition: var(--transition) !important;
}

#footer #footer-toolbar .footer-toolbar-links {
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: end;
}

.footer-subscribe #gform_confirmation_message_1 {
  color: var(--white) !important;
}

/* ------------------------------------------------------------
    BUTTONS
------------------------------------------------------------ */
.avia-button {
  font-weight: 400 !important;
  display: inline-flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: var(--radius-full);
}

/* STANDARD BUTTONS */
#top .main_color .avia-button.avia-size-small,
#top .main_color .avia-button.avia-size-medium,
#top .main_color .avia-button.avia-size-large {
  background-color: transparent;
  position: relative;
  border: none !important;
}

#top .main_color .avia-button:hover .avia_iconbox_title {
  transition: var(--transition);
  text-decoration: underline;
}

#top .main_color .avia-button.avia-size-small::before,
#top .main_color .avia-button.avia-size-medium::before,
#top .main_color .avia-button.avia-size-large::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--radius-full);
  transition: var(--transition);
}

/* BUTTONS BACKGROUND SIZE (Hover) */
#top .main_color .avia-button.avia-size-small.avia-icon_select-yes-right-icon:hover::before,
#top .main_color .avia-button.avia-size-small.avia-icon_select-yes-left-icon:hover::before {
  width: 46px;
  transition: var(--transition);
}

#top .main_color .avia-button.avia-size-medium.avia-icon_select-yes-right-icon:hover::before,
#top .main_color .avia-button.avia-size-medium.avia-icon_select-yes-left-icon:hover::before {
  width: 52px;
  transition: var(--transition);
}

#top .main_color .avia-button.avia-size-large.avia-icon_select-yes-right-icon:hover::before,
#top .main_color .avia-button.avia-size-large.avia-icon_select-yes-left-icon:hover::before {
  width: 62px;
  transition: var(--transition);
}

#top .main_color .avia-button.avia-icon_select-no.avia-size-small {
  padding: 14px 24px !important;
}

/* FONT SIZES */
.avia-button.avia-size-large {
  font-size: var(--text-lg);
}

.avia-button.avia-size-medium {
  font-size: var(--text-md);
}

.avia-button.avia-size-small {
  font-size: var(--text-sm);
}

/* BUTTON BACKGROUNDS */
#top .main_color .avia-button.avia-color-theme-color::before {
  background-color: var(--blue);
}

#top .main_color .avia-button.avia-color-theme-color-highlight::before {
  background-color: var(--orange);
}

#top .main_color .avia-button.avia-color-theme-color-subtle::before {
  border: 1px solid var(--blue);
}

#top .main_color .avia-button.avia-color-white::before {
  border: 1px solid var(--platinum);
}

/* BACKGROUNDS HOVER */
#top .main_color .avia-button.avia-color-theme-color:hover::before {
  background-color: var(--orange);
  transition: var(--transition);
}

#top .main_color .avia-button.avia-color-theme-color-highlight:hover::before {
  background-color: var(--blue);
  transition: var(--transition);
}

#top.page-template-template-university .main_color .avia-button.avia-color-theme-color-highlight:hover::before {
  background-color: var(--orange);
  transition: var(--transition);
}

#top .main_color .avia-button.avia-color-theme-color-subtle:hover::before {
  background-color: var(--blue);
  transition: var(--transition);
}

#top.page-template-template-university .main_color .avia-button.avia-color-theme-color-subtle:hover::before {
  background-color: var(--orange);
  transition: var(--transition);
}

#top .main_color .avia-button.avia-color-white:hover::before {
  border: 1px solid var(--platinum);
  background-color: var(--blue);
  transition: var(--transition);
}

/* TEXT COLORS & ICONS - BLUE */
#top .main_color .avia-button.avia-icon_select-yes-right-icon.avia-color-theme-color .avia_button_icon,
#top .main_color .avia-button.avia-icon_select-yes-left-icon.avia-color-theme-color .avia_button_icon {
  color: var(--white);
}

#top .main_color .avia-button.avia-icon_select-yes-right-icon.avia-color-theme-color:hover .avia_iconbox_title,
#top .main_color .avia-button.avia-icon_select-yes-right-icon.avia-color-theme-color:hover .avia_button_icon,
#top .main_color .avia-button.avia-icon_select-yes-left-icon.avia-color-theme-color:hover .avia_button_icon,
#top .main_color .avia-button.avia-icon_select-yes-left-icon.avia-color-theme-color:hover .avia_iconbox_title {
  color: var(--dark);
}

#top .main_color .avia-button.avia-icon_select-yes-right-icon.avia-color-theme-color:hover svg,
#top .main_color .avia-button.avia-icon_select-yes-left-icon.avia-color-theme-color:hover svg {
  fill: var(--dark);
}

#top .main_color .avia-button.avia-icon_select-no.avia-color-theme-color:hover .avia_iconbox_title {
  color: var(--dark) !important;
}

/* TEXT COLORS & ICONS - HIGHLIGHT (ORANGE) */
#top .main_color .avia-button.avia-color-theme-color-highlight .avia_button_icon,
#top .main_color .avia-button.avia-color-theme-color-highlight .avia_iconbox_title {
  color: var(--dark);
}

#top .main_color .avia-button.avia-color-theme-color-highlight svg {
  fill: var(--dark) !important;
}

#top .main_color .avia-button.avia-color-theme-color-highlight:hover svg {
  fill: var(--white) !important;
}

#top .main_color .avia-button.avia-color-theme-color-highlight:hover .avia_iconbox_title {
  color: var(--blue);
}

#top.page-template-template-university .main_color .avia-button.avia-color-theme-color-highlight:hover .avia_iconbox_title {
  color: var(--orange);
}

#sticky-section .avia-button.avia-color-theme-color-highlight:hover .avia_iconbox_title,
#top #cta-subscribe.main_color .avia-button.avia-color-theme-color-highlight:hover .avia_iconbox_title {
  color: var(--orange) !important;
}

/* TEXT COLORS & ICONS - SUBTLE */
#top .main_color .avia-button.avia-color-theme-color-subtle .avia_button_icon,
#top .main_color .avia-button.avia-color-theme-color-subtle .avia_iconbox_title {
  color: var(--blue);
  transition: var(--transition);
}

#top.page-template-template-university .main_color .avia-button.avia-color-theme-color-subtle .avia_button_icon,
#top.page-template-template-university .main_color .avia-button.avia-color-theme-color-subtle .avia_iconbox_title {
  color: var(--orange);
  transition: var(--transition);
}

#top .main_color .avia-button.avia-color-theme-color-subtle svg {
  fill: var(--blue) !important;
}

#top.page-template-template-university .main_color .avia-button.avia-color-theme-color-subtle svg {
  fill: var(--orange) !important;
}

#top.page-template-template-university .main_color .avia-button.avia-color-theme-color-subtle:hover .avia_button_icon,
#top .main_color .avia-button.avia-color-theme-color-subtle:hover .avia_button_icon {
  color: var(--white) !important;
  transition: var(--transition);
}

#top .main_color .avia-button.avia-color-theme-color-subtle:hover svg {
  fill: var(--white) !important;
}

#top.page-template-template-university .main_color .avia-button.avia-color-theme-color-subtle:hover svg {
  fill: var(--dark) !important;
  transition: var(--transition);
}

#top.page-template-template-university .main_color .avia-button.avia-color-theme-color-subtle:hover .avia_iconbox_title {
  color: var(--orange) !important;
}

#top .main_color .avia-button.avia-color-theme-color-subtle:hover .avia_iconbox_title {
  color: var(--blue) !important;
}

#top .main_color .avia-button.avia-color-theme-color-subtle::before {
  border: 1px solid var(--blue);
}

#top.page-template-template-university .main_color .avia-button.avia-color-theme-color-subtle::before {
  border: 1px solid var(--orange);
}

#top .main_color .avia-button.avia-icon_select-no.avia-color-theme-color-subtle:hover .avia_iconbox_title {
  color: var(--white);
}

/* TEXT COLORS - WHITE */
#top .main_color .avia-button.avia-color-white:hover svg {
  fill: var(--white);
  stroke: var(--white);
}

#top .main_color .avia-button.avia-color-white:hover .avia_iconbox_title {
  color: var(--blue) !important;
}

/* ICON PLACEMENT & PADDING */
/* Right Icon */
#top .main_color .avia-button.avia-size-small.avia-icon_select-yes-right-icon {
  padding: 14px 18px 14px 24px !important;
  transition: var(--transition);
}

#top .main_color .avia-button.avia-size-small.avia-icon_select-yes-right-icon:hover {
  padding: 14px 18px 14px 12px !important;
  transition: var(--transition);
}

#top .main_color .avia-button.avia-size-medium.avia-icon_select-yes-right-icon {
  padding: 14px 24px 14px 24px !important;
  transition: var(--transition);
}

#top .main_color .avia-button.avia-size-medium.avia-icon_select-yes-right-icon:hover {
  padding: 14px 24px 14px 12px !important;
  transition: var(--transition);
}

#top .main_color .avia-button.avia-size-large.avia-icon_select-yes-right-icon {
  padding: 14px 28px 14px 24px !important;
  transition: var(--transition);
}

#top .main_color .avia-button.avia-size-large.avia-icon_select-yes-right-icon:hover {
  padding: 14px 34px 14px 6px !important;
  transition: var(--transition);
}

#top .main_color .avia-button.avia-icon_select-yes-right-icon .avia_button_icon {
  margin-right: 2px !important;
  width: 15px !important;
  height: 15px !important;
  margin-top: -4px !important;
}

#top .main_color .avia-button.avia-icon_select-yes-right-icon .avia_iconbox_title {
  padding-right: 8px;
  transition: var(--transition);
}

#top .main_color .avia-button.avia-icon_select-yes-right-icon:hover .avia_iconbox_title {
  padding-right: 20px;
  transition: var(--transition);
}

#top .main_color .avia-button.avia-icon_select-yes-right-icon::before {
  right: 0;
  transition: var(--transition);
}

/* Left Icon */
#top .main_color .avia-button.avia-size-small.avia-icon_select-yes-left-icon {
  padding: 14px 24px 14px 18px !important;
  transition: var(--transition);
}

#top .main_color .avia-button.avia-size-small.avia-icon_select-yes-left-icon:hover {
  padding: 14px 12px 14px 18px !important;
  transition: var(--transition);
}

#top .main_color .avia-button.avia-size-medium.avia-icon_select-yes-left-icon {
  padding: 14px 24px 14px 24px !important;
  transition: var(--transition);
}

#top .main_color .avia-button.avia-size-medium.avia-icon_select-yes-left-icon:hover {
  padding: 14px 12px 14px 24px !important;
  transition: var(--transition);
}

#top .main_color .avia-button.avia-size-large.avia-icon_select-yes-left-icon {
  padding: 14px 24px 14px 28px !important;
  transition: var(--transition);
}

#top .main_color .avia-button.avia-size-large.avia-icon_select-yes-left-icon:hover {
  padding: 14px 6px 14px 34px !important;
  transition: var(--transition);
}

#top .main_color .avia-button.avia-icon_select-yes-left-icon .avia_button_icon {
  margin-left: 2px !important;
  width: 15px !important;
  height: 15px !important;
  display: inline-flex !important;
}

#top .main_color .avia-button.avia-icon_select-yes-left-icon .avia_iconbox_title {
  padding-left: 8px;
  transition: var(--transition);
}

#top .main_color .avia-button.avia-icon_select-yes-left-icon:hover .avia_iconbox_title {
  padding-left: 20px;
  transition: var(--transition);
}

#top .main_color .avia-button.avia-icon_select-yes-left-icon::before {
  left: 0;
  transition: var(--transition);
}

/* FULL WIDTH BUTTONS */
#top .main_color .avia-button.avia-button-fullwidth {
  border-radius: var(--radius-full);
}

#top .main_color .avia-button.avia-button-fullwidth.avia-icon_select-yes-right-icon .avia_button_icon,
#top .main_color .avia-button.avia-button-fullwidth.avia-icon_select-yes-left-icon .avia_button_icon {
  width: auto !important;
  height: auto !important;
  margin-top: 0px !important;
}

/* Full Width - Standard */
#top .main_color .avia-button.avia-button-fullwidth.avia-color-theme-color {
  background-color: var(--blue);
  transition: var(--transition);
}

#top .main_color .avia-button.avia-button-fullwidth.avia-color-theme-color:hover {
  background-color: var(--orange);
  transition: var(--transition);
}

#top .main_color .avia-button.avia-button-fullwidth.avia-color-theme-color:hover .avia_iconbox_title {
  color: var(--dark);
  transition: var(--transition);
}

#top .main_color .avia-button.avia-button-fullwidth.avia-color-theme-color:hover svg {
  fill: var(--dark) !important;
  transition: var(--transition);
}

/* Full Width - Highlight */
#top .main_color .avia-button.avia-button-fullwidth.avia-color-theme-color-highlight {
  background-color: var(--orange);
  transition: var(--transition);
}

#top .main_color .avia-button.avia-button-fullwidth.avia-color-theme-color-highlight .avia_iconbox_title {
  color: var(--dark);
  transition: var(--transition);
}

#top .main_color .avia-button.avia-button-fullwidth.avia-color-theme-color-highlight svg {
  fill: var(--dark);
  transition: var(--transition);
}

#top .main_color .avia-button.avia-button-fullwidth.avia-color-theme-color-highlight:hover .avia_iconbox_title {
  color: var(--white);
  transition: var(--transition);
}

/* Full Width - Subtle */
#top .main_color .avia-button.avia-button-fullwidth.avia-color-theme-color-subtle {
  background-color: transparent;
  border: 2px solid var(--blue);
  transition: var(--transition);
}

#top .main_color .avia-button.avia-button-fullwidth.avia-color-theme-color-subtle .avia_iconbox_title,
#top .main_color .avia-button.avia-button-fullwidth.avia-color-theme-color-subtle svg {
  fill: var(--blue);
  transition: var(--transition);
  color: var(--blue);
}

#top .main_color .avia-button.avia-button-fullwidth.avia-color-theme-color-subtle:hover {
  background-color: var(--blue);
  transition: var(--transition);
}

/* Full Width - White */
#top .main_color .avia-button.avia-button-fullwidth.avia-color-white:hover {
  border: 1px solid var(--platinum);
  background-color: var(--blue);
  transition: var(--transition);
}

/* ------------------------------------------------------------
    CTAs (CALL TO ACTION)
------------------------------------------------------------ */
#cta h2 {
  margin-bottom: 24px !important;
  text-transform: uppercase !important;
}

#cta p {
  font-size: 18px !important;
  line-height: 1.5 !important;
  color: var(--bone) !important;
}

#cta .av-special-heading {
  max-width: 640px !important;
}

#cta #cta-family-connections-image-desktop img {
  max-height: 350px !important;
  width: auto !important;
  border-radius: var(--radius-base);
}

#cta.cta-stories .entry-content-wrapper,
#cta.cta-mobile-app .entry-content-wrapper {
  position: relative;
  border-radius: var(--radius-base);
  background-color: #efefef;
}

#cta.cta-stories .flex_column_table::before,
#cta.cta-mobile-app .flex_column_table::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/wp-content/uploads/cta-mobile-app-img.svg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  background-color: #efefef;
  border-radius: var(--radius-base);
  z-index: 0;
  pointer-events: none;
}

#cta.cta-stories .cta-mobile-app-content,
#cta.cta-mobile-app .cta-mobile-app-content {
  padding: 24px 36px !important;
}

#cta.cta-mobile-app .flex_column,
#cta.cta-mobile-app .avia-image-container {
  margin-bottom: 0px !important;
}

#cta.cta-mobile-app .avia-image-container {
  border-radius: var(--radius-sm);
  overflow: hidden !important;
}

#cta.cta-stories .avia-slide-wrap {
  border-radius: var(--radius-sm);
  overflow: hidden !important;
}

/* SOCIAL ICON LINKS IN CONTENT */
#content-socials {
  margin-top: 14px !important;
}

#content-socials ul.avia-icon-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
}

#content-socials.content-socials-left ul.avia-icon-list {
  justify-content: start;
}

#content-socials ul.avia-icon-list li {
  padding-bottom: 0px !important;
}

#content-socials .iconlist_icon {
  scale: 0.8 !important;
  margin: 0px !important;
}

#content-socials a.iconlist_icon {
  transition: var(--transition);
}

#content-socials a.iconlist_icon:hover {
  transition: var(--transition) !important;
  background-color: var(--blue) !important;
  color: var(--white) !important;
}

#content-socials a.iconlist_icon:hover svg {
  fill: var(--white) !important;
}

#content-socials h5.av-share-link-description {
  margin-bottom: 8px !important;
}

#content-socials .av-share-box ul.av-share-box-list {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: 2px;
}

#content-socials.content-socials-left .av-share-box ul li.av-share-link a {
  border-color: var(--blue);
}

#content-socials.content-socials-left .av-share-box ul li.av-share-link a svg {
  height: 18px !important;
  width: auto !important;
  fill: var(--blue);
  transition: var(--transition);
}

/* ------------------------------------------------------------
    UNIVERSITY TEMPLATE
------------------------------------------------------------ */
body.page-template-template-university .container {
  opacity: 1 !important;
}

body.page-template-template-university .avia-section {
  border: 0px !important;
}

body.page-template-template-university #university_content h1,
body.page-template-template-university #university_content h2,
body.page-template-template-university #university_content h3,
body.page-template-template-university #university_content p {
  color: var(--white);
}

/* UNIVERSITY HEADER */

:is(#top.page-template-template-university, #top.courses-template-default, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) #header .container {
  background-color: var(--dark) !important;
  box-shadow:
    0 2px 4px rgba(1, 142, 182, 0.06),
    0 4px 6px rgba(1, 142, 182, 0.05);
}

:is(#top.page-template-template-university, #top.courses-template-default, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) #header .container .top-menu-item {
  display: none !important;
}

:is(#top.page-template-template-university, #top.courses-template-default, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) #header .container .top-menu-item.university-top-menu-item {
  display: block !important;
}

:is(#top.page-template-template-university, #top.courses-template-default, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) #header .container::before {
  content: url("/wp-content/uploads/wing-left-dark.svg");
}

:is(#top.page-template-template-university, #top.courses-template-default, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) #header .container::after {
  content: url("/wp-content/uploads/wing-right-dark.svg");
}

:is(#top.page-template-template-university, #top.courses-template-default, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) #header .header_bg {
  background: transparent !important;
}

:is(#top.page-template-template-university, #top.courses-template-default, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) #header .logo {
  display: flex;
}

:is(#top.page-template-template-university, #top.courses-template-default, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) #header .logo a {
  content: url("/wp-content/uploads/Connect-Our-Kids-University-Logo-white.svg") !important;
  width: 180px;
  height: auto;
  transition: var(--transition);
}

:is(#top.page-template-template-university, #top.courses-template-default, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) #header .main_menu .menu-item .avia-menu-text {
  color: var(--white);
  transition: var(--transition);
}

:is(#top.page-template-template-university, #top.courses-template-default, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) #header .main_menu .menu-item:hover .avia-menu-text {
  color: var(--orange);
}

/* UNIVERSITY SUBMENUS */
/* Initial hidden state */

:is(#top.single-courses, #top.page-template-template-university, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) .main_menu .menu-item.menu-item-has-children .sub-menu,
:is(#top.single-courses, #top.page-template-template-university, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) .main_menu .menu-item.menu-item-has-children .sub-menu li,
:is(#top.single-courses, #top.page-template-template-university, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) .main_menu .menu-item.menu-item-has-children .sub-menu li a {
  background-color: var(--darker) !important;
  border: 0px !important;
}


:is(#top.single-courses, #top.page-template-template-university, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) .main_menu .menu-item.menu-item-has-children:hover>a,
:is(#top.single-courses, #top.page-template-template-university, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) .main_menu .menu-item.menu-item-has-children:hover {
  background-color: var(--darker) !important;
  transition: var(--transition);
  color: var(--white);
}

:is(#top.single-courses, #top.page-template-template-university, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) .main_menu .menu-item.menu-item-has-children .sub-menu .menu-item .avia-menu-text {
  color: var(--white) !important;
  transition: var(--transition);
}

:is(#top.single-courses, #top.page-template-template-university, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) .main_menu .menu-item.menu-item-has-children:not(.sub-menu *)>a>.avia-menu-text::after {
  content: url("/wp-content/uploads/chevron-down-white-1.svg");
}

:is(#top.single-courses, #top.page-template-template-university, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) .main_menu .menu-item.menu-item-has-children .sub-menu .menu-item .avia-menu-text::after {
  content: url("/wp-content/uploads/arrow-right-orange.svg");
  transition: var(--transition);
}


:is(#top.single-courses, #top.page-template-template-university, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) .main_menu .menu-item.menu-item-has-children .sub-menu .menu-item a:hover .avia-menu-text {
  color: var(--orange) !important;
  transition: var(--transition);
}


:is(#top.single-courses, #top.page-template-template-university, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) .main_menu .menu-item.menu-item-has-children .sub-menu .menu-item a:hover .avia-menu-text::after {
  content: url("/wp-content/uploads/arrow-right-orange.svg");
  left: -4px !important;
  opacity: 1 !important;
  transition: var(--transition);
}

#top.logged-in #header .main_menu .menu-item.menu-item-has-children .university-login-menu-item,
#top.logged-in #header .main_menu .menu-item.menu-item-has-children .university-registration-menu-item {
  display: none !important;
}

#top:not(.logged-in) #header .main_menu .menu-item.menu-item-has-children .university-dashboard-menu-item {
  display: none !important;
}

/* UNIVERSITY BUTTONS */
:is(#top.page-template-template-university, #top.courses-template-default, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) #header .main_menu .menu-item.two-buttons-right::before,
:is(#top.page-template-template-university, #top.courses-template-default, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) #header .main_menu .menu-item.two-buttons-left::before {
  background-color: var(--darker);
}

:is(#top.page-template-template-university, #top.courses-template-default, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) #header .main_menu .menu-item.two-buttons-left:hover .avia-menu-text {
  background-color: var(--orange);
  color: var(--dark) !important;
  transition: var(--transition);
}

:is(#top.page-template-template-university, #top.courses-template-default, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) #header .main_menu .menu-item.two-buttons-right .avia-menu-text {
  color: var(--dark) !important;
  transition: var(--transition);
}

:is(#top.page-template-template-university, #top.courses-template-default, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) #header .main_menu .menu-item.two-buttons-right .avia-menu-text::before {
  background-color: var(--orange);
  transition: var(--transition);
}

:is(#top.page-template-template-university, #top.courses-template-default, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) #header .main_menu .menu-item.two-buttons-right .avia-menu-text::after {
  content: url("/wp-content/uploads/arrow-right-black.svg") !important;
  transition: var(--transition);
}

:is(#top.page-template-template-university, #top.courses-template-default, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) #header .main_menu .menu-item.two-buttons-right:hover .avia-menu-text::after {
  content: url("/wp-content/uploads/arrow-right-black.svg") !important;
  background-color: transparent !important;
  transition: var(--transition);
}

:is(#top.page-template-template-university, #top.courses-template-default, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) #header .main_menu .menu-item.two-buttons-right:hover .avia-menu-text {
  color: var(--orange) !important;
  text-decoration: underline !important;
  transition: var(--transition);
}

/* UNIVERSITY SEARCH */
:is(#top.page-template-template-university, #top.courses-template-default, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) #menu-item-search a {
  background-color: var(--dark) !important;
  border: 2px solid var(--dark);
  transition: var(--transition);
}

:is(#top.page-template-template-university, #top.courses-template-default, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) #menu-item-search a svg {
  fill: var(--white) !important;
  transition: var(--transition);
}

:is(#top.page-template-template-university, #top.courses-template-default, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) #menu-item-search a:hover {
  background-color: var(--orange) !important;
  border: 2px solid var(--orange);
  transition: var(--transition);
}

:is(#top.page-template-template-university, #top.courses-template-default, #top.tutor_quiz-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses, #top.lesson-template-default) #menu-item-search a:hover svg {
  fill: var(--dark) !important;
  transition: var(--transition);
}



#top #header_main .widget {
  display: none;
}

:is(#top.page-template-template-university, #top.courses-template-default, #top.page-id-4393, #top.page-id-4395, #top.post-type-archive-courses) #header_main .widget {
  position: absolute;
  right: 0;
  top: 125%;
  transform: translateY(-50%);
  z-index: 999;
  padding: 0;
  line-height: 1;
  width: 100%;
  display: block !important;
}





/* UNIVERSITY CART*/

#top #header_main .header-cart-container {
  max-width: 1510px;
  margin: auto;
  display: flex;
  justify-content: end;
  padding: 0px 50px;
}

#top #header_main .header-cart-container .tutor-header-cart {
  padding: 8px 24px;
  background-color: var(--darker);
  border-radius: 0px 0px var(--radius-sm) var(--radius-sm);
  font-size: var(--text-sm);
  color: var(--white) !important;
  display: flex !important;
  align-items: center;
  gap: 8px;
  box-shadow: var(--shadow-image-orange-standard);
  transition: var(--transition);
}

#top #header_main .header-cart-container .tutor-header-cart svg {
  fill: var(--dark) !important;
  stroke: var(--white) !important;
  width: 20px;
  transition: var(--transition);
}


#top #header_main .header-cart-container .tutor-header-cart:hover {
  background-color: var(--orange);
  color: var(--dark) !important;
  box-shadow: var(--shadow-image-orange-hover);
  transition: var(--transition);
}

#top #header_main .header-cart-container .tutor-header-cart:hover svg {
  fill: var(--orange) !important;
  stroke: var(--dark) !important;
  transition: var(--transition);
}




/* UNIVERSITY FOOTER & CONTENT */
#university-footer #footer {
  position: relative !important;
  background-color: var(--dark);
  box-shadow:
    0 -4px 6px -1px rgba(1, 142, 182, 0.05),
    0 -2px 4px -1px rgba(1, 142, 182, 0.06);
}


#top.post-type-archive-courses #main {
  background-color: var(--dark) !important;
  padding-top: 150px !important;
}

.university-page-html,
#top.post-type-archive-courses #wrap_all,
#top.page-template-template-university #wrap_all,
#top.page-template-template-university #header,
#university_content.main_color,
#university-footer {
  background-color: var(--dark) !important;
}

/* UNIVERSITY LANDING & TUTOR CARDS */
#university-hero br {
  display: none !important;
}

#university-hero .av-subheading_below p {
  text-transform: uppercase !important;
  color: var(--blue-icy) !important;
  font-size: var(--text-md) !important;
}

.tutor-form-control {
  background-color: var(--dark) !important;
  border: 1px solid var(--orange) !important;
  padding: 14px 40px 14px 24px !important;
  text-align: left;
  transition: var(--transition);
  border-radius: var(--radius-full);
}

.tutor-form-control .tutor-form-select-label {
  color: var(--orange);
  transition: var(--transition);
}

.tutor-form-control:hover {
  background-color: var(--orange) !important;
  border: 1px solid var(--orange) !important;
  padding: 14px 40px 14px 24px !important;
  text-align: left;
  transition: var(--transition);
}

.tutor-form-control:hover .tutor-form-select-label {
  color: var(--dark);
  transition: var(--transition);
}

.tutor-card {
  background-color: var(--dark);
  border: 1px solid var(--bone);
  padding: 12px !important;
  border-radius: var(--radius-base);
  transition: var(--transition);
}

.tutor-card .tutor-course-thumbnail {
  overflow: hidden !important;
  border: 1px solid var(--orange);
  border-radius: var(--radius-base);
  box-shadow: var(--shadow-image-orange-standard);
  transition: var(--transition);
}

.tutor-card .tutor-course-thumbnail img {
  box-shadow: var(--shadow-image-orange-standard);
  transition: var(--transition);
  transform: scale(1) !important;
}

.tutor-card h3 {
  color: var(--orange) !important;
  font-family: "Helvetica Neue" !important;
  font-size: var(--text-lg) !important;
  font-weight: 600 !important;
  transition: var(--transition);
}

.tutor-card .tutor-meta-icon::before {
  color: var(--orange) !important;
  padding: 8px;
  border: 1px solid var(--orange);
  border-radius: var(--radius-full);
}

.tutor-card .tutor-meta.tutor-mt-auto {
  gap: 0px !important;
}

.tutor-card .tutor-meta-value {
  color: var(--silver) !important;
  font-size: var(--text-base);
}

.tutor-card .tutor-avatar {
  display: none;
}

.tutor-card .tutor-card-footer {
  border: 0px !important;
  margin-bottom: 14px !important;
}

.tutor-card a {
  color: var(--orange) !important;
  transition: var(--transition);
}

.tutor-card .list-item-price {
  color: var(--white) !important;
  transition: var(--transition);
  font-size: var(--text-lg);
}

.tutor-card .tutor-btn {
  display: flex;
  flex-direction: row-reverse !important;
  position: relative;
  border: 1px solid var(--orange);
  border-radius: var(--radius-full);
  padding: 0px !important;
  background-color: var(--orange);
}

.tutor-card .tutor-btn .tutor-icon-cart-line {
  margin-right: 0px !important;
  padding: 14px !important;
}

.tutor-card .tutor-btn .tutor-icon-cart-line::before {
  color: var(--dark);
}

.tutor-card .tutor-btn .cart-text {
  position: absolute;
  right: 40px;
  opacity: 0;
  letter-spacing: normal;
  white-space: nowrap;
  color: var(--orange) !important;
  text-transform: uppercase !important;
  transition: var(--transition);
}

.tutor-card .tutor-btn:hover {
  display: flex;
  flex-direction: row-reverse !important;
  position: relative;
  border: 1px solid var(--orange);
  border-radius: var(--radius-full);
  padding: 0px !important;
  background-color: var(--dark);
  transition: var(--transition);
}

.tutor-card .tutor-btn:hover .tutor-icon-cart-line::before {
  color: var(--orange);
  transition: var(--transition);
}

.tutor-card .tutor-btn:hover .cart-text {
  position: absolute;
  right: 56px;
  opacity: 1;
  transition: var(--transition);
}

.tutor-card .list-item-button,
.tutor-card .tutor-course-list-btn {
  text-align: right !important;
}

.tutor-card .list-item-button a,
.tutor-card .tutor-course-list-btn a {
  padding: 12px 18px !important;
  color: var(--dark) !important;
  display: inline;
  background-color: var(--orange);
  border: 1px solid var(--orange);
  transition: var(--transition);
  font-size: var(--text-base) !important;
}

.tutor-card .list-item-button:hover a,
.tutor-card .tutor-course-list-btn:hover a {
  padding: 12px 18px !important;
  color: var(--orange) !important;
  display: inline;
  background-color: var(--dark);
  border: 1px solid var(--orange);
  transition: var(--transition);
  font-size: var(--text-base) !important;
}

#top:not(.single-courses) .tutor-card:hover {
  background-color: var(--dark);
  border: 1px solid var(--orange);
  padding: 12px !important;
  border-radius: var(--radius-base);
  box-shadow: var(--shadow-image-orange-hover);
  transition: var(--transition);
  cursor: pointer !important;
}

.tutor-card:hover .tutor-course-thumbnail {
  background-color: var(--dark);
  border: 1px solid var(--orange);
  border-radius: var(--radius-base);
  box-shadow: var(--shadow-image-orange-hover);
  transition: var(--transition);
}

.tutor-card:hover .tutor-course-thumbnail img {
  transform: scale(1.1) !important;
  transition: var(--transition);
}

#top:not(.single-courses) .tutor-card:hover h3,
#top:not(.single-courses) .tutor-card:hover p,
#top:not(.single-courses) .tutor-card:hover a {
  color: var(--white) !important;
  transition: var(--transition);
}

.quiz-attempt-single-question .tutor-form-control,
#tutor-quiz-single-multiple-choice .tutor-card {
  background-color: var(--white) !important;
  font-family: var(--helvetica) !important;
  font-size: var(--text-base);
}

#tutor-quiz-single-multiple-choice .tutor-card .tutor-color-black {
  font-size: var(--text-md) !important;
}

.tutor-start-quiz-wrapper ul {
  list-style: circle !important;
}

.tutor-start-quiz-wrapper ul.wp-block-list li::marker {
  color: var(--blue) !important;
  font-size: 1.2em !important;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-quiz-wrapper .tutor-quiz-wrap {
  max-width: 1210px !important;
}

.tutor-table tr th {
  white-space: wrap;
  font-size: 12px;
  text-transform: capitalize;
}

.tutor-course-details-instructors {
  display: none;
}


/* UNIVERSITY LOGIN */
#tutor-registration-wrap,
.tutor-login-wrap {
  border-radius: var(--radius-base) !important;
  border: 1px solid var(--blue-baltic) !important;
  box-shadow: var(--shadow-image-orange-standard) !important;
  transition: var(--transition) !important;
  background-color: var(--darker);
}

#tutor-login-form .tutor-form-check-input {
  display: inline-flex !important;
}

.tutor-login-form-wrapper .tutor-color-black {
  font-size: var(--text-xl) !important;
  color: var(--white) !important;
  font-family: var(--oswald) !important;
  text-transform: uppercase;
}

#top.page-template-template-university.logged-in .tutor-login-container .av_textblock_section {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
}

#top.page-template-template-university.logged-in .tutor-login-container h2 {
  text-align: center !important;
  padding: 50px 46px !important;
  background-color: var(--darker) !important;
  border-radius: var(--radius-base) !important;
  border: 1px solid var(--bone) !important;
  box-shadow: var(--shadow-image-orange-standard) !important;
  display: inline !important;
}

#top.page-id-4390 .post-4390 input[type="checkbox"],
#top .tutor-login-container input[type="checkbox"] {
  display: inline-flex !important;
}

#tutor-registration-wrap label,
#top.page-id-4390 .post-4390 .tutor-form-check label,
#top .tutor-login-container .tutor-form-check label {
  color: var(--bone) !important;
}

#top .tutor-login-container a.tutor-btn-ghost {
  color: var(--orange) !important;
  border: 0px !important;
  transition: var(--transition);
}

#top .tutor-login-container a.tutor-btn-ghost:hover {
  color: var(--blue) !important;
  text-decoration: underline !important;
  transition: var(--transition);
  border: 0px !important;
}

#tutor-login-form .tutor-form-control {
  background-color: var(--white) !important;
  border: 1px solid var(--blue) !important;
  padding: 14px 40px 14px 24px !important;
  text-align: left;
  transition: var(--transition);
  border-radius: var(--radius-sm) !important;
  font-family: var(--helvetica) !important;
}

#tutor-login-form .tutor-form-control::placeholder {
  color: var(--bone) !important;
  transition: var(--transition);
}

#tutor-login-form .tutor-form-control:hover::placeholder {
  color: var(--platinum) !important;
  transition: var(--transition);
}

#tutor-login-form input[type="text"],
#tutor-login-form .tutor-form-control .tutor-form-select-label {
  color: var(--dark) !important;
  transition: var(--transition);
}

#tutor-login-form .tutor-form-control:hover {
  background-color: var(--blue) !important;
  border-bottom: 1px solid var(--blue) !important;
  padding: 14px 40px 14px 24px !important;
  text-align: left;
  transition: var(--transition);
  box-shadow: var(--shadow-image-orange-hover) !important;
  color: var(--white) !important;
}

#top.page-template-template-university.page-id-4391 .tutor-btn,
#tutor-login-form .tutor-btn-primary {
  background-color: var(--orange) !important;
  color: var(--dark) !important;
  transition: var(--transition);
}

#top.page-template-template-university.page-id-4391 .tutor-btn,
#top.page-template-template-university.page-id-4390 #tutor-login-form .tutor-btn-primary,
#top.page-template-template-university.page-id-4646 #tutor-login-form .tutor-btn-primary {
  color: var(--dark) !important;
  font-size: 17px;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  transition: var(--transition);
}

#top.page-template-template-university.page-id-4391 .tutor-btn:hover,
#top.page-template-template-university.page-id-4390 #tutor-login-form .tutor-btn-primary:hover,
#top.page-template-template-university.page-id-4646 #tutor-login-form .tutor-btn-primary:hover {
  color: var(--white) !important;
  transition: var(--transition);
}

#top.page-template-template-university.page-id-4391 .tutor-btn:hover,
#tutor-login-form .tutor-btn-primary:hover {
  background-color: var(--blue) !important;
  color: var(--white) !important;
  transition: var(--transition);
}

#top.page-template-template-university #tutor-login-form .tutor-fs-6 {
  color: var(--bone) !important;
}

#top.page-template-template-university #tutor-login-form .tutor-btn {
  color: var(--orange) !important;
  border: 0px !important;
  transition: var(--transition);
}

#top.page-template-template-university #tutor-login-form .tutor-btn:hover {
  color: var(--blue) !important;
  transition: var(--transition);
}

/* INSTRUCTOR REGISTRATION */
#top.page-template-template-university .tutor-registration-container {
  justify-content: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
}

#top.page-template-template-university .tutor-registration-container .av_textblock_section {
  background-color: var(--dark) !important;
  border-radius: var(--radius-base) !important;
  border: 1px solid var(--bone) !important;
  padding: 8px 24px 24px 24px !important;
  max-width: 720px !important;
  box-shadow: var(--shadow-image-orange-standard) !important;
}

#top.page-template-template-university .tutor-registration-container .tutor-app-process-alert .tutor-primary {
  border-color: var(--orange) !important;
  background-color: var(--dark) !important;
  border-radius: var(--radius-base) !important;
  box-shadow: var(--shadow-image-orange-hover) !important;
  color: var(--white) !important;
}

#top.page-template-template-university .tutor-registration-container .tutor-icon-circle-info {
  color: var(--orange) !important;
}

#top.page-template-template-university .tutor-registration-container .tutor-app-process-title,
#top.page-template-template-university .tutor-registration-container .tutor-app-process-subtitle {
  color: var(--white);
}

#top.page-template-template-university .tutor-registration-container .tutor-bg-primary {
  background-color: var(--orange) !important;
  color: var(--dark);
  transition: var(--transition);
}

/* tutor-page-permission-denied */
#main .tutor-page-permission-denied {
  padding: 50px 0px !important;
}

#main .tutor-page-permission-denied .tutor-card .tutor-color-black {
  color: var(--white) !important;
}

#main .tutor-page-permission-denied .tutor-card .tutor-color-muted {
  color: var(--grey) !important;
}

#main .tutor-page-permission-denied .tutor-card .tutor-btn {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  display: flex;
  justify-content: center;
  color: var(--dark) !important;
  transition: var(--transition);
}



#main .tutor-page-permission-denied .tutor-card:hover {
  cursor: default !important;
}

#main .tutor-page-permission-denied .tutor-card:hover .tutor-btn {
  color: var(--dark) !important;
}

#main .tutor-page-permission-denied .tutor-card .tutor-btn:hover {
  transition: var(--transition);
  color: var(--orange) !important;
}


/* STUDENT REGISTRATION & LOG OUT */

#top.page-id-4390 .post-4390,
#top.page-id-4391 #university_content .content {
  background-color: #061432;
  background-image: url(https://connectourkids.acscreativedev.com/wp-content/uploads/login-bg-2-scaled.webp) !important;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-attachment: scroll;
  object-fit: cover !important;
}

#top.page-id-4390 .post-4390 {
  padding-top: 120px !important;
  padding-bottom: 50px !important;
}

#tutor-registration-wrap {
  color: var(--white) !important;
}

#tutor-registration-wrap a {
  color: var(--orange) !important;
}

#tutor-registration-wrap .tutor-form-group input {
  background-color: var(--white) !important;
  border: 1px solid var(--blue) !important;
  padding: 14px 40px 14px 14px !important;
  text-align: left;
  transition: var(--transition);
  border-radius: var(--radius-sm) !important;
  font-family: var(--helvetica) !important;
}

/* DASHBOARD */
#top.tutor-screen-frontend-dashboard #main .tutor-wrap {
  background-color: var(--dark);
}

#top.tutor-screen-frontend-dashboard #main .tutor-container {
  max-width: 1460px;
  padding: 110px 40px 40px 40px !important;
  background-color: var(--white) !important;
  box-shadow: var(--shadow-panel-dark) !important;
  border-radius: var(--radius-base) !important;
}

.tutor-dashboard .tutor-card {
  background-color: var(--background) !important;
  border: 1px solid var(--platinum) !important;
  box-shadow: var(--shadow-image-orange-standard) !important;
  border-radius: 8px !important;
  transition: var(--transition) !important;
}

.tutor-dashboard .tutor-card .tutor-color-secondary {
  font-size: var(--text-base) !important;
  color: var(--blue) !important;
  transition: var(--transition);
}

.tutor-dashboard .tutor-card:hover {
  background-color: var(--dark) !important;
  border: 1px solid var(--orange) !important;
  box-shadow: var(--shadow-image-orange-hover) !important;
  border-radius: 8px !important;
  transition: var(--transition) !important;
  color: var(--orange) !important;
}

.tutor-dashboard .tutor-card .tutor-course-name a {
  transition: var(--transition) !important;
  color: var(--dark) !important;
  font-size: var(--text-md) !important;
}

.tutor-dashboard .tutor-card:hover .tutor-course-name a {
  transition: var(--transition) !important;
  color: var(--white) !important;
}

.tutor-dashboard .tutor-card:hover .tutor-color-secondary {
  color: var(--white) !important;
  transition: var(--transition);
}

.tutor-dashboard .tutor-card:hover .tutor-round-box i {
  transition: var(--transition);
  color: var(--dark) !important;
}

.tutor-dashboard .tutor-card:hover .tutor-round-box {
  transition: var(--transition);
  background-color: var(--orange) !important;
}

.tutor-dashboard .tutor-card .tutor-card-footer .tutor-item-price,
.tutor-dashboard .tutor-card .tutor-card-footer .tutor-color-black {
  font-size: var(--text-lg) !important;
  color: var(--dark) !important;
}

.tutor-dashboard .tutor-card:hover .tutor-color-black {
  color: var(--white) !important;
}

.tutor-dashboard .tutor-card:hover .tutor-card-footer .tutor-item-price,
.tutor-dashboard .tutor-card:hover .tutor-card-footer .tutor-color-black {
  font-size: var(--text-lg) !important;
  color: var(--white) !important;
}

.tutor-dashboard .tutor-col-lg-auto .tutor-btn {
  padding: 8px 16px !important;
  color: var(--dark) !important;
}

.tutor-dashboard .tutor-form-control {
  background-color: var(--white) !important;
  border: 1px solid var(--blue) !important;
  border-bottom: 1px solid var(--blue) !important;
  padding: 14px 40px 14px 24px !important;
  text-align: left;
  transition: var(--transition);
  border-radius: var(--radius-sm) !important;
  font-family: var(--helvetica) !important;
}

#top .tutor-dashboard .tutor-form-control::placeholder {
  color: var(--bone) !important;
  transition: var(--transition);
  font-size: 14px !important;
}

#top .tutor-dashboard input[type="text"],
.tutor-dashboard .tutor-form-control .tutor-form-select-label {
  color: var(--dark) !important;
  transition: var(--transition);
}

.tutor-dashboard .tutor-form-control:hover {
  background-color: var(--blue) !important;
  border-bottom: 1px solid var(--blue) !important;
  padding: 14px 40px 14px 24px !important;
  text-align: left;
  transition: var(--transition);
  box-shadow: var(--shadow-image-orange-hover) !important;
  color: var(--white) !important;
}

#top .tutor-dashboard .tutor-form-control:hover::placeholder,
#top .tutor-dashboard .tutor-form-control:hover,
.tutor-dashboard .tutor-form-control:hover .tutor-form-select-label {
  color: var(--white) !important;
  transition: var(--transition);
}

.tutor-dashboard .tutor-card:hover .tutor-card-list-item,
.tutor-dashboard .tutor-card .tutor-card-list-item {
  background: transparent !important;
  transition: var(--transition);
}

#top .tutor-dashboard select {
  margin-bottom: 0px !important;
}

/* UNIVERSITY COURSES - INDIVIDUAL COURSE */
.courses-template-default #wrap_all,
.courses-template-default #header_main,
.courses-template-default .tutor-wrap {
  background-color: var(--dark);
}

.courses-template-default .tutor-card {
  background-color: var(--white) !important;
}

.courses-template-default .tutor-card:hover h3,
.courses-template-default .tutor-card h3 {
  color: var(--dark);
}

.courses-template-default .tutor-card .tutor-btn {
  padding: 16px 24px !important;
  color: var(--dark) !important;
  font-weight: 500 !important;
}

.courses-template-default .tutor-card .tutor-btn:hover {
  padding: 16px 24px !important;
  color: var(--white) !important;
  font-weight: 500 !important;
}

.courses-template-default .tutor-container {
  max-width: 1460px;
  padding: 40px;
  background-color: var(--white);
  border-bottom-left-radius: var(--radius-base);
  border-bottom-right-radius: var(--radius-base);
}

.courses-template-default .tutor-course-details-title {
  font-size: var(--text-2xl) !important;
}

.courses-template-default .tutor-course-details-top {
  padding: 16px 0px 16px 0px;
  border-top: 1px solid var(--platinum) !important;
  border-bottom: 1px solid var(--platinum) !important;
}

.courses-template-default .tutor-course-thumbnail {
  border-radius: var(--radius-base) !important;
  overflow: hidden !important;
}

#top.courses-template-default .tutor-course-content-list-item-title {
  font-size: 18px !important;
  font-family: "oswald", Helvetica, Arial, sans-serif;
  font-weight: 500 !important;
}

.tutor-course-attachment.tutor-card {
  background: #fff !important;
}

.matching-quiz-question-desc span {
  font-size: 20px !important;
}

.tlms-view-multi-certs {
  text-align: center !important;
  justify-content: center !important;
}

/* ------------------------------------------------------------
    CART
------------------------------------------------------------ */
.tutor-checkout-billing .tutor-btn:not(.tutor-btn-link),
#top.page-id-4393 .tutor-container .tutor-btn:not(.tutor-btn-link) {
  background-color: var(--orange) !important;
  transition: var(--transition);
  color: var(--dark);
}

.tutor-checkout-billing .tutor-btn:not(.tutor-btn-link):hover,
#top.page-id-4393 .tutor-container .tutor-btn:not(.tutor-btn-link):hover {
  background-color: var(--blue) !important;
  transition: var(--transition);
  color: var(--white);
}

/* ------------------------------------------------------------
    CHECKOUT
------------------------------------------------------------ */
.tutor-checkout-page .tutor-checkout-container,
.tutor-checkout-page .tutor-container {
  max-width: 1460px !important;
}

.tutor-checkout-page .tutor-checkout-container .tutor-col-md-6:nth-of-type(2) {
  padding: 40px !important;
  background-color: var(--white) !important;
  box-shadow: var(--shadow-panel-dark) !important;
  border-radius: var(--radius-base) !important;
}

.tutor-checkout-billing .tutor-billing-fields .tutor-col-12 .tutor-form-control {
  background-color: var(--background) !important;
  border: 1px solid var(--platinum) !important;
  border-bottom: 1px solid var(--platinum) !important;
  padding: 14px 40px 14px 24px !important;
  text-align: left;
  transition: var(--transition);
  border-radius: var(--radius-xs) !important;
  font-family: var(--helvetica) !important;
  height: 50px !important;
  color: var(--dark) !important;
}

.tutor-checkout-page .tutor-checkout-container .tutor-form-control::placeholder {
  color: var(--dark) !important;
  transition: var(--transition);
  font-size: 16px !important;
}

.tutor-checkout-billing .tutor-billing-fields .tutor-col-12 .tutor-form-control:hover {
  background-color: var(--white) !important;
  padding: 14px 40px 14px 24px !important;
  text-align: left;
  transition: var(--transition);
  box-shadow: var(--shadow-panel-dark) !important;
  color: var(--dark) !important;
}

/* ------------------------------------------------------------
    SEARCH PAGE
------------------------------------------------------------ */
#menu-item-search svg {
  pointer-events: none !important;
}

#top div .av_ajax_search_entry {
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: start !important;
  align-items: start !important;
  background-color: transparent !important;
  height: auto !important;
  line-height: 1 !important;
  border-radius: 0px 0px 16px 16px !important;
  transition: var(--transition);
}

#top div .ajax_search_response h4 {
  color: var(--steel);
  font-style: normal;
  font-weight: 800 !important;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  font-size: 16px !important;
}

#top div .av_ajax_search_entry .av_ajax_search_title {
  font-size: 14px !important;
}

#top div .av_ajax_search_image {
  width: 30px !important;
  height: 30px !important;
  overflow: visible !important;
}

#top div .av_ajax_search_entry:hover {
  background-color: var(--blue) !important;
  transition: var(--transition);
}

#top div .av_ajax_search_entry:hover .av_ajax_search_title,
#top div .av_ajax_search_entry:hover .ajax_search_excerpt {
  color: var(--white) !important;
  transition: var(--transition);
}

.search_form_field h4 {
  font-size: 30px !important;
  text-transform: uppercase;
  font-weight: 800 !important;
  letter-spacing: 1.6px;
}

body.search .content {
  margin-top: 24px !important;
}

body.search .page-heading-container {
  margin-bottom: 14px !important;
}

body.search .search_form_field {
  padding: 24px !important;
  background-color: var(--blue) !important;
  border-radius: var(--radius-base) !important;
}

body.search .search_form_field p {
  color: var(--white) !important;
  margin-top: 0px !important;
}

body.search .search_form_field h4 {
  color: var(--white);
}

#top.search #searchform>div {
  max-width: 560px !important;
  border-radius: var(--radius-full) !important;
  overflow: hidden !important;
}

#top.search #searchsubmit {
  width: 58px !important;
  background-color: var(--orange) !important;
}

#top.search #searchsubmit:hover {
  background-color: var(--dark) !important;
}

#top.search input[type="search"] {
  padding: 18px 24px !important;
}

#top.search #searchform .av_searchform_search.avia-svg-icon {
  height: 34px !important;
  width: 31px !important;
}

#top.search .template-search.content .entry-content-wrapper {
  padding-bottom: 36px;
}

#top.search .date-container {
  font-size: var(--text-sm) !important;
  color: var(--bone) !important;
}


#top.search .entry-content {
  margin-top: -18px !important;
  font-size: var(--text-base) !important;
}

#top.search .post-title,
#top.search .entry-title {
  color: var(--blue) !important;
  margin-bottom: 4px !important;
}

#top.search .entry-title:hover {
  color: var(--black) !important;
}

#top.search .pagination {
  border-top: 1px solid var(--platinum) !important;
  padding-top: 36px !important;
}

#top.search .pagination-meta {
  font-size: var(--text-base) !important;
}

#top.search .pagination .previous_page,
#top.search .pagination .next_page {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: var(--text-md) !important;
  background-color: var(--blue) !important;
  color: var(--white);
}

#top.search .pagination .previous_page {
  margin-right: 8px !important;
}

#top.search .pagination .next_page {
  margin-left: 8px !important;
}

#top.search .pagination .current {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: var(--text-md) !important;
  background-color: var(--platinum) !important;
}

#top.search .pagination .previous_page:hover,
#top.search .pagination .next_page:hover {
  background-color: var(--orange) !important;
  color: var(--black);
}

/* ------------------------------------------------------------
    COURSES SHARE
------------------------------------------------------------ */
#tutor-course-share-opener .tutor-form-control {
  background-color: var(--white) !important;
  border: 1px solid var(--platinum) !important;
  padding: 8px 40px 8px 12px !important;
  text-align: left;
  transition: var(--transition);
  border-radius: var(--radius-sm);
}

#tutor-course-share-opener .tutor-btn {
  background-color: var(--blue) !important;
  padding: 8px 12px 8px 12px !important;
  transition: var(--transition);
}

#tutor-course-share-opener .tutor-btn .icon {
  color: var(--white) !important;
  transition: var(--transition);
}

#tutor-course-share-opener .tutor-btn:hover {
  background-color: var(--orange) !important;
  padding: 8px 12px 8px 12px !important;
  transition: var(--transition);
}

/* ------------------------------------------------------------
    PAGES
------------------------------------------------------------ */

/* HOMEPAGE */
#home-hero .container {
  padding: 0px !important;
}

#home-hero h1 {
  font-size: clamp(2.1875rem, 1.9792rem + 1.1111vw, 4.0625rem) !important;
}

#home-hero .max-width-lg h3 {
  font-size: clamp(1.625rem, 1.5833rem + 0.2222vw, 2rem) !important;
}

#home-hero .flex_column_table {
  margin-top: -320px !important;
  padding: 0px 50px !important;
}

/* I AM A DROPDOWN */
.i-am-dropdown-container {
  display: flex !important;
  justify-content: start !important;
  align-items: center !important;
  gap: 16px !important;
}

.i-am-dropdown-container p {
  margin: 0px !important;
  padding: 0px !important;
}

.i-am-dropdown-container .i-am-dropdown-select {
  margin: 0px !important;
  padding: 16px 24px !important;
  min-width: 260px !important;
  background-color: var(--blue) !important;
  box-shadow: var(--shadow-panel-dark) !important;
  border-radius: var(--radius-sm) !important;
  border: 1px solid var(--blue);
  color: var(--white) !important;
  transition: var(--transition);
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

.i-am-dropdown-container .i-am-dropdown {
  position: relative;
}

.i-am-dropdown-container .i-am-dropdown::after {
  content: url("/wp-content/uploads/chevron-down-white.svg") !important;
  height: auto;
  top: 14px !important;
  right: 16px !important;
  transition: var(--transition);
  background-color: transparent !important;
  position: absolute !important;
  fill: var(--white) !important;
  pointer-events: none !important;
}

.i-am-dropdown-container .i-am-dropdown-select:hover {
  background-color: var(--orange) !important;
  box-shadow: var(--shadow-panel-orange-hover) !important;
  border: 1px solid var(--orange);
  color: var(--dark) !important;
  transition: var(--transition);
  cursor: pointer !important;
}

/* HOME NUMBERS */
.home-number .avia-animated-number-title {
  justify-content: start;
  display: flex;
}

.home-number .avia-single-number {
  font-weight: 600 !important;
  color: var(--steel) !important;
  font-family: var(--oswald);
}

.home-number .avia-animated-number-content p {
  text-align: left !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}

/* HOME EVENT LISTING */
#events-standard .featured-event article .slide-address,
#events-standard .featured-event article .slide-wrapper {
  display: flex;
  flex-direction: row;
  align-items: start;
  gap: 8px;
}

#events-standard .featured-event article .slide-wrapper {
  margin-top: 24px !important;
}

#events-standard .featured-event article .slide-meta {
  padding: 16px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#events-standard .featured-event article .slide-meta-date {
  font-size: var(--text-4xl) !important;
  text-align: center;
  font-family: var(--oswald) !important;
  color: var(--blue);
  font-weight: 600 !important;
  transition: var(--transition);
}

#events-standard .featured-event article .slide-meta-monthyear {
  color: var(--blue);
  font-weight: 600 !important;
  padding: 16px !important;
  font-size: var(--text-base) !important;
  text-transform: uppercase !important;
  text-align: center !important;
  font-family: var(--oswald) !important;
  transition: var(--transition);
}

#events-standard .featured-event article .slide-content {
  flex-grow: 1 !important;
}

#events-standard .featured-event article .venue-name {
  color: var(--blue);
  font-weight: 600 !important;
  font-size: var(--text-base) !important;
  text-transform: uppercase !important;
  text-align: left !important;
  transition: var(--transition);
  font-family: var(--oswald) !important;
}

#events-standard .featured-event article .slide-address p {
  margin: 0px !important;
}

#events-standard .featured-event article .slide-address svg {
  fill: var(--blue) !important;
  transition: var(--transition);
}

#events-standard .featured-event article:hover .venue-name,
#events-standard .featured-event article:hover .event-address p,
#events-standard .featured-event article:hover .slide-meta-monthyear,
#events-standard .featured-event article:hover .slide-meta-date,
#events-standard .featured-event article:hover .slide-address svg {
  fill: var(--dark) !important;
  color: var(--dark);
  transition: var(--transition);
}

/* STORIES ARTICLES LISTING */
.stories-article-listing .stories-article-listing-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.stories-article-listing .stories-listing-filter-container {
  margin-bottom: 24px;
  max-width: 90% !important;
}

.stories-article-listing .stories-listing-filter-container .stories-listing-filter {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px 16px !important;
  border-top: 1px solid var(--platinum);
  border-bottom: 1px solid var(--platinum);
  padding: 14px 24px 14px 24px !important;
}

.stories-listing-filter .stories-filter-wrapper {
  border-radius: var(--radius-sm) !important;
  overflow: hidden !important;
  margin-bottom: 0px !important;
}

.stories-listing-filter select.filter {
  font-size: 18px;
  color: var(--white) !important;
  background-color: var(--blue) !important;
  padding: 18px 24px 18px 24px !important;
  border-radius: var(--radius-sm) !important;
  overflow: hidden !important;
  margin-bottom: 0px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

.stories-listing-filter select.filter::after {
  padding-left: 8px !important;
  margin-left: 0px !important;
  content: url("/wp-content/uploads/arrow-right-white.svg") !important;
  width: 16px;
  height: 16px;
  transition: var(--transition);
  background-color: transparent !important;
}

.stories-listing-filter .stories-listing-clear-filter {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column: 1 / span 3;
}

.stories-listing-filter .stories-listing-clear-filter button {
  border: none !important;
  padding: 4px 8px;
  background: transparent;
  color: var(--blue);
  font-size: 15px !important;
  text-transform: uppercase !important;
}

#stories-listing-item-container {
  display: flex;
  flex-direction: column;
  gap: 8px !important;
}

/* ARTICLE LISTING GRID LAYOUTS */
#press-featured .slide-entry-wrap,
#press-listing .slide-entry-wrap,
#blog-listing .slide-entry-wrap,
#events-standard .event-listing-standard-wrapper,
#stories-listing-item-container .stories-listing-item-featured,
#stories-listing-item-container .stories-listing-item-standard {
  display: grid !important;
  gap: 16px !important;
}

/* Featured Specific */
#press-featured .slide-entry-wrap,
#stories-listing-item-container .stories-listing-item-featured {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#stories-listing-item-container .stories-listing-item-featured article .slide-image img {
  height: 280px !important;
}

/* Standard Specific */
#press-standard.one-col .slide-entry-wrap {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

#press-standard .slide-entry-wrap,
#blog-listing .slide-entry-wrap,
#events-standard .event-listing-standard-wrapper,
#stories-listing-item-container .stories-listing-item-standard {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#events-standard .event-listing-standard-wrapper article img,
#stories-listing-item-container .stories-listing-item-standard article .slide-image img {
  height: 220px !important;
}

/* Press Releases Specific */
#press-featured .slide-image,
#press-standard .slide-image {
  display: none !important;
}

#press-featured .slide-entry-wrap,
#press-standard .slide-entry-wrap {
  margin-bottom: 16px !important;
}

#press-featured article .entry-content-header,
#press-standard article .entry-content-header {
  margin-top: 16px !important;
}

/* SHARED ARTICLE STYLES */
#press-featured article,
#press-standard article,
#blog-listing article,
#events-standard article,
#custom-event-listing .event-listing-standard-wrapper article,
#stories-listing-item-container article {
  padding: 8px !important;
  background-color: var(--white);
  border-radius: var(--radius-base);
  transition: var(--transition);
  border: 1px solid var(--platinum);
  width: 100% !important;
  margin: 0px !important;
}

#events-standard article .slide-image,
#stories-listing-item-container article .slide-image {
  padding: 8px !important;
}

#blog-listing article .slide-image {
  border-radius: var(--radius-base) !important;
  overflow: hidden !important;
  border: 2px solid var(--white);
  box-shadow: var(--shadow-panel-dark);
  display: flex;
  transition: var(--transition);
  margin-bottom: 16px;
}

#blog-listing article .slide-image img {
  width: auto;
  object-fit: cover;
  width: 100% !important;
  margin-bottom: 0px !important;
  transition: var(--transition);
  transform: scale(1);
  border: 2px solid var(--white);
  border-radius: var(--radius-base) !important;
}

#events-standard article .slide-image .slide-image-wrapper,
#stories-listing-item-container article .slide-image .slide-image-wrapper {
  border-radius: var(--radius-base) !important;
  overflow: hidden !important;
  border: 1px solid var(--platinum);
  box-shadow: var(--shadow-panel-dark);
  display: flex;
  width: 100% !important;
  height: 100%;
  transition: var(--transition);
}

#events-standard article .slide-image img,
#stories-listing-item-container article .slide-image img {
  width: auto;
  object-fit: cover;
  width: 100% !important;
  margin-bottom: 0px !important;
  transition: var(--transition);
  transform: scale(1);
}

#blog-listing article .slide-content,
#events-standard article .slide-content,
#press-featured article .slide-content,
#press-standard article .slide-content,
#stories-listing-item-container article .slide-content {
  padding: 0px 16px 8px 16px !important;
}

#stories-listing-item-container article .slide-meta {
  margin-top: 16px !important;
}

#events-standard article .event-flag,
#stories-listing-item-container article .slide-meta time {
  font-size: var(--text-sm);
  text-transform: uppercase;
  color: var(--bone);
  transition: var(--transition);
}

#blog-listing article h3,
#events-standard article h3,
#press-featured article h3,
#press-standard article h3,
#stories-listing-item-container article h3 {
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: var(--blue) !important;
  transition: var(--transition);
  margin-top: 4px !important;
  padding: 4px 0px 8px 0px !important;
}

#blog-listing article .slide-entry-excerpt,
#events-standard article .slide-entry-excerpt,
#press-featured article .slide-entry-excerpt,
#press-standard article .slide-entry-excerpt,
#stories-listing-item-container article p,
#stories-listing-item-container article .slide-entry-excerpt {
  margin-top: 0px !important;
  color: var(--bone) !important;
  transition: var(--transition);
  padding-bottom: 4px !important;
}

#blog-listing article .read-more-link,
#events-standard article .read-more-link,
#press-featured article .read-more-link,
#press-standard article .read-more-link,
#stories-listing-item-container article .read-more-link {
  display: flex !important;
  justify-content: end !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
  color: var(--blue);
  padding: 16px 8px 4px 0px !important;
  transition: var(--transition);
}

#blog-listing article .read-more-link svg,
#events-standard article .read-more-link svg,
#stories-listing-item-container article .read-more-link svg {
  fill: var(--blue);
}

/* ARTICLES HOVER */
#blog-listing article:hover,
#events-standard article:hover,
#press-featured article:hover,
#press-standard article:hover,
#stories-listing-item-container article:hover {
  box-shadow: var(--shadow-image-orange-hover);
  transition: var(--transition);
  cursor: pointer !important;
}

#blog-listing article:hover .slide-image,
#events-standard article:hover .slide-image .slide-image-wrapper,
#stories-listing-item-container article:hover .slide-image .slide-image-wrapper {
  border: 1px solid var(--orange);
  box-shadow: var(--shadow-image-orange-hover);
}

#blog-listing article:hover .slide-image img,
#stories-listing-item-container article:hover .slide-image img {
  transform: scale(1.05);
  transition: var(--transition);
}

#events-standard article:hover h3,
#blog-listing article:hover h3,
#press-featured article:hover h3,
#press-standard article:hover h3,
#stories-listing-item-container article:hover h3 {
  color: var(--dark) !important;
  text-decoration: underline;
  transition: var(--transition);
}

#blog-listing article:hover .slide-entry-excerpt,
#press-featured article:hover .slide-entry-excerpt,
#press-standard article:hover .slide-entry-excerpt,
#stories-listing-item-container article:hover p,
#stories-listing-item-container article:hover .slide-entry-excerpt {
  color: var(--dark) !important;
  transition: var(--transition);
}

#events-standard article:hover .read-more-link,
#blog-listing article:hover .read-more-link,
#press-featured article:hover .read-more-link,
#press-featured article:hover .read-more-link,
#press-standard article:hover .read-more-link,
#stories-listing-item-container article:hover .read-more-link {
  gap: 2px !important;
  color: var(--dark) !important;
  padding: 16px 0px 4px 0px !important;
  transition: var(--transition);
}

/* STORIES PAGINATION */
#stories-listing-item-container .ss-stories-pagination {
  margin: 24px 0px !important;
}

#stories-listing-item-container ul.ss-pagination-list {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-left: 0 !important;
  list-style: none !important;
  gap: 4px;
  padding: 16px 0px;
}

#stories-listing-item-container ul.ss-pagination-list li {
  margin-left: 0px !important;
}

#stories-listing-item-container ul.ss-pagination-list li.ss-page-prev,
#stories-listing-item-container ul.ss-pagination-list li.ss-page-next {
  margin-right: 8px !important;
  color: var(--bone);
}

#stories-listing-item-container ul.ss-pagination-list a {
  padding: 12px 18px !important;
  border-radius: var(--radius-xs) !important;
  background-color: var(--white) !important;
  border: 1px solid var(--platinum);
  transition: var(--transition);
}

#stories-listing-item-container ul.ss-pagination-list li.current {
  padding: 8px 18px !important;
  border-radius: var(--radius-xs) !important;
  background-color: var(--platinum) !important;
  border: 1px solid var(--platinum) !important;
}

#stories-listing-item-container ul.ss-pagination-list li.ss-page-next {
  margin-left: 8px !important;
}

#stories-listing-item-container ul.ss-pagination-list li.ss-page-prev a,
#stories-listing-item-container ul.ss-pagination-list li.ss-page-next a {
  border: 1px solid var(--white);
  color: var(--blue);
}

#stories-listing-item-container ul.ss-pagination-list li.ss-page-prev a:hover,
#stories-listing-item-container ul.ss-pagination-list li.ss-page-next a:hover,
#stories-listing-item-container ul.ss-pagination-list a:hover {
  background-color: var(--orange) !important;
  border: 1px solid var(--orange);
  color: var(--dark);
  transition: var(--transition);
}

/* SINGLE ARTICLE / POST */
#article-post #content {
  padding-top: 8px !important;
  width: 100% !important;
  margin-left: 0px !important;
}

#article-post .article-post-back-button {
  width: auto;
  display: inline-block;
  margin-bottom: 2px;
}

#article-post .article-post-back-button .back-icon svg {
  width: 14px;
}

#article-post .article-post-back-button .back-link {
  display: flex;
  flex-direction: row;
  gap: 4px;
  justify-content: start;
  padding: 4px 8px;
  transition: var(--transition);
}

#article-post .article-post-back-button .back-text {
  font-size: 15px;
}

#article-post .article-post-back-button a:hover {
  padding: 4px 8px 4px 0px;
  transition: var(--transition);
  color: var(--dark) !important;
  text-decoration: underline;
  transition: var(--transition);
  fill: var(--orange);
}

#article-post .single-post-hero {
  border-radius: var(--radius-md);
  background: linear-gradient(180deg,
      rgba(239, 239, 239, 0.5) 0%,
      rgba(239, 239, 239, 0) 100%);
  padding: 14px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}

#article-post .single-post-hero .single-featured-image {
  width: 100%;
}

#article-post .single-post-hero img {
  border-radius: var(--radius-base);
  width: 100%;
  max-height: 450px;
  border-radius: 18px;
  object-fit: cover;
}

#article-post .single-post-hero .post-meta-entry {
  font-size: 16px;
  font-family: var(--oswald);
  color: var(--steel);
  font-weight: 800 !important;
  letter-spacing: 2px !important;
}

#article-post .single-post-hero .single-post-header {
  max-width: var(--max-width-md);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  margin-top: 30px !important;
}

#article-post .entry-content {
  max-width: var(--max-width-base);
  margin: auto;
  padding-bottom: 24px;
}

#single-post-footer {
  max-width: 820px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px 70px 16px;
  margin: 24px auto;
  border-top: 1px solid var(--platinum);
}

#single-post-footer .av-share-link-description {
  font-size: var(--text-base) !important;
  text-transform: uppercase;
  text-align: center;
  color: var(--bone);
}

#single-post-footer .av-share-box {
  margin-top: 8px;
}

#single-post-footer ul.av-share-box-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

#single-post-footer ul a {
  padding: 6px;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-full);
  border: 1px solid var(--blue);
}

#single-post-footer ul svg {
  fill: var(--blue);
  width: 20px;
  height: 20px;
}

/* RELATED LISTING */
#article-post .related-posts header {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0px;
}

#article-post .related-posts header h2.related-title {
  text-transform: uppercase !important;
}

#article-post .related-posts .related-posts-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
}

#article-post .related-posts article {
  grid-column: span 1 / span 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--white);
  border: 1px solid var(--platinum);
  border-radius: var(--radius-base);
  transition: var(--transition);
  padding: 8px !important;
}

#article-post .related-posts article .related-post-image {
  border-radius: 14px;
  display: flex;
  overflow: visible;
  transition: var(--transition);
}

#article-post .related-posts article .related-post-img {
  border: 1px solid var(--blue);
  border-radius: 14px;
  display: flex !important;
  overflow: hidden !important;
  transition: var(--transition);
  box-shadow:
    0 32px 9px 0 rgba(0, 0, 0, 0),
    0 21px 8px 0 rgba(0, 0, 0, 0),
    0 12px 7px 0 rgba(0, 0, 0, 0.02),
    0 5px 5px 0 rgba(0, 0, 0, 0.03),
    0 1px 3px 0 rgba(0, 0, 0, 0.03);
}

#article-post .related-posts article .related-post-image img {
  height: 180px;
  width: auto;
  object-fit: cover;
}

#article-post .related-posts article h3 {
  margin-top: 16px;
  padding: 8px 8px 0px 8px;
  color: var(--blue);
  font-family: "Helvetica Neue";
  font-size: 22px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 1.3;
  transition: var(--transition);
}

#article-post .related-posts article .related-excerpt {
  padding: 0px 8px 8px 8px;
  color: var(--bone);
  font-size: 16px;
  font-style: normal;
  font-weight: 400 !important;
  transition: var(--transition);
}

#article-post .related-posts article .read-more {
  padding: 8px 16px;
  display: flex;
  justify-content: end;
  align-items: center;
  color: var(--blue);
  font-size: 15px;
  font-style: normal;
  transition: var(--transition);
}

#article-post .related-posts article .read-more svg {
  fill: var(--blue);
}

#article-post .related-posts article:hover {
  border: 1px solid var(--orange);
  background: var(--white);
  transition: var(--transition);
  box-shadow: var(--shadow-image-orange-hover);
}

#article-post .related-posts article:hover .image-overlay {
  display: none !important;
}

#article-post .related-posts article a:hover .related-post-image {
  transition: var(--transition);
}

#article-post .related-posts article a:hover .related-post-img {
  border: 1px solid var(--orange);
  transition: var(--transition);
  box-shadow: var(--shadow-image-orange-hover);
}

#article-post .related-posts article:hover h3,
#article-post .related-posts article:hover .related-excerpt {
  color: var(--dark);
  transition: var(--transition);
}

#article-post .related-posts article:hover h3 {
  text-decoration: underline !important;
  transition: var(--transition);
}

#article-post .related-posts article:hover .read-more {
  padding: 8px 8px;
  transition: var(--transition);
}

/* EVENTS PAGE */
#top.tribe_events-template-default .tribe-events-pg-template {
  padding-top: 50px !important;
}


.tribe-events-notices {
  background-color: var(--bone) !important;
  border-radius: var(--radius-base) !important;
  box-shadow: var(--shadow-panel-dark) !important;
}

.tribe-events-notices ul::before {
  content: url("/wp-content/uploads/triangle-exclamation-white.svg");
  left: 18px !important;
  width: 24px !important;
  height: 24px !important;
  left: auto !important;
  border: none !important;
  transition: var(--transition);
  position: absolute !important;
}

.tribe-events-notices li {
  padding-left: 30px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-family: var(--oswald);
}

.tribe-events-start-date,
.tribe-events-start-time,
.tribe-organizer,
.tribe-organizer-email,
.tribe-organizer-url,
.tribe-venue,
.tribe-address {
  font-size: 16px !important;
}


.av-single-event-meta-bar {
  padding-bottom: 45px !important;
}

.av-single-event-meta-bar-inner {
  background-color: var(--white) !important;
  border-radius: var(--radius-base) !important;
  box-shadow: var(--shadow-panel-dark) !important;
  border: 1px solid var(--platinum) !important;
}

.av-single-event-content h2.tribe-events-single-event-title {
  font-family: var(--helvetica) !important;
  font-size: 55px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  padding-bottom: 0.5rem;
  text-transform: inherit !important;
}

.av-single-event-content .tribe-events-schedule {
  margin-top: 0px !important;
}

.av-single-event-content .tribe-events-schedule h3 {
  font-family: var(--oswald) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}

/* ABOUT - MISSION */
.mission-number {
  display: flex;
  justify-content: end !important;
}

.mission-number h2 {
  display: inline-flex;
  border-radius: var(--radius-full);
  background: var(--background);
  box-shadow:
    0 15.5px 23.25px -3.875px rgba(0, 0, 0, 0.1),
    0 7.75px 15.5px -3.875px rgba(0, 0, 0, 0.06);
  padding: 16px 24px !important;
}

/* DONATE PAGE */
body.page-id-4578 .container,
body.page-id-48 .container {
  padding-top: 0px !important;
}

/* IN MEMORIAM PAGE */
.inmemoriam-hero .av-subheading_above {
  font-size: var(--text-base) !important;
  margin-bottom: 0px !important;
}

.inmemoriam-hero h1 {
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
  color: var(--dark) !important;
}

.inmemoriam-hero h2 {
  color: var(--dark) !important;
}

.inmemoriam-hero h1.inmemoriam-name {
  text-transform: uppercase !important;
  color: var(--blue-baltic) !important;
  font-weight: 800 !important;
}

.inmemoriam-photo .avia-image-overlay-wrap {
  padding-left: 24px;
  position: relative;
}

.inmemoriam-photo .avia-image-overlay-wrap::before {
  width: calc(100% - 24px);
  height: 100%;
  background-color: var(--dark);
  position: absolute;
  top: -24px;
  left: 0px;
  content: "";
  border-radius: var(--radius-base);
}

.inmemoriam-gallery .av-active-gal-item {
  z-index: 2;
  -webkit-transform: scale(1.15) !important;
  -ms-transform: scale(1.15) !important;
  transform: scale(1.15) !important;
}

.inmemoriam-gallery .av-horizontal-gallery-slider img {
  border-radius: var(--radius-base) !important;
}

/* TEAM LISTING */
.team-filter-category-title {
  cursor: pointer;
  font-weight: 600;
  position: relative;
  padding-right: 24px;
}

.team-filter-category-title::after {
  content: "+";
  position: absolute;
  right: 16px;
  top: 6px;
  font-size: 18px;
}

.filter-accordion.is-open .team-filter-category-title::after {
  content: "–";
}

.filter-accordion-submenu {
  margin-top: 12px;
}

.team-filter li {
  margin-bottom: 6px;
}

/* PRICING PAGE */
#price-panel {
  padding: 40px !important;
  border-radius: var(--radius-base);
}

#price-panel.price-panel-standard {
  background-color: var(--white);
  box-shadow: var(--shadow-panel-dark);
}

#price-panel.price-panel-featured {
  background-color: var(--dark);
  box-shadow: var(--shadow-image-orange-hover);
  color: var(--white);
  scale: calc(1.04);
  z-index: 3;
}

#price-panel .price-title h2 {
  text-transform: uppercase !important;
  color: var(--bone);
}

#price-panel.price-panel-featured .price-title h2 {
  text-transform: uppercase !important;
  color: var(--white);
}

#price-panel.price-panel-featured .price-featured-icon {
  position: absolute !important;
  right: 20px;
  top: 20px;
}

#price-panel .price-container {
  padding-top: 18px;
}

#price-panel .price-container h2 {
  text-transform: uppercase !important;
  color: var(--blue);
  font-size: var(--text-3xl) !important;
  font-weight: 400 !important;
}

#price-panel.price-panel-featured .price-container h2 {
  color: var(--orange);
}

#price-panel.price-panel-featured .price-container .price-prefix {
  font-size: var(--text-base) !important;
  color: var(--white) !important;
  text-transform: inherit !important;
}

#price-panel .price-container li::marker {
  width: 15px !important;
  height: 15px !important;
}

#price-panel .price-container li {
  list-style-image: url(/wp-content/uploads/icon-check-orange.svg);
  margin-left: 24px;
  padding: 8px 16px;
}

#price-panel .price-container li.feature-none {
  list-style-image: url(/wp-content/uploads/icon-check-bone.svg);
}

.avia-slideshow-arrows .prev-slide,
.avia-slideshow-arrows .next-slide {
  border-radius: 99px !important;
}

.pricing-testimonial-slider .slide-entry {
  margin-left: 0px !important;
  padding: 24px 36px !important;
}

.pricing-testimonial-slider .cok-arrows {
  text-align: center;
  margin-top: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.pricing-testimonial-slider .cok-prev,
.pricing-testimonial-slider .cok-next {
  padding: 10px 24px 14px !important;
  background-color: var(--blue) !important;
  border-radius: 99px !important;
  color: var(--white);
  font-size: 36px !important;
}

.pricing-testimonial-slider .avia-slideshow-arrows .prev-slide svg,
.pricing-testimonial-slider .avia-slideshow-arrows .next-slide svg {
  margin-top: 0px !important;
}

.pricing-testimonial-slider .avia-slideshow-arrows .prev-slide {
  right: 56px !important;
}

.pricing-testimonial-slider .avia-slideshow-arrows .next-slide {
  right: 0px;
}


.pricing-testimonial-slider .cok-prev:hover,
.pricing-testimonial-slider .cok-next:hover {
  background-color: var(--dark) !important;
}


/* INSIGHTS LISTING (CARDS) */
#card-text-overlay-video #card-text,
#card-text-overlay-image #card-text {
  position: absolute !important;
  left: 0 !important;
  bottom: 36px !important;
  width: 100%;
  transition: var(--transition);
  z-index: 10 !important;
}

#card-text-overlay-video #card-icon,
#card-text-overlay-image #card-icon {
  background-color: var(--dark);
  position: absolute !important;
  bottom: 12px !important;
  right: 12px !important;
  padding: 12px 12px 4px 12px;
  border: 1px solid var(--orange);
  border-radius: var(--radius-full);
  transform: rotate(-45deg);
  transition: var(--transition);
  z-index: 10 !important;
}

#card-text-overlay-video #card-text .avia_textblock,
#card-text-overlay-image #card-text .avia_textblock {
  position: relative !important;
  transition: var(--transition);
}

#card-text-overlay-video video,
#card-text-overlay-image .avia-image-container img {
  transform: scale(1);
  transition: var(--transition);
}

#card-text-overlay-video #card-text h2,
#card-text-overlay-image #card-text h2 {
  color: var(--white);
  padding: 0;
  transition: var(--transition);
}

#card-text-overlay-video:hover,
#card-text-overlay-image:hover {
  transition: var(--transition);
  box-shadow: var(--shadow-panel-orange-hover) !important;
}

#card-text-overlay-video:hover video,
#card-text-overlay-image:hover .avia-image-container img {
  transform: scale(1.05);
  transition: var(--transition);
}

#card-text-overlay-video:hover #card-text h2,
#card-text-overlay-image:hover #card-text h2 {
  color: var(--orange);
  transition: var(--transition);
  margin-bottom: 0px;
}

#card-text-overlay-video:hover #card-icon,
#card-text-overlay-image:hover #card-icon {
  background-color: var(--orange);
  transform: rotate(0deg);
  transition: var(--transition);
}

#card-text-overlay-video:hover #card-icon svg,
#card-text-overlay-image:hover #card-icon svg {
  fill: var(--dark);
  transition: var(--transition);
  stroke: var(--dark);
}

/* Card Text Overlay - Image Specific */
#card-text-overlay-image #card-text {
  padding: 24px 60px 24px 24px;
}

#card-text-overlay-image .avia-image-container {
  position: relative !important;
  margin-bottom: 0px !important;
  overflow: hidden !important;
  border-radius: var(--radius-base);
}

#card-text-overlay-image .avia-image-container::after {
  width: 100%;
  content: "";
  position: absolute;
  bottom: -100px;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg,
      rgba(6, 20, 50, 0) 10%,
      rgba(6, 20, 50, 0) 35.58%,
      rgba(6, 20, 50, 0.9) 59.62%,
      #061432 76.44%);
  border-radius: var(--radius-base);
  transition: var(--transition);
}

#card-text-overlay-image.card-text-overlay-image-no-sub .avia-image-container::after {
  background: linear-gradient(180deg,
      rgba(6, 20, 50, 0) 10%,
      rgba(6, 20, 50, 0.1) 46.16%,
      rgba(6, 20, 50, 0.5) 64.91%,
      rgba(6, 20, 50, 1) 78.37%,
      #061432 100%);
}

#card-text-overlay-image #card-text .avia_textblock {
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: 0px;
  height: 100% !important;
  transition: var(--transition);
  transform: translateY(100%);
}

#card-text-overlay-image #card-text p {
  transition: var(--transition);
  transform: translateY(100%);
  opacity: 0;
}

#card-text-overlay-image:hover #card-text {
  transition: var(--transition);
  bottom: 0 !important;
}

#card-text-overlay-image:hover .avia-image-container::after {
  background: linear-gradient(180deg,
      rgba(6, 20, 50, 0) 10%,
      rgba(6, 20, 50, 0) 35.58%,
      rgba(6, 20, 50, 0.9) 59.62%,
      #061432 76.44%);
  transition: var(--transition);
  bottom: 0 !important;
}

#card-text-overlay-image.card-text-overlay-image-no-sub:hover .avia-image-container::after {
  background: linear-gradient(180deg,
      rgba(6, 20, 50, 0) 10%,
      rgba(6, 20, 50, 0.1) 46.16%,
      rgba(6, 20, 50, 0.5) 64.91%,
      rgba(6, 20, 50, 0.8) 78.37%,
      #061432 100%);
}

#card-text-overlay-image:hover #card-text p {
  margin: 0px;
  transform: translateY(0);
  opacity: 1;
  transition: var(--transition);
}

#card-text-overlay-image:hover #card-text .avia_textblock {
  gap: 8px;
  transition: var(--transition);
  transform: translateY(0);
}

/* Card Text Overlay - Video Specific */
#card-text-overlay-video #card-text {
  padding: 8px 60px 8px 24px;
  width: 75% !important;
}

#card-text-overlay-video #video-bg {
  margin-bottom: 0px !important;
  border-radius: var(--radius-base) !important;
  overflow: hidden;
}

#card-text-overlay-video #video-bg::after {
  width: 100%;
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(270deg,
      rgba(6, 20, 50, 0) 0%,
      rgba(6, 20, 50, 0) 42.64%,
      rgba(6, 20, 50, 0.89) 62.13%,
      rgba(6, 20, 50, 0.9) 73.61%,
      #061432 94.12%);
  transition: var(--transition);
  z-index: 8 !important;
  border-radius: var(--radius-base) !important;
  overflow: hidden;
}

#card-text-overlay-video #card-text .read-more-link {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 8px;
  transition: var(--transition);
  color: var(--orange);
}

#card-text-overlay-video:hover #card-text .read-more-link {
  padding-left: 8px;
  gap: 12px;
  transition: var(--transition);
  color: var(--orange);
  text-decoration: underline;
}

/* EVENT LISTING PAGE */
#events-featured {
  margin-bottom: 50px !important;
}

#event-listing-featured {
  background-color: var(--white);
  border-radius: var(--radius-base);
  padding: 8px !important;
  transition: var(--transition);
  border: 1px solid var(--platinum) !important;
}

#event-listing-featured .event-listing-featured-wrapper {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px !important;
}

#event-listing-featured .event-content {
  grid-column: span 4 !important;
}

#event-listing-featured .slide-image {
  grid-column: span 1 !important;
  border-radius: var(--radius-base);
  overflow: hidden !important;
  height: 380px !important;
  transition: var(--transition);
  border: 1px solid var(--white);
}

#event-listing-featured .slide-image img {
  height: 100% !important;
  width: auto !important;
  object-fit: cover !important;
  margin-bottom: 0px !important;
  transition: var(--transition);
  transform: scale(1);
}

#event-listing-featured .event-content-wrapper {
  grid-column: span 1 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px !important;
}

#event-listing-featured .event-dateyear {
  grid-column: span 1 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100% !important;
  transition: var(--transition);
}

#event-listing-featured .event-dateyear .event-date h4 {
  font-family: var(--oswald) !important;
  font-size: var(--text-4xl) !important;
  font-weight: 800 !important;
  color: var(--blue);
  transition: var(--transition);
}

#event-listing-featured .event-dateyear .event-year h4 {
  font-family: var(--helvetica) !important;
  font-size: var(--text-sm) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  color: var(--blue);
  transition: var(--transition);
}

#event-listing-featured .event-content {
  grid-column: span 4 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  padding: 24px;
}

#event-listing-featured .event-flag {
  color: var(--blue);
  font-style: normal;
  font-size: var(--text-sm);
  font-weight: 800;
  line-height: 150%;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

#event-listing-featured .event-title h3 {
  font-size: var(--text-2xl) !important;
  font-weight: 600 !important;
  font-family: var(--oswald) !important;
  color: var(--dark) !important;
  transition: var(--transition);
  text-transform: uppercase;
  padding-bottom: 8px !important;
}

#event-listing-featured .event-location {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 8px;
}

#event-listing-featured .event-icon svg {
  fill: var(--blue);
  transition: var(--transition);
}

#event-listing-featured .venue-name {
  font-weight: 800 !important;
}

#event-listing-featured .tribe-address {
  color: var(--bone) !important;
}

#event-listing-featured:hover {
  transition: var(--transition);
  border: 1px solid var(--white) !important;
  box-shadow: var(--shadow-panel-orange-hover) !important;
}

#event-listing-featured:hover .event-title h3 {
  color: var(--blue) !important;
  transition: var(--transition);
  text-decoration: underline !important;
}

#event-listing-featured:hover .event-icon svg {
  transition: var(--transition);
  fill: var(--orange);
}

#event-listing-featured:hover .event-dateyear .event-date h4,
#event-listing-featured:hover .event-dateyear .event-year h4,
#event-listing-featured:hover .event-flag,
#event-listing-featured:hover .venue-name {
  transition: var(--transition);
  color: var(--orange) !important;
}

#event-listing-featured:hover .tribe-address {
  color: var(--dark) !important;
}

#event-listing-featured:hover .slide-image {
  box-shadow: var(--shadow-image-orange-hover) !important;
  border: 1px solid var(--orange);
  transition: var(--transition);
}

#event-listing-featured:hover img {
  transform: scale(1.02);
}

#custom-event-listing #events-standard {
  display: flex;
  flex-direction: column;
  gap: 50px !important;
}

#custom-event-listing #events-standard .event-listing-header {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 24px !important;
}

#events-standard article h3 {
  margin-top: 2px !important;
}

/* ------------------------------------------------------------
    FORMS (GRAVITY)
------------------------------------------------------------ */
#top input[type="checkbox"]::before {
  color: var(--blue) !important;
}

.gform-theme--framework {
  overflow: hidden !important;
}

.gform-theme--framework .gfield--type-choice .gfield_radio .gfield-choice-input::before {
  background-color: var(--blue) !important;
}

#top input[type="checkbox"]:focus,
.gform-theme--framework .gfield--type-choice .gfield_radio .gfield-choice-input:focus {
  outline: 4px solid rgba(255, 125, 61, 0.9) !important;
  border: 1px solid var(--blue);
}

.gform-theme--framework .gf_step_completed .gf_step_number::after {
  background-color: var(--blue) !important;
  color: var(--dark) !important;
  border: 2px solid var(--blue) !important;
}

.gform-theme--framework .gf_page_steps .gf_step_completed .gf_step_label {
  color: var(--dark) !important;
}

.gform-theme--framework .gf_page_steps .gf_step_active .gf_step_number {
  background-color: var(--dark) !important;
  color: var(--white) !important;
}

.gform-theme--framework .gf_page_steps .gf_step_active .gf_step_label {
  color: var(--dark) !important;
}

.gform-theme--framework .gf_page_steps .gf_step_pending {
  background-color: transparent !important;
  color: var(--dark) !important;
}

.gform-theme--framework .gf_page_steps .gf_step_pending .gf_step_number {
  background-color: transparent !important;
  border: 1px solid var(--blue);
  color: var(--blue);
}

.gform-theme--framework .gf_page_steps .gf_step_pending .gf_step_label {
  color: var(--blue);
}

.gform-theme--foundation .gform_fields {
  gap: 16px !important;
}

body .gform_wrapper .gform_body .gform_fields .large-form-title label {
  color: var(--dark) !important;
  font-size: 24px !important;
}

body .gform_wrapper .gform_body .gfield_label {
  color: var(--dark) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

body .gform_wrapper .gform_body .gform-field-label {
  color: var(--dark) !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
}

body .gform_wrapper .gform_body .gfield_consent_label {
  color: var(--dark) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-transform: none !important;
}

body .gform_wrapper .gform_body .gfield_required {
  margin-left: 4px !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield select {
  height: 60px !important;
  padding: 18px 16px !important;
  font-size: 14px !important;
  color: var(--grey);
  font-family: inherit !important;
  border: none !important;
}

#top label span,
#top legend span {
  color: var(--blue) !important;
}

body .gform_wrapper .gform_body .gfield {
  margin-bottom: 16px !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_textarea textarea {
  color: var(--dark) !important;
  border: none !important;
  font-size: 18px !important;
  font-family: inherit !important;
  background-color: var(--offwhite) !important;
  border-bottom: 2px solid var(--blue) !important;
  border-radius: 0px !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield .address_line_1 input,
body .gform_wrapper .gform_body .gform_fields .gfield .address_line_2 input,
body .gform_wrapper .gform_body .gform_fields .gfield .address_city input,
body .gform_wrapper .gform_body .gform_fields .gfield .address_state select,
body .gform_wrapper .gform_body .gform_fields .gfield .address_zip input,
body .gform_wrapper .gform_body .gform_fields .gfield .address_country select,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_text input[type="text"],
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_email input,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_number input,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_phone input,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_product_price input,
body .gform_wrapper .gform_body .gform_fields .gfield .name_first input,
body .gform_wrapper .gform_body .gform_fields .gfield .name_last input,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_website input {
  height: 60px !important;
  padding: 18px 16px !important;
  font-size: 18px !important;
  font-family: inherit !important;
  margin-bottom: 8px !important;
  color: var(--dark) !important;
  background-color: var(--offwhite) !important;
  border: none !important;
  border-bottom: 2px solid var(--blue) !important;
  border-radius: 0px !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield--type-checkbox label {
  font-size: 16px !important;
  font-family: inherit !important;
  font-weight: 400 !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield--type-checkbox .gfield_label {
  font-size: 24px !important;
  font-family: inherit !important;
  font-weight: 700 !important;
  padding-top: 16px !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield textarea {
  padding: 18px 16px !important;
  font-size: 18px !important;
  font-family: inherit !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_button_select_files {
  background-color: var(--blue) !important;
  color: #212733 !important;
  border-radius: 0px !important;
}

body .gform_wrapper .gform_page_footer input[type="button"].gform_previous_button,
body .gform_wrapper .gform_page_footer input[type="button"].gform_next_button,
body .gform_wrapper .gform_page_footer input[type="submit"].gform_button,
#blog_content .blog_content-subscribe .blog-subscribe-panel .gform_page_footer input[type="submit"].gform_button,
body .gform_wrapper .gform_footer input[type="submit"] {
  background-color: transparent !important;
  border-radius: var(--radius-full) !important;
  border: 2px solid var(--blue) !important;
  color: var(--blue) !important;
  padding: 16px 20px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  transition: var(--transition);
}

body .gform_wrapper .gform_page_footer input[type="button"]:hover.gform_previous_button,
body .gform_wrapper .gform_page_footer input[type="button"]:hover.gform_next_button,
body .gform_wrapper .gform_page_footer input[type="submit"]:hover.gform_button,
body .gform_wrapper .gform_footer input[type="submit"]:hover {
  background-color: var(--orange) !important;
  border-radius: var(--radius-full) !important;
  color: var(--white) !important;
  transition: var(--transition);
  border: 2px solid var(--orange) !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield--type-total label {
  font-size: 18px !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield--type-total .ginput_container_total input {
  background-color: var(--dark) !important;
  font-size: 36px !important;
  text-transform: uppercase !important;
  color: var(--dark) !important;
  border: none !important;
  font-weight: 800 !important;
}

.gform-theme--foundation .gf_page_steps {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  overflow-x: scroll;
  padding-bottom: 24px;
  margin-bottom: 24px !important;
  border-bottom: 1px solid var(--light-grey);
}

/* Form Hover */
body .gform_wrapper .gform_body .gform_fields .gfield .address_line_1 input:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .address_line_2 input:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .address_city input:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .address_state select:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .address_zip input:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .address_country select:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_product_price:hover input,
body .gform_wrapper .gform_body .gform_fields .gfield .name_first:hover input,
body .gform_wrapper .gform_body .gform_fields .gfield .name_last:hover input,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_email input:hover,
body .gform_wrapper .gform_body .gform_fields .gfield select option:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .name_first input:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .name_last input:hover,
body .gform_wrapper .gform_body .gform_fields .gfield textarea:hover,
body .gform_wrapper .gform_body .gform_fields .gfield select:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_text:hover input[type="text"],
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_email:hover input,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_number:hover input,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_phone:hover input,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_website:hover input {
  background-color: #ffffff !important;
  transition: all 0.2s ease-in-out;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  border-bottom: 2px solid var(--orange) !important;
  box-shadow:
    rgba(255, 125, 61, 0.05) 0px 4px 16px,
    rgba(255, 125, 61, 0.05) 0px 8px 24px,
    rgba(255, 125, 61, 0.05) 0px 16px 56px !important;
}

/* Form Focus */
body .gform_wrapper .gform_body .gform_fields .gfield .address_line_1 input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .address_line_2 input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .address_city input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .address_state select:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .address_zip input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .address_country select:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_product_price:focus input,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_email input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield select option:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .name_first input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .name_last input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_email input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield select option:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .name_first input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .name_last input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield textarea:focus,
body .gform_wrapper .gform_body .gform_fields .gfield select:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_text input[type="text"]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_email input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_number input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_phone input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_website input:focus {
  background: #ffffff !important;
  box-shadow:
    rgba(255, 125, 61, 0.1) 0px 4px 16px,
    rgba(255, 125, 61, 0.1) 0px 8px 24px,
    rgba(255, 125, 61, 0.1) 0px 16px 56px !important;
  transition: all 0.2s ease-in-out;
  border-bottom: 2px solid var(--dark) !important;
}

/* Form Validation */
body .gform_wrapper .gform_validation_errors {
  background-color: var(--dark) !important;
  text-transform: uppercase;
  border-bottom: 2px solid var(--orange) !important;
  border-radius: var(--radius-sm) !important;
}

body .gform_wrapper .gform_validation_errors ol li a {
  text-transform: none !important;
  color: var(--blue) !important;
}

body .gform_wrapper .gform_validation_errors ol li a:hover {
  text-transform: none !important;
  color: var(--dark) !important;
}

body .gform_wrapper .gform_validation_errors h2 {
  color: var(--orange) !important;
  font-size: var(--text-md) !important;
  text-transform: uppercase;
}

body .gform_wrapper .gform_validation_errors .gform-icon {
  border: 2px solid var(--white) !important;
  color: var(--white) !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield_error .validation_message {
  background-color: var(--dark) !important;
  padding: 8px 16px !important;
  color: var(--white) !important;
  margin-top: 0px;
  border-right: 1px solid var(--orange) !important;
  border-bottom: 1px solid var(--orange) !important;
  border-left: 1px solid var(--orange) !important;
  border-radius: var(--radius-sm);
}

body .gform_wrapper .gform_body .gform_fields .gfield_error .name_first input,
body .gform_wrapper .gform_body .gform_fields .gfield_error .name_last input,
body .gform_wrapper .gform_body .gform_fields .gfield_error .ginput_container_email input,
body .gform_wrapper .gform_body .gform_fields .gfield_error .textarea,
body .gform_wrapper .gform_body .gform_fields .gfield_error .ginput_container_text input[type="text"],
body .gform_wrapper .gform_body .gform_fields .gfield_error .ginput_container_email input,
body .gform_wrapper .gform_body .gform_fields .gfield_error .ginput_container_number input,
body .gform_wrapper .gform_body .gform_fields .gfield_error .ginput_container_phone input,
body .gform_wrapper .gform_body .gform_fields .gfield_error .ginput_container_website input {
  border: 2px solid var(--light-grey) !important;
}

.gform_confirmation_wrapper .gform_confirmation_message {
  font-size: 16px !important;
  color: var(--dark) !important;
  font-weight: 600 !important;
}

.sptp-popup-section.style-1 button:hover.mfp-close::before {
  color: var(--dark) !important;
}

.submitted-message span {
  color: var(--dark) !important;
}

/* ALL CONNECTED PAGE */
.all-connected-list-content {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: start;
  gap: 16px !important;
}

.all-connected-list-content .number {
  padding: 14px 26px !important;
  background-color: var(--orange) !important;
  border-radius: 99px !important;
  font-size: 30px !important;
  font-weight: 600 !important;
  margin-top: -16px !important;
}

#all-connected-related .flex_column {
  padding: 8px !important;
}

#all-connected-related .avia-video {
  border-radius: var(--radius-sm) !important;
  box-shadow: var(--shadow-image-orange-standard) !important;
  transition: var(--transition);
  border: 1px solid var(--platinum) !important;
}

#all-connected-related .avia-video::before {
  content: "";
  height: calc(100% + 16px);
  width: calc(100% + 16px);
  position: absolute;
  top: -8px;
  left: -8px;
  border: 1px solid var(--orange);
  border-radius: var(--radius-base) !important;
  transition: var(--transition);
}

#all-connected-related .avia-video:hover {
  box-shadow: var(--shadow-image-orange-hover) !important;
  transition: var(--transition);
  border: 1px solid var(--orange) !important;
  transform: scale(1.03);
}

#all-connected-related .avia-video:hover::before {
  border: 1px solid var(--blue);
  border-radius: var(--radius-sm) !important;
  transition: var(--transition);
}

/* I AM A -- PROFESSIONS -- PAGES */
.i-am-a-button-links {
  position: absolute;
  bottom: 8px !important;
}

.i-am-a-button-links p {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.i-am-a-button-links a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  gap: 8px;
  padding: 0px 8px 0px 0px;
  transition: var(--transition);
}

.i-am-a-button-links a:hover {
  padding: 0px 4px 0px 8px;
  gap: 4px;
  transition: var(--transition);
  text-decoration: underline !important;
}

/* TEAM PAGES (DESKTOP) */
.team-listing-section {
  grid-template-columns: repeat(8, minmax(0, 1fr));
  display: grid !important;
  gap: 24px !important;
  padding: 36px !important;
}

.team-filter-container {
  grid-column: span 2 / span 2;
  align-self: start;
}

.team-listing-container {
  grid-column: span 6 / span 6;
}

.filter-accordion .team-filter-category-title {
  font-family: var(--oswald);
  font-size: var(--text-base) !important;
  color: var(--blue) !important;
  text-transform: uppercase !important;
  border-radius: 4px;
  border: 1px solid var(--blue);
  margin: 0 0 8px 0;
  padding: 8px 16px;
  transition: var(--transition-long);
}

.filter-accordion.is-open .team-filter-category-title {
  color: var(--bone) !important;
  transition: var(--transition-long);
}

.filter-accordion.is-open {
  border: 1px solid var(--platinum) !important;
  box-shadow: var(--shadow-panel-dark);
  margin-bottom: 16px;
}

.team-listing-section .team-filter {
  list-style-type: none !important;
  margin-left: 0px !important;
  padding: 4px 16px 8px !important;
}

.team-listing-section .team-filter li {
  list-style-type: none !important;
  margin: 0px !important;
  font-size: 15px !important;
}

.filter-accordion .team-filter-category-title:hover {
  background-color: var(--blue) !important;
  color: var(--white) !important;
  transition: var(--transition-long);
}

.filter-accordion.is-open {
  transition: var(--transition-long);
  background-color: var(--white) !important;
}

.filter-accordion.is-open .team-filter-category-title {
  color: var(--white) !important;
  background-color: var(--blue) !important;
  transition: var(--transition-long);
}

.filter-accordion.is-open .team-filter-category-title:hover {
  color: var(--white) !important;
  background-color: var(--bone) !important;
  transition: var(--transition-long);
}

.team-listing-section article {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  display: grid !important;
  gap: 24px !important;
  padding: 24px !important;
  background-color: var(--white) !important;
  border-radius: var(--radius-sm) !important;
  border: 1px solid var(--platinum);
}

.team-listing-section article .team-image {
  grid-column: span 1 / span 1 !important;
}

.team-listing-section article .team-profile {
  grid-column: span 4 / span 4 !important;
}

.team-listing-section .team-article-listing {
  display: flex;
  flex-direction: column;
  gap: 8px !important;
}

.team-listing-section article .team-image img {
  border-radius: var(--radius-sm) !important;
}

.team-listing-section article .team-profile .team-title {
  font-family: var(--oswald) !important;
  font-size: var(--text-sm) !important;
  color: var(--bone);
  text-transform: uppercase !important;
  margin-bottom: 0px !important;
  font-weight: 600 !important;
}

.team-listing-section article .team-profile h3.team-name {
  font-family: var(--helvetica) !important;
  font-size: var(--text-xl) !important;
  color: var(--blue) !important;
  margin: 0px !important;
  font-weight: 500 !important;
}

.team-listing-section h2 {
  margin: 16px 0px 8px 0px !important;
  padding: 16px 0px 8px 0px !important;
}

.responsive body.page-id-2920 {
  overflow-x: visible !important;
  -webkit-overflow-scrolling: auto !important;
  -webkit-overflow-scrolling: touch !important;
  position: relative;
}

.page-id-2920 #wrap_all,
.page-id-2920 .team-listing-section {
  overflow: visible !important;
  -webkit-overflow-scrolling: auto !important;
  -webkit-overflow-scrolling: touch !important;
  position: relative;
}

.page-id-2920 .team-filter-container {
  position: -webkit-sticky !important;
  position: sticky !important;
  align-self: flex-start !important;
  top: 120px !important;
  height: 90vh;
  display: flex;
  flex-direction: column;
  justify-content: start;
}

/* CONTACT PAGE */
.background-family-connect {
  background-image: url("/wp-content/uploads/card_demo-bg.webp");
  background-repeat: no-repeat;
  background-position: bottom right !important;
  background-size: cover;
}

.background-family-connect h3 {
  padding: 8px 0px 4px 24px !important;
  color: var(--black);
  text-shadow:
    -1px -1px 0 var(--white),
    1px -1px 0 var(--white),
    -1px 1px 0 var(--white),
    1px 1px 0 var(--white);
  background: linear-gradient(90deg,
      #fff 68.27%,
      rgba(255, 255, 255, 0.23) 84.62%);
}

#icon-listing ul.avia-icon-list {
  display: flex;
  flex-direction: row;
  justify-content: end;
  align-items: end;
  gap: 0px;
}

#icon-listing ul.avia-icon-list li {
  padding-bottom: 0px !important;
}

#icon-listing .iconlist_icon {
  scale: 0.7 !important;
  margin: 0px !important;
}

#icon-listing a.iconlist_icon {
  transition: var(--transition);
}

#icon-listing a.iconlist_icon:hover {
  transition: var(--transition) !important;
  background-color: var(--blue) !important;
  color: var(--white);
}

#icon-listing a.iconlist_icon:hover svg {
  fill: var(--white) !important;
  transition: var(--transition) !important;
}


/* ------------------------------------------------------------
  Scroll to top
------------------------------------------------------------ */

#scroll-top-link {
  background-color: var(--blue) !important;
  border-radius: var(--radius-full) !important;
  margin-top: 8px !important;
  transition: var(--transition);
  display: flex;
  justify-content: center;
  align-items: center;
}

#scroll-top-link.avia-svg-icon svg {
  fill: var(--white) !important;
  height: 30px !important;
  width: auto;
  transition: var(--transition);
  margin-top: 0px !important;
}


#scroll-top-link:hover {
  background-color: var(--orange) !important;
  transition: var(--transition);
}

#scroll-top-link.avia-svg-icon:hover svg {
  fill: var(--dark) !important;
  transition: var(--transition);
}





/* ------------------------------------------------------------
  TABLES
------------------------------------------------------------ */

/* Table Container and General Styles */
.avia-table.avia-data-table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: var(--dark);
  border: 1px solid var(--platinum);
  overflow: hidden;
  border-radius: var(--radius-sm);
}

/* Header Styling - Matching the Website Blue */
.avia-table thead th,
.avia-table .avia-heading-row th {
  background-color: var(--blue-baltic);
  /* Corporate Blue */
  color: var(--white);
  text-align: left;
  padding: 15px 20px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Table Cells */
.avia-table td {
  padding: 15px 20px;
  border-bottom: 1px solid var(--grey);
  line-height: 1.6;
  vertical-align: top;
  font-size: 15px;
  color: var(--dark) !important;
}

/* Zebra Striping for Readability */
.avia-table tr:nth-child(even) {
  background-color: var(--background);
}

/* Hover Effect */
.avia-table tr:hover td {
  background-color: #f5f8fa;
}

/* First Column Bold (Tool Feature) */
.avia-table td:first-child {
  font-weight: 700;
  color: var(--blue);
  width: 25%;
}

/* Responsive Design for Mobile */
@media screen and (max-width: 767px) {

  .avia-table,
  .avia-table tbody,
  .avia-table tr,
  .avia-table td,
  .avia-table th {
    display: block;
    width: 100%;
  }

  .avia-table .avia-heading-row {
    display: none;
    /* Hide headers on small screens */
  }

  .avia-table tr {
    margin-bottom: 15px;
    border: 1px solid #e1e1e1;
  }

  .avia-table td {
    text-align: right;
    padding-left: 50%;
    position: relative;
    border-bottom: 1px dotted #e1e1e1;
  }

  /* Labeling data for mobile */
  .avia-table td:before {
    content: attr(data-label);
    /* Requires data-label attributes in HTML */
    position: absolute;
    left: 20px;
    width: 45%;
    text-align: left;
    font-weight: bold;
    color: #2d5c88;
  }
}

/* ------------------------------------------------------------
    MEDIA QUERIES
------------------------------------------------------------ */

/* TABLET LANDSCAPE / SMALL DESKTOP */
@media only screen and (max-width: 1230px) {

  /* Home Hero */
  #home-hero .flex_column_table {
    margin-top: -240px !important;
  }

  /* Card Text Overlay */
  #card-text-overlay-image .avia-image-container::after {
    width: 100%;
    content: "";
    position: absolute;
    bottom: -50px;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg,
        rgba(6, 20, 50, 0) 10%,
        rgba(6, 20, 50, 0) 35.58%,
        rgba(6, 20, 50, 0.9) 59.62%,
        #061432 76.44%);
    border-radius: var(--radius-base);
    transition: var(--transition);
  }

  #card-text-overlay-image #card-text h2 {
    font-size: var(--text-lg) !important;
  }

  #card-text-overlay-video #card-text {
    width: 96% !important;
    bottom: 0 !important;
  }

  /* Stories Listing */
  .stories-article-listing .stories-listing-filter-container {
    margin-bottom: 24px;
    width: 100% !important;
  }

  .stories-article-listing .stories-listing-filter-container .stories-listing-filter {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px !important;
    border-top: 1px solid var(--platinum);
    border-bottom: 1px solid var(--platinum);
    padding: 14px 24px 14px 24px !important;
  }

  /* CTA Family Connections */
  #cta.cta-family-connections .av-special-heading {
    background: linear-gradient(90deg,
        #efefef 15.38%,
        rgba(239, 239, 239, 0.71) 89.32%,
        rgba(239, 239, 239, 0) 100%) !important;
  }
}

/* TABLET */
@media only screen and (max-width: 1170px) {

  /* Burger Menu Overlay Fixes */
  html.av-burger-overlay-active,
  .av-burger-overlay-active body {
    overflow: hidden !important;
  }

  html body #main {
    transition: var(--transition);
  }

  html.av-burger-overlay-active body {
    position: fixed;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    -ms-overflow-style: none;
    scrollbar-width: none;
    transition: var(--transition);
  }

  html.av-burger-overlay-active body #main {
    filter: blur(0.2rem) !important;
    transition: var(--transition);
  }

  html.av-burger-overlay-active body::-webkit-scrollbar {
    display: none;
  }

  #menu-item-search {
    display: none;
  }

  #menu-item-search a {
    padding-left: 0px !important;
  }

  #header .container {
    width: 100% !important;
    max-width: 100vw !important;
    margin: auto;
    padding: 0px 24px !important;
    z-index: 9999 !important;
  }

  #header .container .av-burger-overlay {
    height: 100vh !important;
  }

  #header .container .av-burger-overlay-bg {
    width: 104vw;
    height: 100vh;
    position: fixed;
    left: -2vw;
    opacity: 0.94 !important;
  }

  /* Footer Menu Stack */
  #footer-menu-container .footer-menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  #footer-menu-container .footer-menu .footer-subscribe {
    position: relative;
    width: 50%;
  }

  #footer-menu-container .footer-menu .footer-columns {
    justify-content: center;
  }
}

@media only screen and (max-width: 1099px) {

  #cta.cta-stories .flex_column_table::before,
  #cta.cta-mobile-app .flex_column_table::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/wp-content/uploads/cta-mobile-app-img-mobile.svg");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    background-color: #efefef;
    border-radius: var(--radius-base);
    z-index: 0;
    pointer-events: none;
  }
}

@media only screen and (max-width: 1070px) {
  #header .main_menu .menu-item .avia-menu-text {
    font-size: 15px !important;
  }
}

/* MOBILE LANDSCAPE / LARGE PHONE */
@media only screen and (max-width: 989px) {

  /* Home Hero */
  #home-hero .flex_column_table {
    margin-top: -180px !important;
  }

  /* Header Mobile */
  #header .main_menu #menu-item-search.menu-item {
    display: flex !important;
    justify-content: end !important;
    align-items: end !important;
    flex-direction: column !important;
    width: 50px !important;
    height: 64px !important;
  }

  #header .main_menu #menu-item-search.menu-item a {
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
  }

  /* Burger Menu */
  #header .main_menu .av-burger-menu-main {
    padding-left: 2px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: end !important;
    align-items: center !important;
    height: 64px !important;
  }

  #header .main_menu .av-burger-menu-main a {
    padding: 4px !important;
    height: 50px !important;
    width: 50px !important;
    background-color: var(--blue) !important;
    border-radius: var(--radius-full) !important;
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .av-hamburger-box {
    width: 28px !important;
  }

  .av-hamburger-inner::before {
    top: -8px;
  }

  .av-hamburger-inner::after {
    bottom: -8px;
  }

  /* Mobile Menu Items */
  #header .main_menu #av-burger-menu-ul {
    padding-right: 24px !important;
    padding: 90px 24px !important;
    vertical-align: top !important;
  }

  #header .main_menu .top-menu-item,
  #header .main_menu .top-menu-item a {
    text-align: right !important;
    padding: 0px !important;
  }

  #header .main_menu .top-menu-item {
    margin-top: 8px !important;
  }

  #header .main_menu #av-burger-menu-ul .avia-menu-text {
    font-size: var(--text-lg) !important;
    color: var(--white);
    font-family: var(--oswald) !important;
    text-transform: uppercase;
  }

  #header .main_menu #av-burger-menu-ul .sub-menu .avia-menu-text {
    font-size: var(--text-base) !important;
    color: var(--silver);
    font-family: var(--helvetica) !important;
    text-transform: inherit !important;
  }

  #header .main_menu #av-burger-menu-ul .sub-menu li {
    margin: 0px !important;
    padding-top: 0px !important;
  }

  .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li {
    line-height: 1.1em;
  }

  .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a {
    padding: 2px 0px 0px 0px;
  }

  /* Mobile Menu Buttons */
  #header .main_menu #av-burger-menu-ul .two-buttons-left {
    position: absolute !important;
    top: -16px !important;
    left: -8px !important;
  }

  #header .main_menu #av-burger-menu-ul .two-buttons-left a {
    width: fit-content !important;
  }

  #header .main_menu #av-burger-menu-ul .two-buttons-left .avia-menu-text {
    font-size: var(--text-base) !important;
    border: 2px solid var(--orange) !important;
    border-radius: 0px var(--radius-full) var(--radius-full) 0px !important;
    display: flex !important;
    color: var(--dark);
    background-color: var(--orange);
  }

  #header .main_menu #av-burger-menu-ul li.two-buttons-right {
    position: fixed !important;
    top: -webkit-calc(100vh - 85px);
    top: calc(100vh - 85px) !important;
    bottom: 0;
    left: 8px !important;
  }

  #header .main_menu #av-burger-menu-ul li.two-buttons-right a {
    background: var(--blue) !important;
    width: 100% !important;
    padding: 8px 24px !important;
    bottom: 50px !important;
  }

  #header .main_menu #av-burger-menu-ul li.two-buttons-right .avia-menu-text {
    font-size: var(--text-base) !important;
    color: var(--white);
    background: transparent !important;
    padding: 0px;
    border: 0px !important;
  }

  /* Footer Mobile */
  #footer-menu-container .footer-menu .footer-columns {
    flex-wrap: wrap !important;
    justify-content: start !important;
  }

  #footer-menu-container .footer-menu .footer-subscribe {
    width: 100%;
  }

  #footer-menu-container .footer-menu .footer-subscribe h2 {
    text-align: center !important;
    padding-bottom: 8px;
  }

  #footer #footer-toolbar p {
    text-align: center !important;
  }

  #footer #footer-toolbar .footer-toolbar-links {
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: center;
  }

  /* CTA Family Connections */
  #cta.cta-family-connections .flex_column {
    height: 100% !important;
  }

  #cta.cta-family-connections .av-special-heading {
    padding: 24px !important;
    max-width: 100% !important;
  }

  #cta.cta-family-connections .avia-button-wrap {
    padding: 8px 24px 0px 24px !important;
  }

  /* CTA Mobile App */
  #cta.cta-mobile-app .flex_column {
    height: 100% !important;
  }

  #cta.cta-mobile-app .cta-mobile-app-image {
    border-radius: var(--radius-base) var(--radius-base) 0px 0px;
  }

  #cta.cta-mobile-app .cta-mobile-app-content {
    padding: 24px !important;
    border-radius: 0px 0px var(--radius-base) var(--radius-base);
  }

  #cta.cta-mobile-app .flex_column,
  #cta.cta-mobile-app .avia-image-container {
    margin-bottom: 0px !important;
  }

  /* Donate Hero */
  #hero-donate .flex_column {
    padding-top: 0px !important;
  }

  /* Article Post */
  #article-post #content {
    margin: 0px !important;
  }

  /* Card Text Overlay */
  #card-text-overlay-video #card-text h2,
  #card-text-overlay-image #card-text h2 {
    margin-bottom: 0px;
  }

  #card-text-overlay-image #card-text,
  #card-text-overlay-image #card-text .avia_textblock,
  #card-text-overlay-image #card-text p {
    transition: var(--transition);
    transform: translateY(0) !important;
    opacity: 1;
    bottom: 0px !important;
  }

  #card-text-overlay-image #card-text {
    transition: var(--transition);
    bottom: 0 !important;
  }

  #card-text-overlay-image .avia-image-container::after {
    background: linear-gradient(180deg,
        rgba(6, 20, 50, 0) 10%,
        rgba(6, 20, 50, 0) 35.58%,
        rgba(6, 20, 50, 0.9) 59.62%,
        #061432 76.44%);
    transition: var(--transition);
    bottom: 0 !important;
  }

  #card-text-overlay-image #card-text p {
    margin: 0px;
    transform: translateY(0);
    opacity: 1;
    transition: var(--transition);
  }

  #card-text-overlay-image #card-text .avia_textblock {
    gap: 8px;
    transition: var(--transition);
    transform: translateY(0);
  }

  #card-text-overlay-video #card-text {
    position: relative !important;
    padding-top: 24px !important;
    margin-top: -50px !important;
  }

  /* Stories Article Listing */
  .stories-article-listing .stories-listing-filter-container .stories-listing-filter {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
    border-top: 1px solid var(--platinum);
    border-bottom: 1px solid var(--platinum);
    padding: 14px 24px 14px 24px !important;
  }

  #blog-listing .slide-entry-wrap,
  #events-standard .event-listing-standard-wrapper,
  #press-featured .slide-entry-wrap,
  #press-standard .slide-entry-wrap,
  #stories-listing-item-container .stories-listing-item-standard,
  #stories-listing-item-container .stories-listing-item-featured {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  #stories-listing-item-container .stories-listing-item-featured article .slide-image img {
    height: 280px !important;
  }

  #events-standard .event-listing-standard-wrapper article img,
  #stories-listing-item-container .stories-listing-item-standard article .slide-image img {
    height: 220px !important;
  }

  /* Team Listing */
  .team-listing-section {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    display: grid !important;
    gap: 24px !important;
    padding: 0px !important;
  }

  .team-listing-section .team-bio {
    font-size: 15px !important;
  }

  .page-id-2920 .team-filter-container {
    top: 40px !important;
  }

  .team-listing-section article .team-profile h3.team-name {
    font-size: var(--text-lg) !important;
  }

  .filter-accordion .team-filter-category-title {
    font-size: var(--text-sm) !important;
    padding: 8px 24px 8px 10px !important;
  }

  /* Events Featured */
  #event-listing-featured .event-content-wrapper {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center;
    align-items: start;
    gap: 8px !important;
  }

  #event-listing-featured .event-dateyear {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: end;
    gap: 8px !important;
    height: auto !important;
    transition: var(--transition);
    padding-left: 24px !important;
  }

  #event-listing-featured .event-dateyear .event-year h4,
  #event-listing-featured .event-dateyear .event-date h4 {
    font-family: var(--oswald) !important;
    font-size: var(--text-lg) !important;
    font-weight: 800 !important;
    color: var(--dark);
    transition: var(--transition);
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
  }

  #event-listing-featured .event-content {
    padding-top: 0px !important;
  }

  /* Button Visibility Helpers */
  .avia-button.av-desktop-hide {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
  .avia-button.av-medium-hide {
    display: none !important;
  }
}

/* MOBILE PORTRAIT */
@media only screen and (max-width: 767px) {

  /* LOGO */
  #header .logo svg {
    max-width: 180px !important;
  }

  /* Home Hero */
  #home-hero .flex_column_table {
    margin-top: -120px !important;
    padding: 0px !important;
  }

  /* Team Listing */
  .responsive #top #wrap_all #team-listing .container {
    width: 100% !important;
    max-width: 100% !important;
  }

  .team-listing-container {
    padding: 60px 30px 30px 30px;
  }

  .team-listing-section {
    display: flex !important;
    flex-direction: column;
    gap: 8px !important;
    padding: 0px !important;
  }

  .team-filter-container {
    width: 100%;
  }

  .team-filter-container::before {
    content: "";
    width: 100%;
    background-color: var(--white);
    height: 80px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: var(--shadow-panel-dark);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
  }

  .team-filter-container.is-scrolled::before {
    opacity: 1;
    visibility: visible;
  }

  #team-filter-wrapper {
    width: 100%;
    padding: 16px 0px;
    mask-image: linear-gradient(to right,
        transparent,
        black 5%,
        black 95%,
        transparent);
    -webkit-mask-image: linear-gradient(to right,
        transparent,
        black 5%,
        black 95%,
        transparent);
  }

  #team-filter-wrapper .filter-accordion:first-child {
    margin-left: 30px !important;
  }

  #team-filter-wrapper .filter-accordion:last-child {
    margin-right: 30px !important;
  }

  .filter-accordion .team-filter-category-title {
    font-family: var(--oswald);
    font-size: var(--text-sm) !important;
    color: var(--blue) !important;
    text-transform: uppercase !important;
    margin: 0px;
    padding: 8px 24px 8px 10px !important;
    white-space: nowrap;
  }

  .team-filter-category-title::after {
    right: 8px;
    top: 4px;
  }

  .filter-accordion {
    border-radius: 4px;
    padding: 2px 0;
    margin: 0;
    border: 1px solid var(--blue);
    background-color: var(--white);
    font-size: var(--text-sm);
    color: var(--blue);
    text-transform: uppercase;
    white-space: nowrap;
    transition: var(--transition);
    height: 100%;
  }

  .filter-accordion.is-open {
    border: 1px solid var(--platinum) !important;
    box-shadow: var(--shadow-panel-dark);
  }

  .team-listing-section .team-filter {
    list-style-type: none !important;
    margin-left: 0px !important;
  }

  .team-listing-section .team-filter li {
    list-style-type: none !important;
    margin: 0px !important;
    font-size: 15px !important;
  }

  .responsive body.page-id-2920,
  .page-id-2920 #wrap_all,
  .page-id-2920 .team-listing-section {
    overflow: visible !important;
    -webkit-overflow-scrolling: auto !important;
    -webkit-overflow-scrolling: touch !important;
    position: relative;
  }

  .page-id-2920 #team-filter-wrapper {
    position: absolute !important;
    display: flex;
    flex-direction: row;
    justify-content: start;
    gap: 8px;
    height: auto !important;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .page-id-2920 .team-filter-container {
    height: auto !important;
    top: 0px !important;
  }

  .page-id-2920 #team-filter-wrapper::-webkit-scrollbar {
    display: none;
  }

  /* General Containers */
  #header .container {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Related Posts */
  #article-post .related-posts header {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
  }

  #article-post .related-posts .related-posts-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 4px;
  }

  #article-post .related-posts article .related-post-img {
    width: 100% !important;
  }

  #article-post .related-posts article .related-post-img img {
    height: auto !important;
    width: 100% !important;
  }

  /* Events Featured */
  #event-listing-featured .event-listing-featured-wrapper {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 8px !important;
  }

  #event-listing-featured .event-content-wrapper {
    grid-column: span 1 !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px !important;
    margin-top: 16px !important;
  }

  #event-listing-featured .event-dateyear {
    grid-column: span 1 !important;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    height: 100% !important;
    transition: var(--transition);
  }

  #event-listing-featured .event-dateyear .event-date h4 {
    font-family: var(--oswald) !important;
    font-size: var(--text-3xl) !important;
    font-weight: 800 !important;
    color: var(--blue);
    transition: var(--transition);
  }

  #event-listing-featured .event-dateyear .event-year h4 {
    font-family: var(--helvetica) !important;
    font-size: var(--text-sm) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    color: var(--blue);
    transition: var(--transition);
  }

  #event-listing-featured .slide-image {
    grid-column: span 1 !important;
    border-radius: var(--radius-base);
    overflow: hidden !important;
    height: auto !important;
    transition: var(--transition);
  }

  #event-listing-featured .slide-image img {
    height: 100% !important;
    width: auto !important;
    object-fit: cover !important;
    margin-bottom: 0px !important;
    transition: var(--transition);
  }

  /* Button Visibility Helpers */
  .avia-button.av-small-hide {
    display: none !important;
  }
}