/**
Theme Name: Moral Magazine Lite
Theme URI: https://themepalace.com/downloads/moral-magazine-lite/
Author: Moral Themes
Author URI: https://www.moralthemes.com
Description: Moral Magazine Lite is a complete magazine theme excellent fit for news, magazines, blogs, publishing, and review sites. It provides plenty of unique features to make it a solid choice for your website, especially if your focus is on magazines or news. The theme helps you to display your content in a way that’s organized, attractive, and elegant. The theme is responsive and cross-browser which will make your site attractive and eye-catching in any browser and different variations of device screen sizes. Amazing, fast-loading modern magazines theme for personal or editorial use. This modern magazines theme has everything you may need to easily create a magazine website that stands out.
Version: 1.0.3
Requires PHP: 5.6
Tested up to: 5.9
Requires at least: 5.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: moral-magazine
Text Domain: moral-magazine-lite
Tags: two-columns, right-sidebar, custom-background, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, portfolio, 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.

Moral Magazine Lite is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v3 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
.   Second Design
--------------------------------------------------------------*/
body.second-design {
    background-color: #fff;
}
body.second-design , 
.second-design button, 
.second-design input, 
.second-design select, 
.second-design textarea {
    color: #1E2E4F;
}
.second-design .social-icons li a svg {
    fill: #1E2E4F;
}
.second-design .site-description,
.second-design .site-title a,
.second-design .posted-on a,
.second-design .byline a,
.second-design .post-categories a,
.second-design .entry-title a,
.second-design .trip-type a,
.second-design .comment a,
.second-design #secondary a, 
.second-design #secondary li, 
.second-design #secondary-sidebar a, 
.second-design #secondary-sidebar li,
.second-design #secondary .posted-on a, 
.second-design #secondary-sidebar .post-categories a,
{
    color: #000;
}

.second-design .main-navigation ul.nav-menu > li.home-icon > a > svg {
    fill: #fff;
}
.second-design #secondary .post-categories a {
    color: #fff;
}
.second-design .wrapper {
    width: 95%;
}

.second-design .post-categories a {
    text-transform: uppercase;
    font-size: 15px;
}
.second-design .post-categories {
    margin-bottom: 15px;
} 
.second-design .posted-on a:not(:last-child) {
    padding-right: 15px;
}
.second-design .posted-on a,
.second-design .comment a,
.second-design .trip-type,
.second-design .byline a {
    display: inline-flex;
    align-items: center;
}
.second-design .top-navigation-content p {
    margin: 0;
}
.second-design .top-navigation-content {
    float: left;
}
.second-design .top-navigation-container .entry-meta {
    margin-bottom: 0;
    float: right;
}

.byline a:before {
    background-image: url(assets/img/user.svg);
}

