/* Costs & Aid Hero Banner */
 #cost-and-aid-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/cost-and-aid/_images/cost-and-aid-hero-bg.jpg);
}
 .cost-and-aid-hero-text ul {
	 list-style: none;
	 display: flex;
	 flex-wrap: wrap;
	 padding-left: 0;
	 margin: 0;
}
 .cost-and-aid-hero-text ul li {
	 padding: 0;
}
 .cost-and-aid-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;
}
 .cost-and-aid-hero-text ul li a:hover {
	 background-color: #960C22;
}
 @media (min-width: 768px) {
	 #cost-and-aid-hero-bg {
		 height: 700px;
	}
	 .tuition-btn {
		 width: 265px;
	}
	 .aid-btn {
		 width: 217px;
	}
	 .cost-and-aid-hero-text ul {
		 gap: 15px;
		 flex-wrap: nowrap;
	}
	 .cost-and-aid-hero-text {
		 padding: 130px 40px 40px 0px;
	}
	 .cost-and-aid-hero-text h1 {
		 color: #FFFFFF;
	}
	 .cost-and-aid-hero-text p {
		 color: #FFFFFF;
		 max-width: 610px;
	}
}
 @media (max-width: 767px) {
	 #cost-and-aid-hero-bg {
		 background: none;
	}
	 #cost-and-aid-hero-bg, #cost-and-aid-hero-bg .container {
		 padding: 0;
	}
	 .visible-xs img {
		 width: 100%;
	}
	 .cost-and-aid-hero-text {
		 padding: 0 1.25rem;
	}
}
/* Estimated Tuition & Fees */
 #tuition-and-fees-section {
	 overflow: visible;
}
 .tuition-red-btn {
	 border-radius: 50px;
	 padding: 17.5px;
	 font-size: 18px;
	 border: none;
	 width: 100%;
}
 .tuition-red-btn img {
	 position: relative;
	 top: 5px;
	 left: 10px;
}
 #tuition-and-fees-section ul {
	 list-style: none;
	 display: flex;
	 flex-direction: column;
	 padding: 0;
	 position: relative;
}
 #tuition-and-fees-section li {
	 display: flex;
	 flex-direction: column;
	 margin-left: auto;
	 margin-right: auto;
}
 .teaser {
	 margin-left: auto;
	 margin-right: auto;
}
 .amount {
	 font-size: 60px;
	 line-height: 50px;
	 font-weight: 700;
	 line-height: 75px;
}
 #tuition-and-fees-section h2 {
	 margin-bottom: 20px;
}
 #tuition-and-fees-section .content-column {
	 padding: 40px;
}
 .line-area {
	 max-width: 59px;
	 padding: 15px 0;
}
 @media (min-width: 1200px) {
	 #tuition-and-fees-section .content-column {
		 width: 1520px;
		 width: 100%;
	}
}
 @media (min-width: 992px) {
	 #tuition-and-fees-section ul {
		 gap: 200px;
	}
}
 @media (min-width: 768px) and (max-width: 992px) {
	 #tuition-and-fees-section ul {
		 gap: 100px;
	}
}
 @media (min-width: 768px) {
	 .tuition-red-btn {
		 width: 350px;
	}
	 .amount {
		 font-size: 60px;
	}
	 #tuition-and-fees-section p {
		 max-width: 740px;
	}
	 #tuition-and-fees-section .section-heading, #tuition-and-fees-section p, #tuition-and-fees-section ul {
		 margin-left: auto;
		 margin-right: auto;
		 text-align: center;
	}
	 #tuition-and-fees-section ul {
		 margin: 40px auto;
		 flex-direction: row;
		 flex-wrap: nowrap;
	}
	 #tuition-and-fees-section li {
		 gap: 20px;
	}
	 #tuition-and-fees-section .content-column {
		 padding: 75px 90px 50px 90px;
		 margin-top: -100px;
		 border-radius: 8px;
	}
	 .line-area {
		 position: absolute;
		 left: 45%;
		 top: 25%;
		 padding: 0;
	}
}
/* Pride Points */
 #pride-points {
	 margin-top: -5%;
}
 .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%;
	 width: 32px;
}
 .date-ribbon span:last-child:before {
	 content: "";
	 border-top: 1px solid #000;
	 display: block;
	 position: relative;
	 top: calc(50% + 2px);
	 left: 150%;
	 width: 32px;
}
 .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;
	}
}
/* Types of Aid */
 .content-column-items {
	 width: 100%;
}
 #content-column .content-column-items {
	 margin-bottom: -40px;
}
 .content-column-section-heading {
	 margin-top: 50px;
	 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 0 60px 0;
}
 .content-column {
	 background-color: #FFFFFF;
	 border: 1px solid #E9E9E9;
	 display: flex;
	 flex-direction: column;
	 flex: 1;
	 position: relative;
	 padding: 0 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-bottom: 0;
	}
	 .split-content-card {
		 flex-direction: row;
		 flex-wrap: wrap;
	}
	 .content-column-items ul {
		 padding-left: 20px;
		 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: 20px 90px;
	}
	 #content-column p {
		 width: calc(100% - 5rem);
	}
	 #content-column .content-column-items {
		 margin-bottom: 0px;
	}
	 .grid-column-items ul {
		 margin: 0;
	}
}
 @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://staging.web.e.uh.edu/dev-sandbox/chen/admission/_images/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;
}
 .grid-section .content-column-section-heading, .grid-section-second-row .content-column-section-heading {
	 margin-bottom: 25px;
}
 .grid-column-items {
	 margin-top: 10px;
}
 .grid-card-second-row {
	 height: auto;
	 margin-bottom: 20px;
}
 .grid-section-second-row, .grid-section {
	 padding-bottom: 6.5rem;
}
 .row.d-flex {
	 display: flex;
	 flex-wrap: wrap;
	 row-gap: 20px;
}
 .side-text {
	 color: #E31937;
}
 #application-status-column {
	 margin-top: 20px;
}
 #application-status-column .content-column-items {
	 margin-left: auto;
	 margin-right: auto;
}
 @media (min-width: 1200px) {
	 .grid-section-second-row {
		 padding-bottom: 0px;
	}
	 .arrow-link a {
		 max-width: fit-content !important;
	}
	 .grid-section-second-row .content-column-section-heading {
		 width: 100%;
	}
	 .row.d-flex {
		 row-gap: 40px;
	}
	 #apply-for-admission #content-column h2 {
		 width: calc(100% - 4.5rem);
		 margin-left: auto !important;
	}
	 #apply-for-admission .split-content-apply-section .content-column {
		 padding: 20px 90px 20px 120px;
	}
	 #apply-for-admission .split-content-apply-section .content-column ul{
		 padding-left: 0;
		 margin-left: -20px;
	}
}
 @media (min-width: 992px) {
	 .split-content-apply-section, #application-status-column {
		 margin-top: 40px;
	}
}
 @media (min-width: 768px) {
	 .grid-section {
		 width: auto;
		 padding-bottom: 7rem;
		 border-radius: 8px;
	}
	 .grid-section-second-row {
		 padding-bottom: 4rem;
		 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;
}
 #apply-for-admission .split-content-apply-section h2 {
	 margin-bottom: 25px;
}
 #apply-for-admission #content-column h2 {
	 margin-bottom: 25px;
	 margin-right: auto;
	 margin-left: 0;
	 text-align: start;
}
 #apply-for-admission .split-content-apply-section p, #apply-for-admission #content-column p {
	 margin-left: auto;
	 margin-right: auto;
}