@import './node_modules/bootstrap/scss/bootstrap.scss';

//MIXINS
@mixin BorderRadius($radius) {
    -webkit-border-radius: $radius !important;
    -moz-border-radius: $radius !important;
    -ms-border-radius: $radius !important;
    -o-border-radius: $radius !important;
    border-radius: $radius !important;
}

@mixin TextShadow($shadow) {
    -webkit-text-shadow: $shadow !important;
    -moz-text-shadow: $shadow !important;
    -ms-text-shadow: $shadow !important;
    -o-text-shadow: $shadow !important;
    text-shadow: $shadow !important;
}

@mixin BoxShadow($shadow) {
    -webkit-box-shadow: $shadow !important;
    -moz-box-shadow: $shadow !important;
    -ms-box-shadow: $shadow !important;
    -o-box-shadow: $shadow !important;
    box-shadow: $shadow !important;
}

@mixin Transition($transition) {
    -webkit-transition: $transition !important;
    -moz-transition: $transition !important;
    -ms-transition: $transition !important;
    -o-transition: $transition !important;
    transition: $transition !important;
}

@mixin Transform($transform){
    -webkit-transform: $transform;
    -moz-transform: $transform;
    -ms-transform: $transform;
    -o-transform: $transform;
    transform: $transform;
}

@mixin FontProligita() {
    -webkit-font-smoothing: antialiased !important;
    -moz-font-smoothing: antialiased !important;
    -o-font-smoothing: antialiased !important;
    font-smoothing: antialiased !important;
}

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');

$regularfont: 'Lato', sans-serif;

$green:     #006837;
$orange:    #f0b007;



body {
    background: #fff;
    font-family: $regularfont;
    font-weight: 400;
    font-size: 0.8rem;
    color: #000;
    
    @include FontProligita();

    p{
        line-height: 1.4rem;
    }
}


a{
    text-decoration: none !important;
    color: $green;
}

.container{
    max-width: 1300px;
}


