/*
Theme Name: All American Recycling
Version: 2.0
Description: Customizable responsive accessible Wordpress child theme created by CyberOptik
Author: CyberOptik
Author URI: https://www.cyberoptik.net/
Template: optik-theme-6
*/





/******************************************************************************
 * * *  IMPORTS & VARIABLES  * * * * * * * * * * * * * * * * * * * * * * * * *
******************************************************************************/

@import url("../optik-theme-6/style.css");
/***  Montserrat  ***/ 
/* Medium */
@font-face {
	font-family: 'Montserrat';
	font-weight: 400;
	src: url('fonts/montserrat/montserrat-regular.woff2');
}

/* Bold */
@font-face {
	font-family: 'Montserrat';
	font-weight: 700;
	src: url('fonts/montserrat/montserrat-bold.woff2');
}

/***  Teko  ***/ 
/* Bold */
@font-face {
	font-family: 'Teko';
	font-weight: 500;
	src: url('fonts/teko/teko-medium.woff2');
}



/* Add font imports here */





/******************************************************************************
 * * *  STRUCTURAL ELEMENTS  * * * * * * * * * * * * * * * * * * * * * * * * * 
******************************************************************************/



/***  UNIVERSAL STYLES  ***/

html {
	font-size: 16px;
	font-weight: 400;
}

body {
	line-height: 1.6em;
	font-family: var(--wp--custom--font--1);
	background-color: var(--wp--custom--dark--1);
	color: var(--wp--custom--light--1);
}

:is(.has-primary-background-color,
	.has-primary-main-background-color,
	.has-primary-dark-background-color,
	.has-secondary-background-color,
	.has-secondary-main-background-color,
	.has-secondary-dark-background-color) {
	color: white !important;
}

.font-1 { font-family: var(--wp--custom--font--1); }

.font-2 { font-family: var(--wp--custom--font--2); }

/***  BACK TO TOP BUTTON  ***/

.btt-button [class*="fa"] {
	border-radius: var(--wp--custom--radius--xs);
	background-color: var(--wp--custom--primary--main);
	font-weight: 300;
	color: white;
}

.btt-button:hover [class*="fa"] {
	background-color: var(--wp--custom--primary--dark);
	color: white;
}





/******************************************************************************
 * * *  CONTENT STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * *
******************************************************************************/



/***  TEXT & LINKS  ***/

a {
	color: var(--wp--custom--primary--light);
}

a:hover {
	color: white;
}

.wp-block-cover a:not([class]),
.banner a,
.banner a:hover {
	color: white;
}

.has-white-background-color a:not([class]) {
	color: var(--wp--custom--primary--main);
}

.has-white-background-color a:not([class]):hover {
	color: var(--wp--custom--primary--main);
}

.wp-block-image a {
	transition: all 300ms ease-in-out;
}

.wp-block-image a:hover {
	transform: scale(1.05);
}

.main-wrap a:not([class]):not(:has(img)),
.cta-bar a:not([class]),
.banner .entry-meta a {
	border-bottom: 1px dotted;
}

.main-wrap a:not([class]):not(:has(img)):hover,
.cta-bar a:not([class]):hover,
.banner .entry-meta a:hover {
	border-bottom-style: solid;
}

:is(.has-primary-background-color,
	.has-primary-dark-background-color,
	.has-secondary-background-color,
	.has-secondary-dark-background-color) a:not(.wp-block-button__link) {
	color: var(--wp--custom--light--1);
}

:is(.has-primary-background-color,
	.has-primary-dark-background-color) a:not(.wp-block-button__link):hover {
	color: var(--wp--custom--secondary--light);
}

:is(.has-secondary-background-color,
	.has-secondary-dark-background-color) a:not(.wp-block-button__link):hover {
	color: var(--wp--custom--primary--light);
}



/***  HEADINGS  ***/

h1,
h2,
h3,
h4,
h5,
h6,
.heading-1,
.heading-2,
.heading-3,
.heading-4,
.heading-5,
.heading-6 {
	font-weight: 500;
	color: var(--wp--custom--secondary--light);
	font-family: var(--wp--custom--font--2);
	letter-spacing: 1px;
	line-height: 1.1;
}


