/*
 Theme Name:   DuperMag
 Theme URI:    http://www.acmethemes.com/themes/dupermag/
 Description:  DuperMag is a Child Theme Of SuperMag. DuperMag is perfect theme for news, magazine, blog, reviews or personal sites. Full image blog and full image single post make it really cool. DuperMag extend the SuperMag theme with more beautifully crafted design. Get free support at https://www.acmethemes.com/acmethemes-supports/ and see demo here http://www.demo.acmethemes.com/dupermag/
 Author:       acmethemes
 Author URI:   http://www.acmethemes.com/
 Template:     supermag
 Version:      1.0.4
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, featured-images, footer-widgets, sticky-post, theme-options, threaded-comments, translation-ready, blog, news
 Text Domain:  dupermag
*/
/*common css*/
/*site-identity*/
.boxed-layout .site-logo.float-left {
    padding-left: 10px;
}

/*navigation*/
.main-navigation ul li {
    font-size: 15px;
}
.header-wrapper .header-main-menu .menu{
    position: relative;
}
.main-navigation .home-icon a {
    padding: 10px 12px 3px;
}
.comment-list li {
    border: none;
    list-style-type: disc;
    margin: 0;
    padding: 0 0 6px;
}
.comment-list > li,
.comment-list .children > li
{
    list-style-type: none;
}
.comment-list ul,
#primary .post ul,
#primary .page ul {
    margin: 0 0 30px 15px;
}
.comment-list ul li::after,
.site-content .post ul li::after,
.site-content .page ul li::after {
    color: #474747;
}
blockquote::before {
    color: #ededed;
    content: "\f10d";
    font-family: "fontawesome";
    font-size: 16px;
    font-style: initial;
    left: 0;
    position: absolute;
}
blockquote {
    font-size: 1.1em;
    line-height: 1.6em;
    padding-left: 23px;
    position: relative;
}
/*site branding*/
.site-branding {
    padding: 14px 30px 10px;
}

/*Feature Section*/
.slider-section .bx-controls-direction a {
    display: inline-block;
    font-size: 30px;
    height: 30px;
    padding-left: 8px;
    position: relative !important;
    text-shadow: none;
    top: 0;
    width: 30px;
    background: transparent;
}

.slider-section .slide-title, .besides-slider .post-title a {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    line-height: 15px;
}
/*featured right slider*/
.besides-slider .beside-post{
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition:all 0.5s ease-in-out 0s;
    -moz-transition:all 0.5s ease-in-out 0s;
    width: 100%;
    height: 175px;
    max-width: 240px;
    border-bottom: none!important;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 0 15px;
}

/* Large desktop */
@media (max-width: 1229px) {
    .besides-slider .beside-post{
        height: 141px;
        max-width: 215px;
    }
}

/* Large desktop */
@media (max-width: 1229px) {
    .wrapper{ width: 98%!important; ;}
}
/* Portrait tablet to landscape and desktop */
@media screen and (max-width:992px){
    .besides-slider .beside-post{
        height: 115px;
        max-width: 180px;
    }
    .wrapper{ width: 98%!important; ;}
}
/* Landscape phone to portrait tablet */
@media screen and (max-width:767px){
    .besides-slider .beside-post {
        height: 250px;
        max-width: 98%!important;
    }
    .besides-slider .besides-slider-left,
    .besides-slider .besides-slider-right{
        width: 50%!important;
        float: left!important;
    }
}
/* Landscape phone to portrait tablet */
@media screen and (max-width:640px){
    .besides-slider .beside-post {
        height: 150px;
        max-width: 98%!important;
    }
}
/**/
.featured-entries-col .widget-image img{
    width: 100%;
}
.post-thumb > a {
    display: inline-block;
    line-height: 0;
    overflow: hidden;
}
.post-thumb img{
    width: auto;
}
.wrapper{
    background: transparent;
    padding: 0;
}
.site-header{
    background: #fff;
}
.top-header-section{
    background: #444444;
}
.header-latest-posts .bn-title {
    background: transparent;
    border-left: #232323 1px solid;
}
.header-latest-posts.bn-wrapper{
    border-right: 0!important;
}
.header-latest-posts{
    background: transparent!important;
    border-right: #535353 1px solid;
}
.bn-wrapper .bx-wrapper{
    z-index: 1
}
.socials a{
    padding: 10px 15px;
    border-left: #232323 1px solid;
    position: relative;
}
.socials{
    overflow: hidden;
}

