/* ==== START Initiatives ==== */

 #initiatives ul.nav li a:focus, #initiatives ul.nav li a:focus-visible {
     background-color: #dbdee3 !important;
     /*
     border: 2px dashed #a9a9a9 !important;
     */
}
 #initiatives {
     color: #fff;
     background-color: #0c2340;
}
 #initiatives.white-bg{
     color: #0c2340;
     background-color: #fff;
}
 #initiatives .nav-list {
     border-bottom: 2px solid #fff;
}
 #initiatives .aa-title {
     font-size: 2rem;
     color: #fff;
}

 #initiatives .aa-title.bluetext {
     color: #0c2340;
}

 #initiatives .aa-title:after {
     content: "";
     display: block;
     width: 30px;
     padding-top: 5px;
     border-bottom: 3px solid #f15a22;
     margin: 0;
}
 #initiatives h2.aa-title {
     font-size: 2rem;
     margin-top: 0;
}
 #initiatives h3.aa-title {
     font-size: 20px;
}
 #initiatives ul.nav li {
     font-size: 24px;
}
 #initiatives ul.nav li a {
     color: #dbdee3;
     display: block;
     font-weight: bold;
}
 #initiatives.white-bg ul.nav li a {
     color: #0c2340;
}
 #initiatives ul.nav li a.active {
     color: #0c2340;
     background-color: #dbdee3;
     border: 2px solid #dbdee3;
}
 #initiatives .init-tabs a {
     color: #fff;
     text-decoration: underline;
}

 #initiatives.white-bg .init-tabs a {
     color: #0c2340;
}

 #initiatives .init-tabs a span {
     text-decoration: underline;
}
 #initiatives .init-tabs a:hover {
     color: #d3430d;
}
/*START #initiatives desktop*/
 @media only screen and (min-width: 600px) {
     #initiatives .nav-list {
         border-right: 3px solid #dbdee3;
         border-bottom: none;
    }
}
/*END #initiatives desktop*/
/*START #op-initiatives*/
 #op-initiatives a.aa-title:focus, #op-initiatives a.aa-title:focus-visible {
     background-color: #0c2340 !important;
     border: 0 !important;
}
 #op-initiatives {
     margin: 3rem auto;
}
 #ops-initiatives p.my-3 {
     position: relative;
     float: left;
}
 #op-initiatives a.aa-title {
     font-size: 2rem;
     font-weight: bold;
     color: #fff;
     text-decoration: none;
     /*
     padding: 35px 20px;
     */
}
 #op-initiatives a.aa-title:after {
     content: "";
     display: block;
     width: 120px;
     padding-top: 0;
     border-bottom: 3px solid #fff;
     margin: 5px 0 0;
}
 #op-initiatives .btn.btn-primary, #op-initiatives .btn.btn-primary:hover {
     display: block;
     /*
     height: 150px;*/
     background-color: #0c2340;
     border-radius: 0;
}
 #op-initiatives span.row-toggler {
     position: relative;
     float: right;
     padding: 1% 1%;
     color: #fff;
}
 #op-initiatives p.card-text a.stretched-link:focus, #op-initiatives p.card-text a.stretched-link:focus-visible {
     background-color: transparent !important;
     border: none !important;
}
 #op-initiatives .card {
     background-color: #f6f6f6;
     border: 0;
     position: relative;
}
 #op-initiatives .card-title.aa-title {
     font-size: 20px;
     color: #0c2340 !important;
}
 #op-initiatives .card-title.aa-title:after {
     content: "";
     display: block;
     width: 30px;
     padding-top: 5px;
     border-bottom: 3px solid #d3430d;
     margin: 0;
}
 #op-initiatives p.card-text a, #op-initiatives p.card-text a:hover {
     color: #0c2340;
     text-decoration:none;
}
/*START #op-initiatives responsive*/
/* Small Mobile */
 @media (max-width: 375px) {
     #op-initiatives a.aa-title {
         padding: 20px 0 45px 20px !important;
    }
}
 @media (min-width: 376px) and (max-width: 425px) {
     #op-initiatives a.aa-title {
         top: 15px;
         padding: 20px 30px !important;
    }
     #op-initiatives a.aa-title:after {
         margin-top: 5px;
    }
}
/* Desktop */
 @media only screen (min-width: 769px) {
     #op-initiatives a.aa-title {
         padding: 40px;
    }
     #op-initiatives a.aa-title:after {
         padding-top: 10px;
         margin: 0;
    }
}
/*END #op-initiatives responsive*/
/*END #op-initiatives*/
/* ==== END 2025 Initiatives ==== */
/* BEGIN STICKY MENU */
 .orange-bg {
     background-color: #d3430d;
     border-top: #F15A22 1px solid;
     border-bottom: #F15A22 1px solid;
}
hr{
    border: solid 1px #DBDEE3;
}
.orangetext{
    color: #D3430D;
}
.bluetext{
    color: #0C2340;
}
.orange-border-bottom{
    border-bottom: 3px solid #f15a22;
}
#site-top, #site-breadcrumbs, #site-navigation {
	 display: none;
}
 #site-footer {
	 margin-top: 0px !important;
	 padding-top: 25px !important;
}
 .hero_bg-image {
	 background-image: url('/studentsuccess/images/utsa-ccel-home-hero.jpg');
}
 .hero_bg-image:after {
	 position: absolute;
	 height: 100%;
	 width: 100%;
	 background-color: rgba(12 35 64 / 0.85);
	 top: 0;
	 left: 0;
	 display: block;
	 content: "";
}

