/****Custom Styles for MWAETC D8 Site****/ 

.view-id-frontpage_ctas {
    position: relative;
}

#cta_twitter {
    min-height: 550px;
}



#frontpage-od-banner #mwaetc-od-header {
    background-image: none !important;
}


/*Frontpage Blocks****/

#frontpage-web-prep-2024 {
    border-bottom: 1px solid #ccc;
}

#frontpage-web-prep-2024-inner {

}

#frontpage-web-prep-2024-inner-container {
    background-image: url(../images/atc-prep.png);
    background-repeat: no-repeat;
    min-height: 370px;
    background-size: 45%;
    margin-top: 5%;
    padding-left: 50%;
}

#frontpage-web-prep-2024-inner-container h2{
    
}

#frontpage-web-prep-2024-inner-container p{
    font-size: 1.1em;
}





#frontpage-nhpc {
    background-color: #d2e6ff;
}

#frontpage-nhpc-inner {

}

#frontpage-nhpc-inner-container {
    background-image: url(../images/national-hiv-prep.svg);
    background-repeat: no-repeat;
    background-size: 85%;
    min-height: 420px;
    margin-top: 50px;
    background-position: center top;
}


#frontpage-nhpc-inner-container-text {
    padding-top: 100px;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

#frontpage-nhpc-inner-container-text h2{
    padding-bottom: 10px;
}

#frontpage-nhpc-inner-container-text p{
    padding-bottom: 15px;
}


#frontpage_cta_quote p{
    font-size: 1.4em;
    line-height: 35px;
    color: #f9efd6;
}

#frontpage_cta_quote p.italic {
    font-style: italic;
}

#frontpage_cta_quote p.justright {
    text-align: right;
}


#frontpage-on-demand {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}


#frontpage-on-demand #mwaetc-od-index-button{
    font-size: 1.3em;
    margin-bottom: 25px;
}

#frontpage-on-demand #mwaetc-od-index-button a{
    border: 1px solid #0054A5;
    display: block;
    max-width: 210px;
    padding: 15px;
    border-radius: 5px;
    color: #fff;
    background: #0054A5;
    margin-top: 20px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#frontpage-on-demand #mwaetc-od-index-button a:hover{
    background: #77b9e5;
    border: 1px solid #77b9e5;
    text-decoration: none;
}


#frontpage-od-banner {
    max-width: 75%;
    margin: 0 auto;
}


#frontpage-od-banner-left {
    width: 25%;
    height: 110px;
    float: left;
    margin-right: 25px;
    background-color: transparent;
    background-image: url(../images/mwaetc-od-logo-sm.png);
    background-size: contain;
    background-repeat: no-repeat;
}

#mwaetc-od-front-description {
    line-height: 30px;
    margin-bottom:30px;
}

#frontpage-monkeypox {
    background: #f9efd6;
    padding-top: 20px;
    padding-bottom: 20px;
}


#frontpage-poz-100 {
    background: #d62776;
}

#frontpage-poz-100-inner {
    background-image: url(../images/poz100.jpg);
    background-repeat: no-repeat;
    background-size: 45%;
    padding-left: 50%;
    padding-top: 5%;
    background-position: left 40%;
    padding-bottom: 5%;
}

#frontpage-poz-100-inner-text h3{
    color: #fff;
}

#frontpage-poz-100-inner-text p{
    color: #fff;
    font-size: 1.1em;
    line-height: 25px;
    text-align: justify;
}

#frontpage-updated-federal-guidelines {
    background: #f1f1f1;
}

#frontpage-updated-federal-guidelines-inner{
    background-image: url(../images/hivgov.jpg);
    background-repeat: no-repeat;
    background-size: 50%;
    padding-left: 50%;
    padding-top: 5%;
    background-position: left center;
    padding-bottom: 5%;
}

#frontpage-updated-federal-guidelines-inner-text p{
    font-size: 1.1em;
    line-height: 30px;
    text-align: justify;
}

#frontpage-national-HIV-curriculum {
    background: #fff;
}

#frontpage-national-HIV-curriculum-inner{
    background-image: url(../images/HIVcurriculum.png);
    background-repeat: no-repeat;
    background-size: 45%;
    padding-left: 50%;
    padding-top: 6%;
    background-position: left center;
    padding-bottom: 5%;
}

#frontpage-national-HIV-curriculum-inner-text{

}

#frontpage-national-HIV-curriculum-inner-text p{
    font-size: 1.1em;
    line-height: 25px;
    text-align: justify;
}




#frontpage-monkeypox-inner {

}

#frontpage-monkeypox-inner-text {
    
}

#frontpage-monkeypox-inner-text p{
}

#frontpage-monkeypox-inner-text p#index_monkeypox_uw{
}

#frontpage-congrats {
    background: #f9efd6;
}

#frontpage-congrats-inner {
    padding-top: 50px;
    padding-bottom: 50px;
}

#frontpage-congrats-inner h2 {
    font-size: 19px;
}

#frontpage-congrats-inner-text {
    padding-top: 15px;
}

#frontpage-congrats-inner-text p {
    padding-top: 15px;
}


.frontpage-blockquote {

}

