/*
 Theme Name:   Columbia Riverkeeper
 Theme URI:    https://www.upsweptcreative.com/
 Description:  Theme for Upswept Creative, built as GeneratePress child theme
 Author:       Chynna Lew for Upswept Creative
 Author URI:   https://www.upsweptcreative.com
 Template:     generatepress
 Version:      1.0
*/

/* TABLE OF CONTENTS
* 0. FONTS AND COLORS
* 1. TYPOGRAPHY
* 2. ELEMENTS
  - 2.0 BLOCK COLORS
  - 2.1 HEADERS
  - 2.2 ACCORDION
  - 2.3 SHORTCODES
  - 2.4 WAVE BACKGROUNDS
  - 2.5 BUTTONS
  - 2.6 CTA
  - 2.7 INTERIOR INTRO BLOCKS
  - 2.8 BLOCKQUOTES
  - 2.9 NESTED IMAGE COLUMNS
  - 2.10 PHOTO CREDIT
  - 2.11 MEDIA + TEXT BLOCKS
  - 2.12 HOLIDAY CLOSURE TOP BANNER
* 3. NAVIGATION
* 4. HOMEPAGE
* 5. SINGLE POSTS AND PAGES
  - 5.1 SINGLE ACTIONS
  - 5.2 ACTIONS ARCHIVE
  - 5.3 TAKE ACTION
  - 5.4 FOCUS AREAS
  - 5.5 Taxonomy focus AREAS ARCHIVE
  - 5.6 MEDIA HUB
  - 5.7 SEARCH PAGE
  - 5.8 SINGLE CAMPAIGNS
  - 5.9 STAFF PAGES / BOARD PAGES
  - 5.10 SUCCESS STORIES
  - 5.11 VICTORIES / annual reports
  - 5.12 EVENTS
  - 5.13 FAQ
  - 5.14 MAPS
  - 5.15 SINGLE POSTS
  - 5.16 BLOG ARCHIVE
  - 5.17 STRATEGIC PLAN
  - 5.18 LEGACY GIVING
  - 5.19 spanish bonneville page
* 6. FOOTER
* 7. EVERYACTION
*/

/* ---------------
0. FONTS AND COLORS
----------------- */
:root {
    --aqua: #01aad1;
    --teal: #006e98;
    --green: #a7c144;
    --mdblue: #00539B;
    --dkblue: #066b97;
    --orange: #d37b2e;
    --red: #ac4524;
    --sage: #edf2da;
    --gray: #333333;
    --gold: #ecb830;

    --lt-aqua: #a4effa;
    --lt-teal: #6bb8d7;
    --lt-green: #ebf3c7;
    --lt-mdblue: #82b4e0;
    --lt-dkblue: #bfe2f8;
    --lt-orange: #fed4af;
    --lt-red: #f0c0b0;
    --lt-gold: #fae2b8;
}

@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&display=swap');

@font-face {
    font-family: 'Campton Bold';
    font-style: normal;
    src: url('fonts/campton-font/campton/CamptonBold.otf');
}

@font-face {
    font-family: 'Campton Light';
    font-style: normal;
    src: url('fonts/campton-font/campton/CamptonLight.otf');
}

body,
.at,
.at-markup,
.tribe-events-single-event-description.tribe-events-content,
.tribe-events-calendar-list p,
.tribe-common .tribe-common-b2,
.pum-container {
    background-color: white;
    color: black;
    font-family: "Libre Caslon Text", serif;

}

/* ---------------
1. TYPOGRAPHY
----------------- */
.clarendon{
	font-family: "clarendon-text-pro", serif !important;
}
h1,
h2,
.tribe-events .tribe-events-calendar-list__event-date-tag-weekday,
.pum-title {
    font-family: "clarendon-text-pro", serif !important;
    font-weight: 400 !important;
}

h3,
h4,
h5,
h6,
.tribe-events-schedule h2,
.tribe-events-back,
.tribe-common-h3,
.tribe-events .tribe-events-calendar-list__event-date-tag-daynum,
.main-nav a {
    font-family: 'Campton Bold' !important;
}

article h2,
h3,
h4 {
    line-height: 1em;
}

h1,
h2,
h3,
.pum-title {
    color: var(--teal);
}

.wp-block-cover h1,
.wp-block-cover h2,
.wp-block-cover h3,
.bg h1,
.bg h2,
.bg h3,
.home-header h1,
.teal-block h1,
.teal-block h2,
.teal-block h3,
.teal-block a {
    color: white;
}


.wp-block-buttons a,
.latest-posts .wp-block-latest-posts__post-excerpt a,
.wp-block-post-excerpt__more-link,
.tribe-common .tribe-common-c-btn,
.pum-close{
    font-family: 'Campton Bold';
}

.wpconsent-banner-holder .wpconsent-banner-footer.wpconsent-button-size-small .wpconsent-banner-button {
	color: #121f40 !important;
	font-family: 'Campton Bold' !important;
}

a,
.tribe-common a:not(.tribe-common-anchor--unstyle),
.tribe-common a:not(.tribe-common-anchor--unstyle):active,
.tribe-common a:not(.tribe-common-anchor--unstyle):focus,
.tribe-common a:not(.tribe-common-anchor--unstyle):hover,
.tribe-common a:not(.tribe-common-anchor--unstyle):visited {
    color: var(--dkblue);
    text-decoration: none;
    transition: all .5s ease-out;
}

a:hover,
.tribe-events .tribe-events-calendar-list__event-title-link:hover {
    color: var(--dkblue);
}

/* Typography colors */
.teal {
    color: var(--teal);
}

.green {
    color: var(--green);
}

.mdblue {
    color: var(--mdblue);
}

.dkblue {
    color: var(--dkblue);
}

.orange {
    color: var(--orange);
}

.red {
    color: var(--red);
}

.sage {
    color: var(--sage);
}

.gray {
    color: var(--gray);
}

.gold {
    color: var(--gold);
}

@media screen and (max-width: 600px) {
    .inside-page-hero h1 {
        font-size: 36px !important;
    }

    h1 {
        font-size: 32px
    }

    h2 {
        font-size: 26px
    }

    h3 {
        font-size: 22px
    }

    h4 {
        font-size: 18px
    }
}

/* ---------------
2. ELEMENTS
----------------- */
* {
    box-sizing: border-box;
}

.site-main {
    margin: 0px !important;
}

