/*
Theme Name: Mission News (Child)
Template: mission-news
Author: Dimerchan Arthur
Description: For publishers on a mission. Mission News is a newspaper theme for publishers who want their content to be seen and heard. Premium-quality design adds credibility to every word you write, and a fully responsive layout ensures your site looks fantastic on every screen. The aesthetic is timeless and modeled after classic news sites like the New York Times. Use Mission News to setup a news site on any subject from health to finance. View the fully-setup live demo here: https://www.competethemes.com/demos/?theme=Mission+News
Version: 0.04
Tags: three-columns, left-sidebar, right-sidebar, custom-logo, custom-menu, featured-images, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog, entertainment, news
Text Domain: mission-news

Mission News WordPress Theme, Copyright 2018 Compete Themes
Mission News is distributed under the terms of the GNU GPL
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,423;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,423;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url("../mission-news/style.css");

@font-face {
    font-family: "Dynamo MN Bold";
    src: url("fonts/12646.otf") format("opentype");
}
body,
.widget_ct_mission_news_post_list .title,
h1, h2, h3, h4, h5, h6
{
    font-family: 'Roboto', monospace!important;
}
a{
    color: #666666;
}
.site-title a{
    font-family: 'Dynamo MN Bold';
}
p.tagline {
    font-style: normal;
}
.widget-area:not(.active-1):not(.active-2){
    display: block;
}

.title-container{
    text-align: left;
}
@media(min-width: 750px){
    
    aside#above-main > section:nth-child(1) {
        width: 67%;
        padding-left: 0px;
    }
    aside#above-main > section:nth-child(2) {
        width: 33%;
    }
    aside#above-main > section:nth-child(3) {
        width: 100%;
    }
}
aside#above-main > section:nth-child(3),
#widget_carousel_slider-4{
    height: 270px;
    overflow: hidden;
}
.widget-area:not(.active-1):not(.active-2) .widget:nth-child(3n - 1){
    border-right: none!important;
}
#ct_mission_news_post_list-2 li.post-item,
#ct_mission_news_post_list-3 li.post-item
{
    text-align: left;
}
section#widget_carousel_slider-2 {
    margin: 10px 0;
    border-top: solid 1px #DCDCDC;
    padding: 10px 0;
}
.archive-header h1{
    text-align: center;
    font-size: 1.5em;
}
.pagination{
    border-top: none!important;
}
.top-inner {
    font-weight: 700;
}

aside#under-media section ul li{
    text-align: left;
    padding-right: 10px;
    padding: 20px;
    cursor: pointer;
    margin-bottom: 0;
}
aside#under-media section ul li .bottom{
    display: none;
}
aside#under-media section ul li:nth-child(1) .bottom,
aside#under-media section ul li:nth-child(2) .bottom{
    display: initial;
}
aside#under-media .widget-title {
    text-align: left;
    margin-bottom: 12px;
    border-bottom: solid 1px #DCDCDC;
    padding-bottom: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #666666;
    font-size: 0.875em;
    letter-spacing: 0.03em;
}
aside#under-media section{
    border-bottom: solid 1px #DCDCDC;
}
a.more-articles {
    text-align: right;
    display: block;
    color: #212020;
    text-decoration: none;
    padding: 0 10px 10px;
    font-weight: 700;
    margin-top: 10px;
    font-size: 13px;
}
a.more-articles:after {
    content: '>';
    display: inline-block;
    margin-left: 5px;
}
/*a.carousel-slider__post-image {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}*/
/*a.carousel-slider__post-title {
    position: absolute;
    top: 50%;
    font-size: 12px;
    color: white;
    text-shadow: 0 0 2px black;
    text-decoration: none;
    text-align: left;
}*/
a.carousel-slider__post-title {
    font-size: 12px;
    text-decoration: none;
    text-align: left;
    color: black;
}
.carousel-slider__post-header footer {
    display: none;
}
.widget_ct_mission_news_post_list .style-1 .title{
    font-style: normal;
}
.carousel-slider__post-title  h2{
    font-weight: 700;
}
#widget_carousel_slider-2 .widget-title {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #DCDCDC;
}
#above-main .widget-title {
    font-size: 0.875em;
    line-height: 1.286;
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    color: #666666;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    text-align: left;
}
#widget_carousel_slider-2 .carousel-slider__post-title,
#widget_carousel_slider-4 .carousel-slider__post-title{
    margin: 12px;
}
#widget_carousel_slider-2 h2,
#widget_carousel_slider-4 h2
{
    font-size: 12px;
    max-height: 53px;
    overflow: hidden;
    line-height: 13px;
}
aside#above-main > section:nth-child(1) h2 {
    font-size: 30px;
}
.home section#main {
    display: block;
    padding-left: 15px;
}
aside#under-media section#widget_carousel_slider-4 {
    padding-bottom: 20px;
}
li.date-line.post-item .top-inner {
    font-weight: 500;
    font-size: 17px;
    color: grey;
    text-align: center;
}
span.news-time {
    display: table-cell;
    vertical-align: inherit;
    border-right: solid 5px transparent;
    color:grey;
}
span.news-title {
    display: table-cell;
}
div#menu-third{
    display: none;
}
p.tagline{
    letter-spacing: 2px;
    position: absolute;
    top: 3px;
    left: 50px;
    font-style: italic;
    font-size: 9px;
    display: block;
}
.site-title {
    font-size: 3em;
    line-height: 48px;
    margin-bottom: 0px;

}
.post-content {
    text-align: justify;
}
.menu-secondary-items a{
    font-weight: 700;
}
.footer-title-container{
    display: none;
}
#site-footer-widgets{
    margin-top: 0px;
    font-size: 11px;
}
#under-media .widget_ct_mission_news_post_list li.post-item {
    overflow: hidden;
}
aside#third-column {
    width: 22%;
    float: left;
}
@media (min-width: 62.5em){
    .under-media .excerpt{
        font-size: 0.8em;
    }
    .widget_ct_mission_news_post_list .style-1 .title {
        font-size: 1em;
        line-height: 1.1;
    }
    aside#under-media section ul {
        display: block;
        column-count: 2;
        height: 350px;
    }
    aside#under-media section ul li:nth-child(1), 
    aside#under-media section ul li:nth-child(2) {
        min-height: 50%;
    }
    aside#under-media section ul li{
        height: 25%;
    }
    div#loop-container {
        width: 100%;
    }
}
@media (max-width: 450px){
    aside#under-media section ul li{
        margin-bottom: 0;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    aside#under-media section ul li{
        margin-bottom: 0;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    aside#under-media section ul li:nth-child(1), 
    aside#under-media section ul li:nth-child(2) {
        
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #ct_mission_news_post_list-3 .widget-title{
        margin-top: 1.125em;
    }
}
@media (min-width: 62.5em){
    .site-title {
        font-size: 5.375em;
        line-height: 70px;
        margin-bottom: 15px;
 
    }
    p.tagline{
        letter-spacing: 3px;
        position: absolute;
        top: 0px;
        left: 105px;
        font-style: italic;
    }
}
@media (min-width: 50em){
    p.tagline{
        letter-spacing: 3px;
        position: absolute;
        top: 0px;
        left: 107px;
        font-style: italic;
        font-size: 1em;
    }
    .site-title {
        font-size: 5.375em;
        line-height: 70px;
        margin-bottom: 15px;
 
    }
}
@media (max-width: 385px){
    p.tagline{
        font-size: 6px;
        
    }
    .site-title{
        font-size: 2.7em;
    }
}
@media (max-width: 340px){
    p.tagline{
        font-size: 6px;
        left: 38px;
    }
    .site-title{
        font-size: 2.3em;
    }
}
@media (max-width: 320px){
    p.tagline{
        font-size: 6px;
        left: 38px;
    }
    .site-title{
        font-size: 2em;
    }
}