/*
Theme Name: Bouplay WP Child (Interesse de Minas)
Description: Tema criado para o parceiro Interesse de Minas com base no tema Bouplay WP.
Version: 1.0
Template: bouplay-wp
Author: Fernando Norte 
Tags: sticky-post, right-sidebar, custom-colors
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/


/* =Theme customization starts here
-------------------------------------------------------------- */
/* ---------------- css global -------------- */
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700|Oswald:400,700|PT+Sans:400,700&display=swap');

/* ====================================================== CSS Global =========================================================== */

html body {
    font-family: "PT Sans";
    color: #080e14;
    background: linear-gradient(to left, #e9e9e9, #d5d5d5) !important;
}

#back-top {
    display: none;
}

.ads__with-bg {
    margin-top: 35px;
    display: flex;
    width: 100%;
    text-align: center;
}

.ads__with-bg div {
    width: 100%;
}

.ads__with-bg div iframe {
    margin: 2px auto !important;
}

/* ----------------- Publicidade ---------------- */
.advertising__with-bg {
    justify-content: center;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAK0lEQVQImT3JwQkAMAzDQNPsv1+yi43yCPQnTupu2wCgX8CrKkkzk0Rn9xczyijaHqaA3QAAAABJRU5ErkJggg==) 50%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

/* ----------------- widget ---------------- */

div.content-modules .widget_bouplay_wp_module7 h3.title-homepage,
div.content-modules .widget_bouplay_wp_module6 h3.title-homepage,
div.content-modules .widget_bouplay_wp_module5 h3.title-homepage,
h3.title-homepage {
    padding: 6px 22px;
    border-radius: 5px;
    background-color: #cc2229 !important;
    text-transform: uppercase;
    font-family: "Oswald"
}
h3.title-homepage a,
h3.title-homepage a:hover {
    color: #fff !important;
}

div.content-modules h3.title-homepage {
    font-family: "Oswald";
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #fff;
}

ul.module-grid li div.post-views {
    display: none;
}

ul.module-grid li div.inner-small h2 {
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

/* ----------------- widget - ads ---------------- */

.img-300 {
    width: auto;
    margin: 0 0 -16px 0;
}
.fa-circle:before,
.widget::after {
    display: none !important;
}
/* ----------------- ultimos posts ---------------- */

div.content-modules {
    margin: -50px 0 30px 0;
}

/* ----------------- ultimos posts ---------------- */

.sidebar h3.title {
    width: 100%;
    padding: 0 15px 0 0px;
    display: inline-block;
    font-family: "PT Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.86;
    letter-spacing: normal;
    color: #000000;
    border-bottom: 2px solid #ff4e50 !important;
}

ul.article_list li {
    border: none;
}
/* ----------------- mais lidos ---------------- */

ul.article_list li div.post-nr {
    display: none;
}

ul.article_list li img {
    padding-left: 0 !important;
}

ul.article_list .an-widget-title h4 {
    font-family: "PT Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #333333;
}

/* ======================================================== Header ============================================================= */

body,header,
#featured-posts-section {
    background: #e9e9e9;
    background: linear-gradient(to left, #e9e9e9, #d5d5d5) !important;
}
#featured-posts {
    padding-bottom: 17px !important;
}

.main-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo {
    margin-right: 10px;
}   

/* navigation */

.ant-responsive-menu {
    margin: 0;
    margin-right: 200px;
}

.ant-responsive-menu li a:hover,
.ant-responsive-menu li.current-menu-parent a, 
.ant-responsive-menu li.current-menu-item a, 
.ant-responsive-menu li.menu_active a
{
    background: #cc2229 !important;
    color: #fff !important;
}
.sub-menu li.current-menu-parent a {
    color: #cc2229 !important;
}
.ant-responsive-menu li a {
    padding: 4px 7px;
    font-family: "Oswald";
    font-size: 14px;
    font-weight: bold;
    color: #000 !important;
}

.ant-responsive-menu li a .arrow {
    display: none !important;
}

.ant-responsive-menu > li > a {
    margin: auto;
}