.inside-article {
    background-color: white;
    margin: 0px;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

iframe{
	min-width: 100%;
}

.video{
	max-width: 700px;
	margin: auto;
	padding: 20px 20px 300px 20px;
}

.z19 {
    position: relative;
    z-index: 19 !important;
}

.margin-100 {
    margin-top: -100px !important;
}

.wp-block-cover .wp-block-columns {
    margin-bottom: 0px;
}

.wp-block-media-text__media img {
	border-radius: 5px;
}
.wp-block-media-text__content {
	margin-left: 30px;
	padding: 0px !important;
}
.wp-block-media-text__content h3 {
	font-size: 24px;
}
.entry-content:first-of-type { margin-top: 0; }

@media (min-width: 601px){
	.wp-block-media-text__media{
		padding-left: 20px;
	}
}

@media (max-width: 1000px) {
    .break1000.wp-block-columns {
        flex-wrap: wrap !important;
    }

    .break1000.wp-block-columns .wp-block-column {
        flex-basis: 100% !important;
        width: 100% !important;
    }
}

.highlight img {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 100% !important;
    object-fit: cover;

}

.highlight .wp-block-column,
.highlight .wp-block-image {
    height: 100% !important;
}

.wp-block-pullquote blockquote {
    border-left-color: var(--teal);
    padding: 20px 40px;
}

.wp-block-pullquote blockquote p {
    color: var(--dkblue);
    font-family: "clarendon-text-pro", serif !important;
    font-weight: 400 !important;
    text-align: left;
}


.wp-block-pullquote blockquote cite {
    color: var(--teal);
    font-family: "clarendon-text-pro", serif !important;
    font-weight: 400 !important;
}

.social-quote{
	background-image: url('https://www.columbiariverkeeper.org/wp-content/uploads/2025/11/water-bg.png');
	background-size: cover;
	background-position: bottom center;
	background-color: var(--lt-teal);
	color: white;
	font-family: "clarendon-text-pro", serif !important;
	font-size: 1.5rem;
	font-weight: 500;
	margin: auto;
	margin-bottom: 40px;
	max-width: 600px;
	padding: 60px;
}
.social-quote strong{
	font-weight: 500;
}
.social-quote .citation{
	display: block;
	font-size: 1.2rem;
	margin-top: 40px;
	text-align: right;
}
@media (max-width: 600px){
	.social-quote .citation{
		font-size: 1rem;
	}
	.social-quote{
		font-size: 1.2rem;
		padding: 40px;
	}
}


/* ---------------
2.0 BLOCK COLORS 
------------------ */
.teal-bg {
    background-color: var(--teal);
    height: 100%
}

.gray-border {
    border: 1px gray solid;
    border-radius: 5px;
    padding: 40px;
    position: relative;
}

.gray-border:has(.wp-block-buttons) {
    padding-bottom: 80px;
}

.gray-border .wp-block-buttons {
    bottom: 40px;
    left: 40px;
    position: absolute;
}

.teal-block {
    background-color: var(--teal);
    color: white;
    border-radius: 5px;
}

.lt-teal-block {
    background-color: var(--lt-teal);
    border-radius: 5px;
}

.green-block {
    background-color: var(--green);
    border-radius: 5px;
}

.lt-green-block {
    background-color: var(--lt-green);
    border-radius: 5px;
}

.mdblue-block {
    background-color: var(--mdblue);
    border-radius: 5px;
}

.dkblue-block {
    background-color: var(--dkblue);
    border-radius: 5px;
}

.orange-block {
    background-color: var(--orange);
    border-radius: 5px;
}

.lt-orange-block {
    background-color: var(--lt-orange);
    border-radius: 5px;
}

.red-block {
    background-color: var(--red);
    border-radius: 5px;
}

.sage-block {
    background-color: var(--sage);
    border-radius: 5px;
}

.gray-block {
    background-color: var(--gray);
    border-radius: 5px;
}

.gold-block {
    background-color: var(--gold);
    border-radius: 5px;
}

.lt-gold-block,
.lt-red-block {
    border-radius: 5px;
}

.strat-plan .sage-block,
.strat-plan .lt-gold-block,
.strat-plan .lt-aqua-block {
    padding: 30px;
}

.strat-plan.goals .wp-block-columns {
	gap: 0;
}

.strat-plan.goals .wp-block-columns .wp-block-column {
	flex: 1;
}

.strat-plan.goals .wp-block-image img {
	border-radius: 0 5px 5px 0;
	object-fit: cover;
}

.strat-plan.approach .wp-block-group__inner-container {
	padding: 0;
}

.strat-plan.approach .wp-block-cover,
.strat-plan.approach .wp-block-cover-image,
.strat-plan.approach .wp-block-cover__background
{
	background: rgba(50,50,50,0.8) !important;
	border-radius: 5px;
	color: white;
	cursor: pointer; cursor: hand;
	min-height: 275px;
	transition: all 0.3s;
}

.strat-plan.approach .wp-block-cover__background:hover 
{
	background: rgba(0,0,0,0.8) !important;
	transition: all 0.3s;
}

.strat-plan.approach .wp-block-cover img {
	border-radius: 5px;
}

.strat-plan.approach .wp-block-cover p {
	font-family: clarendon-text-pro, serif;
	line-height: 1.2em;
	margin-bottom: 0;
	padding: 0 20px;
}

.strat-plan.approach .accordion.inactive + .expanded {
	background-color: var(--lt-red);
	border-radius: 5px;
	padding: 0 30px;
}

.strat-plan.approach .accordion.active + .expanded{
	background-color: var(--lt-red);
	border-radius: 5px;
	min-width: 100%;
	padding: 40px 30px 20px 30px !important 
}

.strat-plan .wp-block-quote {
	font-size: 20px;
	margin: 0;
	padding-right: 30px;
}

.strat-plan-quote {
	max-width: 40vw;
}

.strategic-plan.accordion{
	background-color: var(--orange);
	border-radius: 5px;
	height: fit-content;
	min-width: 100%;
	transition: all 0.5s;
}
.strategic-plan.accordion.active .minus{
	display: block;
}
.strategic-plan.accordion .minus, .strategic-plan.accordion .plus{
	color: white;
	font-size: 2.5em;
	padding-right: 20px;
	margin:0 0 0 30px;
}

.strategic-plan.accordion .alignright {
	margin: 0 0 0 30px;
	width: 30vw;
}
.strategic-plan.accordion.inactive .minus{
	display: none;
}
.strategic-plan.accordion.active .plus{
	display: none;
}
.strategic-plan.accordion.inactive .plus{
	display: block;
}
.strategic-plan.accordion .wp-block-group__inner-container{
	align-items: center;
		display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: 0;
}
.strategic-plan.accordion.hoverState:hover{
	background-color: var(--gold) !important;
}
.strategic-plan.accordion h3{
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.25em;
	padding: 30px 0;
}
.strategic-plan.accordion + .expanded{
	background-color: var(--lt-gold);
		min-width: 100%;
	padding: 20px 0px 0px 0px !important 
	transition: all 0.5s;
}

.white-block {
    background-color: white;
    border-radius: 5px;
}

.lt-aqua-block {
    background-color: var(--lt-aqua);
    border-radius: 5px;
}

.gray-border-cols .wp-block-column {
    border: 1px gray solid;
    border-radius: 5px;
    padding: 40px;
}

.gray-border-multi-cols .wp-block-columns {
    background-color: white;
    border: 1px gray solid;
    border-radius: 5px;
    padding: 40px;
}

/* ----------------
2.1 HEADERS
----------------- */
.internal-header {
    text-align: center;
    padding: 150px 40px;
}

.internal-header h1 {
    padding-top: 60px;
}

.inside-page-hero h1 {
    font-size: 56px
}

/*----------------
2.2 ACCORDION
----------------- */

.accordions .wp-block-group__inner-container {
    padding: 0;
}

.home .accordions>.wp-block-group {
    margin-bottom: 20px
}

.accordion {
    align-items: center;
    display: flex;
    transition: all 0.25s;
}

.expanded {
    max-height: 0px;
    margin-right: 40px;
    overflow: hidden;
    padding: 0px 40px;
    width: 100%;
    transition: all .5s ease-out;
}

.accordion.hoverState:hover {
    background-color: var(--dkblue) !important;
}

.accordion.active+.expanded {
    padding: 60px 40px 40px 40px !important;

}

.accordion {
    align-items: center;
    border-radius: 15px;
    display: flex;
    height: 80px;
    margin: 0px !important;
    overflow: visible;
    position: relative;
    z-index: 10;
}

.accordion h3 {
    color: white;
    font-size: 28px;
    margin: 0px;
}

.accordion.pollution, .accordion.pollution img  {
    background-color: var(--aqua);
}

.accordion.fight-fossil-fuels, .accordion.fight-fossil-fuels img {
    background-color: var(--green);
}

.accordion.save-salmon, .accordion.save-salmon img {
    background-color: var(--dkblue);
}

.accordion.engage-communities, .accordion.engage-communities img {
    background-color: var(--gold);
}

.accordion.clean-up-hanford, .accordion.clean-up-hanford img {
    background-color: var(--orange);
}

.accordion+.expanded {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: -20px;
    position: relative;
    z-index: 0;
}

.pollution+.expanded {
    background-color: var(--lt-aqua);
}

.fight-fossil-fuels+.expanded {
    background-color: var(--lt-green);
}

.save-salmon+.expanded {
    background-color: var(--lt-dkblue);
}

.engage-communities+.expanded {
    background-color: var(--lt-gold);
}

.clean-up-hanford+.expanded {
    background-color: var(--lt-orange);
}

.pollution svg {
    color: var(--red);
    background-color: var(--lt-aqua);
}

.fight-fossil-fuels svg {
    color: var(--orange);
    background-color: var(--lt-green);
}

.save-salmon svg {
    color: var(--dkblue);
    background-color: var(--lt-dkblue);
}

.engage-communities svg {
    color: var(--green);
    background-color: var(--lt-gold);
}

.clean-up-hanford svg {
    color: var(--gold);
    background-color: var(--lt-orange);
}

.accordion svg {
    border: 4px white solid;
    border-radius: 100px;
    height: 60px;
    margin-left: -40px;
    margin-right: 20px;
    padding: 10px;
    width: 60px;
}

.home .accordion img {
    border: 4px white solid;
    border-radius: 100px;
    height: 85px;
    margin-left: -40px;
    margin-right: 20px;
    padding: 0;
    width: 85px;
}

@media screen and (max-width: 781px) {
    .accordions {
        margin-left: 40px !important;
    }

    .accordion h3 {
        font-size: 22px;
    }
}

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

    .accordion,
    .expanded {
        max-width: 600px;
    }
}

/* accordion pattern */
.accordion-pattern > .wp-block-group__inner-container, .accordion-pattern .accordion-section > .wp-block-group__inner-container{
	padding: 10px;
}
.accordion-pattern .expanded {
    transition: max-height 0.4s ease;
    overflow: hidden;
}

.accordion-pattern .title-description.accordion {
    cursor: pointer;
}

.accordion-pattern .title-description.accordion svg {
	background-color: var(--lt-green);
    transition: transform 0.3s ease;
}

.accordion-pattern .title-description.accordion.active svg {
    transform: rotate(90deg);
}
.accordion-pattern .title-description.accordion {
    background: var(--green);
    border: 1px solid #ddd;
    font-weight: 600;
    padding: 0px 20px 0px 10px;
    transition: background 0.3s ease;
}

.accordion-pattern .title-description.accordion:hover,
.accordion-pattern .title-description.accordion.active {
    background: var(--teal) !important;
}
.accordion-pattern .title-description.accordion:hover,
.accordion-pattern .title-description.accordion.active{
	color: white !important;
}

.accordion-pattern .accordion-arrow {
    height: 80px;
    margin-right: 12px;
    transition: transform 0.3s ease;
    width: 80px;
}

.accordion-pattern .description {
    background: var(--lt-green);
	border-bottom-left-radius: 20px;         
	border-bottom-right-radius: 20px;        
	margin-top: -10px;
    padding: 0px 20px;
}

/*----------------
2.3 SHORTCODES
----------------- */
/* focus areas shortcode */
.focus-areas-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 40px;
}

.focus {
    border: 1px gray solid;
    padding: 20px;
    width: calc(33.33% - 20px);
}

@media (max-width: 600px) {
    .focus-areas-container {
        margin: 0px;
    }
}

@media (min-width: 1082px) {
    .focus-action {
        max-height: 350px !important;
    }
}

/*----------------
2.4 WAVE BACKGROUNDS
----------------- */
.bottom.teal,
.top.teal,
.bottom.white,
.top.white {
    position: relative;
    z-index: 10;
}

.svg-container {
    position: relative;
    z-index: 20;
}