.has-secondary-light-background-color,
:is(.has-primary-light-background-color,
	.has-secondary-light-background-color,
	.has-light-1-background-color,
	.has-light-2-background-color,
	.has-light-3-background-color) :is(h1, h2, h3, h4, h5, h6,
	.heading-1,
	.heading-2,
	.heading-3,
	.heading-4,
	.heading-5,
	.heading-6) {
	color: var(--wp--custom--dark--1) !important;
}

h1,
.heading-1 {
	font-size: 5em;
    text-transform:uppercase;
}

h2,
.heading-2 {
	font-size: 4em;
    text-transform:uppercase;
    color:white;
}

h3,
.heading-3 {
	font-size: 2.25em;
}

h4,
.heading-4 {
	font-size: 1.5em;
}

h5,
.heading-5 {
	font-size: 1.25em;
}

h6,
.heading-6 {
	font-size: 1.1em;
}

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

	h1,
	.heading-1 {
		font-size: 3.5em;
	}

	h2,
	.heading-2 {
		font-size: 3em;
	}
}

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

	h1,
	.heading-1 {
		font-size: 2.75em;
	}

	h2,
	.heading-2 {
		font-size: 2.35em;
	}

	h3,
	.heading-3 {
		font-size: 1.7em;
	}
}

.is-layout-flow>h1,
.is-layout-flow>h2,
.is-layout-flow>h3,
.is-layout-flow>h4,
.is-layout-flow>h5,
.is-layout-flow>h6 {
	margin-block-end: 0.25em;
}

/***  BORDERS & DIVIDERS  ***/

hr,
.divider {
	display: block;
	width: 100%;
	height: 1px;
	border: 0;
	border-top: 1px solid #e2e2e2;
	margin: 2.5em auto;
	padding: 0;
}



/***  BUTTONS  ***/

.button,
.wp-block-button__link,
.button-outline,
.is-style-outline .wp-block-button__link {
	padding: 0.9em 2.25em .7em;
	border-color: var(--wp--custom--primary--main);
	border-radius: var(--wp--custom--radius--xs);
	background-color: var(--wp--custom--primary--main);
	color: white;
	border-width: 2px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 1.15em;
	font-family: var(--wp--custom--font--2);
}

.button:hover,
.wp-block-button__link:hover,
.button-outline:hover,
.is-style-outline .wp-block-button__link:hover {
	border-color: var(--wp--custom--primary--dark);
	background-color: var(--wp--custom--primary--dark);
	color: white;
	transform: translateY(-3px);
}

.button [class*="fa"],
.wp-block-button__link [class*="fa"],
.button:hover [class*="fa"],
.wp-block-button__link:hover [class*="fa"] {
	color: inherit !important;
}

/* Outlined Button */

.button-outline,
.is-style-outline .wp-block-button__link {
	background: none;
	color: var(--wp--custom--primary--main);
}

.button-outline:hover,
.is-style-outline .wp-block-button__link:hover {
	border-color: var(--wp--custom--secondary--main);
	background: none;
	color: var(--wp--custom--secondary--main);
}



/***  ICONS  ***/

.fa {
	font-weight: 300;
}

/* Icon Colors */

.fa,
.fas,
.far,
.fal,
.fab {
	color: var(--wp--custom--primary--main);
}

a .fa,
a .fas,
a .far,
a .fal,
a .fab {
	color: var(--wp--custom--primary--main);
}

a:hover .fa,
a:hover .fas,
a:hover .far,
a:hover .fal,
a:hover .fab {
	color: var(--wp--custom--secondary--main);
}

/* Icon Backgrounds */

.fa-bg {
	background-color: var(--wp--custom--primary--main);
	color: white;
}

a .fa-bg {
	background-color: var(--wp--custom--primary--main);
	color: white;
}

a:hover .fa-bg {
	background-color: var(--wp--custom--secondary--main);
	color: white;
}

/* Icon Borders */

.fa-br {
	border-color: var(--wp--custom--primary--main);
}

a .fa-br {
	border-color: var(--wp--custom--primary--main);
}

a:hover .fa-br {
	border-color: var(--wp--custom--secondary--main);
}

.icon-container {
	fill: var(--wp--custom--light--1);
}

/***  LISTS  ***/

.arrow-list li:before,
.check-list li:before,
.check-circle-list li:before,
.icon-list li:before,
.contact-list li:before,
.arrow-list li [class*="fa"],
.check-list li [class*="fa"],
.check-circle-list li [class*="fa"],
.icon-list li [class*="fa"],
.contact-list li [class*="fa"] {
	color: var(--wp--custom--primary--light);
}

