/**
 * Theme Name:       DoYouRemember?
 * Theme URI:        https://bizbudding.com/mai-theme/
 * Description:      Mai Slate starter theme for the Genesis Framework.
 * Author:           BizBudding
 * Author URI:       https://bizbudding.com/
 * Version:          2.2.0
 * Text Domain:      doyouremember
 * Template:         genesis
 * Template Version: 3.6.0
 * License:          GPL-2.0-or-later
 * License URI:      http://www.gnu.org/licenses/gpl-2.0.html
 */


:root {
	--site-header-wrap-max-width: 100vw;
    --border-radius: 0;
    --border: 1px solid rgba(0,0,0,0.25); 
	--sub-menu-background: var(--color-primary);
	--sub-menu-link-color: var(--color-white);
	--sub-menu-link-color-hover: var(--color-white);
    --color-link-dark: var(--color-black) !important;
    --entry-title-font-size: var(--font-size-xxl);
    --button-text-transform: uppercase;
	--button-font-weight: var(--heading-font-weight);
	--button-font-family: var(--heading-font-family);
	--button-border-radius: 7px;
}

.site-header-wrap {
    justify-content: start;
    --wrap-max-width: var(--breakpoint-xl) !important;
}

.site-header-wrap {
    align-items: var(--site-header-wrap-align-items, center);
    display: var(--site-header-wrap-display, flex);
    flex-wrap: var(--site-header-wrap-flex-wrap, nowrap);
    gap: var(--site-header-wrap-gap, var(--spacing-lg));
    justify-content: var(--site-header-wrap-justify-content, var(--site-header-wrap-justify-content-mobile, unset));
    margin-left: auto;
    margin-right: auto;
    max-width: var(--site-header-wrap-max-width, var(--wrap-max-width));
    width: var(--site-header-wrap-width, calc(100% - var(--side-spacing) * 2));
}

.nav-header-right {
	--menu-font-family: var(--heading-font-family);
	--menu-text-transform: uppercase;
	--menu-font-size: var(--font-size-sm);
	--menu-font-weight: bold;
}

.nav-utility {
	--menu-text-transform: capitalize;
	--menu-font-size: var(--font-size-sm);
	--menu-font-weight: normal;
	margin: var(--spacing-xxxxxs);
}

@media (min-width: 1300px) {

	.header-section.header-right {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}

    .nav-utility {
        order: -1;
    }

    .nav-header-right {
        border-top: 1px solid rgba(255,255,255,0.3);
    }

}

.header-right-mobile {
    flex: 0;
    display: inline-flex;
    order: 9999;
}

@media (max-width: 1299px) {

    .site-header-wrap {
        --site-header-wrap-display: grid;
        grid-template-columns: 1fr auto 1fr;
    }

    .title-area {
        grid-column: 2;
        grid-row: 1;
        justify-self: center;
    }

    .header-left-mobile {
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
    }

    .header-right-mobile {
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
    }

}

.mai-terms {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25em;
}

.mai-terms a {
    background: var(--color-secondary);
	color: var(--color-black);
	padding: var(--spacing-xxs);
	font-weight: bold;
	text-transform: uppercase;
	font-size: var(--font-size-xs);
	text-decoration: none;
}

.mai-terms a:hover,
.mai-terms a:focus {
    background: var(--color-secondary-dark);
}

.entry-title-single {
    margin-bottom: var(--entry-title-single-margin-bottom, var(--spacing-sm));
}

.entry-meta {
    margin: var(--entry-meta-margin, 0 0 var(--spacing-sm) 0);
}

.entry-content a {
	font-weight: bold;
}

.sub-menu {
	border: 0;
}

.sub-menu > li:not(:last-child) > .menu-item-link  {
	border-bottom: var(--border);
}

.button-link, .button-link:visited {
    --button-link-color: var(--color-primary);
    --button-link-color-hover: var(--color-primary-dark);
}

.has-grid-separator .entry:not(:last-child){
	border-bottom: var(--border);
}

.has-grid-separator .entry {
    padding-bottom: var(--spacing-sm);
}

.has-boxed.has-image-full .has-image-first, .has-boxed.has-image-left-full, .has-boxed.has-image-right-full {
    --border-radius: 7px !important;
}

.entry-author-name {
	font-weight: bold;
}

.author-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
}

.author-links li {
	margin: 0;
}

.author-social-link {
	display: inline-flex;
	align-items: center;
	gap: 6px !important;
	color: var(--color-body);
	font-size: 0.85em;
	line-height: 1.2;
	text-decoration: none;
	transition: background 0.2s, color 0.2s;
}

.author-social-link i {
	font-size: 1.1em;
}

/* Brand colors on hover */
.author-social-facebook  .author-social-link:hover { color: #1877f2; }
.author-social-twitter   .author-social-link:hover { color: #000; }
.author-social-instagram .author-social-link:hover { color: #e4405f; }
.author-social-linkedin  .author-social-link:hover { color: #0a66c2; }
.author-social-pinterest .author-social-link:hover { color: #e60023; }
.author-social-youtube   .author-social-link:hover { color: #ff0000; }
.author-social-url       .author-social-link:hover { color: #555; }

.author-links a,
.author-links a:hover,
.author-links a:focus {
	text-decoration: none;
	box-shadow: none;
}

@media (max-width: 600px) {
	.author-links {
		justify-content: center;
	}
	.author-links .author-link-profile {
		flex-basis: 100%;
		text-align: center;
	}
}

/* Center images and embeds inside single posts */
.single .entry-content img,
.single .wp-block-post-content img,
.single .entry-content figure,
.single .wp-block-post-content figure,
.single .entry-content iframe,
.single .wp-block-post-content iframe,
.single .entry-content video,
.single .wp-block-post-content video,
.single .entry-content embed,
.single .wp-block-post-content embed,
.single .entry-content object,
.single .wp-block-post-content object {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  max-width: 100%;
}

/* Captions under centered images */
.single .entry-content figcaption,
.single .wp-block-post-content figcaption,
.single .wp-caption-text {
  text-align: center;
}

/* Block-editor embed wrappers and social embeds (X/Twitter, Instagram, TikTok) */
.single .wp-block-embed__wrapper,
.single .twitter-tweet,
.single .instagram-media,
.single .tiktok-embed {
  display: flex !important;
  justify-content: center;
  margin-left: auto !important;
  margin-right: auto !important;
}