html {
	 scroll-behavior: smooth;
}
 hr {
	 border-top: 1px solid #ababab !important;
}
 #blue-narrow-wrap .container {
	 max-width: 965px;
}
 .background-blue #blue-narrow-wrap a.btn-primary {
	 background-color: #F1892F;
	 font: normal normal 800 22px/28px Open Sans;
	 color: #091E40;
	 margin-top: 24px;
	 text-decoration: none;
	 padding: 16px 36px;
	 transition: color 0.3s ease-in-out 
}
 .background-blue #blue-narrow-wrap a.btn-primary:hover {
	 color: #ffffff;
}
 .large-text {
	 font-size: 22px;
	 line-height: 1.5em;
	 font-weight: 400;
}
 .extra-large-text {
	 font-size: 24px;
	 line-height: 1.75em;
	 font-weight: 600;
	 color: #091E40;
}
 .background-blue .optionalblock a {
	 color: #e5e5e5;
	 text-decoration: underline;
	 transition: color 0.3s ease-in-out;
}
 .background-blue .optionalblock a:hover {
	 color: #29405E;
}
 .optionalblock a {
	 color: #337ab7;
	 text-decoration: underline;
	 transition: color 0.3s ease-in-out;
}
 .optionalblock a:hover {
	 color: #29405E;
}
 .fw-section #image-side-left h2, .fw-section #image-side-right h2 {
	 text-align: left;
}
 #image-side-left picture, #image-side-right picture {
	 overflow: hidden;
	 position: relative;
}
 #image-side-left picture img, #image-side-right picture img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
	 position: absolute;
	 z-index: 1;
}
 #image-side-left article {
	 padding-left: 115px;
}
 #image-side-left .container, #image-side-right .container {
	 max-width: 100%;
	 width: 100% !important;
	 margin: 0;
}
 .side-article-wrap {
	 max-width: 682px;
	 width: 95%;
	 display: flex;
	 align-items: center;
	 padding: 100px 0;
	 text-align: left;
}
 #image-side-right article {
	 padding-right: 115px;
	 direction: ltr;
	 width: 100%;
}
 #image-side-right article h3 {
	 letter-spacing: 2px;
	 color: #F1892F;
	 font-size: 32px;
	 margin-top: 42px;
}
 h3.orange-date {
	 color: #F1892F;
	 font-family: 'Open Sans', sans-serif;
	 text-transform: Uppercase;
	 font-weight: bold;
	 margin-top: 10px;
	 margin-bottom: 25px;
	 font-size: 1.857em;
}
 h3.orange {
	 letter-spacing: 2px;
	 color: #F1892F;
	 font-size: 32px;
	 margin-top: 42px;
}
 .button-link:hover {
	 background-color: #ff9c53 !important;
}
 .button-link .glyphicon {
	 margin-right: 5px;
}
 .button-link {
	 border-radius: 10px !important;
	 width: 60%;
	 padding: 7px;
	 display: inline-block;
	 transition: .2s ease-in-out !important;
	 text-decoration: none !important;
	 background-color: #001447 !important;
	 color: white !important;
	 font-weight: bold;
	 font-size: 15px;
	 margin: 0 auto 10px auto;
	 text-align: center;
}
 .flex-row {
	 display: flex;
	 gap: 10px 20px;
	 justify-content: center;
}
 .w-layout-grid {
	 display: -ms-grid;
	 display: grid;
	 grid-auto-columns: 1fr;
	 -ms-grid-columns: 1fr 1fr;
	 grid-template-columns: 1fr 1fr;
	 -ms-grid-rows: auto auto;
	 grid-template-rows: auto auto;
	 grid-row-gap: 16px;
	 grid-column-gap: 16px;
}
 .programs-grid {
	 -ms-grid-columns: 1fr 1fr 1fr 1fr;
	 grid-template-columns: 1fr 1fr 1fr 1fr;
}
 .program-card {
	 border-radius: 6px;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
	 text-decoration: none;
	 transition: box-shadow 200ms ease-in;
	 background: white;
}
 .program-card:hover {
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
}
 .program-card-img-wr {
	 height: 150px;
}
 .program-card-img-wr {
	 position: relative;
}
 .image-5 {
	 object-fit: cover;
	 height: 100%;
	 width: 100%;
}
 .image-5 {
	 border-top-left-radius: 6px;
	 border-top-right-radius: 6px;
}
 .program-card-hover-overlay {
	 position: absolute;
	 left: 0%;
	 top: 0%;
	 right: 0%;
	 bottom: 0%;
	 display: -webkit-box;
	 display: -webkit-flex;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: center;
	 -webkit-justify-content: center;
	 -ms-flex-pack: center;
	 justify-content: center;
	 -webkit-box-align: center;
	 -webkit-align-items: center;
	 -ms-flex-align: center;
	 align-items: center;
	 border-top-left-radius: 6px;
	 border-top-right-radius: 6px;
	 background-color: rgba(4, 30, 66, 0);
	 -webkit-transition: background-color 200ms ease-in;
	 transition: background-color 200ms ease-in;
}
 .div-block-6 {
	 -webkit-box-flex: 1;
	 -webkit-flex: 1;
	 -ms-flex: 1;
	 flex: 1;
}
 .pc-explore {
	 margin-right: auto;
	 margin-left: auto;
	 opacity: 0;
	 -webkit-transform: translate(0px, 40px);
	 -ms-transform: translate(0px, 40px);
	 transform: translate(0px, 40px);
	 -webkit-transition: opacity 300ms ease, -webkit-transform 200ms ease-out;
	 transition: opacity 300ms ease, -webkit-transform 200ms ease-out;
	 transition: transform 200ms ease-out, opacity 300ms ease;
	 transition: transform 200ms ease-out, opacity 300ms ease, -webkit-transform 200ms ease-out;
	 height: 24px;
	 width: 99px;
	 display: block;
}
 .program-card-details {
	 padding: 20px;
	 border-top: 4px solid #ff8200;
	 border-bottom-left-radius: 6px;
	 border-bottom-right-radius: 6px;
}
 h2.program-card-heading {
	 margin-top: 0px;
	 margin-bottom: 0px;
	 font-size: 16px;
	 line-height: 22px;
	 font-weight: 800;
	 text-decoration: none;
	 font-family: 'Open Sans', sans-serif !important;
	 text-decoration: none !important;
	 text-align: left !important;
	 color: #041E42 !important;
}
 a.program-card, .background-blue .optionalblock a.program-card {
	 color: #337ab7;
	 text-decoration: none !important;
}
 a.program-card:hover .program-card-hover-overlay {
	 background: rgba(4, 30, 66, 0.75);
}
 a.program-card:hover img.pc-explore {
	 opacity: 1;
	 transform: translate(0, 0);
}
 a.program-card:hover {
	 cursor: pointer;
}
 .link-blue p a {
	 color: #337ab7;
	 text-decoration: underline;
}
 a.btn-primary {
	 color: #ffffff;
	 font-weight: 800;
	 text-decoration: none;
}
 .optionalblock .orange a {
	 color: rgba(240, 136, 45, 0.65);
}
 .optionalblock .orange a:hover {
	 color: #23527c;
}
/*
 @media screen and (min-width:1680px) {
	 .carousel-inner > .item {
		 height: 550px !important;
	}
}
*/
 @media screen and (max-width:1364px) {
	 .side-article-wrap {
		 max-width: 585px;
	}
}
 @media screen and (max-width:1249px) {
	 #image-side-left article {
		 padding-left: 50px;
	}
	 #image-side-right article {
		 padding-right: 50px;
	}
	 .side-article-wrap {
		 max-width: 485px;
	}
}
 @media screen and (max-width:991px) {
	 .side-article-wrap {
		 max-width: 375px;
	}
	 .side-article-wrap {
		 padding: 60px 0;
	}
	 .large-text {
		 font-size: 19px;
	}
	 .extra-large-text {
		 font-size: 21px;
	}
	 .programs-grid {
		 -ms-grid-columns: 1fr 1fr;
		 grid-template-columns: 1fr 1fr;
	}
}
 @media screen and (max-width:680px) {
	 .side-article-wrap, .container-narrow .row, #blue-narrow-wrap .row, #grid-img-wrap .row {
		 max-width: 95%;
		 margin: 0 auto !important;
	}
	 #image-side-left article, #image-side-right article {
		 padding: 0;
	}
	 #image-side-left picture, #image-side-right picture {
		 height: 250px;
		 width: 100%;
		 display: block;
	}
}
 @media screen and (min-width:680px) {
	 .grid-wrap-half {
		 display: grid;
		 grid-template-columns: 1fr 1fr;
	}
	 #image-side-right .grid-wrap-half {
		 direction: rtl;
		 grid-auto-flow: dense;
	}
}
 @media screen and (max-width:560px) {
	 .background-blue #blue-narrow-wrap a.btn-primary {
		 font-size: 16px;
		 padding: 16px;
	}
	 .side-article-wrap {
		 padding: 30px 0;
	}
	 .utepHeader .collegeHeading h1 {
		 font-size: 2em;
	}
	/*
	 .carousel {
		 position: relative;
		 margin-top: 17px;
	}
	*/
}
 @media screen and (max-width:479px) {
	 .programs-grid {
		 -ms-grid-columns: 1fr;
		 grid-template-columns: 1fr;
	}
	 h3.orange-date {
		 font-size: 1.3em;
	}
}