/*
	Iridium by TEMPLATED
    templated.co @templatedco
    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body
	{
	}

	body,input,textarea,select
	{
		font-size: 11pt;
	}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		position: relative;
		padding: 5em 0em;
		text-align: center;
	}
	
		.homepage #header
		{
			padding: 15em 0em;
		}

		#header .container
		{
		}

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo
	{
		margin-bottom: 3em;
	}
	
		#logo h1
		{
			color: #FFF;
		}
	
		#logo h1 a
		{
			display: block;
			letter-spacing: 1px;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 5em;
			font-weight: 900;
			color: #FFF;
		}

		#logo span
		{
			display: block;
			padding-top: 1em;
			letter-spacing: 1px;
			text-transform: uppercase;
			font-size: 1.2em;
			color: rgba(255,255,255,.5);
		}			
			

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	#nav
	{
	}

		#nav > ul > li
		{
			display: inline-block;
		}
		
			#nav > ul > li:last-child
			{
				padding-right: 0;
			}

			#nav > ul > li > a,
			#nav > ul > li > span
			{
				display: block;
				padding: 1em 1.5em;
				letter-spacing: 1px;
				text-decoration: none;
				text-transform: uppercase;
				font-weight: 200;
				font-size: 1em;
				outline: 0;
				color: rgba(255,255,255,.7);
			}


			#nav > ul > li > a:hover
			{
				color: #FFF;
			}

			#nav li.active a
			{
				background: none;
				border-radius: 40px;
				border: 2px solid;
				border-color: rgba(255,255,255,.8);
				color: #FFF;
			}

			#nav > ul > li > ul
			{
				display: none;
			}


/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	#main
	{
		padding: 6em 0em 4em 0em;
	}
	
	#content
	{
	}
	
	#content header
	{
		margin-bottom: 2em;
	}
	
	#content header h2
	{
		font-size: 3em;
	}
	
	#content header .byline
	{
		font-size: 1.40em;
	}
	
	#sidebar h2
	{
		display: block;
		padding-bottom: 2em;
		font-size: 1.4em;
	}

/*********************************************************************************/
/* Featured                                                                      */
/*********************************************************************************/
	
	#featured
	{
		padding: 6em 0em;
	}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
	
	#footer
	{
		position: relative;
		padding: 6em 0em;
	}
	
	#footer h2
	{
		padding-bottom: 2em;
		font-size: 1.4em;
	}
	
/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/
	
	#copyright
	{
		padding: 3em 0em;
	}		

/* =========================================================
   BBBE header redesign (desktop overrides)
   Put this at the VERY END of style-desktop.css
   ========================================================= */

/* Stop Iridium template from treating the header like a giant centered logo hero */
#header {
  padding: 0 !important;
  text-align: left !important;
}
.homepage #header {
  padding: 0 !important;
}

/* If your new banner area is inside #header, ensure it establishes positioning */
#header .site-banner {
  position: relative;
}

/* Keep the nav above the banner image */
#nav {
  position: relative;
  z-index: 20;
}

/* Force the logo image to behave like a small brand mark, not a hero element */
#logo {
  margin: 0 !important;
}
#logo img {
  width: 72px;      /* adjust: 60–90px usually looks right */
  height: auto;
  display: block;
}

/* If you’re overlaying items on the banner, ensure they’re above the image */
.site-banner .banner-overlay {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  align-items: center;
}

/* Prevent any banner <img> from affecting layout (if used as an <img>) */
.site-banner img.banner-image {
  display: block;
  width: 100%;
  height: auto;
}

/* =========================================================
   BBBE header contrast fix (desktop)
   Put at VERY END of style-desktop2.css
   ========================================================= */

/* Make the frosted header a touch less white-on-white */
.site-header {
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 1px 10px rgba(0,0,0,0.12);
}

/* Brand/title text (your span.brand-name) */
#logo .brand-name {
  color: #1f2a1f !important;   /* deep neutral */
  text-shadow: none !important;
}

/* Nav links: override the template's rgba(255,255,255,.7) rule */
#nav > ul > li > a,
#nav > ul > li > span {
  color: #2b2b2b !important;
}

/* Hover and active states (override template white hover/active) */
#nav > ul > li > a:hover {
  color: #0f3d2e !important;
}

#nav li.active a {
  border-color: rgba(15, 61, 46, 0.55) !important;
  color: #0f3d2e !important;
}

/* =========================================================
   Header vertical alignment refinement
   ========================================================= */

/* Brand block: logo + title */
#logo .brand-link {
  align-items: center;          /* keep logo vertically centered */
}

/* Nudge the title text upward to match nav baseline */
#logo .brand-name {
  position: relative;
  top: -1px;                    /* fine adjustment; try -1px to -2px */
  line-height: 1;               /* prevent extra vertical slack */
}

/* Nav text baseline consistency */
#nav > ul > li > a {
  line-height: 1;
}

/* =========================================================
   Desktop header: fine vertical alignment of title text
   ========================================================= */

/* Nudge the title text up slightly without affecting layout */
.site-header .brand-name {
  transform: translateY(-7px);
}