/*
 Theme Name:   Codilight Lite - Child
 Theme URI:    http://www.famethemes.com/themes/codilight-lite
 Description:  Codilight Lite is a news magazine style WordPress theme from FameThemes which is a perfect option to create any kind of magazine or blog websites. Child
 Author:       Quares IT Solutions
 Author URI:   http://quaresitsolutions.com
 Template:     codilight-lite
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  codilight-lite-child
*/

/* Fonts */
/* Light */

@font-face {
    font-family: 'DIN';
    font-weight: 300;
    src: url("fonts/353BD4_0_0.eot");
    src: url("fonts/353BD4_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/353BD4_0_0.woff2") format("woff2"), url("fonts/353BD4_0_0.woff") format("woff"), url("fonts/353BD4_0_0.ttf") format("truetype");
}

/* Regular */

@font-face {
    font-family: 'DIN';
    font-weight: normal;
    src: url("fonts/353BD4_1_0.eot");
    src: url("fonts/353BD4_1_0.eot?#iefix") format("embedded-opentype"), url("fonts/353BD4_1_0.woff2") format("woff2"), url("fonts/353BD4_1_0.woff") format("woff"), url("fonts/353BD4_1_0.ttf") format("truetype");
}

/* Medium */

@font-face {
    font-family: 'DIN';
    font-weight: 700;
    src: url("fonts/353BD4_2_0.eot");
    src: url("fonts/353BD4_2_0.eot?#iefix") format("embedded-opentype"), url("fonts/353BD4_2_0.woff2") format("woff2"), url("fonts/353BD4_2_0.woff") format("woff"), url("fonts/353BD4_2_0.ttf") format("truetype");
}

/* Bold */

@font-face {
    font-family: 'DIN';
    font-weight: bold;
    src: url("fonts/353BD4_3_0.eot");
    src: url("fonts/353BD4_3_0.eot?#iefix") format("embedded-opentype"), url("fonts/353BD4_3_0.woff2") format("woff2"), url("fonts/353BD4_3_0.woff") format("woff"), url("fonts/353BD4_3_0.ttf") format("truetype");
}

/* End Fonts */


body, button, input, select, textarea,
.site-header .site-branding .site-title,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.ft-menu a{
    font-family: 'Din';
    font-weight: 500;
    color: #6a6a67;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a{
    color: #6a6a67;
}


.uppercase{
    text-transform: uppercase;
}

/* Color primario */
a,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover,
.site-topbar .home-menu a:hover i,
.topbar-elements li:hover,
.topbar-elements li:hover span, .topbar-elements li:hover i,
.site-header .site-branding .site-title a:hover,
.ft-menu a:hover,
.ft-menu ul li a:hover,
.ft-menu ul li.current-menu-item > a,
.mobile-navigation ul li a:hover,
.block1_list article:hover .entry-title a,
.block1_grid article:hover .entry-title a,
.entry-meta a:hover,
#comments .comment .comment-wrapper .comment-meta cite span:hover, #comments .comment .comment-wrapper .comment-meta .comment-time:hover, #comments .comment .comment-wrapper .comment-meta .comment-reply-link:hover, #comments .comment .comment-wrapper .comment-meta .comment-edit-link:hover, #comments .comment .comment-wrapper .comment-reply-login:hover,
#comments .comment .comment-wrapper .comment-meta cite .fn a:hover,
.widget-title a,
.widget a:hover,
.widget .widget-title a,
.widget.widget_recent_comments .comment-author-link a,
.widget.widget_recent_comments a
{
    color: #008ad8; 
}
blockquote,
.entry-taxonomies .post-categories li a:hover, .entry-taxonomies .post-tags li a:hover,
.ft-paginate a:hover,
.ft-paginate span.current,
.widget_tag_cloud a:hover {
    border-color: #54c7df!important;
}
input[type="reset"], input[type="submit"], input[type="submit"],
#nav-toggle:hover span,
#nav-toggle:hover span:before, #nav-toggle:hover span:after,
#nav-toggle.nav-is-visible span:before, #nav-toggle.nav-is-visible span:after,
.entry-category:hover,
.block2_widget .slider-content .meta-category,
.entry-taxonomies span,
.ft-paginate span.current,
.widget_categories ul li:hover .cat-count
 {
    background: #0e8043;
}

