/*
 Theme Name:   Mission News Child
 Template:     mission-news
 Author: 	   Compete Themes
 Version: 	   1.0
 Author URI:   https://www.competethemes.com
 Description:  This is a child theme used to customize the Mission News WordPress theme.
 License: GNU  General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
 
/* =Theme customization starts here
-------------------------------------------------------------- */


:root {
    --gray: #dcdcdc;
    --red: #900;
    --byline: #666;
    --black: #333;
}




.sun-events .post-header .post-title {
    font-size: 28px;
    font-style: normal;
    margin: auto;
    text-align: center;
}


.sun-events .post-date .meta-wrapper {
    display: none;
}



.srr-summary a {
    color: var(--red);
}

.srr-summary {
    color: var(--black);
    font-size: 16px;
    margin-top: -20px;
}


.srr-meta .srr-date {
    font-size: 12px;
    font-family: "Nunito Sans";
    color: var(--byline);
    text-transform: uppercase;
    margin-top: -11px;
    display: block;
}


.srr-title a {
    font-family: "Nunito Sans";
    font-size: 20px;
    color: black;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;

}


.srr-wrap .srr-item {
    margin-top: 20px !important;
    width: 100%;
        padding-top: 25px !important;
    border-top: 1px solid var(--gray);
}

.srr-title a:hover {
  
    color: var(--red);
}


.srr-wrap .srr-item {
    padding: 0;
}







.following-post {
    margin-top: 20px;
}

.columnist-list {
    margin-top: 20px;
}

img {
    max-width: 100% !important;
    height: auto;
}


.loop-container .entry:last-child {
    border-bottom: 0;
}


.sun-widget-title {
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    color: #900 !important;
    padding: 5px;
    font-size: 14px;
    background: #f3f3f3;
    text-transform: uppercase;
    margin: 0px 0 5px 0;
    display: block;
    text-decoration: none;
}


.sun-widget-title:hover {

    background: #bbb;
}


.sidebar-left .widget-title, .sidebar-right .widget-title {
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
    color: #900;
    padding: 5px;
    background: #f3f3f3;
    margin-bottom:5px;
}

a.widget-title {
    text-align: left; 
    display:block; 
    text-decoration: none;
}



a.widget-title:hover {
    text-align: left; 
    display:block; 
    text-decoration: none;
    background: #bbb;
}




.search-archive-wrapper {
  margin: 20px 0;
}

.search-archive-wrapper form.searchform {
  display: flex;
  margin-bottom: 20px;
}

.search-archive-wrapper input[type="text"] {
  flex: 1;
  padding: 5px;
  font-size: 16px;
}

.search-archive-wrapper input[type="submit"] {
  padding: 5px 10px;
  font-size: 16px;
}

.archive-dropdown {
  margin-top: 10px;
}

.archive-dropdown select {
  padding: 5px;
  font-size: 16px;
}



.following-post a {
    display:block;
    text-decoration: none;
    color: #333;
    padding-bottom: 10px;
}


.following-post p {
    margin: 0;
    padding:0;
}

.following-website-name {
    display:block;
    margin-top:2px;
    color: #666;
}




    .smaller-thumbnail {
        width: 100px;
        float: left;
    margin: 7px 10px 10px 0;
    }


.clear-both {
    clear: both !important;
}

.black {
    color: #333 !important;
}

.no-underline, .no-decoration {
    text-decoration: none !important;
}



.columnist-post-title {
    text-decoration: none !important;
    color: #333 !important;
}


.columnist-category-title {
    text-decoration: none !important;
    color: #333 !important;
    font-size: x-large !important;
    font-style: normal !important;
}




.columnist-separator {
    width: 100%;
    height: 1px;
    background: #dcdcdc;
    margin-bottom: 40px;
    margin-top: 40px;
}

.columnist-post-byline {
    margin-bottom: 17px;
}



.sun-columnist-photo {
    float:left;
    margin:0 15px 20px 0;
    border-radius: 50px;
    width: 70px;
    height: 70px;

    position: relative;
    top: -7px;

}


a.clear-both {
    display:block;
}



.hover-red:hover {
    color: #900 !important;
}






.sun-home-thumbnail {
    float: left;
    width: 150px;
    margin: 17px 17px 17px 0;
}


.continue-red {
    color: #a50000 !important;
    font-weight: bold;
    text-decoration: none;
}


.continue-red:hover {
    text-decoration: underline;
}



.legacy-photo-size {
    width: 250px !important;
    float: left;
    margin: 17px 15px 15px 0;
}





.post-excerpt {
    font-weight: normal !important;
}





