@charset "utf-8";
/* CSS Document */

#close-text-overlay    {
    
    position: absolute;
    width:32px;
    height:32px;
    left:calc(50% - 13px);
    overflow: hidden;
    bottom:15px;       
    
} 

#close-text-overlay-link-icon {
    
    width:20px;
    height:20px;
    background-size: 20px 20px;    

}

#close-text-overlay-link-icon.dark    {
    
    background: url('../../../images/header-menu-close-dark.svg') no-repeat left top;

}

#close-text-overlay-link-icon.light    {
    
    background: url('../../../images/header-menu-close-light.svg') no-repeat left top;

}

#close-text-overlay:hover {

    opacity:0.6!important;

}

#slide-text-overlay    {

    position:absolute;
    width:100%;
    height:100%;
    z-index: 3000;
    top:0;
    left:0;
    display:none;
    background-image: url(../../../images/project-text-overlay-bg.png);
    color:#ffffff;
    align-items: center;
    justify-content: center;

}

#slide-text-overlay .text {

    width:230px;
    height:auto;
    font-family: "Untitled Sans Regular", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;

} 

#slide-text-overlay .text.quote {
    
    width:280px;
    
}

#slide-text-overlay .text.quote .the-text {

    font-family: "New Baskerville ITC W01 Italic","Times New Roman",Times, serif;
    font-size: 20px;
    line-height: 24px;
    
}

#slide-text-overlay .text.quote .sub-text {

    margin-top:20px;
    margin-bottom:0; 
    
}

#slide-text-overlay .sub-text {
    
    font-family: "Untitled Sans Regular", Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    margin-bottom:20px;

}


@media only screen and (max-width: 767px), screen and (max-height: 767px)  {

    #close-text-overlay    {

        bottom:9px;       

    } 
    
}