/*
Theme Name: Mission News Child
Theme URI: https://www.competethemes.com/mission-news/
Template: mission-news
Author: Compete Themes
Author URI: https://www.competethemes.com/
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. Mission News is also fully compatible with the new Gutenberg post editor. View the fully-setup live demo here: https://www.competethemes.com/demos/?theme=Mission+News
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
Version: 1.64.1756934777
Updated: 2025-09-03 21:26:17
*/

/*
 * This makes the container fluid, allowing the image inside to scale
 */
.header-logo-container {
    position: absolute;
    top: 10px;
    left: 8px;
    z-index: 99;
    /*
     * This is a fluid width based on the screen size, adjust as needed
     */
    width: 20vw;
}

/*
 * This ensures the image itself never goes outside its fluid container
 */
.header-logo-container img {
    width: 70%;
    height: auto;
    display: block;
}

/*
 * This makes the image responsive on even the smallest mobile screens.
 */
@media screen and (max-width: 400px) {
    .header-logo-container {
        width: 40vw; /* You can adjust this value to change the size on mobile */
    }
}
.site-title a {
    /* Set the font family to Times New Roman and make it bold */
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;

    /* Set the text color to red */
    color: red;

    /* Add a black stroke/outline to the text */
    -webkit-text-stroke: 1px black; /* For Webkit-based browsers (Chrome, Safari) */
    text-stroke: 1px black; /* Standard property */

    /* Add a drop shadow */
    text-shadow: 3px 3px 6px #000000;
}