.news-post {
    padding-bottom: 0.3em !important;
}




.homepage-left-column-boxes {
    background: #f3f3f35e;
    display: block;
    min-height: 100px;
    margin-top: 0;
    margin-bottom: 5px;
    border: 1px solid #f3f3f3;
}











/* Everything except mobile starts: 
============================================================================================================================================================= 
-------------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------- 


            oooooooooooooooooooooooooooooooooooooooooooooo
   ooo$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ooo
  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
 o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$o
 $$$$$   $$$"    "$$$$$"    "$     $     $  "$  $$$$$"    "$  "$  $$$
 $$$$"   "$$  $$oo$$$$$  $$oo$  $$$$  $$$$   "  $$$$$  $$  $   "  $$$
o$$$$  $  $$o    "$$$$$o    "$    $$     $      $$$$$  $$  $      $$$o
$$$$   o   $""$$  $$$$$""$$  $  $$$$  $$$$  o   $$$$$  $$  $  o   $$$$
$$$$  $$$  $o    o$$$$$o    o$     $     $  $o  $$$$$o    o$  $o  $$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$""""""""""""""""""""""""""""""""""""""$$$$$$$$$$$$""""""""""""$$$$
$$$$                                      "$$$$$$$$$$"           o$$$$
$$$$                                       "$$$$$$$$"           o$$$$$
$$$$                                        $$$$$$$$            $$$$$$
$$$$$$$$$$$$$           $$$$$$$$$            $$$$$$            $$$$$$$
$$$$$$$$$$$$$           $$$$$$$$$$            $$$$            $$$$$$$$
$$$$$$$$$$$$$           $$$$$$$$$$$           "$$"           $$$$$$$$$
$$$$$$$$$$$$$           $$$$$$$$$$$o           ""           o$$$$$$$$$
$$$$$$$$$$$$$           $$$$$$$$$$$$o                      o$$$$$$$$$$
$$$$$$$$$$$$$           $$$$$$$$$$$$$o                    o$$$$$$$$$$$
$$$$$$$$$$$$$           $$$$$$$$$$$$$$o                  o$$$$$$$$$$$$
"$$$$$$$$$$$$           $$$$$$$$$$$$$$$                  $$$$$$$$$$$$"
 $$$$$$$$$$$$           $$$$$$$$$$$$$$$$                $$$$$$$$$$$$$
 $$$$$$$$$$$$           $$$$$$$$$$$$$$$$$              $$$$$$$$$$$$$$
 "$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$"
  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
   """$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$"""
            """"""""""""""""""""""""""""""""""""""""""""""

============================================= */
@media only screen  and (min-width : 768px) {


.sun-main .featured-image img {
    width: auto;
       width: auto;
    max-width: 100%;
    margin: auto !important;
    display: block !important;
}


.home-featured-image .featured-image img {
    width: 100% !important;
}

.loop-container .entry:last-child {
    border-bottom: 1px solid #dcdcdc;
}


.home-featured-image {
    height: 264px;
}

.cover-square-image {
        position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}


.no-border-left {
    border-left: none !important;
}



    .home-grid-box {
        width: 50%;
        float: left;
        padding: 10px;
        height: 410px;
        display: block;
        border-left: 1px solid #dcdcdc;
        overflow: hidden;
        border-bottom: 1px solid #dcdcdc;
        margin-bottom: 0;
    }


    .hero-title {
        font-weight: 400;
        font-size: 32px;
        font-style: normal;
    }



    .menu-secondary-container {
        margin-top: 10px;
    }


    .site-header .social-media-icons {
        display: block;
        margin: 10px 0 0 0;
        padding: 0;
        float: right;
    }



.custom-logo {
 height: auto;
    width: 140px;
    margin-top: -24px;
}

    body {
        line-height: 1.25 !important;
    }
    .post-title {
        line-height: 1.25 !important;
        font-weight: bold;
        font-style: italic;
    }



    .opinion-col {
        width: 48%;
        display:inline-block;
        overflow:hidden;
        padding:10px;
        vertical-align: top;

    }


    .sun-page-header {
        text-align: center;
        padding: 0;
        padding-bottom: 20px;
        margin: auto;
    }

    .sun-page-header h1 {
        color: #900;
        font-weight: bold;
    }

    .sun-page-header small {
        color: #666;
        font-weight: normal;
    }



    .homepage-post-item:first-child {
      margin-top: -30px;
    }


    .site-header {
        padding-top: 0;
    }

    .menu-primary-container {
        border-top: 0;
    }







    .random-ad-container {
        margin-bottom: 0px;
    }





    /**
     * posts
     * ================================================================
     */



    .post-item {
      display: flex;
      gap: 15px;
    }

    .post-thumbnail img {
      max-width: 200px;
      height: auto;
      border-radius: 5px;
      margin-top:30px;
    }

    .post-header {
      margin-bottom: 0px;
    }

    .post-title {
      margin-top:0;
      font-size: 1.25em;
      color: #a50000;
    }

    .post-title a {
        margin-top:0;
      color: #a50000;
      text-decoration: none;
    }

    .post-title a:hover {
      text-decoration: underline;
    }

    .post-content {
      flex: 1;
    }

    .post-excerpt {
        margin-top: 10px;
      margin-bottom: 10px;
      color: #333;
    }

    .post-excerpt a {
      color: #a50000;
      text-decoration: none;
      font-weight: bold;
    }

    .post-excerpt a:hover {
      text-decoration: underline;
    }

    /**
     * posts ends
     * ================================================================
     */











    /**
     * homepage posts
     * ================================================================
     */


    .homepage-post-item  {
      display: flex;
      flex-wrap: wrap
      gap: 15px;
    }

    .homepage-post-item .post-thumbnail img {
      max-width: 200px;
      height: auto;
      border-radius: 5px;
      margin-top:30px;
    }

    .homepage-post-item .post-header {
      margin-bottom: 10px;
    }

    .homepage-post-item .post-title {
      margin-top:0;
      font-size: 1.25em;
      color: #a50000;
    }

    .homepage-post-item .post-title a {
        margin-top:0;
      text-decoration: none;
    }

    .homepage-post-item .post-title a:hover {
      text-decoration: underline;
    }

    .homepage-post-item .post-content {
      flex: 1;
    }

    .homepage-post-item .post-excerpt {
      margin-bottom: 10px;
      color: #333;
    }

    .homepage-post-item .post-excerpt a {
      color: #a50000;
      text-decoration: none;
      font-weight: bold;
    }

    .homepage-post-item .post-excerpt a:hover {
      text-decoration: underline;
    }


    /**
     * homepage posts ends
     * ================================================================
     */







    .opinion-col .post-col, .opinion-col .post-header, .opinion-col .post-content {
        margin-top: 0 !important;
    }






}  /* @media breakpoint - Everything except mobile ends */







