/*
 * Theme Name:  Newsreader Child
 * Theme URI:   https://newsreader.codesupply.co/
 * Description: Newsreader Child Theme
 * Author:      Code Supply Co.
 * Author URI:  https://codesupply.co/
 * Template:    newsreader
 * Version:     1.0.0
 */

/* Copy any classes from parent theme here. They will override the parent's version. */

.cs-entry__thumbnail-caption {
    /* display: none !important; */
    max-width: unset !important;
}

/* 
  #     #                         ######
  #     #  ####  #    # ######    #     #   ##    ####  ######
  #     # #    # ##  ## #         #     #  #  #  #    # #
  ####### #    # # ## # #####     ######  #    # #      #####
  #     # #    # #    # #         #       ###### #  ### #
  #     # #    # #    # #         #       #    # #    # #
  #     #  ####  #    # ######    #       #    #  ####  ######
*/

.cs-entry__post-meta .cs-meta-author-name {
    background: unset !important;
}

.home-hero .cs-entry__post-meta .cs-meta-author-name {
    margin-top: 1rem;
}

.home-hero .cs-hero .cs-entry__content {
    max-width: 40em;   
}

.home .cs-hero .cs-entry__thumbnail .cs-overlay-background:after {
    opacity: 1;
    background: rgba(0, 0, 0, .5);
    transition: .7s;
}

.home-posts .cs-entry__thumbnail {
    margin-bottom: 1rem;
}

 .home-posts .cs-posts-area article .cs-entry__title {
    margin-top: 1.5rem;
    margin-bottom: .5rem;

}

.home .cs-site {
    margin-bottom: 0 !important;
}

.home .cs-posts__numbered .post-categories li:not(:first-child) {
    display: none !important;
}

.desktop {
    display: none !important;
}

.sub-menu .cs-meta-date {
    display: none !important;
}

@media (min-width: 576px) {
    .desktop {
        display: none !important;
    }
    
}
@media (min-width: 992px) {
    .desktop {
        display: block !important;
    }
    
}

.cs-page__archive-count {
    display: none !important;
}


/*######                         ######
 #     #  ####   ####  #####    #     #   ##    ####  ######  ####
 #     # #    # #        #      #     #  #  #  #    # #      #
 ######  #    #  ####    #      ######  #    # #      #####   ####
 #       #    #      #   #      #       ###### #  ### #           #
 #       #    # #    #   #      #       #    # #    # #      #    #
 #        ####   ####    #      #       #    #  ####  ######  ####

*/

.post-template-default .cs-breadcrumbs-overlay {
    display: none;
}

.cs-breadcrumbs {
    display: none;
}

.post-template-default .cs-meta-author-avatar,
.post-template-featured-image-single .cs-meta-author-avatar {
    display: none !important;
}

.post-template-default .cs-entry__media-wrap.cs-overlay-ratio.cs-ratio-fullwidth {
    height: unset !important;
}

.post-template-default .cs-entry__media .cs-entry__header-content .cs-entry__title {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.cs-entry__media.video iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
}

.post-template-default .cs-entry__infobar {
    margin-top: unset;
    margin-bottom: unset;
}

.post-template-default .cs-sidebar__inner {
    /* margin-top: 6rem; */
}

.cs-read-next__grid .cs-entry__title {
    font-size: 1rem !important;
}

.post-template-default .is-style-cs-numbered-layout li > a, .is-style-cs-numbered-layout li .wp-block-latest-posts__post-title {
    font-size: 1rem;
    line-height: 1.3;
}

.post-template-default .entry-content .excerpt {
    /* margin-bottom: 5rem; */
}

.post-template-default .entry-content .olyticsPopupBR {
    margin-bottom: 5rem !important;
    border: 1px solid;
    padding: 2rem;
}


.post-template-featured-image-single .cs-entry__header .cs-overlay-background:after {
    opacity: .5 !important;
}



