/*----------------------------------  PRESS ROOM CSS ------------------------------------*/


#Header-Pressroom .Header-Background {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}


#Header-Pressroom .Header-Title {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}

    #Header-Pressroom .Header-Title h1 {
        font-size: 4.5em;
        font-family: 'Cormorant', serif;
        font-weight: 500;
        color: #fff;
        padding-top:6%;
    }

/*-------------- PRESS ROOM CONTENT --------------- */

/*------ One Section ------------*/

#Pressroom #OneSection {
    background-color: #f2eadc;
    height: 500px !important;
}


    #Pressroom #OneSection .Breadcumb {
        font-size: 1em;
        font-family: AvenirNextLTPro-Demi;
        /*    font-family: 'Lato', sans-serif;
        font-weight: 700;*/
        color: #31251c;
    }

        #Pressroom #OneSection .Breadcumb a:hover {
            text-decoration: none !important;
        }



/*------ Two Section ------------*/


#Pressroom #TwoSection .container{
    margin-top: -23% !important;

}


#Pressroom #TwoSection h2 {
    font-size:2.2em;
    color: #31251c;
    font-family: AvenirNextLTPro-Bold;
}

#Pressroom #TwoSection .MainPress h6 {
    font-family: AvenirNextLTPro-Regular;
    font-size:1em;
}

#Pressroom #TwoSection .MainPress p {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 100px;
    -moz-column-gap: 100px;
    column-gap: 100px;
    color: #31251c;
    font-family: AvenirNextLTPro-Regular;
    font-size: 1em;
    line-height: 36px;
}

#Pressroom #TwoSection .MainPress .Card .MainPhoto {
    height:600px;
    opacity: 1;
    transition: 0.4s ease all;
}

#Pressroom #TwoSection .MainPress .Card:hover .MainPhoto {
    opacity: 0.6;
    transition: 0.7s ease all;
}

#Pressroom #TwoSection .MainPress .Card .Over-Text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    /*border: 2px solid yellow;*/
    background-color:rgba(255, 255, 255, 0.7);
    padding: 7px;
    opacity: 0;
    transition: 0.4s ease all;
}

#Pressroom #TwoSection .MainPress .Card .Over-Text h4 {
        color: black;
        font-family: AvenirNextLTPro-Bold;
        font-size: 1.4em;
    }

#Pressroom #TwoSection .MainPress .Card:hover .Over-Text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 2px solid white;
    padding: 10px;
    opacity: 1;
    transition: 0.7s ease all;
}

#Pressroom #TwoSection .MainPress .Border-One {
    position: absolute;
    width: 0%;
    background-color: white;
    height: 2px;
    top: 50%;
    left: 0;
    opacity: 0;
    transition: 0.4s ease all;
}

#Pressroom #TwoSection .MainPress .Card:hover .Border-One {
    width: 39%;
    opacity: 1;
    transition: 0.7s ease all;
}

#Pressroom #TwoSection .MainPress .Border-Two {
    position: absolute;
    width: 0%;
    background-color: white;
    height: 2px;
    top: 50%;
    right: 0%;
    opacity: 0;
    transition: 0.4s ease all;
}

#Pressroom #TwoSection .MainPress .Card:hover .Border-Two {
    width: 39%;
    opacity: 1;
    transition: 0.7s ease all;
}


@media only screen and (max-width: 1690px) {
    #Pressroom #TwoSection .container {
        margin-top: -25% !important;
    }
}


@media only screen and (max-width: 1450px) {
    #Pressroom #TwoSection .container {
        margin-top: -30% !important;
    }
}

@media only screen and (max-width: 1290px) {
    #Pressroom #TwoSection .container {
        margin-top: -33% !important;
    }
}


@media only screen and (max-width: 1030px) {
    #Pressroom #TwoSection .container {
        margin-top: -40% !important;
    }

    #Pressroom #TwoSection .MainPress .Card .MainPhoto {
        height: 500px;
    }
}

@media only screen and (max-width: 995px) {
    #Pressroom #TwoSection .MainPress p {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }

    #Pressroom #TwoSection .container {
        margin-top: -44% !important;
    }

}