/*lists*/
.has-primary-dark-background-color [class*="is-style-"][class*="-list"] li:before,
.has-primary-dark-background-color [class*="is-style-"][class*="-list-item"]:before,
.has-primary-main-background-color [class*="is-style-"][class*="-list"] li:before,
.has-primary-main-background-color [class*="is-style-"][class*="-list-item"]:before {
	color: var(--wp--custom--secondary--light);
}

.has-secondary-main-background-color [class*="is-style-"][class*="-list"] li:before,
.has-secondary-main-background-color [class*="is-style-"][class*="-list-item"]:before,
.has-secondary-dark-background-color [class*="is-style-"][class*="-list"] li:before,
.has-secondary-dark-background-color [class*="is-style-"][class*="-list-item"]:before {
	color: var(--wp--custom--primary--light);
}

@media (min-width:601px) and (max-width:900px) {
	.tablet-list-2 {
		columns: 2;
	}
}

.contact-list li a { color: white; } 

.contact-list li a:hover {color: var(--wp--custom--primary--light);}


/***  FORMS  ***/

/* Inputs */

input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"],
input[type="week"],
textarea,
select,
.filter-reset,
.gform_drop_area {
	border-radius: var(--wp--custom--radius--xs);
	background-color: black !important;
	color: var(--wp--custom--light--1) !important;
	border-color: var(--wp--custom--dark--2) !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
textarea:focus,
select:focus {
	border-color: var(--wp--custom--primary--main);
}

.gfield_label,
.gform-field-label,
.gfield_description,
.ginput_preview span,
.dashicons:before {
	color: white !important;
}

.gform_submission_error,
.gfield_required,
.gfield_validation_message,
.gform-icon {
	color: var(--wp--custom--primary--x-light) !important;
}

.gform-theme--framework .gform_validation_errors {
	border-color: var(--wp--custom--primary--x-light) !important;
}

.gform_wrapper select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23ffffff' d='M5 7l5 5 5-5z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 4px center !important;
	background-size: 16px !important;
}

.search-form[role='search'] .search-field[role='searchbox'] { padding-right: 65px; }

/* Buttons */

input[type="submit"],
input[type="reset"],
input[type="button"],
form button {
	border-color: var(--wp--custom--primary--main) !important;
	border-radius: var(--wp--custom--radius--xs) !important;
	background-color: var(--wp--custom--primary--main) !important;
	color: white !important;
	border-width: 2px !important;
	text-transform: uppercase !important;
	letter-spacing: .5px !important;
	font-size: .9em !important;
}

input[type="Submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
form button:hover {
	background-color: var(--wp--custom--primary--dark) !important;
	border-color: var(--wp--custom--primary--dark) !important;
	color: white !important;
	transform: translateY(-3px);
}


input[type="Submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
form button:active {
	border-color: var(--wp--custom--primary--dark);
	background-color: var(--wp--custom--primary--dark);
	color: white;
}





/******************************************************************************
 * * *  HEADER STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
******************************************************************************/



/***  SCROLL BAR  ***/

.scroll-bar {
	background-color: black;
	border-bottom: 2px solid var(--wp--custom--dark--1);
}

.scroll-logo {
	max-height: 50px;
}


/***  TOP BAR  ***/

.top-bar {
	background-color: transparent;
	padding-bottom: 0;
	margin-bottom: 12px;
}

.top-bar .widget_nav_menu {
	text-align: right;
	font-size: .9em;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

#menu-top-bar { 
	display: flex;
	gap: 20px; 
	align-items: center;
}

@media screen and (min-width:601px){
    #menu-top-bar{
        justify-content: flex-end;;
    }
}


.top-bar .top-bar-widget .menu a:not([href='#schedule']) {
	padding: 0.5em 0.75em;
	border: 1px solid var(--wp--custom--primary--light);
	border-radius: var(--wp--custom--radius--xs);
    background-color: var(--wp--custom--primary--main);
	color: white;
	display: inline-block;
	line-height: 1;
}

.top-bar-widget .menu a:not([href='#schedule']):hover {
	background-color: unset;
	color: var(--wp--custom--primary--light);
}

.top-bar .top-bar-widget .menu a[href='#schedule'] { color: white; }

.top-bar .top-bar-widget .menu a[href='#schedule']:hover { color: var(--wp--custom--primary--light); }

@media screen and (max-width:600px) {
	.top-bar .widget_nav_menu {
		text-align: center;
		font-size: .8em;
		margin-bottom: 15px;
	}
}

/***  HEADER  ***/

/*transparent-header*/
.header-wrap {
	position: absolute;
	z-index: 99;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.21) 25%, rgb(255 255 255 / 0%) 100%);
    
}

