/*
Theme Name: Ecology
Version: 1.0
Description: Tema hijo de twentytwenty
Author: InsightLabs
Template: twentytwenty
*/
 
/*----------------------------------- GENERAL -------------------------------*/
body{
    font-family: 'Roboto',SANS-SERIF;

}
button,
button:focus{
    outline: unset;
}
.container,
.elementor-container,
.elementor-section.elementor-section-boxed > .elementor-container{
    max-width: 89.15vw !important;
    margin: auto !important;
    width: 100% !important;
    
}

.container-slide{
    width: 50% !important;
    margin: auto !important;
    background-color:RGBA(225,233,210,0.59);
}
.color-accent, .color-accent-hover:hover, 
.color-accent-hover:focus, 
:root .has-accent-color, 
.has-drop-cap:not(:focus):first-letter, 
.wp-block-button.is-style-outline, a {
    color: #fff;
}
div#n2-ss-3 .n2-style-a5a8c3ee92691ea7afcc041b9eb83795-dot {
    padding: 0.9vw !important;
}
div#n2-ss-3 .n2-ss-control-bullet {
    bottom: 3.38vw !important;
    left: 0 !important;
    right: 0 !important;
}
@media screen and (min-width:768px){
    .singular .entry-header {
        padding: 20rem 0;
    }
    .container-slide{
        width: 100% !important;
        background-color:transparent;
    }
    div#n2-ss-3 .n2-style-a5a8c3ee92691ea7afcc041b9eb83795-dot {
        padding: 0.72vw !important;
    }
    div#n2-ss-3 .n2-ss-control-bullet {
        bottom: 1.38vw !important;
        left: 0 !important;
        right: 0 !important;
    }
}
@media screen and (max-width:1024px) and (min-width:768px){

    .elementor-section.d-md-flex .elementor-row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
@media screen and (min-width:1678px){
    div#n2-ss-3 .n2-style-a5a8c3ee92691ea7afcc041b9eb83795-dot {
        padding: 12px !important;
    }
}
@media screen and (max-width:767px){
    .elementor-section.d-flex .elementor-row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .elementor-section.d-block .elementor-row{
        display: block;
    }
}
.elementor-section.m-0 .elementor-container{
    margin:0;
}


.d-flex{
    display:flex;
}
.justify-content-between{
    justify-content: space-between;
}
.container-fluid{
    width: 94.27vw;
    margin: auto;
}
.color-1{
    color: #006837;
}
p,
.elementor-widget-text-editor{
    font-size: 4.5vw;
    font-weight: 500 !important;
    color:#938374 ;
    line-height: 130%;
}
.elementor-text-editor{
    color:#938374 !important;
}
h1 .h1{
    font-weight: 900 !important;
    line-height: 1.1;
}
h6 .heading-size-6 {
    margin: 0 auto 1.5rem;
    text-transform: none;
}
.w-100{
    width: 100% !important;
}
.w-50{
    width: 50% !important;
}
.w-25{
    width: 25% !important;
}
.border-box{
    box-sizing: border-box !important;
}

.elementor-5 .elementor-element.elementor-element-52250c8 .elementor-heading-title {
    color: #978579;
    font-family: "Roboto", Sans-serif;
    font-weight: 600;
}
.elementor-widget-heading .elementor-heading-title {
    color: var( --e-global-color-primary );
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
    font-weight: var( --e-global-typography-primary-font-weight );
}
.elementor-heading-title {
    padding: 0;
    margin: 0;
    line-height: 1;
}
.elementor *, .elementor :after, .elementor :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

h1, .heading-size-1 {
    font-size: 6.31vw;
}
h2, .heading-size-2 {
    font-size: 6.31vw;
}
h4, .heading-size-4, h5, .heading-size-5{
    margin: 1.5rem auto 0rem;
}
h5, .heading-size-5 {
    font-size: 3.75vw;
}
p,
.elementor-widget-text-editor{
    font-size: 2.5vw;
}


