/*# sourceMappingURL=overrides.css.map */

/* Josie can you add this to your files for the width of the container of big wide screens? */
@media (min-width: 2560px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1400px;
}
}
@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px;
}
}
/* Featured CTA - Minor changes */
.cta-featured {
    padding: 3rem 0;
}
.cta-featured h1, .cta-featured .h1, .cta-featured h2, .cta-featured .h2, .cta-featured h3, .cta-featured .h3, .cta-featured h4, .cta-featured .h4, .cta-featured h5, .cta-featured .h5, .cta-featured h6, .cta-featured .h6 {
    font-size: 1.5rem;
}
.cta-featured .col-sm-12:first-of-type.col-lg-7 {
    text-align: inherit!important;
}
/* Can you remove this class on _ctas.scss:22 
.cta-featured .col-sm-12:first-of-type {
    text-align: right;
}*/
/* Enrollment Cards - Minor changes */
h2.special-heading .kicker, .special-heading.h2 .kicker {
    margin-bottom:.25rem;
}
h2.special-heading:after, .special-heading.h2:after {
    margin: 1rem 0 1.5rem;
}
.enrollment .card .card-body {
    padding: 2.5rem 2rem 2rem;
}
.card h1.card-title, .card .card-title.h1, .card h2.card-title, .card .card-title.h2, .card h3.card-title, .card .card-title.h3, .card h4.card-title, .card .card-title.h4, .card h5.card-title, .card .card-title.h5, .card h6.card-title, .card .card-title.h6 {
    margin: 0;
}
.enrollment .card .card-footer {
    padding: 0 2rem 2.5rem;
}
.enrollment .card .card-footer p {
    margin-bottom:0;
}
.enrollment .card .card-footer p .btn {
    margin:0;
}
.news .card .card-body {
    padding: 2rem;
}
/* Minor changes */
.bg-gray .special-heading:after {
    background-color: #f15a22;
}
h2.special-heading:after, .special-heading.h2:after {
    width:3rem;
}
.stat {
    padding:3rem;
}
.card .card-body p:last-of-type {
    margin-bottom:0;
}
.card .card-body h3:has(+ p) {
  margin-bottom: 1rem;
}
.card-bg-img .card-body h3.card-title {
    padding:0;
}
.card-bg-img {
    min-height:20rem;
}
.card-bg-img:before {
    background-color: rgba(12, 35, 64, 0.65);
}
.card-bg-img:hover:before, .card-bg-img:focus:before, .card-bg-img:focus-within:before {
    background-color: rgba(12, 35, 64, 0.92);
}
.content-row {
    padding: 6rem 0 6rem;
}
.align-items-center .wrapper {
    padding-left:1.5rem;
}
.align-items-center .order-2 .wrapper {
    padding-left:0;
    padding-right:1.5rem;
}
p {
    line-height:1.7;
}
.card .card-footer.cf-bottom a.link-arrow {
    justify-content: flex-start;
}
.card .card-body ul:last-of-type {
    margin-bottom:0;
}
hr.hr-dashed {
    border-width: 0.063rem;
    opacity: 1;
    margin-right: 5%;
    margin-left: 5%;
}
.link {
    font-weight:bold;
}
/* This is my standard grid styling I use when I want to display columns without using Bootstrap */
.grid-container {
	 margin:0;
	 padding:0;
	 column-gap:2rem;
	 row-gap:1.25rem;
	 width:100%;
	 display:grid;
}
 .grid-container li {
	 list-style:none;
	 margin:0;
	 padding:0;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
}
.grid-container.column-2 {
	 grid-template-columns: repeat(4, 1fr);
}
 .grid-container.column-2 li {
	 grid-column: span 2;
	 width:100%;
}
 .grid-container.column-3 {
	 grid-template-columns: repeat(6, 1fr);
}
 .grid-container.column-3 li {
	 grid-column: span 2;
	 width:100%;
}
 .grid-container.column-3 li.span-2 {
	 grid-column: span 4;
	 width:100%;
}
 .grid-container.column-4 {
	 grid-template-columns: repeat(8, 1fr);
}
 .grid-container.column-4 li {
	 grid-column: span 2;
	 width:100%;
}
 .grid-container.column-5 {
	 grid-template-columns: repeat(10, 1fr);
}
 .grid-container.column-5 li {
	 grid-column: span 2;
	 width:100%;
}
/* This is the styling for the icons with page links */
.list-link li {
    align-items: center;
}
.list-link .title,
.list-link .title a {
     color:#0c2340;
     text-decoration:none;
     font-size: 1.25rem;
    line-height: 1;
    font-variant-numeric: lining-nums;
    font-weight: bold;
    border:none!important;
 }
