/*
MSVU Future Students Marketing Landing Page - from https://msvu.ca
Author: Darrell Dean
Author URI: https://darrellcdean.ca
*/
html, body {
  height: 100%;
  margin: 0;
}

html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "Roboto", sans-serif;
  line-height: 1.4;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.has-dark-green-color {
  color: #577a09;
}

.has-dark-blue-color {
  color: #00539b;
}

.has-green-color {
  color: #afbd22;
}

h1, h2, h3 {
  font-family: "Antonio", sans-serif;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 0.5em;
}
h1:first-child, h2:first-child, h3:first-child {
  margin-top: 0;
}

h1 {
  font-size: clamp(1.624rem, 1.624rem + (1vw - 0.2rem) * 2.047, 2.75rem);
}

h2 {
  font-size: clamp(1.624rem, 1.624rem + (1vw - 0.2rem) * 2.047, 2.75rem);
}

h3 {
  font-size: clamp(1.5rem, 1.2rem + (1vw - 0.2rem) * 0.938, 2rem);
}

a {
  transition: all 200ms linear;
}
a:not(.button) {
  color: #00539b;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-underline-offset: 0.25ch;
}
a:not(.button):hover {
  color: #a0cbed;
}

.button {
  font-family: "Antonio", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  font-size: clamp(1rem, 1rem + (1vw - 0.2rem) * 0.409, 1.2rem);
  margin-bottom: 0.25rem;
}
.button:not(.button-none) {
  padding: 0.3em 0.6em 0.4em;
  line-height: 1.2;
  border-radius: 6px;
  border: 2px solid #a0cbed;
}
.button.button-filled {
  background-color: #a0cbed;
  color: #00539b;
}
.button.button-filled:hover {
  background-color: transparent;
  color: #a0cbed;
}
.button.button-filled.green {
  border-color: #577a09;
  background-color: #577a09;
  color: white;
}
.button.button-filled.green:hover {
  background-color: transparent;
  color: #577a09;
}
.button.button-filled.dark-blue {
  border-color: #00539b;
  background-color: #00539b;
  color: white;
}
.button.button-filled.dark-blue:hover {
  color: #00539b;
  background-color: transparent;
}
.button.button-outlined {
  background-color: transparent;
  color: #a0cbed;
}
.button.button-outlined:hover {
  background-color: #a0cbed;
  color: #00539b;
}
.button.button-outlined.dark-blue {
  border-color: #00539b;
  color: #00539b;
}
.button.button-outlined.dark-blue:hover {
  background-color: #00539b;
  color: white;
}
.button.button-none {
  color: #00539b;
}
.button.button-none:hover {
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-decoration-style: dotted;
  text-underline-offset: 0.25ch;
}
.button.with-arrow:after {
  display: inline-block;
  font: var(--fa-font-solid);
  content: "\f101";
  font-size: 0.9em;
  margin-left: 0.5em;
  transform: translateY(-2px);
}

.video-wrapper {
  width: 100%;
  height: 0;
  padding-bottom: 56.5%;
  position: relative;
}
.video-wrapper iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 6px;
  top: 0;
  left: 0;
}

.screen-reader-text, ul.social-menu li label {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

section.hero {
  background-color: #00539b;
  position: relative;
}
section.hero > img {
  width: 100%;
  min-height: 70vh;
  object-fit: cover;
}
section.hero .hero-content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%);
  padding: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
section.hero .page-header img {
  display: block;
  width: 600px;
  max-width: 90%;
  margin: 0 auto;
}
section.hero .hero-buttons {
  text-align: center;
}
section.hero .hero-buttons a {
  font-size: clamp(1.5rem, 1.2rem + (1vw - 0.2rem) * 0.938, 2rem);
  margin-bottom: 0.5rem;
}
section.hero .hero-buttons a:not(:last-child) {
  margin-right: 0.5rem;
}
section.hero .hero-buttons a.button-outlined:not(:hover) {
  background-color: rgba(0, 0, 0, 0.5);
}
section.hero .hero-buttons a.button-filled:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

