.single-post nav.post-navigation,
.single-post ul.default-wp-page {
	display: none;
}

.site-logo {
    margin-bottom: -64px;
	margin-top: -90px
}



.post_meta {
	display: none;
}

.post_date {
	display: none;
}

.entry-meta {
	display: none;
}

.footer.entry-meta {
	display: none;
}

/* Hide Header Entry Meta */
.entry-header .entry-meta {
	display: none;
}


/* Hide Footer Entry Meta */
.entry-footer .entry-meta {
	display: none;
}

.page-id-1607 .site-branding img {
	display: non;
}

[
.page-id-1607 .site-branding {
	background-image: ;
	background-repeat: no-repeat;
	background-size: 100%;
	display: relative;
	position: center;
	height: 180px;
	width: 50px;
}

/* SHAWBURN/VARIA ERA SWITCHER - HIGH SPECIFICITY */

/* DEFAULT: Series I-II */
body,
body.custom-background,
body.custom-colors {
  background-color: #2a2a2a !important;
}

body .site,
body #page,
body #content,
body .site-content {
  background-color: #2a2a2a !important;
}

body .site-header,
body .site-header-main,
body .custom-header {
  background-color: #4a4a4a !important;
  background: #4a4a4a !important;
}

body #site-navigation,
body .main-navigation,
body .main-navigation > div {
  background-color: #555555 !important;
  background: #555555 !important;
}

body .entry-content,
body .post,
body article,
body .hentry,
body .entry .entry-content,
body .entry .entry-summary {
  background-color: #e0e0e0 !important;
  color: #333333 !important;
}

body .entry-header,
body .entry .entry-header {
  background-color: #8b7355 !important;
  color: #ffffff !important;
}

body,
body p,
body li,
body span {
  color: #cccccc !important;
}

/* SERIES III-V: Cream/White */
body.era-series3,
body.era-series3.custom-background,
body.era-series3.custom-colors {
  background-color: #f5f0e6 !important;
}

body.era-series3 .site,
body.era-series3 #page,
body.era-series3 #content,
body.era-series3 .site-content {
  background-color: #f5f0e6 !important;
}

body.era-series3 .site-header,
body.era-series3 .site-header-main,
body.era-series3 .custom-header {
  background-color: #d4d0c8 !important;
  background: #d4d0c8 !important;
}

body.era-series3 #site-navigation,
body.era-series3 .main-navigation,
body.era-series3 .main-navigation > div {
  background-color: #e0dcd4 !important;
  background: #e0dcd4 !important;
}

body.era-series3 .entry-content,
body.era-series3 .post,
body.era-series3 article,
body.era-series3 .hentry,
body.era-series3 .entry .entry-content,
body.era-series3 .entry .entry-summary {
  background-color: #ffffff !important;
  color: #333333 !important;
}

body.era-series3 .entry-header,
body.era-series3 .entry .entry-header {
  background-color: #d4a574 !important;
  color: #000000 !important;
}

body.era-series3,
body.era-series3 p,
body.era-series3 li,
body.era-series3 span {
  color: #333333 !important;
}

/* REMASTERED: Red Industrial */
body.era-remastered,
body.era-remastered.custom-background,
body.era-remastered.custom-colors {
  background-color: #1a0000 !important;
}

body.era-remastered .site,
body.era-remastered #page,
body.era-remastered #content,
body.era-remastered .site-content {
  background-color: #1a0000 !important;
}

body.era-remastered .site-header,
body.era-remastered .site-header-main,
body.era-remastered .custom-header {
  background-color: #330000 !important;
  background: #330000 !important;
}

body.era-remastered #site-navigation,
body.era-remastered .main-navigation,
body.era-remastered .main-navigation > div {
  background-color: #440000 !important;
  background: #440000 !important;
}

body.era-remastered .entry-content,
body.era-remastered .post,
body.era-remastered article,
body.era-remastered .hentry,
body.era-remastered .entry .entry-content,
body.era-remastered .entry .entry-summary {
  background-color: #2a0000 !important;
  color: #ffffff !important;
}

body.era-remastered .entry-header,
body.era-remastered .entry .entry-header {
  background-color: #cc0000 !important;
  color: #ffffff !important;
}

body.era-remastered,
body.era-remastered p,
body.era-remastered li,
body.era-remastered span {
  color: #ffffff !important;
}

/* Button active states */
body.era-series3 .era-btn[data-era="series3"] {
  background: #d4a574 !important;
  color: #000 !important;
}

body.era-remastered .era-btn[data-era="remastered"] {
  background: #cc0000 !important;
  color: #fff !important;
}

/* Transitions */
body,
body div,
body article,
body section,
body header,
body nav,
body p {
  transition: background-color 0.5s ease, color 0.5s ease !important;
}

---

/* Fix logo cut off on iPad/mobile */
.site-header,
.custom-header,
#masthead {
    position: relative !important;
    z-index: 999 !important;
    overflow: visible !important;
    height: auto !important;
    min-height: auto !important;
}