@media screen and (min-width:768px){
    h1, .heading-size-1 {
        font-size: 4.17vw;
    }
    h2, .heading-size-2 {
        font-size: 3.57vw;
    }
    h3, .heading-size-3 {
        font-size: 2.97vw;
    }
    h4, .heading-size-4 {
        font-size: 2.68vw;
    }
    h5, .heading-size-5 {
        font-size: 1.78vw;
    }
    h6, .heading-size-6 {
        font-size: 1.48vw;
    }
    p,
    .elementor-widget-text-editor{
        font-size: 1.19vw;
    }
    .container,
    .elementor-container,
    .elementor-section.elementor-section-boxed > .elementor-container{
        max-width: 89.15vw !important;
        width: 100% !important;
    }
    .container-fluid{
        max-width: 94.27vw !important;
        width: 100% !important;
    }
    .full-width,
    .full-width > .elementor-container,
    .elementor-section.full-width.elementor-section-boxed > .elementor-container{
        max-width: 100vw !important;
        width: 100% !important;
    }
    .w-md-100{
        width: 100% !important;
    }
    .w-md-50{
        width: 50% !important;
    }
    .w-md-25{
        width: 25% !important;
    }

}

@media screen and (min-width:1678px){
    h1, .heading-size-1 {
        font-size: 70px;
    }
    h2, .heading-size-2 {
        font-size: 60px;
    }
    h3, .heading-size-3 {
        font-size: 50px;
    }
    h4, .heading-size-4 {
        font-size: 45px;
    }
    h5, .heading-size-5 {
        font-size: 30px;
    }
    h6, .heading-size-6 {
        font-size: 25px;
    }
    p,
    .elementor-widget-text-editor{
        font-size: 22px;
    }
    .container,
    .elementor-container,
    .elementor-section.elementor-section-boxed > .elementor-container{
        max-width: 1496px !important;
        width: 100% !important;
    }
    .container-fluid{
        width: 1582px;
        margin:auto;
    }
    .w-lg-100{
        width: 100% !important;
    }
    .w-lg-50{
        width: 50% !important;
    }
    .w-lg-25{
        width: 25% !important;
    }
}
/*------------------------------------ BOTONES -------------------------------*/
.elementor-button {
    font-weight: bold;
    font-size: 3vw !important;
    line-height: 1.5 !important;
    border-radius: 99px !important;
    padding: 1.66vw 6.66vw !important;
    box-shadow: 1px 2px 5px 0px rgba(147,130,120,0.75) !important;
-webkit-box-shadow: 1px 2px 5px 0px rgba(147,130,120,0.75) !important;
-moz-box-shadow: 1px 2px 5px 0px rgba(147,130,120,0.75) !important;
}

.elementor-button:hover {
    background-color: #fff !important;
    color: #938278 !important;
}
@media screen and (min-width:768px){
    .elementor-button {
        font-size: 2vw !important;
        padding: 0.71vw 1.43vw !important;
    }
}
@media screen and (min-width:1200px){
    .elementor-button {
        font-size: 1.5vw !important;
    }
}
@media screen and (min-width:1440px){
    .elementor-button {
        font-size: 100% !important;
    }
}
/*------------------------------------ HEADER -------------------------------*/
#site-header {
    background: transparent;
}
.header-inner {
    padding: 2.8rem 0 1rem;
    width: 100%;

    max-width: unset;
}
.header-titles {
    margin: 0;
}

.header-inner.fixed {
    padding: 1.8rem 0 1rem;
    background-color: RGBA(255,255,255,0.9);
    box-shadow: 1px 2px 4px 0px RGBA(58,118,58,0.32);
}

.header-titles .site-logo{
    margin: 0;
}
.site-logo img {
    max-height: 90px;
}

@media screen and (min-width:768px){
    .header-inner {
        position: fixed;
    }
    .site-logo img {
        max-height: 12.09vw;
    }
    header .custom-logo.fixed {
        max-height: 6vw;
    }   
}

@media screen and (min-width:1678px){
    .site-logo img {
        max-height: 203px;
    }
    header .custom-logo.fixed {
        max-height: 100px;
    }  
}


