a {
    color: #e8631e;
}

a:hover {
    color: #DB861D;
}

h1.title {
    color: #e8631e;
    font-size: 1.8rem;
    margin-bottom: 1rem;
}

h3 {
    color: #DA871D;
}

body {
    color: #3b3b3b;
    background: #fff;
}

.site-name-slogan {
    text-transform: uppercase;
    color: #777;
    padding-top: 0.7rem;
    padding-left: 1rem;
}

.region-header-form {
    display: inline-grid;
}

.btn.leer-mas {
    color: #555;
}

.card-title.ondarural-title {
    margin-bottom: 2rem;
}

.row-recursos {
    margin-right: 15px;
    margin-left: 15px;
}

.card.card-rural.comunicacion {
    border: solid 2px #e8631e;
}

.card.card-rural.agricultura {
    border: solid 2px #5b9c00;
}

.card-comunidad {
    background-color: #e8631e;
}

.card-comunidad > .card-header h2 {
    color: #fff;
}

.card-recursos {
    background-color: #DA871D;
}

.card-recursos > .card-header h2 {
    color: #fff;
}

.card-desarrollo {
    background-color: #5b9c00;
}

.card-desarrollo > .card-header h2 {
    color: #fff;
}

.card.rural.card-interna {
    min-height: 22rem;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
    color: #DA871D;
}

.region-footer-logos h2 {
    color: #e8631e;
}

.rural {
    border: 2px solid  #e8631e;
}

#block-ondarural-main-menu {
    font-size: 1.2rem;
    text-transform: uppercase;
}

#block-redessociales {
    float: right;
    color: #666;
    padding-bottom: 5px;
}

#block-redessociales a {
    float: right;
    color: #666;
    padding-bottom: 5px;
}

.redes-top a{
    margin-left: 3px;
}

.redes-top a:hover {
    color: #5b9c00 !important;
}

.footer-region {
    text-transform: none;
    /*text-transform: uppercase;*/
    color: #fff;
}

.footer-region a {
    color: #fff;
}

.contenedor-noticias {
    border: solid 2px #e8631e;
}

.card.rural.contenedor-noticias {
    font-size: 1.5rem;
}

.card.rural.contenedor-noticias a {
    color: #e8631e;
}

.card-rural {
    min-height: 40rem;
}

.resena {
    min-height: 36rem;
    margin-bottom: 1rem;
}

.img-resena {
    width: 66%;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.btn-ondarural {
    color: #e8631e;
    border: 2px solid;
    font-weight: 500;
}

.btn-ondarural:hover {
    background-color: #e8631e;
    color: #fff;
}

.orange {
    color:#e8631e;
}

.orange-light {
    color:#DA871D;
}

.green {
    color: #5b9c00;
}

.bg-orange {
    background-color:#e8631e;
}

.bg-green {
    background-color: #5b9c00;
}

.bg-orange-light {
    background-color:#DA871D;
}

.borde-green {
    border: 1px solid #5b9c00;
}

.caption > figcaption {
    display: table-caption;
    max-width: none;
    caption-side: bottom;
}

#views-bootstrap-materiales-y-herramientas-page-5 {
    margin-bottom: 1rem;
}

#views-bootstrap-materiales-y-herramientas-page-5--2 {
    margin-bottom: 1rem;
}

#views-bootstrap-materiales-y-herramientas-page-4 {
    margin-bottom: 1rem;
}

#views-bootstrap-materiales-y-herramientas-page-4--3 {
    margin-bottom: 1rem;
}

#views-bootstrap-materiales-y-herramientas-page-4--2 {
    margin-bottom: 1rem;
}

/** Navbar **/
/*
navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    position: relative;
    flex-direction: row-reverse !important;
}


.navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: block !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
*/

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

.navbar-main {
    padding-top: 0.8rem;
    margin-bottom: 1rem;
  }

/* End Navbar */

.bg-ondarural {
    background: linear-gradient(90deg, rgba(232,99,30,1) 0%, rgba(218,135,29,1) 50%, rgba(91,156,0,1) 100%);
}
.card-header-rural {
    background-color: #e8631e;
    color: #fff;
}

