/**
 * IMPORTANT: Only include this file on pages with our form to ensure we don't break other 
 * pages using other form solutions.
 */

.ex-from-theme {
  color: #DAA21B !important;
  color: #D9C9D6 !important;
  color: #F1F1E6 !important;
  color: #49A2B6 !important;
  color: #64355C !important;
  color: #FFC25E !important;
  color: #FFF !important;
  color: #000 !important;
  color: #223A5B !important;
}

:root {
  --yellow-color: #DAA21B;
  --blue-color: #49A2B6;
  --light-yellow-color: #efefdc;
}

p {
  margin: 0;
  padding: 0;
  font-family: "Outfit", sans-serif !important;
}

h5 {
  margin: 0;
  padding: 0;
  font-family: 'Josefin Sans', sans-serif !important;
}

ul li {
    font-family: "Outfit", sans-serif !important;
}

body .header {
  z-index: 20;
}

/** Buttons **/

.card-item a,
.link,
li.footer-cta__item,
li.footer-cta__item a {
  text-decoration: none!important;
}

.card-item a:hover,
.link:hover,
li.footer-cta__item a:hover {
  text-decoration: underline!important;
}

.container .link:after {
  width: 24px;
  left: initial;
  margin-left: 24px;
}

.btn {
  border-color: #DDE9F8;
}

.btn:hover {
  background-color: #33717F;
}

.btn-primary {
  color: white;
  background-color: #223A5B;
  border-color:  #223A5B;
}

.btn-primary:hover {
  background-color: #AE7B29;
}

.banner-ctas .btn-primary {
  /* background-color: #49A2B6;
  border-color: #49A2B6; */
}

.banner-ctas .btn-primary:hover {
  /* background-color: #223A5B; */
}

form .gform-button {
  background-color: #223A5B !important;
  border-color:  #223A5B !important;
}

form .gform-button:hover {
  /* background-color: #43233D !important; */
}

.banner.banner-contact {
  z-index: 15;
}

.banner.banner-contact .banner-form .gform_wrapper form .gfield--type-submit input {
  background-color: #223A5B !important;
  border-color:  #223A5B !important;
}

.banner.banner-contact .banner-form .gform_wrapper form .gfield--type-submit input:hover {
  /* background-color: #43233D !important; */
}

/** Card 1 **/

.statistics-cards__cards .card-item:nth-child(1) .card-item__arrow {
  filter: invert(0) !important;
}

.statistics-cards__cards .card-item:nth-child(1) .card-item__title {
  color: #FFF !important;
}

.statistics-cards__cards .card-item:nth-child(1) .card-item__description {
  color: #FFF !important;
}

.statistics-cards__cards .card-item:nth-child(1) {
  background-color: #D1973A !important;
  color:#FFF !important;
}

.statistics-cards__cards .card-item:nth-child(1):hover {
  background: #AE7B29 !important;
  color:#FFF !important;
}

/* .career-cards .card-item:first-child {
  background: #D1973A !important;
  color:#FFF !important;
}

.career-cards .card-item:first-child:hover {
  background: #D1973A !important;
  color:#FFF !important;
} */

/** Card 2 **/

.statistics-cards__cards .card-item:nth-child(2) {
  background-color: #49a2b6;
}

.statistics-cards__cards .card-item:nth-child(2):hover {
  background: #33717F !important;
}

/* .career-cards .card-item:nth-child(2) {
  background: #49a2b6 !important;
}

.career-cards .card-item:nth-child(2):hover {
  background: #49a2b6 !important;
} */

/** Card 3 **/

.statistics-cards__cards .card-item:nth-child(3) {
  background-color: #223a5b;
}

.statistics-cards__cards .card-item:nth-child(3):hover {
  background: #111D2E !important;
}

.career-cards__cards .card-item:nth-child(3) {
  background: linear-gradient(114deg, #D1973A 40.56%, #ffd44d 112.96%)!important;
}

/* .career-cards .card-item:nth-child(3) {
  background: #223a5b !important;
}

.career-cards .card-item:nth-child(3):hover {
  background: #223a5b !important;
} */

/** Generic Cards **/

.bodyclass-location .card-item__icon {
  width: 100%;          /* Full width of the parent container */
  height: 200px;        /* Fixed height - adjust as needed */
  overflow: hidden;     /* Ensure no overflow */
}

.bodyclass-location .card-item__icon img {
  width: 100%;          /* Stretch to full container width */
  height: 100%;         /* Force the height */
  object-fit: cover;    /* Crop while keeping aspect ratio */
  display: block;
}

.content-cards__cards a.card-item:hover {
  border-color: #223A5B;
}

/** **/

.request-form .gform_wrapper form .gfield--type-submit input {
  background-color: #daa21b !important;
}

.page-template-blog .blog .box-pagination .page-numbers.current {
  background-color: #daa21b;
}

.page-template-blog .blog .box-pagination .page-numbers:hover {
  background-color: #daa21b;
}

/* .banner .banner-card .banner-card__line:nth-child(odd) .banner-card__item {
  background-color: #daa21b;
}

.banner .banner-card .banner-card__line:nth-child(odd) .banner-card__item .banner-card__item__title {
  color: white;
}

.banner .banner-card .banner-card__line:nth-child(odd) .banner-card__item .banner-card__item__description {
  color: white;
}

.banner .banner-card .banner-card__line:nth-child(odd) .banner-card__item .banner-card__item__arrow{
  filter: invert(0);
}

.banner .banner-card .banner-card__line:nth-child(even) .banner-card__item {
  background-color: var(--yellow-color);
} */

.gform_wrapper form .gfield--type-submit input {
  background-color: #daa21b !important;
}

.title-content.title-content--general .title-content__content .title-content__cta .btn {
  color: #223A5B;
  border-color: #A67997;
}

.title-content.title-content--general .title-content__content .title-content__cta .btn:hover {
  background-color: #DDE9F8;
}

.title-content.title-content--purple .title-content__cta a:hover {
  /* background-color: rgba(255, 255, 255, 0.8)!important; */
}

.slick-arrow.slick-next:hover,
.slick-arrow.slick-prev:hover {
  background: #DDE9F8 !important;
}

.contact-info__item:hover {
  border-color: #223A5B;
}

.bodyclass-locations .cards + .cards {
  padding-top: 0 !important;
}

.blog-categories .btn-blog-category:hover {
  background-color: #DDE9F8;
}

/** Hamburger Menu **/

button.hamburger {
  width: 4rem;
  height: 4rem;
}

.hamburger span, .hamburger span:after, .hamburger span:before {
  height: 3px;
  width: 28px;
  /* background-color: #64355E; */
}

/** Link Icons **/

.loop-program__link {
  width: fit-content;
}

/* Sticky Header Styles */

.header {
  transition: all 0.3s ease;
}

.header--sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  animation: slideDown 0.3s ease-in-out;
}