.site-logo,
.custom-logo,
.site-header img,
.site-branding {
    position: relative !important;
    z-index: 1000 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-width: 100% !important;
    height: auto !important;
}

/* Ensure body doesn't clip header */
body,
#page,
#content {
    overflow-x: hidden !important;
    overflow-y: visible !important;
}

/* iPad specific fix */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .site-header {
        margin-top: 0 !important;
        padding-top: 20px !important;
    }
}

/* iPad/Safari specific fixes */
@supports (-webkit-touch-callout: none) {
    /* iOS devices only */
    .site-header,
    .custom-header {
        min-height: 200px !important; /* Force minimum height */
        height: auto !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    
    .site-logo,
    .custom-logo {
        max-height: none !important;
        height: auto !important;
        width: 100% !important;
        object-fit: contain !important;
    }
}

/* Prevent iOS from cutting off content */
html, body {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
}

/* Ensure logo isn't being cropped */
img[src*="Logo"] {
    max-height: none !important;
    clip: auto !important;
    clip-path: none !important;
}

/* Fix for WordPress admin bar on mobile */
body.logged-in {
    position: static !important;
}

body.logged-in .site-header {
    margin-top: 0 !important;
    padding-top: 60px !important; /* Account for admin bar */
}

/* Or if admin bar is causing issues */
#wpadminbar {
    position: absolute !important;
}

/* iOS Safari specific - prevents logo cutoff */
@supports (-webkit-touch-callout: none) {
    .site-header,
    .custom-header,
    #masthead {
        padding-top: 80px !important;
        margin-top: 0 !important;
    }
    
    /* Force logo to be visible */
    .site-logo,
    .custom-logo {
        position: relative !important;
        top: 0 !important;
        transform: none !important;
        margin-top: 20px !important;
    }
}

/* Alternative: If using vh units causing issues */
body {
    min-height: -webkit-fill-available !important;
}

html {
    height: -webkit-fill-available !important;
}

----

/* Force menu hover colors - add this to theme customizer if WPCode fails */
.main-navigation ul.sub-menu li:hover,
.main-navigation ul ul li:hover {
    background-color: #d0ccc0 !important; /* Change to your desired hover color */
    color: #333333 !important;
}

----

/* Force menu hover - paste in Theme Customizer */
.main-navigation .sub-menu li:hover,
.main-navigation .sub-menu li:focus,
nav .sub-menu > li:hover,
.menu-item-has-children .sub-menu li:hover,
#site-navigation ul ul li:hover,
#primary-menu .sub-menu li:hover,
[class*="menu"] ul ul li:hover,
.sub-menu .menu-item:hover {
    background-color: #d0ccc0 !important;
    background: #d0ccc0 !important;
    color: #333333 !important;
    transition: none !important;
}

/* Force the link colors too */
.main-navigation .sub-menu li:hover > a,
.main-navigation .sub-menu li a:hover,
nav .sub-menu li:hover > a,
.sub-menu .menu-item:hover > a {
    color: #333333 !important;
    background-color: transparent !important;
}
---

/* Remove menu hover background completely */
.sub-menu li:hover,
.sub-menu li:focus,
.main-navigation .sub-menu li:hover,
nav ul ul li:hover {
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}
---

/* Last resort - remove ALL hover backgrounds */
#site-navigation.main-navigation ul li:hover,
#site-navigation.main-navigation ul li:focus {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.1) !important;
}
---

/* Remove hover background completely */
#site-navigation.main-navigation .sub-menu li:hover,
#site-navigation.main-navigation ul ul li:hover,
.main-navigation .sub-menu li:hover {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-left: 3px solid currentColor !important;
    padding-left: 7px !important;
}

