/* 
    Theme Name: Sandcastle 2021
    Author: Fabian Lee
 */

/* across all media */

.page{
    min-height:90vh;
}

.translate{
    transform: translate(var(--horizontal,0),var(--vertical,0));
}
.x-center{
    --horizontal:-50%;
}
.y-center{
    --vertical:-50%;
}

:is(.front-page-banner, .front-page-banner-fixed) :is(p,li){
    font-family:Montserrat;
    color:var(--black);
}

.front-page-banner-fixed h1{
    font-size:4.8vmax;
}
.front-page-banner-fixed h2{
    font-size:4.5vmax;
}
.front-page-banner-fixed h3{
    font-size:2.8vmax;
}
.front-page-banner-fixed h4{
    font-size:2.3vmax;
}
.front-page-banner-fixed h5{
    font-size:1.8vmax;
}
.front-page-banner-fixed :is(p,li){
    font-size:1.3vmax;
}
.front-page-banner :is(b,strong){
    color:var(--primary);
}

.center-translate{
    transform:translate(-50%,-50%);
}

#contentModalContent{
    max-height:70vh;
    overflow-y:auto;
}
#contentModalTitle{
    font-size:2.5rem;
    color:var(--primary);
    font-family:Rockwell;
}
#contentModalContent{
    font-size:1.5rem;
}



/* desktop */
@media only screen and (min-width:1200px){
    .front-page-banner h1{
        font-size:3.8vw;
    }
    .front-page-banner h2{
        font-size:3.8vw;
    }
    .front-page-banner h3{
        font-size:2.8vw;
    }
    .front-page-banner h4{
        font-size:2.3vw;
    }
    .front-page-banner h5{
        font-size:1.8vw;
    }
    .front-page-banner :is(p,li), .see-more-content :is(p,li){
        font-size:1.3vw;
    }
    .mobile{
        display:none !important;
    }
}

/* tablet */
@media only screen and (min-width: 800px) and (max-width:1200px){
    .front-page-banner h1{
        font-size:3.8vw;
    }
    .front-page-banner h2{
        font-size:3.8vw;
    }
    .front-page-banner h3{
        font-size:2.8vw;
    }
    .front-page-banner h4{
        font-size:2.3vw;
    }
    .front-page-banner h5{
        font-size:1.8vw;
    }
    .front-page-banner :is(p,li), .see-more-content :is(p,li){
        font-size:1.3vw;
    }
    .mobile{
        display:none !important;
    }
}

 /* mobile  */
@media only screen and (max-width: 800px) {
    .web{
        display:none !important;
    }
    
}