﻿/* Shared base for both landing and contact */
.mise-agency  #siteContent {
  --agency-yellow: #F9E651;
  --agency-blue: #0032a0;
  --mdc-primary: var(--agency-blue);

  font-family: "futura-pt", system-ui, -apple-system, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2rem;
  line-height: 1.5;
}

.mise-agency  #siteContent h1,
.mise-agency  #siteContent h2,
.mise-agency  #siteContent h3,
.mise-agency  #siteContent .btn {
  font-weight: bold;
  text-transform: uppercase;
}

.mise-agency  #siteContent .bg-primary {
  background: var(--agency-blue) !important;
  border-color: var(--agency-blue) !important;
}

.mise-agency  #siteContent .btn-secondary {
  --bs-btn-color: var(--agency-blue);
  --bs-btn-bg: var(--agency-yellow);
  --bs-btn-border-color: var(--agency-yellow);
  --bs-btn-hover-color: var(--agency-blue);
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #fff;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: var(--agency-blue);
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #fff;
  --bs-btn-disabled-color: var(--agency-blue);
  --bs-btn-disabled-bg: var(--agency-yellow);
  --bs-btn-disabled-border-color: var(--agency-yellow);
}

.mise-agency  #siteContent .card {
  background: #F3F3F3;
}

/* Landing page variant */
.mise-agency.enroll-now-landing .hero-area {
  padding: 7rem 0;
}

.mise-agency.enroll-now-landing .hero-area h1 {
  line-height: 1;
}

.mise-agency.enroll-now-landing .hero-area p {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.25;
}

.mise-agency.enroll-now-landing .video-wrapper .player-controls > button{
  background: var(--agency-yellow);
  color: var(--agency-blue);
  text-shadow:  0 0 1px var(--agency-blue);
  border:none;
}
.mise-agency.enroll-now-landing .video-wrapper .player-controls > button:hover{
  background: #fff;
}

.mise-agency.enroll-now-landing .supporting-links {
  --fa-primary-color: var(--agency-blue);
  --fa-secondary-color: var(--agency-blue);
  padding: 6rem 0;
}

@media (max-width: 767px) {
  .mise-agency.enroll-now-landing .hero-area {
    padding: 5rem 0;
  }
}

/* Contact page variant */
.mise-agency.enroll-now-contact .hero-area {
  padding: 6rem 0;
}

.mise-agency.enroll-now-contact .hero-area h1 {
  line-height: 1;
}

.mise-agency.enroll-now-contact form.fsForm input,
.mise-agency.enroll-now-contact form.fsForm select,
.mise-agency.enroll-now-contact form.fsForm button {
  border-radius: 8px;
  padding: 1rem;
}

.mise-agency.enroll-now-contact form.fsForm select {
  padding: 0 1rem;
}

.mise-agency.enroll-now-contact .fsBody {
  height: auto;
}

.mise-agency.enroll-now-contact form.fsForm label,
.mise-agency.enroll-now-contact form.fsForm span,
.mise-agency.enroll-now-contact form.fsForm button,
.mise-agency.enroll-now-contact form.fsForm select {
  font-family: "futura-pt", system-ui, -apple-system, sans-serif;
  font-size: 1.2rem;
  line-height: 1.5;
  font-style: normal;
}

.mise-agency.enroll-now-contact form.fsForm p {
  line-height: 1.2;
}

.mise-agency.enroll-now-contact form.fsForm .fsSubmit button {
  background: var(--agency-yellow);
  color: var(--agency-blue);
  border: none;
  transition: all .15s ease-in;
  font-weight: bold;
  padding: .75rem 1.5rem;
  text-transform: uppercase;
  font-size: 1rem;
}

.mise-agency.enroll-now-contact form.fsForm .fsSubmit button:hover {
  background: var(--agency-blue);
  color: #fff;
}

@media (max-width: 767px) {
  .mise-agency.enroll-now-contact .hero-area {
    padding: 4rem 0;
  }
}


@media(min-width:1200px){
  .mise-agency h1 span:first-child {
    display:block;       
  }
}

@media(max-width:991px){
  .mise-agency.enroll-now-landing h1 span:first-child {
    display:block;       
  }
}