
/*Hides Page Titles|HC 23622214fox*/ .page h1.entry-title{ display: none; }  


/*Forces page to be full width|hc23622214fox*/ #page{ max-width: 90%; }

/* Remove Post Title and Featured Image Overlap - posts | 5609392-zen */

@media screen and (min-width: 1000px) {
 .post-thumbnail+.entry-header {
    position: relative;
    transform: none;
    margin-top: 1.3em;
  } 
}

/* Remove Post Title and Featured Image Overlap - pages | 5609392-zen */

@media screen and (min-width: 1000px) {
 .content-wrapper.with-featured-image {
    position: relative;
    transform: none;
	 /* Hide sub-menus by default */
.main-navigation ul ul {
  display: none;
}

/* Add caret (▼) for menu items with submenus */
.main-navigation li.menu-item-has-children > a::after {
  content: " ▼";
  font-size: 0.7em;
  margin-left: 5px;
}

/* Open submenus when active */
.main-navigation li.menu-item-has-children.open > ul {
  display: block;
}

    margin-top: 1.3em;
  } 
}
/* Center header content inside full-width header */
.site-header {
    text-align: center;
    padding: 0;
    margin: 0 auto;
    max-width: 1200px; /* Adjust to match your site content width */
}

/* Adjust the header image if it's off */
.site-header img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

/* Prevent overflow issues */
.site-header {
    overflow: hidden;
}
.main-navigation ul ul {
    z-index: 9999;
    position: absolute;
}
.site-header, .main-navigation {
    overflow: visible;
}

.main-navigation ul ul {
    z-index: 9999;
    position: absolute;
    max-height: none;
    overflow: visible;
}
/* Reduce width of main white content area */
.site-content {
  max-width: 1000px;  /* You can change to 800px for a narrower look */
  margin: 0 auto;
  padding: 20px;
}

/* Optional: reduce the padding inside the white box further */
.content-area {
  padding: 20px;
}
/* Reduce width of main white content area */
.site-content {
  max-width: 1000px;  /* You can change to 800px for a narrower look */
  margin: 0 auto;
  padding: 20px;
}

/* Optional: reduce the padding inside the white box further */
.content-area {
  padding: 20px;
}
.site-content .wrapper,
.page-content .wrapper,
.page .site-content {
    max-width: 900px; /* You can adjust this value (default is about 1168px) */
    margin: 0 auto;
}
/* Make header full width */
.site-header {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0;
    padding-right: 0;
}

/* Make header image or logo full width */
.header-image, .site-branding {
    max-width: 100% !important;
    width: 100% !important;
}

/* Remove container limits */
.wrap {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}
@media (min-width: 1024px) {
    .site-inner, .content-sidebar-wrap {
        max-width: 1200px;  /* Default may be 960px, increase this */
        width: 100%;
    }

    .wrap {
        max-width: 1200px;  /* Increase width here too */
        margin: 0 auto;
    }
}
/* Keep the outer area wide */
.site-content, .site-inner, .wrap, .content-area, .content-sidebar-wrap {
    max-width: 1200px !important; /* Adjust wider if you want */
    width: 100% !important;
    margin: 0 auto;
    background-color: white;
    padding: 0 20px;  /* Adds space on both sides for the text */
    box-sizing: border-box;
}

/* Align text inside correctly */
.entry-content, .site-main, .hentry {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;  /* Adjust as needed for spacing */
    box-sizing: border-box;
    text-align: left;  /* or center if you want centered text */
}

/* Optional: Ensure header and footer still match */
.site-header, .site-footer {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
