﻿.main-content .main-column {
    padding-left: 0;
    padding-right: 0;
}

section.content a:hover, section.content a:focus {
    text-decoration: none;
}

    .opening-content h2 {
        color: #00406e;
    }

.full-width-container {
    display: grid;
    justify-content: center;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

    .full-width-container img {
        margin: 0;
        padding: 0;
    }

.student-type-block {
    position: relative;
    overflow: hidden;
}

.image-block {
    position: relative;
    overflow: hidden;
}

    .image-block .image-overlay {
        display: none;
    }

    .image-block img {
        border-bottom: 5px solid #d29f2a;
        transition: transform .1s;
    }

        .image-block img:hover {
            transform: scale(1.1);
        }

.text-block {
    position: relative;
    padding: 0px 3%;
    background-color: transparent;
    transition: all .15s ease-in;
    transition-property: all;
    transition-duration: 0.15s;
    transition-timing-function: ease-in;
    transition-delay: 0s;
}

.student-type-block:hover .image-block .image-overlay, .student-type-block:focus .image-block .image-overlay, .student-type-block:focus-within .image-block .image-overlay {
    background-color: rgba(0, 44, 110, .8);
}

.student-type-block:hover .text-block, .student-type-block:focus .text-block, .student-type-block:focus-within .text-block {
    background-color: rgba(0, 44, 110, .8);
}

    .student-type-block:hover .text-block h3, .student-type-block:focus .text-block h3, .student-type-block:focus-within .text-block h3 {
        color: #fff;
    }

    .student-type-block:hover .text-block p, .student-type-block:focus .text-block p, .student-type-block:focus-within .text-block p {
        color: #fff;
    }

    .student-type-block:hover .text-block h3,
    .main .content .student-type-block:hover .text-block p,
    .student-type-block:focus .text-block h3,
    .main .content .student-type-block:focus .text-block p,
    .student-type-block:focus-within .text-block h3,
    .student-type-block:focus-within .text-block p {
        color: #fff !important;
    }

.student-type-block:hover .image-block img {
    transform: scale(1.1);
}

.student-type-block:hover .overlay-block, .student-type-block:focus .overlay-block, .student-type-block:focus-within .overlay-block {
}

.text-block h3, .main .content .text-block p {
    color: #000;
}

.text-block h3 {
    margin: 0;
    padding: 10px 0px;
    color: #00406e;
    text-transform: none;
}

.text-block p {
    margin: 0;
    line-height: 1.4em;
}

.gray .text-block a.button {
    background-color: #00406e;
}

.blue .text-block a.button {
}

.student-type-block a.button {
    position: absolute;
    bottom: 10px;
    max-width: 90%;
    color: #fff !important;
    border-radius: 5px;
    font-weight: bold;
    background-color: #00406e;
    text-align: center;
    text-decoration: none !important;
}

.text-block a.button:hover, .text-block a.button:focus {
    color: #00406e !important;
    background-color: #fff;
    text-decoration: underline !important;
}

.student-type-block:hover a.button {
    color: #00406e !important;
    background-color: #fff;
    text-decoration: underline !important;
}

@media only screen and (min-width: 40.063em) { /* ~623px medium break point*/
    .full-width-container {
        grid-template-columns: 1fr 1fr;
    }

    .text-block h3 {
        font-size: 1.1em;
        line-height: 1.1em;
    }

    a.button {
        font-size: .8em;
    }
}

@media only screen and (min-width: 48.0625em) { /* ~751px large break point */
    
}

@media only screen and (min-width: 64.063em) { /* ~1008px xlarge break point */
    
}

@media only screen and (min-width: 75em) { /* ~1182px xxlarge break point */
    
}