.duper-bn{
    display: none;
}
.bn-title, 
.bn-content a {
    font-weight: 400;
}
/* HEADER-MENU */
.header-wrapper .menu > li.current-menu-item > a::before,
.header-wrapper .menu > li.current-menu-parent > a::before,
.header-wrapper .menu > li.current_page_parent > a::before,
.header-wrapper .menu > li.current_page_ancestor > a::before{
    height: 0!important;
}
/*home icon*/
.home-icon {
    float: left;
    height: 47px;
    margin-left: 0;
     margin-top: 0; 
 }
 .header-main-menu{
    position: relative;
 }
  .header-main-menu .icon-menu.search-icon-menu{
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    width: 50px;
    height: 47px;
    text-align: center;
    line-height: 47px;
    margin-right: 0;
    cursor: pointer;
  }
.menu-search-inner {
    padding: 5px;
    position: absolute;
    right: 0;
    top: 47px;
    z-index: 999;
}
 .acmethemes-nav ul li.menu-item-has-children::after{
    top: 45%!important;
 }
.header-wrapper #site-navigation{
    background: #444444;
    border: 0!important;
    min-height: auto;
    box-shadow: none;
}
.main-navigation ul li{
    border-left: #232323 1px solid;
    border-right: #535353 1px solid;
    height: auto!important;
    position: relative;
}
.header-wrapper .menu li a{
    line-height: 47px;
}
.menu-search-toggle{
    display: none;
}
.search-block{
    margin: 8px 0;
}
.site-footer .search-block input[type="text"] {
    background: transparent;
    border-radius: 0px;
    border: 1px solid #eee!important;
    color: #fff!important;
}
.search-block #searchsubmit{
    color: #fff!important;
    font-size: 15px;
}
.wrapper.content-wrapper {
    margin: 15px auto;
    padding: 20px;
    background: #fff;
}
.featured-desc .title{
    margin-bottom: 5px!important;
}
.widget-image{
    margin-bottom: 10px!important
}
.featured-desc .above-entry-meta, 
.featured-desc .below-entry-meta .cat-links a{
    border-radius: 0;
}
/* COMMON WIDGETS */
.widget-title{
    font-size:17px; 
    font-weight: 500;
    line-height: 24px;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    float: left;
    width: 100%;
}
.widget-title:before,
.page-header .page-title:before,
.single .entry-header .entry-title:before{
    bottom: 0;
    content: '';
    display: inline-block;
    left: 0;
    position: absolute;
    text-transform: uppercase;
}
.widget-title:before, 
.page-header .page-title:before, 
.single .entry-header .entry-title:before{
    width: auto;
}
.widget-title span{
    display: block;
    float: left;
    color: #fff;
    padding: 5px 10px;
    position: relative;
    z-index: 5;
}
.widget-title span:after {
    width: 40px;
    height: 100%;
    content: "";
    position: absolute;
    z-index: -1;
    transform: skew(30deg);
    top: 0;
    right: -20px;
}
/*SLider*/
.slider-details{
    padding: 0 10px 10px 10px!important;
}
/*sidebar*/
.secondary-sidebar {
    margin-top: 37px;
}
/*FOOTER*/
.footer-wrapper{
    border: 0!important;
    padding: 0!important;
}
.footer-wrapper .top-bottom{
    padding: 59px 0 0;
}
.footer-columns .footer-sidebar{
    padding: 0 15px;
}
.footer-wrapper .featured-entries-col .featured-post-main, 
.footer-wrapper .featured-entries-col .acme-col-3{
    padding: 10px 0;
    border-bottom: 1px dashed #595959;
}
 .footer-wrapper .featured-entries-col li.acme-col-3:last-child{
    border-bottom: 0!important;
 }
.footer-wrapper .footer-copyright{
    background: #232323;
}
.footer-wrapper .border {
    border: 0!important;
}
/*archive*/
article.post .post-thumb {
    float: none;
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
}
article.post .read-more, article.page .read-more {
    float: left;
}
article.post .entry-content {
    padding: 0 0 0 0;
}
/*single post*/
.single .single-feat {
    width: 100%;
    text-align: center;
}
.featured-entries-col li{
    list-style: none;
}