/* styles take from Undergraduate Admissions page CSS file (_styles.css) */

.nav-breadcrumb {
    display: none;
}

 #certificate-programs .btn-container {
	 list-style: none;
	 text-align: center;
	 margin: 0 auto 40px auto;
	 padding: 0 0 0 0;
}
#certificate-programs h2.section-heading, #colleges-offering h2.section-heading, h3.section-heading {
    margin-right: 0;
}

.page-section .section-heading + p {
    margin-top: 1.125rem;
    display: block;
}
/* New Courses Hero Banner */
 #new-courses-hero-bg {
	 background-color: #F5F5F5 !important;
	 background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 6.72%, rgba(0, 0, 0, 0) 72.6%), url(https://uh.edu/katy/_images/banner-images/katy-campus_academic-building-west-wall-students-walking_1920x600.jpg);
}
 .new-courses-hero-text ul {
	 list-style: none;
	 display: flex;
	 flex-wrap: wrap;
	 padding-left: 0;
	 margin: 0;
}
 .new-courses-hero-text ul li {
	 padding: 0;
}
 .new-courses-hero-text ul li a {
	 padding: 12px 20px;
	 border-radius: 50px;
	 display: flex;
	 justify-content: center;
	 margin-top: 1rem;
	 text-decoration: none !important;
	 background-color: #C8102E;
	 color: #FFFFFF !important;
}
 .request-info-btn a:hover, .apply-for-admission-btn a:hover {
	 background-color: #960C22;
}
 @media (min-width: 768px) {
	 #new-courses-hero-bg {
		 height: 700px;
	}
	 .request-info-btn {
		 width: 221px;
	}
	 .apply-for-admission-btn {
		 width: 251px;
	}
	 .new-courses-hero-text ul {
		 gap: 15px;
		 flex-wrap: nowrap;
	}
	 .new-courses-hero-text {
		 padding: 130px 40px 40px 0px;
	}
	 .new-courses-hero-text h1 {
		 color: #FFFFFF;
	}
	 .new-courses-hero-text p {
		 color: #FFFFFF;
		 max-width: 610px;
	}
	 #certificate-programs .btn-container {
	     max-width: 737px;
    }
}
 @media (max-width: 767px) {
	 #new-courses-hero-bg {
		 background: none;
	}
	 #new-courses-hero-bg, #new-courses-hero-bg .container {
		 padding: 0;
	}
	 .visible-xs img {
		 width: 100%;
	}
	 .new-courses-hero-text {
		 padding: 0 1.25rem;
	}
}

