/* General styles */
/* UC */
 #sidr-container .fw-section-bgImage {
     background-position: top center !important;
}
 .background-gray {
     background-color: #edf2f9 !important;
}
 @media (max-width:576px) {
     #container + .fw-section {
         background-size: auto 300 !important;
         background-attachment: scroll !important;
         background-position: center top !important;
    }
}
 .fw-section h1 {
     color: #ffffff;
     font-family: BebasNeue, "Open Sans", sans-serif;
     font-size: 120px;
     font-weight: 600;
     line-height: 110px;
     text-transform: uppercase;
     text-align: center;
}
 .fw-section h2 {
     color: #041E42;
     font-family: "Open Sans", sans-serif;
     font-size: 42px;
     font-weight: 800;
     line-height: 54px;
     text-align: left;
}
 .fw-section h3 {
     color: #041E42;
     font-family: "Open Sans", sans-serif;
     font-size: 20px;
     font-weight: 800;
     line-height: 26px;
     text-align: center;
}
 .fw-section h4 {
     color: #041E42;
     font-family: "Open Sans", sans-serif;
     font-size: 18px;
     font-weight: 800;
     line-height: 20px;
}
 .fw-section .hl-large {
     color: #041e42;
     font-family: BebasNeue, "Open Sans", sans-serif;
     font-size: 88px;
     font-weight: 600;
     line-height: .9;
     text-transform: uppercase;
     text-align: left;
     margin-top: 0;
}
 .fw-section .hl-small {
     color: #041E42;
     font-family: BebasNeue, "Open Sans", sans-serif;
     font-size: 50px;
     font-weight: 600;
     line-height: 50px;
     font-family: BebasNeue, "Open Sans", sans-serif;
}
 .fw-section .stat-title {
     color: #041E42;
     font-family: BebasNeue, "Open Sans", sans-serif;
     font-size: 70px;
     font-weight: 600;
     line-height: 54px 
}
 .fw-section p {
     color: #041E42;
     font-family: "Open Sans", sans-serif;
     font-size: 18px !important;
     font-weight: 400;
     line-height: 32px;
}
 .fw-section .psmall {
     color: #041E42;
     font-family: "Open Sans", sans-serif;
     font-size: 16px !important;
     font-weight: 400;
     line-height: 26px;
}
 .fw-section .btn-primary, .fw-section a.btn-primary, .fw-section .btn-primary-cards, .fw-section a.btn-primary-cards {
     color: #ffffff;
     background-color: #041e42;
     font-size: 16px;
     font-weight: 800;
     text-transform: uppercase;
     letter-spacing: 2px;
     padding: 15px 22px;
     border-radius: 4px !important;
}
 .fw-section .btn-primary:hover, .fw-section a.btn-primary:hover, .fw-section .btn-primary-cards:hover, .fw-section a.btn-primary-cards:hover {
     color: #041e42;
     background-color: #ff8200 !important;
     text-decoration: none !important;
}
 .fw-section .btn-primary-orange, .fw-section a.btn-primary-orange {
     color: #041e42;
     background-color: #ff8200;
     font-size: 16px;
     font-weight: 800;
     text-transform: uppercase;
     letter-spacing: 2px;
     padding: 15px 22px;
     border-radius: 4px !important;
}
 .fw-section .btn-primary-orange:hover, .fw-section a.btn-primary-orange:hover {
     color: #041e42;
     background-color: #ffffff !important;
     text-decoration: none !important;
}
 .fw-section .btn-outline, .fw-section a.btn-outline {
     color: #FFFFFF;
     font-family: "Open Sans", sans-serif;
     font-size: 16px;
     font-weight: 800;
     text-transform: uppercase;
     letter-spacing: 2px;
     padding: 15px 22px;
     border-radius: 4px !important;
     border: 2px solid #ff8200;
     background-color: transparent;
}
 .fw-section .btn-outline:hover, .fw-section a.btn-outline:hover {
     color: #041e42;
     background-color: #ff8200 !important;
     text-decoration: none;
}
 div.dt-descriptor {
     color: #ffffff;
     font-family: "Open Sans", sans-serif;
     font-size: 20px;
     font-weight: 800;
     letter-spacing: 3px;
     text-transform: uppercase;
     text-align: left;
}
 .dt-descriptor span {
     border-bottom: 4px solid #ff8200;
     margin-bottom: 25px;
}
 .nopadding {
     margin: 0;
     padding: 0;
}