svg.top,
svg.bottom,
svg.top path,
svg.bottom path {
    max-width: 100vw !important;
    min-width: 100vw !important;
    max-height: 300px;
    min-height: 300px;
    width: 100vw !important;
    height: 300px !important;
}

svg.bottom {
    margin-top: -100px;
}

.top.teal path,
.bottom.teal path {
    fill: var(--teal) !important;
}

.top.white path,
.bottom.white path {
    fill: white !important;
    top: 0;
}

.wave-bottom.teal .wp-block-columns {
    margin-bottom: 0px !important;
}

.container-bottom+div {
    margin-top: -200px;
    padding-top: 200px;
}

.container-top+div {
    position: relative;
    z-index: 150;
}

.bottom {
    transform: rotate(180deg);
}

.wave-bottom {
    position: relative;
    z-index: 25
}

.wave-top.white {
    margin-top: -100px;
}

/* ---------------
 2.5 BUTTONS
----------------- */
.wp-block-button a,
.nav-give>a,
.latest-posts .wp-block-latest-posts__post-excerpt a,
a.read-more,
.searchandfilter input[type="submit"],
.wp-block-post-excerpt__more-link,
.tribe-common .tribe-common-c-btn,
.tribe-common .tribe-common-c-search__button,
.poptin-visible .poptin-form-link-button {
    background-color: var(--green) !important;
    border-radius: 8px;
    color: var(--dkblue) !important;
    font-family: 'Campton Bold';
    transition: all .5s ease-out;
}

.tribe-common-c-btn-border {
	border: 1px solid var(--mdblue) !important;
	color: var(--mdblue) !important;
	font-family: 'Campton Bold';
}

.tribe-common-c-btn-border:hover {
	background-color: var(--mdblue) !important;
	color: #FFF !important;
}

.wp-block-button a {
    padding: 10px 30px !important;
}

a.read-more {
    bottom: 40px;
    font-family: 'Campton Bold';
    left: 80px;
    padding: 10px 30px !important;
    position: absolute;
    text-decoration: none;
}

.wp-block-button a:hover,
.nav-give a:hover,
.latest-posts .wp-block-latest-posts__post-excerpt a:hover,
a.read-more:hover,
.searchandfilter input[type="submit"]:hover,
.wp-block-post-excerpt__more-link:hover,
.poptin-visible .poptin-form-link-button:hover {
    background-color: var(--dkblue) !important;
    color: var(--green) !important;
}

/* ---------------
 2.6 CTA
----------------- */

.cta h2 {
    color: white;
    font-size: 58px;
}

.cta h3 {
    color: white;
}

.wp-block-cover:last-child .wp-block-cover__inner-container {
    margin-top: 80px;
    margin-bottom: 80px
}

@media (max-width: 768px) {
    .cta h2 {
        font-size: 48px;
    }
}

/* ---------------
 2.7 Interior Intro Blocks
----------------- */
.internal-white-blocks {
    background-color: var(--teal);
    position: relative;
    top: 0;
}

.internal-white-blocks .wp-block-group__inner-container {
    padding: 0px
}

.internal-white-blocks .wp-block-column {
    background-color: white;
    border-radius: 5px;
    margin-left: 40px;
    margin-right: 40px;
    padding: 40px;
    position: relative;
    top: -80px;
    z-index: 25;
}

.internal-white-blocks .wp-block-column h3 {
    color: var(--teal);
}

.internal-white-blocks .wp-block-column p {
    color: black;
}

/* ---------------
 2.8 Blockquotes
----------------- */

.wp-block-quote {
    background: var(--sage);
    border-radius: 10px;
    border-left-color: var(--teal);
    color: var(--dkblue);
    font-family: clarendon-text-pro, serif;
    font-size: 1.4em;
    margin: 40px;
    padding: 30px 50px 30px 30px;
}
@media (max-width: 600px){
   .wp-block-quote{
	  margin: 20px 0px ;
	  padding:10px
   }
	.wp-block-quote p{
		font-size: 18px;
	}
}
/* social quotes */
.social-quote{
	background-image: url('https://www.columbiariverkeeper.org/wp-content/uploads/2025/11/water-bg.png');
	background-size: cover;
	background-position: bottom center;
	background-color: var(--lt-teal);
	color: white;
	font-family: "clarendon-text-pro", serif !important;
	font-size: 1.5rem;
	font-weight: 500;
	margin: auto;
	margin-bottom: 40px;
	max-width: 600px;
	padding: 80px 60px;
}
.social-quote strong{
	font-weight: 500;
}
.social-quote .citation{
	display: block;
	font-size: 1.2rem;
	margin-top: 40px;
	text-align: right;
}
@media (max-width: 600px){
	.social-quote .citation{
		font-size: 1rem;
	}
	.social-quote{
		font-size: 1.2rem;
		padding: 40px;
	}
}
/* ---------------
 2.9 NESTED IMAGE COLUMNS
----------------- */
.img-quote-block .wp-block-column {
    margin: auto;
    padding-right: 0px;
    padding-left: 0px;
    top: 0;
}

/* ---------------
 2.10 PHOTO CREDIT
----------------- */
.photo-credit{
	color: white;
	font-style: italic;
	padding-right: 80px;
		position: absolute;
	text-align: right;
	top: 310px;
	width: 100%;
	z-index: 100;
}
@media (min-width: 1200px){
	.photo-credit{
		margin-right: calc((100vw - 1200px) / 2);
			width: 1200px;
			padding-right: 80px;
	}
}
/* ---------------
 2.11 MEDIA + TEXT BLOCKS
----------------- */
.wp-block-media-text__content{
	padding: 0px !important
}
@media (min-width: 601px){
	.wp-block-media-text__media{
		padding-left: 20px;
	}
}
@media (max-width: 600px){
	.wp-block-media-text__media{
		padding-bottom: 20px;
	}
}
/* ---------------
- 2.12 HOLIDAY CLOSURE TOP BANNER
----------------- */
.holiday-banner-message{
	background-color: var(--lt-green);
	font-size: 12px;
	padding: 15px;
}
.holiday-banner-message p{
	margin: 0px;
}

/* ---------------
3. NAVIGATION
----------------- */
.header-wrap:has(.navigation-stick),
header:has(.navigation-stick),
nav:has(.navigation-stick),
nav .inside-navigation:has(.navigation-stick) {
    position: relative;
    z-index: 200;
}

.header-wrap {
    z-index: 200;
}

.main-nav,
.main-navigation {
    background-color: transparent !important;
}

.top-bar {
    background-color: rgba(18, 31, 64, 0.2);
}

.main-nav .sub-menu {
    background-color: white;

}

.toggled .main-nav {
    background-color: rgba(18, 31, 64, 0.935) !important;
    padding: 20px;
}

.main-nav .sub-menu a {
    background-color: white;
    color: var(--mdblue);
    padding: 10px;
	transition: all 0.5s ease !important;
}

.main-nav a {
    color: white;
	transition: all 0.5s ease!important;
}

.menu li a:hover,
.menu > .focus-areas > .sub-menu > li.menu-item > a:hover,
.main-nav .sub-menu a:hover
{
	color: var(--green) !important;
	transition: all 0.5s ease !important;
}


.nav-give {
    max-width: fit-content;
}

.nav-give a {
    line-height: 30px !important;
    padding: 5px 25px !important;
}

.nav-give>.sub-menu a:hover {
    background-color: white !important;
    color: var(--mdblue) !important;
}

.nav-give ul li a {
    line-height: 20px !important;
}

.navigation-stick {
    background-color: rgba(18, 31, 64, 0.935) !important;
}

.menu>.focus-areas .sub-menu>li>a>svg {
    margin-right: 5px;
}

.top-bar a {
    font-family: 'Campton Bold';
}

.main-navigation.toggled .main-nav>ul {
    background-color: var(--dkblue) !important;
    padding-bottom: 20px;
}

/* menu media scaling */

@media (min-width: 1079px) {
    .toggled .main-nav {
        margin-bottom: 40px;
    }
}

@media (max-width: 834px) {
    .toggled .main-nav {
        height: 80vh !important;
    }

    .toggled .main-nav .nav-give {
        max-width: none !important;
    }

    .toggled .main-nav .nav-give a {
        border-radius: 0 !important;
        padding: 10px 20px !important;
    }

    .top-bar a {
        font-size: 11px;
        line-height: 11px !important;
    }
}

@media (min-width: 1080px) and (max-width: 1200px) {

    /*focus areas menu position */
    .menu .focus-areas>.sub-menu {
        left: calc(-100vw + 500px) !important;
    }
}

