/* 
 * Meeting Pages Styling
 * 
 * Styling for each meeting page.
 * 
 * File only loaded on pages based by if the category contains "-meeting"
 * Function (function.php) = load_meeting_pages_css()
 * 
 * 
 */


/* Root Variabeles setup for each meeting */
:root {
  --meeting-header-bg-color: var(--accent);
}

body.category-2026-meeting {
	--meeting-header-bg-color: #0c395a ;
	--meeting-header-h1-color: #de5222 ;
	--meeting-header-h2-color: #00788a ;
}

body.category-2025-meeting {
  --meeting-header-bg-color: #33307d;
}

body.category-2024-meeting {
  --meeting-header-bg-color: #214797;
}

body.category-2023-meeting {
  --meeting-header-bg-color: #0E6F93;
}

body.category-2022-meeting {
  --meeting-header-bg-color: #214797;
}

body.category-2019-meeting {
  --meeting-header-bg-color: #579BEC;
}

body.category-2018-meeting {
  --meeting-header-bg-color: #345d74;
}

/*  */
body:has(.meeting-header) .site-header {
	background-color:  var(--meeting-header-bg-color);
}

/*  */
body:has(.meeting-header) .site-logo, body:has(.meeting-header) .menu-bar-items {
	display: none;
}

body:has(.meeting-header) .site-header {
	background-color:  var(--meeting-header-bg-color);
}

body:has(.meeting-header).nav-float-right #site-navigation {
  margin-left: auto;
  margin-right: auto;
}
body:has(.meeting-header) header.site-header {
	margin-bottom: 0;
  height: auto;	
}

body:has(.meeting-header) header.site-header .main-navigation .main-nav>ul  {
	justify-content: center;
}


/* 2026 meeting pages */
.category-2026-meeting .meeting-header {
   background: linear-gradient(to right, var(--meeting-header-bg-color)  49%, #de5222 50%) !important;
}

.category-2026-meeting .category-featured-image {
	position: relative;
	max-width: 1500px;
	margin: 0 auto;
}

@media only screen and (min-width: 800px) {
.category-2026-meeting .category-featured-image:after {
    background: linear-gradient(to right, #71005e00 0%, #de5222 100%);
    content: '';
    position: absolute;
    width: 200px;
    top: 0;
    bottom: 0;
    right: 0;
}
}

.category-2026-meeting .main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: #23d6e9 !important;
}
.site-footer footer {
	background-color: var(--meeting-header-bg-color) ;
}
.site-footer footer a:hover {
	color: var(--accent);
}
 .category-2026-meeting .content-area h1 {
	 color: var(--meeting-header-h1-color);
}
 .category-2026-meeting .content-area h2 {
	 color: var(--meeting-header-h2-color);
}

@media only screen and (max-width: 800px) {
	.category-featured-image img {
    min-width: 132%;
    margin-left: -11%;
}
}

@media (max-width: 990px) {
	.main-navigation .menu-toggle {
line-height: 30px;
		padding: 0;
	}
	
	.menu-item > a {
		position: relative;
		}
	.menu-item > a > span:after {
		position: absolute;
		content: "";
		inset: 0;
	}
}


.category-2026-meeting .slideout-navigation.do-overlay .slideout-menu li {
    margin-bottom: 0;
}
.category-2026-meeting .main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: #cefaff !important;
}
.category-2026-meeting .slideout-navigation.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    background: #3d7177;
}
.category-2026-meeting .slideout-navigation.main-navigation .main-nav ul li a {
    color: var(--accent);
    border-bottom: 1px solid #a1c5c9;
}

.category-2026-meeting #generate-slideout-menu.main-navigation .main-nav ul ul > li{
	background-color: #d3dde1;
}

.category-2026-meeting .slideout-navigation.main-navigation .main-nav ul li a {
    color: var(--accent);
    border: 1px solid #a1c5c9;
    margin-bottom: 8px;
	display: block;
	line-height: 1.3;
    padding: 10px 4px;

}
@media screen and (max-width: 350px) {
	#generate-slideout-menu .inside-navigation {
		overflow: auto;
		    justify-content: flex-start;
		min-height: 80%;

	}
}

/*  */