.header-logo {
	max-height: 70px;
}

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

.top-bar-container,
.header-container,
.scroll-bar-container {
	max-width: 1920px;
}

/* Menu Button */

.header .menu-button [class*="fa"],
.header .menu-button:hover [class*="fa"] {
	color: white;
}

.header .menu-button.active [class*="fa"] {
	background-color: var(--wp--custom--primary--main);
	color: white;
}



/***  NAVBAR  ***/

.navbar {}

.nav-menu{
	text-transform:uppercase;
    letter-spacing: .3px;
}


/***  NAV MENUS  ***/
@media screen and (max-width:1430px) {
	.nav-menu{
        letter-spacing:unset;
        font-size: .9em;
    }
    
	.nav-menu>li {
		padding: 0 4px;

	}
}

@media screen and (max-width:1280px) {
	.nav-menu{
        letter-spacing:unset;
        font-size: .8em;
    }
}

.nav-menu>li>a,
.nav-menu>li>span,
.nav-menu>li>button {
	color: white;
}

.nav-menu>li:last-of-type,
.nav-menu>li:last-of-type a {
	padding-right: 0;
}

.single-post .nav-menu>li.posts-link>a,
.category .nav-menu>li.posts-link>a,
.single-service .nav-menu>li.services-link>a,
.single-career .nav-menu>li.careers-link>a,
.single-resource .nav-menu>li.resources-link>a,
.nav-menu>li.current-menu-ancestor>a,
.nav-menu>li.current-menu-ancestor>span,
.nav-menu>li.current-menu-ancestor>button,
.nav-menu>li.current-menu-item>a,
.nav-menu>li.current-menu-item>span,
.nav-menu>li.current-menu-item>button,
.nav-menu>li:hover>a,
.nav-menu>li:hover>span,
.nav-menu>li:hover>button {
	color: var(--wp--custom--primary--light);
}

/* Nav Button */

.nav-menu>li.nav-button {
	background-color: transparent !important;
}

.nav-menu>li.nav-button>a {
	margin-left: 10px;
	margin-right: 10px;
	background-color: var(--wp--custom--primary--main);
	border-radius: var(--wp--custom--radius--xl);
	color: white;
}

.nav-menu>li.nav-button>a:hover {
	background-color: var(--wp--custom--primary--light);
}

/* Dropdowns */
.nav-menu li ul li:first-child {
	padding-top: 8px;
}

.nav-menu li ul li:last-child {
	padding-bottom: 8px;
}

.nav-menu li>ul {
	background-color: var(--wp--custom--dark--1);
}

.nav-menu li ul>li>a,
.nav-menu li ul>li>span,
.nav-menu li ul>li>button {
	color: var(--wp--custom--light--3);
	background-color: var(--wp--custom--dark--1);
}

.nav-menu li:hover>a,
.single-careers .nav-menu li ul li.careers-link>a,
.nav-menu li ul li.current-menu-item>a,
.nav-menu li ul li.current-menu-item>span,
.nav-menu li ul li.current-menu-item>button,
.nav-menu li ul li:hover>a,
.nav-menu li ul li:hover>span,
.nav-menu li ul li:hover>button {
	color: var(--wp--custom--primary--light);
}

/* Nested Dropdowns */

.nav-menu li ul li ul {
	top: -8px;
}



/***  HIDDEN NAV  ***/

.hidden-menu .sub-menu {
	padding-left: 7px;
}

.hidden-menu li a {
	color: var(--wp--custom--dark--1);
}

.hidden-menu li.current-menu-item>a {
	color: var(--wp--custom--primary--dark);
}





/******************************************************************************
 * * *  BODY STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
******************************************************************************/



/***  BANNER  ***/

.banner {
	background-color: var(--wp--custom--light--3);
	background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgb(29 36 92) 80%);
	color: white;
	text-align: left;
	text-shadow: 1px 1px 20px #00000080;
}

.banner:before {
	background-attachment: fixed;
}


.banner-container {
	padding-top: 85px;
}