.card-header-familiar {
    background-color: #5b9c00;
    color: #fff;
}

#page {
    background: #ffffff;
    background-attachment: fixed;
    min-height: 75vh;
}

#main-wrapper {
    background-color: transparent;
}



.bg-dark {
    background-color: transparent !important;
}

.views-element-container h2 {
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.container.container-page {
    background-color: #fff;
}

.site-footer {
    background: transparent;
}

.site-footer__top.clearfix {
    /*background-image: url(/sites/default/files/FooterOR.png);*/
}

#content-superior {
    margin-bottom: 1rem;
    margin-top: 15px;
}

.h1, h1 {
    font-size: 1.8rem;
}

.h2, h2 {
    font-size: 1.8rem !important;
}

.node__content img {
    padding-left: 10px;
    padding-right: 10px;
}

#main {
    background: #fff;
    padding-top: 1rem;
}

.sidebar .block {
    background-color: #fff;
    border-color: #fff;
}

#views-bootstrap-slide-block-1 {
    border-bottom: solid #e8641d 12px;
}

.carousel-caption.d-none.d-md-block > h3 {
  display: none;
}

.leer-mas {
    background-color: #d7d4ce;
    padding: 5px 10px 5px 10px;
}

.leer-mas:hover {
    color: #fff;
    background-color: #858585;
}


.titulo {
    padding: 15px;
    background-color: #f7f7f7;
}

#block-views-block-noticias-block-1 > h2 {
    margin-left: -15px;
    margin-right: -15px;
}

#block-views-block-onda-rural-block-1 > h2 {
    margin-left: -15px;
    margin-right: -15px;
}

#block-logospiedepagina-3 h3 {
    padding-bottom: 10px;
    border-bottom: solid 3px #e8631e;
    color: #e8631e;
}

.container.menu-primary {
    background-color: #e8641d;
}

#block-views-block-noticias-block-1 {
    margin-bottom: 1.5rem;
}

.spotlight-texto {
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
}

.leer-mas a {
    color: #e65619;
}

.contenido-left {
    padding-left: 20px;
    padding-right: 20px;
}

.contenido-right {
    padding-left: 20px;
    padding-right: 20px;
}

.site-footer .block {
    margin: -1px 0;
    padding: 10px;
}

.row.region.region-featured-bottom-first {
    background-color: #7c9226;
    padding-left: 15px;
}

.site-footer {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0px 0 30px;
}

.site-footer__top .region {
    position: relative;
    width: 100%;
    margin-left: 0.64%;
}

.site-footer__top.clearfix {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 15px;
    padding-bottom: 1rem;
}

.button.js-form-submit.form-submit.btn.btn-primary {
    background-color: #5b9c00;
    border-color: #5b9c00;
}

.row.region.region-content-spotlight {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 1.5rem;
}

.logo-ondarural-direccion {
    font-size: 0.8rem;
}

.logo-ondarural-direccion > img {
    margin-right: 15px;
}

.row.region.region-footer-fifth {
    color: #fff;
    text-align: center;
    padding-right: 0.65%;
    padding-left: 0.65%;
}

.site-footer__bottom .region {
    margin-top: 0px;
}

.site-footer__bottom {
    margin-top: 3rem;
    padding: 2rem 0 2rem 0;
}

#block-views-block-comunicacion-rural-block-1 > h2{
    margin-right: 5px;
}

#block-views-block-agricultura-familiar-block-1 >h2{
    margin-left: 5px;
}

#block-menulateral img:hover {
    box-shadow: 3px 6px 10px 1px #888 !important;
}

#block-ondarural-search {
    margin-left: 15px;
}

.sidebar .block {
    border-style: solid;
    border-width: 1px;
    padding: 10px 10px;
    margin: 0 0 20px;
}

#sidebar_second {
    padding-right: 0px;
    padding-left: 10px;
}

