/*
Theme Name: Kaolack Infos Site
Description: Infos, News et Actus
Author: ZenDEV
Author URI: http://zendev-center.com
Theme URI: http://zendev-center.com
Template: klinfos
Version: 2.1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: infos, actus, news
Text Domain:  flex-mag-child
*/

/* BODY */
body {
    background: #eeeeee url("bg-pattern.png") repeat;
}
/* LOGO */
#head-main-top img[itemprop*="logo"] {
    height: 75px;
}

/* MENU */
#main-nav-wrap {
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: solid 1px #cf2e27;
}
nav.main-menu-wrap ul li a { font-weight: 800 }
.nav-search-wrap .search-fly-wrap {
    top: 55px;
    border: 1px solid #cf2e27;
}
.nav-left-wrap .fly-but-wrap span {
    background: #bfbfbf;
}
/* FEAT IMG */
#feat-wide-main .feat-wide1-img img { margin-top: -120px }

/* TITLING */
#body-main-cont h1.cat-head {
    font-size: 2.2rem;
}
h1.cat-head,
.side-title-wrap .side-list-title {
    color: #bba2a2;
    padding: 5px 10px;
    background: #ffffff;
}
#home-left-wrap .side-title-wrap .side-list-title,
.arch-head {
    display: none;
}
.home-right-col .side-title-wrap .side-list-title {
    font-size: 1.5rem;
    color: #cf2e27;
    border: solid 1px #cf2e27;
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 5px;
}
.home-title-wrap .side-list-title {
    font-size: 1.5rem;
    color: #cf2e27;
    border: solid 1px #cf2e27;
    padding: 5px;
}
div span.side-list-cat {
    color: #202d37;
    font-size: .55rem;
    font-weight: 700;
    display: inline-block;
    letter-spacing: 5px;
    padding-bottom: 5px;
    width: auto;
}
div .feat-widget-text span.side-list-cat {
    color: #fdf5f5;
    background: #d8726e;
    padding: 3px 5px;
}
/* ARTICLE TITLE + RESUME */
div .archive-list-text h2 {
    font-size: .8rem;
    font-weight: inherit;
}
div .archive-list-text p {
    display: none;
}
div .feat-widget-text h2, div .blog-widget-text h2 {
    font-weight: inherit;
}
div ul.archive-col-list li {
    height: 210px;
    border-bottom: solid 1px #f5e1e1;
}
ul.row-widget-list li {
    margin-bottom: 20px !important;
    /*height: 210px;*/
}
@media all and (min-width: 767px) and (max-width: 899px){
    ul.row-widget-list li {
        height: auto;
    }
}
div #sidebar-wrap ul.row-widget-list li {
    margin-bottom: inherit;
}
.home .feat-widget-cont .feat-widget-in .feat-widget-wrap {
    width: 96%;
    padding: 2% 2% 0;
    margin-bottom: 15px;
    background: #ffeeed;
}
.home #home-mid-wrap .feat-widget-cont .feat-widget-in .feat-widget-wrap .feat-widget-text {
    background: transparent;
    border-bottom: none;
}

/* FOOTER */
.foot-widget.widget_nav_menu {
    text-align: right;
}
.foot-widget.widget_nav_menu li.menu-item > a {
    display: inline-block;
    clear: both;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: .7rem;
    margin-bottom: 4px;
    border-bottom: solid 4px #5d5d5d;
}

/* KUSTOM POSTS HOMEPAGE -> ROWS */
@media screen and (min-width: 600px) {
    .home-widget .row-widget-list {
        display: flex;
        flex-wrap: wrap;
    }
    .home-widget .row-widget-list li {
        background: #f8f8f8;
        padding-bottom: 20px;
    }
    .home-widget .row-widget-list li .row-widget-img,
    .home-widget .row-widget-list .blog-widget-img {
        display: table;
    }
    .home-widget .row-widget-list li a .row-widget-text {
        position: relative;
        max-width: 90%;
        width: 90%;
        height: 60px;
        margin: -37px 2% 0;
        background: #fff;
        padding: 14px 3%;
        box-shadow: 0 2px 10px -4px rgba(0,0,0,.09);
        transition: 0.78s all ease;
    }
    .home-widget .row-widget-list li span.side-list-cat {
        display: inline;
        padding: 4px 8px;
        position: absolute;
        top: -28px;
        left: 10px;
        line-height: 20px;
        background: #cf2e27;
        background: -moz-linear-gradient(-45deg, #871919 0%, #cf2e27 50%, #e50300 100%);
        background: -webkit-linear-gradient(-45deg, #871919 0%,#cf2e27 50%,#e50300 100%);
        background: linear-gradient(135deg, #871919 0%,#cf2e27 50%,#e50300 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#871919', endColorstr='#e50300',GradientType=1 );
        color: #fff6f6;
        letter-spacing: 1px;
    }
    .home-widget .row-widget-list .row-widget-text p {
        font-size: .8rem;
        font-weight: 600;
    }
    .slides .gallery-widget-wrap ul.post-gallery-top-list li {
        max-height: 350px;
    }
}
@media screen and (min-width: 600px) and (max-width: 700px) {
    .home-widget .row-widget-list li a .row-widget-text {
        height: 75px;
    }
}
@media screen and (min-width: 768px) and (max-width: 899px) {
    .home-widget .row-widget-list li {
        padding-top: 0;
    }
    .home-widget .row-widget-list li .row-widget-img,
    .home-widget .row-widget-list .blog-widget-img {
        width: 100%;
        margin: 0;
    }
    .home-widget .row-widget-list li a .row-widget-text {
        height: 75px;
    }
}
@media screen and (min-width: 900px) and (max-width: 1024px) {
    .home-widget .row-widget-list li a .row-widget-text {
        height: 75px;
    }
}
@media screen and (max-width: 599px) {
    .home-widget .row-widget-list li a .row-widget-text p {
        font-size: .9rem;
        font-weight: 700;
    }
}

/* REWRITE DEFAULT */
#respond .form-submit #submit {
    width: auto;
}
/*.logo-left-wrap {
    top: 50px;
}
#logo-leader-wrap .leader-right-ban_img {
    height: 150px;
}*/
#body-main-cont #leader-wrap {
    display: block;
    background: none;
}

/* FEAT HEADER */
#feat-top-wrap #home-feat-wrap #home-feat-img {
    max-height: 650px;
}

/* VIEW DISPLAY */
.feat-info-views,
.feat-info-wrap {
    display: none !important;
}
.theiaStickySidebar .feat-info-views,
.theiaStickySidebar .feat-info-wrap {
    display: inherit !important;
}

/* ADVERT TOP */
div#leader-wrap .adcontainer{
    background: #b31917;
}
div#leader-wrap .adcontainer img{
    width: 100%;
    height: 100%;
}

/* ADVERT FOOTER */
#foot-ad-wrap #leader-wrap .adcontainer {
    background: inherit;
}

#foot-ad-wrap #leader-wrap .adcontainer img {
    /*height: 120px;*/
}