.cnsp_row[style] {

    display: flex!important;

    -webkit-box-orient: horizontal!important;

    -webkit-box-direction: normal!important;

    -ms-flex-flow: row wrap!important;

    flex-flow: row wrap!important;

}



.cnsp_center[style] {

    -webkit-box-align: center!important;

    -ms-flex-align: center!important;

    align-items: center!important;

}



.align-self-middle {

    -webkit-align-self: center;

    -ms-flex-item-align: center;

    align-self: center;

}





.min_height_override[style] {

    min-height:0!important;

}





/*  

FUNCTION: Overrides border radius and hover state on form button.  I was not able to find this in the form > button style UI.

*/

.sc-btzYZH {

    border-radius:0!important;

}



.sc-btzYZH:hover {

    background:#fa2000!important;

}







#splash-container.is-responsive-phone #main-canvas .session_title[style] {

    padding-top:0!important;

}



#splash-container .drill-rep-x5j80fep7[style] {

    width:100%!important;

}

    

    

#splash-container.is-responsive-phone #main-canvas #g-414947034[style],

#splash-container.is-responsive-phone #main-canvas #g-245717640[style],

#splash-container.is-responsive-phone #main-canvas #g-665111431[style],

#splash-container.is-responsive-phone #main-canvas #g-555325373[style],

#splash-container.is-responsive-phone #main-canvas #g-917005253[style],

#splash-container.is-responsive-phone #main-canvas #g-619813690[style],

#splash-container.is-responsive-phone #main-canvas #g-174036868[style],

#splash-container.is-responsive-phone #main-canvas #g-414947034[style],

#splash-container.is-responsive-phone #main-canvas #g-740007045[style],

#splash-container.is-responsive-phone #main-canvas #g-543321753[style],

#splash-container.is-responsive-phone #main-canvas #g-7400070458[style],

#splash-container.is-responsive-phone #main-canvas #g-729325792[style],

#splash-container.is-responsive-phone #main-canvas #g-56172924[style] {

  padding-top:0!important;

}







#splash-container.is-responsive-phone #main-canvas #g-48115698[style],

#splash-container.is-responsive-phone #main-canvas #g-495873149[style],

#splash-container.is-responsive-phone #main-canvas #g-202151442[style],

#splash-container.is-responsive-phone #main-canvas #g-458487350[style] {

     padding-bottom:40px!important;

}



#splash-container.is-responsive-tablet #main-canvas #g-106699114[style] {

    border-color:black;

}















@media (max-width: 667.98px) {

    



    #g-642511581[style],

    #g-250927247[style] {

        padding-left:5%!important;

        padding-right:5%!important;

    }

    

    /*  

    FUNCTION: Remove side padding on sessions, and forms in mobile

    */

    #g-655704733[style],

    #g-889118637[style],

    #g-450714450[style],

    #g-450714450[style],

    #g-882857701[style],

    #g-664263569[style],

    #g-630148871[style] {

        padding-left:0!important;

        padding-right:0!important;

    }

    

    .session_title[style] {

        padding-top:0!important;

    }

    

    #g-374852975 .body {

        font-size:1.1rem;

        line-height:1.5;

    }

    

    /*  

    FUNCTION: Handle text in hero. Makes it slightly smaller so it does not break in the middle of a word.

    */

    #g-836100857[style] .title { 

        font-size:2.5rem;

    }

    

    /*  

    FUNCTION: Handling image sizes in mobile.  They are at 75% on desktop so they do not feel clown-y huge

    */

    #g-660793506[style],

    #g-284876183[style] {

        width:100%!important;

    }

    

    /*  

    FUNCTION: Center text on promo section when it is in mobile

    */ 

    #g-882857701[style],

    #g-664263569[style]  {

        text-align:center!important;

    }

    

    /*

    #splash-container #main-canvas .shadow3[style] {

        min-height:0!important;

    }

    */

    #splash-container.is-responsive-phone .FormView__FormContentView {

        padding: 0.5em !important;

    }

    

}



.button-flex{

    display: flex !important;

    align-items: flex-end;

    flex: auto;

}



.card-flex{

    display: flex;

    flex-flow: wrap;

    flex-direction: column;

}



.card-shadow{

    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);

    border-radius: 10px;

}

.image-border-radius img{

    border-radius: 10px 10px 0px 0px !important;

    background-size: contain;

}

.image-border-radius{

    border-radius: 10px 10px 0px 0px;

    background-size: contain;

}

.hero-banner-text{

    display: flex !important;

    place-items: center;

    align-items: center;

}



@media only screen and (max-width: 667px) {

    .card-title{

        min-height: 20px !important;

    }

    .card-shadow{

        box-shadow: none;

        border-radius: 0px !important;

        background-color: #F4F3F2;

    }

    .image-border-radius img{

        border-radius: 0 !important;

    }

    .image-border-radius{

        border-radius: 0 !important;

    }

}



.sf.nav.horizontal-hamburger-left-v2 .children.open{

    background: #fff;

    padding-bottom: 1rem;

}



#splash-container.is-responsive-tablet .nav-expand, .nav-bg{

    backdrop-filter: blur(12px) !important;

    background: rgba(2, 2, 2, 0.85) !important;

}



.resource-image img{

    border-radius: 20px;

}

.button-bottom{

   

}