/*
 * b4st Simagolab CSS
 */


/* Tipography
* ****************************************************************
*/


@font-face {
  font-family: "RiformaLLWeb-Regular";
  src: url("RiformaLLWeb-Regular.woff") format("woff");
}

@font-face {
  font-family: "RiformaLLWeb-Regular";
  src: url("Fonts/RiformaLLWeb-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "RiformaLLWeb-Medium";
  src: url("RiformaLLWeb-Medium.woff") format("woff");
}

@font-face {
  font-family: "RiformaLLWeb-Medium";
  src: url("Fonts/RiformaLLWeb-Medium.woff2") format("woff2");
}


/* subset */

/*@font-face {
  font-family: "RiformaLLSub-Regular";
  src: url("RiformaLLSub-Regular.woff") format("woff");
}*/

@font-face {
  font-family: "RiformaLLSub-Regular";
  src: url("Fonts/RiformaLLSub-Regular.woff2") format("woff2");
}

/*@font-face {
  font-family: "RiformaLLSub-Medium";
  src: url("RiformaLLSub-Medium.woff") format("woff");
}*/

@font-face {
  font-family: "RiformaLLSub-Medium";
  src: url("Fonts/RiformaLLSub-Medium.woff2") format("woff2");
}




body {
    /*font-family:'Roboto', sans-serif;*/
    font-family: var(--font-family-primary);
    color:var(--color-primary);
    font-weight: var(--weight-light)
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0;
    font-size: 1rem;
    margin-bottom: .5rem
}
h1, h2{
    margin-bottom: 1.5rem
}
.sidebar h4{
    margin-bottom: 0   
}
h2,.h2{
    font: var(--h2);
}
.subtitle{
    font:var(--h2-subtitle) !important;
    font-weight: 300;
    line-height: 150% !important;
    max-width: 980px;
}
h2 + p.subtitle{
    font: var(--h2-subtitle);
}
h1 + p.subtitle, .h1 + p.subtitle, .h2 + p.subtitle{
    font: var(--h1-subtitle) !important;
    max-width: 760px;
    line-height: 130% !important;
    margin-left:0;
    text-align:left;
    /*margin-left: auto;
    margin-right: auto;*/
}
.clientes-relacionados .block-head .subtitle{
    padding-left: 24px;
}
.testimonio-home .subtitle,
.caso-exito-home .subtitle{
    height: 40px;    
}
.jumbotron h1 + p.subtitle, .jumbotron .h1 + p.subtitle{
    margin-left: 0;
}
h3,.h3{
   font: var(--h3);
   /*font-weight: var(--weight-bold)*/
}
h4,.h4{
   /* font: normal 800 1.1rem 'Roboto', sans-serif;*/
   font: var(--h4);
   font-family: 'RiformaLLWeb-Medium';
}
h5,.h5{
    font: var(--h5);
    text-transform: uppercase;
}

/*
h1 a,h2 a,h3 a,h4 a,h5 a{
    color: var(--color-primary)
}*/

.section-hero h1{
    font: var(--h1-hero) !important
}
.section-hero h2{
    font: var(--h2-hero) !important;
    line-height: 22px !important;
    padding-left: 24px;
    padding-right: 24px;
}
/*
.block-content h2{
    font: var(--h2-subtitle);
}*/

.entry-header h1, h1,.h1{
    font: var(--h1)!important;
    line-height: 48px;   
    margin:0; 

}

.h1:not(.noelipse):before{
    content: '';
    width: 12px;
    height: 12px;
    background: #DB2432;
    display: flex;
    align-self: center;
    margin-right: 12px;
    border-radius: 50%;
    display: inline-block;
}
/*
.jumbotron h1{
    margin-bottom: .5rem;
    font-weight:300 !important;
    font-size: 2.81rem !important;
    }*/
.pre-title{
    font: var(--pre-title);
    text-transform: uppercase;
    font-family: var(--font-family-primary);
}
.entry-content, .entry-header {
    /*font-size:var(--text-root);*/
}
dl, ol, ul {
    /*padding-left: 15px;*/
    padding-left: 0;
}

p + h2, p + h3, p + h4, p + h5{
    margin-top: var(--m-s)
}
.block-card-shadow p + h2, .block-card-shadow p + h3, .block-card-shadow p + h4, .block-card-shadow p + h5{
    margin-top:0
}
.entry-content blockquote{
    line-height: 160%
}
/* varios **************************/

.text-hight{
    font: var(--text-hight);
}
.text-light{
     color: #FFF !important
}

strong{
    font-weight: 400;
    font-family: 'RiformaLLWeb-Medium';
}
.meta-tags{
    font-size: var(--text-small);
}

h1 strong, h2 strong, .h1 strong, .h2 strong, h3 strong,.h3 strong{
    /*font-weight: var(--weight-bold)*/
}

em, p em{
    font-weight: var(--weight-light) !important
}


/* Sidebar **************************/


#sidebar h2.h4,
#site-main-widgets h2.h4,
h2.widgettitle{
    text-transform: uppercase;
    font-size:var(--sidebar-title);
    letter-spacing: .05rem;
    margin-bottom: 15px
}


@media (max-width: 480px){


}