.banner-inner {
	padding-top: var(--wp--custom--spacer--lg);
	padding-bottom: var(--wp--custom--spacer--lg);
}

.banner-tall .banner-inner{
    min-height: 500px;

}

.banner-viewheight .banner-inner {
	padding-top: calc(var(--wp--custom--spacer--lg) + 140px);
	padding-bottom: var(--wp--custom--spacer--lg);
}

.banner :is(h1, h2, h3, h4, h5, h6) {
	color: white;
}

@media screen and (min-width:901px) {
	.deck-wrap {
		max-width: 70%;
		margin: auto; 
		text-align: center;
	}
}

.custom-banner {
	text-shadow: 1px 1px 20px #00000080;
}

.custom-banner .wp-block-cover__background {
	background: linear-gradient(180deg, rgb(0 0 0) 0%, rgb(29 36 92) 80%);
}

.custom-banner .wp-block-group {
	padding-top: 120px !important;
}



/***  HEADLINE BAR  ***/

.headline-bar {}

@media screen and (min-width:901px) {
.headline-wrap {
text-align: center;
}
}


/***  ENTRY NAVBAR  ***/

.entry-menu>li>a {
	color: var(--wp--custom--dark--3);
}

.entry-menu>li.current-menu-item>a,
.entry-menu>li:hover>a {
	color: var(--wp--custom--primary--main);
}



/***  MAIN  ***/

.main {
	padding-top: var(--wp--custom--spacer--xxl);
	padding-bottom: var(--wp--custom--spacer--xxl);
}



/***  ARCHIVE  ***/

/* Entry Cols */

.entry-cols .entry-link {
	border-radius: var(--wp--custom--radius--xs);
	background-color: black;
	overflow: hidden;
	color: var(--wp--custom--light--1);
}

.entry-cols .entry-link:hover {
	transform: translateY(-3px);
}

.entry-cols .entry-icon-wrap:first-child {
	padding: 30px 30px 0;
}

.entry-cols .entry-icon svg {
	width: 60px;
	fill: var(--wp--custom--primary--main);
}

.entry-cols .entry-text-wrap {
	padding: 30px;
}

.includes-link-text .entry:not(.col-full) .entry-text-wrap {
	padding-bottom: 80px;
}

.entry-cols .entry:not(.col-full) .entry-link-text-wrap {
	left: 30px;
	bottom: 30px;
}

.entry-cols .entry-link .entry-link-text {
	color: var(--wp--custom--primary--light);
	font-family: var(--wp--custom--font--2);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 1.15em;
}

.entry-cols .entry-link:hover .entry-link-text {
	color: var(--wp--custom--secondary--light);
}

img[src*="/images/thumb-default.png"] {
	background-color: var(--wp--custom--dark--3);
}

/* Archive Pagination */

.archive-pagination a {
	border-radius: var(--wp--custom--radius--xs);
	border-color: var(--wp--custom--primary--light);
	color: var(--wp--custom--primary--light);
	transition: all 350ms ease-in-out;
}

.archive-pagination a:hover {
	background-color: var(--wp--custom--primary--dark) !important;
	border-color: var(--wp--custom--primary--dark) !important;
	color: white !important;
	transform: translateY(-3px);
}

.archive-pagination a [class*="fa"],
.archive-pagination a:hover [class*="fa"] {
	color: inherit !important;
	transition: all 0ms ease-in-out;
}


/***  SINGLE  ***/


.banner .entry-meta { text-align: center; }


/******************************************************************************
 * * *  FOOTER STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
******************************************************************************/



/***  CTA BAR  ***/

.cta-bar {
	padding-top: var(--wp--custom--spacer--lg);
	padding-bottom: var(--wp--custom--spacer--lg);
	background-color: var(--wp--custom--secondary--dark);
}

.cta-bar h1,
.cta-bar h2,
.cta-bar h3,
.cta-bar h4,
.cta-bar h5,
.cta-bar h6 {
	color: white;
}




/***  FOOTER  ***/

.footer {
	padding-top: 0;
	padding-bottom: 0;
	background-color: var(--wp--custom--secondary--dark);
	color: white;
	font-size: 0.9em;
}

.footer-container {
	padding-left: 0;
	padding-right: 0;
	max-width: unset;
	padding-bottom: var(--wp--custom--spacer--md);
}

.footer ul li:before {
	font-weight: 700;
}