/* Extra large devices only (1200px and up) 
============================================================================================================================================================= 
-------------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------
============================================================================================================================================================= */

@media only screen and (min-width : 1200px){



}  /* @media breakpoint - Extra Large only ends */






/* Large only (992px - 1200px) 
============================================================================================================================================================= 
-------------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------
============================================================================================================================================================= */

@media only screen  and (min-width : 992px) and (max-width : 1199.98px){




} /*  /* @media breakpoint - Large only ends  */


/* Medium only 
============================================================================================================================================================= 
-------------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------
============================================================================================================================================================= */

@media only screen and (min-width : 768px) and (max-width : 991.98px) {





}  /* @media breakpoint - Medium only ends */







/* Mobile only - Small and below (767px and down)
============================================================================================================================================================= 
-------------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------
 

                             .M
                                 .:AMMO:
                        .:AMMMMMHIIIHMMM.
              ....   .AMMMMMMMMMMMHHHMHHMMMML:AMF"
            .:MMMMMLAMMMMMMMHMMMMMMHHIHHIIIHMMMML.
                 "WMMMMMMMMMMMMMMMMMMH:::::HMMMMMMHII:.
            .AMMMMMMMHHHMMMMMMMMMMHHHHHMMMMMMMMMAMMMHHHHL.
          .MMMMMMMMMMHHMMMMMMMMHHHHMMMMMMMMMMMMMHTWMHHHHHML
         .MMMMMMMMMMMMMMMMMMMHHHHHHHHHMHMMHHHHIII:::HMHHHHMM.
         .MMMMMMMMMMMMMMMMMMMMMMHHHHHHMHHHHHHIIIIIIIIHMHHHHHM.
         MMMMMMMMMMMMMMMMMHHMMHHHHHIIIHHH::IIHHII:::::IHHHHHHHL
         "MMMMMMMMMMMMMMMMHIIIHMMMMHHIIHHLI::IIHHHHIIIHHHHHHHHML
          .MMMMMMMMMMMMMM"WMMMHHHMMMMMMMMMMMLHHHMMMMMMHHHHHHHHHHH
         .MMMMMMMMMMMWWMW   ""YYHMMMMMMMMMMMMF""HMMMMMMMMMHHHHHHHH.
        .MMMMMMMMMM W" V                         W"WMMMMMHHHHHHHHHH
       "MMMMMMMMMM".                                 "WHHHMH"HHHHHHL
       MMMMMMMMMMF  .                                         IHHHHH.
       MMMMMMMMMM .                                  .        HHHHHHH
       MMMMMMMMMF. .                               .  .       HHHHHHH.
       MMMMMMMMM .     ,AWMMMMML.              ..    .  .     HHHHHHH.
     :MMMMMMMMM".  .  F"'    'WM:.         ,::HMMA, .  .      HHHHMMM
     :MMMMMMMMF.  . ."         WH..      AMM"'     "  .  .    HHHMMMM
      MMMMMMMM . .     ,;AAAHHWL"..     .:'                   HHHHHHH
      MMMMMMM:. . .   -MK"OTO L :I..    ...:HMA-.             "HHHHHH
 ,:IIIILTMMMMI::.      L,,,,.  ::I..    .. K"OTO"ML           'HHHHHH
 LHT::LIIIIMMI::. .      '""'.IHH:..    .. :.,,,,           '  HMMMH:
HLI'"IIITMII::.  .         .IIII.     . '""""               ' MMMFT:::.
 HML:::WMIINMHI:::.. .          .:I.     .   . .  .        '  .M"'.....I.
 "HWHINWI:.'.HHII::..          .HHI     .II.    .  .      . . :M.',, ..I:
  "MLI"ML': :HHII::...        MMHHL     :::::  . :..      .'.'.'HHTML.II:
   "MMLIHHWL:IHHII::....:I:" :MHHWHI:...:W,,"  '':::.      ..'  ":.HH:II:
     "MMMHITIIHHH:::::IWF"    """T99"'  '""    '.':II:..'.'..'  I'.HHIHI'
       YMMHII:IHHHH:::IT..     . .   ...  . .    ''THHI::.'.' .;H.""."H"
         HHII:MHHI"::IWWL     . .     .    .  .     HH"HHHIIHHH":HWWM"
          """ MMHI::HY""ML,          ...     . ..  :"  :HIIIIIILTMH"
               MMHI:.'    'HL,,,,,,,,..,,,......,:" . ''::HH "HWW
               'MMH:..   . 'MMML,: """MM""""MMM"      .'.IH'"MH"
                "MMHL..   .. "MMMMMML,MM,HMMMF    .   .IHM"
                  "MMHHL    .. "MMMMMMMMMMMM"  . .  '.IHF'
                    'MMMML    .. "MMMMMMMM"  .     .'HMF
                     HHHMML.                    .'MMF"
                    IHHHHHMML.               .'HMF"
                    HHHHHHITMML.           .'IF..
                    "HHHHHHIITML,.       ..:F...
                     'HHHHHHHHHMMWWWWWW::"......
                       HHHHHHHMMMMMMF"'........
                        HHHHHHHHHH............
                          HHHHHHHH...........
                           HHHHIII..........
                            HHIII..........
                             HII.........
                              "H........
                                ......

                      W H A T - - M E   W O R R Y ? 



============================================================================= */