#colleges-offering h2.section-heading {
    margin-bottom: 3rem;
}

 .section-title-list {
	 margin-left: -20px;
}
 .section-ttitle-item {
	 background-color: #E9E9E9;
	 height: 35px;
	 padding: 2.5px 0 2.5px 20px;
	 box-sizing: border-box;
}
 .section-options-list li {
	 background-color: #F5F5F5;
	 height: auto;
	 padding: 2.5px 0 2.5px 43px;
	 box-sizing: border-box;
	 margin-left: -40px;
	 margin-right: -20px;
	 justify-content: space-between;
}
 .section-options-list {
	 row-gap: 2px;
	 display: flex;
	 flex-direction: column;
}
 .arrow-link {
	 position: relative;
}
 .grid-column-items ul li {
	 width: 100% !important;
}
 .arrow-link::after {
	 background-image: url('https://uh.edu/undergraduate-admissions/_images/_2024/arrow.png');
	 background-repeat: no-repeat;
	 background-size: contain;
	 content: "";
	 display: inline-block;
	 height: 15px;
	 position: absolute;
	 right: 20px;
	 top: 50%;
	 transform: translateY(-50%);
	 width: 15px;
	 -webkit-pointer-events: none;
	 pointer-events: none; /* Enable interaction */
}
 .grid-column-items .grid-column-option-list {
	 background-color: #E9E9E9;
}
.grid-column-items .grid-column-option-list a {
    display: block;
    width: 100%;
}
 .row.d-flex {
	 display: flex;
	 flex-wrap: wrap;
	 row-gap: 20px;
}
 .side-text {
	 color: #E31937;
}

 @media (min-width: 1200px) {
	 .arrow-link a {
		 /* max-width: fit-content !important; */
		 max-width: 100% !important;
	}
	 .row.d-flex {
		 row-gap: 40px;
	}
	 #colleges-offering .split-content-apply-section .content-column {
		 padding: 60px 40px 60px 130px;
	}
}
 @media (min-width: 992px) {
	 .split-content-apply-section, #application-status-column {
		 margin-top: 40px;
	}
	 .admission-red-btn {
		 width: 100%;
	}
}
 @media (min-width: 768px) {
	 .grid-section {
		 width: auto;
		 border-radius: 8px;
	}
	 .arrow-link a {
		 width: 100% !important;
		 max-width: 100%;
	}
	 .row.d-flex .col-md-6 {
		 display: flex;
		 flex-direction: column;
	}
	 .content-column.grid-section {
		 flex: 1;
	}
	 #colleges-offering .section-heading, #certificate-programs .section-heading {
		 display: flex;
		 justify-content: center;
	}
	 .certificate-programs-p {
		 width: 737px;
		 margin: 0 auto 40px auto;
		 text-align: center;
	}
	 #application-status-column .content-column {
		 border-radius: 8px;
		 text-align: center;
	}
	 #application-status-column .content-column-section-heading {
		 margin-left: auto;
		 margin-right: auto;
	}
	 #application-status-column .admission-red-btn {
		 margin-top: 30px;
	}
	 .admission-red-btn {
		 max-width: 300px;
	}
}
 #colleges-offering .split-content-apply-section {
	 max-width: 1520px;
	 margin-left: auto;
	 margin-right: auto;
}

 .content-column-items {
	 width: 100%;
}

 .content-column-section-heading {
	 text-transform: uppercase;
}
 .content-column-items ul li {
	 background-color: #F5F5F5;
	 display: flex;
	 flex-direction: row;
	 font-size: 18px;
	 justify-content: space-between;
	 padding: 2.5px 0 2.5px 20px;
	 width: 100%;
}
 .content-column-items ul li:hover {
	 background-color: #E9E9E9;
}
 .more-information-icon a:hover svg rect {
	 fill: #D89B00;
}
 .more-information-icon {
	 bottom: -25px;
	 position: absolute;
	 right: 20px;
	 top: auto;
}
 .content-column-items ul {
	 display: flex;
	 flex-direction: row;
	 flex-wrap: wrap;
	 list-style: none;
	 row-gap: 2px;
	 padding: 0;
}
 .content-column {
	 background-color: #FFFFFF;
	 border: 1px solid #E9E9E9;
	 display: flex;
	 flex-direction: column;
	 flex: 1;
	 position: relative;
	 padding: 40px;
}
 .more-information-icon {
	 bottom: -25px;
	 position: absolute;
	 right: 20px;
	 top: auto;
}
 .split-content-card {
	 display: flex;
	 flex-direction: column-reverse;
	 height: auto;
}
 .media-column {
	 background-position: center;
	 background-repeat: no-repeat;
	 background-size: cover;
	 position: relative;
	 width: 100%;
}
 .media-column {
	 aspect-ratio: 430 / 250;
}
 .internal-link::after {
	 background-image: url('https://uh.edu/undergraduate-admissions/cost-and-aid/_images/vector-2.png');
	 background-repeat: no-repeat;
	 background-size: contain;
	 content: "";
	 display: inline-block;
	 height: 15px;
	 position: absolute;
	 right: 20px;
	 top: 50%;
	 transform: translateY(-50%);
	 width: 15px;
}
 .internal-link {
	 padding-right: 20px;
	 position: relative;
}
 .content-column-items ul li a:hover {
	 color: #000000;
	 text-decoration: none !important;
}
 .content-column-items ul li a {
	 align-items: center;
	 color: #000000 !important;
	 display: flex;
	 justify-content: space-between;
	 text-decoration: none;
	 width: 100%;
	 padding-right: 40px;
}

 @media (min-width: 1200px) {
	 .more-information-icon {
		 position: relative;
		 right: 30px;
		 top: 70px;
	}
	 .content-column-items {
		 margin-left: -20px;
         width: calc(100% + 20px);
	}
	 .split-content-card {
		 flex-direction: row;
		 flex-wrap: wrap;
	}
	 .content-column-items ul {
		 column-gap: 40px;
	}
	 .content-column-items ul li {
		 width: calc(50% - 20px);
		 cursor: pointer;
	}
	 .media-column {
		 background-image: url('https://uh.edu/undergraduate-admissions/academics/_images/coad-columns-header-desktop.jpg');
		 background-size: cover;
		 border-radius: 0 8px 8px 0;
		 height: auto;
		 position: relative;
		 width: 350px;
	}
	 .content-column {
		 align-items: start;
		 border-radius: 8px 0 0 8px;
		 padding: 70px 130px;
	}
	 .grid-column-items ul {
		 margin: 0;
	}
	 .grid-column-items .grid-column-option {
		 padding-left: 40px !important;
	}
}
 @media (min-width: 768px) and (max-width: 1200px) {
	 .media-column {
		 border-radius: 8px 8px 0 0;
		 aspect-ratio: 430 / 250;
	}
	 .content-column {
		 border-radius: 0 0 8px 8px;
	}
	 .content-column-items ul {
		 column-gap: 20px;
		 margin-left: 0;
	}
	 .content-column-items {
		 margin-bottom: auto;
	}
}
 .admission-red-btn {
	 border-radius: 50px;
	 padding: 17.5px;
	 font-size: 18px;
	 border: none;
	 width: 100%;
	 margin-bottom: 20px;
}

 .admission-red-btn img {
	 position: relative;
	 top: 5px;
	 left: 10px;
}