/* Override styles */

.container{
    color:#000;
}
a:hover{
    border-bottom: none;
}
.site-name{
    
    font-size: 22px;
    margin-left: 1rem;
    margin-right: 2rem;
}
.field--label-above, .field--label-inline{
    font-weight: 700;
    padding-right: 2rem !important;
}
.menu-list a.is-active {
    background-color: #681007;
    color: #fff;
  
  }
  .navbar-burger.is-active {
    background-color: #681007;
    color: #fff;
    float:right;
    z-index: 99;
  }
form.views-exposed-form{
display: flex;
flex-direction: column;
}
h1.title{
    font-size: 40px;
    line-height: 36px;
    margin-bottom: 1rem;
    max-width: 75%;
    color:#000;
}

.navbar-burger span{
    height:2px;
    width: 18px;
    background-color: #fff;
}
.navbar-brand span{
  display: flex;
  align-items: center;
}
.navbar-brand span img{
  margin-right: 1rem;
}
#block-elchetheme-main-menu .navbar-menu{
  background:  #681007;
  align-items: center;
}
#block-elchetheme-main-menu .navbar-menu a{
    color:  #fff;
  }
  #block-elchetheme-main-menu .navbar-menu a:hover{
   
   color: #681007;
  }
  #block-elchetheme-main-menu .navbar-menu   .navbar-brand a:hover{
   
    color: #fff;
   }
 

  #block-elchetheme-main-menu .navbar-menu  a.is-active{
    color:  #681007;
    background-color: #fff;

  }
#block-mainnavigation-3{
    background: #681007;
}
#block-mainnavigation-3 ul li a{
    color:#fff;
}
.hero-head .views-element-container{
    padding:0rem;
    border-bottom: none;
}
.hero-body{
    padding: 0rem;
}
.hero-foot .layout__region--content{
  margin-bottom: 0px;
}
.flex {
  display: flex;
  font-size: 1rem;
  padding: 2rem;
  }
.card .title:not(.is-spaced) + .subtitle {
  margin-top: 0.1rem;
  }
.views-element-container, #block-views-block-multimedia-block-1-2{
    padding:2rem 0rem;
    border-bottom: 1rem solid #681007;
    /*background:url("../images/fondo_puntos.png");*/
    background-repeat: repeat-y;
    background-size: 345px;
}
.add-content {
    display: flex;
    height: auto;
    min-height: 268px;
    width:80%;
    margin-bottom:3rem;  
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
}
div.colabora-box{
  border: 3px solid #681007;
  padding: 3rem !important;
  font-size: 1.2rem;
  display: flex;
  flex-direction: column;

  }