/*------------------------------------ MENU -------------------------------*/
body:not(.overlay-header) .primary-menu > li > a, 
body:not(.overlay-header) .primary-menu > li > .icon, 
.modal-menu a, .footer-menu a, 
.footer-widgets a, #site-footer .wp-block-button.is-style-outline, 
.wp-block-pullquote:before, 
.singular:not(.overlay-header) .entry-header a, 
.archive-header a, 
.header-footer-group .color-accent, 
.header-footer-group .color-accent-hover:hover {
    color: #006837;
}
body:not(.overlay-header) .primary-menu ul {
    background-color:RGBA(208,223,182,0.7);
}
#site-footer {
    font-size: 3.88vw;
}
@media screen and (min-width:768px){
    .primary-menu > li {
        margin: 0.2979vw;
    }
    #site-footer {
        font-size: 1.48vw;
    }
}

@media screen and (min-width:1678px){
    .primary-menu > li {
        margin: 5px;
    }
    #site-footer {
        font-size: 25px;
    }
}
.primary-menu > li> a {
    padding: 0 15px !important;
    line-height: 180%;
    margin-right: 0 !important;
    border-radius: 20px;
}
.primary-menu > li > a:hover,
.primary-menu > li.current-menu-item > a, 
.primary-menu > li.current_page_parent > a, 
.primary-menu li.current-menu-item > .link-icon-wrapper > a{
    background-color:#019000;
    color: #fff !important;
    text-decoration: none;

}
.primary-menu li.current-menu-item > a, 
.primary-menu li.current-menu-item > .link-icon-wrapper > a,
.primary-menu .sub-menu li  a:hover {
    text-decoration: none;
}
.primary-menu .sub-menu li  a:hover {
    filter: brightness(1.3);
}
.primary-menu > li:last-child >a {
    color: #fff !important;
    background-color: #006837;
}
.primary-menu ul.sub-menu{
    border-radius: 20px;
}
.primary-menu ul.sub-menu a {
    color: #006837;
    padding: .3rem 1.5rem;
}
.menu-item .icon{
    display:none;
}
.primary-menu ul::before, .primary-menu ul::after {
    display: none;
}

@media screen and (min-width:768px){
    .primary-menu li.menu-item-has-children:hover > ul, 
    .primary-menu li.menu-item-has-children:focus > ul, .primary-menu li.menu-item-has-children.focus > ul {
        right: unset;
        left: 0.8939vw;
    }
}

@media screen and (min-width:1678px){
    .primary-menu li.menu-item-has-children:hover > ul, 
    .primary-menu li.menu-item-has-children:focus > ul, .primary-menu li.menu-item-has-children.focus > ul {
        right: unset;
        left: 15px;
    }
}
.primary-menu ul {
    top: calc(100% + 1px);
}

/*----------------------------------- SLIDER -------------------------------*/

.boton-slider{
    text-transform: uppercase;
}

/*----------------------------------- TIMELINE -------------------------------*/
.boton-mas-actividades{
    margin-left: 8vw;
    background-color: #e28601 !important;
    color: #fff !important;
}

.timeline {
    list-style: none;
    padding: 5px 0 5px;
    position: relative;
    padding-inline-start:0px;
    margin-block-start: 0px;
    margin-bottom: 0px;

}
.timeline h6 {
    margin-bottom: 0px;
    font-size: 4.375vw;
}
@media screen and (min-width:500px){
    .timeline h6 {
        margin-bottom: 0px;
        font-size: 3vw;
    }
}
@media screen and (min-width:768px){
    .boton-mas-actividades{
        margin-left: 21.4vw;
    }
    .timeline {
        padding-inline-start:50px;
    }
    .timeline h6 {
        margin-bottom: 0px;
        font-size: 2vw;
    }
}
@media screen and (min-width:1024px){
    .boton-mas-actividades{
        margin-left: 8.6vw;
    }
    .timeline h6 {
        margin-bottom: 0px;
        font-size: 1.5vw;
    }
}
@media screen and (min-width:1200px){
    .boton-mas-actividades{
        margin-left: 10vw;
    }
    .timeline h6 {
        margin-bottom: 0px;
        font-size: 1.3vw;
    }
}
@media screen and (min-width:1400px){
    .boton-mas-actividades{
        margin-left: 11.5vw;
    }
    .timeline h6 {
        margin-bottom: 0px;
        font-size: 1.07vw;
    }
}
@media screen and (min-width:1678px){
    .boton-mas-actividades{
        margin-left: 200px;
    }
    .timeline {
        padding: 5px 0 5px;
        padding-inline-start:0px;
        margin-block-start: 0px;
        margin-bottom: 0px;
    
    }
    .timeline h6 {
        margin-bottom: 0px;
        font-size: 18px;
    }
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 1px;
    background-color: #eeeeee;
    margin-left: -1.5px;
    background: #8f7e74;

}
.timeline > li {
    margin-bottom: 5px;
    position: relative;
}
.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li > .timeline-panel {
    width: 65%;
    text-align: left;
    float: right;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    padding: 15px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    background-color: RGBA(255,255,255,0.85);
}

