﻿a.my-class {
    color: #00607f
}

    a.my-class:active {
        color: #00607f
    }

    a.my-class:hover {
        color: #00607f;
        text-decoration-color: gold
    }

.formSeparatorLine {
    border-bottom: 1px solid lightgrey;
}

.formContent {
    padding: 10px;
    float: none;
    display: grid;
    grid-template-columns: 48% 48%;
    grid-column-gap: 3.5%;
}

.formHeader {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #00607f;
    padding-left: 30px;
}

.formHeaderText {
    color: white;
    font-weight: bold;
}

.formHeaderButton {
    color: white;
    background-color: #00607f;
    border: 1px solid white;
}

    .formHeaderButton:hover {
        color: #00607f;
        background-color: white;
        border: 1px solid #ffc843;
    }

.pressRelease {
    padding: 15px 0px;
    margin: 0px 10px 10px 10px;
}

.pressReleaseNavigation div {
    display: inline-block;
}

.pressReleaseBanner {
    height: 100px;
    background-image: url(/Images/job_centers_banner.jpg);
    background-size: cover;
    margin-bottom: 20px;
    box-shadow: 0 5px 20px -5px rgba(0,0,0,0.75);
}

.yearButtons a {
    margin: 5px;
}

.searchInput {
    margin-top: 10px;
}

    .searchInput input {
        margin: 5px;
    }

/*Just iframe thead news section*/

.newsHeader {
    display: grid;
    grid-template-columns: 10% 80% 10%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #00607f;
}

.backBtn {
    padding-top: 16px;
    padding-bottom: 10px;
    background-color: #00607f;
    text-align: center;
}

.newsTitle{
    text-align: center;
}

.newsContainer{
    padding-left: 10%;
    padding-right: 10%;
}

.newsContent {
    padding: 10px;
    padding-left: 0;
}

.paper{
    padding-top: 2% !important;
    padding-bottom: 2% !important;
}

.newsForm {
    margin-bottom: 2%;
}

/* ----- */

@media (max-width: 925px) {
    .formContent {
        grid-template-columns: 100%;
    }

    /* For the News section only */
    .newsHeader {
        grid-template-columns: 100%;
    }

    .backBtn {
        grid-row: 1;
    }

    .newsContainer {
        padding-left: 0%;
        padding-right: 0%;
    }

    .paper {
        padding-top: 5% !important;
        padding-bottom: 5% !important;
    }

    .row{
        margin-right: 0;
    }

    /**/
}