@media (min-width: 1080px) {
    .nav-give>a .dropdown-menu-toggle {
        display: none;
    }

    .nav-give {
        position: relative;
    }

    .nav-give>.sub-menu {
        left: -70px !important;

    }

    /* focus areas menu - desktop */

    .menu .focus-areas>.sub-menu {
        background-color: transparent !important;
        display: flex;
        flex-wrap: wrap;
        height: 100%;
        /*         left: calc(-100vw + 540px) !important; */
        max-width: 1120px;
        top: 80px;
        width: calc(100vw - 80px);
    }

    .menu>.focus-areas .sub-menu>li.menu-item {
        background-color: white !important;
        display: flex;
        flex-direction: column;
        gap: 10px;
        max-width: 33%;
    }

    .menu>.focus-areas>.sub-menu>li.menu-item>a {
        color: var(--dkblue) !important;
        font-family: "clarendon-text-pro", serif;
        font-size: 22px;
    }

    .menu>.focus-areas .sub-menu>li .menu-item-description p {
        color: black;
        font-family: "Libre Caslon Text", serif;
        font-size: 16px;
        margin: 5px 10px 5px 0;
        padding-top: 10px;
    }

    .menu>.focus-areas .sub-menu>li>a>svg {
        border-radius: 100px;
        height: 20px;
        margin-right: 10px;
        margin-bottom: -3px;
        padding: 3px;
        width: 20px;
    }

    .menu>.focus-areas .sub-menu>li>a>img {
        height: 30px;
        margin-bottom: -5px;
        margin-right: 5px;
        width: 30px;
    }

    /* .menu>.focus-areas .sub-menu .nav-pollution svg {
        background-color: var(--lt-red);
    }

    .menu>.focus-areas .sub-menu .nav-pollution svg path {
        fill: var(--red);
    }

    .menu>.focus-areas .sub-menu .nav-fossil svg {
        background-color: var(--lt-orange);
    }

    .menu>.focus-areas .sub-menu .nav-fossil svg path {
        fill: var(--orange);
    }

    .menu>.focus-areas .sub-menu .nav-salmon svg {
        background-color: var(--lt-dkblue);
    }

    .menu>.focus-areas .sub-menu .nav-salmon svg path {
        fill: var(--dkblue);
    }

    .menu>.focus-areas .sub-menu .nav-engaging svg {
        background-color: var(--lt-green);
    }

    .menu>.focus-areas .sub-menu .nav-engaging svg path {
        fill: var(--green);
    }

    .menu>.focus-areas .sub-menu .nav-hanford svg {
        background-color: var(--lt-gold);
    }

    .menu>.focus-areas .sub-menu .nav-hanford svg path {
        fill: var(--gold);
    }

    .menu>.focus-areas .sub-menu .nav-emerging svg {
        background-color: var(--lt-aqua);
    }

    .menu>.focus-areas .sub-menu .nav-emerging svg path {
        fill: var(--red);
    } */

    .menu>.focus-areas .sub-menu .nav-pollution .menu-item-description p {
        border-top: 5px solid var(--aqua);
    }


    .menu>.focus-areas .sub-menu .nav-fossil .menu-item-description p {
        border-top: 5px solid var(--green);
    }

    .menu>.focus-areas .sub-menu .nav-salmon .menu-item-description p {
        border-top: 5px solid var(--dkblue);
    }

    .menu>.focus-areas .sub-menu .nav-engaging .menu-item-description p {
        border-top: 5px solid var(--gold);
    }

    .menu>.focus-areas .sub-menu .nav-hanford .menu-item-description p {
        border-top: 5px solid var(--orange);
    }

    .menu>.focus-areas .sub-menu .nav-emerging .menu-item-description p {
        border-top: 5px solid var(--red);
    }

    .menu>.focus-areas>ul.sub-menu>li>ul.sub-menu {
        box-shadow: none;
        background-color: transparent;
        display: block;
        height: fit-content;
        left: 0;
        opacity: 1;
        position: relative;
        width: 100%;
    }

    .menu>.focus-areas>ul.sub-menu>li>ul.sub-menu li {
        min-width: 100%;
    }

    .menu>.focus-areas>ul.sub-menu>li>ul.sub-menu a {
        font-family: 'Campton Bold';
        font-size: 18px !important;
        line-height: 20px !important;
        margin: 5px 10px;
        padding: 0 10px;
    }

    /* removed by request of client .nav-pollution>ul.sub-menu li>a {
        color: var(--red) !important;
    }

    .nav-fossil>ul.sub-menu li>a {
        color: var(--orange) !important;
    }

    .nav-salmon>ul.sub-menu li>a {
        color: var(--dkblue) !important;
    }

    .nav-engaging>ul.sub-menu li>a {
        color: var(--green) !important;
    }

    #menu-item-197>ul.sub-menu li>a {
        color: var(--gold) !important;
    }

    #menu-item-315>ul.sub-menu li>a {
        color: var(--aqua) !important;
    } */

    /* end of focus areas menu */



    .menu-item:has(.sub-menu)::after,
    .menu>.focus-areas::after {
        content: "";
        position: absolute;
        bottom: -40px;
        right: calc(50% - 20px);
        margin: auto;
        height: 0px;
        width: 40px;
        opacity: 0;
        transform: rotate(45deg);
        background-color: #fff;
        transition: opacity 80ms linear;
        transition-delay: 200ms;
    }

    .sub-menu .menu-item::after {
        background-color: transparent;
    }


    .menu>.focus-areas .sub-menu {
        border-top: 40px solid #ffffff00;
        margin-top: -40px;
    }

    .menu-item:has(.sub-menu):hover::after,
    .menu>.focus-areas:hover::after {
        opacity: 1;
        height: 40px
    }

    .main-nav .icon-arrow svg,
    .sub-menu .gp-icon svg {
        display: none;
    }
}

@media (min-width: 1200px) {
    li.focus-areas>.sub-menu {
        background-color: transparent !important;
        display: flex;
        flex-wrap: wrap;
        height: 100% !important;
        left: -700px !important;
        max-width: 1120px !important;
        top: 80px !important;
        width: 1120px !important;
    }
}


@media (max-width:1079px) {
    li.focus-areas:hover::after {
        display: none;
        height: 0px !important;
        opacity: 0 !important;
    }

    li.focus-areas .sub-menu .text,
    li.focus-areas .sub-menu .menu-item-description {
        display: none;
    }

    .main-nav .sub-menu,
    .main-nav .sub-menu a,
    li.focus-areas .sub-menu,
    li.focus-areas .sub-menu a {
        background-color: transparent;
    }

    .main-nav .sub-menu a {
        color: white;
    }

    .menu>.focus-areas .sub-menu>li>a>svg,
    .menu>.focus-areas .sub-menu>li>a>img {
        display: none;
    }
}
@media screen and (max-width:480px) {
	.inside-top-bar {
		padding: 5px 10px;
	}
	.top-bar li {
		line-height: 12px;
	}
}

/* ---------------
4. HOMEPAGE
----------------- */
.home .site {
    margin-top: -100px;
}

.home .inside-article {
    background-color: transparent;
}

.home-header {
    color: white;
}

.home-header .wp-block-button a,
.pum-container .wp-block-button a {
    font-size: 24px;
    line-height: 24px;
    margin-top: 40px;
    padding: 20px 70px !important;
}

.home-header h1 {
    font-size: 54px;
    margin: auto;
    max-width: 900px;
}

.home-white-blocks {
    background-color: var(--teal);
    /* margin-bottom: -25%; */
    position: relative;
    top: 0;
}



.home-white-blocks .wp-block-column {
    background-color: white;
    border-radius: 5px;
    padding: 40px;
    position: relative;
    top: -80px;
    z-index: 15;
}

.home-white-blocks .wp-block-column h3 {
    color: var(--teal);
}

.home-white-blocks .wp-block-column p {
    color: black;
    margin-bottom: 0px;
}

.why-the-columbia h2 {
    font-size: 62px;
}

.how-we-work h2 {
    color: var(--teal);
    font-size: 62px;
    max-width: 400px;
}

@media screen and (max-width: 980px) {
    #post-31>div>div>div.wp-block-group.alignfull.home-white-blocks.wave-bottom.teal>div>div {
        flex-wrap: wrap !important;
    }

    #post-31>div>div>div.wp-block-group.alignfull.home-white-blocks.wave-bottom.teal>div>div>div {
        min-width: 100%;
    }
}

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

    .why-the-columbia h2,
    .how-we-work h2 {
        font-size: 52px;
    }
}

@media screen and (max-width: 900px) {

    .why-the-columbia h2,
    .how-we-work h2 {
        font-size: 42px;
    }
}


/* LATEST POSTS */
.latest-posts {
    position: relative;
    z-index: 25;
}

.latest-posts h3,
.wp-block-latest-posts h3 {
    color: var(--teal);
    font-size: 40px;
}

.latest-posts .is-grid li,
.wp-block-latest-posts li,
li.media-link {
    background-color: var(--lt-green);
    border-radius: 10px;
    position: relative;
    padding: 20px;
}

li.media-link .wp-block-group,
li.media-link .wp-block-group__inner-container {
    padding: 0 !important;
}

.latest-posts .wp-block-latest-posts__featured-image,
.wp-block-latest-posts .wp-block-latest-posts__featured-image {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 20px;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
    overflow: hidden;
    height: 175px;
}

.wp-block-latest-posts img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
    margin-bottom: 60px;
}

.latest-posts a.wp-block-latest-posts__post-title,
.wp-block-latest-posts a.wp-block-latest-posts__post-title,
li.media-link h3 {
    color: var(--dkblue);
    font-size: 22px;
    line-height: 20px;
    font-family: 'Campton Bold';
    text-decoration: none;
}

.latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-post-excerpt__more-link {
    padding-top: 10px;
    font-size: 14px;
}

.media-link .wp-block-post-excerpt__excerpt {
    font-size: 14px;
    margin-bottom: 30px;
}

.latest-posts .wp-block-latest-posts__post-excerpt a,
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt a,
.wp-block-post-excerpt__more-link {
    bottom: -20px;
    left: 0;
    margin: auto;
    display: block;
    padding: 10px 30px !important;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    width: 160px;
}

.wp-block-latest-posts .wp-block-latest-posts__post-excerpt a {
    bottom: 20px;
}

.wp-block-latest-posts__list {
    margin-left: 1.25em;
}

@media screen and (max-width:1000px) {
    .wp-block-latest-posts {
        flex-wrap: wrap !important;
    }

    .wp-block-latest-posts.columns-4 li {
        width: calc(50% - 40px);
    }
}

@media screen and (max-width:800px) {
    .wp-block-latest-posts li {
        width: 100% !important;
    }
}