.timeline > li > .timeline-badge {
    color: #fff;
    width: 4.5vw;
    height: 1px;
    position: absolute;
    top: 40px;
    margin-left: -10vw;
    background-color: #978174;
    z-index: 8;
}
@media screen and (min-width:400px){
    .timeline > li > .timeline-badge {
        width: 6.5vw;
    }
}
@media screen and (min-width:600px){
    .timeline > li > .timeline-badge {
        width: 10.5vw;
    }
}
@media screen and (min-width:768px){
    .timeline > li > .timeline-panel {
        width: 75%;
    }
    .timeline > li > .timeline-badge {
        width: 4vw;
        height: 1px;
        line-height: 34px;
        font-size: 20px;
        top: 40px;
        left: 28.52%;
        margin-left: -2.1vw;

    }
}
@media screen and (min-width:1024px){
    .timeline > li > .timeline-badge{
        width: 2.7vw;
        margin-left: -2.1vw;
    }
}
@media screen and (min-width:1200px){
    .timeline > li > .timeline-badge{
        width: 2vw;
        margin-left: -1.7vw;
    }
}
@media screen and (min-width:1400px){
    .timeline > li > .timeline-badge{
        width: 1.8vw;
        margin-left: -1.5vw;
    }
}
@media screen and (min-width:1678px){
    .timeline > li > .timeline-panel {
        width: 63%;
    }
    .timeline > li > .timeline-badge {
        width: 38px;
        height: 1px;
        line-height: 34px;
        font-size: 20px;
        top: 40px;
        left: 35%;
        margin-left: -28px;

    }
}
.timeline > li.timeline-inverted > .timeline-panel {
    float: left;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 12px;
    border-right-width: 0px;
    left: auto;
    right: -12px;
}
.timeline-inverted{
	padding-top:5px;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 12px;
    border-right-width: 0px;
    left: auto;
    right: -12px;
}
.timeline-heading{
    color:#000;
}
.timeline-title {
    margin-top: 0;
    color: #e28601;
    font-weight: bold;
}
.timeline .lugar {
    color: #938278;
    font-weight: bold;
    font-size: 3.75vw;
}
.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
    font-size: 3.125vw;
        color: #777;
}
.timeline-body > p + p {
    margin-top: 5px;
}
.overlay {
  position: absolute;
  width: 100%;
  min-height: 100%;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
}