#frontpage-threeway-update-list {
    margin-bottom: 85px;
    margin-top: 60px;
}

#frontpage-threeway-update-list h3 {
    text-align: center;
    margin-top: 35px;
    padding-bottom: 25px;
    font-size: 2.2em;
}

#frontpage-threeway-update-list ul {
    margin-left: 0;
    min-height: 285px;
}

#frontpage-threeway-update-list ul li {
    max-width: 350px;
    float: left;
    list-style: none;
    text-align: center;
    margin-left: 24px;
    margin-right: 24px;
}

#frontpage-threeway-update-list ul li.center {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding-left: 25px;
    padding-right: 25px;
}

#frontpage-threeway-update-list ul li h2{
    font-size: 17px;
    margin-bottom: 10px;
    line-height: 25px;
    letter-spacing: 0px;
}

#frontpage-threeway-update-list ul li a.blue-3way-button {
    padding:15px;
    color: #fff;
    background: #0054A5;
    border-radius: 5px;
}

#frontpage-threeway-update-list ul li a.blue-3way-button:hover {
    background-color: #77b9e5;
    text-decoration: none;
}

#frontpage-threeway-update-list ul li p {
    font-size: 1.2em;
}

/*****Additional Frontpage Block Styles******/

#frontpage-hrsa-grant {

}

#frontpage-hrsa-grant h2 {
    
}

#frontpage-hrsa-grant p {
    
}





/**Feedback Modal Styles***/

.website-feedback-toggle-wrapper {
    background: #0054A5;
    border-radius: 5px;
}

.website-feedback-toggle-wrapper a.button-website-feedback {
    color: #fff;
    font-weight: bold;
}

.echo_sidebar_presentation_date {
font-style: italic;
padding-top: 15px;
color: #0c0c0c;
}


/***Job Opportunities Page****/

.view-id-job_opportunities .views-field-title{
    padding-bottom: 10px;
}

.view-id-job_opportunities .views-field-body{
    line-height: 25px;
}

.view-id-job_opportunities .views-field-view-node{
    margin-top: 15px;
    margin-bottom: 15px;
}



/***Index overrides*****/






















/*
*
*
*
*
*
* MOBILE OVERRIDES
*
*
*
*
*
*/

@media all and (min-width: 1055px) {

    #frontpage_cta_quote {
    /* position: absolute; */
    /* margin-top: -205px; */
    max-width: 780px;
    /* margin-left: 345px; */
    border: 1px solid #f9efd6;
    padding: 20px 20px 0px 20px;
    margin-bottom: 50px;
    }

}

@media all and (min-width: 900px ) and (max-width: 1055px){

    #frontpage_cta_quote {
    /* position: absolute; */
    /* margin-top: -205px; */
    max-width: 780px;
    /* margin-left: 345px; */
    border: 1px solid #f9efd6;
    padding: 20px 20px 0px 20px;
    margin-bottom: 50px;
    }

}


@media all and (max-width: 900px) {

    #frontpage_cta_quote {
        max-width: 780px;
        border: 1px solid #f9efd6;
        padding: 15px 15px 0px 15px;
        margin-bottom: 10px;
    }

    #frontpage-od-banner {
        max-width: 750px;
        margin: 0 auto;
        text-align: center;
    }

    #frontpage-od-banner-left {
        width: inherit;
        height: 150px;
        float: none;
        margin-right: 0;
        background-color: transparent;
        background-image: url(../images/mwaetc-od-logo.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center top;
    }


}


@media all and (max-width: 800px) {

    #frontpage-web-prep-2024-inner-container p,
    #frontpage-poz-100-inner-text p,
    #frontpage-updated-federal-guidelines-inner-text p,
    #frontpage-updated-federal-guidelines-inner-text p {
        font-size: 1em !important;
        line-height: 25px;
    }
    
    #frontpage-web-prep-2024-inner-container {
        background-image: url(../images/atc-prep.png);
        background-repeat: no-repeat;
        min-height: 370px;
        background-size: 65%;
        padding-left: 0;
        background-position: center 5%;
        padding-top: 55%;
        padding-bottom: 5%;
        text-align: center;
    }

    #frontpage-poz-100-inner {
        background-image: url(../images/poz100.jpg);
        background-repeat: no-repeat;
        background-size: 85%;
        padding-left: 0;
        padding-top: 50%;
        background-position: center 5%;
        padding-bottom: 5%;
        text-align: center;
    }

    #frontpage-poz-100-inner-text p {
        text-align: center;
    }

    #frontpage-updated-federal-guidelines-inner {
        background-image: url(../images/hivgov.jpg);
        background-repeat: no-repeat;
        background-size: 65%;
        padding-left: 0;
        padding-top: 50%;
        background-position: center top;
        padding-bottom: 5%;
        text-align: center;
    }

    #frontpage-national-HIV-curriculum-inner {
        background-image: url(../images/HIVcurriculum.png);
        background-repeat: no-repeat;
        background-size: 80%;
        padding-left: 0;
        padding-top: 29%;
        background-position: center 10%;
        padding-bottom: 5%;
        text-align: center;
    }


}


