/* Typography */

@font-face {
    font-family: 'Axiforma';
    src: url('https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/Axiforma/Axiforma-HeavyItalic.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/Axiforma/Axiforma-Heavy.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/Axiforma/Axiforma-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma Book';
    src: url('https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/Axiforma/Axiforma-BookItalic.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/Axiforma/Axiforma-ExtraBold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/Axiforma/Axiforma-ExtraBoldItalic.otf') format('opentype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/Axiforma/Axiforma-BookItalic.otf') format('opentype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/Axiforma/Axiforma-BlackItalic.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/Axiforma/Axiforma-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma Book';
    src: url('https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/Axiforma/Axiforma-Book.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/Axiforma/Axiforma-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/Axiforma/FiraSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/Axiforma/Axiforma-SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/Axiforma/Axiforma-Italic.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/Axiforma/Axiforma-LightItalic.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/Axiforma/Axiforma-Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/Axiforma/Axiforma-ThinItalic.otf') format('opentype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/Axiforma/Axiforma-HeavyItalic.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'League Gothic';
    src: url('https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/Axiforma/LeagueGothic-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/Axiforma/Axiforma-Regular.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/Axiforma/FiraSans-Light.ttf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/Axiforma/Axiforma-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Axiforma';
    src: url('https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/Axiforma/Axiforma-SemiBoldItalic.otf') format('opentype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'ElegantIcons';
    src: url('https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/Axiforma/ElegantIcons.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/Axiforma/FiraSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

body, 
p, 
ul, 
li, 
h1, 
h2, 
h3, 
h4, 
h5 {
  letter-spacing: normal;
  color: #141A46;
  font-family: 'Axiforma', sans-serif !important;
}

h1, 
h2, 
h3, 
h4, 
h5 {
  line-height: 130%;
}

h1::before {
  content: url(https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/shift-pink.svg);
  margin-bottom: 40px;
  display: block;
}

body,
p {
  font-size: 18px;
  line-height: 130%;
  font-family: 'Axiforma Book',sans-serif !important;;
}

  h1 {
    font-size: calc(20px + 2.86458333vw);
    line-height: 126%;
    letter-spacing: 2px;
    font-weight: 500;
    font-style: italic;
  }

  h2 {
    font-size: calc(18px + 1.82291667vw);
    line-height: 126%;
    font-weight: 600;
    letter-spacing: 2px;
}

h3 {
    font-size: calc(16px + 1.25vw);
    line-height: 116%;
    font-weight: 600;
}

h4 {
    font-size: calc(16px + .72916667vw);
    line-height: 115%;
    font-weight: 500;
}

@media (max-width: 768px) {
  body {
    font-size:16px;
  }
}

@media (min-width: 768px) {
  .page-body {
    padding-top: 134px;
  }
}


/* Navigation */

.navbar.navbar-default {
  padding: 35px 50px;
  background-color: #141a46;
}

.navbar {
    transition: top 0.5s ease;
}

.navbar-hide {
  top: -153px;
}

.show {
  top: 0;
}

a.nav-link,
a.nav-link:hover,
a.nav-link:focus,
a.nav-link:active,
a.nav-link:visited,
.navbar-nav .nav-link.active, 
.navbar-nav .nav-link.show {
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
}

a.nav-link:hover {
  color: #FF91AA!important;
}

.expanding-block {
  padding-top: 140px;
  background-color: #131a46;
}

.navbar .dropdown-toggle::after {
  border: none!important;
  font: var(--fa-font-solid);
  content: "\f107";
  vertical-align: 0; /* to center vertically */
}

.navbar-nav .dropdown-toggle.show::after {
  font: var(--fa-font-solid);
  content: "\f106"!important /* the different icon */
}

@media (max-width: 768px) {
  .navbar.navbar-default {
    padding: 35px 0;
  }

  .navbar .container-fluid {
    padding: 0;
  }
  
  .page-body {
    padding-top: 115px;
  }

  ul.navbar-nav.ml-auto {
    padding: 35px 15px 0 15px;
    height: 130vh;
  }

  
  .desktop-menu {
    display: none;
  }

  .mobile-menu svg {
    width: 25px;
    height: 25px;
    margin-left: 25px;
  }

  .mobile-menu a {
    color: #fff;
  }

  .mobile-menu .main {
    font-size: 25px!important;
    font-weight: 500;
  }

  .mobile-menu a {
    font-size: 18px;
  }

  .mobile-menu li {
    margin-bottom: 5px;
  }

  img.logo {
    width: 175px;
    padding-left: 15px;
  }

  .navbar-toggler {
    margin-right: 15px;
  }
}

@media (min-width: 768px) {
  .mobile-menu {
   display: none;
  }

  .desktop-menu {
    display: flex;
  }
  
  .hero {
      background-color: #141a46;
      padding-top: 200px !important;
  }

  .grid-decor {
    background-image: url(https://d36rd0l160k43h.cloudfront.net/495aab1f0171ae7b6262938d4b25faa0/0ea76967d22508d702a810be65d040f0/grid-vertical-light.svg);
    background-position: 90% 100px;
    background-repeat: no-repeat;
  }

  .dropdown-toggle a,
  .dropdown-toggle a:hover,
  .dropdown-toggle a:focus,
  .dropdown-toggle a:active,
  .dropdown-toggle a:visited,
  .dropdown-item {
    color: #141A46!important;
    font-size: 20px;
    font-weight: 500;
  }
  
  .dropdown-item {
    padding: 0 20px 10px 20px;
    line-height: 110%;
  }

  .dropdown-item:hover, 
  .dropdown-item:focus {
    text-decoration: none;
    background-color: #ffffff;
  }

  .dropdown-toggle a:hover,
  .dropdown-item:hover {
    color: #FF91AA!important;
  }

  .navbar-nav .dropdown-menu {
    padding: 15px 0 0 0;
    border-radius: 0;
    margin-left: 50px;
 }

  .dropdown:hover .dropdown-menu {
    display: block;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: 50px;
  }
}

/* Buttons */

a.button, .btn {
  font-weight: 600;
  border-radius: 50px;
  padding: 16px 50px;
  text-transform: none;
}

a.button, 
.btn {
  font-size: 20px;
}

@media (min-width: 765px) {
  a.button, 
  .btn {
    padding: 16px 50px;
    font-size: 20px;
  }
}

.btn-primary,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:visited {
  border: 3px solid #07E2DC;
  background: #07E2DC;
  color: #141A46;
}

.btn-primary:hover,
a.button.button1:hover {
  border: 3px solid #5E64CA!important;
  background: #5E64CA!important;
  color: #ffffff!important;  
}

a.button.button1,
a.button.button1:active,
a.button.button1:focus,
a.button.button1:visited {
  border: 3px solid #07E2DC;
  background: #07E2DC;
  color: #141A46;
}

a.button.button2,
a.button.button2:hover,
a.button.button2:active,
a.button.button2:focus,
a.button.button2:visited {
  border: 3px solid #5E64CA;
  background: #5E64CA;
  color: #ffffff;
}

a.button.button3,
a.button.button3:hover,
a.button.button3:active,
a.button.button3:focus,
a.button.button3:visited {
  border: 3px solid #FF91AA;
  background: #FF91AA;
  color: #fff;
}

a.button.button4,
a.button.button4:hover,
a.button.button4:active,
a.button.button4:focus,
a.button.button4:visited {
  border: 3px solid #07E2DC;
  background: transparent;
  color: #07E2DC;
}

/* Footer */

footer {
  padding: 111px 0;
  background-color: #141A46;  
}

footer svg {
  width: 15px;
  height: 15px;
  margin-left: 10px;
  top: -2px;
}

footer a,
footer a:focus,
footer a:visited,
footer a:active,
footer a:hover {
  color: #ffffff;
  font-size: 18px;
  line-height: 126%;
  font-weight: 500;
  text-decoration: none;
}

footer ul li a {
  font-size: 18px;
  line-height: 126%;
  font-weight: 500;
  text-decoration: none;
}

footer ul {
  padding: 0;
}

.copyright ul {
    float: right;
}

footer ul li a:hover {
  color: #FF91AA;
}

footer li {
  margin-bottom: 0;
}

footer .main,
footer .main:hover {
  font-size: 20px;
  line-height: 115%;
  font-weight: 600;
  font-style: italic;
  text-transform: uppercase;
  margin-bottom: 10px;
}

footer .main:hover {
  color: #07E2DC;
}

.footer-logo {
  padding-bottom: 40px;
}

.row.logo-row {
  border-bottom: 1px solid #2E3863;
}

.row.menu-row {
  padding-top: 80px;
  padding-bottom: 40px;
}

.copyright p {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0;
  color: #fff;
  display: inline;
}

.copyright a,
.copyright a:hover, 
.copyright a:focus,
.copyright a:active,
.copyright a:visited {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0;
  color: #fff;
}

footer .tab-pane p {
  font-size: 18px;
  line-height: 126%;
  font-family: "medium";
  margin-bottom: 0;
  color: #fff;
  margin-top: 40px;
}

footer select {
  background-color: #07E2DC;
  color: #141A46;
  font-size: 16px;
  font-weight: 600;
  padding: 20px 40px;
  border-radius: 53px;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

select:focus-visible {
    outline: none;
}

@media (max-width: 765px) {
  footer .col {
    flex: auto;
  }
}

@media (min-width: 765px) {
  footer select {
    margin-left: -35px;
  }
}

/* Misc */

.center-text div[class*=col-] {
  align-self: center !important;
}

.navbar-toggler {
  width: 45px;
  height: 45px;
  border-radius: 50% !important;
  color: #fff;
  background-color: #07E2DC !important;
}

.navbar-toggler:focus {
  box-shadow: none;
}

ul#myTab {
  display: none;
}

.form-control {
  font-size: 18px;
}

.call-to-action {
  font-size: 18px;
}

.call-to-action-create .checkbox-label-text {
  font-weight: normal;
  font-size: 12px;
}

.selectize-input > input {
  font-size: 18px;
}

.selectize-input {
  min-height: 41px;
  padding: 10px 12px;
}

.selectize-dropdown .active {
  color: #ffffff;
  background-color: #141A46;
}

.selectize-control.multi .selectize-input > div {
  background-color: #141A46;
  color: #fff;
  font-size: 18px;
}
/* ==== FLOATING FORM LABEL - MOVE LABEL INSIDE INPUT FIELD ================ */
.call-to-action-form.candidate-form .form-template-field-dropdown {
    position: relative;
}
.call-to-action-form.candidate-form select {
    height: calc(3.5rem + calc(var(--bs-border-width)* 2));
    min-height: calc(3.5rem + calc(var(--bs-border-width)* 2));
    line-height: 1.25;
    padding: 1.625rem .75rem .25rem;
}
.call-to-action-form.candidate-form .form-template-field-dropdown label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    padding: 1rem .75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid rgba(0, 0, 0, 0);
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out;
    color: rgba(var(--bs-body-color-rgb), 0.75);
    transform: scale(0.75) translateY(-0.5rem) translateX(0.15rem);
}
/* floating form group label - label color, opacity */
.call-to-action-form.candidate-form .form-group:not(.form-template-field-check-box-set):not(.form-template-field-radio-button) .form-template-field-label * {
    color: rgba(var(--bs-body-color-rgb), 0.75);
}
.call-to-action-form.candidate-form .form-group .form-template-field-label {
    margin-bottom: 1rem;
}

/* override for forms with greater than 8 fields (for some reason this causes the floating label to inherit the 'float' style of first/last name fields) */
@media(min-width: 767px) {
    .call-to-action .form-group[data-form-template-field-binding=first_name_binding] {
        width: calc(50% - 5px);
        padding-right: 5px;
        display: inline-flex;
        justify-content: flex-start;
        float: none;
    }

    .call-to-action .form-group[data-form-template-field-binding=last_name_binding] {
        width: calc(50% - 0px);
        display: inline-flex;
        justify-content: flex-end;
        float: none;
    }
}

.unlock-potential-header p {
  margin: 0;
}

@media(max-width: 767px) {
  .unlock-potential-header img {
    width: 100%;
    height: auto;
  }
  
  .unlock-potential-header p {
    margin: 0 0 0.7em;
  }

  .order-reverse .row {
    flex-direction: column-reverse !important;
  }
}