/*****
    Start 1: Ajusta la altura del Header y Logo al hacer scroll
*****/
#sp-header, #sp-header .logo {
  transition: 0.3s ease;
}

#sp-header.header-sticky, #sp-header.header-sticky .logo {
  height: 50px;
  transition: 0.4s ease;
}

#sp-header.header-sticky .logo-image {
    height: 45px;
}
#sp-header.header-sticky .logo-image-phone {
    height: 35px;
}

#sp-header.header-sticky #offcanvas-toggler {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
}

#sp-header.header-sticky .sp-megamenu-parent > li > a, #sp-header.header-sticky .sp-megamenu-parent > li > span{
    line-height: 50px;
}
/**** END ****/



/*****************
  BOTON MENU LOGIN
**************/

#sp-header.header-sticky .sp-megamenu-parent >li a.menu-login{ line-height: 35px }

.sp-megamenu-parent >li a.menu-login {
  padding-left: 12px;
  padding-right: 12px;
  color: #000000;
  border-radius: 3px;
  -webkit-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;
  line-height: 35px;
   
}
.sp-megamenu-parent >li> a.menu-login {
  background-color: #e84a4b;
  color: #fff !important;
}
.sp-megamenu-parent >li:hover > a.menu-login {
  background-color: #ca4242;
  color: #fff;
}

.header-sticky .sp-megamenu-parent >li>a.menu-login {
color: #fff !important;
}
/***** END *****/

/* page title */
.sppb-addon-articles .sppb-addon-article{
    padding: 20px;
    border:1px solid #f5f6fa;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.sppb-addon-articles .sppb-addon-article:hover{
    box-shadow: 0px 20px 27px 0px rgba(152, 170, 198, 0.15);
    padding: 20px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}


.sppb-addon-articles .sppb-article-content-wrap h3{
    font-size: 20px;
    font-weight: 500;
}

.sp-page-title {
    background: #252c35;
    padding: 150px 0 100px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: scroll;
}
.sp-page-title .sp-page-title-heading{
    font-size: 31px;
    font-weight: 500;
}

div.sp-page-title:before {
    content: '';
    opacity: 0.7;
    background: #1C314A;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
div.sp-page-title .container {
    position: relative;
    z-index: 2;
}



/* CSS Fix for Images edit article in front end*/
li > a.nav-link {
position: relative;
display: block !important;
}
.form-group label { display: block !important; }
.form-group .input-group a { display: block !important; }

/*****
  ESTILOS OFF-CANVAS
******/

.offcanvas-menu {
    background-color: #252c35;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    color: #f1f1f1;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
    color: rgba(193, 193, 193, 0.8);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
    color: rgba(255, 255, 255, 0.5);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li {
    padding: 5px 0px;
}

/**** Estilos MegaMenu ****/
#sp-header .sp-megamenu-parent .mymegamenu .sp-mega-group > li > a {
  text-transform: uppercase;
  font-weight: 700;
  border-bottom: 2px solid #e93537;
}