.timeline .date-info{
    position: absolute;
    top: 6.9vw;
    left: 15%;
    margin-left: -15vw;
    display:flex;
    justify-content: space-between;
    width: 18vw;
}
.timeline > li > .timeline-badge {
    top: 11vw;
}
@media screen and (min-width:400px){
    .timeline .date-info{
        top: 6vw;
        left: -1vw;
        margin-left: 0;
        width: 15vw;
    }
    .timeline > li > .timeline-badge {
        top: 10vw;
    }
    .timeline .lugar {
        font-size: 2.5vw;
    }
    .timeline-body > p,
    .timeline-body > ul {
        margin-bottom: 0;
        font-size: 2.2vw;
    }

}
@media screen and (min-width:600px){
    .timeline .date-info{
        width: 14vw;
    }
}
@media screen and (min-width:768px){
    .timeline > li > .timeline-badge {
        top: 4.5vw;
    }
    .timeline .date-info{
        top: 2.08vw;
        left: 6vw;
        margin-left: 0;
        width: 10vw;
    }
    .timeline .lugar {
        font-size: 1.95vw;
    }
    .timeline-body > p,
    .timeline-body > ul {
        margin-bottom: 0;
        font-size: 1.77vw;
    }
}
@media screen and (min-width:1024px){
    .timeline > li > .timeline-badge {
        top: 4.5vw;
    }
    .timeline .date-info{
        top: 2.08vw;
        left: 1vw;
        margin-left: 0;
        width: 10vw;
    }
    .timeline .lugar {
        font-size: 1.4vw;
    }
    .timeline-body > p,
    .timeline-body > ul {
        margin-bottom: 0;
        font-size: 1.2vw;
    }
}
@media screen and (min-width:1200px){
    .timeline-body > p,
    .timeline-body > ul {
        margin-bottom: 0;
        font-size: 0.9vw;
    }
    .timeline .lugar {
        font-size: 1.1vw;
    }
    .timeline > li > .timeline-badge {
        top: 3.5vw;
    }
    .timeline .date-info{
        top: 1.8vw;
    }
}
@media screen and (min-width:1400px){
    .timeline-body > p,
    .timeline-body > ul {
        margin-bottom: 0;
        font-size: 0.77vw;
    }
    .timeline .lugar {
        font-size: 0.95vw;
    }
}
@media screen and (min-width:1678px){
    .timeline .date-info{
        top: 22px;
        left: 150px;
        margin-left: -28px;
    }
    .timeline .lugar {
        font-size: 16px;
    }
    .timeline-body > p,
    .timeline-body > ul {
        margin-bottom: 0;
        font-size: 13px;
    }
}
.timeline-inverted .date-info{
        left: 51%;
}



.date-info .year{
    position: absolute;
    top: 23px;
    font-size: 14px;
    left: 70px;
}
.date-info .day,
.date-info .month{
        font-size: 5.8vw;
        font-weight: bold;
        color:#8f7e74;
}
.timeline:before {
    left: 29%;
}
@media screen and (min-width:600px){
    .timeline:before {
        left: 25%;
    }
}
.timeline > li > .timeline-badge {
    left: 41.5%;
}
@media (min-width: 400px) {
    .timeline > li > .timeline-badge {
        left: 39.5%;
    }
}
@media (min-width: 600px) {
    .timeline > li > .timeline-badge {
        left: 34.5%;
    }
}
@media (max-width: 768px) {



    .timeline > li.timeline-inverted > .timeline-panel {
        float: right;
    }

    .timeline > li.timeline-inverted > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 10px;
        left: -10px;
        right: auto;
    }
    .timeline > li.timeline-inverted > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 10px;
        left: -10px;
        right: auto;
    }
    .date-info {
        position: absolute;
        top: 1px;
        left: 90%;
        margin-left: -24px;
        width: auto;
    }



}
@media screen and  (min-width: 400px) {
    .date-info .day,
    .date-info .month{
            font-size: 4.8vw;

    }
    .date-info .month{
        padding-top: 0;
    }
}
@media screen and  (min-width: 600px) {
    .date-info .day,
    .date-info .month{
            font-size: 4.2vw;

    }
}
@media screen and  (min-width: 768px) {
    .timeline > li > .timeline-badge {
        left: 27.5%;
    }
    .date-info .day{
        font-size: 3.08vw;
        width: 6.5vw;
    }
    .date-info .month{
        font-size: 2.66vw;
        width: 6.2vw;
    }
    .timeline:before {
        left: 32%;
    }
    div#n2-ss-2 .n2-ss-control-bullet{
        bottom: 10.3vw !important;
    }
}
@media screen and  (min-width: 1024px) {
    .date-info .day{
        font-size: 2.4vw;
        width: 5vw;
    }
    .date-info .month{
        font-size: 2vw;
        width: 6.2vw;
    }
    div#n2-ss-2 .n2-ss-control-bullet{
        bottom: 16vw !important;
    }
    .timeline > li > .timeline-badge {
        left: 29%;
    }
    .date-info .month{
        padding-top: 0.68vw;
    }
}

@media screen and  (min-width: 1678px) {
    .date-info .day,
    .date-info .month{
        font-size: 35px;
    }
    .date-info .day {

        width: 75px;
    }
    .date-info .month {
        width: 90px;
    }
    .date-info .month{
        top: 7px;
        font-size: 28px;
    }
    .timeline > li > .timeline-badge {
        left: 292px;
    }
    .timeline:before {
        margin-left: -8px;
        left: 286px;
    }
    .timeline .date-info {
        width: 140px;
    }
}