.background-blue .btn-primary, .background-blue a.btn-primary {
  background-color: #FF8200;
}
 @media only screen and (max-width:991px) {
     .fw-section h1 {
         font-size: 96px;
         line-height: 84px;
    }
     .fw-section h2 {
         font-size: 32px;
         line-height: 48px;
    }
     .fw-section h3 {
         font-size: 18px;
         line-height: 24px 
    }
     .fw-section h4 {
         font-size: 16px;
         line-height: 24px 
    }
     .fw-section .hl-large {
         font-size: 60px;
    }
     .fw-section .hl-small {
         font-size: 45px;
    }
     .fw-section .stat-title {
         font-size: 60px;
         line-height: 44px 
    }
}
 @media only screen and (max-width:576px) {
     .fw-section h1 {
         font-size: 50px;
         line-height: 44px;
         margin-bottom: 20px;
    }
     .fw-section h2 {
         font-size: 24px;
         line-height: 32px;
         margin-bottom: 20px;
    }
     .fw-section h3 {
         font-size: 16px;
         line-height: 24px 
    }
     .fw-section h4 {
         font-size: 14px;
         line-height: 22px 
    }
     .fw-section .hl-large {
         font-size: 50px;
    }
     .fw-section .hl-small {
         font-size: 40x;
    }
     .fw-section .stat-title {
         font-size: 44px;
         line-height: 34px 
    }
     .fw-section .psmall {
         color: #041E42;
         font-family: "Open Sans", sans-serif;
         font-size: 14px !important;
         font-weight: 400;
         line-height: 22px;
    }
     .fw-section .btn-primary, .fw-section a.btn-primary, .fw-section .btn-primary-cards, .fw-section a.btn-primary-cards {
         font-size: 14px;
    }
     .fw-section .btn-primary-orange, .fw-section a.btn-primary-orange {
         font-size: 14px;
    }
     .fw-section .btn-outline, .fw-section a.btn-outline {
         font-size: 14px;
    }
     .fw-section .btn-outline:hover, .fw-section a.btn-outline:hover {
         color: #041e42;
         background-color: #ff8200 !important;
         text-decoration: none;
    }
}
 small {
     font-size: 90%;
}
/* Hero Banner */
 #heroBanner {
     height: 650px;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}
 #heroBanner p.dt-descriptor-top {
     color: #ffffff;
     font-family: "Open Sans", sans-serif;
     font-size: 24px !important;
     font-weight: 800;
     letter-spacing: 3px;
     text-transform: uppercase;
     text-align: center;
}
 #heroBanner .dt-stroke {
     border-top: 3px solid #041e42;
     width: 30%;
     margin: 20px auto;
}
 #heroBanner p.herop {
     color: #ffffff;
     font-family: "Open Sans", sans-serif;
     font-size: 22px !important;
     font-weight: 600;
     line-height: 36px;
}
 @media (max-width:768px) {
     #heroBanner {
         height: 400px;
    }
     #heroBanner .hb-box {
         color: #041e42;
         background-color: #fff;
         box-shadow: 0 0 15px rgb(30 30 30 / 20%);
         padding: 45px;
         margin-top: 100px;
    }
     #heroBanner h1 {
         color: #041e42;
    }
     #heroBanner p.dt-descriptor-top, #heroBanner div.dt-descriptor {
         color: #041e42 !important;
         font-size: 18px;
    }
     #heroBanner .dt-stroke {
         border-top: 3px solid #ff8200;
         width: 50%;
    }
     #heroBanner p.herop {
         color: #041e42;
         font-size: 18px !important;
    }
}
 @media (max-width:576px) {
     #heroBanner {
         height: 300px;
    }
     #heroBanner .hb-box {
         color: #041e42;
         background-color: #fff;
         box-shadow: 0 0 15px rgb(30 30 30 / 20%);
        /*padding: 30px;
         */
         margin-top: 100px;
         display: block;
    }
     #heroBanner p.dt-descriptor-top {
         color: #041e42;
         letter-spacing: 2px;
    }
     #heroBanner .dt-stroke {
         border-top: 3px solid #ff8200;
         width: 50%;
    }
     #heroBanner p.dt-descriptor-top, #heroBanner div.dt-descriptor {
         color: #041e42;
         font-size: 14px;
    }
     #heroBanner p.herop {
         color: #041e42;
         font-size: 16px !important;
    }
}
/* Overlap Buttons */
 #hbButtons {
     text-align: center;
}
 #hbButtons .hlgrid {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     margin-top: -230px;
}
 #hbButtons .hl-item {
     flex: 0 0 33.3%;
     background-color: #fff;
     padding: 40px 30px;
     border-right: 1px solid rgba(10, 32, 65, .2);
     box-shadow: 0 0 15px rgb(30 30 30 / 20%);
     transition: transform .3s;
}
 #hbButtons .hl-item:nth-last-child(1) {
     border: none;
}
 #hbButtons .hl-item:hover {
     -ms-transform: scale(1.1);
    /* IE 9 */
     -webkit-transform: scale(1.1);
    /* Safari 3-8 */
     transform: scale(1.1);
}
 #hbButtons svg .bi.bi-calendar-check {
     color: #041e42;
}
 @media (max-width:576px) {
     #hbButtons .hl-item {
         flex: 100%;
         border: 0;
         box-shadow: 0;
         transition: none;
    }
}
/*After Banner Intro*/
 @media (max-width:576px) {
     #abIntro {
         margin-left: 30px;
         margin-right: 30px;
    }
}
/* Events Calendar */
 #events .nopadding {
     padding: 0 !important;
     margin: 0 !important;
}
 #events .hlgrid {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     color: #ffffff;
}
 #events h4 {
     margin-top: 30px;
     margin-bottom: 30px;
}
 #events .hl-item {
     flex: 1 0 18%;
     padding: 20px 20px 120px 20px;
     transition: transform .3s;
}
 #events .hl-item:hover {
     color: #041e42;
     background-color: #fff;
     -ms-transform: scale(1.4);
    /* IE 9 */
     -webkit-transform: scale(1.4);
    /* Safari 3-8 */
     transform: scale(1.4);
     box-shadow: 0 0 15px rgb(30 30 30 / 20%);
     z-index: 10;
}
 #events h2, #events h4, #events p, #events span {
     color: #ffffff;
}
 #events .hl-item span.stat-title {
     margin-bottom: 30px;
}
 #events .hl-item:hover h4, #events .hl-item:hover p, #events .hl-item:hover span {
     color: #041e42;
}
 #events p.s-button {
     margin-bottom: 60px;
     margin-top: 60px;
}
 #events .dt {
     display: inline-block;
     position: absolute;
     bottom: 30px;
}
 #events .dt svg {
     color: #ff8200;
     margin-right: 5px;
     margin-top: 3px;
}
 #events span.dt-date {
     color: #041E42;
     font-family: "Open Sans", sans-serif;
     font-size: 12px;
     font-weight: normal;
     line-height: 1;
     text-align: left;
}
 @media (min-width: 991px) {
     .slick-list {
         overflow: visible !important;
    }
}
 @media (max-width:1249px) {
     #events .hl-item:nth-child(4), #events .hl-item:nth-last-child(1) {
         display: none;
    }
}
 @media (max-width:991px) {
     #events .col-md-3 {
         width: 25% !important;
    }
     #events .col-md-9 {
         width: 75% !important;
    }
     #events .hl-item {
         flex: 1 0 21%;
         padding: 19px 20px 90px 20px;
         transition: transform .3s;
    }
     #events .dt {
         display: inline-block;
         position: absolute;
         bottom: 60px;
    }
     #events .hl-item:nth-child(3), #events .hl-item:nth-child(4), #events .hl-item:nth-last-child(1) {
         display: none;
    }
}
 @media (max-width:768px) {
     #events .col-sm-6 {
         width: 50% !important;
    }
     #events .hl-item {
         flex: 50%;
         padding: 0 20px 100px 20px;
         transition: transform .3s;
    }
     #events .hl-item:nth-child(3), #events .hl-item:nth-child(4), #events .hl-item:nth-last-child(1) {
         display: none;
    }
     #events .dt {
         bottom: 60px;
    }
}
 @media (max-width:576px) {
     #events .col-xs-12 {
         width: 100% !important;
    }
     #events .hl-item {
         flex: 100%;
         padding: 20px;
         transition: none;
    }
     #events .hl-item:hover {
         transform: none !important;
    }
     #events .hl-item:nth-child(3), #events .hl-item:nth-child(4), #events .hl-item:nth-last-child(1) {
         display: initial;
    }
     #events .dt {
         position: static;
    }
     #events h4 {
         margin-top: 15px;
         margin-bottom: 15px;
    }
     #events p.s-button {
         margin-bottom: 30px;
         margin-top: 30px;
    }
}
/* Overlap Highlight */
 #overlapHLeft, #overlapHLeftBhutan, #overlapHLeftB, #overlapHLeftTop, #overlapHRight, #overlapHRightTop, #overlapHRightBottom, #overlapHTexasWesternGoldRush, #overlapHStepInThive {
     background-size: cover;
     background-position: center top;
     background-attachment: fixed;
     background-repeat: no-repeat;
}
 #overlapHStepInThive {
     border-top: 150px solid #041E42;
     background-image: url('https://www.utep.edu/student-affairs/minerwelcome/_Files/images/step-in-and-thrive-v2.jpg');
}
 #overlapHTexasWesternGoldRush {
     border-top: 150px solid #edf2f9;
     background-image: url('https://www.utep.edu/student-affairs/minerwelcome/_Files/images/texas-western-gold-rush.jpg');
}
 #overlapHLeft {
     border-top: 100px solid #edf2f9;
     background-image: url('https://www.utep.edu/student-affairs/minerwelcome/_Files/images/get-involved-fair-spring-d.jpg');
}
 #overlapHLeftBhutan {
     border-top: 100px solid #edf2f9;
     background-image: url('https://www.utep.edu/student-affairs/minerwelcome/_Files/images/Lhakhang-d.jpg');
}
 #overlapHLeft .box, #overlapHLeftBhutan .box, #overlapHTexasWesternGoldRush .box {
     background-color: #fff;
     box-shadow: 0 0 15px rgb(30 30 30 / 20%);
     padding: 60px;
     margin-top: -185px;
     margin-bottom: 130px;
     overflow: hidden;
}
 #overlapHLeftB {
     border-top: 100px solid #edf2f9;
     background-image: url('https://www.utep.edu/student-affairs/minerwelcome/_Files/images/well-being-d.jpg');
}
 #overlapHLeftB .box {
     background-color: #fff;
     box-shadow: 0 0 15px rgb(30 30 30 / 20%);
     padding: 60px;
     margin-top: -185px;
     margin-bottom: 130px;
     overflow: hidden;
}
 #overlapHLeftTop {
     border-top: 100px solid #edf2f9;
     background-image: url('https://www.utep.edu/student-affairs/minerwelcome/_Files/images/hl1.jpg');
}
 #overlapHLeftTop .box {
     background-color: #fff;
     box-shadow: 0 0 15px rgb(30 30 30 / 20%);
     padding: 60px;
     margin-top: -185px;
     margin-bottom: 130px;
     overflow: hidden;
}
 #overlapHRight {
     border-top: 100px solid #edf2f9;
     background-image: url('https://www.utep.edu/student-affairs/minerwelcome/_Files/images/hl2.jpg');
}
 #overlapHRight .box {
     background-color: #fff;
     box-shadow: 0 0 15px rgb(30 30 30 / 20%);
     padding: 60px;
     margin-top: -185px;
     margin-bottom: 100px;
     overflow: hidden;
}
 #overlapHRightTop {
     border-top: 100px solid #edf2f9;
     background-image: url('https://www.utep.edu/student-affairs/minerwelcome/_Files/images/UnivName.jpg');
     margin-top: -40px;
     margin-bottom: -60px;
}
 #overlapHRightTop .box, #overlapHStepInThive .box {
     background-color: #fff;
     box-shadow: 0 0 15px rgb(30 30 30 / 20%);
     padding: 60px;
     margin-top: -185px;
     margin-bottom: 130px;
     overflow: hidden;
}
 #overlapHRightBottom {
     border-bottom: 100px solid #041e42;
     background-image: url('https://www.utep.edu/student-affairs/minerwelcome/_Files/images/hl2.jpg');
     margin-top: -40px;
     margin-bottom: -60px;
}
 #overlapHRightBottom .box {
     background-color: #fff;
     box-shadow: 0 0 15px rgb(30 30 30 / 20%);
     padding: 60px;
     margin-bottom: -50px;
     overflow: hidden;
}
 .background-blue > #overlapHLeft {
     border-top: 100px solid #041E42;
}
 @media (max-width:768px) {
     #overlapHRight {
         margin-top: 100px;
         margin-bottom: -60px;
    }
     #overlapHRightTop, #overlapHTexasWesternGoldRush, #overlapHStepInThive {
         margin-top: 100px;
         margin-bottom: -60px;
    }
     #overlapHRightBottom .box {
         padding: 50px;
         margin-bottom: -50px;
    }
     #overlapHLeft {
         border: 0;
         background-image: none;
         margin-top: -175px;
    }
     #overlapHLeftBhutan {
         border: 0;
         background-image: none;
         margin-top: -175px;
    }
     #overlapHLeftB {
         border: 0;
         background-image: none;
         margin-top: -175px;
    }
     #overlapHLeft .box, #overlapHLeftB .box, #overlapHLeftBhutan .box {
         padding: 30px !important;
         margin-bottom: 0 !important;
         margin-top: 0;
    }
     #overlapHLeftTop, #overlapHTexasWesternGoldRush, #overlapHStepInThive {
         border: 0;
         background-image: none;
         margin-top: -135px;
    }
     #overlapHLeftTop .box {
         padding: 30px !important;
         margin-bottom: 0 !important;
         margin-top: 0;
    }
     #overlapHRight {
         border: 0;
         background-image: none;
         margin-top: -175px;
    }
     #overlapHRight .box {
         padding: 30px !important;
         margin-bottom: 50px !important;
         margin-top: 0;
    }
     #overlapHRightTop, #overlapHTexasWesternGoldRush, #overlapHStepInThive {
         border-bottom: 0;
         background-image: none;
         margin-top: 0;
    }
     #overlapHTexasWesternGoldRush, #overlapHStepInThive, .fw-section:has(#overlapHTexasWesternGoldRush), .fw-section:has(#overlapHStepInThive), .fw-section:has(#overlapHLeftTop), .fw-section:has(#overlapHRightTop), .fw-section:has(#abIntro) {
         padding-top: 0px;
    }
     #hbButtons {
         padding-top: 40px;
    }
     #heroBanner {
         height: 158px;
         margin-top: 0px;
    }
     #heroBanner .hb-box {
         padding: 0px !important;
    }
     #overlapHRightTop .box, #overlapHTexasWesternGoldRush .box, #overlapHStepInThive .box, #heroBanner .hb-box {
         padding: 30px !important;
         margin-bottom: 0 !important;
         margin-top: 0;
    }
     #overlapHRightBottom {
         border-bottom: 0;
         background-image: none;
         margin-top: -175px;
    }
     #overlapHRightBottom .box {
         padding: 30px !important;
         margin-bottom: 50px !important;
         margin-top: 0;
    }
}
 #overlapHLeft p.oh-info, #overlapHLeftB p.oh-info, #overlapHRight p.oh-info, #overlapHRightBottom p.oh-info, #overlapHLeftBhutan p.oh-info {
     margin-top: 30px;
     margin-bottom: 30px;
}
 .box div.dt-descriptor {
     color: #041E42;
     margin-bottom: 25px;
}
/* Carousel Cards */
 #carouselCards .highligtsBody .btn-primary-cards, #carouselCards .highligtsBody a.btn-primary-cards {
     position: absolute;
     bottom: 60px;
     margin-top: 40px;
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
     width: 170px;
}
 #carouselCards h2.hl-large {
     color: #ffffff;
     text-align: center;
}
 #carouselCards h3 {
     margin-bottom: 20px;
}
 #carouselCards .well {
     padding: 0 0;
     border: 0;
     box-shadow: 0 0 15px rgb(30 30 30 / 20%);
     min-height: 580px;
}
 #carouselCards .highligtsBody {
     padding: 20px 30px 40px 30px;
     text-align: center;
}
 @media (max-width:991px) {
     #carouselCards .highligtsBody .btn-primary-cards, #carouselCards .highligtsBody a.btn-primary-cards {
         bottom: 40px;
    }
     #carouselCards .well {
         min-height: 680px;
    }
}
/* Carousel Tradition Cards */
 #carTraditions h2.hl-large {
     color: #041e42;
     text-align: center;
     margin-bottom: 40px;
}
 #carTraditions h3 {
     margin-bottom: 20px;
     text-transform: uppercase;
}
 #carTraditions .well {
     background-color: #ffffff;
     padding: 40px 80px;
     border: 0;
     box-shadow: 0 0 15px rgb(30 30 30 / 20%);
     min-height: 280px;
     text-align: center;
}
 #carTraditions .hlbody {
     text-align: center;
}
 @media (max-width:768px) {
     #carTraditions .well {
         padding: 30px 50px !important;
         min-height: 455px;
    }
}
 @media (max-width:576px) {
     #carTraditions .well {
         padding: 15px !important;
         min-height: 880px;
    }
}
/* Secondary Menu */
 #smIntro .intro {
     margin-top: 20px;
}
 #smIntro h2 {
     margin-top: 0;
     margin-left: -12px;
}
 #smIntro ul li {
     margin-bottom: 40px;
}
 #smIntro span.dt-descriptor {
     color: #041e42;
     font-family: "Open Sans", sans-serif;
     font-size: 20px;
     text-align: center;
     line-height: 36px;
     font-weight: normal;
}
 #smIntro span.dt-descriptor.active {
     font-weight: bold;
}
 #smIntro a span.dt-descriptor:hover, #smIntro a span.dt-descriptor:active {
     color: #03152D;
     text-decoration: underline;
}
 @media (max-width:991px) {
     #smIntro span.dt-descriptor {
         font-size: 18px;
    }
}
 @media (max-width:576px) {
     #smIntro .intro {
         margin: 60px 30px 0 30px;
    }
     #smIntro .intro p {
         margin-left: -15px;
    }
     #smIntro span.dt-descriptor {
         max-width: 14px;
    }
     #smIntro ul li {
         margin-bottom: 40px;
         margin-top: 40px;
         margin-left: -15px;
    }
     #smIntro hr {
         margin-top: 40px;
         margin-bottom: 20px;
         border: 0;
         border-top: 1px solid #041e42;
         margin-left: -15px;
    }
}
/* Hero Banner */
 @media (max-width:991px) {
     footer .footerLogo img {
         max-width: 150px;
    }
}