@media screen and (max-width: 600px) {
    .home-header h1 {
        font-size: 42px;
    }
}

/* ----------------------
5. SINGLE PAGES AND POSTS
----------------------- */
/* ----------------------
5.1 SINGLE ACTIONS
----------------------- */
.post-wrap>div {
    margin: 40px;
}

.petition_content {
    background-color: rgba(250, 226, 184, 0.3);
    border: 1px solid var(--lt-gold);
    padding: 10px 30px;
}

/* ----------------------
5.2 ACTIONS ARCHIVE
----------------------- */
.action-card {
    border: 1px gray solid;
    border-radius: 5px;
    margin: 40px;
    padding: 20px;
}

.post-type-archive-actions .site-main {
    padding-bottom: 80px;
    padding-top: 40px;
}

.focus-area,
.issues {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

.focus-area li,
.issues li {
    border-radius: 30px;
    font-family: 'Campton Bold';
    font-size: 16px;
    margin: 5px 10px;
    padding: 5px 10px;
}

.focus-area li {
    background-color: #006d9877;
}

.issues li {
    background-color: #d37b2e8c;
}

.issues-title,
.focus-areas-title {
    margin: 0px;
    color: gray
}

.focus-areas-title {
    margin-top: 20px;
}

/* ----------------------
5.3 TAKE ACTION
----------------------- */
.actions-archive-container {
    margin: -100px 40px -40px 40px;
    position: relative;
    z-index: 25;
}

#actions-archive>div>div>div>div {
    padding-top: 0px;
}

.take-action-archive-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 40px 0px;
}

.search-title {
    padding: 40px 0px;
    width: 100%;
}

.search-title span {
    text-transform: capitalize;
}

.pagination {
    font-family: 'Campton Bold';
    width: 100%;
}

.pagination a {
    color: var(--mdblue);
    text-decoration: none;
}

.take-action-card {
    background-color: var(--lt-green);
    border-radius: 5px;
    position: relative;
    width: calc(25% - 20px);
}

.action-title a {
    font-family: 'Campton Bold';
    text-decoration: none;
    font-size: 22px;
    line-height: 22px;
    margin-top: 20px
}

.take-action-card .summary {
    font-size: 14px;
    padding: 0px 20px 60px 20px;
}

.take-action-card .wp-block-buttons {
    bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    width: calc(100% - 40px);
}

@media (max-width: 1200px) {
    .take-action-card {
        width: calc(33% - 20px);
    }
}

@media (max-width: 1000px) {
    .take-action-card {
        width: calc(50% - 20px);
    }

    .take-action-card .wp-block-buttons {
        width: 100%;
    }
}

@media (max-width: 800px) {
    .actions-archive-container {
        margin: -100px 0px 100px 0px;
        position: relative;
        z-index: 25;
    }

    .take-action-card {
        width: 100%;
    }

}

/* ajax search bar | search and filter */
.custom-select,
.searchandfilter {
    align-items: center;
    background-color: var(--teal);
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    padding: 10px;
    width: fit-content;
}

.searchandfilter {
    margin: 20px auto;
}

.custom-select .title,
.searchandfilter h4 {
    color: white;
    font-family: 'Campton Bold';
    font-size: 20px;
    padding-right: 10px;
}

.searchandfilter h4 {
    margin-bottom: 0 !important;
    line-height: 20px;
}

.custom-select select {
    border: transparent;
    color: gray
}

.searchandfilter ul {
    margin: 10px 20px !important;
}

.searchandfilter ul li {
    display: inline-block;
    list-style: none;
    margin-right: 10px;
}

.searchandfilter input[type='text'] {
    height: 44px;
    width: 30vw;
}

/* ----------------------
5.4 FOCUS AREAS
----------------------- */
.focus {
    padding: 40px;
}

.focus .title-container {
    border-bottom: 5px solid;
    width: 100%;
}

.focus .title {
    font-family: 'Campton Bold';
    font-size: 28px;
    line-height: 30px;
    text-decoration: none;
}

.focus.clean-up-hanford .title-container {
    border-color: var(--orange);
}

.focus.clean-water .title-container {
    border-color: var(--red);
}

.focus.science-education .title-container {
    border-color: var(--green);
}

.focus.emerging-issues .title-container {
    border-color: var(--aqua);
}

.focus.climate-energy .title-container {
    border-color: var(--gold);
}

.focus.salmon-recovery .title-container {
    border-color: var(--dkblue);
}

.focus p {
    padding-top: 20px
}

@media (max-width: 1000px) {
    .focus {
        width: calc(50% - 20px);
    }
}

@media (max-width: 800px) {
    .focus {
        width: 100%;
    }
}

.how-container h3.action-title {
    font-size: 42px;
    margin-top: -100px;
    text-align: center;
}

.focus-actions {
    display: grid;
    gap: 1em;
    margin: 0 auto 30px;
    max-width: 1200px;
    padding-left: 40px;
    padding-right: 40px;
}

.focus-action {
    border-radius: 5px;
}

.focus-action .action-content {
    padding: 30px 30px 30px 10px;
}

@media (max-width: 1099px) {
    .focus-action {
        gap: 0px;
    }

    .focus-action img {
        min-width: 100%;
    }
}

@media (min-width: 1100px) {
    .focus-actions {
        grid-auto-flow: column;
        grid-auto-columns: 1fr;
    }
}

/* ----------------------
5.5 TAXONOMY ARCHIVES / Campaign featured content blocks / Annual Impact Report
----------------------- */

/* remove read more button from focus areas pages */
.archive.tax-focus_areas .focus-actions a.read-more {
    display: none;
}

/* fix page shift on safari */

.tax-focus_areas .site-main>article>.inside-article {
    padding: 0px !important;
}

.tax-focus_areas .site.grid-container {
    margin-left: 0px !important;
    min-width: 100vw !important;
}

/* -- end bug fix-- */

.tax-focus_areas .site {
    margin-bottom: 80px;
}

.tax-focus_areas .site-main {
    display: flex;
    flex-flow: row wrap;
}

.tax-focus_areas .home-white-blocks {
    margin: 0px !important;
}

.focus-area-intro h2 {
    text-align: center;
}

.focus-area-intro.wave-bottom.teal .wp-block-columns {
    margin-bottom: 100px !important;
}

.tax-focus_areas .entry-title a {
    color: var(--mdblue) !important;
    font-family: 'Campton Bold';
    text-decoration: none;
}
.focus-area-container .current-campaigns{
	row-gap: 30px !important;
}
.tax-focus_areas .focus-area-container {
    margin-top: -400px !important;
    padding-top: 0px !important;
    position: relative;
    z-index: 25;
}

.tax-focus_areas .all-campaigns,
.tax-focus_areas .current-campaigns,
.tax-focus_areas .two-col .wp-block-group__inner-container,
.current-featured-content {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
}

.tax-focus_areas .current-campaigns,
.featured-content,
.current-featured-content {
    gap: 10px !important;
    margin: 40px 40px;
    justify-content: center
}

.tax-focus_areas .two-col .wp-block-group__inner-container {
    gap: 40px;
}

.focus-area-container .current-campaigns h3.title,
.featured-content h3.title {
    color: white !important;
    font-size: 40px;
    margin-bottom: 0px;
    margin-top: 40px;
}

.current-featured-content {
    margin: 40px;
    margin-bottom: 80px !important;
}

.tax-focus_areas .two-col {
    margin: 40px 0px;
}

.tax-focus_areas .current-campaigns .title,
.featured-content .title {
    margin-top: 20px;
    text-align: center;
    width: 100%;
}

.featured-content .title {
    padding-top: 20px;
}

.tax-focus_areas .all-campaigns article,
.tax-focus_areas .current-campaigns .campaign,
.featured-content {
    border-radius: 5px;
    min-height: 100%;
    padding-bottom: 40px;
    position: relative;
    width: 100%;
}

.impact-report img,
.img-corner img{
    border-radius: 5px;

}

.impact-report .impact-item {
    border-radius: 5px;
    min-height: 100%;
    padding: 20px;
    position: relative;
    width: 100%;
}

.impact-report strong {
    font-family: clarendon-text-pro, serif;
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.2em;
}

.impact-report strong::after {
    content: "\a";
    white-space: pre;
}

.impact-report.clean-water strong {
    color: var(--dkaqua);
}

.impact-report.climate-energy strong {
    color: var(--dkgreen);
}

.impact-report.salmon-recovery strong {
    color: var(--dkblue);
}

.impact-report.science-education strong {
    color: var(--dkgold);
}

.impact-report.clean-up-hanford strong {
    color: var(--dkorange);
}

.impact-report-2025 .wp-block-column{
	border: var(--green) 2px solid;
	border-radius: 20px;
	display: flex;
	flex-wrap: wrap;
	padding: 20px;
}
.impact-report-2025 .wp-block-columns:last-child .wp-block-column:last-child{
	border: transparent;
}
.impact-report-2025 .wp-block-column svg{
	height:100px;
	width: 100px;
}
.impact-report-2025 .wp-block-column h2{
	align-items: center;
	display: flex;
		font-size: 26px;
		justify-content:flex-end;
	text-align: right;
	width: calc(100% - 110px);
}
.impact-report-2025 .wp-block-column p{
	background-color: var(--sage);
	margin-bottom: 10px;
		padding: 10px;
}
.impact.internal-white-blocks {
	margin-top: -40px;
}

