.news{
    width: 51%;
    margin: 0 auto;
    text-align:left;
}
.news h2{
    text-align:center;
}
.news .field--name-field-news-title{
    font-family: Barlow;
    font-size: 28px;
    font-weight: bold;
    color: #192d38;
    text-align: left;
}

.news .field--name-field-news-date {
    font-size: 20px;
    font-family: "Open Sans";
    color: #495961;
    text-align: left;
    font-weight:normal;
    padding-top: 20px;

}


/* .carousel-control .breadcrumb ol li:focus, li:active, a:focus, a:active {
    color: transparent !important;
} */


.news .breadcrumb ol li:focus, li:active, a:focus, a:active{
    color: transparent;
}

.show-carousel{
    display: none !important;

}

.show-news{
    display: block !important;
}

.news-press-release .field--name-field-news-image img{
    width:208px;
    height:208px;
}

.container.news-content {
  width: 90%;
}

.block-views-blocknews-block-news-side-block {
  margin-top: 50px;
}

.block-views-blocknews-block-news-side-block .news-press-release .field--name-field-news-image {
  float: left;
  width: 120px;
  margin-right: 15px;
}

.block-views-blocknews-block-news-side-block .news-press-release .field--name-field-news-image img {
  width:120px;
  height:120px;
}

.block-views-blocknews-block-news-side-block .news-press-release .field--name-field-news-date,
.block-views-blocknews-block-news-side-block .news-press-release .field--name-field-news-title {
  float: left;
  width: 50%;
  padding-top: 0;
}


/* News Full Page */

.news-full-page{
    width: 100%;
}

.news-full-page p{
    color: #495961;
    margin-bottom: 20px;
}

.news-full-page-title{
    display: none;
}

/* Related News */

.enlace-related-news .col-md-12{
    background-color: #ecf2f6;
}

.enlace-related-news h2{
    padding-top: 31%;
}

.elace-news{
    text-align: center;
}

.elace-news div {
    display: inline-block;
    text-align: left;
}

.related-news{
    display: none;
}

.optionset-news-images .flex-caption{
    width: 300px;
    margin: 0 auto;
    
}
.optionset-news-images .flexslider .slides img{
    width: unset !important;
    margin: 0 auto;
    height: unset;
}

.optionset-news-images .flexslider .flex-direction-nav a, .flexslider .flex-direction-nav a{
    display: block !important;
}


.optionset-news-images .flex-direction-nav a{
    width: 27px !important;
    height: 40px;
    height: 53px !important;
}

.news-full-page .img-carousel {
    padding: 0; !important
}

.img-carousel .optionset-news-images{
    height: auto;
    margin-left: 70px;
  margin-bottom: 25px;
}

.img-carousel .optionset-news-images ul.slides{
    list-style: none;
}

.img-carousel .optionset-news-images ul.slides li .flex-caption{
    background-color: #f1f7fa;
    width: 100%;
    padding: 15px;
    color: #495961;
}

.flex-direction-nav a{

    display: block;
}

.news-text{
    padding-left: 71px !important;
    padding-top: 0px !important;
}

.news-title {
  overflow: auto;
  margin-bottom: 15px;
}

.news-title .field--name-field-news-date {
    padding-top: 25px;
}


.show-carousel.text-center .col-md-6{
    padding: 0 0 0 0 !important;
}


.show-carousel.com{
    display: block !important;
}

.left.carousel-control.com{
    left: 35% !important;
}

.right.carousel-control.com{
    right: 35% !important;
}

.block-webform-block {
  margin-top: 50px;
}

.webform-submission-newsletter-form .form-item{
  font-family: 'Barlow',sans-serif;
  background-repeat: no-repeat
}

.webform-submission-newsletter-form .form-item label{
  display: block;
}


.webform-submission-newsletter-form .form-item input{
  height: 34px;
  border-radius: 5px;
  background-color: #ecf2f6;
  width: 60%;
}

.webform-submission-newsletter-form input.webform-button--submit {
  background-color: #ecf2f6;
  font-family: 'Barlow', sans-serif;
  color: #495961;
  border-radius: 4px !important;
  font-weight: bold;
}

.webform-submission-newsletter-form .messages {
  padding-left: 35px;
}

@media (max-width:1024px){
  .img-news {
    text-align: center !important;
  }

  .img-carousel .optionset-news-images{
    margin: 0 auto;
    margin-bottom: 25px;
  }
  .flex-direction-nav a{

    display: block;
  }
  .optionset-news-images .flex-caption{
    width: 200px;
    margin: 0 auto;

  }

  .news{
    width: 100% !important;

  }
  .show-carousel.text-center .col-sm-12{
    width: 100%;
    padding: 0 0 0 0 !important;
  }

  .left.carousel-control{
    left: 20% !important;
  }

  .right.carousel-control{
    right: 20% !important;
  }

  .news-press-release .field--name-field-news-date{
    width: 60% !important;
    margin: 0 auto !important;
  }

  .news-press-release .field--name-field-news-title{
    width: 60% !important;
    margin: 0 auto !important;
  }

  .block-views-blocknews-block-news-side-block .news-press-release .field--name-field-news-image {
    width: 120px;
    margin-right: 12px;
    text-align: left;
  }

  .block-views-blocknews-block-news-side-block .news-press-release .field--name-field-news-image img {
    width:100px;
    height:100px;
  }

}


@media (max-width: 1228px) {
  .show-carousel.block{
    display: block !important;

  }
  .show-news.block{
    display: none !important;
  }
}

@media (max-width: 991px) and (min-width: 1024px) {
  .enlace-related-news .row{
    background-color: #ecf2f6;
  }
  .enlace-related-news{
    display: block;
  }
}

@media (max-width: 991px) {

  .col-md-12.news-press-release {
    height: 140px;
  }

  .show-carousel{
    display: block !important;

  }

  .show-news{
    display: none !important;
  }

  .enlace-related-news .row{
    background-color: #ecf2f6;
  }
  .enlace-related-news{
    display: none !important;
  }
  .related-news{
    display: block !important;
    padding-top: 10%;
  }

  .related-news .news h2{
    font-size: 27px;

  }

  .container.news-content {
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .news-text {
    padding-left: 0px !important;
  }

  .img-carousel .optionset-news-images {
    margin-left: 0;
  }

  .news-press-release .field--name-field-news-image{
    display: block;
    max-width: 100%;
    height: auto;
  }

}

@media (max-width:444px){
  .left.carousel-control{
    left: 25px !important;
  }

  .right.carousel-control{
    right: 25px !important;
  }
}