@media (max-width: 767.98px) {


.news-post {
padding-bottom: 1.3em !important;
margin-bottom: 1.5em;
}


    .post-title {
        font-weight: bold;
        margin-bottom: 4px;
    }

    .sun-page-header {
        padding-bottom: 22px; 
        margin-bottom: 25px;
        border-bottom: 1px solid var(--gray) !important;
    }

    .m-width-100 {
        width: 100% !important;
    }

    .m-clear-both {
        clear: both !important;
    }

    .m-padding-10 {
        padding: 10px !important;
    }

    .m-padding-top-0 {
        padding-top: 0 !important;
    }

    .m-padding-0 {
        padding: 0 !important;
    }

    .m-block {
       display: block !important;    
    }

    .footer-sun {
        margin-top: 30px !important;
        font-size: 13px !important;
        padding: 40px 20px 50px 20px !important;
    }

    .custom-logo {
        width: 170px;
    }


} /* @media breakpoint - Mobile Small only ends */




/* Small devices only (landscape phones, 576px and up)
============================================================================================================================================================= 
-------------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------
============================================================================================================================================================= */
@media (min-width: 576px) and (max-width: 767.98px) { 



}  /*  Small devices (landscape phones, 576px and up) ends



} /* breakpoint 



/* Extra small devices only (portrait phones, less than 576px) 
============================================================================================================================================================= 
-------------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------
============================================================================================================================================================= */
@media (max-width: 575.98px) { 

  

} /* Extra small devices ends (portrait phones) */