/* Begin Test Dates Green Focus Box - Present on every test page */

h2.test-dates {
    color: white !important;
    text-align: center;
}

p.test-dates {
    color: white !important;
    text-align: center;
}

/* End Test Dates Green Focus Box */

/* Begin Registration Steps Checklist - Present on every test page */

span.u-color--uab-green {
    color: #1e6b52;
}

.u-color--campus-green {
    color: #80bc00;
}

p.registration-steps {
    padding-top: 5px;
    padding-bottom: 5px;
}



div.resources-section {
    background-color: #eee !important;
    padding: 15px;
}

/* End Registration Steps Checklist - Present on every test page */

/* Begin Two Across Button - General Style */

div.button-two-across {
    display: flex;
    justify-content: center;
}

p.button-two-across {
    padding: 5px;
}

/* End Two Across Button - General Style */

/* Begin Bulleted List - General Style */

ul.bulletedList {
    margin: 0 0 0 30px;
}

/* End Bulleted List - General Style */

/* Begin Tests Landing Page Classes - Grid layout for button links */

div.tests--links-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    width: 100%;
}
}

.tests--links-block div a:hover {
    transform: scale(1.02) !important;
    transition: all ease 0.5s;
    box-shadow: 0px 10px 0 -6px #1E6B52 !important;
    border: 1px solid #1E6B52 !important;
}

.tests--links-block div a:hover {
    transform: scale(1.02);
    transition: all ease 0.5s;
    box-shadow: 0px 10px 0 -6px #1E6B52;
    border: 1px solid #1E6B52;
}

.tests--links-block a span {
    font-size: 1.5rem;
    hyphens: manual !important;
}

.tests--links-block div a {
    background-color: #1e6b52;
    text-align: center;
    padding: 1em;
    display: block;
    transition: all ease 0.5s;

}

.tests--links-block div span {
    color: #fff;
}

p.tests--links-intro {
    margin: 30px auto;

    max-width: 70%;
}

h1.tests--links-heading {
    text-align: center;
    padding: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin-bottom: 30px;
}

/* End Tests Landing Page Classes */

/* Begin Homepage Classes */
p.home-intro {
    margin: 0 auto;
    text-align: center;
    max-width: 77%;
}

/* End Homepage Classes */

/* Begin Homepage Testing Section */
div.home--feeds {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

    margin: 0 auto;
}

.home--feeds>div {
    padding: 1em;
    flex-grow: 1;
    flex-basis: calc(33% - 4em);
    border-right: 2px solid #00704a !important;
}

.home--feeds--title {
    font-size: 1.8em;
    color: #1e6b52;
    text-align: center;
    padding-bottom: 0.5em;
}

.home--feeds>div:last-child {
    border-right: none !important;
}

.home--testing--title {
    text-align: center;
    margin-bottom: 10px !important;
    font-size: 1.4rem;
}


div.home--testing-info {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 77%;
    margin: 0 auto;
}

.home--testing-info>div {
    padding: 1em;
    flex-basis: calc(33% - 4em);
    border-right: 1px solid #1e6b52;
    border-left: 1px solid #1e6b52;
    border-bottom: 1px solid #1e6b52;
    margin: 5px;
}

/* End Homepage Testing Section */

/* Begin Mobile/Tablet Style Section */

@media only screen and (max-width: 1080px) {
    div.home--testing-info {
        flex-direction: column;
    }

    .home--feeds--title {
        padding: 7px;
    }

    .home--announcements {
        padding: 0 0px 0px 0px;
    }

    div..home--feeds {
        margin-top: -35px;
    }

    div.tests--links-block {

        grid-template-columns: 1fr;
    }

    div.parking-info {
        flex-direction: column;
    }

    .item-page img {
        width: 100%;
        box-sizing: border-box;
        float: none !important;
        margin: 0 !important;
    }

    div.button-two-across {
        flex-direction: column;
        margin-top: 0px !important;
    }

    div.contact--us {
        grid-template-columns: 1fr !important;
    }

    body.hd #maincolumn-wide {
        width: 100% !important;
    }

    div.focus-box--pull-right--green {
        float: none !important;
    }

}

/* END Mobile/Tablet Style Section */