.caption.caption-img.align-left {
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.caption.caption-img.align-right {
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

li.dropdown-item a {
    color: #E56B1E;
    text-decoration: none;
}

li.dropdown-item.active {
    background-color: bisque;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: seashell;
}

.card-noticias {
    min-height: 37rem;
}

.carousel-control-next, .carousel-control-prev {
    width: 5%;
}

.card-recursos-2 {
    max-width: 33rem;
    margin-right: 1rem;
}

.icono {
    margin: 0 auto;
}

.icono > svg {
    height: 110px;
    width: 105px;
    fill: #555;
}

.card-title-recursos {
    font-size: 1.6rem;
}

.icono-resena {
    margin-left: 3rem;
}

.icono-resena > svg {
    fill: #555555;
}

.icono-entrevista {
    width: 5rem;
}

.icono-pais {
    width: 100px;
    margin-left: 1rem;
    margin-bottom: 1rem;
    margin-right: 1rem;
    fill: #555;
}

.icono-pais-2 {
    width: 150px;
    margin-left: 1rem;
    margin-bottom: 1rem;
    margin-right: 1rem;
    fill: #555;
}

.view-modulos-informativos > .view-content > h3, .view-materiales-y-herramientas > .view-content > h3 {
    background-color: #E8651E;
    width: fit-content;
    padding-left: 1rem;
    padding-top: 0.5rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    border-radius: 10px 10px 0px 00px;
    color: #fff;
}

.logo-1 {
    max-width: 190px !important;
}

.logo-2 {
    max-width: 140px !important;
}

.logo-3 {
    max-width: 60px !important;
}

.logo-4 {
    max-width: 110px !important;
}

.logo-5 {
    max-width: 90px !important;
}

.logos:hover {
    transform: scale(1.1);
    transition: 0.3s;
}

.img-comite {
    margin: 1rem 1rem 1rem 0;
    max-width: 250px !important;
    max-height: 150px !important;
}

.logo-footer {
    max-width: 180px !important;
    margin-bottom: 1rem;
}

.redes-footer > a > svg {
    height: 30px;
    margin-right: 0.4rem;
    fill: white;
}

#servicio-informativo > h2 {
    color: white;
    background-color: #E1601D;
    padding: 0.5rem 1.5rem 0.5rem 1.5rem;
    border-radius: 10px 10px 0 0;
    font-size: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

#block-views-block-noticias-block-1 > h2, #block-logospiedepagina-3 > h2, .servicio-col > h2 {
    color: white;
    background-color: #E1601D;
    width: fit-content;
    margin-left: 1rem;
    padding: 0.5rem 1.5rem 0.5rem 1.5rem;
    border-radius: 10px 10px 0 0;
    font-size: 1.5rem !important;
}

#logos {
    max-width: 940px;
    margin: 0 auto;
    padding-top: 2rem;
}

/*
.scroll-container {
    height: 25rem;
    overflow: hidden;
    border: 1px solid #ccc;
    position: relative;
}
*/
.scroll-container {
    /*
    height: 25rem;
    */
    height: 42.7rem;
    overflow: hidden;
    position: relative;
    /*border-left: #e8631e 2px solid;*/
    margin-left: 1rem;
    padding-left: 0rem !important;
    padding-right: 2rem;
}

.scroll-list {
    list-style-type: none;
    position: absolute;
    animation: scroll 20s linear infinite;
    padding-right: 2rem;
    padding-left: 1.5rem;
}

.scroll-list.paused {
    animation-play-state: paused;
}

.scroll-list li {
    border-bottom: 1px solid #ddd;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.scroll-list li a {
    text-decoration: none;
    color: #5b9c00;
}

.lista-servicioinformativo {
    margin-bottom: 1rem;
    padding-right: 2rem;
}

.region-content-informativo-right {
    margin-right: 0px;
}

#servicio-informativo {
    margin-top: 0rem;
    margin-bottom: 1rem;
}

.servicio-item {
    margin-bottom: 1.1rem;
}

.servicio-item a {
    text-decoration: none;
}