#searchform2 {
    position: absolute;
    right: 0;
    width: 179px;
    height: 37px;
    margin: -5px 2px 0 20px;
}

#searchform2 #s {
    height: 100%;
    width: 120px !important;
    padding: 0 10px !important;
    font-family: "PT Sans", sans-serif;
    font-weight: bold 900;
    color: #9e9e9e;
    font-size: 13px;
}

#searchform2 .buttonicon {
    height: calc(100% + 2px);
}
/* ========================================================= Home ============================================================== */

ul.featured-home-posts {
    margin-bottom: 40px;
}

/* Modifica altura do box de destaques */
ul.featured-home-posts li.big {
    width: 670px;
    height: 505px;
}
ul.featured-home-posts li.big img, ul.featured-home-posts li img {
    width: 100% !important;
    height: 100%;
}

ul.featured-home-posts li {
    width: 300px !important;
    height: 250px;
}

.wrap-content li.img-zoom-in {
    overflow: hidden;
}

ul.featured-home-posts li div.bou-date {
    font-family: "Oswald";
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff !important;
    text-transform: uppercase;
}
ul.featured-home-posts li div.bou-date i {
    color: #fff !important;
}

.article-category a {
    font-family: "Oswald";
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: normal;
    color: #fff !important;
    background-color: #cc2229 !important;
    text-transform: uppercase;
}

.wrap-content div.grid_list-home {
    display: none !important;
}

.wp-show-posts-inner header {
    background: none !important;
}

.wp-show-posts .wp-show-posts-entry-title {
    font-family: "PT Sans", sans-serif;
    font-size: 22px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #333333;
}

.wp-show-posts-meta a, .wp-show-posts-meta a:visited {
    font-family: "PT Sans", sans-serif;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.69;
    letter-spacing: normal;
    color: #999999;
}

.wp-show-posts-entry-summary P {
    font-family: "PT Sans", sans-serif;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.73;
    letter-spacing: normal;
    color: #080e14;
}
.wp-pagenavi a, .wp-pagenavi span {
    font-family: "PT Sans", sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    background-color: #ff4e50 !important;
    border-color: #ff4e50;
    color: #FFF !important;
 }

 .wp-pagenavi a:hover, .wp-pagenavi span.current {
    background-color: #cc2229 !important;
    border-color: #cc2229 !important;
}
/* ================================================ HOME: 3 categorias ================================================ */

