/*CARDS HIDDEN START*/

/*Card name: PAB */
#g-545213574 {
    display: none !important;
}

/*Card name:  AI Runtime Security HoL */
#g-402037471 {
    display:none !important;
}

/*Card name: Jump-Start Your SSE Journey */
#g-625783808 {
    display:none !important;
}

/*Card name: InterSEC 2025 */
#g-872958272 {
    display:none !important;
}
/*Card name: Secure the Future of Work */
#g-724990096 {
    display:none !important;
}

/*Card name: Network Security Design for Cloud */
#g-939510926 {
    display:none !important;
}
/*Card name: AI Access Security */
#g-698854101{
    display:none !important;
}

/*Note - */

/*CARDS HIDDEN END*/



/*Text color for box element AI Runtime Security Hands-On Lab | Strata Yellow */
#sfid-3724056519 {
color:rgb(255, 203, 6) !important;
}
/*Text color for box element END */


.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;
    }
    
}


.card-shadow{
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.card-shadow-new{
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
}
.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: 60px !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;
}
.strata-text{
    color:rgb(255, 203, 6) !important;
}
.strata-button{
    background-color: rgb(255, 203, 6) !important;
}


.cortex-text{
    color:rgb(0, 204, 102) !important;
}
.cortex-button{
    background-color: rgb(0, 204, 102) !important;
}

.enterprise-text{
    color:rgb(250, 88, 45) !important;
}
.enterprise-button{
    background-color: rgb(250, 88, 45) !important;
}


.a-tag-styles, a{
    color: #000;
}

.height-zero{
    min-height:0 !important;
}
