@import url('https://fonts.googleapis.com/css2?family=Playball&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,700;1,300&display=swap');
/* Classes and IDs valid for all screen sizes */

#div_id_captcha {
    display: none;
}

.logo-title {
    font-family: 'Allura', cursive;
}

.logo-sm-text {
    font-family: 'Montserrat', sans-serif;
}

.font-montserrat {
    font-family: 'Montserrat', sans-serif; 
}

.cursive-font{
    font-family: 'Allura', cursive;
}

.canardsign {
    font-size: 0.85rem;
}

/* ---------------- END -------------------- */


/* -----------MEDIA Queries ------------ */
/* Each size is labelled for easy reference */

@media only screen and  (max-width:576px) { /* extra small */
    
    .logo-title {
        font-size: 1.75rem;
    }

    .logo-sm-text {
        font-size: 0.8rem;
    }

    .drmoll-logo {
        width:48px;
        height:auto;
    }
}

@media only screen and  (max-width:768px) and (min-width:576px) { /* small */
    
    .logo-title {
        font-size: 1.85rem;
    }

    .logo-sm-text {
        font-size: 0.9rem;
    }

    .drmoll-logo {
        width:56px;
        height:auto;
    }
}

@media only screen and  (max-width:992px) and (min-width:768px) { /* medium */ 

    .logo-title {
        font-size: 2.0rem;
    }

    .logo-sm-text {
        font-size: 1.0rem;
    }

    .drmoll-logo {
        width:64px;
        height:auto;
    }
}

@media only screen and  (max-width:1200px) and (min-width:992px) { /* large */ 

    .logo-title {
        font-size: 2.0rem;
    }

    .logo-sm-text {
        font-size: 1.0rem;
    }

    .drmoll-logo {
        width:64px;
        height:auto;
    }
}

@media only screen and  (min-width:1200px) { /* extra large and above */ 

    .logo-title {
        font-size: 2.25rem;
    }

    .logo-sm-text {
        font-size: 1.1rem;
    }

    .drmoll-logo {
        width:72px;
        height:auto;
    }
}

@media only screen and  (max-width:992px) { /* everything up to medium for handling dropdown menu */ 
    .basesite-navbar .dropdown-menu {
        border:none;
       }
    
    .basesite-navbar .dropdown-item {
        font-size: 0.9rem;
    }
}
/* -----------END of MEDIA Queries ------------ */