@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;
}
.new-text-block-link-wrapper .ucpa-button.uniform-buttons:not(:first-of-type) {
	background-color: #FFE41E;
}
/*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;
}
.ucpa-component-textblock-button:not(:last-of-type) {
    margin-bottom: 2em;
}
.ucpa-component-textblock-button:not(:first-of-type) {
    margin-top: 2em;
}
.ucpa-component-textblock-button:last-of-type {
    margin-bottom: 4em;
}
.ucpa-component-textblock-button:first-of-type {
    margin-top: 2em;
}
/*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*/
/*Bold Styles*/
strong {
	font-variation-settings: 'wght'700, 'slnt'0;
		
}
/*End Bold Styles*/
/*Views Form Buttons*/
.view-filters .form-actions button {
	border-radius: 40px !important;
	height: 50px !important;
}
/*End Views Form Buttons*/
/*Breadcrumb Width*/
.breadcrumb {
	max-width: 100% !important;
}
/*End Breadcrumb Width*/
/*Page Title Max Width*/
#page-title {
	max-width: 1080px;
}
@media only screen and (max-width: 541px) {
#page-title h1 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
}
/*Page Title Max Width*/
/*Text Defaults*/
.paragraph-one {
	  font-family: "inter-variable", sans-serif;
	  font-variation-settings: 'wght'300, 'slnt'0;
	  font-size: 24px;
	  line-height: 172%;
	  color: var(--color-474747);
}
.paragraph-two {
	  font-family: "inter-variable", sans-serif;
	  font-variation-settings: 'wght'400, 'slnt'0;
	  font-size: 20px;
	  line-height: 172%;
	  color: var(--color-474747);
}
.paragraph-three {
  font-family: "inter-variable", sans-serif;
  font-variation-settings: 'wght'400, 'slnt'0;
  font-size: 16px;
  line-height: 172%;
  color: var(--color-474747);
}
.paragraph-four {
    font-family: "inter-variable", sans-serif;
    font-variation-settings: 'wght'400, 'slnt'0;
    font-size: 14px;
    line-height: 172%;
    color: var(--color-474747);
}
.default-eyebrow {
	font-family: DopisRegular, sans-serif;
	line-height: 172%;
	font-size: 14px;
	text-transform: uppercase;
}
 @media (max-width: 991px) {
.paragraph-one {
	line-height: 1.5;
}	 
 }
/*End Text Defaults*/