.xd-form-input-text-color {
    color: #FF4B39 !important;
}

.xd-dine-password-field-icon {
    float: right;
    margin-top: -40px;
    padding-right: 50px;
    position: relative;
    z-index: 2;
}

.xd-dine-blog-banner {
    background: transparent !important;
    height: 300px !important;
    margin-top: -110px;
}

.xd-dine-banner-section .xd-dine-banner-block{
    position: absolute;
    right: 15%;
    top: 100px;
    left: 15%;
    padding-top: 20px;
    padding-bottom: 0px;
    color: #fff;
    text-align: center;
}

#xd-dine-blog-filter input[type="radio"] {
    display:none;
}

#xd-dine-blog-filter label {
    width:auto;
    float:left;
    text-align:center;
    background:#ffffff;
    color: black;
    padding:0.5%;
    margin:0.5%;
    margin-bottom:30px;
    cursor:pointer;
    text-transform: uppercase;
    border-bottom: 1px solid black;      
}

#xd-dine-blog-filter label:hover {
    color: #E6253B;
    border-bottom: 1px solid red;    
}

#xd-dine-blog-filter input[type="radio"][id="article-type-reset"]:checked + label,
#xd-dine-blog-filter input[type="radio"][id="article-type-entrenamiento"]:checked + label,
#xd-dine-blog-filter input[type="radio"][id="article-type-nutricion"]:checked + label,
#xd-dine-blog-filter input[type="radio"][id="article-type-mitos-y-realidades"]:checked + label,
#xd-dine-blog-filter input[type="radio"][id="article-type-habitos"]:checked + label
{
    color: #E6253B !important;
    border-bottom: 1px solid red;  
}

.xd-dine-blog-filter-active
{
    color: #E6253B !important;
    border-bottom: 1px solid red;  
}


/* article-type-entrenamiento */
#xd-dine-blog-filter input[type="radio"][id="article-type-entrenamiento"]:checked ~ .article-type-nutricion,
#xd-dine-blog-filter input[type="radio"][id="article-type-entrenamiento"]:checked ~ .article-type-mitos-y-realidades,
#xd-dine-blog-filter input[type="radio"][id="article-type-entrenamiento"]:checked ~ .article-type-habitos
{
  width:0;
  height:0;
  padding:0;
  margin:0;
  opacity:0;
}
/* article-type-entrenamiento */

/* article-type-nutricion */
#xd-dine-blog-filter input[type="radio"][id="article-type-nutricion"]:checked ~ .article-type-entrenamiento,
#xd-dine-blog-filter input[type="radio"][id="article-type-nutricion"]:checked ~ .article-type-mitos-y-realidades,
#xd-dine-blog-filter input[type="radio"][id="article-type-nutricion"]:checked ~ .article-type-habitos
{
  width:0;
  height:0;
  padding:0;
  margin:0;
  opacity:0;
}
/* article-type-nutricion */

/* article-type-mitos-y-realidades */
#xd-dine-blog-filter input[type="radio"][id="article-type-mitos-y-realidades"]:checked ~ .article-type-entrenamiento,
#xd-dine-blog-filter input[type="radio"][id="article-type-mitos-y-realidades"]:checked ~ .article-type-nutricion,
#xd-dine-blog-filter input[type="radio"][id="article-type-mitos-y-realidades"]:checked ~ .article-type-habitos
{
  width:0;
  height:0;
  padding:0;
  margin:0;
  opacity:0;
}
/* article-type-mitos-y-realidades */

/* article-type-habitos */
#xd-dine-blog-filter input[type="radio"][id="article-type-habitos"]:checked ~ .article-type-entrenamiento,
#xd-dine-blog-filter input[type="radio"][id="article-type-habitos"]:checked ~ .article-type-nutricion,
#xd-dine-blog-filter input[type="radio"][id="article-type-habitos"]:checked ~ .article-type-mitos-y-realidades
{
  width:0;
  height:0;
  padding:0;
  margin:0;
  opacity:0;
}
/* article-type-mitos-y-realidades */

.xd-dine-blog-article  {
  width:32%;
  height:auto;;
  float:left;
  transition:all 0.3s;
  margin:0.5%;
  padding:0.5%;
  padding-top: 0px;
  margin-right: 4% !important;
}

.xd-dine-blog-article:hover  {
        transform: scale(1.03); 
}

.xd-dine-blog-article-type {
    font-family: 'Montserrat';
    position: absolute;
    bottom: 0px;
    background: #141B2F;
    padding: 5px 20px 5px 20px;
    color: #ffffff;
    text-transform: uppercase;
}

.xd-woq-blog-content p {
    font-size: 14px !important;
    line-height: normal !important;
}

.xd-woq-blog-content span {
    font-size: 14px !important;
    line-height: normal !important;
}

.xd-woq-blog-content strong {
    text-transform: uppercase !important;;
    font-size: 24px !important;
}

/*start : Mobile Devices 768px*/
@media (max-width: 768px) { 
    .xd-dine-blog-article  {
          width:100%;
    }

} 
/*end : Mobile Devices 768px*/

