/** #15a700  mio **/
/** #76bc21 pantone **/


/** Piezas generales ****************************************************************************/

.bg-gray {
    background-color: #f6f9fe;
}

.th-primary2:hover {
    background: #fff;
    border: 1px solid #ccc;
    color: #15a700;
    -webkit-box-shadow: 0px 14px 25px 0px rgb(0 207 242 / 15%);
    box-shadow: 0px 14px 25px 0px rgb(0 207 242 / 15%);
}


.btn-white {
    background: white;
    color:  #cfcfcf;
}
.btn-green {
    background: #76bc21;
    color:  #eee;
}
.btn-rounded {
    border-radius: 40px;
}

figure.withFaldon {
    position: relative;
}
    figure.withFaldon::after {
        content: "";
        background-color: #76bc21;
        opacity: 0.7;
        position: absolute;
        bottom:  0;
        left:  0;
        width: 100%;
        height:  15%;
    }

.sec-titile-wrapper h2{
    margin: 0;
}
    .sec-titile-wrapper hr{
        display: block;
        border-top: 2px solid #76bc21;
        margin-left: 0;
        margin-right: 0;  
    }


/* bloques comunes ***************************************************************************/

.page-banner {
    height: 33%;
    padding-top: 3%;
}
    .page-banner .banner-content-page h3{
        color: #333;
        font-weight: 300;
    }
    .page-banner {
        background: none;
        position: relative;
    }
        .page-banner .bg {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-attachment:  scroll;
            background-position: bottom right;
            background-size: contain;
        }

    .page-banner .filters {
        padding-top:  40px; /* para igualar a banner-content-page*/
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }
        .page-banner .filters button,
        .page-banner .filters input {
            height:  40px;
            border:  none;
        }
        .page-banner .filters button {
            background: none;
            font-size: 26px;
            cursor: pointer;
            background-color: #f2f2f2;
            background-color: #b8b8b8;
            color: #fff;
            display: none;
        }

    @media (max-width: 1199px) {
        .page-banner {
        }
            .page-banner .bg {
                background-size: cover;
            }
    }
    @media (max-width: 767px) {
        .page-banner{
        }
            .page-banner .row>div {
                text-align: center;
            }
            .page-banner .row .filters {
                justify-content: center;
            }
                .page-banner .row .filters>div>div{
                    justify-content: center!important;
                }


    }


/* bloque de links */
section.link-row {
}
    section.link-row a {
        display: block;
        position: relative;
    }
        section.link-row a span {
            position: absolute;
            display:  inline-block;
            top:  0;
            left:  0;
            background-color: #76bc21;
            color:  white;
            text-transform: uppercase;
            padding:  4px 8px; 
            z-index: 1000;
        }
        section.link-row a figure img {
            height: auto;
            width: 100%;
        }



/* bloques generales de contenido */
section.area {
    margin-top: 40px;
}
    section.area h3 {
        color: #76bc21;
        margin-bottom: 20px;
    }
    section.area p {
        margin-bottom: 20px;
    }
    section.area article h3 {
        font-weight: 400;
        border-bottom: 2px solid #76bc21;
        background: #f2f2f2!important;
        padding:  10px!important;
    }
    section.area article p {
        font-weight: 300;
    }

    section.area blockquote {
        padding:  2em 3em;
        background: #f2f2f2;
        border-left:  4px solid #76bc21;
        margin-bottom: 40px;
    }
        section.area blockquote span {
            display: inline-block;
            margin-top:  10px;
            font-weight: bold;
            color: #76bc21;
        }



/* Header **********************************************************************************/



