/***HEADER***/

body.view-article #sp-header, 
body.com-eventbooking #sp-header,
body.view-calendar #sp-header {background: rgba(0,0,0,0.8) !important; } 

#sp-header { 
height: 0px;
    width: 100%;
    position: relative;
    z-index: 99;
    background: transparent;
    box-shadow: 0 0 0 0 rgb(0 0 0 / 10%);
    animation: spFadeIn 0.5s;
}


/***STICKY HEADER***/

#sp-header.header-sticky {
height: 60px;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    background: rgb(0 40 104 / 80%) !important;
    animation: spFadeInDown 0.5s;
}

#sp-header .logo {padding-top: 8px;}

#sp-header.header-sticky .logo-sticky {padding-top: -8px;}