/*Color de fondo y texto de Bottom Widget*/
.bottom-widgets-1, .bottom-widgets-3 {
  background: rgba(251, 180, 41, 1) !important; 
  color: #ffffff !important;
}

.bottom-widgets-2, .bottom-widgets-4{
  background: rgba(249, 250, 251, 1) !important;
  color: #ffffff !important;
}


/*Estilo de las columnas de las secciones de Bottom Widget */
.columna-grilla-portada {
  padding:10px;
}

/*Texto del cuerpo en los Bottom Widget */
.cuerpo-noticias-portada, .views-field-field-descripcion, .columna-grilla-portada .views-field-field-descripcion-box {
  text-align:left;
}



/*Título de bloques de Bottom Widget*/
#block-views-block-noticias-block-1 .title,
#block-views-block-efemerides-block-1 .title,
#block-views-block-recursos-destacados-block-1 .title,
#block-views-block-videos-destacados-block-1 .title,
#block-views-block-noticias-block-1-2 .title,
#block-views-block-efemerides-block-1-2 .title,
#block-views-block-recursos-destacados-block-1-2 .title,
#block-views-block-videos-destacados-block-1-2 .title,
#block-views-block-accesos-conciencia-agropecuaria-block-1 .title
 {
  font-size: 2em;
  color: rgba(0, 0, 0, 0.5); 
  font-weight: bold;
}


/*Titulo de cada contenido en las vistas de Bottom Widget */
.columna-grilla-portada .views-field-title .field-content a {
  color: rgba(51, 107, 179, 1); 
  font-size: 1.17em;
  margin-bottom: 1em;
}

.columna-grilla-portada-interior .views-field-field-descripcion-box .field-content a,
.columna-grilla-portada-interior .views-field-field-descripcion .field-content a  {
  font-size: 13px;
}


.columna-grilla-portada .views-field-field-descripcion-box .field-content a,
.columna-grilla-portada .views-field-field-descripcion .field-content a  {
  color: #2D47C1;
  font-size: 13px;
}

.columna-grilla-portada .views-field-title {
  padding-bottom: 10px;
}

.columna-grilla-portada .cuerpo-noticias-portada {
  color: #000000f0;
}

.columna-grilla-portada .views-field-field-fecha {
  color: #000000;
}

.views-field-title .field-content a {
  color: #336bb3;
  font-size: 1.5em;
}


@media (min-width: 512px) {
  .columna-grilla-portada {
    width:33.3%;
  }
}

@media (max-width: 512px) {
  .columna-grilla-portada {
    width:100%;
  }
}

img {
    width: 100%;
}