/**handles:stina-theme-framework**/
/* MOBILE - PORTRAIT */

    /********************************/
    /*********** ELEMENTS ***********/
    /********************************/

    /* Text */
    .stina-element-text {
        line-height: 2;
    }
    .stina-element-text > p {
        max-width: 50ch;
    }

    /* Slider */
    .stina-element-slider {
        margin: 0 !important;
    }

    /* Button - Primary */
    .stina-element-button-primary {

    }

    /********************************/
    /******* SUITE COMPONENTS *******/
    /********************************/

    .stina-suite-submenu {
        background-color: #F2F2F2;
    }
    .stina-suite-submenu ul.sub-menu {
        display: none;
    }
    .stina-suite-submenu ul.menu {
        display: flex;
        flex-direction: column;
        align-items: baseline;
        position: relative;
    }
    .stina-suite-submenu ul.menu li {
        width: 100%;
    }
    .stina-suite-submenu ul.menu li a {
        text-align: center;
        display: block !important;
        font-size: 13px !important;
        padding: .75em 1em 1em 2em !important;
        transition: all .3s ease-in-out;
    }
    .stina-suite-submenu ul.menu li a:after {
        display: none;
    }
    .stina-suite-submenu ul.menu li.current-menu-item a {
        background-color: rgba(0,0,0,.1);
        border-left: 5px solid #760000 !important;
    }

    @media all and (min-width: 1180px) {
        .stina-suite-submenu ul.menu {
            flex-direction: row;
        }
        .stina-suite-submenu ul.menu li {
            width: 100%;
        }
        .stina-suite-submenu ul.menu li a {
            padding: .75em 1em !important;
        }
        .stina-suite-submenu ul.menu li.current-menu-item a {
            background-color: unset;
            border-left: none !important;
            border-bottom: 2px solid #760000 !important;
        }
    }


    /********************************/
    /********** COMPONENTS **********/
    /********************************/

    /* Header */
    .stina-component-header {
        
    }
    .stina-component-header .stina-column-12 {
        margin-top: 2em !important;
        margin-bottom: 2em !important;
    }
    .stina-component-header .stina-title {
        margin-top: 0 !important;
        margin-bottom: .75em !important;
    }
    .stina-component-header .stina-title > h1 {
        font-size: 2em !important;
        line-height: 1.5 !important;
    }
    .stina-component-header .stina-title-separator {
        
    }

    /* Subheader */
    .stina-component-subheader {
        
    }
    .stina-component-subheader .stina-column-12 {
        margin-top: 0.5em !important;
        margin-bottom: 2em !important;
    }
    .stina-component-subheader-alt .stina-column-12 {
        margin-top: 2em !important;
        margin-bottom: 2em !important;
    }
    .stina-component-subheader .stina-title {
        margin-bottom: .75em !important;
    }
    .stina-component-subheader .stina-title > h2 {
        font-size: 1.5em !important;
        line-height: 1.5 !important;
    }
    .stina-component-subheader .stina-subtitle-separator {

    }

    /* CTA */
    .stina-component-cta {
        padding: 1em !important;
        border-radius: 3px;
    }
    .stina-component-cta .stina-column-12 {
        
    }
    .stina-component-cta .stina-title {
        
    }
    .stina-component-cta .stina-title > h2 {
        
    }
    .stina-component-cta .stina-cta-text {
        
    }
    .stina-component-cta .stina-element-button-primary {
        
    }

/* MOBILE - LANDSCAPE */

    @media screen and (min-width: 480px) {
        
    }

/* TABLET - PORTRAIT */

    @media screen and (min-width: 801px) {
        /********************************/
        /********** COMPONENTS **********/
        /********************************/

        /* Header */
        .stina-component-header .stina-column-12 {
            margin-top: 2.5em !important;
            margin-bottom: 1.875em !important
        }

        /* Subheader */
        .stina-component-subheader .stina-title {
            margin-top: 0 !important;
        }
    }

/* TABLET - LANDSCAPE */

    @media screen and (min-width: 951px) {
        
    }


/* DESKTOP AND LARGER */

    @media screen and (min-width: 1170px) {
        /********************************/
        /*********** ELEMENTS ***********/
        /********************************/

        /* Text */
        .stina-element-text > p {
            max-width: 60ch;
        }

        /********************************/
        /********** COMPONENTS **********/
        /********************************/

        /* Header */
        .stina-component-header .stina-column-12 {
            margin-top: 3em !important;
            margin-bottom: 2.5em !important
        }
        .stina-component-subheader .stina-column-12 {
            margin-top: 2em !important;
        }

        /* Subheader */
        .stina-component-subheader-alt .stina-column-12 {
            margin-top: 3em !important;
        }
    }