.footer .location-cols {
	gap: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.footer .wp-block-group {
	border-top: 1px solid var(--wp--custom--light--2);
	border-bottom: 1px solid var(--wp--custom--light--2);
}

.footer .location-cols .wp-block-column {
	padding-top: var(--wp--custom--spacer--lg);
	padding-bottom: var(--wp--custom--spacer--lg);
}

.footer .location-cols .wp-block-column:nth-last-of-type(2) {
	border-left: 1px solid var(--wp--custom--light--2);
	border-right: 1px solid var(--wp--custom--light--2);
}

@media screen and (max-width:900px) {
	.footer .location-cols .wp-block-column:nth-last-of-type(2) {
		border-left: none;
		border-right: none;
		border-top: 1px solid var(--wp--custom--light--2);
		border-bottom: 1px solid var(--wp--custom--light--2);
	}
}

.footer .location-cols .wp-block-heading {
	text-align: center;
}

.footer .location-cols ul {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}


/***  6.3 BOTTOM BAR  ***/

.bottom-bar {
	background-color: var(--wp--custom--secondary--dark);
	font-size: 0.9em;
	color: white;
}

/* Menus */

.bottom-bar a {
	color: var(--wp--custom--light--3);
}

.bottom-bar a:hover {
	color: var(--wp--custom--primary--light);
}

.bottom-bar .credits a { border-bottom: 1px dashed currentColor; }

.bottom-bar .credits a:hover { border-bottom-style: solid; }





/******************************************************************************
 * * *  7 CUSTOM STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * 
******************************************************************************/

/* Add custom theme styles here */
@media screen and (max-width: 900px) {
	.wp-block-columns .wp-block-column {
		flex-basis: 100% !important;
	}
}

/*details*/
details summary {
	background-color: var(--wp--custom--dark--4) !important;
    color:white;
}

details summary:hover {
	background-color: black!important;
}

details[open] summary {
	background-color: var(--wp--custom--secondary--light) !important;
	color: black !important;
}

details summary:after{
	color:var(--wp--custom--primary--light);
}

details[open] summary:after{
	color:black;
}

details summary:hover:after{
    transform: translateY(-50%) rotate(90deg);
}

#policy .accordion-heading,
#policy summary::after { color: inherit; }



/***  ICON CARDS  ***/

.icon-cards {
	text-align: center;
}

.icon-cards .wp-block-column {
	background-color: var(--wp--custom--light--2);
	padding: var(--wp--custom--spacer--md) var(--wp--custom--spacer--sm);
	transition: all 350ms ease-in-out;
}

.icon-cards .wp-block-column:hover {
	background-color: var(--wp--custom--primary--main);
	color: white;
}

.icon-cards .wp-block-column .wp-block-heading,
.icon-cards .wp-block-column .wp-block-heading a {
	color: var(--wp--custom--primary--main);
	border-bottom: none;
	transition: all 350ms ease-in-out;
}

.icon-cards .wp-block-column:hover .wp-block-heading,
.icon-cards .wp-block-column:hover .wp-block-heading a,
.icon-cards .wp-block-column:hover .wp-block-heading a:hover {
	color: white;
}

.icon-cards .wp-block-outermost-icon-block {
	justify-content: center;
}

.icon-cards .wp-block-heading:not(:first-child) {
	margin-top: 0.25em;
	font-size: 1.45em;
}

/*media text*/
.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
	padding-right: 0;
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
	padding-left: 0;
}

@media screen and (max-width:600px) {
	.wp-block-media-text .wp-block-media-text__content {
		padding-left: 0;
		padding-right: 0;
	}
}

.wp-block-social-link {
	border-radius: var(--wp--custom--radius--xs);
}

/*home banner video*/
@media screen and (max-width:600px) {
	.home-banner-cols {
		flex-direction: column;
		align-items: flex-start;
	}
}

.play-video {
	display: inline-block !important;
}

.play-video~.wp-block-embed:not(.block-editor-block-list__block),
.play-video~.wp-block-video:not(.block-editor-block-list__block){
	display: none;
}

/* Play button */
.play-video svg {
	cursor: pointer;
	transition: all 300ms ease-in-out;
}

.play-video:hover svg {
	fill: var(--wp--custom--primary--main) !important;
	transform: translateY(-3px);
}

/* Popup */
.video-popup.jspopup-video {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 99999;
}

.jspopup-video .video-popup-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .8);
	z-index: -1;
}