.servicio-footer {
    margin-right: -0.8rem;
    margin-left: -0.8rem;
}

.servicio-footer a {
    text-decoration: none;
    font-size: 1.5rem;
    color: #fff
}

.servicio-footer a:hover {
    text-decoration: underline;
    color: #fff;
}

.servicio-izquierda {
    padding-right: 1rem;
}

.servicio-derecha {
    min-height: 46.7rem;
}

@keyframes scroll {
    0% {
        top: 0;
    }
    100% {
        top: -100%;
    }
}

#edit-created-wrapper--2 > .fieldset-wrapper {
    display: inline-flex;
}

#edit-created-wrapper--2 > legend {
    font-size: 1rem;
    margin-bottom: auto;
}

#edit-created-min--2 {
    margin-right: 0.5rem;
}

#edit-created-max--2 {
    margin-left: 0.5rem;
}

#edit-created-wrapper--2 > .fieldset-wrapper > label.label {
    margin-right: 0.5rem;
}

.form-item-combine {
    width: 15rem;
}

#edit-actions--3 {
    margin-bottom: 2rem !important;
    margin-left: 1rem;
}

#views-exposed-form-resumen-servicio-informativo-block-1 {
    background-color: #DA871D;
    padding: 1.5rem;
    margin-bottom: 2rem;
    border-radius: 10px;
    box-shadow: 5px 5px 21px -19px;
    color: #fff;
    font-weight: 600;
}

#views-exposed-form-resumen-servicio-informativo-block-1 > .d-flex.flex-wrap > #edit-created-wrapper > legend {
    font-size: 1rem;
}

#views-exposed-form-noticias-af-page-1 > .d-flex.flex-wrap > #edit-created-wrapper > .fieldset-wrapper {
    display: inline-flex;
}

#edit-created-wrapper > legend {
    font-size: 1rem;
    margin-bottom: unset;
}

#edit-actions {
    margin-bottom: 1rem !important;
}

#views-exposed-form-noticias-af-page-1 {
    background-color: #DA871D;
    padding: 0.5rem 1.5rem 0rem 1.5rem;
    margin-bottom: 2rem;
    border-radius: 10px;
    box-shadow: 5px 5px 21px -19px;
    color: #fff;
    font-weight: 600;
}

#views-exposed-form-noticias-af-page-1 > .d-flex.flex-wrap > #edit-created-wrapper {
    margin-bottom: 0 !important;
}

#views-exposed-form-noticias-af-page-1 > .d-flex.flex-wrap .form-item-field-pais-target-id {
    margin-right: 1rem;
    margin-bottom: 0 !important;
}


.form-item-field-pais-target-id {
    margin-right: 1rem;
}

#edit-created-wrapper > .fieldset-wrapper > label {
    margin-right: 0.5rem;
}

#edit-created-min {
    margin-right: 0.5rem;
}

#views-exposed-form-noticias-af-page-1 > .d-flex.flex-wrap > .form-item-combine {
    margin-right: 0.5rem;
}

#edit-submit-noticias-af, #edit-submit-resumen-servicio-informativo {
    background-color: #fff;
    color: #333;
    border: none;
}

#edit-submit-noticias-af:hover, #edit-submit-resumen-servicio-informativo:hover {
    background-color: #dcdcdc;
    color: #333;
    border: none;
}

#views-exposed-form-resumen-servicio-informativo-block-1 > .d-flex.flex-wrap > #edit-created-wrapper {
    margin-bottom: 0rem !important;
}

.img-campana {
    height: 22.9rem !important;
}

#views-exposed-form-resumen-servicio-informativo-block-1 > .d-flex.flex-wrap > #edit-created-wrapper--2 > .fieldset-wrapper {
    display: block;
}

#views-exposed-form-resumen-servicio-informativo-block-1 > .d-flex.flex-wrap > #edit-created-wrapper--2 > .fieldset-wrapper > #edit-created-max--2 {
    margin-left: 0;
}

