/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 02-abr-2018, 18:21:40
    Author     : Tatiana
*/

/***********************
    Blog home
    *******************/
$color_fuente_blog:$blanco;
$color_fuente_blog_hover: $primario;
$color_fuente_blog_home_h3:$blanco;
$color_fuente_blog_home_h3_hover:$primario;
$color_fuente_blog_home_h3_text-decoration:underline;

@mixin post_home(){
    .blog{
        overflow:hidden;
        .noticia{
            position: relative;
            padding:0;
            .sombra_noti{
                -webkit-box-shadow: inset 0px 0px 107px 0px rgba(0,0,0,0.9);
                -moz-box-shadow: inset 0px 0px 107px 0px rgba(0,0,0,0.9);
                box-shadow: inset 0px 0px 107px 0px rgba(0,0,0,0.9);
            }

            h3{
                position: absolute;
                top: 5%;
                left: 5%;
                font-family: $fuente2; 
                color: $color_fuente_blog_home_h3;
                font-size: 2.3em;
                text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.66);
                &:hover{
                    color:$color_fuente_blog_home_h3_hover;

                }
            }
            a{
                position: absolute;
                top: 5%;
                left: 5%;
                width: 80%;
                color: $color_fuente_blog;
                font-family: $fuente2; 
                &:hover{
                    color: $color_fuente_blog_hover;
                    text-decoration:$color_fuente_blog_home_h3_text-decoration;
                }
                i{
                    color:$secundario;
                    vertical-align: sub;
                }
                &.libro{
                    bottom: 8%;
                    left: 10%;
                    top: auto;
                    font-size: 1.3em;
                    text-align: right;
                    font-family: $fuente;
                    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.66);
                }

            }
            img.img-responsive{
                width: 100%;
            }
        }
    }
}
@mixin post_home_carrousel(){
    .blog{
        .smart-blog-home-post {
            margin-top: 30px;
        }

        .block{
            .title_block {
                color: $gris_chocolate;
                background: $gris;
                color: $blanco;
                font-size: 16px;
                line-height: 16px;
                margin: 0 0 20px;
                padding: 14px 40px 16px 20px;
                position: relative;
                text-transform: uppercase;
                font-weight: bold;
                .title_text {
                    position: relative;
                }
            }
            .owl-carousel{
                margin-bottom:15px;
                .owl-wrapper-outer {
                    overflow: hidden;
                    position: relative;
                    width: 100%;
                    z-index: 1;
                    zoom: 1;
                    .loadEvent{
                        display: flex;
                        flex-wrap: wrap;
                    }
                }
                .owl-item {
                    flex-grow: 1;
                    flex-shrink: 1;
                    flex-basis: 300px;
                    max-width: 380px;
                    @media only screen and (max-width: 633px){
                        max-width: 633px;
                    }
                    .item {
                        padding: 0 15px;
                        text-align: center;
                        .news_module_image_holder {
                            display: inline-block;
                            .image_holder_wrap {
                                max-width: 100%;
                                text-align: center;
                                overflow: hidden;
                                float:left;
                                width: 100%;
                                border-style: solid;
                                border-color: $gris;
                                border-width: 1px;
                                min-height: 150px;
                                overflow: hidden;
                                a{
                                    display:block;
                                    text-align:center;
                                    img {
                                        padding: 0;
                                        max-width: 100%;
                                    }

                                }
                                @media only screen and (max-width: 633px){
                                    display:none;
                                }
                            }
                            .right_blog_home {
                                color: $gris_chocolate;
                                display: inline-block;
                                border-style: solid;
                                border-color: $gris;
                                padding: 0 22px;
                                width: 100%;
                                border-width: 0 1px 1px;
                                .content {
                                    a {
                                        color: $gris_chocolate;
                                        font-size: 14px;
                                        line-height: 14px;
                                    }
                                    a {
                                        color: $gris_chocolate;
                                        font-size: 14px;
                                        line-height: 14px;
                                    }
                                    p {
                                        font-size: 12px;
                                        line-height: 20px;
                                        margin: 0;
                                        display: inline-block;
                                        color: $colorDelDemonio;
                                    }
                                    background: $blanco none repeat scroll 0 0;
                                    padding: 21px 0 0;
                                    text-align: left;
                                    .sds_post_title {
                                        font-size: 14px;
                                        line-height: 1;
                                        margin-bottom: 10px;
                                        padding: 0;
                                        margin-top: 0px;
                                        height: 14px;
                                        overflow:hidden;
                                    }
                                    .block_post_date {
                                        display: block;
                                        font-size: 13px;
                                        margin-bottom: 11px;
                                        height: 14px;
                                        overflow:hidden;
                                        .icon-calendar::before {
                                            content: "\e109";
                                        }
                                    }
                                    p{
                                        height: 37px;
                                        overflow:hidden;
                                        width: 100%;
                                    }
                                }
                                .r_more {
                                    color: $grisEnlacesCabecera;
                                    background: none;
                                    border: solid 1px $gris;
                                    display: inline-block;
                                    font-size: 12px;
                                    font-weight: normal;
                                    line-height: 13px;
                                    padding: 9px 12px 8px;
                                    margin: 14px 0 20px;
                                    &:hover {
                                        color: $blanco !important;
                                        background-color: $primario;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
@mixin eventos(){
    .proximos_eventos_home{
        h4.title_block {
            color: $gris_chocolate;
            background: $gris !important;
            font-size: 16px;
            line-height: 16px;
            margin: 0 0 20px;
            padding: 14px 40px 16px 20px;
            position: relative;
            text-transform: uppercase;
            font-weight: bold;
        }
    }
}