/* 1º Menu */
.site-topbar,
.site-content .content-inside{
    position: relative;
    background: #dfdfdb;
}
.site-topbar{
    line-height: 1.5;
    height: 5rem;
}

.site-topbar .row > div:nth-child(2) {
    text-align: center;
    padding-top: 1rem;
}
.site-topbar .row > div:nth-child(2) > a > img {
    height: 3rem;
}
.topbar-elements li:before,
.topbar-elements li:after,
.topbar-elements:before{
    display: none;
}
.topbar-elements:after{
    height: 1.5rem;
    top: 1.7rem;
    background: #92938f;
}

.site-topbar .social-links:before {
    content: "";
    display: block;
    width: 1px;
    position: absolute;
    bottom: 1px;
    background: #92938f;
    z-index: 10;
    height: 1.5rem;
    top: 1.7rem;
}

.site-topbar .search-btn > ul:first-child{
    line-height: 6;
    height: 5rem;
    width: 5rem;
}
.site-topbar .search-btn .topbar-search{
    height: 5rem;
    width: 5rem;
    text-align: center;
}
.topbar-elements:hover:after{
    display:none;
}

#dropdown-search-rwd.opened {
    display: block;
}
.topbar-elements-rwd .dropdown-content {
    right: inherit;
    left: 0;
}
.topbar-elements-rwd .dropdown-content {
    min-width: 50rem;
}
.topbar-elements-rwd .dropdown-content {
    display: none;
    position: absolute;
    top: 60px;
    width: 100vw;
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    color: #494949;
    min-width: 300px;
}

.site-topbar .social-links{
    width: 5rem;
    height: 3rem;
    float: right;
    text-align: center;
    margin-top: 1rem;
}
.topbar-elements .search-form .search-submit{
    top: 18px;
}


/* Validar media query */
.topbar-elements .dropdown-content{
    min-width: 50rem;
}

.site-content .content-inside{
    margin-top: -5rem;
}

.mobile-navigation + .site-header{
    display: none;
}

.search-icon.fa.fa-search+span{
    display: none;
}
.topbar-elements .dropdown-content{
    right: inherit;
    left: 0;
}
.topbar-elements li:hover .dropdown-content {
    display: none;
}
.topbar-elements li .dropdown-content.active {
    display: block;
}
.topbar-elements li.active {
    background: #FFFFFF;
}

/* Categorias */
#categoriesBar{
    padding: 3rem 0 4rem;
    background-image: linear-gradient(to right, #0083ca, #26a2d3 22%, #3fb6d9 49%, #4ec2dd 77%, #54c7df)!important;
}
.categories-bar{
    display: flex; 
    justify-content: space-between; 
}
.categories-bar .divisor{
    width: 1px;
    background-color: #f9f9f9;
}
.categories-bar a {
    font-weight: 600;
    color: #f9f9f9;
	text-transform: uppercase;
}
.categories-bar .active{
    background-image: url(icon/home_triangle.svg);
    background-repeat: no-repeat;
    background-position: center bottom 2rem;
    background-size: 5rem;
    height: 6.3rem;
    margin-bottom: -5rem;
}

/* index */
#primary.content-area{
    width: 100%;
    padding: 0;
}
#primary.content-area article.col-md-4 > .entry-thumb{
    padding: 1rem;
    background: #f9f9f9;
    margin-bottom: 0;
}
#primary.content-area article.col-md-4 > .entry-detail{
    padding: 0 1rem 1rem 1rem;
    background: #f9f9f9;
    background-image: url('icon/plus_gray.svg');
    background-size: 1rem;
    background-repeat: no-repeat;
    background-position: right 1rem bottom 1rem;
    position: relative; 
    min-height: 150px;
}

/* Fix box size */
.block1_grid .entry-title{
    min-height: 40px;
    line-height: 1;
}
.block1_grid .entry-excerpt{
    line-height: 1.2;
    min-height: 50px;
}
@media screen and (max-width: 1199px){
    #primary.content-area article.col-md-4 > .entry-detail{
        min-height: 167px;
    }
    .block1_grid .entry-excerpt{
        min-height: 64px;
    }
}
@media screen and (max-width: 991px){
    #primary.content-area article.col-md-4 > .entry-detail{
        min-height: 202px;
    }
    .block1_grid .entry-excerpt{
        min-height: 100px;
    }
}
@media screen and (max-width: 767px){
    .block1_grid .entry-excerpt {
        min-height: 90px;
    }
}
.post-template-default #primary.content-area article:not(.col-md-4) > .entry-thumb img{
    width: 100%;
}
.post-template-default #primary.content-area article:not(.col-md-4) > .entry-thumb{
    margin: 0 2rem 0 2rem;
}
.post-template-default #primary.content-area article:not(.col-md-4) > .entry-content{
    margin-top: 0;
    margin-bottom: 0;
    padding: 1rem 0 0;
    background-color: #f9f9f9;
}

