/* 
 * Last modified: 17/07
 */

/****** Greens Track Record Pattern ******/


.is-greens-record .is-greens-record-grid {
	border-top: solid 2px var(--wp--preset--color--accent-4);
}

.is-greens-record .is-greens-record-cell {
	width: 50%;
	border-bottom: solid 2px var(--wp--preset--color--accent-4);
	align-self: stretch;
}

.is-greens-record .is-greens-record-cell .is-greens-record-icon {
	width: 6.25rem;
	min-width: 6.25rem;
}

@media (min-width: 1100px) {
	.is-greens-record.wp-block-group {
		max-width: 70vw;
	}
}

@media (max-width: 850px) { 
	.is-greens-record .is-greens-record-cell {
		flex-direction: column;
		text-align: center;
	}
}

@media (max-width: 781px) {
	.is-greens-record .is-greens-record-cell {	
		width: 100%;
	}
}

/****** Power Up Donation Block ******/

.block-editor-block-list__block.is-power-up-block-offset.wp-block,
.is-power-up-block-offset {
    position: relative;
    z-index: 2;
    margin-top: -6rem !important;
}

@media (max-width: 781px) {
    .is-power-up-block-offset:not(.block-editor-block-list__block) {
        margin-top: -9rem !important;
		padding: var(--wp--preset--spacing--40) !important;
    }
	
	.is-power-up-block .is-power-up-buttons.wp-block-group {
		flex-direction: row;
		flex-wrap: wrap;
		gap: var(--wp--preset--spacing--30);
	}
	
	.is-power-up-buttons .wp-block-button {
		flex-basis: 45%;
	}
}

/****** Get Involved ******/ 

.is-get-involved-item a {
	text-decoration: none;
	 pointer-events: auto;
}

.is-get-involved-item {
	pointer-events: none;
}

.is-get-involved-item:hover {
	background-color: #00A651 !important;
}


/****** Faux buttons for homepage ******/ 

.editor-styles-wrapper .is-faux-button {
	max-width: 300px;
	width: 100%;
}

.is-faux-button {
	display: flex;
	width: 100%;
	max-width: 300px;
	
}

@media screen and (max-width: 695px) {
	.is-faux-button {
		flex-direction: row !important;
		gap: 1rem !important;
		
	}
}

.is-faux-button > a {
    width: 100%;
    display: flex;
    flex-direction: inherit;
    justify-content: inherit;
    align-items: inherit;
    gap: inherit;
}

.is-faux-button > a > p,
.is-faux-button > a > p a,
.is-faux-button > a > figure{
	margin: 0;
}

.is-faux-button a {
	text-decoration: none;
}

.is-faux-button:has(a > p  a) {
	padding: 0 !important;
}

.is-faux-button:has(a > p  a) > a {
    padding-top: var(--wp--preset--spacing--10);
    padding-right: var(--wp--preset--spacing--10);
    padding-bottom: var(--wp--preset--spacing--10);
    padding-left: var(--wp--preset--spacing--10);
	box-sizing: border-box;
	background-color: inherit;
	border-radius: inherit;
}

.is-faux-button:has(a > p  a) > a:hover,
.is-faux-button:has(a > p  a:focus-visible) a,
.is-faux-button:has(a > p  a) > a:focus-visible{
	background-color: var(--wp--preset--color--accent);
}

/*************** Post Meta ***********/

.is-community-post-banner .wp-block-social-links {
	font-size: var(--wp--preset--font-size--medium);
	gap: var(--wp--preset--spacing--20);
}


.is-community-post-banner .is-community-post-meta .wp-block-group {
	gap: 0.25rem;
} 

.is-community-post-banner .is-community-post-meta i {
	color: var(--wp--dynamic--category--color);
	font-size: var(--wp--preset--font-size--medium);
	padding-right: 0.25rem;
}

/************* Share Links *************/

.is-community-post-banner .share-row li.wp-social-link a svg:hover,
.is-community-post-banner .share-row li.wp-social-link a svg:focus-visible{
	fill: var(--wp--preset--color--contrast-3);
}

.is-community-post-banner .share-row li.wp-social-link a:focus {
	outline-width: 0px !important;
}

.share-other-unavailable a.share-other-unavailable,
.copy-url-unavailable a.copy-url-unavailable {
	display: none;
}

.share-other-available a.share-other-available,
.copy-url-available a.copy-url-available {
    display: block;
}

.is-community-post-banner .share-row {
	flex-wrap: wrap;
	justify-content: flex-end;
	height: 1.5rem;
}

.share-text-row {
	font-size: 0.775rem;
	flex-basis: 100%;
	text-align: right;
	height: 0px;
	display: flex;
    flex-direction: column;
	color: var(--wp--preset--color--contrast-3);
	gap: 0px;
}


.share-text-row span {
	position: relative;
    right: 0;
    opacity: 0;
    transition: opacity .1s;
	line-height: 0;
}

ul.share-row .wp-social-link-facebook:focus-visible ~ #share-text-row > #facebook-share,
ul.share-row .wp-social-link-facebook:hover ~ #share-text-row > #facebook-share,
ul.share-row .wp-social-link-x:focus-visible ~ #share-text-row > #twitter-share,
ul.share-row .wp-social-link-x:hover ~ #share-text-row > #twitter-share,
ul.share-row .wp-social-link-linkedin:focus-visible ~ #share-text-row > #linkedin-share,
ul.share-row .wp-social-link-linkedin:hover ~ #share-text-row > #linkedin-share,
ul.share-row .wp-social-link-chain:focus-visible ~ #share-text-row > #copy-share,
ul.share-row .wp-social-link-chain:hover ~ #share-text-row > #copy-share,
ul.share-row .wp-social-link-yelp:focus-visible ~ #share-text-row > #navigator-share,
ul.share-row .wp-social-link-yelp:hover ~ #share-text-row > #navigator-share {
    opacity: 1;
}

/****** For Mobile ******/

@media (max-width: 781px) {
	
	.is-community-post-banner {
		padding-top: var(--wp--preset--spacing--40) !important;
		padding-bottom: var(--wp--preset--spacing--40) !important;
	}
	
	.is-community-post-banner .is-community-post-meta.wp-block-group  {
		flex-wrap: wrap;
		gap: var(--wp--preset--spacing--20);
	}
	
	.is-community-post-banner .share-row {
		justify-content: flex-start;
	}
	
	.share-text-row {
		text-align: left;
		width: 0px;
	}
	
	
}