/* For admin bar compatibility when logged in */
.admin-bar .header--sticky {
    top: 32px; /* Height of admin bar */
}

@media screen and (max-width: 782px) {
    .admin-bar .header--sticky {
        top: 46px; /* Height of admin bar on mobile */
    }
}

/* Add a slight animation when the header becomes sticky */
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

/* Optional: Make logo slightly smaller when header is sticky */
.header--sticky .header-logo-img {
  max-height: 50px;
  width: auto;
}

/* Make mobile menu more accessible when sticky */
@media screen and (max-width: 768px) {
  .header--sticky .header-nav {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

.btn-primary.header-nav__right__cta,
.btn-primary.header-nav__right__mobile {
    border: 1px solid #49A2B6;
    background-color: #49A2B6;
    color: #111D2E;
}

.header-nav__right__cta,
.header-nav__right__mobile {
    font-weight: 400;
}

.header-nav__right .btn {
  border-color: #223A5B;
}

.header-nav__right .btn:hover {
  background-color: #DDE9F8;
}

.header-nav__right__cta:hover {
  /* background-color: #DDE9F8; */
}

.btn.btn-primary.header-nav__right__mobile:hover,
.btn-primary.header-nav__right__cta:hover {
  background-color: #49A2B6;
}

.footer-item--social .footer-social__item a,
.recent-blogs__blogs .loop-post__link, 
.course-slider__courses .loop-program__link, 
.loop-post__link, 
.footer-item__location {
  text-decoration:none!important;
}

.footer-item--social .footer-social__item a:hover,
.footer-menu .menu-item a:hover,
.recent-blogs__blogs .loop-post__link:hover, 
.course-slider__courses .loop-program__link:hover, 
.loop-post__link:hover, 
.footer-item__location:hover {
  text-decoration:underline!important;
}

.page-id-765 .quick-links , .page-id-765 .cards .card-item__icon {
	display:none;
}

h1, h2,
h3, h4 {
	font-family:'Josefin Sans', sans-serif !important;
}

.cards-cards .card-item__description {
	color:#223A5B!important;
}

/* location map */

.location-map-section {
  padding: 12rem 0 0;
}

.location-map-section .location-flex {
  display: flex;
  width: 100%;
}

.location-map-section .map-link {
  width: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  flex: 1;
}

.location-map-section .location-content {
  width: 50%;
  background: #E9EBEF;
  padding: 4rem 4rem 0;
  box-sizing: border-box;
}

.location-map-section .loc_heading {
	font-size: 2.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.8rem;
	padding-bottom: 2.5rem;
}

.location-map-section .loc_description {
	color: #2C1028;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
}

.location-map-section .selected-location {
  margin-bottom: 1.5rem;
}

.location-map-section .location-list {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #223A5B;
}

.location-map-section .location-item {
  border-bottom: 1px solid rgba(34, 58, 91, 0.3);
  cursor: pointer;

  font-size: 1.6rem;
	padding: 1.5rem 0rem;
  line-height: 2.4rem;
}

.location-map-section .location-item.active {
  font-weight: 700;
}

.location-map-section .location-item:last-child {
  border-bottom: none;
}

.location-map-section .loc_phone {
  color: #008000;
  text-decoration: none;
}

.location-map-section .loc_phone:hover {
  text-decoration: underline;
}

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

  .location-map-section {
    padding: 4.4rem 0 0;
  }

  .flow-images .slick-next, 
  .testimonials-slide .slick-prev,
  .testimonials-slide .slick-next, 
  .testimonials-slide .slick-prev {
    display: none!important;
  }

  .location-map-section .location-flex {
    display: block;
  }

  .location-map-section .map-link, 
  .location-map-section .location-content {
    width: 100%;
    min-height: 200px;
  }

  .location-map-section .location-content {
    padding: 4rem 1.6rem 0;
  }

  .location-map-section .loc_heading {
    font-size: 2rem;
    line-height: 2rem;
  }
}