@media (min-width: 576px) {
    .post-template-default .cs-entry__media .cs-entry__header-content .cs-entry__title {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    
}

@media (min-width: 768px) {
	.single .entry-content {
		max-width: var(--cs-entry-content-width) !important;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (min-width: 992px) {
    .post-template-default .cs-entry__media .cs-entry__header-content .cs-entry__title {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    
    .post-template-default .cs-entry__media-wrap.cs-overlay-ratio.cs-ratio-fullwidth {
        height: 40em !important;
    } 
    
    .post-template-default .cs-entry__infobar {
        margin-top: 2rem;
        margin-bottom: 1rem;
    }
    
}

/*
##     ## ########  ######      ###    ##     ## ######## ##    ## ##     ##
###   ### ##       ##    ##    ## ##   ###   ### ##       ###   ## ##     ##
#### #### ##       ##         ##   ##  #### #### ##       ####  ## ##     ##
## ### ## ######   ##   #### ##     ## ## ### ## ######   ## ## ## ##     ##
##     ## ##       ##    ##  ######### ##     ## ##       ##  #### ##     ##
##     ## ##       ##    ##  ##     ## ##     ## ##       ##   ### ##     ##
##     ## ########  ######   ##     ## ##     ## ######## ##    ##  #######
*/

@media (min-width: 992px) {
        
    .cs-follow-active .cs-follow__dropdown {
        transform: translateX(0rem) !important;
    }
}

.omeda-button {
    background-color: #9a1a20;
    color: #ffffff !important;
    font-size: 1rem;
    font-weight: 700;
    padding: .5rem 1rem;
    margin-top: 1rem;
    display: block;
    width: fit-content;
    margin: 0 auto;
}

.alert-banner {
    width: 100%;
    height: 2rem;
    background-color: #325B74;
    color: #ffffff;
}

.alter-banner .inner-container {
    max-width: 1280px;
    margin: 0 auto;
}

.alert-banner a {
    text-decoration: none;
}

.alert-banner p {
 color: #ffffff;
 font-weight: 700;   
 text-decoration: none;
 display: block;
 width: fit-content;
 margin: 0 auto;
 padding-top:.3rem;
 font-size: .9rem;
}


.alert-banner  a:hover {
    color: #ffffff;
}
.cs-header__nav-inner > li > a { 
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.cs-mm__content .cs-entry__title {
    font-size: .9rem;
}

.cs-button.cs-header__custom-button.support {
    background-color: #ffffff;
    color: #9A1A20;
    border: solid 1px #9A1A20;
}

.cs-subscribe__description {
    line-height: 1.5 !important;
}

.cs-follow__toggle {
    padding-left: 1rem;
}

.cs-header__offcanvas-toggle {
    display: flex !important;
}

.widget_nav_menu .menu-item-has-children > a {
    font-weight: 900 !important;
    font-size: 1.1rem !important;
}

.cs-offcanvas .widget_nav_menu .red.menu-item a {
    color: #991A1F !important;
}

.cs-header__inner-mobile .cs-header__col > *:not(:first-child, .cs-header__offcanvas-toggle) { 
    margin-left: 4rem !important;
}

/*
########  #######   #######  ######## ######## ########
##       ##     ## ##     ##    ##    ##       ##     ##
##       ##     ## ##     ##    ##    ##       ##     ##
######   ##     ## ##     ##    ##    ######   ########
##       ##     ## ##     ##    ##    ##       ##   ##
##       ##     ## ##     ##    ##    ##       ##    ##
##        #######   #######     ##    ######## ##     ##
*/

.cs-footer li.hidden.menu-item-has-children > a {
    display: none !important;
}

.cs-footer-columns__nav {
    justify-content: space-evenly !important;
    row-gap: .5rem !important;
}

.cs-footer-columns__nav > li > ul {
 display: block !important; 
 padding-bottom: 1.5rem !important;
 border-bottom: solid 1px #E0E0E0;
}

.cs-footer-columns__nav > li > span {
    display: none !important;   
}

.cs-footer li a:hover {
    color: #991A1F !important;
}

a:hover {
    color: #991A1F !important;
}

.alert-banner a:hover {
    color: #ffffff !important;
}


.cs-footer__item-top-bar {
   border-bottom: none !important;
}

@media (min-width: 992px) {
    
    .cs-footer-columns__nav > li > ul {
        border-bottom: none;
    }
    
    .cs-footer__item-top-bar {
        border-bottom: solid 1px #E0E0E0 !important;;
     }
}