.hero-continue {
  width: 100%;
  text-align: center;
  padding: 1rem 1rem 1.2rem;
  background-color: #00539b;
}
.hero-continue a.button-none {
  color: white;
}

section:not(.hero), footer {
  padding: 2rem;
}
section:not(.hero) .section-wrapper, footer .section-wrapper {
  margin: 0 auto;
  max-width: 1040px;
}
section:not(.hero) > :last-child, footer > :last-child {
  margin-bottom: 0;
}
@media (min-width: 1040px) {
  section:not(.hero), footer {
    padding: 4rem;
  }
}

.columns {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.columns .column {
  width: 100%;
}
@media (min-width: 1040px) {
  .columns {
    flex-wrap: nowrap;
    gap: 2rem;
  }
  .columns .column {
    width: 50%;
  }
}

.challengers {
  align-items: center;
}

section.ready {
  background-color: #a0cbed;
  color: #00539b;
}
section.ready .columns {
  align-items: center;
}
section.ready .column {
  text-align: center;
}
section.ready h2 {
  margin-bottom: 0;
}
section.ready .button {
  font-size: clamp(1.5rem, 1.2rem + (1vw - 0.2rem) * 0.938, 2rem);
}
@media (min-width: 1040px) {
  section.ready .column {
    text-align: left;
  }
  section.ready .column:first-child {
    text-align: right;
  }
}

section.faq > p {
  max-width: 800px;
}
section.faq h3 {
  text-transform: none;
  line-height: 1.2;
}
section.faq .faq-grid {
  margin: 2rem 0;
  flex-wrap: wrap;
}
section.faq .faq-grid > div {
  background-color: rgba(160, 203, 237, 0.5);
  width: 100%;
  border-radius: 6px;
  padding: 2rem;
}
@media (min-width: 1040px) {
  section.faq .faq-grid > div {
    width: calc(50% - 2rem);
  }
}
@media (min-width: 1200px) {
  section.faq .faq-grid > div {
    width: calc(33% - 1.3333rem);
  }
}

section.campus-tour {
  background-color: rgba(158, 161, 162, 0.2);
  text-align: center;
}
section.campus-tour .button {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
@media (max-width: 720px) {
  section.campus-tour .button {
    display: block;
  }
}

footer {
  background-color: #00539b;
  margin-bottom: 0;
  text-align: center;
  box-shadow: 0 0 75px rgba(158, 161, 162, 0.3);
  color: white;
}
footer img {
  max-width: 100%;
  width: 350px;
}
footer a.footer-link {
  color: #a0cbed;
}
footer a.footer-link:hover {
  color: white;
}

ul.social-menu {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1.5rem;
}
ul.social-menu li {
  font-size: 2.5rem;
  line-height: 1;
}
ul.social-menu li a {
  color: white;
}
ul.social-menu li a:hover {
  color: #a0cbed;
  transform: translateY(-2px);
}
ul.social-menu li a[href*="facebook.com"]:before {
  display: inline-block;
  font: var(--fa-font-brands);
  content: "\f09a";
  font-size: 0.9em;
}
ul.social-menu li a[href*="instagram.com"]:before {
  display: inline-block;
  font: var(--fa-font-brands);
  content: "\f16d";
  font-size: 0.9em;
}
ul.social-menu li a[href*="x.com"]:before, ul.social-menu li a[href*="twitter.com"]:before {
  display: inline-block;
  font: var(--fa-font-brands);
  content: "\f099";
  font-size: 0.9em;
}
ul.social-menu li a[href*="youtube.com"]:before {
  display: inline-block;
  font: var(--fa-font-brands);
  content: "\f167";
  font-size: 0.9em;
}
ul.social-menu li a[href*="linkedin.com"]:before {
  display: inline-block;
  font: var(--fa-font-brands);
  content: "\f08c";
  font-size: 0.9em;
}

/*# sourceMappingURL=style.css.map */