/*
Theme Name: Protect Mardi Gras
Theme URI: 
Author: AJ Rawson
Author URI: 
Description: Protect Mardi Gras theme - based on Wordpress' default Twenty Twenty-Five theme
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.94
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: protect-mardi-gras
Tags: One Column, Custom Colors, custom-menu, Custom Logo, Editor Style, Featured Images, Site Editor, Block Editor Patterns, rtl-language-support, Sticky Post, threaded-comments, translation-ready, Wide Blocks, Block Editor Styles, Style Variations, Accessibility Ready, Blog, Portfolio, News

/* html styles */ 
html {
	scroll-padding-top: 75px;
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/* disable recaptcha badge */
.grecaptcha-badge {
	visibility: hidden;
}

/* Helper classes */
.is-flex-space-between {
	justify-content: space-between;
}

@media screen and (min-width: 781px) {
.is-desktop-font-size-90-percent {
	font-size: 90%
}
}

.is-font-size-90-percent {
	font-size: 90%
}

/* hide home link on homepage */
.page-id-8 .dont-show-on-home {
	display: none
}

/* Template changes*/
/* Footer */
.footer-flex-columns .wp-block-column.logo-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.footer-flex-columns .wp-block-column.logo-container figure {
	display: flex;
	flex-direction: row;
	width: 100%;
	max-width: 18vw;
	margin-top: .5rem;
}

.footer-flex-columns .wp-block-column.logo-container img {
	height: auto !important;
	width: 200px !important;
	flex-grow: 1;
}

footer.wp-block-template-part {
	margin-top: 0;
}

.footer-flex-columns > div:nth-of-type(2),
.footer-flex-columns > div:nth-of-type(3){
	margin-top: -5px
}

.tiktok-social {
	position: relative;
}

.tiktok-social .wp-font-awesome-icon:nth-of-type(2) {
 position: absolute;
	left: 0;
	color: white;
	transform: scale(.6);
}

footer.wp-block-template-part a {
	text-decoration-color: transparent;
}

footer.wp-block-template-part a:hover,
footer.wp-block-template-part a:focus-visible {
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--accent-3);
}

footer.wp-block-template-part a .wp-font-awesome-icon svg {
	transform: rotate(0deg);
	transition: transform 0.1s ease-in-out;
}

footer.wp-block-template-part a:hover .wp-font-awesome-icon svg,
footer.wp-block-template-part a:focus-visible .wp-font-awesome-icon svg {
		transform: rotate(-4deg) scale(1.1);
}

footer.wp-block-template-part .recaptcha-message a{
	font-weight: 600;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: transparent;
	transition: all 0.1s ease-in-out;
}

footer.wp-block-template-part .recaptcha-message a:hover,
footer.wp-block-template-part .recaptcha-message a:focus-visible {
	text-decoration-color: white;
}


@media screen and (max-width: 781px) {
footer.wp-block-template-part figure.wp-block-image.size-large {
	display: flex;
	flex-direction: column;
	align-items: center;
}

	footer.wp-block-template-part .footer-flex-primary-column > p{
		text-align: center;
	}

	footer.wp-block-template-part .footer-flex-primary-column .footer-links-container > div {
		width: 100%;
		display: flex;
		align-items: center;
	} 
	    footer .footer-icons-social-row {
        justify-content: center;
        row-gap: .25rem !important;
        column-gap: .75rem !important;
    }
}

@media screen and (min-width: 782px) {
	.footer-flex-columns .footer-flex-primary-column {

		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.footer-flex-columns .footer-links-container {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		column-gap: 1.5rem;
		row-gap: .5rem;
	}
}



/* header */ 
/* header template adjustments */
/* copy of wp default css to a 1000px media query */
@media (min-width: 782px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
        width: 100%;
        position: relative;
        z-index: auto;
        background-color: inherit;
    }
}

/* neutralize the wp default for 600px */
@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}

@media screen and (max-width: 781px) {
	header.wp-block-template-part > .wp-block-group {
		height: 80px;
		display: flex;
		width: 100%;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: stretch;
		align-items: stretch;
	}

		header.wp-block-template-part > .wp-block-group > .wp-block-group {
		width: 100%;	
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    flex-grow: 1;
		}

	header.wp-block-template-part > .wp-block-group > .wp-block-group > .wp-block-group {
		padding-bottom: 0;
		flex-grow: 1;
		width: 100%;
	}

	header.wp-block-template-part .wp-block-site-logo {}
	
	.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
	fill: var(--wp--preset--color--accent-3)
}
}

@media screen and (min-width: 781px) {
	header.wp-block-template-part > .wp-block-group {
		height: 80px;
		display: flex;
		width: 100%;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: stretch;
		align-items: stretch;
	}

		header.wp-block-template-part > .wp-block-group > .wp-block-group {
		width: 100%;	
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    flex-grow: 1;
		}

	header.wp-block-template-part > .wp-block-group > .wp-block-group > .wp-block-group {
		padding-bottom: 0;
		flex-grow: 1;
		width: 100%;
	}

	header.wp-block-template-part .wp-block-navigation__responsive-container-content {
		      --wp--preset--font-size--medium: clamp(0.875rem, 2vw, 1.125rem) !important;
		
	}
	header.wp-block-template-part .wp-block-navigation__responsive-container-content .wp-block-buttons .wp-block-button {
				      --wp--preset--font-size--medium: clamp(0.875rem, 2vw, 1.125rem) !important;

	}

		header.wp-block-template-part .wp-block-navigation__responsive-container-content .wp-block-buttons .wp-block-button > a {
			padding-inline: 1.4rem; 
			padding-block: .75rem
		}


}

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

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close{
  padding-right: var(--page--scrollbar--width, 15px);
  margin-top: 8px;
}

.wp-block-navigation-item.current-menu-item.dont-show-on-home.wp-block-navigation-link {
 display: none; 
}

.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
height: 35px;
  width: 35px;
}

html .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
align-items: flex-start;
}

html .wp-block-navigation-is-layout-flex .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul {
width: 100%;
	align-content: flex-start;
	align-items: flex-start;
}

html .wp-block-navigation-is-layout-flex .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li{
font-size: 16px;
}

html .wp-block-navigation-is-layout-flex .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-button a {
padding: 14px 24px;
}
}

button.wp-block-navigation__responsive-container-open:focus,
button.wp-block-navigation__responsive-container-close:focus,
.wp-block-navigation-item__content:focus{
  outline: none;
}

.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item__content {
  text-decoration: underline;
  text-decoration-thickness: 0.0875em !important;
  text-underline-offset: .2em !important; 
  text-decoration-color: transparent;
  transition: all 0.1s ease-in-out;
} 

.wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-navigation .wp-block-navigation-item__content:focus-visible{
text-decoration-color: var(--wp--preset--color--accent-3);
  color: var(--wp--preset--color--accent-3);
}

/* blog styles */

body:not(.paged) .columns-3.wp-block-post-template.is-layout-grid > *:first-child {
    grid-column: 1 / -1; /* span all columns */
}

/* dont show news link if no published posts */
body.no-published-posts .wp-block-navigation-item.header-news-link.wp-block-navigation-link {
	display: none;
}

/* Disable 'New' sticker */

.sticky #newstickerD,
#newstickerD {
	display: none !important;
}

.sticky #newstickerM,
#newstickerM {
	display: none !important;
}