/*
Theme Name: BRB Genesis Child Theme
Template: genesis
*/

/* BOOMER RETIREMENT COLORS: 
	green on LIVE chosen as highlight color: #92c465
    pale chalky yellow in logo: #f6f0c7
*/
.genesis-nav-menu a:focus, .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a, 
.genesis-nav-menu .sub-menu .current-menu-item > a:focus, .genesis-nav-menu .sub-menu .current-menu-item > a:hover { color: #cada90; text-decoration: none; }

.genesis-responsive-menu .menu-item a:hover span,
.genesis-responsive-menu .menu-item a:focus span,
.genesis-responsive-menu .current-menu-item > a span {
    color: #cada90 !important;
}

/* Ensure the parent link tag itself behaves if text drops outside a span */
.genesis-responsive-menu .menu-item a:hover,
.genesis-responsive-menu .menu-item a:focus,
.genesis-responsive-menu .current-menu-item > a {
    color: #cada90 !important;
    text-decoration: none;
}

/*>>>>>>>>>>>>>>> CUSTOMIZATIONS FOR BRB <<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
.site-container { word-wrap: normal; background-color: #fff !important; }

/* 1. Ensure the header stays with the page content */
.site-header {
    position: relative !important; /* Forces it to move with scroll */
    z-index: 10;
	padding: 0 30px;
	box-shadow: none !important; /* Overrides the Genesis default */
}

/* 2. Make the Nav Sticky */
		/* Core & JS positioning together */
.nav-primary,
.js .nav-primary {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0;
    z-index: 9999;
    width: 100%;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.admin-bar .nav-primary {
    top: 32px; /* Standard WP Admin bar height */
}
.nav-primary a { color: #fff; font-size:16px; }
.gb-post-grid-section-title, .nav-primary, .archive-title { background-color: #cf782b; color: #fff;}
.gb-post-grid-title, .gb-block-post-grid header .gb-block-post-grid-title a section-title { margin-bottom: 24px;padding: 10px;text-transform: uppercase; font-family: 'Raleway', sans-serif;
font-size: 24px; font-weight: 500; line-height: 1.5;  padding-left: 10px;}


.archive .sidebar .widget-title { font-weight: 700; color: #cf782b;  }
 .archive .sidebar #custom_html-5.widget .widget-title { font-variant-caps: small-caps; font-size: 24px;}

.content .sticky { background-color: #fff !important; }

/* ***************************  TOP MASTER MENU ************************* */
/* 1. Reset the link container */
.genesis-nav-menu .menu-home-icon a {
    display: inline-block;
    width: 36px;
    height: 36px;
    overflow: hidden;
    position: relative;
    /* We remove text-indent and use font-size to hide the text safely */
    text-indent: 0 !important; 
    font-size: 0; 
}

/* 2. Position the HOME SVG icon */
.menu-home-icon {
    width: 24px;      
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    /* Added a 2px nudge here */
    transform: translate(-50%, calc(-50% + 2px)); 
    
    pointer-events: none; 
    filter: brightness(0) invert(1);
    transition: filter 0.3s ease; 
}

/* 3. Moss Green (#cada90) for Hover and Active States on SVG HOME icon */
.genesis-nav-menu li:hover .menu-home-icon,
.genesis-nav-menu .current-menu-item .menu-home-icon,
.genesis-nav-menu .current_page_item .menu-home-icon {
    filter: invert(93%) sepia(13%) saturate(1064%) hue-rotate(30deg) brightness(94%) contrast(92%) !important;
}

/* Targets the icon container to make it larger (e.g., 26px) */
.astm-search-menu .search-icon { width: 22px !important; height: 22px !important; vertical-align: bottom; }

/* White Base State with Moss Green (#cada90) Hover/Active States for SVG SEARCH icon */

/* Base state: White when not hovered or active */
.astm-search-menu .search-icon-path { fill: #ffffff !important; }

/* Interaction states: Moss green on hover and active */
.astm-search-menu:hover .search-icon-path,
.astm-search-menu.current-menu-item .search-icon-path { fill: #cada90 !important;}

/* ***************************  SUBMENU ************************* */

.genesis-nav-menu .sub-menu a {
	font-size: 18px;
	word-wrap: normal;
}
/* 1. Submenu Background */
.genesis-nav-menu .sub-menu {
    background-color: #f6f0c7; /* The 'Boomer' Yellow */
    border: 1px solid #e2dbaf;  /* Optional: a slightly darker border for definition */
}

/* 2. Submenu Text Links (Normal State) */
/* We set this to your primary dark color (Navy or Charcoal) so they are visible */
.genesis-nav-menu .sub-menu a {
    color: #000080; /* Navy */
    background-color: transparent;
}

/* 3. Submenu Hover & Active States */
/* This makes the background turn white (or another color) and keeps text navy */
.genesis-nav-menu .sub-menu a:hover,
.genesis-nav-menu .sub-menu .current-menu-item > a {
    background-color: #ffffff !important;
    color: #000080 !important;
}

/* 4. Genesis Specific: Remove the 'white on white' default shadow if it exists */https://boomerretirementbriefs.com/wp-admin/theme-editor.php?file=brb-style.css&theme=brb-genesis-child
.genesis-nav-menu .sub-menu {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}



.site-description, .wp-custom-logo .site-title {
  height: 70px;
  position: relative !important;
  width: 100%;
  margin-bottom: 0;
  color: #75ab5d;
}
.site-title {
	font-family: Raleway, sans-serif;
	font-size: 48px;
	font-weight: 900;
	line-height: 1;
	margin-bottom: 0;
}
.site-description {
	font-style: italic;
	font-size: 2.1rem;
	font-family: Roboto;
	border-bottom: 3px dotted #75ab5d;
	border-top: 3px dotted #75ab5d;
	display: flex; 
	justify-content: center; align-items: center;  margin: 0;
}

.home .sidebar .widget-title { color: #fff; padding: 10px; background-color: #cf782b; }

.gb-post-grid-section-title, .nav-primary, .archive-title { background-color: #cf782b; }
.gb-post-grid-section-title { font-size: 24px; line-height: 1.5; padding-left: 10px; color: #fff; }
.genesis-title-hidden .site-inner { padding-top: 40px; }
.content-sidebar-wrap {background-color: #fff; padding-top:40px;}


.archive-title { color: #fff; font-size: 3rem; padding: 2rem; text-align: center; }

/* ..............................CONSTANT CONTACT FORM ..............................*/
.widget-area #ctct_form-2 {
    background-color: #fff;
	color: #222;
    padding: 40px;
	border-radius: 3px;
	border:4px solid #cf782b; 
}
.sidebar #ctct_form-2  .widget-title {
    background-color: #fff;
    color: #222;
}

 .widget-area #ctct_form-2 input[type="submit"] {
    background-color: #93d675;
	color:#222222;
	border-radius:3px;
}
.ctct-disclosure {color:#222; line-height:1;}

.ctct-disclosure a,
.ctct-disclosure a:visited,
.ctct-disclosure a:hover {color:#fff !important;}

.ctct-disclosure a:hover {text-decoration:underline;}
.ctct-submit, .home .sidebar input[type="submit"] {
	padding: 8px 12px;
}
input, select, textarea {
    padding: 5px 16px;
	border-radius:3px;
}
 
/* ..............................  FOOTER AREA  ..............................*/
.footer-widgets { background-color: #b04420; }
.widget ul > li { margin-bottom: 10px; margin-left: 15px; list-style-type: disc !important; }
.footer-widgets .widget-title { color: #fff; font-variant: small-caps; text-transform: none; text-align: center; }
.retirement-kitchen-widget, .retirement-resources-widget, .retirement-books-widget {
  width: 90%;
  margin: 0 auto;
  padding: 6%;
  background-color: #fff;
  color: #000;
  border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
}

.textwidget.custom-html-widget img { max-height:225px; border: 2px solid #cf782b; display: block;     margin-left: auto; margin-right: auto; }
.footer-social-section { margin-top: 15px;}
.category-sticky-post {	padding: 0; font-size: 110%;}
.category-sticky-post .entry-title, .category-sticky-post p.entry-meta {display: none; }
.archive-description { margin-bottom: 20px;}
.archive .entry-title a { color: #75ab5d; text-decoration: none; font-weight: 700; }

/*************************************** MEDIA STATEMENTS ***************************************/
@media only screen and (max-width: 760px) {
	.site-description { font-size: .75rem;}
}
@media only screen and (max-width: 960px) {
    body { font-size: 16px; line-height: 1.425;} 
	#genesis-mobile-nav-primary { background-color: #cf782b; color: #fff; padding-left: 15px; padding-right: 15px;}
    .nav-primary.genesis-responsive-menu {background-color: #222;}
    .nav-primary.genesis-responsive-menu .menu-item a {color: #f6f0c7; padding-left: 6%;}
    .nav-primary.genesis-responsive-menu .menu-item a:hover {color: #92c465; }
    .wp-custom-logo .title-area img { width: 135px; }
    .site-title { font-size: 1.8rem; height: 50px;}
    .site-description { font-size: 1.1rem; border-bottom: 2px dotted #75ab5d; border-top: 2px dotted #75ab5d; line-height: 1.2; }
    .archive-title {font-size: 1.5rem;  padding: 1rem;}
    .site-inner { padding-top: 0; margin-top:0; }
    .site-container .has-large-font-size { line-height: 1.2; font-size: 1.2rem; }
    h1.entry-title {font-size: 1.2rem;}
    h2 { font-size: 1.3rem; line-height: 1.2; }
    h3 { font-size: 1.1rem;}
	.gb-block-post-grid .gb-block-post-grid-image img { width: 60%; margin:0 auto; }
	.gb-block-post-grid header .gb-block-post-grid-title, .entry-title { font-size: 20px; }
	.gb-block-post-grid .gb-block-post-grid-text p { font-size: 16px; }
	.footer-widgets .widget-title { background-color: #91c567; padding:5px;}
	.retirement-kitchen-widget p:first-child, .retirement-books-widget p:first-child, .retirement-resources-widget p:first-child {font-size:18px; font-variant:small-caps;}
	.site-footer .menu-item a {text-decoration:underline;  }
	.site-footer li.menu-item { display: block;  }
	.widget ul.books-by-marcia-mantell > li , .widget ul.retirement-resources-short-list > li {margin-bottom:2px; }
    .genesis-title-hidden .site-inner { padding-top: 10px; }
    .content-sidebar-wrap { padding-top: 10px; }
    .gb-block-post-grid .gb-block-post-grid-more-link {padding-bottom: 10px; border-bottom: 2px dotted #91c567;}
    .more-link {margin-bottom: 0;}
    p.entry-meta { font-size: 12px; }
    .entry-footer .entry-meta { border-top: none; border-bottom: 1px solid #eee; padding-top: 0; padding-bottom: 5px; }
	.menu-home-icon { left: 8%; };
	pointer-events: none;
	filter: brightness(0) invert(1);
	transition: filter 0.3s ease;
}
}
@media only screen and (max-width: 1180px) {
	.wp-custom-logo .title-area img { max-width: 150px; }
	.search-icon { height:40px;}
}