----

/* Remove grey from MAIN menu items (top level) */
#site-navigation.main-navigation .main-menu > li:hover,
#site-navigation.main-navigation > div > ul > li:hover,
.main-navigation ul > li:hover {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

---

/* Kill grey on MAIN MENU ITEMS only (top level) */
#site-navigation.main-navigation .main-menu > .menu-item:hover,
#site-navigation.main-navigation .main-menu > li:hover,
.main-navigation .menu > li:hover,
.main-navigation ul:first-of-type > li:hover,
nav.main-navigation > div > ul > li:hover {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Target the specific grey color if it's hardcoded */
li.menu-item:hover,
li.menu-item-type-post_type:hover {
    background-color: transparent !important;
}

/* Target the link inside main menu items */
.main-navigation .main-menu > li > a:hover,
#site-navigation .main-menu > li > a:hover {
    background: transparent !important;
    background-color: transparent !important;
}

---

/* Override the grey hover colors */
:root {
    --wp--preset--color--primary-dark: transparent !important;
    --wp--preset--color--primary-hover: transparent !important;
}

/* OR change them to match your theme colors instead of removing */
:root {
    --wp--preset--color--primary-dark: #d0ccc0 !important; /* Series 3-5 brown */
    --wp--preset--color--primary-hover: #d0ccc0 !important;
}


/* Force override the variable usage on hover */
.main-navigation li:hover,
.main-navigation .menu-item:hover,
.wp-block-navigation-item:hover,
#site-navigation li:hover {
    background-color: transparent !important;
    background: transparent !important;
}

/* Or change the variable at the element level */
#site-navigation.main-navigation,
#site-navigation .main-menu,
.main-navigation {
    --wp--preset--color--primary-dark: transparent !important;
    --wp--preset--color--primary-hover: transparent !important;
    --wp--preset--color--primary: transparent !important;
}
/* Shawburn theme specific */
.wp-block-navigation .wp-block-navigation-item:hover,
.wp-block-navigation .wp-block-navigation-item__content:hover {
    background: transparent !important;
    background-color: transparent !important;
}

/* Override the Shawburn menu hover with higher specificity */
html body #site-navigation.main-navigation ul > li:hover > a,
html body .fse-template-part .main-navigation ul > li:hover > a,
html body #site-navigation.main-navigation ul > li.focus > a,
html body .fse-template-part .main-navigation ul > li.focus > a {
    background-color: transparent !important;
    background: transparent !important;
    color: inherit !important;
}

----

/* Kill the grey patch - force all sections to use theme colors */
.wp-block-group,
.wp-block-cover,
.wp-block-media-text,
[class*="wp-block-"] {
    background-color: transparent !important;
    background: transparent !important;
}

/* Or make it inherit the body background so it matches themes */
body .wp-block-group,
body .wp-block-cover,
.entry-content > div,
.site-content > div {
    background-color: inherit !important;
    background: inherit !important;
}

----------

/* Make logo responsive on mobile/tablet */
.custom-logo,
.site-logo img,
.site-branding img {
    max-width: 100%;
    height: auto;
    width: auto;
}

/* Mobile specific - prevent cutoff */
@media screen and (max-width: 768px) {
    .custom-logo,
    .site-logo img,
    .site-branding img {
        max-width: 90vw; /* 90% of viewport width */
        height: auto;
    }
    
    /* If the logo container is too small, expand it */
    .site-branding,
    .site-logo {
        max-width: 100%;
        padding: 0 10px; /* Add some side padding */
    }
}

/* Extra small screens (phones) */
@media screen and (max-width: 480px) {
    .custom-logo,
    .site-logo img {
        max-width: 85vw;
    }
}


/* Prevent container from cutting off logo */
.si
te-header,
#masthead,
.wp-block-site-logo {
    overflow: visible !important;
    max-width: 100%;
}

/* Ensure logo scales properly */
img.custom-logo {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 120px; /* Adjust this value if needed */
}

/* Force logo to fit on all devices */
img[src*="Logo-4-5"] { /* Or whatever your logo filename is */
    width: 100% !important;
    max-width: 800px; /* Adjust to your preference */
    height: auto !important;
}