/* 
Theme Name: CoverNews Child 
Theme URI: http://yourdomain.com
Description: CoverNews Child
Theme Author: Skaht/Cj
Author URI: http://yourdomain.com
Template: covernews 
Version: 1.0.0
Text Domain: covernews-child
License: GNU General Public License or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
*/

/* GLOBAL */
body.page  {background-color: #F4F4F4;}
body {font-size: 12px; font-family: 'Lato', sans-serif; }
body.default .entry-header-details .post-excerpt p a, body.dark .entry-header-details .post-excerpt p a, body.default .comment-content a, body.dark .comment-content a, .widget_text a:not([class]), .entry-content > [class*="wp-block-"] a:not([class]), .entry-content > ul a:not([class]), .entry-content > ul a:not([class]):visited, .entry-content > ol a:not([class]), .entry-content > ol a:not([class]):visited, .entry-content > h1 a:not([class]), .entry-content > h1 a:not([class]):visited, .entry-content > h2 a:not([class]), .entry-content > h2 a:not([class]):visited, .entry-content > h3 a:not([class]), .entry-content > h3 a:not([class]):visited, .entry-content > h4 a:not([class]), .entry-content > h4 a:not([class]):visited, .entry-content > h5 a:not([class]), .entry-content > h5 a:not([class]):visited, .entry-content > h6 a:not([class]), .entry-content > h6 a:not([class]):visited, .entry-content > p a:not([class]), .entry-content > p a:not([class]):visited {
  color: #ff3d0d; } /* link color */

/* link colors */
a, a:hover, a:visited {color: #ff3d0d; /*color: #990000;*/ text-decoration: none !important;}
a:hover {text-decoration: underline !important;}
/* Accordion */
.faq-question a:link {  color: #ff3d0d; }

/* header */ 
.masthead-banner {padding: 10px 0px;}

/* main navigation */
.breadcrumb-trail .trail-item {font-family: 'Roboto Slab', courier, serif; /*font-size: 15px;*/}
.em-breadcrumbs {
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    padding: 16px 0px 8px 0px;
    border-bottom: 1px solid darkgray;
    /*margin-bottom: 15px;*/
    margin-bottom: 30px;
}

.main-navigation {background: #ff3d0d;}
.main-navigation .menu-item a:hover {text-decoration: none;}
.main-navigation .menu ul.menu-desktop > li {margin-right: 15px}
.main-navigation .menu ul.menu-desktop > li > a {padding: 20px 0px 20px 0;} /* Set this as default, spread out in wider cases */
.main-navigation ul>li.current-menu-item>a:after,
.main-navigation ul>li:hover>a:after {  } /* keep this */
.main-navigation ul>li>ul>li>a:after {
    display: none;
}
.main-navigation ul>li>a:after {
    background-color: #fff;
    content: '';
    height: 2px;
    position: absolute;
    bottom: 13px;
    left: 0;
    margin: 0 auto;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: width .2s ease;
    -moz-transition: width .2s ease;
    -o-transition: width .2s ease;
    transition: width .2s ease;
}

.main-navigation .menu ul li a {
    text-rendering: optimizeLegibility;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.2px;
}

#secondary, #secondary.sidebar-sticky-top {padding-left:30px; padding-right: 15px;}
.widget-area .covernews-widget p {margin: 0px;} /* set the sidebar hard-coded p tag to no padding */

/* Make horizontal rule less heavy */
.wp-block-separator {border: 0; border-bottom: 1px solid #999999;}

/* home page */
#post-contents-home {max-width: 1200px; width: 100%; padding: 0px; clear: both; color: #444444;}
#home-padding {padding: 20px 0 0px 10px; clear: both; color: #444444;}

#home-spotlight {width: 100%; max-width: 1200px; background-size: cover !important;  padding-top: 219px; padding-bottom: 30px; }
#home-text-box {background: url('images/bkg_60.png'); padding: 6px 20px 0px 10px; max-width: 620px;}
#home-text-box h1 {color: white; font-size: 38px; line-height:40px; margin: 0px; padding: 0px; font-weight: bold;}
#home-text-box h2 {color: white; font-size: 14px; line-height:22px; margin: 0; padding: 10px 0 10px 0; font-family: 'Latoitalic', sans-serif; font-style: italic;}

#home-grid {clear: both; margin-top: 10px}
.home-block {float: left; padding: 5px 3px 5px 3px; display: block; width: 31.2%; font-family: 'Lato', sans-serif;}
.home-block h2 {font-size: 29px; font-weight: 700; color: #444444; line-height: 27px; }
.home-block h3 {line-height: 21px; padding-top: 5px; padding-bottom: 5px;}
.home-block h3.link-icon { margin-top:-20px; /*padding-right: 25px; background: url('images/icon_arrow_circle.png') no-repeat right;*/ }
.home-block a:link, .home-block a:visited {color: #6c2a7b; }
.home-block a:hover { text-decoration: none !important;}

.column-right { float: right; width: 255px; right: 0px; top: 0px; }
.column-right p {padding: 0px 0px 5px 15px; margin: 0px;}
.column-right h2 {padding: 0 0 6px 15px; margin: 0px;}

.wp-block-separator {clear:both; margin: 10px 0px;}

/* Poached from original Helpfight theme for home page boxes and modified for modular stacking: */
.rule2 {clear: both; margin: 10px 10px 5px; padding: 30px; background: url('images/rule2.png') repeat-x center;}
.rule2:last-of-type {display: none;}


/* STOP iOS from styling everything */
input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox {-webkit-appearance: none !important; border-radius: 0 !important;}

.wpcf7-submit {background-color: #ff3d0d; color: white; padding: 6px 12px 5px 12px; font-weight: 700; font-family: 'Lato', sans-serif; cursor: pointer;}
.wpcf7-submit:hover {background-color: #666666;}
textarea {width: 330px; color: #3d3d3d;}

.secondary-color, button, input[type="button"], input[type="reset"], input[type="submit"], .site-content .search-form .search-submit, .site-footer .search-form .search-submit, .tagcloud a:hover {
  background: #ff3d0d;   color: #fff;}


::-webkit-input-placeholder {   color: #2f3030;  }
:-moz-placeholder { /* Firefox 18- */     color: #2f3030;  }
::-moz-placeholder {  /* Firefox 19+ */     color: #2f3030;  }
:-ms-input-placeholder {     color: #2f3030;  }

/* Preserved from old theme
.bio-block {clear: both; margin: 15px 0 20px 0; display: block;}
.bio-block img {float: left; padding: 0 20px 20px 0; }
.bio-text {}
*/

/* Rebuilt for new theme, this should be done in WP blocks */
.bio-block {clear: both; margin: 15px 0 20px 0; display: block;}
.bio-block img {float: left; padding: 0 20px 20px 0; width: 30%; }
.bio-text {float: left; width: 70%; margin-bottom: 20px;}
.bio-text h1, .bio-text h2, .bio-text h3 {margin-top: 0; padding-top: 0; font-family: 'Roboto Slab', courier, serif;}
.bio-text h2 {font-size: 15px;}
.bio-text h3 {font-size: 16px;}

.thumblink {clear: both; margin: 0px; padding: 0px; display: block;}
.thumblink img {position: absolute; padding-top:5px;}
.thumblink h3 {padding-left: 160px; display: block;}
.thumblink p {padding-left: 160px; margin-bottom: 28px;}

/* hide the recaptcha badge */
.grecaptcha-badge {display: none;}

/* PAGE CLASSES */

/* hide the default H1's as the site doesn't use them! */
.entry-header {display: none;}

h1 {
font-family: 'Roboto Slab', courier, serif;
font-size: 23px;
font-weight: 400;
}

.thumblink h3 {padding-left: 160px; display: block; font-family: 'Roboto Slab', courier, serif; font-size: 17px;}

.entry-content-wrap {
    font-size: 16px;
    line-height: 1.6em;
}


.exclusive-posts,
.editors-picks-carousel .slick-slide .carousel-image,
.af-main-banner .tabbed-container ul.article-tabbed-list .base-border,
.trending-posts-vertical-carousel .slick-slide .carousel-image, 
.trending-posts-carousel .slick-slide .carousel-image,
.archive-layout-list,
.latest-posts-full .entry-header-image-wrap,
.trending-posts-vertical-carousel .slick-slide .carousel-image,
.spotlight-post,
.single-column-posts,
article .entry-content-wrap, 
article .comments-area, 
article .em-posts-promotions .widget,
.covernews_tabbed_posts_widget .align-items-center,
#secondary .wp-block-archives-list.wp-block-archives,
#secondary .wp-block-latest-posts.wp-block-latest-posts__list,
#secondary .wp-block-categories-list.wp-block-categories,
#secondary .posts-author-wrapper,
#secondary .widget .widget-title + ul,
#secondary .widget .menu,
#secondary .widget .wp-block-latest-comments,
#secondary .widget .wp-block-search .wp-block-search__inside-wrapper,
#secondary .widget .search-form,
#secondary .widget .wp-block-tag-cloud {
    box-shadow: none;
    /* box-shadow: 0px 1px 2px rgb(0 0 0 / 5%); disable box shadow from parent */
}

.hentry {
    margin: 0 0 45px 0; /* padding after content before footer */
}

/* Stories Page */
.stories-page .post-thumbnail img {max-width: 460px;}
.post-thumbnail img {padding-left: 15px; padding-right: 15px;}

/* Images */
p img {padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 0 0 2px 12px; display: inline; }
img.alignleft { margin: 0 12px 2px 0; display: inline; clear: left;}
.alignright { float: right; }
.alignleft { float: left; }

/* Limit image widths class */
.mapwidth {max-width: 400px;}

/* End Images */

/* banner bottom */
/*#banner-bottom {clear: both; margin: 0 0 20px 10px; height: 40px; padding: 12px 0 8px; background:url(images/banner_bottom_swap.gif) no-repeat 0 0; text-align:center; position:relative; top:20px; background-color:#6b2a7b}
#banner-bottom {clear: both; margin: 0 0 20px 10px; height: 0px; padding: 0px; background:url(images/banner_bottom_swap.gif) no-repeat 0 0; text-align:center; position:relative; top:20px; background-color:#6b2a7b; overflow:hidden;}
a div#banner-bottom, a div#banner-bottom:hover {color:#ffffff; font-size:26px; font-weight:bold; font-family: 'Roboto Slab', courier, serif;}
#volunteer {text-decoration:none;}
#banner-bottom:hover {background-position:0 -60px; background-color:#ef4323}

/* banner bottom */
#banner-bottom {clear: both; margin: 0 10px 20px; height: 60px; padding: 12px 0 8px; /*background:url(images/banner_bottom_swap.gif) no-repeat 0 0;*/ text-align:center; position:relative; top:20px; background-color:#ff3d0d}
/*#banner-bottom {clear: both; margin: 0 0 20px 10px; height: 0px; padding: 0px; background:url(images/banner_bottom_swap.gif) no-repeat 0 0; text-align:center; position:relative; top:20px; background-color:#6b2a7b; overflow:hidden;}*/
a div#banner-bottom, a div#banner-bottom:hover {color:#ffffff; font-size:26px; font-weight:bold; font-family: 'Roboto Slab', courier, serif;}
#volunteer {text-decoration:none !important;}
#banner-bottom:hover {background-position:0 -60px; background-color:#5b5b5b;}
a div#banner-bottom, a div#banner-bottom:hover {color: #ffffff; font-size: 26px; font-weight: bold; font-family: 'Roboto Slab', courier, serif; -webkit-font-smoothing: antialiased;}

/* No longer displaying underline swoosh
#banner-bottom:hover .ctaUnderline:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 695px;
  height: 18px;
  width: 200px;
  border: solid 3px #ff0000;
  border-color: #cb1829 transparent transparent transparent;
  border-radius: 0 80%;
}
*/

/* Footer */

/* footer */
#footer-wrapper {width: calc(100vw - 9px); position:relative; left: calc(-50vw + 50%); background-color:#e4e4e4;} /* Width prevents horizontal scroll >1200 px */
#footer { padding: 0; margin: 0 auto; max-width: 1200px; clear: both; }
#footer p { margin: 0; padding: 20px 0; text-align: center; }


/*#footer {max-width: 960px; height: 260px; background: url('images/bkg_footer_stripes_new.gif') repeat-x 0px 10px #e2e3e4; padding: 80px 0 0; text-align:center;}*/
#footer {max-width: 1200px; /*height: 360px;*/ padding: 75px 0 35px; text-align:center;}
#social-icons-footer { max-width: 1200px; text-align: center; margin: 0px auto;}
.social-icon {width: 32px; margin: 0 8px;}
.menu-footer-menu-container {max-width: 1200px; text-align: center;}
.menu-footer-menu-es-container {margin-right:30px; text-align: center;}
#footer .menu ul {cursor: default; list-style-type: none; list-style: none; margin: 0px auto; padding: 0px; }
#footer .menu li {display: inline; height: 19px; list-style: none; padding: 0px 7px 12px 7px; margin: 0px; font-family: 'Lato', sans-serif; font-size: 12px; }
#footer .current-menu-item a {color: #ff3d0d !important; border-bottom: 3px solid #ff3d0d; padding-bottom: 5px;}
#footer .menu a:link { color: #66665b; font-weight: bold; text-decoration: none;}
#footer .menu a:visited { color: #66665b; font-weight: bold; text-decoration: none;}
#footer .menu a:hover {text-decoration: none !important; border-bottom: 3px solid #ff3d0d; padding-bottom: 5px;}
#menu-footer-menu {margin:30px 15px 0 !important; padding-inline-start:0px; padding-left:0px;}

#tagline-footer {font-family: 'Roboto Slab', courier, serif; font-weight: 700; font-size: 24px; max-width: 1200px; text-align: center; padding: 20px 0 20px; color: #434444; }

#footer-logos {width: 90vw; max-width:1100px; margin:0 auto; padding-top: 35px; text-align:center; padding-right:90px;}
#footer-bridge-logo img {width:119px; height:49px;}
#footer-helpfight-logo, #footer-p2p-logo {margin:5px 0 2px;}
#footer-helpfight-logo {width:153px; height:16px; margin-left:30px;}
#footer-credits {clear: both; margin:20px 0 20px;}

#footer-left-stack {float:left; text-align:right; width:30%;}
#footer-center-stack {float:left; text-align:center; width:38%;}
#footer-right-stack {float:left; text-align:left; width:30%;}
#footer-science {padding:10px 0 0 0; height: 43px;}
/*
#footer-bridge-logo {}
#footer-science {width: 180px; height: 33px; padding:0 0 10px 90px;}
#footer-bridge-logo {float:left;}
#footer-science {float:right; padding:10px 0 0 0; height: 33px;}
*/


#copyright {clear: both;font-size: 11px; max-width: 1200px; text-align: center; padding: 40px 0 0 0; color: #5a5c5c; font-weight:bold;}



/* Additional Responsive Edits */
.attachment-post-thumbnail {width:100% !important; height:100% !important;}
.parent-pageid-9 .attachment-post-thumbnail {max-width:460px; max-height:285px; background-color:#fff !important;}

/* mobile rules */
@media screen and (max-width: 1260px) {
    /*#headerlogo {padding: 10px 0px 20px 20px;}*/
    #header-wrapper {max-width:1260px;}
    #headerlogo {padding: 10px 0px 20px 20px;}
    .menu-top-nav-container {margin-left: 30px;}
	#banner-bottom:hover .ctaUnderline:after {left: calc(53% + 75px);}
}

@media screen and (max-width: 1200px) {
    /* No longer have to compensate for wider-than site areas */
    /* #header-wrapper, .n2-ss-align, #footer-wrapper {width:100%; left:0;} */
    /*.menu-top-nav-container {margin-left: 20px;}*/
}

@media screen and (max-width: 964px) {
/* moved to 959 */
}

@media screen and (min-width: 960px) {
    #llarge {display: inline; width:138px; height:61px;}
    #lsmall {display: none;}   
}

@media screen and (max-width: 959px) {
    .boxsplit {display: none;}
    #home-padding {width:640px; margin:0 auto;}
    
    /* Center footer logo and credits */
    #footer-logo {float: none; width:72px; padding:0; margin:0 auto;}
    #footer-credits {float: none; padding: 5px 0px; text-align:center; width:100%; margin-top:5px; margin-bottom:50px;}
    #nav/*, #footer_menu_hide*/ {display: none;}
    #footer_menu_hide {line-height:26px;}
    #social-icons {padding: 4px 110px 0 0;}
    #page {margin-top: 0px;}
    /*#header {background-color: #6c2a7b; padding-top: 8px;}*/
    #headerlogo {margin:20px 0 0 0px;}
    #lsmall {display: inline; width:90px; height:40px;}
    #llarge {display: none;}
    
    .responsive-menu-subarrow {border-bottom:1px solid;}

    #footer-logos {padding-right:0px;}
    #footer-helpfight-logo {margin-left:0px;}
    
    #footer-left-stack {float:left; text-align:right; width:44%; padding-right:5%;}
    #footer-center-stack {float:left; text-align:left; width:44%; padding-left:5%;}
    #footer-right-stack {float:none; text-align:center; margin:60px auto 0; width:90%;}

    #copyright {margin:0 30px; padding:0}
}

@media screen and (max-width: 768px) {
    #longCallToAction {display: none;}  /* Shorten length of call to action text */
    /* #banner-bottom {padding-left: 30px;} */
	#banner-bottom:hover .ctaUnderline:after {left: calc(50% - 100px);}
	#banner-bottom {padding-left: 0px;}
    .covernews-breadcrumbs {padding-left: 25px;} /* force padding on breadcrumbs at narrower breakpoints */
    /*.social-icon {display:none;} Do NOT Hide Social Icons */
    .post-thumbnail.full-width-image {margin: 0 -15px;} /* Permit featured image to be full width on mobile devices */
}

@media screen and (max-width: 720px) {
    #post-contents {width: 95%;}
    #sidebar {float:none; margin:15px auto; width:650px;}
    .shortcode_widget {float:left; margin-right:10px !important;}
    
}

@media screen and (max-width: 660px) {
    #home-padding {width:320px; margin:0 auto;}
    .shortcode_widget {float:none; margin-right:0px !important;}
    #sidebar {float:none; margin:15px auto; clear:both; width:310px;}
    
    .bio-block {clear: both; margin: 15px 0 0px 0; display: block; padding-bottom: 10px;}
    .bio-block p {display: none;}
    .bio-block img {clear: both; float: none; padding: 0 0px 10px 0; }
    .bio-text p {display: block}
    
    #footer-left-stack {float:none; text-align:center; margin:30px auto 0; width:90%; padding:0}
    #footer-center-stack {float:none; text-align:center; margin:20px auto 0; width:90%; padding:0}
    #footer-right-stack {float:none; text-align:center; margin:35px auto 0; width:90%;}
}

/* Force sticky nav for hamburger view */
@media screen and (max-width: 991px) {
    body.scrollup-sticky-header.admin-bar .aft-sticky-navigation.nav-up, body.scrollup-sticky-header .aft-sticky-navigation.nav-up {
       transform: translateY(0);
    }
    .masthead-banner {display: none;}

    /* hard coded logo */
    #logo-mobile {width: 100%; padding: 20px; }  
    #logo-mobile img {width: 275px;} 
}

/* Fix positions skewered by Bootstrap */


/* Bootstrap container size overrides */
@media screen and (min-width: 769px) {
    .container {
        width: 100%;
        max-width: 1260px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .covernews-breadcrumbs {padding-left: 15px;} /* force padding on breadcrumbs at narrower breakpoints */
}

@media screen and (min-width: 992px) {
    /*.post-thumbnail,*/ .site-branding {padding-left: 15px;}

    #logo-mobile {display: none;} /* hide the hard coded logo on screens bigger than 960 */
}

@media screen and (min-width: 1025px) {
    .main-menu {padding-left: 15px;}
    .main-navigation .menu ul.menu-desktop > li > a {padding: 20px 0px 20px 0;}
    .main-navigation .menu a:hover {text-decoration: none !important;}
}

@media only screen and (max-width: 991px){
    #secondary {
        margin: 0 15px;
    }
    .custom-logo-link > img {
        content: url("images/logo_white.png");
    }
}