@include media-breakpoint-down(xl) {
   
    .topLogoWrap{
        padding: 0;
        background-color: #f8f9fa;
        z-index: 999;
        
        border-bottom: 1px solid #f8f9fa;
        @include BoxShadow(2px 2px 12px #eee);

        .wrapLogo{
            margin: 0 auto;
            width: 180px;
            text-align: center;
        }

        .mainLogo{
            margin: 10px auto;
            max-width: 150px;

            @include Transition(0.5s ease all);
        }

        .redes{
            float: left;
            margin-top: 26px;
            margin-left: 20px;

            @include Transition(0.5s ease all);

            .fa{
                font-size: 1.1rem;
            }

            .yt{
                padding-left: 9px;
            }

            a{
                display: inline-block;
                width: 35px;
                height: 35px;
                // text-align: center;
                // background: $green;
                // color: #fff;
                color: $green;
                padding: 10px;

                @include BorderRadius(50%);
                @include Transition(0.5s ease all);
            }

            a:hover{
                // background: darken($color: $green, $amount: 10%);
                color: $orange;
            }
        }

        .dropdownClima{
            float: right;

            .dropdown-toggle{
                width: 170px;
                display: inline-block;
                height: 55px;
                margin-top: 15px;
                
                .fa{
                    float: right;
                    font-size: 2rem;
                    position: relative;
                    top: -35px;
                    right: -9px;
                }
        
                .currentWeather{
                    cursor: pointer;
        
                    .iconWeather{
                        max-width: 60px;
                        float: left;
                        margin-right: 10px;
                    }
        
                    strong{
                        font-size: 1.5rem;
                        margin: 0;
                    }
        
                    small{
                        display: block;
                        margin: 0;
                    }
                }
            }
        
            .dropdown-toggle::after{
                display: none;
            }

            .dropdown-menu{
                @include BorderRadius(0);
                padding: 30px 20px;
                margin-right: 100px;
                width: 300px;
                border: none;
                margin-top: 15px;

                @include BoxShadow(2px 2px 20px 2px #ddd);

                h3{
                    font-size: 1rem;
                    font-weight: 600;
                    margin-bottom: 10px;
                    border-bottom: 1px solid #eee;
                    padding-bottom: 7px;
                    text-transform: uppercase;
                }

                .wrapForecast{

                    small,
                    strong{
                        display: block;
                        text-transform: uppercase;
                    }

                    span{
                        display: inline;
                        font-weight: 600;
                    }
                }
            }
        }


        .wrapSearch{
            width: 50px;
            text-align: center;
            font-size: 1.2rem;
            border-left: 1px solid #333;
            height: 25px;
            margin-left: 20px;
            position: relative;
            top: 32px;

            @include Transition(0.5s ease all);
            
            .fa{
                position: relative;
                top: -3px;
                cursor: pointer;
            }

            .inputSearch{
                @include BorderRadius(40px);
                @include Transition(0.5s ease all);

                border: none;
                width: 0;
                position: relative;
                top: -4px;
                font-size: 0.8rem;
                float: right;
                padding: 0;
            }            
        }


        .wrapSandwichClose,
        .wrapSandwich{
            height: 25px;
            text-align: center;
            font-size: 1.5rem;
            margin-right: 20px;
            position: relative;
            top: 32px;
            cursor: pointer;
            width: 0;
            overflow: hidden;
            border: none;
            padding-left: 15px;

            @include Transition(0.5s ease all);

            .iconbar{
                background-color: #333;
                width: 25px;
                height: 2px;
                display: block;
                margin-bottom: 3px;
                margin-top: 3px;
                @include Transition(0.5s ease all);
            }

            .iconbar:first-child{
                margin-top: 7px;
            }
        }



        .wrapSandwichClose{
            height: 85px;
            top: 0;
            padding-top: 32px;

            .iconbar:nth-child(2){
                display: none;
            }

            .iconbar:nth-child(1){
                transform: rotate(45deg);
                position: relative;
                top: 5px;
                left: -1px;
            }

            .iconbar:nth-child(3){
                transform: rotate(-45deg);
                position: relative;
                left: -1px;
            }
        }


    }//topLogoWrap







    .navbarFixed{
        position: fixed;
        width: 100%;
        top: 0;

        // .mainLogo{
        //     max-width: 100px;
        // }
    }
    


    .navbarMain{
        padding: 10px;

        .navbar-nav,
        #menu-mnmain{
            margin: 0 auto;
        }

        #navbar-main{
            border-bottom: 1px solid $green;
            padding-bottom: 15px;
            margin-top: 15px;
        }

        a{
            color: #000;
            padding-left: 10px;
            padding-right: 10px;
            font-size: 0.8rem;
            font-weight: 600;
            text-transform: uppercase;
        }

        a:hover{
            color: $green;
        }

        .current-menu-item a{
            font-weight: 700;
            color: $green;
        }
    }


    .wrapAditionalMenu{
        background: $green;
        color: #fff;
        height: 100%;
        position: fixed;
        top: 88px;
        right: 0;
        width: 0;
        z-index: 9999;
        padding-top: 70px;
        overflow: hidden;
        @include Transition(0.5s ease all);

        a{
            color: #fff;
        }

        h3{
            font-size: 1.2rem;
            font-weight: 600;
            text-align: center;
        }

        .emailBoletin{
            @include BorderRadius(50px);
            border: none;
            font-size: 0.9rem;
            height: 40px;
            padding: 10px 30px;
        }

        ul.aditionalMenu{
            margin-left: 0;
            padding-left: 0;

            li{
                width: 50%;
                float: left;
                list-style: none;
                margin-bottom: 5px;

                a{
                    font-size: 1rem
                }
            }
        }


        .redes{
            margin: 30px auto;
            max-width: 200px;

            @include Transition(0.5s ease all);

            .fa{
                font-size: 1.1rem;
            }

            .yt{
                padding-left: 9px;
            }

            a{
                display: inline-block;
                width: 35px;
                height: 35px;
                text-align: center;
                // background: #fff;
                color: #fff;
                padding: 10px;
                margin-right: 8px;

                // @include BorderRadius(50%);
                @include Transition(0.5s ease all);
            }

            a:hover{
                // background: darken($color: #fff, $amount: 10%);
                color: $orange;
            }
        }

        hr{
            border-bottom: 1px solid #ccc;
        }

        small{
            display: block;
            text-align: center;
            font-size: 0.7rem;
        }


        ul.mnFooter{
            margin-left: 0;
            padding-left: 0;
            margin-bottom: 0;

            li{
                float: left;
                list-style: none;
                margin-bottom: 5px;

                a{
                    font-size: 0.8rem;
                    padding-right: 5px;
                    padding-left: 5px;
                }
            }
        }


    }


    .wrapNewsletter{
        text-align: center;
        
        .fa{
            float: left;
            color: #333;
            font-size: 1.2rem;
            position: relative;
            top: -30px;
            left: 25px;
        }

        .emailBoletin{
            @include BorderRadius(30px 0 0 30px);
            border: none;
            font-size: 0.9rem;
            height: 40px;
            padding: 7px 0px 10px 56px;
            margin-top: 4px;
        }

        .wpcf7-submit{
            background: #333;
            border: none;
            color: #fff;
            padding: 10px 30px;
            margin-top: 5px;

            @include BorderRadius(0 30px 30px 0);
        }

    }  



    .wrapImage{
        overflow: hidden;
        background-color: #000;

        img{
            @include Transform( scale(1) );
            @include Transition(0.5s ease all);
        }

        img:hover{
            @include Transform( scale(1.1) );
            opacity: 0.3;
        }

    }



    .sidebar-item{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        
        /* Position the items */
        // &:nth-child(2) { top: 25%; }
        // &:nth-child(3) { top: 50%; }
        // &:nth-child(4) { top: 75%; }
    }
    
    
    .make-me-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 90px;
        padding: 0 15px;
    }



    .item-news{
        margin-bottom: 30px;

        h2{
            font-size: 1.2rem;
            line-height: 1.4rem;
            margin-bottom: 15px;
            color: #333;
            font-weight: 600;
        }

        .metacat{
            font-size: 0.7rem;
            margin-top: 10px;
            margin-bottom: 3px;
            display: block;
            color: $orange;
            text-transform: uppercase;
        }

        .metaAutor{
            display: block;
            margin-bottom: 10px;
            color: #999;
        }
    }//item-news



    .featuredItem{

        img{
            opacity: 0.7;
        }

        .content{
            position: absolute;
            z-index: 9;
            bottom: 60px;
            padding: 30px;
            
            h2{
                font-size: 2rem;
                line-height: 2rem;
                color: #fff;
                font-weight: 700;
                @include TextShadow(1px 1px 1px #333);
            }

            strong,
            small{
                color: #fff;
            }
        }

    }//featuredItem


    .subFeatured{
        background: #fafafa;

        h2{
            font-size: 1.4rem;
            line-height: 1.8rem;
        }

        .row{
            max-width: 96%;
            margin-left: 2%;
        }


    }//subFeatured



    .wrapPlusCarrousel{
        // padding: 40px 0;

        .title{
            color: #fff;
            font-size: 3.5rem;
            font-weight: 900;
            margin-top: 30px;
            max-width: 725px;

            a{
                font-size: 1rem;
                color: #fff;
                margin-top: 30px;
            }
        }

        .featuredContent{
            position: absolute;
            bottom: 40px;
            background: #fff;
            max-width: 500px;
            padding: 30px;

            @include BorderRadius(0 10px 10px 0);

            a{
                color: #333 !important;
            }

            h2{
                font-weight: 700;
            }

            .fa-play-circle{
                color: $orange;
                font-size: 3rem;
                position: absolute;
                top: -70px;
            }
        }

       

    }//wrapPlusCarrousel

    .carouselNews{
        margin-top: 30px;
    }

    .carouselNews{

        .slick-prev.slick-arrow{
            border: 1px solid #ccc;
            height: 50px;
            width: 50px;
            left: 50px;
            background: #fff;
            
            @include BorderRadius(50%);
            @include BoxShadow(2px 2px 20px #333);
            z-index: 9;
        }

        .slick-prev.slick-arrow:before{
            content: '\f104';
            color: #000;
            font-family: FontAwesome;
        }

        .slick-next.slick-arrow{
            border: 1px solid #ccc;
            height: 50px;
            width: 50px;
            right: 50px;
            background: #fff;
            
            @include BorderRadius(50%);
            @include BoxShadow(2px 2px 20px #333);
            z-index: 9;
        }

        .slick-next.slick-arrow:before{
            content: '\f105';
            color: #000;
            font-family: FontAwesome;
        }

        .slick-arrow{
            @include Transition(0.5s ease all);
        }

        .slick-arrow:hover{
            background: #eee;
        }

        .fa-play-circle{
            color: $orange;
            font-size: 2rem;
            float: left;
            position: absolute;
            top: 15px;
            left: 25px;
            z-index: 9;
        }

    }

    .justify-content-md-center{

        .fa-play-circle{
            color: $orange;
            font-size: 2rem;
            float: left;
            position: absolute;
            top: 15px;
            left: 25px;
            z-index: 9;
        }

    }




    .wrapPlusCarrousel:before{
        content: '';
        background: $green;
        height: 200px;
        width: 100%;
        position: absolute;
        z-index: -1;
        margin-top: -30px;
    }

    .wrapPlusCarrouselVideos:before{
        display: none !important;
    }


    .shareNews{
        width: 30px;
        text-align: center;
        position: absolute;
        top: 20px;
        right: 30px;
        z-index: 99;

        .fa-share-alt{
            color: #eee;
            font-size: 1.4rem;
            margin-bottom: 10px;
            cursor: pointer;
            @include TextShadow(1px 1px 1px #333);
        }

        .hiddingShare{
            padding-left: 0;
            display:none;
            @include Transition(0.5s ease all);
            width: 130px;
            right: 17px;
            position: absolute;
            top: -3px;
            
            li{
                list-style: none;
                text-align: center;
                float: left;

                a{
                    width: 30px;
                    display: block;
                    background: $orange;
                    color: #fff !important;
                    padding: 3px;
                    font-size: 0.9rem;
                    margin-bottom: 1px;
                }

                a:hover{
                    background: darken($color: $orange, $amount: 10%);
                }
            }
        }

    }//shareNews


    .shareNews:hover .hiddingShare{
        display: block !important;
    }



    .wrapNewsletterSection{
        padding: 50px 0 35px 0;
        background: #eee;

        h2{
            font-size: 2rem;
            font-weight: 700;
        }

        .container{
            max-width: 800px;
        }
      

    }//wrapNewsletterSection



    .wrapCategoriasSection{
        padding: 30px 0;
        margin: 20px 0;

        .title{
            color: $green;
            font-size: 2.5rem;
            font-weight: 900;
            margin-bottom: 20px;
        }

        .carouselCategoria{

            .slick-prev.slick-arrow{
                border: 1px solid #ccc;
                height: 50px;
                width: 50px;
                left: 50px;
                background: #fff;
                
                @include BorderRadius(50%);
                @include BoxShadow(2px 2px 20px #333);
                z-index: 9;
            }

            .slick-prev.slick-arrow:before{
                content: '\f104';
                color: #000;
                font-family: FontAwesome;
            }

            .slick-next.slick-arrow{
                border: 1px solid #ccc;
                height: 50px;
                width: 50px;
                right: 50px;
                background: #fff;
                
                @include BorderRadius(50%);
                @include BoxShadow(2px 2px 20px #333);
                z-index: 9;
            }

            .slick-next.slick-arrow:before{
                content: '\f105';
                color: #000;
                font-family: FontAwesome;
            }

            .slick-arrow{
                @include Transition(0.5s ease all);
            }

            .slick-arrow:hover{
                background: #eee;
            }

        }

        .item-categoria{
            
            h2{
                font-size: 1.1rem;
                text-transform: uppercase;
                position: absolute;
                bottom: 10px;
                color: #fff;
                width: 90%;
                font-weight: 700;
                padding:10px;
                
                @include TextShadow(1px 1px 1px #333);
            }

            .wrapImage{
                @include BorderRadius(0 0 0 10px);
            }

            .picCategoria{
                opacity: 0.7;

                @include BorderRadius(0 0 0 10px);
            }

            .esquina{
                width: 108px;
                height: 88px;
                background: $green;
                opacity: .74;
                position: absolute;
                left: 15px;
                bottom: 0;
                
                -webkit-clip-path: polygon(0 0,100% 100%,0 100%);
                clip-path: polygon(0 0,100% 100%,0 100%);
                @include BorderRadius(0 0 0 10px);
            }

        }

        .item-categoria:after{
            content: '';
            background: $green;
            width: 70px;
            height: 50px;
            position: absolute;
            z-index: 9;
        }



    }//wrapCategoriasSection



    .wrapRanking{
        

        .ranking{
            font-size: 4rem;
            font-weight: 900;
            position: absolute;
            top: 35px;
            left: 30px;
            color: #fff;
            opacity: 0.8;
        }

        h2{
            margin-top: 10px;
            max-width: 90%;
            margin-left: 5%;
        }

        .inner{
            border: 1px solid #eee;
            min-height: 340px;

            @include BoxShadow(2px 2px 10px #ccc);
        }

    }//wrapRanking



    .wrapCategoriaOverviewHome{
        padding: 30px 0;
        background: $green;

        h2{
            font-size: 2rem;
            font-weight: 700;
        }

        .container{
            // max-width: 800px;

            h1{
                color: #fff;
                font-size: 1.5rem;
                font-weight: 800;
            }

            // .btnCTA{
            //     background: #000;
            //     color: #fff;
            //     @include BorderRadius(40px);
            //     display: inline-block;
            //     padding: 10px 40px;
            //     text-align: center;
            //     text-transform: uppercase;
            //     font-weight: 700;
            // }
        }

    }//wrapCategoriaOverviewHome



    .wrapPlusCarrouselVideos{
        background: #000;
        margin-top: 40px;
        padding: 20px 0;

        .title{
            color: #fff;
            font-size: 2.2rem;
            margin-top: 15px;

            a{
                color: #fff;
            }
        }

        .headerVideo{
            padding: 25px 0;
        }

        .featuredContent{
            background: #fafafa;
        }

        .item-news{

            .inner{
                border: 1px solid #333;
                min-height: 300px;
                background: #fff;
    
                @include BoxShadow(2px 2px 10px #333);

                .content{
                    padding: 15px;
                }

                
            }

            
        }
    }

    .marginTop0{
        margin-top: 0 !important;
    }



    .footer{
        background: $green;
        color: #fff;
        padding-top: 30px;
        padding-bottom: 10px;

        .redes{
            margin: 30px auto;
            max-width: 200px;

            @include Transition(0.5s ease all);

            .fa{
                font-size: 1.1rem;
            }

            .yt{
                padding-left: 9px;
            }

            a{
                display: inline-block;
                width: 35px;
                height: 35px;
                text-align: center;
                // background: #fff;
                // color: $green;
                color: #fff;
                padding: 10px;
                margin-right: 8px;

                // @include BorderRadius(50%);
                @include Transition(0.5s ease all);
            }

            a:hover{
                // background: darken($color: #fff, $amount: 10%);
                color: $orange;
            }
        }

        hr{
            border-bottom: 1px solid #ccc;
            margin: 5px 0;
        }

        ul.mnFooter{
            margin-left: 0;
            padding-left: 0;
            margin-bottom: 5px;

            li{
                float: left;
                list-style: none;
                margin-bottom: 5px;

                a{
                    font-size: 0.8rem;
                    color: #fff;
                    margin-right: 10px;
                    margin-left: 10px;
                    text-transform: uppercase;
                }
            }
        }

    }//footer



    .wrapLoadMoreNews{
        padding: 40px 0;

        .container{
            max-width: 900px;

            .fa-play-circle{
                color: $orange;
                font-size: 2.5rem;
                position: absolute;
                top: 20px;
                left: 30px;
                z-index: 9;
            }

            h2{
                font-size: 1.6rem;
                line-height: 1.8rem;
                max-width: 95%;
            }

            .inner{
                border: 1px solid #fafafa;
                background: #fff;
    
                @include BoxShadow(2px 2px 10px #fafafa);

                .content{
                    padding: 15px;
                }
            }
        }

    }//wrapLoadMoreNews



    .cargarmas{
        border: 1px solid #eee;
        padding: 10px 30px;
        text-align: center;
        display: inline-block;
        font-size: 0.8rem;
        text-transform: uppercase;
        cursor: pointer;

        .fa{
            font-size: 0.9rem;
            position: relative;
            margin-left: 5px;
            top: 1px;
        }
    }

    .cargarmas:hover{
        background: #eee;
    }


    .wrapCategory{
        padding-bottom: 30px;

        h1.title{
            font-size: 2.5rem;
            font-weight: 800;
            color: $green;
        }

    }//wrapCategory



    .wrapSingle{
        padding-top: 40px;
        padding-bottom: 40px;
        

        header{
            margin-bottom: 30px;
        }

        .eventDetail{
            background: $orange;
            color: #fff;
            padding: 30px;
            margin-bottom: 30px;
            // text-align: center;
            font-size: 1rem;
        }

        .content{
            min-height: 900px;


            .wp-block-embed{
                
                iframe{
                    width: 100%;
                    height: 420px;
                }
            }

        }

        .metacat{
            text-transform: uppercase;
            color: $orange;
        }

        h1{
            font-size: 3rem;
            font-weight: 800;
        }

        .excerpt{
            margin-bottom: 10px;

            p{
                font-size: 1.5rem;
                line-height: 1.8rem !important;
                margin-bottom: 0;
            }
        }

        .share{
            text-align: center;
            margin-top: 5px;

            a{
                display: block;
                background: $orange;
                color: #fff;
                padding: 4px;
                font-size: 1.4rem;
                margin-bottom: 1px;
                text-align: center;
                height: 40px;
                width: 40px;
                margin-bottom: 6px;
                @include BorderRadius(50%);
            }

            a:hover{
                background: darken($color: $orange, $amount: 10%);
            }

            .fa{
                top: 5px;
                position: relative;
            }

        }

        .datePost{
            text-transform: uppercase;
            margin-bottom: 10px;
            display: block;
            font-size: 0.8rem;
        }

        .content{

            p{
                font-size: 1.1rem;
                line-height: 1.8rem;
            }
         
            blockquote.wp-block-quote{
                font-style: italic;
                padding: 40px;
                background: #fafafa;
                margin-bottom: 30px;
                margin-top: 30px;
                color: #999;

                p{
                    font-size: 1.6rem;
                    line-height: 2rem;
                    display: inline;
                }

                cite{
                    font-size: 0.9rem;
                    font-style: normal;
                    text-align: right;
                    display: block;
                }

                p:before{
                    content: '\f10d';
                    color: #ccc;
                    font-family: FontAwesome;
                    font-size: 3rem;
                    margin-right: 10px;
                }

                p:after{
                    content: '\f10e';
                    color: #ccc;
                    font-family: FontAwesome;
                    font-size: 3rem;
                    margin-left: 10px;
                    position: relative;
                    top: 15px; 
                }
            }

            iframe{
                max-width: 100% !important;
            }

            .wrapTags{
                margin-top: 30px;
                margin-bottom: 30px;

                .tag{
                    display: inline-block;
                    background: #eee;
                    color: #333;
                    padding: 3px 20px;
                    text-transform: uppercase;
                    font-size: 0.6rem;
                    margin-right: 5px;

                    @include BorderRadius(15px);
                }

                .tag:hover{
                    color: #fff;
                    background-color: $orange;
                }

            }

            

        }


    }//wrapSingle


    .moreArticlesOnSingle{

        h1{
            font-size: 2rem;
            color: $green;
            font-weight: 800;
            margin-bottom: 20px;
        }
    }


    .wrapSearchContent{

        .title{
            font-size: 2rem !important;
            margin-bottom: 20px;
        }
        
    }//wrapSearch



    .wrapContactForm{
        max-width: 900px;
        margin: 30px auto;

        .form-control{
            @include BorderRadius(0);
            margin-top: 10px;
            height: 45px;
            font-size: 0.8rem;
        }

        .wpcf7-textarea{
            height: 140px;
        }

        .wpcf7-submit{
            padding: 10px 30px;
            background: $orange;
            color: #fff;
            border: none;
            text-transform: uppercase;
            font-size: 0.8rem;
            margin-top:10px;
        }

        .select2{
            border: 1px solid #ccc;
            margin-top: 10px;
        }

    }//wrapContactForm


    .wrapPage{
        padding-bottom: 100px;

        .container{
            font-size: 1.2rem;
            max-width: 900px;
            line-height: 1.8rem;
        }

        .title{
            font-size: 2rem;
            color: $green;
            text-align: center;
            font-weight: 800;
            margin-bottom: 20px;
        }

    }//wrapPage



    .wrapPageAgenda{
        padding-bottom: 100px;
        
        h1{
            text-transform: uppercase;
            font-size: 1.5rem;
            color: $green;
            font-weight: 800    ;
        }


        .filtro{
            margin: 30px -5px;

            // gutters
            .col,
            [class*="col-"] {
                padding-right: 5px;
                padding-left:5px;
            }

            .btn{
                width: 100%;
                text-transform: uppercase;
                font-size: 0.9rem;
                padding: 12px;
                border: none;
                margin-top: 5px;

                @include BorderRadius(0);
            }

            .form-control{
                @include BorderRadius(0);
                @include BoxShadow(none);
                font-size: 0.8rem;
                height: 45px;
                margin-top: 5px;
            }
        }



    }//wrapPageAgenda


    .listEventos{


        .inner{
            margin-bottom: 35px;

            a{
                color: #787878;
            }
            
            .fa-calendar-o{
                position: absolute;
                left: 40px;
                top: 20px;
                font-size: 1.5rem;
                z-index: 9;
                color: #fff;
            }

            .content{
                min-height: 230px;
                padding: 20px 25px;
                background-color: #fafafa;

                h2{
                    font-size: 1rem;
                    font-weight: 600;
                    text-transform: uppercase;
                    line-height: 1.3rem;
                    border-bottom: 1px solid #eee;
                    padding-bottom: 10px;
                }
            }
        }

    }//listEventos


    .wrapAgendaHome{
        padding-top: 40px;
        padding-bottom: 40px;

        .title{
            font-size: 2.3rem;
            font-weight: 700;
            color: $green
        }

    }//wrapAgendaHome




}// end XL






// ***************------------------**************
// ---------------------LG------------------------
// ***************------------------**************





@include media-breakpoint-down(lg) {
	//some scss code

	


}




@include media-breakpoint-down(md) {
	//some scss code






}



@include media-breakpoint-down(sm) {
    //some scss code


   
    .footer{
        text-align: center;
        padding-top: 10px;

        ul.mnFooter{
            margin-top: -40px;
            margin-bottom: 20px !important;

            li{
                float: none !important;
            }
        }
    }

    .slick-prev.slick-arrow{
        height: 30px !important;
        width: 30px !important;
        left: 20px !important;
    }

    .slick-next.slick-arrow{
        height: 30px !important;
        width: 30px !important;
        right: 20px !important;
    }


    .wrapLoadMoreNews{
        padding-top: 10px;
        padding-bottom: 30px;

        .container{

            .fa-play-circle{
                font-size: 1.5rem;
                top: 7px;
                left: 20px;
            }

            .shareNews{
                top: 7px;
                
                ul{
                    position: absolute;
                    z-index: 999;

                    li{
                        float: left !important;
                        width: 40px;
                    }
                }
            }

            .metacat{
                font-size: 0.5rem;
            }

            small{
                display: none;
            }

            h2{
                font-size: 0.8rem;
                line-height: 1rem;
            }

            .inner{
                border: 1px solid #fafafa;
                background: #fff;
    
                @include BoxShadow(2px 2px 10px #fafafa);

                .content{
                    padding: 15px;
                }
            }

            .cargarmas{
                font-size: 0.7rem;
            }
        }




    }//wrapLoadMoreNews


    

    .topLogoWrap{

        .mainLogo{
            margin: 5px auto;
            max-width: 80px;
        }

        .wrapLogo{
            width: 90px;
            margin-left: 12px;
        }

        
        .wrapSandwich{
            border-left: none !important;
            top: 15px;
            margin-right: 7px;
            width: 50px !important;
        }

        .wrapSandwichClose{
            padding-top: 0px;
            height: 53px;
        }

    }//topLogoWrap




    .wrapAditionalMenu{
        top: 54px;
        padding-top: 30px;
        padding-bottom: 80px;
        overflow-y: scroll !important;

        .container{
            max-width: 96%;


            .aditionalMenu{
                margin-bottom: 30px;

                li{
                    width: 100%;
                    float: none;

                    a{
                        display: block;
                        text-align: center;
                        font-size: 1rem;
                        padding: 5px;
                        text-transform: uppercase;
                    }
                }
            }
        }


        .wrapSearch{
            width: 100%;
            margin-bottom: 15px;

            @include Transition(0.5s ease all);
            
            .fa{
                position: relative;
                top: -3px;
                cursor: pointer;
                display: none;
            }

            .inputSearch{
                @include BorderRadius(60px);
                margin: 0 auto;
                text-align: center;

                border: none;
                width: 90%;
                position: relative;
                top: 0px;
                font-size: 0.8rem;
                float: none;
                padding: 10px 30px;
            }            
        }

    }



    .wrapPlusCarrousel{
        margin: 0;

        h1.title{
            font-size: 1.5rem;
            margin-bottom: 20px;

            a{
                font-size: 0.7rem;
                float: none;
                margin-top: 8px;
            }
        }

        .featuredContent{
            max-width: 85%;
            padding: 20px;

            h2{
                font-size: 1rem;
            }
        }



    }//wrapPlusCarrousel



    .wrapNewsletterSection{
        text-align: center;
        padding: 30px;

        h2{
            font-size: 1.5rem;
        }

        .emailBoletin{
            margin-top: 15px !important;
        }


    }//wrapNewsletterSection

    .paddingBottom0{
        padding-bottom: 0 !important;
    }

    .wrapCategoriasSection{
        padding: 15px 0;
        margin: 10px 0;
        
        h1.title{
            text-align: center;
            font-size: 1.5rem;
        }

        .item-categoria{

            h2{
                font-size: 0.8rem;
            }

        }
        

    }//wrapCategoriasSection


    .wrapCategoriaOverviewHome{
        padding: 40px 0;
        text-align: center;
        color: #fff;

        img{
            max-width: 80%;
            margin: 0 auto;
        }

        h2{
            font-size: 1.5rem;
            margin-top: 20px;
            font-weight: 800;
        }


    }//wrapCategoriaOverviewHome


    .wrapPlusCarrouselVideos{
        margin-bottom: 40px;

    }//wrapPlusCarrouselVideos



    .wrapSingle{

        header{
            margin-bottom: 5px;
        }

        h1{
            font-size: 2.2rem;
            font-weight: 700;
        }

        .excerpt{
            margin-bottom: 15px;

            p{
                font-size: 1.2rem;
                line-height: 1.5rem !important;
            }
        }

        .share{
            overflow: hidden;

            a{
                float: left;
                margin-right: 10px;
            }

        }

        .sidebar-item{
            position: relative;
            margin-bottom: 20px;

            .make-me-sticky{
                padding: 0;
            }
        }

        .content blockquote.wp-block-quote {
            padding: 20px;

            p{
                font-size: 1.3rem;
                line-height: 1.5rem;
            }
        }

        .content blockquote.wp-block-quote p:before,
        .content blockquote.wp-block-quote p:after {
            font-size: 2rem;
        }


    }//wrapSingle


    .moreArticlesOnSingle{

        h1{
            font-size: 1.5rem;
        }
    }


    .wrapCategory{

        h1.title{
            font-size: 1.6rem;
        }
    }


}




@include media-breakpoint-down(xs) {
	//some scss code



}