/*# 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;
}
/* JVM: Removed the .cta-featured img rule since this is breaking the layout */

/*.cta-featured img {*/
/*    margin: 0;*/
/*    width: auto;*/
/*}*/
/*.cta-featured p:last-of-type {*/
/*    margin-bottom:0;*/
/*}*/
.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;
}
.card .card-body {
    padding: 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;
}

/* 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;
}
.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;
}
/* 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);
}
@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);
	}    
}