.jspopup-video .video-popup-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: min(90vw, 1000px);
	aspect-ratio: 16 / 8.45;
}

/* Video (portrait) sizing override */
.jspopup-video .video-popup-content.is-video {
	width: auto;
	height: 90vh;
	max-width: 90vw;
	aspect-ratio: auto;
}

.jspopup-video .video-popup-frame,
.jspopup-video .video-popup-frame iframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
}

.jspopup-video .video-popup-content.is-video .video-popup-frame,
.jspopup-video .video-popup-content.is-video .video-popup-frame video {
	width: auto;
	height: 100%;
	max-width: 90vw;
	display: block;
}

.jspopup-video .video-popup-close {
	position: absolute;
	top: -45px;
	right: 0;
	background: none;
	border: none;
	color: white;
	font-size: 2.5em;
	line-height: 1;
	cursor: pointer;
	padding: 0;
	transition: all 300ms ease-in-out;
}

.jspopup-video .video-popup-close:hover {
	color: var(--wp--custom--primary--light);
}

/* Mobile */
@media (max-width: 767px) {
	.jspopup-video .video-popup-content {
		width: 95vw;
	}
}

/*cards*/
.is-style-cards .wp-block-column {
	background-color: var(--wp--custom--dark--1);
	padding-left: var(--wp--custom--spacer--sm);
	padding-right: var(--wp--custom--spacer--sm);
	padding-top: var(--wp--custom--spacer--md);
	padding-bottom: var(--wp--custom--spacer--md);
	position: relative;
	transition: all 300ms ease-in-out;
	box-shadow: var(--wp--custom--shadow--2);
}

.is-style-cards .wp-block-column:has(a) {
	padding-bottom: var(--wp--custom--spacer--xxl);
}

.is-style-cards .wp-block-column:has(a):hover {
	box-shadow: var(--wp--custom--shadow--1);
}

.is-style-cards .wp-block-column .wp-block-buttons {
	width: calc(100% - 60px);
}

body:not(.wp-admin):not(.block-editor-iframe__body) .is-style-cards .wp-block-column .wp-block-buttons {
	position: absolute;
	bottom: 30px;
}

.is-style-cards .wp-block-column:hover .wp-block-button__link {
	border-color: var(--wp--custom--primary--dark);
	background-color: var(--wp--custom--primary--dark);
	color: white;
	transform: translateY(-3px);
}

.is-style-cards.box-counter.save-cans-steps .wp-block-column {
	padding-top: var(--wp--custom--spacer--xl);
}

/*card cover*/
.is-style-card {
	position: relative;
}

.is-style-card .wp-block-cover .wp-block-cover__background {
	transition: all 300ms ease-in-out;
}

.is-style-card .wp-block-cover:hover .wp-block-cover__background {
	opacity: .8;
}


.is-style-card:hover .wp-block-button__link {
	border-color: var(--wp--custom--primary--dark);
	background-color: var(--wp--custom--primary--dark);
	color: white;
	transform: translateY(-3px);
}

.is-style-card .wp-block-buttons {
	position: absolute;
	bottom: 30px;
	left: 20px;
	width: calc(100% - 40px);
	pointer-events: none;
}

/*overlap-img-right*/
.overlap-img-left,
.overlap-img-right {
	position: relative;
	z-index: 1;
}

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

	.overlap-img-left,
	.overlap-img-right {
		text-align: center;
	}

	.overlap-img-right .wp-block-buttons {
		justify-content: center;
	}

	.overlap-img-left .wp-block-column:last-of-type,
	.overlap-img-right .wp-block-column:first-of-type {
		padding-bottom: 0 !important;
	}

	.overlap-img-left .wp-block-column:first-of-type img,
	.overlap-img-right .wp-block-column:last-of-type img {
		max-height: 60vh;

	}

	.overlap-img-left .wp-block-column:first-of-type .wp-block-image,
	.overlap-img-right .wp-block-column:last-of-type .wp-block-image {
		margin: unset !important;
	}
}

/*membership-gallery*/
.membership-gallery .wp-block-image {
	margin-bottom: 0 !important;
	width: auto !important;
	max-width: 150px !important;
    filter: grayscale(100%) invert(100%);
}

@media screen and (max-width:600px) {
	.membership-gallery .wp-block-image {
		max-width: 78px !important;
	}
}

.membership-gallery {
	justify-content: center;
}

