@import url("../fontawesome/fontawesome.min.css");
@import url("../fontawesome/fa-solid.min.css");
@import url("../fontawesome/fa-brands.min.css");
/*! * Additional Coding for Non-Bootstrap Themes */
.top-bar.primary .align-items-center,
.global-footer.gf-secondary .align-items-center {
    align-items: center !important;
}
.global-searchbar .justify-content-center {
    justify-content: center !important;
}
.top-bar.primary.d-flex,
.global-searchbar .d-flex {
    display: flex !important;
    align-items: center;
}
.top-bar.primary .container-fluid,
.global-searchbar .container-fluid,
.global-footer.gf-secondary .container {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}
.top-bar.primary .row,
.global-searchbar .row,
.global-footer.gf-secondary .row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
}
.global-searchbar .row > * {
    --bs-gutter-x: 2rem;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)* 0.5);
    padding-left: calc(var(--bs-gutter-x)* 0.5);
    margin-top: var(--bs-gutter-y);
}
.top-bar.primary .col-6 {
    line-height: 1;
    flex: 0 0 auto;
    width: 50%;
}
.global-footer.gf-secondary .text-center {
    text-align: center !important;
}
.global-searchbar .col-9 {
    flex: 0 0 auto;
    width: 75%;
}
.global-searchbar .col-3 {
    flex: 0 0 auto;
    width: 25%;
}
.global-searchbar input.global-searchfield {
   margin:0;
}
.global-header .btn-search, #global-searchbar .btn-search {
margin-top: 0;
    height: 50px;
}
@media (min-width: 801px) {
.top-bar.primary .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}
.top-bar.primary .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}
.global-footer.gf-secondary .container {
    max-width: 95%;
}
.global-footer.gf-secondary .col-sm-12,
.global-searchbar .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
}
.global-searchbar .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}
.global-searchbar .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
}
}
@media (min-width: 1025px){
.global-footer.gf-secondary  .container {
    max-width: 95%;
}
.global-footer.gf-secondary .text-md-start {
    text-align: left !important;
}
.global-footer.gf-secondary .text-md-end {
    text-align: right !important;
}
.global-footer.gf-secondary .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}
.global-footer.gf-secondary .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}
.global-searchbar .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}
}
@media (min-width: 1440px){
.global-footer.gf-secondary  .container {
    max-width: 1320px;
}
}
@media (min-width: 1920px){
.global-footer.gf-secondary  .container {
    max-width: 1320px;
}
}
@media (min-width: 2560px){
.global-footer.gf-secondary .container {
    max-width: 1400px;
}
}
/*! * Block: Global Header */
 .top-bar.primary {
     background-color: #032044;
     color: #fff;
     padding: 0 1.5rem;
     height: 2.4444444444rem;
     width: 100%;
     align-content: center;
     font-size: 0.9375rem;
}
 .top-bar.primary .col-6 {
     line-height: 1;
}
 .top-bar.primary .col-sm-4 a {
     padding-top: 0.1875rem;
     display: inline-block;
}
 .global-header .top-bar.primary .tb-logo img, .top-bar.primary .tb-logo img {
     height: 1.25rem;
     width: auto;
}
 .global-header .top-bar.primary .tb-logo:hover, .global-header .top-bar.primary .tb-logo:focus, .top-bar.primary .tb-logo:hover, .top-bar.primary .tb-logo:focus{
     background-color: #d3430d;
}
 .top-bar.primary ul {
     margin: 0;
     padding: 0;
     text-align: right;
     justify-content: flex-end;
     display: flex;
     gap: 1rem;
     white-space: nowrap;
}
 .top-bar.primary ul li {
     margin: 0;
     display: inline-block;
     border-left: 1px solid #265bf7;
     padding-left: 1rem;
     line-height: 1;
     font-size: 1.125rem;
}
 .top-bar.primary ul li:first-child {
     border-left-width: 0;
     padding-left: 0;
}
 .top-bar.primary ul li a {
     color: #fff;
     display: block;
     padding: 0;
     font-size: 0.9375rem;
     font-weight: 400;
     margin: 0;
     text-decoration: none;
     border-bottom: 1px solid transparent;
     outline: none;
     transition: border-color 0.3s ease;
     font-family: libre-franklin, sans-serif;
}
 .top-bar.primary ul li a:hover {
     color: #dce0e6;
     background-color: transparent;
     border-color: #fff;
     text-decoration: none;
}
 .top-bar.primary ul li a.global-search {
     text-decoration: none;
}
 .top-bar.primary ul li a.global-search .fa-search::before {
     content: "\f002";
}
 .global-searchbar {
     background-color: #032044;
     transition: transform 0.5s ease-out, opacity 1s ease-in, height 0.5s ease-out;
     transform: translate(0, -100%);
     float: left;
     opacity: 0;
     visibility: hidden;
     width: 100%;
     height: 0;
     overflow:hidden;
}
 .global-searchbar input.global-searchfield {
     font-size: 1.25rem;
     padding: 0.75rem 0.75rem;
     border-radius: 0.1875rem;
     border: 1px solid #edeff2;
     display: block;
     width: 100%;
     font-weight: 400;
     line-height: 1.25;
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     min-height: 50px;
}
 .global-header .btn-search, #global-searchbar .btn-search {
     background-color: #d3430d;
     color: #fff;
     width: 100%;
     margin: 0;
     font-weight: 700;
     max-width:100%;
     min-height: 50px;
}
 .global-header .btn-search:before, #global-searchbar .btn-search:before {
     content: "\f002";
     font-family: "Font Awesome 6 Pro", "Font Awesome 6 Brands";
     display: block;
}
 .global-header .visually-hidden, .global-header .visually-hidden-focusable, .global-header .visually-hidden-focusable:not(:focus):not(:focus-within), .top-bar.primary .visually-hidden, .top-bar.primary .visually-hidden-focusable, .top-bar.primary .visually-hidden-focusable:not(:focus):not(:focus-within), #global-searchbar .visually-hidden, #global-searchbar .visually-hidden-focusable, #global-searchbar .visually-hidden-focusable:not(:focus):not(:focus-within) {
     width: 1px !important;
     height: 1px !important;
     padding: 0 !important;
     margin: -1px !important;
     overflow: hidden !important;
     clip: rect(0, 0, 0, 0) !important;
     white-space: nowrap !important;
     border: 0 !important;
}
 .global-header .visually-hidden:not(caption), .global-header .visually-hidden-focusable:not(caption), .global-header .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .top-bar.primary .visually-hidden:not(caption), .top-bar.primary .visually-hidden-focusable:not(caption), .top-bar.primary .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), #global-searchbar .visually-hidden:not(caption), #global-searchbar .visually-hidden-focusable:not(caption), #global-searchbar .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){
     position: absolute !important;
}
 .global-searchbar.active {
     padding: 2rem 1rem;
     visibility: visible;
     transform: translate(0);
     float: none;
     height: auto;
     opacity: 1;
}
 @media only screen and (max-width: 991.98px) {
     .global-header .top-bar .row > *, .top-bar.primary .row > * {
         padding-right: calc(var(--bs-gutter-x)* 0.5);
         padding-left: calc(var(--bs-gutter-x)* 0.5);
    }
}
 @media only screen and (max-width: 480.98px) {
     .global-header .top-bar ul li, .top-bar.primary ul li {
         padding-left: 0.5rem;
    }
     .global-header .top-bar ul, .top-bar.primary ul {
         gap: 0.5rem;
    }
    .global-searchbar .col-9,
    .global-searchbar .col-3 {
         flex: 0 0 auto;
         width: 100%;
         padding: 0;
    }
    .global-searchbar .col-3 {
       margin-top:1rem;
    }
    .global-header .btn-search, #global-searchbar .btn-search {
    transform: scale(1);
    }
}
 @media only screen and (max-width: 360.98px) {
     .global-header .top-bar.primary ul li:first-child, .global-header .top-bar ul li:nth-child(2), .top-bar.primary ul li:first-child, .top-bar.primary ul li:nth-child(2) {
         display: none;
    }
     .global-header .top-bar.primary ul li.search-toggle, .top-bar.primary ul li.search-toggle{
         padding-left: 0;
         border-left: 0;
    }
}
/*! * Block: Footer Ankle */
 #ft-ankle {
     background: linear-gradient(to right, #DBE8FF 0%, #DBE8FF 35%, #C8DCFF 35%, #C8DCFF 100%);
     font-family: libre-franklin, sans-serif;
}
 #ft-ankle .col-md-4 {
     background-color: #DBE8FF;
}
 a.ankle-logo {
     display: inline-block;
     border-bottom-color: transparent;
}
 a.ankle-logo:hover {
     border-bottom-color: #032044;
}
 #ft-ankle p {
     font-family: libre-franklin, sans-serif;
     margin-bottom: 1.5rem;
     color: #000;
}
 #ft-ankle .col-md-4 p {
     margin: 0.25rem 0 0;
     font-size: 1.125rem;
     line-height: 1.7;
}
 #ft-ankle .col-md-4 p a {
     font-weight: bold;
}
 #ft-ankle a:hover, #ft-ankle a:focus, #ft-ankle a:active {
     background-color: #fff;
}
 #ft-ankle .col-md-4 p:first-child {
     margin-top: 0;
}
 #ft-ankle .col-md-4 .social-media-footer-container {
     margin: 1.5rem 0;
}
 #ft-ankle .col-md-8 {
     background-color: #C8DCFF;
}
 #ft-ankle ul.icon-list.il-solid li a {
     background-color: #032044;
     color: #E9F1FF;
}
 #ft-ankle ul.icon-list.il-solid li a:hover, #ft-ankle ul.icon-list.il-solid li a:focus {
     background-color: #d3430d;
}
 #ft-ankle .h6 {
     font-size: 1.375rem;
     color: #032044;
     font-family: "arsenal", sans-serif;
     font-weight: 700;
     margin-top: 0;
     margin-bottom: 0.25rem;
}
 #ft-ankle h5, .h5 {
     font-size: 1.625rem;
     color: #032044;
     font-family: "arsenal", sans-serif;
     font-weight: 700;
     margin-top: 0;
     margin-bottom: 0.25rem;
}
 #ft-ankle .py-4 {
     padding-top: 4rem !important;
     padding-bottom: 4rem !important;
}
 ul.icon-list {
     display: block;
     margin: 0;
     padding: 0;
}
 ul.icon-list li {
     margin: 0 0.5rem 0 0;
     display: inline-block;
     font-size: 1.125rem;
     line-height: 1.5;
}
 ul.icon-list a {
     height: 2.5rem;
     width: 2.5rem;
     font-size: 1.25rem;
     text-decoration: none;
     border: 1px solid #fff;
     text-align: center;
     border-radius: 100%;
     padding: 0.25rem;
     outline: none;
     display: inline-block;
     line-height: 1.6;
}
 ul.icon-list a.il-instagram, ul.icon-list a.il-linkedin, ul.icon-list a.il-youtube, ul.icon-list a.il-twitter, ul.icon-list a.il-facebook {
     font-family: "Font Awesome 6 Brands";
}
 ul.icon-list a.il-facebook::before {
     content: "\f39e";
}
 ul.icon-list a.il-twitter::before {
     content: "\e61b";
}
 ul.icon-list a.il-linkedin::before {
     content: "\f0e1";
}
 ul.icon-list a.il-instagram::before {
     content: "\f16d";
}
 ul.icon-list a.il-youtube::before {
     content: "\f167";
}
 #ft-ankle .pe-0 {
     padding-right: 0 !important;
}
 #ft-ankle .pt-0 {
     padding-top: 0 !important;
}
 #ft-ankle .ps-1 {
     padding-left: 1rem !important;
}
 ul.links {
     padding: 0;
     margin: 0;
}
 ul.links li {
     display: block;
     list-style: none;
}
 a.link-arrow {
     font-weight: 700;
     text-decoration: underline;
     border-bottom: none;
     display: inline-block;
     transition: cubic-bezier(0.9, 0.1, 0.25, 0.5);
     position: relative;
     text-indent: -1.3rem;
     margin-left: 1.5rem;
     font-size: 1.125rem;
}
 a.link-arrow:before {
     content: "";
     background-image: url(https://www.utsa.edu/_files/images/icons/utsa/btn-arrow-orange.svg);
     background-repeat: no-repeat;
     width: 15px;
     height: 20px;
     display: inline-block;
     vertical-align: middle;
     margin-right: 0.25rem;
}
 .link-arrow:hover, .link-arrow:focus, .link-arrow:active {
     color: #265BF7;
}
 #ft-ankle ul.links li {
     margin-top: 0.5rem;
     list-style: none;
}
 #ft-ankle ul.links li a {
     color: #032044;
     text-decoration: underline;
     border-bottom: 1px solid transparent;
     font-weight: 400;
     text-indent: -1rem;
     padding-left: 1rem;
     font-size: 1rem;
     margin-left: .25rem;
}
 #ft-ankle ul.links li a:before {
     content: "";
     background-image: url(https://www.utsa.edu/_files/images/icons/utsa/btn-arrow-talavera.svg);
     background-repeat: no-repeat;
     width: 10px;
     height: 20px;
     display: inline-block;
     vertical-align: middle;
     margin-right: 0.25rem;
}
 #ft-ankle ul.links li a:hover, #ft-ankle ul.links li a:active, #ft-ankle ul.links li a:focus {
     color: #032044;
     background-color: #EDEFF2;
     outline: none;
     border-bottom: 1px solid #032044;
}
 #ft-ankle ul.links.third-col {
     columns: 3;
     column-fill: auto;
     height: 130px;
}
 @media (min-width: 1025px) {
     #ft-ankle .ps-md-3 {
         padding-left: 3rem !important;
    }
}
 @media (min-width: 1025px) {
     #ft-ankle .pt-md-4 {
         padding-top: 4rem !important;
    }
}
 @media only screen and (max-width: 1199.98px) {
     #ft-ankle .col-md-4, #ft-ankle .col-md-8 {
         width: 50%;
    }
     #ft-ankle ul.links.third-col {
         columns: 2;
         height: auto;
         column-fill: balance;
    }
}
 @media only screen and (max-width: 1024.98px) {
     #ft-ankle .col-md-4, #ft-ankle .col-md-8 {
         width: 100%;
    }
     .global-footer.gf-secondary .global-footer-links ul {
         justify-content: center;
    }
     #ft-ankle, #ft-ankle .col-md-4 {
         background: #C8DCFF;
    }
}
 @media only screen and (max-width: 991.98px) {
     #ft-ankle .container {
         max-width: 95%;
    }
     #ft-ankle .row > * {
         padding-right: calc(var(--bs-gutter-x)* 0.5);
         padding-left: calc(var(--bs-gutter-x)* 0.5);
    }
}
 @media only screen and (max-width: 480.98px) {
     #ft-ankle ul.links.third-col {
         columns: 1;
    }
}
/*! * Block: Global Footer */
 .global-footer.gf-secondary {
     margin-top: 0;
     padding: 3.5rem 0;
     background-color: #032044;
     color: #fff;
     position: relative;
     font-size: 1rem;
     font-weight: 400;
     border: 0px !important;
     font-family: libre-franklin, sans-serif;
}
 .global-footer.gf-secondary:before, .global-footer.gf-secondary:after {
     display: none;
}
 .global-footer.gf-secondary .gf-contact.text-center {
     text-align: left !important;
}
 .global-footer.gf-secondary .col-md-8.text-center {
     text-align: right!important;
}
 .global-footer.gf-secondary .footer-logo {
     margin: 0 0 1.5rem;
     display: inline-block;
}
 .global-footer.gf-secondary .footer-logo:focus, .global-footer.gf-secondary .footer-logo:hover, .global-footer.gf-secondary .footer-logo:active {
     outline: 0px solid transparent;
     color: #032044;
     background-color: transparent;
     text-decoration: none;
     border-bottom: 1px solid #d3430d;
}
 .global-footer.gf-secondary .footer-logo img {
     height: 32px;
     width: auto;
}
 .global-footer.gf-secondary address {
     margin:0 0 0.5rem;
     font-style: normal;
     line-height: inherit;
}
 .global-footer.gf-secondary p {
     margin:0 ;
}
 .global-footer.gf-secondary p, .global-footer.gf-secondary a {
     color: #fff;
     font-weight: 400;
     font-size: 1rem;
}
 .global-footer.gf-secondary .social-media-footer-container {
     display: inline-block;
}
 .global-footer.gf-secondary ul.icon-list {
     margin-bottom: 1.5rem;
}
 ul.icon-list.il-solid li a {
     color: #032044;
     background-color: #fff;
     display: inline-block;
     height: 2.5rem;
     width: 2.5rem;
     line-height: 1.6;
     font-size: 1.25rem;
     border: 0;
}
 .global-footer.gf-secondary ul.icon-list.il-solid li a:hover, .global-footer.gf-secondary ul.icon-list.il-solid li a:active, .global-footer.gf-secondary ul.icon-list.il-solid li a:focus {
     text-decoration: none;
}
 ul.icon-list.il-solid li a:hover, ul.icon-list.il-solid li a:focus {
     background-color: #d3430d;
     border-color: transparent;
}
 .global-footer.gf-secondary a:focus, .global-footer.gf-secondary a:hover {
     color: #032044 !important;
     background-color: #edeff2;
     text-decoration: none;
     border-bottom: 1px solid #d3430d;
     outline: 0px solid transparent;
}
 .global-footer.gf-secondary .global-footer-links ul {
     padding: 0;
     margin: 0;
     display: flex;
     justify-content: end;
}
 .global-footer.gf-secondary .global-footer-links ul li {
     list-style: none;
     border-left: 1px solid rgba(255, 255, 255, .25);
     padding: .25rem 0 .25rem .5rem;
     margin: 0 0 0 0.5rem;
     font-size: 0.875rem;
     line-height: 1;
}
 .global-footer.gf-secondary .global-footer-links ul li:first-child {
     border-left: 0;
     padding-left: 0;
     margin: 0;
}
 .global-footer.gf-secondary .subfooter-links {
     margin-bottom: 0;
     text-align: center;
     font-size: 0.875rem;
}
 .global-footer.gf-secondary .subfooter-links ul {
     padding-left: 0;
     padding-right: 0;
     padding-bottom: 0;
     margin:0;
}
 .global-footer .subfooter-links ul li {
     font-size: 0.875rem;
     list-style: none;
     display: inline-block;
     margin: 0 0.75rem 0 0;
     line-height: 1;
}
 .global-footer .subfooter-links ul li a {
     text-decoration: none;
     border-bottom: 1px solid #fff;
     color: #fff;
     font-weight: 400;
     font-size: 0.875rem;
}
 .global-footer .gf-links ul li a:hover, .global-footer .gf-links ul li a:active, .global-footer .gf-links ul li a:focus, .global-footer .subfooter-links ul li a:hover, .global-footer .subfooter-links ul li a:active, .global-footer .subfooter-links ul li a:focus {
     color: #032044;
     background-color: #EDEFF2;
}
 .global-footer.gf-secondary hr {
     border: 0;
     background: none;
     border-top: 1px dotted #265BF7;
     margin: 3rem 0;
     opacity: 1;
}
 .global-footer .visually-hidden:not(caption), .global-footer .visually-hidden-focusable:not(caption), .global-footer .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
     position: absolute !important;
}
 .global-footer .visually-hidden, .global-footer .visually-hidden-focusable, .global-footer .visually-hidden-focusable:not(:focus):not(:focus-within) {
     width: 1px !important;
     height: 1px !important;
     padding: 0 !important;
     margin: -1px !important;
     overflow: hidden !important;
     clip: rect(0, 0, 0, 0) !important;
     white-space: nowrap !important;
     border: 0 !important;
}
 @media only screen and (max-width: 1024.98px) {
     .global-footer.gf-secondary .container {
         max-width: 95%;
    }
     .global-footer.gf-secondary .row > * {
         padding-right: calc(var(--bs-gutter-x)* 0.5);
         padding-left: calc(var(--bs-gutter-x)* 0.5);
    }
     .global-footer.gf-secondary .col-sm-12 {
         width: 100%;
         text-align: center !important;
    }
    .global-footer.gf-secondary ul.icon-list {
       margin-top:1.5rem;
    }
     .global-footer.gf-secondary .global-footer-links ul {
         justify-content: center;
    }
     .global-footer .subfooter-links ul li:first-child {
         display: block;
         margin-bottom: 0.5rem;
    }
     .global-footer.gf-secondary .gf-contact.text-center, .global-footer.gf-secondary .col-md-8.text-center {
         text-align: center;
    }
     .global-footer.gf-secondary .col-md-8.text-center {
         text-align: center!important;
    }
     .global-footer.gf-secondary .col-md-4, .global-footer.gf-secondary .col-md-8 {
         flex: 0 0 100%;
         max-width: 100%;
         text-align: center!important;
    }
     .global-footer.gf-secondary .gf-contact.text-center {
         text-align: center!important;
    }
}
 @media only screen and (max-width: 670.98px) {
     .global-footer.gf-secondary .global-footer-links ul {
         display: block;
         text-align: center;
    }
     .global-footer.gf-secondary .global-footer-links ul li {
         display: inline-block;
         padding: 0.375rem;
         border: 0px;
         margin: 0;
    }
     .global-footer.gf-secondary .subfooter-links ul li {
         margin-top: 0.75rem;
    }
}