/**
Theme Name: Blogmag
Theme URI: 
Author: moralthemes
Author URI: https://moralthemes.com
Description: Blogmag is a WordPress theme that can be used to create a blog and magazine website. It is packed with all the essential features you need to build a website. It offers pre-made demo sites in which you can import them and get started on your own. The customization is based on WordPress live customizer. You can easily customize the theme without having prior knowledge of coding. Blogmag is super flexible and responsive. Its elegant design offers a user-friendly experience to the viewers. No matter the size and screen resolution, the theme can resize and looks perfect in all of them. It looks smooth and sophisticated, giving equal attention to your content being displayed. It is also cross-browser compatible and optimized for speed and performance.
Version: 1.0.0
Requires PHP: 5.6
Tested up to: 5.8
Requires at least: 5.0
Template: blogoholic
Text Domain: blogmag
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, right-sidebar, custom-background, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.widget_text a,
.widget_block a {
    text-decoration: underline;
}


.third-design .section-title {
    background-color: #fb3c3c;
}

.third-design .section-header {
    border-bottom: none;
    text-align: center;
    margin-bottom: 20px;

}
.slick-prev:before, [dir='rtl'] .slick-prev:before,
.slick-prev:before, 
.slick-next:before, [dir='rtl'] 
.slick-prev:before, [dir='rtl'] .slick-next:before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.slick-prev:before, 
.slick-next:before {
    color: #000 !important;
}
.site-branding {
    float: none;
    padding: 15px 0;
    display: flex;
    align-items: center;
    min-height: 100px;
    text-align: left;
    display: inline-block;
    width: 100%;
}
.third-design #masthead .site-advertisement {
    padding: 30px 0 30px;
    text-align: center;
}
.third-design #masthead .site-advertisement img {
    max-height: 80px;
}
.site-branding-wrapper {
    padding: 0;
    margin: 20px 0;
}
.third-design #masthead .main-navigation {
    width: 100%;
    text-align: left;
    position: relative;
    background-color: #fe463a;
}
#breaking-news {
    padding: 20px 0 0;
}
#breaking-news .slick-prev, 
#breaking-news .slick-next {
    background-color: transparent;
}
#breaking-news .news-title {
    font-size: 16px;
    background-color: #fe463a;
    color: #fff;
    display: inline-block;
    padding: 7px 18px;
    text-transform: uppercase;
    position: relative;
    min-width: 168px;
    line-height: 1;
    margin: 0 18px 0 0;
}
.breaking-news-item-wrapper .entry-title {
    margin-bottom: 0;
    padding: 0px;
    font-size: 16px;
    font-weight: 400;
}
.breaking-news-wrapper {
    background-color: #f6f6f6;
    padding: 15px;
    margin-bottom: 30px;
}
#breaking-news .slick-prev {
    left: auto;
    right: 40px;
}
#breaking-news .slick-next {
    right: 0;
}
#breaking-news .slick-prev, 
#breaking-news .slick-next {
    background-color: transparent;
}
.no-padding-bottom {
    padding-bottom: 0 !important;
}
#recent,
#art {
    position: relative;
}
#recent:after,
#art:after {
    background-color: transparent;
}
#subscribe-now .wrapper {
    position: relative;
}
.third-design #subscribe-now .section-title {
    background-color: transparent;
    padding: 0;
    font-size: 32px;
}
.third-design #subscribe-now .section-header {
    border-bottom: none;
    margin-bottom: 40px;
}
#inner-content-wrapper .read-more {
    margin-top: 60px;
    text-align: left;
}
#colophon .widget.widget_latest_post ul li a {
    text-decoration: none;
    color: #000;
}

.wrapper {
    width: 100%;
    max-width: 1600px !important;
    padding: 0px 30px;
}

#posts-banner {
    margin-top: 30px;
    margin-bottom: 0px;
}

.third-design .section-title {
    background: none;
    color: #000;
    font-size: 38px;
}
.ads-image {
    margin-bottom: 50px;
}
#page-site-header {
    padding-top: 30px;
}
#top-navigation .button-menu-toggle .icon-menu, 
#top-navigation .button-menu-toggle .menu-label {
    fill: #000;
    color: #000;
}
.button-menu-toggle.active svg.icon-close {
    display: block;
    fill: #000;
}
svg.icon-close, .button-menu-toggle.active svg.icon-menu {
    display: none;
}
.button-menu-toggle {
    border-radius: 0;
    min-height: 50px;
    line-height: 50px;
    display: block;
    position: relative;
    background-color: transparent;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.slick-prev:before, .slick-next:before, [dir='rtl'] .slick-prev:before, [dir='rtl'] .slick-next:before{
    background-image: none;
}


.third-design #editor-slider .section-header {
    text-align: left;
}

.third-design #editor-slider .section-title {
    padding: 10px 10px;
}

.menu-toggle {
    background-color: #fe463a;
}

@media screen and (min-width: 1900px){
    #top-navigation .main-navigation ul.nav-menu > li:nth-child(1) > a {
        padding-left: 0px;
    }
}

@media screen and (min-width: 1790px) { 
    .main-navigation form.search-form input {
        height: 54px;
    }
}

@media screen and (max-width: 1789px) { 
    .main-navigation form.search-form input {
        height: 64px;
    }
}

@media screen and (min-width: 767px) {
    #breaking-news .news-title {
        float: left;
    }
    .breaking-news-slider article {
        margin-top: 6px;
    }
    #editor-slider .slick-prev {
        right: 30px;
    }
}

@media screen and (min-width: 992px) {
    #masthead .site-advertisement {
        float: right;
    }

    .page-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #recent.page-section {
        padding-bottom: 0px;
    }
}

@media screen and (min-width: 1024px) {
    .site-branding {
        float: left;
        padding: 30px 0;
        display: flex;
        align-items: center;
        min-height: 100px;
        width: auto;
    }
    .entry-content, 
    .entry-content p {
        font-size: 18px;
        margin-bottom: 0;
    }
    #masthead {
        padding: 0;
    }
    .main-navigation ul.nav-menu {
        float: none;
    }
    #masthead .main-navigation ul.nav-menu li.current-menu-item > a, 
    #masthead .main-navigation ul.nav-menu > li > a:hover,
   #masthead .main-navigation > ul.nav-menu > li > a {
        color: #fff;
    }
    #masthead .main-navigation .nav-menu > li > a > svg.icon-down {
        fill:#000;
    }
    .third-design #masthead .main-navigation ul.nav-menu li.current-menu-item > a, 
    .third-design #masthead .main-navigation ul.nav-menu > li > a:hover, 
    .third-design #masthead .main-navigation ul.nav-menu > li > a:focus, 
    .third-design #masthead .main-navigation ul.nav-menu li:hover > a, 
    .third-design #masthead .main-navigation ul.nav-menu li.focus > a, 
    .third-design #masthead .main-navigation ul.sub-menu li:hover > a,
    .third-design #masthead .main-navigation ul.sub-menu li:focus > a {
        background-color: #000;
    }
    .third-design #masthead .main-navigation {
        width: 100%;
        display: block;
    }
    .main-navigation .social-menu-item .social-icons {
        padding: 4px;
    }
    #top-navigation .main-navigation ul {
        float: none;
    }
    .main-navigation li.social-menu-item {
        float: right;
    }
    .header-banner {
        display: block;
    }
    .main-navigation li:last-child {
        float: right;
    }
    .main-navigation form.search-form input {
        background-color: #222;
        border: none;
        color: #fff;
        padding: 0 45px 0 20px;
        border-radius: 0;
    }
    .main-navigation form.search-form button.search-submit {
        height: 64px;
    }
    .button-menu-toggle {
        display: none;
    }
}

@media screen and (min-width: 1200px) {
    .recent-wrapper,
    .lifestyle-wrapper,
     .fashion-wrapper.col-2 .hentry:first-child {
        margin: 0 -10px;
    }
    .editor-wrapper .slick-track {
        margin: 0px;
    }
}



@media screen and (max-width: 1023px) {
   .main-navigation .social-menu-item ul.social-icons {
        padding: 10px;
    }

    .site-branding {
        text-align: center;
        margin: 0px;
        border-bottom: none;
        padding: 0px;
        min-height: 0px;
    }
}