/**
 *
 * Diff between LD and Newsletter
 * 
 */
 

/* variables
	 ========================================================================== */
:root {
    --bs-primary: #ff0000; /* used to highlight issues /**/
    --bs-primary-rgb: 255,0,0; /* used to highlight issues /**/
    --bs-font-sans-serif: Impact, "Arial Black"; /* used to highlight issues /**/
    
    --green: #50b848;
    --green-dark: #076746;
    --blue: #005cab;
    --blue-medium: #00a4e4;
    --grey: #6a737b;
    --grey-light: #aab3bb;
    --green-light: #c1d82f;
    --green-pale: #dceedb;
    
    --gradient-green: linear-gradient(140deg, #4aad48 0%, #348f43 70%);
    --gradient-green-dark: linear-gradient(140deg, #0a6d08 0%, #147f33 70%);

    --family-Gotham: "Gotham A", "Gotham B", "Open Sans", Arial, Helvetica, sans-serif;
    --family-GothamNarrow: "Gotham Narrow A", "Gotham Narrow B", "Open Sans", Arial, Helvetica, sans-serif;
    --family-GothamUltra: "Gotham A", "Gotham B", "Arial Black", "Arial Bold", Gadget, sans-serif;

    --weight-GothamBook: 400;
    --weight-GothamMedium: 500;
    --weight-GothamBold: 700;
    --weight-GothamUltra: 900;
    --weight-GothamNarrowMedium: 500;
    
    --fontsize-buttontext: 12px;

    --width-centercolumn: 1280px;
    
    --boxshadow: 3px 1px 7px rgba(0,0,0,0.25);
    --boxshadow-hover: 0px 0px 7px rgba(0,0,0,0.5);
    
    --button-borderradius: 4px;
}


.btn, 
a.wp-block-button__link, 
a.wp-element-button, 
input.gform-button, 
input.gform_button {
	border: 0;
	outline: 0;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 1.0em;
	font-weight: var(--weight-GothamMedium);
	background-image: var(--gradient-green);
	border-radius: var(--button-borderradius);
	box-shadow: var(--boxshadow);
	transition: all 350ms ease-in-out;
}
.btn:hover, 
a.wp-block-button__link:hover, 
a.wp-element-button:hover, 
input.gform-button:hover, 
input.gform_button:hover {
	background-image: var(--gradient-green-dark);
}

div.header-search-wrapper {
    margin-top: -50px;
}
 
body.home div.featured-slider-two,
body.single-issue div.featured-slider-two {
    display: none;
}

div.coverissue {
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
a.coverhero {
    display: block;
}

div.coverimage {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 300px;
}
div.covercontent {
    background-image: var(--gradient-green);
    color: #ffffff;
    text-align: center;
    padding: 20px 0px;
    margin-bottom: 40px;
}
div.covertitle {
    font-size: 2.0em;
    text-transform: uppercase;
    font-family: var(--family-Gotham);
    font-weight: var(--weight-GothamBook);
    margin-bottom: 14px;
}
div.coversubtitle {
    font-size: 1.0em;
    font-family: var(--family-Gotham);
    font-weight: var(--weight-GothamBook);
    padding: 0px 20px;
}

.post-headingandexcerpt {
    overflow: hidden;
    height: 150px;
}
.posts-loop .grid-item article {
    text-align: left;
    height: 375px;
}
.post-excerpt p {
    padding-bottom: 0px;
    margin-bottom: 10px;
}
div.post-label {
    display: block;
    position: static;
}
span.post-label-category {
    display: inline-block;
    background-color: transparent;
    padding: 0px;
}
span.post-label-category a {
    color: #6a737b;
    line-height: 1.5em;
}
span.post-label-category a:hover {
    color: var(--green);
}

figure.post-image div {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: top center;
}

a.issuethumb-placeholder {
    display: block;
    height: 162px;
    background-color: #f8f8f8;
}


header.entry-header {
}
div.single-hero {
    overflow: auto;
    height: 300px;
}
/*
body.archive header.entry-header {
    border-bottom: 2px solid var(--green);
    padding-bottom: 40px;
    margin-bottom: 40px;
}
/**/
div.single-herocontent {
    float: left;
    width: 50%;
    height: 100%;
    background-image: var(--gradient-green);
    color: #ffffff;
}
body.archive div.single-herocontent,
body.search div.single-herocontent {
    background-image: none;
    color: #000000;
}
div.single-herotitle,
div.single-heroexcerpt,
div.single-heroissue,
div.single-herocategory,
div.single-herolearnmore {
    padding-left: 20px;
    padding-right: 20px;
}
div.single-herotitle {
    padding-top: 20px;
    padding-left: 0px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
body.archive div.single-herotitle,
body.search div.single-herotitle {
    padding-top: 0px;
    padding-left: 20px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
div.single-herotitle-line {
    width: 50px;
    border-top: 3px solid var(--green);
}

div.single-herotitle h1,
div.single-herotitle h1 a {
    font-family: var(--family-Gotham);
    font-weight: var(--weight-GothamBold);
}
div.single-herotitle h1 {
    margin-top: 0px;
    margin-bottom: 0px;
}
div.single-heroexcerpt {
    padding-top: 5px;
}
div.single-heroexcerpt p {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
div.single-heroissue,
div.single-herocategory,
div.single-herolearnmore {
    padding-top: 10px;
    line-height: 10px;
}
div.single-herocategory {
    padding-top: 0px;
}
body.archive div.single-herocategory,
body.single div.single-herolearnmore {
    display: none;
}
body.archive div.single-herolearnmore,
body.search div.single-herolearnmore {
    display: none;
}
div.single-heroissue a,
div.single-herocategory a,
div.single-herolearnmore a {
    color: #6a737b;
    text-transform: uppercase;
    letter-spacing: 1px;
    /*
    font-family: var(--family-Gotham);
    font-weight: var(--weight-GothamBook);
    /**/
}
body.archive div.single-heroissue a,
body.archive div.single-herolearnmore a,
body.search div.single-heroissue a,
body.search div.single-herocategory a,
body.search div.single-herolearnmore a {
    font-size: 9px;
    /*color: #6a737b;/**/
    /* text-decoration: underline; /**/
}

a.single-heroimage { /* archive pages /**/
    display: block;
    float: right;
    width: 50%;
    height: 100%;
    background-size: cover;
    background-position: top center;
    background-color: #f8f8f8;
}
div.single-heroimage { /* single pages /**/
    width: 100%;
    height: 410px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #f8f8f8;    
}
div.entry-metainfo {
    text-align: left;
}
div.single-metainfoissue,
div.single-metainfocategory {
}
div.single-metainfoissue a,
div.single-metainfocategory a {
    color: #6a737b;
    text-transform: uppercase;
    letter-spacing: 1px;
}
div.single-metainfoissue a:hover,
div.single-metainfocategory a:hover {
    color: var(--green);
}

nav.prevnext-navigation {
    display: none;
}

span.share-title,
ul.social-share {
    display: none;
}
.single-post-content h1.entry-title {
    padding-left: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
}
.single-post-content h1.entry-title::after {
    left: 0px;
    display: none;
}

body.single div.entry-content {
  font-size: 1.2em;
  line-height: 1.5em;
}


h4.entry-category {
    overflow: auto;
}
h4.entry-category a {
    display: block;
    float: left;
    padding: 2px 13px;
    font-size: 0.7em;
    background-color: #6a737b;
    color: #ffffff;
    text-transform: uppercase;
}

@media (max-width: 992px) {
    div#headerAACRLogo {
        float: left;
    }
    .posts-loop .grid-item article {
        height: auto;
    }
}
@media (max-width: 640px) {
    .comment-navigation .nav-links, 
    .posts-navigation .nav-links, 
    .post-navigation .nav-links {
        display: block;
    }
    .posts-navigation.styled,
    .post-navigation.styled {
        border-width: 0px;
    }
    span.post-navigation-vr {
        background-color: transparent;
    }
}

@media (max-width: 500px) {
    ol, ul {
        padding-left: 0px;
        margin-left: 15px;
    }
    .container {
        padding-left: 1.5vw;
        padding-right: 1.5vw;
    }
    div.mobile-search {
        display: none;
    }
    div.mobile-extras {
        width: 6.5vw;
    }
    div.mobile-bar a.header-extras-trigger {
        font-size: 7.5vw;
    }
    div.mobile-logo {
        width: 85vw;
        float: left !important;
    }
    div#donateButtonContainer {
        width: 100%;
    }
    div.single-heroimage {
        height: 55vw;
    }
    .posts-loop figure.post-image img {
        width: 100%;
    }
}