@media (max-width: 600px){

	.impact-report-2025 .wp-block-group__inner-container {
		padding: 0 !important;
	}
	.page-id-8974 .strat-plan .wp-block-group__inner-container{
		padding: 10px;
	}
	.strategic-plan.accordion .wp-block-group__inner-container:has(h3){
		margin: 0px;
	}
	p.has-large-font-size{
		font-size: 26px !important;
	}
	p.has-large-font-size, 		
	.strategic-plan.accordion .wp-block-group__inner-container h3{
		font-size: 18px
	}
	p.has-large-font-size, 		
	.strategic-plan.accordion .wp-block-group__inner-container h2{
		margin: 10px;
		padding: 10px;
	}
	.strat-plan-quote {
		min-width: 100%;
	}
}


.lt-red-block,
.term-clean-water.tax-focus_areas .current-campaigns .campaign,
.clean-water .featured-content,
.term-clean-water .focus-action,
.impact-report.clean-water .impact-item {
    background-color: var(--lt-aqua);
}

.term-climate-energy.tax-focus_areas .current-campaigns .campaign,
.climate-energy .featured-content,
.term-climate-energy .focus-action,
.impact-report.climate-energy .impact-item {
    background-color: var(--lt-green);
}

.lt-dkblue-block,
.term-salmon-recovery.tax-focus_areas .current-campaigns .campaign,
.salmon-recovery .featured-content,
.term-salmon-recovery .focus-action,
.impact-report.salmon-recovery .impact-item {
    background-color: var(--lt-dkblue);
}

.term-science-education.tax-focus_areas .current-campaigns .campaign,
.science-education .featured-content,
.term-science-education .focus-action,
.impact-report.science-education .impact-item {
    background-color: var(--lt-gold);
}

.lt-gold-block,
.term-clean-up-hanford.tax-focus_areas .current-campaigns .campaign,
.clean-up-hanford .featured-content,
.term-clean-up-hanford .focus-action,
.impact-report.clean-up-hanford .impact-item {
    background-color: var(--lt-orange);
}

.term-emerging-issues.tax-focus_areas .current-campaigns .campaign,
.term-emerging-issues .focus-action,
.emerging-issues .featured-content {
    background-color: var(--lt-red);
}

.tax-focus_areas .current-campaigns .campaign img,
.take-action-archive-columns .take-action-card img,
.featured-content img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 150px;
    object-fit: cover;
    width: 100%;
}

.tax-focus_areas .current-campaigns .campaign.wide img,
.wide img {
    border-top-left-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    height: 100% !important;
    object-fit: cover;
}

.tax-focus_areas .current-campaigns .campaign .title,
.take-action-archive-columns .take-action-card .action-title,
.featured-content .title {
    color: var(--dkblue);
    font-size: 20px;
    line-height: 22px;
    margin: 0px;
    padding: 10px 20px 10px 20px;
}

.tax-focus_areas .current-campaigns .campaign.wide .title {
    font-size: 30px;
    line-height: 30px;
    padding: 30px 20px 20px 20px;
    text-align: left;
}

.impact-report h2 {
    color: var(--dkgray);
}

.impact-report.clean-water h2 {
    border-bottom: 5px solid var(--aqua);
}

.impact-report.climate-energy h2 {
    border-bottom: 5px solid var(--green);
}

.impact-report.salmon-recovery h2 {
    border-bottom: 5px solid var(--dkblue);
}

.impact-report.science-education h2 {
    border-bottom: 5px solid var(--gold);
}

.impact-report.clean-up-hanford h2 {
    border-bottom: 5px solid var(--orange);
}

.impact-report>.wp-block-group__inner-container {
    padding-left: 0px;
    padding-right: 0px;
}

.tax-focus_areas .current-campaigns .campaign .content,
.featured-content .content {
    font-size: 14px;
    padding: 0px 20px;
}

.tax-focus_areas .current-campaigns .campaign.wide .content {
    font-size: 16px;
    padding: 0px 20px 20px 20px;
}

.featured-content .content a {
    display: none;
}

.tax-focus_areas .current-campaigns .campaign .wp-block-button,
.featured-content .wp-block-button {
    bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: fit-content;
}

.tax-focus_areas .current-campaigns .campaign.wide .wp-block-button {
    bottom: 30px !important;
    margin-left: 20px;
    margin-top: 30px;
    position: relative !important;
}

.tax-focus_areas .current-campaigns .campaign .wp-block-button a,
.featured-content .wp-block-button a {
    background-color: var(--dkblue) !important;
    color: white !important;
    padding: 5px 15px !important;
    font-size: 14px;
}

.tax-focus_areas .current-campaigns .campaign.wide .wp-block-button a {
    padding: 10px 20px !important;
    font-size: 17px;
}

.tax-focus_areas .current-campaigns .campaign .wp-block-button a:hover,
.featured-content .wp-block-button a:hover {
    background-color: var(--dkblue) !important;
    color: var(--green) !important;
}

.tax-focus_areas .svg-container.container-bottom svg {
    margin-top: -110px;
}

.tax-focus_areas .two-col.bg {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/wp-content/uploads/2024/06/columbia-river-Waterfront-hood-river-ByLivSmith.jpg');
    background-size: cover;
    color: white;
}

.two-col.bg a {
    color: #a7c144;
    text-decoration: underline;
    transition: all 0.5s;
}

.two-col.bg a:hover {
    color: white;
    transition: all 0.5s;
}


.tax-focus_areas .two-col.bg h2 {
    font-size: 62px;
}

.tax-focus_areas .two-col.bg p {
    font-family: 'Campton Bold';
    font-size: 22px;
}

.tax-focus_areas .two-col.bg .wp-block-group__inner-container>div:last-child p,
.tax-focus_areas .two-col.bg .wp-block-group__inner-container ul li {
    font-family: 'Campton Light';
    font-weight: bold;
    font-size: 24px
}

.tax-focus_areas .two-col.how-container .wp-block-group__inner-container>div:first-child h2 {
    color: var(--teal);
    font-size: 56px;
}

.tax-focus_areas .two-col.how-container .accordions .wp-block-group__inner-container {
    flex-direction: column;
}

.tax-focus_areas .two-col.how-container .accordions .wp-block-group__inner-container>div {
    max-width: none !important;
    width: 100% !important;
}

.tax-focus_areas .two-col.how-container .accordion svg {
    height: 85px;
    width: 85px;
}

.tax-focus_areas .two-col.how-container .accordions .expanded {
    margin-top: -50px;
}

.term-clean-water.tax-focus_areas .two-col.how-container .accordion svg,
.term-clean-water.tax-focus_areas .two-col.how-container .accordions .expanded {
    background-color: var(--lt-aqua);
}

.term-climate-energy.tax-focus_areas .two-col.how-container .accordion svg,
.term-climate-energy.tax-focus_areas .two-col.how-container .accordions .expanded {
    background-color: var(--lt-green);
}

.term-salmon-recovery.tax-focus_areas .two-col.how-container .accordion svg,
.term-salmon-recovery.tax-focus_areas .two-col.how-container .accordions .expanded {
    background-color: var(--lt-dkblue);
}

.term-science-education.tax-focus_areas .two-col.how-container .accordion svg,
.term-science-education.tax-focus_areas .two-col.how-container .accordions .expanded {
    background-color: var(--lt-gold);
}

.term-clean-up-hanford.tax-focus_areas .two-col.how-container .accordion svg,
.term-clean-up-hanford.tax-focus_areas .two-col.how-container .accordions .expanded {
    background-color: var(--lt-orange);
}

.term-emerging-issues.tax-focus_areas .two-col.how-container .accordion svg,
.term-emerging-issues.tax-focus_areas .two-col.how-container .accordions .expanded {
    background-color: var(--lt-red);
}

.term-clean-water.tax-focus_areas .two-col.how-container .accordion {
    background-color: var(--aqua);
}

.term-climate-energy.tax-focus_areas .two-col.how-container .accordion {
    background-color: var(--green);
}

.term-salmon-recovery.tax-focus_areas .two-col.how-container .accordion {
    background-color: var(--dkblue);
}

.term-science-education.tax-focus_areas .two-col.how-container .accordion {
    background-color: var(--gold);
}

.term-clean-up-hanford.tax-focus_areas .two-col.how-container .accordion {
    background-color: var(--orange);
}

.term-emerging-issues.tax-focus_areas .two-col.how-container .accordion {
    background-color: var(--red);
}

.tax-focus_areas .all-campaigns {
    display: none;
}

@media (max-width: 781px) {
    .impact-report .wp-block-columns {
        margin-bottom: 0px;
    }

    .tax-focus_areas .current-campaigns .campaign.wide img,
    .wide img {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0;
    }
}

@media (min-width: 782px) and (max-width: 1150px) {
    .impact-report .wp-block-columns {
        flex-wrap: wrap !important;
    }

    .impact-report .wp-block-columns .wp-block-column:not(.header) {
        max-width: calc(50% - 20px);
        min-width: calc(50% - 20px);
    }

    .impact-report .wp-block-columns .blank {
        display: none
    }

    .impact-report .header {
        min-width: 100%;
    }
}

@media (min-width: 900px) {

    .tax-focus_areas .current-campaigns .campaign .wp-block-button,
    .featured-content .wp-block-button {
        bottom: -16px;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        position: absolute;
        right: 0;
    }

    .tax-focus_areas .current-campaigns .campaign {
        width: calc(20% - 10px);
    }

    .tax-focus_areas .current-campaigns .campaign.wide,
    .how-container .wide {
        width: 100%;
        padding-bottom: 0;
    }

    .featured-content {
        width: calc(25% - 10px);
    }

    .tax-focus_areas .all-campaigns article,
    .tax-Issues article {
        width: calc(50% - 40px);
    }

    .tax-focus_areas .two-col>.wp-block-group__inner-container>div:first-child {
        width: calc(40% - 40px);
    }

    .tax-focus_areas .two-col>.wp-block-group__inner-container>div:last-child {
        width: calc(60% - 40px);
    }
}