#views-exposed-form-resumen-servicio-informativo-block-1 > .d-flex.flex-wrap > #edit-created-wrapper--2 {
    margin-bottom: 0rem !important;
}

#views-exposed-form-resumen-servicio-informativo-block-1 > .d-flex.flex-wrap > #edit-actions--3 {
    margin-left: 0rem;
}

#block-formularioexpuestoresumen-servicio-informativoblock-1 {
    margin-top: 2.3rem;
    margin-bottom: -2rem;
}

.card-body-informativo {
    min-height: 40rem;
    padding-top: 1rem;
}

.texto-servicio {
    margin-bottom: 0.5rem;
    line-height: 1.5rem;
}

.card a {
    text-decoration: none;
}

.card a:hover {
    text-decoration: underline;
}

.card-experiencias {
    min-height: 25rem;
}

.botoner-recusos-comunicacion {
    margin-bottom: 2rem;
}

.view-content.row h3 {
    margin-left: 0.8rem;
}

.cursos {
    min-height: 24rem;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}




/* ============================================
   CONTAINERS: Limitar el ancho en pantallas grandes
   ============================================ */
   @media (min-width: 1400px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
      max-width: 1200px;
    }
  }
  
  /* ============================================
     ESTILOS PARA PANTALLAS MEDIAS Y SUPERIORES (>=900px)
     ============================================ */
  @media (min-width: 900px) {
    .logo-aliados img {
      max-width: 230px !important;
    }
  
    .navbar-brand-menu {
      display: none;
      color: #fff;
    }
  }
  
  /* ============================================
     ESTILOS PARA DISPOSITIVOS PEQUEÑOS (<=575px)
     ============================================ */
  @media (max-width: 575px) {
    .logo-aliados img {
      max-width: 150px !important;
    }
  
    #block-ondarural-search {
      display: none;
    }
  
    .navbar-brand img {
        width: 185px;
    }
  
    .site-name-slogan {
      text-transform: uppercase;
      font-size: 0.8rem;
    }
  
    #block-redessociales {
      display: none;
    }
  
    .navbar-brand-menu {
        display: block;
        color: #ffffff;
        text-decoration: unset;
        text-transform: uppercase;
        font-size: 1rem;
    }

    .nav-link {
        font-size: 1rem;
    }

    .dropdown-item {
        font-size: 0.9rem;
    }
  
  }


/* Keep the tablet header float within its own row. */
@media (min-width: 576px) and (max-width: 899px) {
  .navbar-main .container::after {
    content: "";
    display: table;
    clear: both;
  }

  .navbar-brand-menu {
    color: #fff;
  }
}


/* Keep the existing search form accessible in the mobile header. */
@media (max-width: 575px) {
  .navbar-main .navbar-form {
    float: none !important;
    width: 100%;
  }

  .navbar-main .region-header-form {
    display: block;
  }

  #block-ondarural-search {
    display: block;
    width: 100%;
    margin: 0.5rem 0 0;
  }

  #block-ondarural-search form {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0.5rem;
  }

  #block-ondarural-search .form-item-keys {
    flex: 1 1 8rem;
    min-width: 0;
    margin-bottom: 0 !important;
  }

  #block-ondarural-search .form-actions {
    margin-bottom: 0 !important;
  }

  #block-ondarural-search input {
    width: 100%;
  }
}


/* Stack only the news date filters on narrow screens. */
@media (max-width: 575px) {
  #views-exposed-form-noticias-af-page-1 #edit-created-wrapper {
    max-width: 100%;
  }

  #views-exposed-form-noticias-af-page-1 > .d-flex.flex-wrap > #edit-created-wrapper > .fieldset-wrapper {
    display: block;
    max-width: 100%;
  }

  #views-exposed-form-noticias-af-page-1 #edit-created-max {
    margin-left: 0;
  }
}


/* Preserve the menu appearance for its accessible button. */
#block-ondarural-main-menu button.nav-link.dropdown-toggle {
  appearance: none;
  background: none;
  border: 0;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

#block-ondarural-main-menu button.nav-link.dropdown-toggle:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
