.btn-container {
    margin-bottom:0;
}

/* Undergraduate Admissions Hero Banner */
 #undergrad-admissions-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/undergraduate-admissions/_images/_2024/homepage-banner.jpg);
	 
	 
}
 .undergrad-admissions-hero-text ul {
	 list-style: none;
	 display: flex;
	 flex-wrap: wrap;
	 padding-left: 0;
	 margin: 0;
}
 .undergrad-admissions-hero-text ul li {
	 padding: 0;
}
 .undergrad-admissions-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) {
	 #undergrad-admissions-hero-bg {
		 height: 700px;
	}
	 .request-info-btn {
		 width: 221px;
	}
	 .apply-for-admission-btn {
		 width: 251px;
	}
	 .undergrad-admissions-hero-text ul {
		 gap: 15px;
		 flex-wrap: nowrap;
	}
	 .undergrad-admissions-hero-text {
		 padding: 130px 40px 40px 0px;
	}
	 .undergrad-admissions-hero-text h1 {
		 color: #FFFFFF;
	}
	 .undergrad-admissions-hero-text p {
		 color: #FFFFFF;
		 max-width: 610px;
	}
}
 @media (max-width: 767px) {
	 #undergrad-admissions-hero-bg {
		 background: none;
	}
	 #undergrad-admissions-hero-bg, #undergrad-admissions-hero-bg .container {
		 padding: 0;
	}
	 .visible-xs img {
		 width: 100%;
	}
	 .undergrad-admissions-hero-text {
		 padding: 0 1.25rem;
	}
}
/* Campus Tour */
 #campus-tour {
	 background-color:#f5f5f5;
	 overflow:visible;
	 border-top: 1px solid #e9e9e9;
}
 #tour-campus-container {
	 display: flex;
	 flex-direction: column;
	 row-gap: 20px;
}
 .tour {
	 background-color: #fff;
	 border: 1px solid #e9e9e9;
	 border-radius: 8px;
	 overflow: hidden;
	 position:relative;
	 transition: all 300ms ease;
}
 .tour p {
	 text-align: center;
	 background-color: #FFF;
	 margin: 0;
	 padding: 15px;
	 position: relative;
	 z-index: 2;
}
 .tour-img {
	 aspect-ratio: 1 / 1;
	 width:100%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 color:#FFF;
	 transition: all 300ms ease;
}
 .tour-img::before {
	 content: "";
	 display: block;
	 position: absolute; /* added by Sarah on 06/10/2025, due to overlay not extending full-width in MC */
	 height: 100%;
	 width: 100%;
	 background-color: rgba(0,0,0,.4);
	 transition: all 300ms ease;
}
 .tour-img::after {
	 content: "360\00B0";
	 font-weight: bold;
	 display: block;
	 position: absolute;
	 transition: all 300ms ease;
}
 .tour a {
	 display: block;
	 text-align: center;
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 z-index: 3;
}
 .tour p span:after {
	 content: "";
	 background: url(https://www.uh.edu/_images/_homepage/arrow-right-solid-black.svg) center center no-repeat;
	 background-size: contain;
	 display: inline-block;
	 height: 16px;
	 width: 30px;
	 margin-left: 10px;
	 margin-bottom: -1px;
}
 .uh-tour {
	 background:url(https://www.uh.edu/_images/_homepage/uh-tour.jpg);
	 background-size:cover;
	 background-position:center center;
}
 .academic-colleges-tour {
	 background:url(https://www.uh.edu/_images/_homepage/academic-colleges.jpg);
	 background-size:cover;
	 background-position:center center;
}
 .admission-red-btn {
	 border-radius: 50px;
	 padding: 17.5px;
	 font-size: 18px;
	 border: none;
	 width: 100%;
}
 .admission-red-btn img {
	 position: relative;
	 top: 5px;
	 left: 10px;
}
 @media (min-width:768px) {
	 #tour-campus-container {
		 max-width: 740px;
		 margin-left: auto;
		 margin-right: auto;
		 display: flex;
		 flex-direction: row;
		 flex-wrap:wrap;
		 column-gap:40px;
		 align-content: center;
		 align-items: center;
	}
	 .campus-tour-intro {
		 max-width: 610px;
		 margin: 0 auto;
	}
	 .tour {
		 flex: 1;
		 min-width:220px;
	}
	 .tour:hover .tour-img::before {
		 background-color: rgba(0,0,0,0);
	}
	 .tour:hover .tour-img::after {
		 opacity:0;
	}
	 .tour:hover .tour-img {
		 transform: scale(1.05);
	}
	 .tour a {
		 display: block;
		 text-align: center;
		 position: absolute;
		 top: 0;
		 right: 0;
		 bottom: 0;
		 left: 0;
		 z-index: 3;
	}
	 .tour p span:after {
		 content: "";
		 background: url(https://www.uh.edu/_images/_homepage/arrow-right-solid-black.svg) center center no-repeat;
		 background-size: contain;
		 display: inline-block;
		 height: 16px;
		 width: 30px;
		 margin-left: 10px;
		 margin-bottom: -1px;
	}
	 .admission-red-btn {
		 width: 350px;
	}
}
 @media (min-width:992px) {
	 .tour {
		 margin-top: -90px;
	}
	 .campus-tour-intro {
		 flex: 1.37142857;
	}
	 #tour-campus-container {
		 max-width:1260px;
	}
}
/* Academic Excellence */
 .academic-excellence-img {
	 max-width: 1260px;
	 height: 340px;
	 width: 100%;
	 background-size: cover;
	 background-position: center center;
	 background-image: url(https://www.uh.edu/undergraduate-admissions/_images/_2024/academics.jpg);
}
 #academic-excellence .section-heading {
	 display: flex;
	 margin-bottom: 20px;
}
 #academic-excellence .btn-container {
	 display: flex;
	 justify-content: center;
}
 .academic-excellence-img {
	 margin: 0 auto;
}
 .pride-points li img {
	 transform: translate(-50%, -100%);
	 position: absolute;
	 left: 50%;
}
 .pride-points {
	 margin: 0 auto;
	 list-style: none;
	 padding: 0;
	 display: flex;
}
 .date-ribbon {
	 font-size: 20px;
	 font-weight: normal;
	 display: flex;
	 justify-content: center;
	 column-gap: 80px;
	 position: relative;
	 margin-top: -35px;
	 margin-bottom: 20px;
}
 .date-ribbon span:first-child:before {
	 content: "";
	 border-top: 1px solid #000;
	 display: block;
	 position: relative;
	 top: calc(50% + 2px);
	 right: 150%;
}
 .date-ribbon span:last-child:before {
	 content: "";
	 border-top: 1px solid #000;
	 display: block;
	 position: relative;
	 top: calc(50% + 2px);
	 left: 150%;
}
 .pride-points li .teaser {
	 display: flex;
	 font-size: 20px;
	 line-height: 24px;
	 font-weight: normal;
	 margin-top: 25px;
	 justify-content: center;
}
 .pride-points-container {
	 display: flex;
	 justify-content: center;
	 margin-top: 150px;
}
 .pride-points li u {
	 text-decoration-color: #f6be00;
	 text-underline-offset: 3px;
}
 .pride-points li {
	 font-size: 28px;
	 font-weight: 700;
	 text-align: center;
	 line-height: 40px;
}
 @media (min-width: 992px) {
	 .pride-points {
		 max-width: 1260px;
		 margin: 0 auto;
		 list-style: none;
		 padding: 0;
		 display: flex;
		 flex-direction: row;
		 flex-wrap: wrap;
		 gap: 40px;
	}
}
 @media (min-width: 768px) {
	 .pride-points li {
		 font-size: 40px;
	}
	 .academic-excellence-p {
		 width: 740px;
		 margin: 20px auto 40px auto;
		 text-align: center;
	}
}
 #academic-excellence .section-heading {
	 justify-content: center;
}
/* Apply for Admission */
#the-college-tour a,
#apply-for-admission a { text-decoration: none; }

 .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://www.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;
	}
}
 .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;
}
 .arrow-link a {
	 padding-right: 40px;
}
 .grid-column-items ul li {
	 width: 100% !important;
}
 .arrow-link::after {
	 background-image: url('https://www.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;
}
 .grid-column-items .grid-column-option-list {
	 background-color: #E9E9E9;
}


 .row.d-flex {
	 display: flex;
	 flex-wrap: wrap;
	 row-gap: 20px;
}
 .side-text {
	 color: #E31937;
}
 #application-status-column {
	 margin-top: 20px;
	 width: 100%
}
 #application-status-column .content-column-items {
	 margin-left: auto;
	 margin-right: auto;
}
 @media (min-width: 1200px) {

	 .arrow-link a {
		 max-width: fit-content !important;
	}

	 .row.d-flex {
		 row-gap: 40px;
	}
	

	 #apply-for-admission .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;
		 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;
	}
	 #apply-for-admission .section-heading {
		 display: flex;
		 justify-content: center;
	}
	 .apply-for-admission-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;
	}
}
 #apply-for-admission .split-content-apply-section {
	 max-width: 1520px;
	 margin-left: auto;
	 margin-right: auto;
}