/* sticky */
.site-header.sticky {
}
    .site-header.sticky .navbar-toggler-icon {
        background: white;
    }
    .site-header.sticky .bg {
        height: 0;
        width: 0;
    }
    .site-header.sticky .navbar-brand {
        display:  none;
    }
        .site-header.sticky .navbar-brand.navbar-brand-sticky {
            display:  block;
        }

        .site-header.sticky .navbar.homepage2 {
            box-shadow: none;
            background: #ffffff;
        }
        .site-header.sticky .navbar {
            background: #76bc21;
        }

            .site-header.sticky  .main-menu #siteNav,
            .site-header.sticky  .homepage2 .main-menu #siteNav{
                background: none;
            }

            .site-header.sticky .navbar .navbar-brand img,
            .site-header.sticky .navbar.homepage2 .navbar-brand img {
                height: 50px;
                -webkit-animation: zoomOut 0.24s cubic-bezier(0.93, 0.72, 0, 0.46);
                animation: zoomPut 0.24s cubic-bezier(0.93, 0.72, 0, 0.46);        
            }
            .site-header.sticky .main-menu.homepage2 ul > li.nav-item:hover {
                background-color: #ffffff;
            }
            .site-header.sticky .main-menu ul > li.nav-item:hover {
                background-color: #76bc21;
            }            
                .site-header.sticky .main-menu.homepage2 ul > li.nav-item:hover a {
                    color: #809d1d;
                }
            .site-header.sticky .main-menu ul > li.nav-item:hover {
                background-color: #76bc21;
            }
                .site-header.sticky .main-menu ul > li.nav-item a {
                    color:  #fef;
                }
                .site-header.sticky .main-menu ul > li.nav-item:hover a {
                    color: #333;
                }

.site-header {
}
    .site-header .navbar-toggler-icon {
        background: #76bc21;
    }
    .site-header .navbar-brand.navbar-brand-sticky {
        display:  none;
    }
    .site-header .bg {
        position: absolute;
        height: 62px;
        width: 100%;
        background: #cfcfcf;
        z-index: -1;
    }
    @media (max-width: 991px) {
        .site-header .navbar .navbar-brand img {
            max-height: 62px;
        }
    }

    @media (max-width: 991.98px) {
        .site-header .navbar-nav {
            background: white;
        }
        .site-header.sticky .navbar-nav {
            background: #76bc21;
        }
        .site-header.sticky .navbar.homepage2 .navbar-nav {
            background: #fff;
        }
    }




.main-menu #siteNav {
    background: #cfcfcf;
}

.main-menu ul > li.nav-item > a.nav-link,
.homepage2.main-menu ul > li.nav-item > a.nav-link {
    font-weight: normal;
    color:  #000;
    padding-top:  1rem;
    padding-bottom: 1rem;
}

.main-menu ul > li.nav-item > a.nav-link:after {
    height: 0px;
}

.main-menu ul > li.nav-item:hover,
.main-menu.homepage2 ul > li.nav-item:hover {
    background-color: #dbdbdb;
}
    .main-menu.homepage2 ul > li.nav-item:hover > a.nav-link {
        color: #000;
    }




body > .page-banner {
    background-size: cover;
}


/* Footer **********************************************************************************/

.site-footer {
    background: white!important;
}
.site-footer:after {
    background: none!important;
}
    .site-footer h5{
        color:  #76bc21;
    }





/* HOME *********************************************************/ 


.bannerarea {
    height:  50%;
}
    .bannerarea.home-page-2 {
        background: rgba(0, 0, 0, 0) url(../img/banner/banner-bg.png) no-repeat scroll bottom right;
    }
    .bannerarea > .container,
    .bannerarea > .container > .row {
        height: 100%;
    }

    @media (max-width: 991.98px) {
        .bannerarea {
            height: 33%;
        }
        .banner-content.fx {
            height: auto;
        }
    }




#conocenos{
    background-color: #cfcfcf;
}
    #conocenos figure {
        margin:  0;
    }
    #conocenos h2 {
        margin:  0;
    }
        #conocenos h2 span {
            color: #809d1d;
        }    
    #conocenos hr {
        display: block;
        border-top: 2px solid #809d1d;
        margin-left: 0;
        margin-right: 0;        
    }
    #conocenos p {
        margin:  0;
    }
    #conocenos a.btn {
        display: inline-block;
        margin:  0 auto;
        color:  #aaa;
    }
    #conocenos a.btn:hover {
        color: #809d1d;;
    }
    @media (max-width: 1199px) {
        #conocenos h2 {
            font-size: 24px;
        }
        #conocenos p {
            font-size: 14px;
        }

    }
    @media (max-width: 991.98px) {
        #conocenos {
            padding-bottom: 20px;
        }
        #conocenos figure img {
            object-fit: cover;
            height: 100%; width: 100%;
        }
        #conocenos h2 {
            text-align: center;
        }
        #conocenos p {
            text-align: center;
        }
    }


#hwors {
}
    #hworks .howitsbg {
        background-image: url("../img/gente-trabajando.jpg");
    }