.post-template-default #primary.content-area article:not(.col-md-4) > .entry-content h4{
    text-align: center;
}
.post-template-default #primary.content-area article:not(.col-md-4) > .entry-content h4,
.post-template-default #primary.content-area article:not(.col-md-4) > .entry-content .content{
    padding: 1rem 6rem 2rem;
}
.post-template-default #primary.content-area article:not(.col-md-4) > .entry-content > .wp_rp_wrap{
    padding: 1rem;
    background-color: #dfdfdb;
    width: 100vw;
    opacity: 0;
    transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
}
.post-template-default #primary.content-area article:not(.col-md-4) > .entry-content > .wp_rp_wrap h3{
    text-transform: uppercase;
    font-weight: bold;
}
.post-template-default .container .content-inside {
    padding: 0;
    border: none;
}
.post-template-default header.entry-header.entry-header-single{
    padding: 1rem;
    background-color: #f9f9f9;
    text-align: center;
    z-index: 4;
    margin: 2rem 2rem 0 2rem; 
}
.post-template-default header.entry-header.entry-header-single h1{
    text-transform: uppercase;
    font-weight: bold;
}
.post-template-default header.entry-header.entry-header-single > div{
    padding: 0.5rem 0;
    text-transform: uppercase;
}
.post-template-default .footer-shadow{
    display: none;
}
#primary.content-area .block1_grid .entry-category{
    /*bottom: 1.04rem;
    left: 1rem;*/
    position: relative;
    margin-top: 2rem;
    display: block;
    background-color: transparent;
    color: #0e8043;
    font-size: 10px;
    text-decoration: underline;
    padding: 0;
    width: 100%;
}
footer.site-footer{
    background-color: #6a6a67;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1rem 0;
}
footer.site-footer.static-footer{
    position: relative;
}
.site-footer .site-info{
    color: #f9f9f9;
}
footer .footer-social-links{
    width: 15rem;
    padding-top: 0.6rem;
    display: flex;
    justify-content: space-between;
    float: right;
    margin-right: 6rem;
}
footer .footer-social-links .divisor{
    width: 1px;
    height: 1.2rem;
    background: #f9f9f9;
}
footer .footer-social-links img{
    /*height: 100%;*/
}
footer .footer-social-links .social{
    width: 5.5rem;
    margin: -0.3rem 0 0 0;
    height: 12px;
    display: flex;
    justify-content: space-around;
}
.icon-whatsapp {
    width: 21px;
    float: left;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.mobile-tel{
    position: absolute;
    top: -1.5rem;
    left: -1.8rem;
    margin-left: 50%;
}
.post-padding-down{
    padding-bottom: 3rem;
}
.entry-cat-date{
    text-transform: uppercase;
    margin: 0;    
}
.entry-cat-date b{
    color: #008945;
}
.rating-content{
    margin-top: -0.3rem;
    padding-left: 6rem;
}
.rating-content + div{
    padding-right: 6rem;
}
.post-ratings > img{
    margin-top: -1rem;
    max-width: 1.3rem;
    padding: 0 0.1rem;
}
.post-ratings > em,
.post-ratings > .post-ratings-text{
    display: none !important;
}
.post-ratings{
    color: transparent;
}
.rating-title + p{
    display: none;
}
.rating-title,
.social-post-title{
    font-size: 11px;
}
.social-post-title > p{
    margin: 0;
    float: right;
}
.social-post-title img{
    width: 1.6rem;
    padding: 0 0.05rem;
}
.mobile-arrow{
    margin-top: 0.51rem; 
    float: right;
    transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
}

/*  */
.comments-area,
footer.entry-footer{
    display: none;
}

.order-posts{
    background-color: transparent;
    background-image: url('./icon/arrow_down_gray.svg'); 
    background-position: right center; 
    background-repeat: no-repeat; 
    background-size: 1rem;
    border: none;
    text-transform: uppercase;
    position: absolute;
    right: 2rem;
    width: 9.5rem; 
    appearance: none;
    -webkit-appearance: none; 
    z-index: 2;
}

ul.related_post li .wp_rp_category a.plus{
    position: absolute !important;
    right: 0;
    width: 2rem;
    height: 2rem;
    background-image: url('icon/plus_gray.svg');
    background-size: 1rem;
    background-repeat: no-repeat;
    background-position: center;
}

.container ul.related_post.wp_rp {
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
}

.container ul.related_post li {
    width: 31% !important;
    margin: 0px !important;
    margin-top: 20px !important;
}

@media screen and (min-width: 992px){
    .visible-sm{
        display: none;
    }
    .hidden-sm{
        display: block;
		text-transform: uppercase;
    }
    .category-options{
        display: flex;
        justify-content: space-evenly;
        width: 100%;
    }
}
@media screen and (max-width: 991px){
    .topbar-elements-rwd .dropdown-content{
        top: 16px;
    }
    .topbar-elements-rwd .dropdown-content{
        left: 0px !important;
        margin: 0 !important;
        width: auto !important;
        right: 0 !important;
        padding: 1rem 3rem !important;
        position: absolute;
    }
    .category-options > div:nth-child(odd){
        padding: 0.5rem 2rem;
    }
    .categories-bar .divisor{
        width: 100%;
        height: 1px;
    }
    .categories-bar .active{
        /*border-bottom: 1px solid white;*/
        padding: 0 3.5rem 1rem 2rem;
        background-position: right 2rem center;
    }
    .mobile-arrow{
        margin-right: 2rem;
    }

    .visible-sm{
        display: block;
    }
    .hidden-sm{
        display: none;
    }
    .site-topbar{
        height: 4rem;
    }
    header + .container{
        padding: 0;
        margin-top: 0;
    }
    .post-template-default header + .container{
        max-width: 100%;
    }
    .post-template-default header.entry-header.entry-header-single{
        margin: 0;
    }
    .post-template-default #primary.content-area article:not(.col-md-4) > .entry-thumb{
        margin: 0;
    }
    .post-template-default #primary.content-area article:not(.col-md-4) > .entry-content .content{
        padding: 0rem 3rem 2rem;
    }
    .post-template-default #primary.content-area article:not(.col-md-4) > .entry-content > .wp_rp_wrap{
        display: none;
    }
    #categoriesBar a {
        font-weight: 500;
    }
    #categoriesBar{
        padding: 1rem 0 0;
        height: initial;
        /*height: 2.4rem;
        overflow: hidden;*/
        text-transform: uppercase;
    }
    #categoriesBar > div:first-child{
        border-bottom: 1px solid rgba(0,0,0,0.2);
    } 
    .categories-bar{
        display: block;
    }
    .categories-bar .active{
        margin: 0;
        height: initial;
        background: none;
    }
    .site-content .content-inside{
        margin-top: 0;
    }
    .category-options{
        display: none;
    }
    .category-options.opened{
        display: block;
    }
    .category-options {
        line-height: 2.5;
    }
    .post-ratings,
    .social-post-title img{
        padding: 0.4rem 0 1rem;
    }
    .post-ratings img{
        margin: -1.2rem 0.1rem 0;
    }
    .social-post-title p > a > img{
        margin: 0 0.2rem;
    }
    .social-post-title a{
        padding: 0.5rem;
    }
    .rating-content,
    .rating-content + div {
        padding-left: 3rem;
    }
    .social-post-title > p{
        float: initial;
    }
    .rating-content{
        margin-top: 0;
    }
    .order-posts{
        position: relative;
        right: initial;
    }
	.social a{
        padding:20px;
    }
}

@media screen and (max-width: 767px){
    .category article .entry-thumb,
    .home article .entry-thumb{
        display: none;
    }
    .category article .entry-detail,
    .category #primary.content-area article.col-md-4 > .entry-detail,
    .home article .entry-detail,
    .home #primary.content-area article.col-md-4 > .entry-detail{
        padding-top: 1rem;
    }
    .home .topbar-elements-rwd .dropdown-content,
    .category .topbar-elements-rwd .dropdown-content{
        top: 15px;
    }
}