@media only screen and (max-width: 768px) {
    #Pressroom #TwoSection .container {
        margin-top: -56% !important;
    }

    #Pressroom #TwoSection .MainPress .Card .MainPhoto {
        height: 400px;
    }
}

    @media only screen and (max-width: 680px) {


        #Header-Pressroom .Header-Background {
            height: 300px !important;
        }

        #Header-Pressroom .Header-Title {
            width: 100%;
        }

            #Header-Pressroom .Header-Title h1 {
                font-size: 3.5em;
                text-align: center;
            }

        #Pressroom #OneSection {
            height: 110px !important;
        }

        #Pressroom #TwoSection .MainPress p {
            -moz-column-count: 1;
            -webkit-column-count: 1;
            column-count: 1;
        }

        #Pressroom #TwoSection h2 {
            font-size: 1.8em;
        }

        #Pressroom #TwoSection .container {
            margin-top: 4% !important;
        }

        #Pressroom #TwoSection .MainPress .Card .MainPhoto {
            height: 350px;
        }
    }



    /*----------------------------------  PRESS ROOM DETAILS CSS ------------------------------------*/
    #Header-PressroomDetail .Header-Background {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 550px;
    }


    /*-------------- PRESS ROOM DETAILS CONTENT --------------- */

    #PressroomDetail #OneSection {
        background-color: white;
        height: auto;
    }

        /* ----- One Section ----- */

        #PressroomDetail #OneSection .container-fluid {
            width: 80%;
            margin-left: auto;
            margin-right: auto;
        }

        #PressroomDetail #OneSection .Breadcumb {
            font-size: 1em;
            font-family: AvenirNextLTPro-Demi;
            /*    font-family: 'Lato', sans-serif;
        font-weight: 700;*/
            color: #31251c;
        }

            #PressroomDetail #OneSection .Breadcumb a:hover {
                text-decoration: none !important;
            }

    /* ----- Two Section ----- */

    #PressroomDetail #TwoSection .container-fluid {
        width: 80% !important;
    }

    #PressroomDetail #TwoSection h2 {
        color: #31251c;
        font-size: 2.2em;
        color: #31251c;
        font-family: AvenirNextLTPro-Bold;
    }


    #PressroomDetail #TwoSection .MainPress p {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 100px;
        -moz-column-gap: 100px;
        column-gap: 100px;
        color: #31251c;
        font-family: AvenirNextLTPro-Regular;
        font-size: 1em;
        line-height: 36px;
    }

#PressroomDetail #TwoSection .MainPress .MainPhoto {
    height:600px;
}

#PressroomDetail #TwoSection .MainPress .SubPhoto {
    height: 370px;
}

@media only screen and (max-width: 1450px) {
  
    #PressroomDetail #TwoSection .MainPress .MainPhoto {
        height: 550px;
    }

    #PressroomDetail #TwoSection .MainPress .SubPhoto {
        height: 350px;
    }
}


@media only screen and (max-width: 995px) {
    #PressroomDetail #TwoSection .MainPress p {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;    
    }

    #PressroomDetail #TwoSection .MainPress .MainPhoto {
        height: 450px;
    }

    #PressroomDetail #TwoSection .MainPress .SubPhoto {
        height: 330px;
    }


}

@media only screen and (max-width: 680px) {
    #Header-PressroomDetail .Header-Background {
        height: 450px;
    }

    #PressroomDetail #TwoSection .MainPress .MainPhoto {
        height: 350px;
    }

    #PressroomDetail #TwoSection .MainPress .SubPhoto {
        height: 300px;
    }
}





    /*----------------------------------  RELATED NEWS CSS ------------------------------------*/


    #RelatedNews h4 {
        font-family: CormorantMedium;
        font-size: 2em;
    }


    #RelatedNews h6 {
        font-family: AvenirNextLTPro-Demi;
        font-size: 1.1em;
    }

    #RelatedNews h5 {
        font-family: Cormorant-Bold;
        font-size: 1.7em;
    }

    #RelatedNews p {
        font-family: AvenirNextLTPro-Regular;
        font-size: 1em;
    }

#RelatedNews .Card .Photo {
    height:180px;
}


@media only screen and (max-width: 995px) {
    #RelatedNews .Card .Photo {
        height: 300px;
    }
}

@media only screen and (max-width: 680px) {
    #RelatedNews .Card .Photo {
        height: 220px;
    }
}