/*----------------------------------- NOTICIAS -------------------------------*/

.noticias-home .imagen{
    height: 50vw;
    border-radius: 15px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.noticias-home .titulo{
    font-size: 130%;
    font-weight: bold;
    padding: 15px 0px;
}
.noticias-home .noticia{
    color:#006633;
    margin-bottom: 6vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.noticias-home .boton-link,
.share-icons{
    padding: 15px 0px;
}
.noticias-home .boton-link a{
    background-color:#adc780;
}
.noticias-home .noticia-footer{
    display: flex;
    justify-content: space-between;
}
.share-icons{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    width: 50%;
}
.share-icons a{
    width: 18%;
    margin-right: 15px;
}
@media screen and  (min-width: 768px) {
    .noticias-home{
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }
    .noticias-page{
        flex-wrap: wrap
    }
    .noticias-home .noticia{
        width: 48%;
        margin-bottom: 3vw;
    }
    .noticias-home .imagen{
        height: 26.37vw;
    }
}
@media screen and  (min-width: 1024px) {
    .noticias-home .noticia{
        width: 30%;
    }
    .noticias-home .imagen{
        height: 15.37vw;
    }
}
@media screen and  (min-width: 1678px) {
    .noticias-home .noticia{
        margin-bottom: 3vw;
    }
}
/*----------------------------------- FOOTER -------------------------------*/
.reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper, 
.reduced-spacing.footer-top-hidden #site-footer {
    border-top-width: 0px;
}
.footer-top-visible .footer-nav-widgets-wrapper, 
.footer-top-hidden #site-footer {
    margin-top: 3rem;
}
#site-footer {
    padding: 0;
}
.footer-top{
    width: 100%;
    height: 70px;
    padding:0px;
    background-image: url(assets/img/plantas-footer-min-mobile.png);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
} 
#site-footer .footer-container{
    background-color:#b1cb81;
}
#site-footer .section-inner{
    padding:30px 0px 50px;
    display: block;
}
#site-footer .footer-info{
    width: 100%;
    align-items: center;
    display:flex;
}
#site-footer .footer-info .datos{
    padding-left:50px;
    font-weight: bold;
    color: #006837;
}
#site-footer .footer-social{
    width: 100%;
    display:flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 40px;
}
.share-icons{
    width: 147px;
    display:flex;
    justify-content:start;
    align-items: center;
    background-color: transparent;
    margin-right: 15px;
}
#site-footer .footer-social a{
    background-color: transparent;
    width: 15%;
    display:flex;
}
#site-footer .footer-social .boton-contacto{
    width: 60%;
}
#site-footer .footer-social .boton-contacto .elementor-button{
    width: 100%;
    background-color:#f1a73a;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fixed-social{
    position: fixed;
    top: 200px;
    right: 3.7%;
    z-index: 9999;
}
.fixed-social .share-icons{
    width: 40px;
    flex-direction: column;
    background-color: RGBA(0,104,55,0.41);
    margin-right:0px;
    border-radius: 20px;
}
.fixed-social .share-icons a{
    width: 60%;
    margin:auto;
    padding: 5px 0;
}
.fixed-social .share-icons path{
    fill:#fff;
}
@media screen and (min-width:768px){
    #site-footer .footer-social{
        width: 45%;
        padding-top: 0px;
    }
    #site-footer .section-inner{
        padding:30px 0px 50px;
        display:flex;
        align-items: center;
    }
    #site-footer .footer-info{

        width: 50%;
    }
    #site-footer .section-inner{
        
        padding:1.78vw 0px 2.97vw;
    }
    .footer-top{
        height: 20vw;
        background-image: url(assets/img/plantas-footer-min.png);
    } 
}
@media screen and (min-width:1200px){
    .footer-top{
        height: 12vw;
    } 
    #site-footer .footer-social{
        width: 35%;
        padding-top: 0px;
    }
}
@media screen and (min-width:1678px){
    #site-footer .section-inner{
        padding:30px 0px 50px;
    }
    .footer-top{
        height: 175px;
    } 
}