/* Undergraduate Admissions Leadership */


 .undergrad-leadership-container {
	 background-color: #F5F5F5;
}
 .circle {
	 width: 150px;
	 height: 150px;
	 border-radius: 50%;
	 background-color: wheat;
	 border: 3px solid #FFFFFF;
}
 .circle-container {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 10px;
	 justify-content: center;
	 padding: 20px 5px;
	 z-index: 10;
	 position: sticky;
}
 .undergrad-leadership-content {
	 padding: 40px 0;
}
 .undergrad-leadership-container p {
	 margin-left: auto;
	 margin-right: auto;
	 padding: 0 20px;
}
 .centered-heading {
	 margin-left: auto !important;
	 margin-right: auto !important;
	 padding: 0 20px !important;
	 display: flex !important;
	 justify-content: center !important;
}
 @media (min-width: 768px) {
	 .undergrad-leadership-container p {
		 max-width: 740px;
	}
	 .undergrad-leadership-container {
	}
	 .circle-container {
		 display: flex;
		 flex-wrap: wrap;
		 gap: 40px;
		 justify-content: center;
		 margin: 40px 0 60px 0;
	}
	 .undergrad-leadership-content {
		 padding-top: 100px;
	}
	/* .circle-container {
		*/
		/* padding: 40px 5px;
		*/
		/*
	}
	*/
}
 .social-media-section {
	 list-style: none;
	 padding: 0;
	 display: -webkit-flex;
	 display: flex;
	 -webkit-flex-direction: row;
	 flex-direction: row;
	 -webkit-flex-wrap: wrap;
	 flex-wrap: wrap;
}
 .social-media-section {
	 justify-content: center;
	 margin-top: 3.75rem;
	 position: relative;
	 z-index: 2;
	 margin-bottom: 40px !important;
}
 .social-media-section li {
	 margin-bottom: 0;
	 height: 90px;
	 width: 90px;
}
 .social-media-section li a {
	 background: #C8102E;
	 border-radius: 50%;
	 display: block;
	 height: 90px !important;
	 transition: background .25s ease;
	 width: 90px !important;
	 padding: 30px;
}
 .social-media-section {
	 list-style: none;
	 padding: 0;
	 display: -webkit-flex;
	 display: flex;
	 -webkit-flex-direction: row;
	 flex-direction: row;
	 -webkit-flex-wrap: wrap;
	 flex-wrap: wrap;
	 gap: 20px 
}
 .social-media-section li a img {
	 fill: #fff;
}
 .reddit-icon img {
	 margin-left: -2px;
	transform: scale(1.2);
}
 .youtube-icon img {
	 margin-top: 3px;
	 transform: scale(1.1);
}
 #undergraduate-admissions-leadership {
	 overflow: visible;
}
 #social {
	 background-color: #1F1F1F;
	 overflow: visible;
	 margin-top: -8rem;
}
 #social .crt-post .crt-post-fullname, #social .crt-social-icon img, #social .crt-widget .crt-post-footer .crt-post-share a, #social .crt-widget .crt-post-date a{
	 color: white !important;
}
/* Staff Info */
 .staff-block {
	 max-width: 1120px;
	 padding: 0 60px;
	 margin: 0 auto;
}
 .staff-images {
	 justify-content: center;
	 flex-wrap: wrap;
	 list-style: none;
	 display: flex;
	 padding: 0;
}
 .staff-container {
	 position: relative;
	 background-color: #f5f5f5;
	 width: 150px;
	 height: 150px;
	 border-radius: 50%;
}
 .staff-container p {
	 width: 100%;
	 padding: 0 30px 30px 30px;
	 position: absolute;
	 top: 195px;
	 left: 50%;
	 transform: translateX(-50%);
	 display: none;
}
 #main-content p a:not(.btn) {
	 text-decoration: underline;
}
 .staff-block ul li {
	 width: 150px;
	 height: 150px;
}
 .staff-images li {
	 margin: 20px;
	 position: relative;
}
 .staff-photo {
	 background-color: #e9e9e9;
	 border: 3px solid #FFF;
	 width: 150px;
	 height: 150px;
	 border-radius: 50%;
	 margin: 0 auto;
	 background-size: cover;
	 background-repeat: no-repeat;
	 background-position: center center;
	 font-size: 0;
}
 .staff-block {
	 max-width: 1120px;
	 padding: 0 60px;
	 margin: 0 auto;
}
 #overflow {
	 overflow: visible;
}
 .staff-container a {
	 text-decoration: underline;
}
 .staff-photo {
	 background-color: #e9e9e9;
	 border: 3px solid #FFF;
	 width: 150px;
	 height: 150px;
	 border-radius: 50%;
	 margin: 0 auto;
	 background-size: cover;
	 background-repeat: no-repeat;
	 background-position: center center;
	 font-size: 0;
}
 .staff-container:hover .staff-photo, .staff-container:focus .staff-photo, .staff-container:focus-within .staff-photo {
	 border-color: #c8102e;
}
 .staff-block ul li {
	 width: 150px;
	 height: 150px;
}
 .staff-block {
	 max-width: 1120px;
	 padding: 0 60px;
	 margin: 0 auto;
}
 .staff-container {
	 position: relative;
	 background-color: #f5f5f5;
	 width: 150px;
	 height: 150px;
	 border-radius: 50%;
}
 .staff-container:hover, .staff-container:focus, .staff-container:focus-within {
	 width: 350px;
	 height: 375px;
	 border-radius: 0;
	 background-color: #FFF;
	 border: 1px solid #e9e9e9;
	 z-index: 101;
	 padding: 30px;
	 margin-top: -31px;
	 position: absolute;
	 left: 50%;
	 transform: translateX(-50%);
	 -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	 -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	 box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	 outline: none;
}
 .staff-container p {
	 width: 100%;
	 padding: 0 30px 30px 30px;
	 position: absolute;
	 top: 195px;
	 left: 50%;
	 transform: translateX(-50%);
	 display: none;
}
 .staff-container:hover p, .staff-container:focus p, .staff-container:focus-within p {
	 display: block;
}
 .staff-images li img {
	 border: 3px solid #FFF;
}
 .staff-images li:hover img, .staff-images li:focus img, .staff-images li:focus-within img {
	 border: 3px solid #c8102e;
}
 .staff-images li {
	 margin: 20px;
	 position: relative;
}
 .ptext {
	 text-align: center;
	 max-width: 740px;
	 margin-left: auto;
	 margin-right: auto;
	 position: relative;
}