.membership-gallery .wp-block-image img {
	max-height: 100px;
	object-fit: contain;
}

/*recycling-services-cols*/
@media (min-width:601px) and (max-width:900px) {
	.limit-50-cols .wp-block-column {
		max-width: 50%;
	}
}

.is-style-fancy img {
	border-radius: var(--wp--custom--radius--xs);
}

/*two-col-list-mobile*/
@media screen and (max-width:600px) {
	.two-col-list-mobile {
		columns: 2;
	}
}

/*save-cans*/
@media (min-width:901px) and (max-width:1300px) {
	.save-cans .wp-block-image {
		width: 100% !important;
		max-width: 400px !important;
		margin: auto !important;
	}
}


/*event partners gallery*/
.event-partners{justify-content: center;}

.event-partners .wp-block-image {
	margin-bottom: 0 !important;
	border: 1px solid var(--wp--custom--dark--2);
	aspect-ratio: 4 / 3;
	background-color: white;
}

@media (min-width:601px) and (max-width:1024px) {
	.event-partners .wp-block-image {
		width: calc(33.33% - 20px) !important;
	}
}

.event-partners a {
	display: inline-flex;
	padding: 1em .5em;
}

.event-partners a,
.event-partners a:hover {
	border-bottom: none !important;
}

.event-partners.wp-block-gallery.has-nested-images figure.wp-block-image img {
	max-width: 200px !important;
	max-height: 150px;
	object-fit: contain;
	width: 100%;
	margin: auto;
}

/*box counter*/
.box-counter {
	counter-reset: box-counter;
}

.box-counter h3 {
	counter-increment: box-counter;
	position: relative;
	z-index: 2;
	margin-top: 40px;
}

.box-counter h3:after {
	content: '0' counter(box-counter) '.';
	font-size: .85em;
	position: absolute;
	top: -40px;
	left: 0;
	width: 100%;
}

.box-counter.save-cans-steps h3:after {
	color: #f7a0f4;
}

/*.archive-navbar .filter-form > **/
.archive-navbar .filter-form>* {
	margin: 10px;
}

/*process-grid*/
@media screen and (max-width:1024px) {
	.process-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media screen and (max-width:600px) {
	.process-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}
}

.process-grid>.wp-block-group {
	background-color: black;
	padding-left: var(--wp--custom--spacer--xs);
	padding-right: var(--wp--custom--spacer--xs);
	padding-top: var(--wp--custom--spacer--md);
	padding-bottom: var(--wp--custom--spacer--md);
	position: relative;
	transition: all 300ms ease-in-out;
	box-shadow: var(--wp--custom--shadow--2);
}

.process-grid .icon-container {
	background-color: var(--wp--custom--primary--dark);
	padding: 7px;
	border-radius: var(--wp--custom--radius--xs);
}

/*accordion-summary*/
.accordion-summary {
	padding-left: 3em !important;
}

.accordions .accordion-heading{
	color: var(--wp--custom--dark--1);
}

.accordions details:hover .accordion-heading,
.accordions details:hover summary:after{
	color: var(--wp--custom--light--1);
}

/*accepted-materials*/
.accepted-materials{
    box-shadow: var(--wp--custom--shadow--2);
}

/*wp-social-link*/
.wp-social-link{border-radius:1px!important;}


.video-popup-wrapper::after {
    font-size: 3.625em;
}

.post-password-form p{
    display: flex;
    align-items: flex-end;
    gap: 20px;
}

#filter-submit, .filter-reset{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    text-transform:uppercase;
}

.filter-reset:hover{ 
	transform: translateY(-3px);
    background-color: var(--wp--custom--dark--1) !important;
}

.wpgmza_infowindow_description a{    color: var(--wp--custom--primary--dark);}

.wpgmza_infowindow_description a:hover{    color: var(--wp--custom--secondary--dark);}

.z-index-1{
position:relative;
z-index:1;
}

/*popup maker*/
.pum-close{
    color: white!important;
    background-color: var(--wp--custom--secondary--dark)!important;
    border-radius: 0!important;
    font-size: 2em!important;
    padding: 10px!important;
    height: auto!important;
    width: auto!important;
    display: flex!important;
    justify-content: center!important;
    transition: all 300ms ease-in-out;
}

.pum-close:hover{
	color: var(--wp--custom--secondary--dark)!important;
    background-color: white!important;
}

/* Link Modal */
.link-modal { cursor: pointer; }