.second-design #top_navigation {
    border-bottom: 1px solid #7c7c7c99;
}
.second-design .top-navigation-container {
    padding: 10px 0;
}
.header-two input[type="search"] {
    border: unset;
    background-color: unset;
}
.header-two form.search-form button.search-submit {
    width: 50px;
    height: 50px;
}
.second-design .overlay {
    opacity: 0.4;
}
.second-design .post-categories a {
    color: #fff;
    background-color: #e6432a;
    padding: 4px 8px;
}
.second-design .post-categories a:hover,
.second-design .post-categories a:focus {
    background-color: #fff;
    color: #1E2E4F;
}
.second-design .section-title {
    font-size: 24px;
    position: relative;
}
.second-design .section-title, 
.second-design .widget-title, 
.second-design .widgettitle {
    background-color: unset;
    padding: 0;
    text-align: center;
    color: #1E2E4F;
}
.second-design .section-header, 
.second-design .widget-header {
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.second-design .section-title:before,
.second-design .section-title:after,
.second-design .widget-title:before,
.second-design .widget-title:after {
    content: "";
    background-color: #1E2E4F;
    width: 800px;
    height: 2px;
    position: absolute;
    top: 18px;
    right: 100%;
    margin-right: 15px;
}
.second-design .widget-title {
    position: relative;
}
.second-design .widget-title:before,
.second-design .widget-title:after {
    height: 2px;
    width: 300px;
    top: 14px;
    background-color: #1E2E4F
}

.second-design .section-title:after,
.second-design .widget-title:after {
    right: unset;
    left: 100%;
    margin-right: 0;
    margin-left: 15px;
}

.second-design .same-background {
    padding-top: 0;
}

.second-design .main-navigation ul.nav-menu > li.home-icon > a > svg{
    fill: #e6432a;
}

.site-title a:hover,
.site-title a:focus,
.byline .author a i:hover,
.byline .author a i:focus,
.second-design .entry-title a:hover,
.second-design .entry-title a:focus,
.second-design .byline a:hover,
.second-design .byline a:focus,
.second-design .posted-on a:hover,
.second-design .posted-on a:focus,
.second-design .posted-on a:hover:before, 
.second-design .byline a:hover:before,
.second-design .posted-on a:focus:before, 
.second-design .byline a:focus:before,
.second-design .trip-type a:hover,
.second-design .trip-type a:focus,
.second-design .comment a:hover,
.second-design .comment a:focus 
.second-design .trip-type a:hover,
.second-design .trip-type a:focus,
.second-design .trip-type:hover:before,
.second-design .trip-type:focus:before {
    opacity: 1;
    color: #e6432a !important;
}
.second-design .comment a {
    text-decoration: none;
}

#colophon .widget-title, #colophon .widgettitle {
    font-size: 22px;
}

.lite-version .hero-banner-post .post-categories a, .lite-version .post-categories a{
    color: #fff;
}

#magazine_pro_breaking_news_section .entry-title a ,
.lite-version .hero-banner-post .post-categories a:hover, 
.lite-version .hero-banner-post .post-categories a:focus, 
.lite-version .post-categories a:focus,
.lite-version .post-categories a:hover{
    color: #000;
}

.breaking-news-post {
    background-color: #ffffff;
    position: relative;
    border: solid 2px #000;
}

.wp-block-latest-posts a{
    text-decoration: none;
}

.site-description,
.site-title a {
    color: #fff !important;
}

.second-design .hero-banner-sidebar .section-title{
    font-size: 15px;
}

.hero-banner-sidebar ul li.active:after{
    bottom: 10px;
}

.second-design .hero-banner-sidebar .section-title:after,
.second-design .hero-banner-sidebar .section-title:before{
    content: none;
}

.search .entry-title,
.blog .entry-title,
.archive .entry-title{
    font-size: 24px;
}

.widget-title, .widgettitle{
    font-size: 18px;
}

.widget-area .widget .entry-title a {
    font-size: 15px;
}
.second-design .widget-header{
    text-align: left;
}

.wp-block-search__input{
    border: 1px solid !important;
}

.posted-on a,
.entry-meta > span{
    font-size: 15px;
}

.lite-version #colophon .entry-meta > span:not(:first-child):before,
.lite-version #colophon .entry-meta > span {
    color: #fff;
}

.lite-version button.menu-toggle:focus,
.lite-version button.menu-toggle:hover {
    background-color: #000;
}
.lite-version button.menu-toggle.active:focus,
.lite-version button.menu-toggle:focus {
    border: 4px solid #f00;
    position: relative;
    z-index: 4;
}
.lite-version svg.icon-close {
    fill: #fff;
}

@media screen and (max-width: 567px){
    #magazine_pro_you_may_have_missed_section article:not(:last-child) {
        margin-bottom: 20px;
    }
    #magazine_pro_hero_banner_section .hero-banner-post article {
        width: 100%;
    }
}

@media screen and (min-width: 1025px){
    #page-site-header .page-title {
        font-size: 48px;
    }

    .site-title {
        font-size: 32px;
    }
}

@media screen and (min-width: 1900px){
    #magazine_pro_breaking_news_section .entry-title a,
    .widget-area .widget .entry-title a {
        font-size: 16px;
    }

    .aft-ripple {
        height: 70px;
        width: 60px;
    }

    #magazine_pro_breaking_news_section .news-title {
        padding: 27px 16px 29px 70px;
    }   

    #colophon ul li a {
        font-size: 16px;
    }
}