/* The College Tour block */
.split-content-container-cougar {
    width: 100%;
    max-width: 1520px;
    height: auto;
    background-color: #FFFFFF;
    border: 1px solid #E9E9E9;
    display: flex;
    flex-direction: column-reverse;
    /*margin-top: 50px;*/
    /*margin: 0;*/
    margin-bottom: -40px !important;
}

#tct .text-content {
    width: 100%;
    max-width: 650px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    padding: 30px 40px 30px 40px;
    height: 100%;
}

#tct .text-content ul {
    width: 100%;
    background-color: #F5F5F5;
    padding-left: 20px;
}

#tct .arrow-link {
    list-style: none;
    font-size: 18px;
    padding: 3px;
    position: relative;
}

#tct .arrow-link a {
    color: #000000 !important;
    padding-right: 30px;
    display: block;
    width: 100% !important;
}

#tct .arrow-link::after {
    background-image: url(https://www.uh.edu/undergraduate-admissions/explore-campus/_images/vector-black.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;
}

#tct .image-content img {
    width: 870px;
    height: 100%;
    object-fit: cover;
    object-position: left;
}

#tct .arrow-link a:hover {
    text-decoration:none !important;
}

#tct .text-content ul:hover {
	background-color: #E9E9E9;
	cursor: pointer;
}

@media (min-width: 1200px) {
    #tct .text-content {
        padding: 60px 50px 60px 120px;
    }

    #tct .text-content ul {
        margin-left: -20px;
        padding-left: 40px;
    }

    .split-content-container-cougar {
        border-radius: 8px;
    }
    
    #tct .arrow-link a {
        margin-left: -20px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    #tct .text-content {
        padding: 40px 20px 20px 40px;
    }
}


@media (min-width: 768px) {
    .split-content-container-cougar {
        display: flex;
        flex-direction: row;
        height: auto;
    }

    #tct .text-content p {
        max-width: 480px;
    }

    #tct .image-content img {
        border-radius: 0 8px 8px 0;
    }
}