/* Hero Banner */
#admitted-students-hero-bg {
    display: flex;
    align-items: center;
    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://www.uh.edu/undergraduate-admissions/admitted-students/_images/hero-bg.jpg);
}

#admitted-students-hero-bg .btn-container {
    display: flex;
    justify-content: start;
    column-gap: 20px;
    flex-wrap: wrap;
}

#admitted-students-hero-bg .btn {
    border-radius: 50px;
    height: 54px;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    border-width: unset;
    border: none;
}


@media (min-width: 768px) {
    #admitted-students-hero-bg {
        height: 700px;
    }

    .admitted-students-hero-text {
        /*padding-bottom:40px;*/
    }

    .admitted-students-hero-text h1 {
        color: #FFFFFF;
    }

    .admitted-students-hero-text p {
        color: #FFFFFF;
        max-width: 610px;
    }

    #admitted-students-hero-bg .btn {
        max-width: 245px;
    }
    
}

@media (max-width: 767px) {
    #admitted-students-hero-bg {
        background: none;
    }

    #admitted-students-hero-bg,
    #admitted-students-hero-bg .container {
        padding: 0;
    }

    .visible-xs img {
        width: 100%;
    }

    .admitted-students-hero-text {
        padding: 0 1.25rem;
    }

    #admitted-students-hero-bg .btn-container {
        padding: 0 1.125rem;
    }
}


/**/

#admitted-student-guides #application-status-column .content-column-items {
    margin-bottom: 50px;
}

.content-column-items .content-column-intro {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
}

.btn-container {
    display: flex;
    justify-content: center;
    row-gap: 20px;
    column-gap: 40px;
}

@media (max-width: 1200px) {
    #application-status-column .btn-container {
        flex-wrap: wrap;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
}

@media (min-width: 768px) {
    #admitted-student-guides .content-column-section-heading {
        margin-top: 30px !important;
    }

    .scholarship-universe-grid ul {
        margin-bottom: 30px;
    }
}

/**/
#orientation-made-easy {
    padding: 0;
}

.orientation-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.orientation-container-img {
    background-image: url(https://www.uh.edu/undergraduate-admissions/admitted-students/_images/grid-img-1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    /* aspect-ratio: 1199 / 545; */
}

.orientation-container-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    width: 100%;
}

.orientation-container-content p {
    max-width: 100%;
    margin-bottom: 20px;
}

#orientation-made-easy .content-column-items {
    max-width: 100%;
}

#orientation-made-easy .content-column-items ul {
    padding-left: 0;
    list-style-type: none;
}

.orientation-container-content {
    order: 2;
}

.orientation-container-img {
    order: 1;
}

#orientation-made-easy .container {
    padding: 0;
}

@media (min-width: 768px) {
    .orientation-container {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        height: 545px;
        position: relative; 
        align-items: center;
    }

    .orientation-container-content {
        width: 50%;
        padding: 40px;
        order: 1;
        left: -3%; 
        z-index: 1; 
        padding-left: 70px;
    }

    .orientation-container-img {
        height: 545px;
        order: 2;
    }

    .orientation-container-content p {
        max-width: 500px;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .orientation-container-img {
        width: 50% !important;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .orientation-container,
    .orientation-container-img {
        height: 600px;
    }
}

@media (min-width: 1200px) {
    .orientation-container-content {
        padding-right: 20%;
    }

    .orientation-container-img {
        margin: 0 -10% 0 -15%;
    }
    
    .arrow-link a {
        max-width: unset !important;
    }
    
        .content-column-items ul {
        margin-left: -20px;
    }
    
    #undergraduate-admissions-leadership .text-content ul,
    .scholarship-universe-grid ul {
         margin-left: -40px !important;
    }
}

@media (max-width: 768px) {
    .orientation-container-img {
        aspect-ratio: 1199 / 545;
    }
}