/*******************************************************************************

Marcos Leão
2024/07/16

<link type="text/css" href="/templates/shaper_helixultimate/css/override.css" rel="stylesheet" />



*******************************************************************************/
<style>

/*    sp-main-body, body, .sp-preloader     ***********************************/

#sp-main-body {
    background-color: #ffffff;
}
body, .sp-preloader {
    background-color: #ffffff;
    color: #252525;
}

/*    sp-header                             ***********************************/

@media (max-width: 575px) {
    #sp-header {
        height: 50px;
        position: fixed;
        top: 0;
        left: 0;
    }
}

#sp-header {
    background-color: #e3142d;
} 

#sp-header .logo {
    padding-left: 2px;
    padding-right: 2px;
    background-color: #ffffff;
}


/* sp-megamenu-parent                       ***********************************/

.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    font-family: Roboto Slab !important;
    font-size: 22px !important;
}
.sp-megamenu-parent>li:hover>a {
    color: #cccccc;
}
.sp-megamenu-parent>li.active>a {
    font-weight: 500;
    color: #ffffff !important;
}


/* sp-megamenu-parent .sp-dropdown           **********************************/

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background-color: #e93c51 !important; // não funcionou aqui, foi para helix custom css
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    font-size: 20px;
    font-family: 'Roboto Slab';
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
    color: #cccccc;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
    color: #ffffff !important;
}

/* carrousel de blog   1140 x 640           ***********************************/

.carousel-item img {
    width: 320px;
    height: 300px;
}

/* Animação para Call to action             ***********************************/

.calltoaction {
   animation: minhaAnim 2s ease 0s infinite normal none;
}

@keyframes minhaAnim {
   0% {
      transform: scale(1);
   }

   50% {
      transform: scale(1.2);
   }

   100% {
      transform: scale(1);
   }
}


</style>