@import url("https://use.typekit.net/beo2rid.css");

@font-face {
  font-family: DopisRegular;
  src: url("https://www.lehigh.edu/~inis/fonts/Web-Dopis-Family-Pack/DopisRegular.woff2") format("woff2"),
    url("https://www.lehigh.edu/~inis/fonts/Web-Dopis-Family-Pack/DopisRegular.woff") format("woff");
}

@font-face {
  font-family: DopisBold;
  src: url("https://www.lehigh.edu/~inis/fonts/Web-Dopis-Family-Pack/DopisBold.woff2") format("woff2"),
    url("https://www.lehigh.edu/~inis/fonts/Web-Dopis-Family-Pack/DopisBold.woff") format("woff");
}

@font-face {
  font-family: DopisLight;
  src: url("https://www.lehigh.edu/~inis/fonts/Web-Dopis-Family-Pack/DopisLight.woff2") format("woff2"),
    url("https://www.lehigh.edu/~inis/fonts/Web-Dopis-Family-Pack/DopisLight.woff") format("woff");
}

@font-face {
  font-family: DopisCondensedRegular;
  src: url("https://www.lehigh.edu/~inis/fonts/Web-Dopis-Family-Pack/DopisCondensedRegular.woff2") format("woff2"),
    url("https://www.lehigh.edu/~inis/fonts/Web-Dopis-Family-Pack/DopisCondensedRegular.woff") format("woff");
}

@font-face {
  font-family: DopisCondensedBold;
  src: url("https://www.lehigh.edu/~inis/fonts/Web-Dopis-Family-Pack/DopisCondensedBold.woff2") format("woff2"),
    url("https://www.lehigh.edu/~inis/fonts/Web-Dopis-Family-Pack/DopisCondensedBold.woff") format("woff");
}

body {
  font-family: inter-variable, Helvetica, Arial, sans-serif !important;
  font-size: 20px;
  font-weight: 400;
  line-height: 170%;
  color: var(--color-606060);
}

h1 {
  font-family: DopisRegular, sans-serif;
  font-size: 72px !important;
  line-height: 116%;
}

h2 {
  font-family: DopisCondensedBold, sans-serif;
  font-size: 58px !important;
  line-height: 104%;
  text-transform: uppercase;
  font-weight: 400 !important;
}

h3 {
  font-family: DopisRegular, sans-serif;
  font-size: 38px !important;
  line-height: 128%;
  padding: 0 !important;
}

h4 {
  font-family: DopisBold, sans-serif;
  font-size: 25px !important;
  line-height: 172%;
}

h5 {
  font-family: inter-variable, Helvetica, Arial, sans-serif;
  font-size: 16px !important;
  line-height: 110%;
}

@media only screen and (max-width: 991px) {
  h1 {
    font-size: 48px !important;
  }

  h2 {
    font-size: 32px !important;
  }

  h3 {
    font-size: 28px !important;
  }

  h4 {
    font-size: 18px !important;
  }

  h5 {
    font-size: 16px !important;
  }
}

#page-title h1 {
  font-family: DopisRegular, sans-serif !important;
  color: var(--color-2D2A1F) !important;
}

@media screen and (max-width: 767px) {
  #page-title h1 {
    font-size: 40px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

/* Links */

a {
  color: #3069F4;
  font-weight: 400;
}

a:hover,
a:focus {
  font-weight: 600;
}

/* End Links */


/*UCPA Button CSS*/
.ucpa-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #FFD02D;
  transition: left 0.8s ease;
}

.ucpa-button:hover::before {
  left: 0;
}

.ucpa-button {
  padding-top: 4px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  width: fit-content;
  text-align: center;
  background-color: #FFE41E;
  position: relative;
  overflow: hidden;
  margin-top: 16px;
  margin-bottom: 1.5rem;
  border-radius: 40px;
}

.ucpa-button a {
  position: relative;
  z-index: 1000;
  text-decoration: none !important;
  color: var(--color-2D2A1F) !important;
  font-size: 16px;
  font-weight: 300;
}

.ucpa-button a:hover {
  text-decoration: none !important;
  font-weight: 450 !important;
}

.new-text-block-link-wrapper .ucpa-button:not(:first-of-type) {
  background-color: #FCF5D4;
}

/*End UCPA Button CSS*/

/*UCPA Component Button CSS*/
.ucpa-component-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #FFD02D;
  transition: left 0.8s ease;
}

.ucpa-component-button:hover::before {
  left: 0;
}

.ucpa-component-button {
  padding-top: 4px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  width: fit-content;
  text-align: center;
  background-color: #FFE41E;
  position: relative;
  overflow: hidden;
  margin-bottom: 1.5rem;
  border-radius: 40px;
}

.ucpa-component-button a {
  position: relative;
  z-index: 1000;
  text-decoration: none !important;
  color: var(--color-2D2A1F) !important;
  font-size: 16px;
  font-weight: 300;
  border-bottom: none !important;
}

.ucpa-component-button a:hover {
  text-decoration: none !important;
  font-weight: 450 !important;
  border-bottom: none !important;
}

.new-text-block-link-wrapper .ucpa-component-button:not(:first-of-type) {
  background-color: #FCF5D4;
}

/*End UCPA Button CSS*/