#banner-video {
    background-color: #000;
    height: 40rem;
    min-height: 40rem;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#banner-video video {
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 65%;
    transform: translateX(-50%) translateY(-50%);
    width: auto;
    z-index: 0;
}

#banner-video .overlay {
    background-color: #000;
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
 div.row-container {
	 position: relative;
	 clear: both;
	 border: 0;
	 height: 35rem !important;
	 min-height: 35rem;
	 display: flex;
	 flex-wrap: wrap;
}
 div.row-background {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 overflow: hidden;
	 border-radius: inherit;
	 background-clip: padding-box;
	 -webkit-overflow-scrolling: touch;
}
 div.background-wrapper {
	 backface-visibility: hidden;
	 position: absolute;
	 left: 0px;
	 top: 0px;
	 width: 100%;
	 height: 100%;
	 overflow: hidden;
	 border-radius: inherit;
	 background-clip: padding-box;
}
 #hero {
	 height: 35rem !important;
	 min-height: 35rem;
}
 #hero > .inner {
	 position: relative;
	 display: table;
	 table-layout: fixed;
	 height: 100%;
	 min-width: 100%;
	 width: auto;
	 -moz-transform: scale(1);
	 -webkit-transform: scale(1);
	 -ms-transform: scale(1);
	 transform: scale(1);
	 -moz-transition: opacity 1s ease, -moz-transform 1s ease;
	 -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
	 -ms-transition: opacity 1s ease, -ms-transform 1s ease;
	 transition: opacity 1s ease, transform 1s ease;
	 opacity: 1;
	 position: relative;
	 z-index: 3;
	 margin-top: 2.5em;
}
 #inner {
	 position: relative;
	 opacity: 1;
	 z-index: 10;
}
 #hero > .inner > :last-child {
	 margin-top: 1.1em;
	 margin-bottom: 0;
}
 #hero a {
	 color: white;
	 text-decoration: none;
}
 #hero a:hover {
	 color: #ffffff;
}
 #hero ul {
	 list-style: none;
	 padding-left: 0;
}
 #hero li {
	 width: 100%;
	 padding: 0.4rem 0rem;
}
 #hero a.btn.alt {
	 background-color: transparent;
	 font-size: 1.3rem;
	 box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7);
	 color: #FFFFFF !important;
	 width: 95%;
}
 .wrapper.style2 {
	 background-color: #f2f2f2;
	 color: #212529;
}
 .bg-image_positioning {
	 background-repeat: no-repeat;
	 background-attachment: scroll;
	 background-size: cover;
	 background-position: center center;
}
 .hero_title {
	 font-weight: bold;
	 font-size: 2.5rem;
	 color: #fff;
	 z-index: 1;
     position: relative;
}
/*! Variable Overrides *//*! Bootstrap Configuration *//*! Start Quickfacts info */.quick-fact-wrapper{overflow:hidden;padding:30px 0 40px;position:relative;z-index:0}.quick-fact-wrapper:after{background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cdefs%3E%3Cstyle%3E.fa-secondary%7Bopacity:1.0%7D%3C/style%3E%3C/defs%3E%3Cpath class='fa-secondary' d='M352 256c-8.188 0-16.38-3.125-22.62-9.375L192 109.3L54.63 246.6c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0l160 160c12.5 12.5 12.5 32.75 0 45.25C368.4 252.9 360.2 256 352 256z'/%3E%3Cpath class='fa-secondary' d='M352 448c-8.188 0-16.38-3.125-22.62-9.375L192 301.3l-137.4 137.4c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0l160 160c12.5 12.5 12.5 32.75 0 45.25C368.4 444.9 360.2 448 352 448z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;bottom:0;content:"";height:100%;opacity:.09;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:-10}.quick-fact-wrapper .row{margin:0}.quick-fact-wrapper .quick-facts-content{text-align:center;z-index:100}.quick-fact-wrapper .quick-facts-content h2{font-family:'Meta Pro', sans-serif;font-size:4.5rem;font-weight:700;margin-bottom:20px}.quick-fact-wrapper .quick-facts-content p{font-size:1.2rem;font-weight:600;line-height:normal;width:100%}.quick-fact-wrapper .department-heading{margin-bottom:30px}.quick-fact-wrapper h3{color:#0c2340}.quick-fact-wrapper .quick-facts-content h2{color:#d3430d}.quick-fact-wrapper .quick-facts-content p{color:#0c2340}.quick-fact-wrapper.blue-bg :after{opacity:.025}.quick-fact-wrapper.blue-bg h3{color:#fff}.quick-fact-wrapper.blue-bg .quick-facts-content h2{color:#d3430d}.quick-fact-wrapper.blue-bg .quick-facts-content p{color:#fff}.quick-fact-wrapper.grey-bg :after{opacity:.005}.quick-fact-wrapper.grey-bg h3{color:#0c2340}.quick-fact-wrapper.grey-bg .quick-facts-content h2{color:#d3430d}.quick-fact-wrapper.grey-bg .quick-facts-content p{color:#0c2340}.quick-fact-wrapper.orange-a11y-bg{background-color:#d3430d}.quick-fact-wrapper.orange-a11y-bg h3{color:#fff}.quick-fact-wrapper.orange-a11y-bg .quick-facts-content h2{color:#0c2340}.quick-fact-wrapper.orange-a11y-bg .quick-facts-content p{color:#fff}@media(max-width:991.98px){.quick-fact-wrapper .quick-facts-content h2{font-size:3.2rem}.quick-fact-wrapper .quick-facts-content p{font-size:1rem}}@media(max-width:767.98px){.quick-fact-wrapper{padding-bottom:30px;padding-top:30px}.quick-fact-wrapper .quick-facts-content h2{font-size:3.5rem}.quick-fact-wrapper .quick-facts-content p{font-size:1.1rem}}

/* START Student Success Spotlights */
 a.btn.btn-orange, .btn.btn-orange {
	 background-color: #d3430d;
	 border-radius: 0;
	 color: white;
	 font-weight: bold;
	 padding-left: 2em;
	 padding-right: 2em;
}
 a.btn.btn-orange:hover, .btn.btn-orange:hover {
	 background-color: #DBDEE3;
	 color: #0C2340;
}

 a.btn.btn-orange.btn-search:hover, .btn.btn-orange.btn-search:hover {
	 background-color: #0C2340;
	 color: #DBDEE3;
}
.shaping-future{
	 border-bottom: 3px solid #DBDEE3;
}
.special-heading::after {
	 background-color: #D3430D;
	 content: "";
	 display: block;
	 height: 5px;
	 margin-top: .5em;
	 width: 1.25em;
}
.learning-type {
	 display: block;
	 text-transform: uppercase;
	 font-weight: 700;
	 font-size: 15px;
	 letter-spacing: .2em;
	 color: #d3430d;
}

.grey-bg {
    background-color: #dbdee3;
}

/* END Student Success Spotlights */
 .mission-bg{
	 background-color: #0c2340;
	 background: url('/studentsuccess/images/home/utsa-ss-mission-bg.jpg') no-repeat;
	 background-size: cover;
}

/*
 .hero_subtitle {
	 font-size: 1.8rem;
	 color: #fff;
}
 .hero_button {
	 font-size: 1.8rem;
	 font-weight: 400;
	 color: #fff;
	 border: 1px solid #fff;
	 border-radius: 5px;
	 background-color: #f15a22;
	 padding: 10px 50px;
}
 .hero_button:hover {
	 font-weight: 400;
	 color: rgba(255,255,255,0.8);
	 border-color: rgba(255,255,255,0.6);
	 background-color: #d3430d;
	 transition: .3s ease-in !important;
}
 #cat-blocks .box-text {
	 font-size: 2.5rem;
	 line-height: 1.2;
}*/

 #main-navigation {
	 z-index: 150;
}
 #main-navigation .nav-link, #location-hours .campus-directions-link {
	 color: #fff;
}
 #main-navigation .nav-link:hover, #location-hours .campus-directions-link:hover {
	 color: #0C2340;
}
 #main-navigation .nav-link.active {
	 color: #f15a22;
}