#benifits {
    position: relative;
    margin:  40px 0;
}
    #benifits .benifits {

    }
        #benifits .benifits-item i{ 
            background-color: #76bc21 ;
            border-radius: 100px;
            height: 70px;
            width:  70px;
            margin-bottom:  10px;
            line-height: 70px;
            color:  white;
            font-size: 2rem;
        }

#feature {
}
#feature::after {
    background: none;
}
    #feature .single-feature {

    }
        #feature .single-feature i {
            text-align: center;
            background-color: #76bc21 ;
            border-radius: 100px;
            height: 70px;
            width:  70px;
            margin-bottom:  10px;
            line-height: 70px;
            color:  white;
            font-size: 2rem;s            
        }

#contacts {

}

    #contacts .single-get-intocuh h5 {
        color: #76bc21;
    }


/* ASOCIACION *********************************************************/ 

.asociacion-index { /* header */
}
    .asociacion-index.page-banner .bg {
        background-image: url(/static/public/img/asociacion/asociacion-banner.png);
    }

/* Asociacion - somos -------------------------------------------------*/


.estatutos-area{
}
    .estatutos-area h2 {
        margin:  0;
    }
        .estatutos-area h2 span {
            color: #809d1d;
        }    
    .estatutos-area hr {
        display: block;
        border-top: 2px solid #809d1d;
        margin-left: 0;
        margin-right: 0;        
    }
    .estatutos-area a.btn {
        display: inline-block;
        margin:  0 auto;
    }
    .estatutos-area a.btn:hover {
        color:  white;
    }

/* Asociacion - organigrama ---------------------------------------------*/

.organigrama-index {

}

    .organigrama-index.page-banner .bg {
        background-image: url(/static/public/img/asociacion/organigrama-banner.png);
    }

    .organigrama-area {
        margin-top:  30px;
    }


        .organigrama-area .nav-tabs {
            text-align: center;
            width: 100%;
            display: flex;
            justify-content: center;
            flex-direction: row;            
        }
        .organigrama-area .nav-tabs > li {
            float: none;
            display: inline-block;
            zoom: 1;
        }


        .organigrama-area .tab-content {
            width: 100%;
        }
        .organigrama-area .cargo {
          position: relative;
          width: 100%;
        }
            .organigrama-area .cargo .cargo_content {
              border-top: 2px solid #fff;
              padding: 15px 0;
            }
                .organigrama-area .cargo_content h3 {
                    font-size: 18px;
                    text-transform: capitalize;
                    -webkit-transition: all 0.24s ease-in-out;
                    transition: all 0.24s ease-in-out;
                    margin: 0px 0 10px;
                    background: #cfcfcf;
                    padding:  5px 15px;
                    color: #313131;                    
                }
                .organigrama-area .cargo_content p {
                    padding:  0px 5px;
                }
                .organigrama-area .cargo_content p.web {
                    color:  #809d1d;
                    margin-bottom:  20px;
                }
                .organigrama-area .cargo_content .abbr {
                  font-weight: 600
                }

                .organigrama-area .cargo_content .story {
                  line-height: 26px;
                  font-size: 16px;
                }

        @media (max-width: 600px) {
          .organigrama-area .cargo_content {
          }
        }

        @media (max-width: 576px) {
          .organigrama-area .cargo_content .story {
            font-size: 15px;
          }
        }

/* Asociacion - grupos trabajo -----------------------------------------*/

.grupostrabajo-area {
}
    .grupostrabajo-area .grupotrabajo {
      position: relative;
      width: 100%;
    }
        .grupostrabajo-area .grupotrabajo_content {
          border-top: 2px solid #fff;
          padding: 15px 0;
        }
            .grupostrabajo-area .grupotrabajo_content h3 {
                font-size: 18px;
                text-transform: capitalize;
                -webkit-transition: all 0.24s ease-in-out;
                transition: all 0.24s ease-in-out;
                margin: 0px 0 10px;
                background: #cfcfcf;
                padding:  5px 15px;
                color:  #313131;                
            }
            .grupostrabajo-area .grupotrabajo_content p {
                padding:  0px 5px;
                width:  70%;
                color: #9e9e9e;
            }






/* ACTUALIDAD *********************************************************/