/* ----------------------
5.6 MEDIA HUB
----------------------- */
.page-template-media-hub-template .site {
    margin-top: -150px !important;
}

#media-hub>div>div>div>div {
    padding-bottom: 0px;
}

#media-hub {
    margin-top: -140px;
}

.media-archive-container .search_bar {
    position: relative;
    z-index: 100;
}

.page-template-media-hub-template .site-footer {
    padding-top: 150px
}

/* ----------------------
5.7 SEARCH PAGE
----------------------- */
.search-results article {
    border: 1px gray solid;
    border-radius: 5px;
    margin: 20px 40px;
    padding: 40px;
}

/* ----------------------
5.8 SINGLE CAMPAIGNS
----------------------- */
.single-campaigns .featured-content-title {
    text-align: center;
}

/* ----------------------
5.9 STAFF PAGES / BOARD PAGES
----------------------- */
.board .wp-block-columns {
    border-radius: 10px;
    background-color: var(--lt-green);
    padding: 40px
}

.board .wp-block-columns .wp-block-column:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
}

.staff-columns .wp-block-column:not(:has(img)){
	background-color: transparent
}

/* @media (min-width: 782px) {
    .staff-columns .wp-block-column {
        max-width: CALC(33% - 20px);
    }
} */

@media (max-width: 781px) {
    .board .wp-block-column:first-child {
        order: 2;
    }

    .board .wp-block-column:last-child {
        order: 1;
    }
}

.staff-columns.staff-columns {
    display: flex;
    flex-wrap: wrap !important;
}

.staff-columns .wp-block-column {
    min-width: CALC(33% - 20px);
}

.staff-pic {
    float: right;
    padding: 20px;
}

.about-cta {
    min-width: 100%;
}

.staff .wp-block-column {
    background-color: var(--lt-green);
    border-radius: 10px;
    position: relative;
    padding: 20px;
}

.staff .wp-block-column .wp-block-image {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 20px;
    margin-left: -20px;
    max-width: none;
    margin-top: -20px;
    height: 200px;
    overflow: hidden;
    width: calc(100% + 40px);
}

.staff .wp-block-image a {
    display: block;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 100%;
}

.staff .wp-block-column .wp-block-image img {
    min-height: 100%;
    min-width: 100%;
    object-fit: cover;
}

.staff .wp-block-column .wp-block-group__inner-container {
    padding: 10px 20px;
}

.staff h3 {
    margin-bottom: 10px;
}

.staff h4 {
    font-size: 20px;
    margin-bottom: 5px
}

.staff .wp-block-column .wp-block-group__inner-container p {
    margin-bottom: 10px
}
@media (min-width: 1001px){
	.page-id-553  .staff-columns .text p:last-child{
	font-size: .8rem
}
}
@media (max-width: 1200px) {
    .staff .wp-block-columns {
        flex-wrap: wrap !important
    }

    .staff .wp-block-column {
        min-width: calc( 50% - 20px);
    }

    .staff .wp-block-column .wp-block-image {
        height: 300px;
    }

}

@media (max-width: 1000px) {
    .staff .wp-block-columns {
        flex-wrap: wrap !important
    }

    .staff .wp-block-column {
        min-width: 100%;
    }

    .staff .wp-block-column .wp-block-image {
        height: 300px;
    }

}


/* ----------------------
5.10 SUCCESS STORIES
----------------------- */
@media (max-width: 1200px) {
    .page-id-74 .white .wp-block-columns {
        flex-wrap: wrap !important;
    }

    .page-id-74 .white .wp-block-column {
        flex-basis: 100% !important;
        width: 100% !important
    }

    .page-id-74 .white .wp-block-column:first-child {
        align-items: center;
        display: flex;
        flex-direction: column;
    }
}

/* ---------------
5.11 VICTORIES / annual reports
----------------- */
.impact-report figure {
    min-height: 100%;
    height: 100%;
    width: 100%;
}

.impact-report figure img {
    min-height: 100%;
    height: 100%;
    min-width: 100%;
    object-fit: cover;
}

/* LEGISLATIVE HIGHLIGHTS BLOCKS */
.leg-highlights .wp-block-group {
	border-radius: 10px;
	margin-bottom: 20px;
}
.leg-highlights .wp-block-group .wp-block-group__inner-container {
	padding: 25px 25px 0 25px;
}
.wins-list {
	margin-left: 0;
}
.wins-list li {
		border: 3px solid var(--aqua);
	border-radius: 10px;
	list-style: none;
	margin-bottom: 20px;
	padding: 25px;
}
.wins-list li strong {
	color: var(--dkblue);
	clear: both;
	font-family: 'Campton Bold', sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.2em;
}
.wins-list li strong::after{
    content: "\a";
    white-space: pre;
}
@media screen and (max-width: 720px) {
	.wins-list li strong {
		font-size: 1.2em;
		line-height: 1.2em;
	}
}

.wins-list svg {
	background-color: var(--aqua);
	border-radius: 5px;
	fill: white;
	float: left;
	margin: 20px 15px 5px 20px;
	padding: 8px;
	width: 50px;
}

.leg-highlights h4.accordion {
	margin-top: -20px !important;
	padding: 0px 15px !important;
}
.leg-highlights .win .accordion.hoverState:hover {
	background: var(--lt-green) !important;
}
.leg-highlights .fail .accordion.hoverState:hover {
	background: var(--lt-red) !important;
}

.leg-highlights .active+.expanded,
.leg-highlights .inactive+.expanded{
	margin: 0 !important;
	padding: 0 0 10px 0 !important;
}

.leg-highlights .win {
		border: 3px solid var(--green);
}
.leg-highlights .fail{
		border: 3px solid var(--red);
}

.leg-highlights .support svg {
	background-color: var(--green);
	border-radius: 5px;
	fill: white;
	float: left;
	margin-right: 10px;
	padding: 8px;
	width: 35px;
}

.leg-highlights .oppose svg {
	background-color: var(--red);
	border-radius: 5px;
	fill: white;
	float: left;
	margin-right: 10px;
	padding: 8px;
	width: 35px;
}

@media (max-width: 1000px) {
    .page-id-518 .wp-block-latest-posts__list {
        flex-wrap: wrap !important;
    }

    .page-id-518 .wp-block-latest-posts__list li {
        width: calc(50% - 25px) !important;
    }

    .page-id-518 .wp-block-latest-posts.columns-3 li:nth-child(3n) {
        margin-right: 1.25em;
    }
}

@media (max-width: 700px) {
    .page-id-518 .wp-block-latest-posts__list li {
        width: 100% !important;
    }
}

/* ---------------
5.12 EVENTS
----------------- */
#tribe-events-footer{
	display: none;
}
.tribe-events-photo-credit{
	text-align: right;
	font-style: italic;
}
/* ---------------
5.13 FAQ
----------------- */
.resources .wp-block-column,
.timeline .wp-block-column {
    background-color: var(--lt-green);
    border-radius: 10px;
    padding: 20px;
}

.resources.img-margin img {
    margin-bottom: 20px;
}

.resources h3 {
    font-size: 20px;
    padding-top: 20px;
}

.timeline h3 {
    font-size: 24px;
    padding-top: 0;
}

.timeline h4 {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 0;
}

.resources .wp-block-column img,
.timeline .wp-block-column img {
    height: auto;
    object-fit: cover;
    width: 100%;
}

/* ---------------
5.14 MAPS
----------------- */
@media (max-width: 600px){
	.wp-block-group__inner-container:has(.acf-map){
/* 		padding: 0px; */
	}
}
.acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 20px 0;
}


.acf-map img {
    max-width: inherit !important;
}

#acf-map .name {
    font-family: 'Campton Bold';
    font-size: 16px;
    margin-bottom: 0px;
    text-decoration: underline;
    transition: color .5s;
}

#acf-map .name:hover {
    color: var(--red);
}

#acf-map .type {
    margin-bottom: 0px
}

#acf a {
    position: relative;
}

#acf-map .name {
    margin-right: 30px
}

#acf-map .name:hover~svg path {
    fill: var(--red);
}

#acf-map svg {
    float: right;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 45px;
    width: 20px;
}

#acf-map svg path {
    fill: var(--mdblue);
    transition: fill .5s;
}


/* ---------------
5.14 SINGLE POSTS
----------------- */
.entry-meta .byline,
.entry-meta .cat-links {
    display: none;
}

.entry-meta .posted-on {
    display: none;
}

.single-post .entry-meta {
    display: none;
}

/* ---------------
5.5.16 BLOG ARCHIVE
----------------- */
.blog .site-main,
.archive.category .site-main {
    display: flex;
    flex-wrap: wrap !important;
    gap: 25px;
    padding: 40px;
}

.blog .site-main article .inside-article,
.blog .site-main article,
.archive.category .site-main article,
.archive.category .site-main article .inside-article {
    min-height: 100%;
}

.blog .site-main article .inside-article,
.archive.category .site-main article .inside-article {
    background-color: var(--lt-green);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    padding: 0px;
    position: relative;
}

.blog .site-main article .inside-article .post-image,
.archive.category .site-main article .inside-article .post-image {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 175px;
    margin: 0px;
    order: -1;
    overflow: hidden;
}

.blog .site-main article .inside-article .post-image img,
.archive.category .site-main article .inside-article .post-image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.blog .site-main article .inside-article header,
.blog .site-main article .inside-article .entry-meta,
.blog .site-main article .inside-article .entry-summary,
.archive.category .site-main article .inside-article header,
.archive.category .site-main article .inside-article .entry-meta,
.archive.category .site-main article .inside-article .entry-summary {
    margin: 20px 0px 0px 0px;
    padding: 0px 20px;
}

