/*
*Site Takeover banners 
*/
/* 
    Created on : Jan 23, 2025, 2:51:37 PM
    Author     : Adriana Samra 
*/

 .site-takeover-dolphindash-wrap{
    background-image: url('https://www.ju.edu/_resources/img/dd-strip.jpg'); background-repeat: no-repeat; background-position: center; padding: 5px;
}
.site-takeover-dolphindash-wrap .site-takeover-dolphindash {
    background-color: #004d40;padding: 0px;border-radius: 12px;grid-template-columns: 1fr;grid-gap:0px;
}
.site-takeover-dolphindash .hcfw-logo{
    display:grid;grid-template-columns: 50% 1fr 5%;grid-gap:0px;padding: 1.5em 0;
}
.site-takeover-dolphindash .site-takover-logo{
    width: 100%; height: auto; max-width: 450px; margin-bottom: 0.5em;
}
.site-takeover-dolphindash h2{
    text-align: center;vertical-align: middle;color:#fff;text-transform: uppercase;font-size: 26px;
    margin: 0px;
    max-width: 80%;
}
.site-takeover-dolphindash-wrap p.lead,
.site-takeover-dolphindash-wrap p.lead:nth-of-type(2),
.site-takeover-giving p.lead, .site-takeover-dolphindash-wrap p.lead:nth-of-type(1){
    margin-top:0em;
    margin-bottom: 0px;
}
.site-takeover-dolphindash .hcfw-body{
    display:grid; grid-template-columns: 20% 1fr 20% 20%;padding: 1em;
    justify-items:center;
}
.site-takeover-dolphindash .hcfw-body p.lead {
    text-align: center;color:#fff;font-size: 18px;
}
.site-takeover-dolphindash .hcfw-body p.site-takover-subtitle {
    padding-left: 10px; padding-right: 10px;
}
.site-takeover-dolphindash .btn-grid a:link{
    text-align:center;margin-top:10px;font-size:100%
}
.btn-close-site-takeover{
    float:right;margin-top: 15px;margin-left: 10px;color:#fff;font-size:16px;
}
.site-takeover-dolphindash .count-timer{
    background-color: #004d40; border-radius: 6px;
}


/* Light Version */
.site-takeover-light{
    background-image: url('https://www.ju.edu/_resources/img/dd-strip.jpg'); background-repeat: no-repeat; padding: 5px;
}
.site-takeover-light .site-takeover-giving{
    background-color: #ffffff;padding: 10px 20px;border-radius: 12px;justify-items:center;grid-template-columns: 60% 1fr;
}
.site-takeover-light .site-takeover-giving h2{
    color: rgb(13,79,69);
}
.site-takeover-light .site-takeover-giving .hcfw-body{
    padding: 0 1em;margin-bottom: 1em;width: 100%;
}
.site-takeover-light .site-takeover-giving .hcfw-body h2{
    text-align: center;font-size:26px;font-weight:bold;
}
.site-takeover-light .site-takeover-giving .hcfw-body p{
    text-align: center;font-size:18px;margin-bottom:10px;
}
.site-takeover-light .site-takeover-giving .hcfw-body p.lead {
    text-align: center;color:#212121;font-size: 18px;
}
.site-takeover-light .site-takeover-giving .hcfw-logo img{
    width: 80%;
}
.site-takeover-light .count-timer{
    background-color: #004d40; border-radius: 6px;
}


/* mobile */
@media (max-width: 768px) {
    .site-takeover-dolphindash .hcfw-body,
    .site-takeover-dolphindash .hcfw-logo,
    .site-takeover-dolphindash-wrap .btn-grid,
    .site-takeover-light .site-takeover-giving{
        grid-template-columns: 1fr;
        padding: 2em 3em;
    }
    .site-takeover-dolphindash .hcfw-body{
        grid-gap: 10px;
    }
    .btn-close-site-takeover{display:none;}
    .site-takeover-dolphindash .btn-grid p { text-align: center;}
    
    .site-takeover-light .site-takeover-giving h2{
        font-size: 2em;
    }
}