.widget_bouplay_wp_module5 ul.module-grid li {
    position: relative;
    z-index: 90;
    float: left;
    width: 284px;
    height: 350px;
    margin: 0 -5px 0 25px;
    border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    border: solid 0 #080e14;
    background-color: #fafafa !important;
    background-image: 
        linear-gradient(to right, #fafafa, #fff));
}

.widget_bouplay_wp_module5 ul.module-grid li div.post-views {
    display: none;
}

.widget_bouplay_wp_module5 ul.module-grid li div.inner-small {
    display: block;
    margin: auto;
    width: 100%;
    height: auto;
}

.widget_bouplay_wp_module5 ul.module-grid li div.inner-small h2 {
    text-align: left;
    padding: 0 10px;
    width: 264px;
    height: 100px;
    font-family: "Merriweather";
    font-size: 15px;
    color: #222222;
    font-weight: bold;
    line-height: 1.6;
    text-shadow: none !important;
}

.widget_bouplay_wp_module5 ul.module-grid li div.inner-cell {
}

.widget_bouplay_wp_module5 ul.module-grid li img {
    width: 283px;
    height: 200px;
    /* filter: alpha(opacity=0); */
    opacity: 1;
    object-fit: cover;
}
.widget_bouplay_wp_module5 ul.module-grid li .bou-date {
    font-family: "PT Sans";
    font-size: 12px;
    color: #888;
    text-shadow: none !important;
    text-align: left;
    padding: 0 10px;
    text-transform: uppercase;
}
.widget_bouplay_wp_module5 ul.module-grid li .bou-date i {
    color: #cc2229;
    text-shadow: none !important;
}


/* =================================================== social section ================================================== */

ul.social-widget {
    display: flex;
    align-items: center;
    align-content: center;
}

ul.social-widget li i {
    font-size: 26px !important;
    padding: 4px 2px 0 3px;
}

ul.social-widget li a {
    width: 44px;
    height: 38px;
    margin-right: 4px;
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
    border-radius: 50%;
    color: #ffffff !important;
}

ul.social-widget li a:hover {
    opacity: 0.8;
}

ul.social-widget a.lnbutton   { 
    background-color: #0073b1 !important; 
    color: #FFF !important; 
}
ul.social-widget a.igbutton   { 
    background-color: #f02774 !important; 
    color: #FFF !important; 
}

/* ================================================= internal-capa ===================================================== */

/* ----------------- sidebar ------------------*/
.sidebar-internal .sidebar-wrapper .sidebar {
    margin-top: 0;
}

.sidebar {
    margin-top: 0 !important;
}
.widget {
    margin-bottom: 30px !important;
}
/**
.sidebar-internal .sidebar-wrapper .sidebar .widget_bouplay_wp_300px2 {
    display: none !important;
}
**/
.dpp_featured_image {
    margin-right: 25px;
}

.dpp_featured_image a img {
    border-radius: 50%;
}

.dpp_post_title {
    height: 42px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.dpp_post_title a {
    font-family: "PT Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #333333;
}

/* -------------- fim sidebar -----------------*/
.ads-internal {
    width: 1280px;
    margin: 30px auto;
}

ul.grid_list li div.post-views {
    width: auto;
    height: 22px;
    z-index: 101;
    display: none;
    border-radius: 2px;
    background-color: #FFF;
    -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.2);
    box-shadow: 0 1px 10px rgba(0,0,0,0.2);
    padding: 1px 10px 0 10px;
    float: left;
    margin: 10px 0 -70px 10px;
    position: relative;
}



/* ===================================================== single ======================================================== */

ul.meta-entry-top {
    list-style: none;
}

.single-share {
    font-family: "PT Sans";
}

img.attachment-bouplay-wp-thumbnail-single-image {
    width: 100%;
    height: 620px !important;
    margin-top: 30px;
    object-fit: cover;
}

h1.article-title,
.entry h1.page-title {
    font-family: Merriweather;
    font-size: 32px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #333333 !important;
}
.article-excerpt {
    clear: left;
    display: block;
    font-family: "PT Sans", serif;
    font-style: italic;
    padding-top: 15px;
    color: #666;
    font-size: 18px;
}

.entry {
    font-family: "PT Sans", sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.87;
    letter-spacing: normal;
    color: #080e14;
}

article .entry h4 {
    border-top: #cc2229 2px solid;
    width: 50%;
    min-width: 250px;
}

.entry p a {
    color: #cc2229 !important;
    text-decoration: underline;
}

.entry p a:hover {
    text-decoration: none !important;
}

.opiniao p {
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
}

.entry-top {
    font-family: Merriweather;
    position: relative;
    width: 780px;
}

.subtitle {
    margin-top: 10px;
}

.entry .subtitle {
    display: none;
}

.media-single-content {
    background-color: #ccc;
}
.media-single-content p {
    font-family: "PT Sans", serif;
    font-size: 15px;
    font-style: italic;
    color: #333;
    text-align: right;
    padding: 10px 18px;
}
/* ===================================================== footer ======================================================== */

footer {
    background-color: #cc2229 !important;
}

footer .copyR {
    width: 100%;
    display: flex;
    align-items: center;
    height: 47px;
    border: solid 0 #a90002;
    background-color: #a90002;
}

footer .copyR h4 {
    margin-left: 12%;
    font-family: "PT Sans", sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #fff;
}

footer .wrap-middle {
   display: flex;
}

footer .wrap-middle div {
    margin-right: 4.7%;
}

/*** FOOTER MENU *********/
footer .footer-menu {
    background-color: #a90002;
}
footer .footer-menu ul {
    padding: 10px 45px;
}
footer .footer-menu ul li {
    display: inline-table;
    color: #fff;
    padding: 0 20px;
}
footer .footer-menu ul li a {
    font-family: "PT Sans";
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}
footer .footer-menu ul li a:hover {
    color: #fff !important;

}



.col1 ul li a,
.col2 ul li a,
.col3 ul li a,
.col4 ul li a {
    font-family: "PT Sans", sans-serif;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.47;
    letter-spacing: normal;
    color: #fff !important;
}

.col1 h3,
.col1 ul li:first-child,
.col1 ul li:first-child a,
.col2 h3,
.col3 h3,
.col4 h3 {
    margin: 8px auto;
    font-family: "PT Sans", sans-serif;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.47;
    letter-spacing: normal;
    color: #fff;
    text-transform: uppercase;
}

.svg-logo_da_footer {
    width: 273px;
    height: 218px;
    margin-top: -50px;
    margin-left: inherit;
    background-image: url(./images/marca-da.png), linear-gradient(transparent, transparent);
    background-size: 273px 218px;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 0 !important;
}

.sub-menu {
    display: none;
}


 /* =========================   media ============================== */

@media only screen and (min-width: 1300px) {
    ul.featured-home-posts li.big,
    ul.featured-home-posts li.big img  {
        width: 670px !important;
    }
}
@media only screen and (max-width: 1300px) and (min-width: 1260px) {
    ul.featured-home-posts li.big,
    ul.featured-home-posts li.big img  {
        width: 605px !important;   
        height: 505px !important;
        margin: 0 5px 5px 0 !important;
    }
    ul.featured-home-posts li:nth-child(3),
    ul.featured-home-posts li:nth-child(5) { margin: 0 0 5px 5px !important; }  
    ul.featured-home-posts li {
        height: 250px !important;
        margin: 0 0 5px 0 !important;  
    }  
    ul.featured-home-posts li img {
        height: 250px !important;
    }
    ul.featured-home-posts li div.inner-small {
        margin: -220px auto 0 auto;
    }
    .ads-internal {
        width: 1230px;
    }    
    .ant-responsive-menu {
        font-size: 12px;
    }    
}


@media only screen and (max-width: 1260px) and (min-width: 1004px) {
    ul.featured-home-posts li:nth-child(4),
    ul.featured-home-posts li:nth-child(5) { display: none !important; }  
    ul.featured-home-posts li.big,
    ul.featured-home-posts li.big img  {
        width: 670px !important;   
        height: 505px !important;
    }
    ul.featured-home-posts li {
        height: 250px !important;
        margin: 0 0 5px 5px !important;  
    }  
    ul.featured-home-posts li img {
        height: 250px !important;
    }
    ul.featured-home-posts li div.inner-big {
        margin: -450px auto 0 auto !important;
    }
    ul.featured-home-posts li div.inner-small {
        margin: -235px auto 0 auto !important;
    }

    .ads-internal {
        width: 980px;
    }    
}
@media only screen and (max-width: 1004px) and (min-width: 760px) {
    #searchform2 { display: none !important; }
    ul.featured-home-posts li:nth-child(5) { display: none !important; } 
    ul.featured-home-posts li.big,
    ul.featured-home-posts li.big img  {
        width: 750px !important;   
        height: 405px !important;
    }
    ul.featured-home-posts li:nth-child(3),
    ul.featured-home-posts li {
        height: 250px !important;
        margin: 5px !important;  
    }  
    ul.featured-home-posts li img {
        height: 250px !important;
    }
    ul.featured-home-posts li:nth-child(4),
    ul.featured-home-posts li:nth-child(2) { 
        width: 220px !important;
        display: block !important; 
        margin: 5px 0 !important;
    } 
    .ads-internal {
        width: 750px;
    }

}
@media only screen and (max-width: 760px) and (min-width: 580px) {
    ul.featured-home-posts li:nth-child(4),
    ul.featured-home-posts li:nth-child(5) { display: none !important; }    
    ul.featured-home-posts li.big,
    ul.featured-home-posts li.big img  {
        width: 570px !important;   
        height: 405px !important;
        margin: 0 0 5px 0 !important;  
    }
    ul.featured-home-posts li {
        width: 265px !important;
        height: 250px !important;
        margin: 0 !important;  
    }  
    ul.featured-home-posts li img {
        height: 250px !important;
    }
    ul.featured-home-posts li:nth-child(3) {
        width: 300px !important;
        height: 250px !important;
        margin: 0 0 0 5px !important;  
    }  
    ul.featured-home-posts li img {
        height: 250px !important;
    }
    ul.featured-home-posts li div.inner-big {
        margin: -390px auto 0 auto;
    }
    ul.featured-home-posts li div.inner-small {
        margin: -235px auto 0 auto;
    }
    .ads-internal {
        width: 570px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 580px) {
    #searchform2 { display: none !important; }
    ul.featured-home-posts li.big,
    ul.featured-home-posts li.big img  {
        width: 460px !important;   
        height: 305px !important;
        margin: 0 0 5px 0 !important;  
    }
    ul.featured-home-posts li {
        width: 155px !important;
        height: 250px !important;
        margin: 0 !important;  
    }  
    ul.featured-home-posts li img {
        height: 250px !important;
    }
    ul.featured-home-posts li:nth-child(3) {
        width: 300px !important;
        height: 250px !important;
        margin: 0 0 0 5px !important;  
    }  
    .ads-internal {
        width: 460px;
    } 
    ul.featured-home-posts li div.inner-small h2 {
        font-size: 15px;
        line-height: 19px;
    }
    ul.featured-home-posts li div.inner-small {
        margin: -240px auto 0 auto !important;
    }
}



@media (max-width: 1024px) and (min-width: 769px) {
    .logo {
        float: left;
        max-height: 62px;
        margin-right: 1px;
    }

    .logo {
        margin-left: 0;
        margin-right: 20px;
    }

    .ant-responsive-menu > li > a {
        padding: 3px 11px 3px 15px !important;
        margin-right: -11px;
    }

    .wp-show-posts-entry-summary p {
        max-height: 320px;
        overflow: hidden;
        -webkit-line-clamp: 4;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
    }

    footer .wrap-middle div {
        margin-right: 2.7%;
    }
 }

 @media (max-width: 768px) and (min-width: 415px) {
    .menu-toggle #menu-btn {
        margin: 0 10px 0 0 !important;
    }

    #searchform2 {
        height: 20px;
        margin: -5px 2px 0 auto;
    }

    .ant-responsive-menu {
        margin-top: 65px;
        left: 0;
    }

    nav {
        width: 100%;
    }

    .menu-toggle #menu-btn {
        margin: 11px 10px 0px 0;
    }

    .ant-responsive-menu {
        margin-top: 50px;
    }

    .header-search {
        display: none;
    }

    .wp-show-posts-image img {
        width: 100%;
    }

    .svg-logo_da_footer {
        display: none;
    }

    .wrap-middle {
        width: 90%;
    }
 }

 @media (max-width: 414px) {
    .ads-internal {
        width: 300px;
    }
    img.attachment-bouplay-wp-thumbnail-single-image {
        height: 220px !important;
    }
    .entry iframe {
        height: 250px;
    }
    ul.module-grid {
        margin: 0 0 5px 0 !important;
    }
    ul.module-grid li {
        margin: 0 0 15px 0 !important;   
    }
    .widget_bouplay_wp_module5 ul.module-grid li {
        width: 100%;
        height: auto;
    }
    .widget_bouplay_wp_module5 ul.module-grid li img {
        width: 100%;
    }
    .widget_bouplay_wp_module5 ul.module-grid li div.inner-small h2 {
        width: 100%;
        height: auto;
    }

    div.content-modules h3.title-homepage {
        margin: 25px 0 15px 0;
    }

    .widget {
        margin-bottom: 10px !important;
    }

    .sidebar {
        margin-top: 10px !important;
    }

    .sidebar .widget_bouplay_wp_300x600 {
        display: none !important;
    }

    .img-300 {
        margin: auto;
    }
    
    .wrap-middle {
        width: 90% !important;
    }

    footer .wrap-middle {
        padding: 22px 0 50px 0;
    }

    footer .copyR h4 {
        margin-left: 2%;
    }
    footer .footer-menu ul li {
        font-size: 12px;
        padding: 0 12px;
    }

 }