.blog .paging-navigation {
    width: 100% !important;
}

.blog .site-main article .inside-article .entry-meta,
.archive.category .site-main article .inside-article .entry-meta {
    display: none;
}

.blog .site-main article .inside-article .entry-summary,
.archive.category .site-main article .inside-article .entry-summary {
    margin-bottom: 60px;
}

.blog .site-main article .inside-article header h2,
.blog .site-main article .inside-article header h2 a,
.archive.category .site-main article .inside-article h2 a {
    color: var(--dkblue);
    font-size: 28px;
    line-height: 30px;
    font-family: 'Campton Bold';
    text-decoration: none;
}

.blog .site-main article .inside-article .entry-summary a,
.archive.category .site-main article .inside-article .entry-summary a {
    bottom: -20px;
    left: 0;
    margin: auto;
    display: block;
    padding: 10px 30px !important;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    width: 160px;
}

@media (min-width: 1200px) {

    .blog .site-main article,
    .archive.category .site-main article {
        max-width: calc(33.33% - 20px);
    }
}

@media (min-width: 800px) and (max-width: 1199px) {

    .blog .site-main article,
    .archive.category .site-main article {
        max-width: calc(50% - 20px);
    }
}

/* ---------------
5.17 STRATEGIC PLAN
----------------- */
.strategic-plan.accordion{
	background-color: var(--orange);
	border-radius: 5px;
	height: fit-content;
	min-width: 100%;
}
.strategic-plan.accordion.active .minus{
	display: block;
}
.strategic-plan.accordion .minus, .strategic-plan.accordion .plus{
	color: white;
	font-size: 2.5em;
	padding-right: 20px;
	margin:0px;
}
.strategic-plan.accordion.inactive .minus{
	display: none;
}
.strategic-plan.accordion.active .plus{
	display: none;
}
.strategic-plan.accordion.inactive .plus{
	display: block;
}
.strategic-plan.accordion .wp-block-group__inner-container{
	align-items: center;
		display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: 30px;
}
.strategic-plan.accordion.hoverState:hover{
	background-color: var(--gold) !important;
}
.strategic-plan.accordion h3{
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.25em;
}
.strategic-plan.accordion + .expanded{
	background-color: var(--lt-gold);
		min-width: 100%;
	padding: 20px 0px 0px 0px !important 
}
.clean-water .strategic-plan.accordion{
	background-color: var(--red);
}
.clean-water .strategic-plan.accordion + .expanded{
	background-color: var(--lt-red);
}
.climate-energy .strategic-plan.accordion{
	background-color: var(--orange);
}
.climate-energy .strategic-plan.accordion + .expanded{
	background-color: var(--lt-orange);
}
.salmon .strategic-plan.accordion{
	background-color: var(--dkblue);
}
.salmon .strategic-plan.accordion + .expanded{
	background-color: var(--lt-dkblue);
}
.hanford .strategic-plan.accordion{
	background-color: var(--gold);
}
.hanford .strategic-plan.accordion + .expanded{
	background-color: var(--lt-gold);
}
.education .strategic-plan.accordion{
	background-color: var(--aqua);
}
.education .strategic-plan.accordion + .expanded{
	background-color: var(--lt-aqua);
}
.education .strategic-plan.accordion .wp-block-group__inner-container, .education .strategic-plan.accordion .wp-block-group__inner-container, .hanford .strategic-plan.accordion .wp-block-group__inner-container, .salmon .strategic-plan.accordion .wp-block-group__inner-container, .clean-water .strategic-plan.accordion .wp-block-group__inner-container, .climate-energy .strategic-plan.accordion .wp-block-group__inner-container{
	padding: 10px !important;
}
@media (max-width: 900px){
	.strategic-plan.accordion .wp-block-group__inner-container img{
			display: none;
	}

	.strategic-plan.accordion .wp-block-group__inner-container h3{
		min-width: calc(100% - 80px);
	}

}

/* ---------------
5.18 LEGACY GIVING
----------------- */
.legacy-quotes blockquote{
	background-color: transparent;
	border-left-color: var(--lt-mdblue);
	border-radius: 0px;
	margin: 20px 0px;
	padding: 0px 20px;
}
.legacy-quotes blockquote p:first-child{
	color: var(--orange);
    font-family: clarendon-text-pro, serif;	font-style: normal;
	font-weight: 500;
	line-height: 28px;
	margin-bottom: 10px
}
.legacy-quotes blockquote p:last-child{
	font-size: .8em;
}

.no-bg{
	background-color: transparent !important
}
.neg-margin-bottom{
	margin-bottom: -120px;
}


/* -------------------------
5.19 spanish bonneville page
--------------------------- */
.youtube-short{
	margin-bottom: 40px;
	width: 400px;
}
#post-498{
	margin-bottom: -200px;
}
.postid-11089 main.site-main{
	margin-top: -60px !important;
}
.postid-11089 time.entry-date{
	display: none !important
}

/* ---------------
6. FOOTER
----------------- */
.footer-widgets-container {
    padding-top: 80px;
}

.home .site-footer {
    margin-top: -60px
}

.site-footer {
    background-color: var(--dkblue);
    padding: 40px;
}

.footer-widgets {
    background-color: var(--dkblue);
    color: white;
    margin: 0px !important;
}

.footer-small {
    font-size: 0.9em;
}

.site-footer .footer-widgets a {
    color: white;
}

.footer-widgets a {
    text-decoration: underline;
}

.wp-social-link {
    background-color: var(--green) !important;
    border-radius: 0px;
}

.site-info {
    display: none
}

.footer-widget-1 {
    /* display: flex;
	flex-direction: column;
	justify-content: space-between; */
    min-width: 70% !important;
    min-height: 100%;
}

.footer-widget-1 .wp-block-columns .wp-block-column,
.footer-widget-1 .wp-block-columns figure {
    max-width: fit-content !important;
}

.footer-widget-2 aside {
    margin-bottom: 0 !important;
}

.footer-widget-2 aside.widget_text {
    margin-bottom: 20px !important;
}

.footer-widget-2 h3 strong {
    color: white;
    font-size: 22px
}

@media (max-width: 768px) {
    .footer-widget-1 {
        min-height: fit-content;
    }

    .footer-widget-1 .wp-block-spacer {
        height: 10px !important;
    }
}

/* ---------------
 * Events Calendar
----------------- */

.tribe-events-l-container a.read-more {
    background-color: transparent !important;
    font-size: 16px !important;
    left: 0 !important;
    padding: 0 5px !important;
    position: relative !important;
    top: 0 !important;
}

.tribe-events-l-container a.read-more::after {
    content: ' »'
}

.tribe-events-calendar-list__month-separator-text {
    color: var(--teal) !important;
    font-family: "clarendon-text-pro", serif !important;
    font-size: 28px !important;
    font-weight: 400 !important;
}

.tribe-events-calendar-list__event-datetime {
    color: var(--teal) !important;
    font-family: "clarendon-text-pro", serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}

.tribe-events-c-view-selector__list .tribe-events-c-view-selector__list-item-text,
.tribe-events-c-search__button {
    font-family: 'Campton Bold' !important;
}

.tribe-events-calendar-list__event-date-tag {
    background-color: var(--lt-green);
    border-radius: 5px;
}

.tribe-events-calendar-list__event-date-tag-datetime {
    margin-top: 20px !important;
}

.tribe-events-calendar-list__event-featured-image-wrapper img {
    border-radius: 5px;
    object-fit: cover;
    overflow: hidden;
}
#tribe-events-footer{
	display: none;
}
/* ---------------
7. EveryAction
----------------- */

.at,
.at-row,
.at-text,
.at-markup,
.radio-description,
.at-checkbox-title,
.at-cover-costs-info {
    font-family: 'Libre Caslon Text', serif !important;
}

header .at-title,
.at fieldset legend,
.at-legend,
.banner-wrap .banner section.contributions h2,
section.contributions h1,
section.contributions h2 {
    font-family: "clarendon-text-pro", serif !important;
    font-weight: 400 !important;
    font-size: 28px !important;
    color: var(--teal) !important;
}


section.contributions h3,
section.contributions h4,
section.contributions h5,
section.contributions h6 {
    color: var(--teal) !important;
    font-family: 'Campton Bold' !important;
}

.at .btn-at,
.at .btn-at-primary,
.at .at-radio label,
.at form .label-amount input:required,
.at-btn-radio.large {
    background-color: var(--sage) !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    color: var(--dkblue) !important;
    font-family: 'Campton Bold' !important;
    text-shadow: none !important;
}

.at form .label-amount input::placeholder {
    color: #BBB !important;
    font-family: 'Campton Bold' !important;
}

.at form .label-amount input:required,
.at-btn-radio.large:checked+a {
    border: 1px solid var(--green) !important;
    color: var(--dkblue) !important;
}

.at form .label-amount input:required::placeholder {
    color: var(--green) !important;
}

.label-otheramount-prefix {
    color: var(--dkblue) !important;
}

.at form .label-amount a {
    background-color: var(--sage) !important;
    opacity: 0.7 !important;
}

.at form .label-amount input[type=radio]:checked+a,
.at .at-submit {
    background-color: var(--green) !important;
}

.at .at-submit:hover,
.at .btn-at:hover,
.at .btn-at-primary:hover,
.at .at-radio label:hover,
.at form .label-amount a:hover {
    background-color: #1a2a52 !important;
    color: #a7c144 !important;
    transition: all .3s ease-out;
}