/*------------------------------------ HISTORIA -------------------------------*/
.img-historia img{
    width: 26vw;
    height: 26vw;
}

@media screen and (min-width:768px){
    .img-historia img{
        width: 13.11vw;
        height: 13.11vw;
    }
}
@media screen and (min-width:1678px){
    .img-historia img{
        width: 220px;
        height: 220px;
    }
}

/*------------------------------------ ACTIVIDADES -------------------------------*/


@media screen and (min-width:768px){
    .actividades-page{
        display:flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start;
    }
}

.actividades-page .date-info {
    width: 24%;
    position: relative;
    left: 0;
    top:7px;
    margin-left: 0;
}
.actividades-page .timeline-panel {
    width: 70%;
    border: 1px solid #978174;
    padding: 10px;
}
.actividades-page .timeline-badge {
    width: 5%;
}
.actividades-page .date-info .month {
    position: relative;
    top: 0;
    left: 0;
}
@media screen and (min-width:768px){
    .actividades-page .actividad{
        width: 45%;
      }
      .main-img img{

        width: 53.15vw;

    }
}
@media screen and (min-width:1024px){
    .actividades-page .date-info {
        width: 21%;
    }
}
.actividades-page .actividad{
    display:flex;
    
    justify-content:space-between;
    margin-bottom: 20px;
  }
  .actividades-page .actividad .timeline-badge {
    width: 38px;
    height: 1px;
    margin-top: 30px;
    background-color: #978174;
}
@media screen and (min-width:1024px){
    .actividades-page .actividad .timeline-badge {

        margin-top: 36px;

    }
}
@media screen and (min-width:1678px){
    .main-img img{

        width: 892px;

    }
}
/*------------------------------------ NOTICIAS -------------------------------*/

.singular .featured-media,
.single .banner {
    left: 0;
    width: 100%;
    height: 111.11vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.singular .featured-media-before {
    height: 11.11vw;
}
.singular .featured-media::before {
    display:none;
}
.single .banner{
    background-image: url(assets/img/banner-single.jpg);
    margin-bottom: 50px;
}
.single .datos-noticia{
    background-color: #008a00;
    color:#fff;
    padding: 3.88vw 0px;
    line-height: 1.2;
}
.single .datos-noticia .titulo{
    font-size: 8.5vw;
}
.single .datos-noticia .fecha{
    font-size: 5vw;
}
.single .datos-noticia .share-icons svg path{
    fill: #fff !important;
}
.single .resumen{
    color: #006837;
    width: 100%;
    font-size: 7.5vw;
    padding: 36px 0;
}
.pagination-single{
    padding: 70px 0;
}
.pagination-single a {
    color:#006837;
}
@media screen and (min-width:768px){
    .singular .featured-media,
    .single .banner  {
        height: 29.79vw;
    }
    .singular .featured-media-before {
        height: 17.87vw;
    }
    .single .datos-noticia .titulo{
        font-size: 3.2777vw;
    }
    .single .datos-noticia .fecha{
        font-size: 1.78vw;
    }
    .single .datos-noticia{
        padding: 1.7878vw 0px;
    }
    .singular .featured-media {
        height: 29.7973vw;
    }
    .pagination-single{
        padding: 4.17vw 0;
        font-size: 1.5vw;
    }
    .single .resumen{
        color: #006837;
        width: 38.736vw;
        font-size: 2.1454vw;
        padding: 2.1454vw 0;
    }
}
@media screen and (min-width:1678px){
    .singular .featured-media,
    .single .banner  {
        height: 500px;
    }
    .singular .featured-media-before {
        height: 300px;
    }
    .single .datos-noticia .titulo{
        font-size: 55px;
    }
    .single .datos-noticia .fecha{
        font-size: 30px;
    }
    .single .datos-noticia{
        padding: 30px 0px;
    }
    .singular .featured-media {
        height: 500px;
    }
    .pagination-single{
        padding: 70px 0;
        font-size: 25px;
    }
    .single .resumen{
        width: 650px;
        font-size: 36px;
        padding: 36px 0;
    }
}
div.timeline-panel > div.timeline-body > p.resumen > a {
color: green;
}