/* RESPONSIVE CSS ONLY */
/* Import main.css variables and assets */
@import url('main.css');




/* Styling for screens up to 700px FROM 0PX - Includes ALL mobile */
@media (max-width: 700px) and (min-width: 0px) {
    /* Global CSS variables for the above media query */
    :root {
        --menu-font-size: 1.3rem !important;
        --sub-menu-font-size: 1rem !important;
    }
    
    /* ==========

    * * * * * * * * * *
    Header styling 
    * * * * * * * * * *

    ========== */

    .auburnwinds-header-menu-overlay-dimmed-side{
        display: none;
    }

    .auburnwinds-header-menu-overlay-menu-side{
        width: 100%;
    }

    .auburnwinds-header-menu-overlay-socials-container{
        margin-top: 20px;
    }












    /* ==========

    * * * * * * * * * *
    Footer styling 
    * * * * * * * * * *

    ========== */

    .auburnwinds-footer-wrapper{
        flex-direction: column;
        align-items: center;
    }

    .auburnwinds-footer-container{
        padding: 0px !important;
    }

    #auburnwinds-footer-container-1{
        width: auto !important;
        margin-bottom: 80px;

        align-items: center !important;
    }

    #auburnwinds-footer-container-2{
        width: 100%;
    }
    
    .auburnwinds-footer-container-has-sub-containers{
        flex-direction: column;
        align-items: flex-start;
    }

    .auburnwinds-footer-sub-container{
        align-items: center !important;
    }

    .auburnwinds-footer-sub-container-list{
        align-items: center !important;
        margin-bottom: 0px;
    }

    .auburnwinds-footer-sub-container{
        width: 100% !important;
        margin-bottom: 80px !important;
    }



    /* ==========

    * * * * * * * * * *
    Page styling 
    * * * * * * * * * *

    ========== */

    .auburnwinds_main_content_area_wrapper{
        width: 90vw;
    }














    /* ==========

    * * * * * * * * * *
    Home page styling 
    * * * * * * * * * *

    ========== */

    .auburnwinds-top-hero-titles-wrapper{
        flex-direction: column;
        flex-wrap: wrap;
    }
}



























/* Styling for screens up to 1400px FROM 701PX - Includes ALL tablets */
@media (max-width: 1550px) and (min-width: 701px) {
    /* Global CSS variables for the above media query */
    :root {
        --menu-font-size: 1.4rem;
        --sub-menu-font-size: 1.1rem;
    }

    /* ==========

    * * * * * * * * * *
    Header styling 
    * * * * * * * * * *

    ========== */

    .auburnwinds-header-menu-overlay-dimmed-side{
        width: 50%;
    }

    .auburnwinds-header-menu-overlay-menu-side{
        width: 50%;
    }

    .auburnwinds-header-menu-overlay-socials-container{
        margin-top: 20px;
    }










    
    /* ==========

    * * * * * * * * * *
    Footer styling 
    * * * * * * * * * *

    ========== */

    .auburnwinds-footer-wrapper{
        flex-direction: column;
        align-items: center;
    }

    .auburnwinds-footer-container{
        padding: 0px !important;
    }

    #auburnwinds-footer-container-1{
        width: auto !important;
        margin-bottom: 80px;

        align-items: center !important;
    }

    #auburnwinds-footer-container-2{
        width: 100%;
    }

    .auburnwinds-footer-container-has-sub-containers{
        flex-direction: row;
    }

    .auburnwinds-footer-sub-container{
        align-items: center !important;
        margin: 0px !important;
    }

    .auburnwinds-footer-sub-container-list{
        align-items: center !important;
    }

    .auburnwinds-call-to-action-button.drk-bg-btn.full-width{
        width: 100% !important;
    }




    /* ==========

    * * * * * * * * * *
    Page styling 
    * * * * * * * * * *

    ========== */

    .auburnwinds_main_content_area_wrapper{
        width: 80vw;
    }






















    /* ==========

    * * * * * * * * * *
    Home page styling 
    * * * * * * * * * *

    ========== */

    .auburnwinds-top-hero-titles-wrapper{
        flex-direction: column;
        flex-wrap: wrap;
    }

}