@charset "UTF-8";
/* NCC Custom Styles CSS Document */

nav.education {
    display: none;
}

#introtext {
    margin-bottom: 0;
}

.parent {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    grid-gap: 20px;
    padding: 30px 0;
    background: #FFFFFF;
    width: 100%;
}

.card {
    background: #FFFFFF;
    width: auto;
    overflow: hidden;
    list-style: none;
    font-size: 1.2em;
    text-align: center;
    font-weight: 600;
}

.card img {
    height: 173px;
}

/* view all courses button */
.ctabutton {
    padding: 20px;
    font-size: 1em;
}

.imgshell {
    width: 100% !important;
    margin: 0 !important;
}

/* .fourcol>.content>.words>.multibuttons>ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    grid-gap: 20px;
    padding-top: 30px;
} */

/* .fourcol>.content>.words>.multibuttons>ul>li {
    background: #FFFFFF;
    width: auto;
} */

.fourcol>.content>.words>.multibuttons>ul>li>.multitext {
    margin: 0;
}

/* .fourcol>.content>.words>.multibuttons>ul>li>.multimgshell {
    width: 100%;
    margin: 0;
} */

.fourcol>.content>.words>.multibuttons>ul>li>.caption {
    position: absolute !important;
    display: inline-block !important;
    top: 10px !important;
    font-style: normal !important;
    background: #FFF !important;
    padding: 5px !important;
    left: 20px !important;
    width: auto !important;
}

.text {
    background: #FFFFFF;
    margin-top: 0;
}

.text>.content>.words>.padding {
    margin: 50px 20px;
    padding: 0;
}

.threecol {
    background: #FFFFFF;
    margin: 30px auto;
}

.threecol>.content>.words>.multibuttons>ul>li>.caption {
    position: absolute !important;
    display: inline-block !important;
    top: 10px !important;
    font-style: normal !important;
    background: #FFF !important;
    padding: 5px !important;
    left: 20px !important;
    width: auto !important;
}


/* zoom image on hover */
.highlight>.content>.imgright img,
.highlight>.content>.imgshell img,
.highlight>.content>.imgleft img {
    transition: transform 2s ease;
}

.highlight>.content>.imgright:hover img,
.highlight>.content>.imgshell:hover img,
.highlight>.content>.imgleft:hover img {
    transform: scale(1.1);
}

.fourcol>.content>.words>.multibuttons>ul>li>.multimgshell img {
    transition: transform 2s ease;
}

.fourcol>.content>.words>.multibuttons>ul>li>.multimgshell:hover img {
    transform: scale(1.1);
}

.fourcol>.content>.words>.multibuttons>ul>li>.multimgfull img {
    transition: transform 2s ease;
}

.fourcol>.content>.words>.multibuttons>ul>li>.multimgfull:hover img {
    transform: scale(1.1);
}

.threecol>.content>.words>.multibuttons>ul>li>.multimgshell img {
    transition: transform 2s ease;
}

.threecol>.content>.words>.multibuttons>ul>li>.multimgshell:hover img {
    transform: scale(1.1);
}

.twocol {
    background-color: #FFFFFF;
    margin: 30px auto;
}

.twocol>.content>.words>.multibuttons>ul>li>.caption {
    position: absolute !important;
    display: inline-block !important;
    top: 10px !important;
    font-style: normal !important;
    background: #FFF !important;
    padding: 5px !important;
    left: 20px !important;
    width: auto !important;
}

.twocol>.content>.words>.multibuttons>ul>li>.multimgshell img {
    transition: transform 2s ease;
}

.twocol>.content>.words>.multibuttons>ul>li>.multimgshell:hover img {
    transform: scale(1.1);
}

.prnews-newscols3x .prnews-col .newsimg img {
    transition: transform 1.2s ease;
}

.prnews-newscols3x .prnews-col .newsimg:hover img {
    transform: scale(1.1);
}