div.colabora-text{
  width:100%;
}
div.colabora-image{
  width:100%;
  background:url("../images/colaboracion-sostenibilidad.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  display: none;

}

  .view-contador-de-contenido ul{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-content: space-evenly;
  justify-content: space-evenly;
}

.view-contador-de-contenido ul li{
  height: 15rem;
  color: #333;
  background: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  vertical-align: text-bottom;
  justify-content: flex-end;
  background-size: 85px;
  padding: 0rem;
  background-position-x: 50%;
}
.view-contador-de-contenido li.views-row-1 { 
  background-image:url(../images/radio.svg);
 }
 .view-contador-de-contenido li.views-row-2 {
  background-image:url(../images/edit.svg);
  background-size:50px;
  background-position:center 9px;
 }
 .view-contador-de-contenido li.views-row-3 {
  background-image:url(../images/photograph.svg);
  margin-bottom:0;
 }
 .view-contador-de-contenido li.views-row-4 {
  background-image:url(../images//video-camera.svg);
  margin-bottom:0;
 }
 .view-contador-de-contenido .views-field-nid {
  font-family:"Yeseva One","Palatino Linotype","Book Antiqua",Palatino,serif;
  font-size:32px;
  font-size:3.2rem;
  color:#681007;
  line-height:1;
 }
 .view-contador-de-contenido .views-field-type {
  font-family:"Palatino Linotype","Book Antiqua",Palatino,serif;
  font-weight:600;
  font-size:18px;
  font-size:1.8rem;
  line-height:1;
  margin-top:.5rem;
  color:#242424;
 }

.button.is-link {
    background-color: #fff;
    border: 1px solid #681007;
    color: #681007;
  }
.button.is-link:hover, .button.is-link.is-hovered {
    background-color: #681007;
    border-color: transparent;
    color: #fff;
  }
  .is-link.input, .is-link.textarea {
    border-color:  #681007;
  }

  .panel-heading {
    background-color: #681007;
    border-radius: 6px 6px 0 0;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    padding: 0.75em 1em;
  }
 div.panel-block  div {
    padding: 0.1rem 1.5rem;
    font-size: 24px;
    width: 100%;
    display: block;
  }

  #search-form  div.panel-block  div{
    display: block;
  }
.add-content .mecenazgo{
    background:url("../images/micromecenazgo.png");
    width: 1175px;
    display: flex;
    height: 365px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.add-content .caja{
    display: flex;
    flex-direction: column;
}
.add-content .add-content__action{
    display: flex;
    justify-content: space-around;
}
.caja-multimedia{
    display: flex;
    height: auto;
    min-height: 268px;
    width:527px;
    margin-bottom:3rem;
    
}
.caja-multimedia .views-field-title{
    flex-direction: column;
    justify-content: flex-start;
    color: #000;
    max-width: 385px;
    display: flex;
    padding: 0rem 1.5rem;
   
}
.caja-multimedia .views-field-title a {
    color: #000;
    font-size: 32px;
    line-height: 20px;
}
.caja-multimedia .views-field-title a:hover{
    color: #681007;
    text-decoration: none;
}
.card{
    margin: 0.5rem;
  
}
.card .contextual-region{
  margin:1.4rem 2rem;
}
.card .links{
  display: flex;
  font-size: 0.8rem;
}
.card  a:link, a:visited{
  color:#681007;
}
.card:hover{
    background-color: #eaeaea;
}
.card .card-content .title a{
    color:#000;
}
.card .card-content .title a:hover{
    color:#681007;
}
.tag:not(body).is-danger {
  background-color: #681007;
  color: #fff;
}

.bioline{
    border-left: 4px dotted #000;
    border-top: none;
}


.bioline .views-col{
    transform: none;
    padding-top: 1rem;
    width: 75%;
    padding-left: 2rem;
}


.is-danger {
    background-color: #681007;
    color: #fff;
  }

.views-element-container h2{
    font-size: 40px;
    line-height:36px;
    width: 350px;
    height:auto;
    margin-bottom:2rem;
    color:#363636;
    font-weight: 600;
}
div.more-link{
    padding: 1rem 2rem;
    background: #681007;
    width: 200px;
    font-size: 30px;
    margin-top: 8rem;
    display: flex;
    border-radius: 4px;
}
div.more-link a{
    color:#fff;
    display: flex;
    align-items: center;
}
.btn__icon{
    width:75px;
    color:#fff;
}
.navbar-item {
  display: flex;
}
.navbar-item img {
  max-height: 3.2rem !important;
}
.layout__region--content {
    
    margin-bottom: 3rem;
}
.layout__region--content div{
    padding: 0.25rem 0rem;
    max-width: 95%;
}

.pagination-link.is-current {
    background-color: #681007;
    border-color: #681007;
    color: #fff;
  }
.footer , #block-copyritghfooter-2{
    background-color: #1c1c1c;
    font-size: 14px;
  
    color:#fff;
  }
  .footer div{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    text-align: left;
  }

  .footer div .is-family-primary{
    margin-top:0px;
    margin-left: 0rem;
  }
  .footer div .is-family-primary p{
    color:#f05848;
  }


  .footer nav .menu-list{
    flex-direction: column;
  }
  footer .footer__social{
    display: flex;
    flex-direction: row;
  
  }
  .footer a, .footer a:visited, .footer a:focus{
    color:#fff;
  }

@media screen and (min-width: 1408px){
        .container:not(.is-max-desktop):not(.is-max-widescreen) {
        max-width: 1427px;
        }
        .view-contador-de-contenido ul{
          width: 100%;
          display: flex;
          flex-direction: row;
          align-content: space-evenly;
          justify-content: space-evenly;
        }
        
        .footer nav .menu-list{
          display: flex;
          flex-direction: column;
          justify-content: safe;
        }
        .footer .footer__social{
            display: flex;
            flex-direction: row;
            justify-content: safe;
          }

        h1.title{
          font-size:62px;
          line-height: 58px;
            margin-bottom: 3rem;
            max-width: 76%;;
        }

        .views-element-container h2{
          font-size: 55px;
          line-height: 52px;
          margin-bottom: 3rem;
            width: 500px;
            height:auto;
            color:#363636;
            font-weight: 600;
        }

        .views-view-grid .views-col {
            float: left;
            width: 33.3%;
          }
          div.colabora-box{
            border: 3px solid #681007;
            padding: 3rem !important;
            font-size: 1.2rem;
            display: flex;
            flex-direction: row;
          
            }
            div.colabora-text{
              width:60%;
            }
            div.colabora-image{
              width:40%;
               background:url("../images/colaboracion.png");
               background-repeat: no-repeat;
               background-size: cover;
               display: block;
            }

          .add-content .caja{
            display: flex;
            flex-direction: row;
        }
        .layout__region--content div{
            padding: 0.25rem 0rem;
            max-width: none;
        }

        div.panel-block  div {
            display: flex;
          }
        .views-element-container, #block-views-block-multimedia-block-1-2{
            margin:2rem 0rem;
            border-bottom: 1rem solid #681007;
            background-size: 445px;
        }
        form.views-exposed-form{
            display: flex;
            flex-direction: row;
            justify-content: center;
            }
          form .form-item {
              margin: -1rem 1rem;
               
            }
        .bioline{
            border-top: 5px dotted #000;
            border-left: none;
        }
        .bioline .views-row{
            min-height: 250px;
        }
        
        .bioline .views-col{
            width: 25%;
           
        }

        .bioline .views-col a:link, a:visited{
          color:#681007;
        }

        .bioline .views-col a:hover{
            color:#681007;
        }
        .filtro-abc{
          justify-content: space-between;
          font-size: 2rem;  
        }
        .comment-form{
          font-size: 1rem;
        }
        .comment-form .layout__region--content div {
         
          padding: 0.05rem 0rem;
          }

        .button.is-primary,  .button.is-primary:hover, .button.is-primary.is-hovered {
       
          background-color: #681007 !important;
          }

        .footer div{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            text-align: left;
            
          }
          .footer div.dreta div{
            flex-direction: column;
            align-items: end;
        }

          .footer div .is-family-primary{
            margin-top:0px;
            margin-left: 5rem;
          }
          .buscador-container .card{  max-width: 41%;   padding: 2rem;}

        
}