.actualidad-index { /* header */
}
    .actualidad-index.page-banner .bg {
        background-image: url(/static/public/img/actualidad/actualidad-banner.jpg);
    }

/* Actualidad - noticias --------------------------------------------------*/ 


.noticias-view.page-banner.custom_header {
    -webkit-filter: blur(4px);
    filter: blur(4px);
    background-position: center center!important;
    background-size: cover;
}

.single-blog-post.noticia-box {
    min-height: auto!important;
    height: 600px!important;
}

.single-blog-post.noticia-box .blog-thumb-link,
.single-blog-post.noticia-box figure  {
     max-height: 250px!important;
     min-height: 250px!important;
}


.single-blog-post.noticia-box img {
     object-fit: cover;
}

.single-blog-post {
    -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 5px rgb(0 0 0 / 10%);
    min-height:  700px;
}
.single-blog-post:hover {
    -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    box-shadow: 0 5px 8px rgb(0 0 0 / 10%);    
}
    .single-blog-post .blog-thumb-link {
        min-height: 350px;
        display: block;
    }
        .single-blog-post .blog-thumb-link figure {
           min-height: 350px;
           overflow: hidden;
        }    
    .single-blog-post .blog-text {
        background: white;
        height:  325px;
    }
        .single-blog-post .blog-text h3 {
            text-align: left;
        }
            .single-blog-post .blog-text h3 a{
                color: #444444;
            }

        .single-blog-post .blog-text p {
            text-align: left;
            color: #777777;
        }
        .single-blog-post .blog-text a.blg-link {
            text-align: center;
            padding:  8px 15px;
            color: #777777;
            display: inline-block;
            border:  none;
        }
        .single-blog-post .blog-text a.blg-link:hover {
            color:  #8fc42c;
            background: none;
            box-shadow: none;
        }

    .blog-thumbs img {
        border-radius: 6px;
    }


        .page-banner:after,
        .single-blog-post figure.blog-thumbs:after {
            background: linear-gradient(90deg, rgba(21,167,0,1) 0%, rgba(255,255,255,1) 100%);
            background: rgb(21,167,0)!important;
            background: transparent!important;
        }


.blog-area {
    padding:  0;
}
    .blog-area .single-blog-posts{

    }
        .blog-area .single-blog-post figure.blog-thumbs{
            min-height: 300px;
            position: relative;
            overflow: hidden;
        }
            .blog-area .single-blog-posts figure.blog-thumbs img {
              max-height: 200%;
              max-width: 200%;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translateX(-50%) translateY(-50%);
            }
        .blog-area .single-blog-posts .entradilla {
            font-weight: 500;
        }

        .blog-area .single-blog-posts .sBD--text h2 {
            color:  #80921dff;
        }


.sibeader--layout {

}
    .single--sidaber .sidebar--titile {
        color:  #333;
        background: none;
        border-bottom: 1px solid #80921dff;
    }
    .single--sidaber .mini-recent-post .mini-recent--post--text h4 {
        font-size: 11px;
        line-height: 16px;
    }
    .single--sidaber .mini-recent-post .mini-recent--post--text span {
        font-size: 10px;
        line-height: 16px;
    }

.swiper-container,
.swiper-container-thumbs {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    backgrofund-size: cover;
    backgrofund-position: center;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

}
    .swiper-slide img {
        display: block;
        /*width: 100%;
        height: 100%;*/
        object-fit: cover;
    }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%238fc42c'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%238fc42c'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.gallery-top {
    height: 80%;
    width: 100%;
}
.gallery-thumbs {
    height: 100px;
    box-sizing: border-box;
    padding: 10px 0;
}
    .gallery-thumbs .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.4;
    }
    .gallery-thumbs .swiper-slide-thumb-active,
    .gallery-thumbs .swiper-slide-active {
        opacity: 1;
    }

/* Actualidad - agenda --------------------------------------------------*/ 


.fc-event.agenda {
    background: #809d1d;
    border-color: #809d1d;;
}
.fc-event.formacion {
    background: #f44336;
    border-color: #f44336;
}

.fc .fc-button {
    background: #809d1d!important;
    border-color: white!important;;

}

/* Actualidad - recursos --------------------------------------------------*/ 

.recursos-index {
}
    .recursos-index.page-banner .bg {
        background-image: url(/static/public/img/asociacion/asociacion-banner.png);
    }

