@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 corresponds with P2 style in style guide */
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: DopisBold, sans-serif;
  font-size: clamp(2.5rem, 4vw, 4.6rem) !important;
  line-height: 116%;
}

h2 {
  font-family: DopisBold, sans-serif;
  font-size: clamp(2.5rem, 3.1vw, 4.6rem) !important;
  line-height: 116%;
  font-weight: 400 !important;
}

h3 {
  font-family: DopisRegular, sans-serif;
  font-size: clamp(1.5rem, 2vw, 2rem) !important;
  line-height: 128%;
  padding: 0 !important;
}

h4 {
  font-family: DopisBold, sans-serif;
  font-size: clamp(1.5rem, 1.5vw, 2rem) !important;
  line-height: 172%;
}

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

#page-title h1 {
  font-family: DopisBold, sans-serif !important;
  color: var(--color-2D2A1F) !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: 32px;
  padding-right: 32px;
  width: fit-content;
  text-align: center;
  background-color: #FFE41E;
  position: relative;
  overflow: hidden;
  margin-bottom: 2.25rem;
  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;
}
.ucpa-inline-button {
	display: inline-block !important;
}

/*End UCPA Button CSS*/
/* H1 styles*/
/*.landing-page-unique-class h1.page-title-text-block-header {
	font-size: var(--fs-82px) !important;
	line-height: 116% !important;
  color: var(--color-lehigh-brown);
}
.standard-component-general-class  #page-title h1.title {
	font-size: var(--fs-74px) !important;
	line-height: 116% !important;
}*/
/*End H1 Styles*/