#departmentalPageNav{
    background: #D3430D;
    font-weight: bold;
    flex-wrap: wrap;
}

 #main-navigation #departmentalPageNav li a {
	 padding-top: 0px;
	 padding-bottom: 0px;
}
.navbar-expand .navbar-nav-scroll {
    overflow: auto;
    background-color: #D3430D;
}
@media (max-width: 767.98px) {
    .w-sm-100{
        width: 100%;
    }
    #departmentalPageNav li{
        padding: 0px;
    }
}
/*
 .location_bg-image {
	 background-image: url('/studentsuccess/images/2_bnr_footer1.jpg');
}
 .location_bg-banner {
	 background-color: #d3430d;
}
 .location_title {
	 font-size: 2.15rem;
	 color: #fff;
}
 #location-hours i.far.fa-map-marker-alt {
	 font-size: 1.5rem;
}
 h4.hours_title, p.hours_text {
	 color: #fff;
}
 p.hours_text {
	 font-size: 1rem;
}
 h4.hours_title:after {
	 content: "";
	 display: block;
	 margin: 0;
	 width: 75%;
	 padding-top: 10px;
	 border-bottom: 2px solid #fff;
}
 @media screen and (min-width: 320px) and (max-width: 650px) {
	 .hero_bg-image {
		 background-image: none !important;
	}
	 #cat-blocks .box-text {
		 font-size: 1.25rem;
	}
	 #location-hours a.campus-directions-link {
		 font-size: .9rem;
	}
	 #location-hours i.far.fa-map-marker-alt {
		 font-size: 1rem;
	}
	 #location-hours h3 {
		 font-size: 1.5rem;
	}
	 #location-hours h4.hours_title {
		 font-size: 1.25rem;
	}
}

@media screen and (min-width: 651px) and (max-width: 1250px) {
	 .hero_bg-image {
		 background-image: none !important;
	}
	 #cat-blocks .box-text {
	 font-size: 1.5rem;
	 line-height: 1;
}
 
	#location-hours a.campus-directions-link {
    font-size: .9rem;
}
	#location-hours i.far.fa-map-marker-alt {
    font-size: 1rem;
}
	#location-hours h3 {
		 font-size: 1.5rem;
	}
	#location-hours h4.hours_title {
    font-size: 1.25rem;
}
}
*/