.recursos-area {
}

    .recursos-area .nav-tabs {
        text-align: center;
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: row;            
    }
    .recursos-area .nav-tabs > li {
        float: none;
        display: inline-block;
        zoom: 1;
    }

    .recursos-area .recurso {
      position: relative;
      width: 100%;
    }

        .recursos-area .recurso_content {
          border-top: 2px solid #fff;
          padding: 15px 0;
        }
            .recursos-area .recurso_content h3 {
                font-size: 18px;
                text-transform: capitalize;
                -webkit-transition: all 0.24s ease-in-out;
                transition: all 0.24s ease-in-out;
                margin: 0px 0 10px;
                background: #cfcfcf;
                padding:  5px 15px;
                color:  #313131;                
            }
            .recursos-area .recurso_content p {
                padding:  0px 5px;
                color: #76bc21;
                color: #9e9e9e;
            }
            .recursos-area .recurso_content p.descarga a,
            .recursos-area .recurso_content p.fecha,
            .recursos-area .recurso_content p.isbn {
                color: #313131;
            }
            .recursos-area .recurso_content p.descarga a:hover {
                color: #76bc21;                
            }




/* MIEMBROS  ****************************************************************/ 

.miembros-index { /* header */
}
    .miembros-index.page-banner .bg {
        background-image: url(/static/public/img/miembros/miembros-banner.png);
    }

/* Miembros - socios (y asociacion secciones) --------------------------------------------------*/ 


.secciones-area,
.miembros-area {
}
    .secciones-area .seccion,
    .miembros-area .socio {
      position: relative;
      width: 100%;
    }
        .secciones-area .seccion_content,
        .miembros-area .socio_content {
          border-top: 2px solid #fff;
          padding: 15px 0;
        }
            .secciones-area .seccion_content h3,
            .miembros-area .socio_content h3 {
                font-size: 18px;
                text-transform: capitalize;
                -webkit-transition: all 0.24s ease-in-out;
                transition: all 0.24s ease-in-out;
                margin: 0px 0 10px;
                background: #cfcfcf;
                padding:  5px 15px;
                font-weight: 300;
                color:  #313131;
            }
            .secciones-area .seccion_content p,
            .miembros-area .socio_content p {
                padding:  0px 5px;
            }
            .secciones-area .seccion_content p.web,
            .miembros-area .socio_content p.web {
                color:  #809d1d;
                margin-bottom:  20px;
            }
            .secciones-area .seccion_content .abbr,
            .miembros-area .socio_content .abbr {
              font-weight: 600
            }

            .secciones-area .seccion_content .story,
            .miembros-area .socio_content .story {
              line-height: 26px;
              font-size: 16px;
            }

    @media (max-width: 600px) {
      .miembros-area .socio_content {
      }
    }

    @media (max-width: 576px) {
      .secciones-area .seccion_content .story,
      .miembros-area .socio_content .story {
        font-size: 15px;
      }
    }


/* Miembros - unete --------------------------------------------------*/ 

.unete-area {

}
    .unete-area h3 {

    }    
    .unete-area p {

    }



/* FORMACION  ****************************************************************/ 

.formacion-index { /* header */
}
    .formacion-index.page-banner .bg {
        background-image: url(/static/public/img/formacion/formacion-banner.png);
    }

.single-blog-post.curso-box {
    min-height: auto!important;
    -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 5px rgb(0 0 0 / 10%);
    border-top:  3px solid #76bc21;
}
.single-blog-post.curso-box:hover {
    -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    box-shadow: 0 5px 8px rgb(0 0 0 / 10%);    
}
  
    .single-blog-post.curso-box  .blog-text {
        background: white;
        height:  325px;
    }
        .single-blog-post.curso-box  .blog-text h3 {
            text-align: left;
        }
            .single-blog-post.curso-box  .blog-text h3 a{
               color:  #76bc21;
            }

        .single-blog-post.curso-box  .blog-text p {
            text-align: left;
            color: #777777;
        }
        .single-blog-post.curso-box  .blog-text a.blg-link {
            text-align: center;
            padding:  8px 15px;
            color: #777777;
            display: inline-block;
            border:  none;
        }
        .single-blog-post.curso-box  .blog-text a.blg-link:hover {
            color:  #8fc42c;
            background: none;
            box-shadow: none;
        }