.list-link .title a:hover {
    text-decoration:underline;   
 }
 .list-link .icon {
     margin:1rem;
 }
.list-link .icon a {
    margin-top:0rem;
     display:inline-block;
     transition: all .1s ease-out;
     border:none!important;
 }
 .list-link .icon a:hover {
     display:inline-block;
     margin-top:-1.5rem;
     background-color:transparent;
     transition: all .1s ease-out;
 }
/* This is the styling for the bottom background with content and links */ 
.bg-photo {
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-photo .bg-blue {
    background-color: rgba(12, 35, 64, .9);
    color: #fff;
}
.bg-photo .box-bgrd {
    padding: 3rem;
}
.bg-photo .bgrd-blue h4 {
    color:#fff;
    margin-top:0;
    margin-bottom:1.25rem;
}
.bg-photo .box-bgrd {
    padding:3rem;
}
.bg-photo .box-bgrd .wrapper {
    padding:0 10% 1rem;
}
.bg-photo .box-bgrd .wrapper p:last-of-type {
    margin-bottom:0;
}
.bg-photo .box-bgrd ul {
    display:inline-block;
    margin:0;
}
.bg-photo .box-bgrd ul li {
    display:inline-block;
    list-style:none;
    margin:.5rem;
}
/* Hero Images - Minor changes */
.hero-image.hi-about {
    background-image: url(https://www.utsa.edu/preview/wss/_files/about/images/hero/hero-about-2x.jpg);
}
.hero-image.hi-about-students {
    background-image: url(https://www.utsa.edu/preview/wss/_files/about/images/hero/hero-student-snapshot.jpg);
}
.hero-image.hi-about-faculty-research {
    background-image: url(https://www.utsa.edu/preview/wss/_files/about/images/hero/hero-faculty-research-2x.jpg);
}
.hero-image.hi-about-facts {
    background-image: url(https://www.utsa.edu/preview/wss/_files/about/images/hero/hero-facts-accolades.jpg);
}
.hero-image.hi-about-hispanic {
    background-image: url(https://www.utsa.edu/preview/wss/_files/about/images/hero/hero-hispanic-identity.jpg);
}
.hero-image.hi-about-rankings {
    background-image: url(https://www.utsa.edu/preview/wss/_files/about/images/hero/hero-rankings.jpg);
}
.hero-image.hi-about-utsa-organization {
    background-image: url(https://www.utsa.edu/preview/wss/_files/about/images/hero/hero-utsa-organization.jpg);
}
.hero-image.hi-about-history-development {
    background-image: url(https://www.utsa.edu/preview/wss/_files/about/images/hero/hero-history-development.jpg);
}
.hero-image.hi-about-campuses {
    background-image: url(https://www.utsa.edu/preview/wss/_files/about/images/hero/hero-campuses-2x.jpg);
}
.hero-image.hi-about-traditions {
    background-image: url(https://www.utsa.edu/preview/wss/_files/about/images/hero/hero-traditions.jpg);
}
.hero-image.hi-academics {
    background-image: url(https://www.utsa.edu/preview/wss/_files/about/images/hero/hero-academics.jpg);
}
.hero-image.hi-campus-life {
    background-image: url(https://www.utsa.edu/preview/wss/_files/about/images/hero/hero-campus-life.jpg);
}
.hero-image.hi-visitors {
    background-image: url(https://www.utsa.edu/preview/wss/_files/about/images/hero/hero-visitors.jpg);
}
.hi-about-dining {
    background-image: url(https://www.utsa.edu/_files/about/images/hero/hero-dining.jpg);
}
.hi-about-wellbeing {
    background-image: url(https://www.utsa.edu/_files/about/images/hero/hero-wellbeing.jpg);
}
.hi-about-parking-transportation {
    background-image: url(https://www.utsa.edu/_files/about/images/hero/hero-parking-transportation.jpg);
}
.hi-about-academic-support {
    background-image: url(https://www.utsa.edu/_files/about/images/hero/hero-academic-support.jpg);
}
.hi-about-safety {
    background-image: url(https://www.utsa.edu/_files/about/images/hero/hero-safety.jpg);
}
.hi-about-utsacard {
    background-image: url(https://www.utsa.edu/_files/about/images/hero/hero-utsacard.jpg);
}
.hi-about-career-services {
    background-image: url(https://www.utsa.edu/_files/about/images/hero/hero-utsacard.jpg);
} 
.hi-about-rowdy-store-downtown {
    background-image: url(https://www.utsa.edu/_files/about/images/hero/hero-rowdy-store-downtown.jpg);
} 

.hi-about-one-stop-fiscal-services {
    background-image: url(https://www.utsa.edu/_files/about/images/hero/hero-one-stop-fiscal-services.jpg);
} 
.cbi-utsacard-services:after {
    background-image: url(https://www.utsa.edu/_files/about/images/cards/downtown/card-utsacard-services-2x.jpg);
}
.cbi-student-meal:after {
    background-image: url(https://www.utsa.edu/_files/about/images/cards/downtown/card-utsacard-student-meal-plans-2x.jpg);
}
.cbi-employee-dining:after {
    background-image: url(https://www.utsa.edu/_files/about/images/cards/downtown/card-utsacard-employee-dining-plans-2x.jpg);
}
.cbi-rowdy-dollars:after {
    background-image: url(https://www.utsa.edu/_files/about/images/cards/downtown/card-utsacard-rowdy-dollars-2x.jpg);
}
.cbi-manage-card:after {
    background-image: url(https://www.utsa.edu/_files/about/images/cards/downtown/card-utsacard-manage-card-2x.jpg);
}
.cbi-campus-store-map:after {
     background-image: url(https://www.utsa.edu/_files/about/images/cards/downtown/card-rowdy-store-map-2x.jpg);
}
.cbi-hours:after {
     background-image: url(https://www.utsa.edu/_files/about/images/cards/downtown/card-rowdy-store-hours-2x.jpg);
}
.cbi-order-textbooks:after {
     background-image: url(https://www.utsa.edu/_files/about/images/cards/downtown/card-rowdy-store-textbooks-2x.jpg);
}
@media only screen and (min-width: 1199.98px) {
	 .grid-container.column-2.ctText li:last-child:nth-child(2n - 1) {
		 grid-column-end: 4;
	}
	 .grid-container.column-3.ctText li:last-child:nth-child(3n - 1) {
		 grid-column-end: -2;
	}
	 .grid-container.column-3.ctText li:nth-last-child(2):nth-child(3n + 1) {
		 grid-column-end: 4;
	}
	 .grid-container.column-3.ctText li:last-child:nth-child(3n - 2) {
		 grid-column-end: 5;
	}
	 .grid-container.column-4.ctText li:last-child:nth-child(4n - 1) {
		 grid-column-end: -2;
	}
	 .grid-container.column-4.ctText li:nth-last-child(2):nth-child(4n - 2) {
		 grid-column-end: -4;
	}
	 .grid-container.column-4.ctText li:nth-last-child(3):nth-child(4n + 1) {
		 grid-column-end: 4;
	}
	 .grid-container.column-4.ctText li:last-child:nth-child(4n - 2) {
		 grid-column-end: -3;
	}
	 .grid-container.column-4.ctText li:nth-last-child(2):nth-child(4n + 1) {
		 grid-column-end: 5;
	}
	/* Dealing with single orphan */
	 .grid-container.column-4.ctText li:last-child:nth-child(4n - 3) {
		 grid-column-end: 6;
	}
}
 @media only screen and (min-width: 600.98px) and (max-width:1199.98px) {
	 .grid-container.column-3.ctText, .grid-container.column-4.ctText {
		 grid-template-columns: repeat(4, 1fr);
	}
	 .grid-container.column-3.ctText li:last-child:nth-child(2n - 1), .grid-container.column-4.ctText li:last-child:nth-child(2n - 1) {
		 grid-column-end: 4;
	}
}
@media (max-width: 1439.98px) {
.bg-pattern .card img {
    display: block;
}
/*.card img {*/
/*    display: block;*/
/*}*/
}
@media (max-width: 1440.98px) {

}
@media (max-width: 990.98px) {
.align-items-center .wrapper {
    padding-left:0;
}
.align-items-center .order-2 .wrapper {
    padding-left:0;
    padding-right:0;
}
.align-items-center .block-photo {
    margin-bottom:1.5rem;
}
.content-row {
    padding: 5rem 0;
}
.grid-container.column-5,
.grid-container.column-4 {
		 grid-template-columns: repeat(6, 1fr);
	}
}
@media screen and (max-width: 767.98px) {
.grid-container.column-3, 
.grid-container.column-4 {
		 grid-template-columns: repeat(4, 1fr);
	}
	.grid-container.column-3 li.span-2 {
	     grid-column: span 2;
	 }
	 .bg-photo .box-bgrd .wrapper {
    padding: 0 0 1rem;
}
}
@media (max-width: 600.98px) {
.hero-image .hi-title {
    padding: 1rem 1.5rem;
}
.content-row {
    padding: 4rem 0;
}
.grid-container.column-3, 
.grid-container.column-4 {
		 grid-template-columns: repeat(2, 1fr);
	}
	.grid-container.column-5 {
		 grid-template-columns: repeat(4, 1fr);
	}

}
@media screen and (max-width: 480.98px) {
.grid-container.column-2 {
		 grid-template-columns: repeat(2, 1fr);
	}    
}