@charset "utf-8";

/* =============================================
   MHP777.com navbar.css:
     - Special GENERAL navbar settings.
	 ! Color settings in colorschemes.css.
   ============================================= */

/* ---------------------------------------------
   Override default bootstrap settings for navbar
   --------------------------------------------- */

.navbar {
	/* No border around the navbar.
	     ! GENERAL: NOT a color scheme selector. */
	border: none; /* (bts def: 1px solid transparent) */
	}

/* ---------------------------------------------
   New selectors for navbar
   --------------------------------------------- */

.navbar-pancake-BR {
	/* Force navbar pancake block of RELATIVE navbar Header parent to bottom R of Header.
	     ! Header appears to be static by default and is made relative via main.css. Otherwise,
		   absolute pancake block follows menu system down the page when it expands. */
	position: absolute;
	bottom: 0;
	right: 0;
	margin-right: 15px; /* Parent container is flush R, so allow a little room on R */
	}

@media (min-width: 1px) {
	/* When viewport is smallest (320px-479px):
	     - Push logo IN navbar to the L (normally centered via offset classes assigned in HTML).
	     - Adjust margin to compensate for double-padding from two bootstrap containers. */

	#logoBlockAboveNavbar {
		/* Hide logo block ABOVE navbar. */
		display: none;
		}
	#logoTextAboveNavbar {
		/* Hide logo text ABOVE navbar. */
		display: none;
		}

	#logoBlockInNavbar {
		/* Adjust margin closer to L edge of viewport.
		     ! CANNOT use main.css class .margin-L-15 in HTML, since applies ONLY to this viewport. */
		margin-left: -15px;
		}
	#logoTextInNavbar {
		/* Settings for logo text IN navbar for max-width: 479px. */
		letter-spacing: 0em;
		font-size: 0.9em;
		font-weight: bold;
		}
}

@media (min-width: 480px) {
	/* When navbar menu IS NOT visible (IS collapsed into pancake icon):
	     - Hide logo block/text ABOVE navbar.
	     - Show logo block/text IN navbar.
		 - Block applies to most pages; text applies to individual file download pages. */

	#logoBlockAboveNavbar {
		/* Hide logo block ABOVE navbar. */
		display: none;
		}
	#logoTextAboveNavbar {
		/* Hide logo text ABOVE navbar. */
		display: none;
		}

	#logoBlockInNavbar {
		/* Adjust margin closer to L edge of viewport.
		     ! CANNOT use main.css class .margin-L-15 in HTML, since applies ONLY to this viewport. */
		}

	#logoTextInNavbar {
		/* Settings for logo text IN navbar for max-width: 767px. */
		letter-spacing: 0.06em;
		font-size: 1.1em;
		font-weight: bold;
		}
}

@media (min-width: 768px) {
	/* When navbar menu IS visible (IS NOT collapsed into pancake icon):
	     - Show logo block/text ABOVE navbar.
	     - Hide logo block/text IN navbar.
		 - Block applies to most pages; text applies to individual file download pages. */

	#logoBlockAboveNavbar {
		/* Add space below logo block when ABOVE (not IN) navbar. */
		display: block;
		margin-bottom: 20px; /* To accommodate navbar menu. */
		}
	#logoTextAboveNavbar {
		/* Settings for logo TEXT when ABOVE (not IN) navbar. */
		display: block;
		letter-spacing: 0.08em;
		font-size: 1.4em;
		font-weight: bold;
		}

	#logoBlockInNavbar {
		/* Hide logo block IN navbar. */
		display: none;
		}
	#logoTextInNavbar {
		/* Hide logo text IN navbar. */
		display: none;
		}
}

/* ---------------------------------------------
   Duplicated from bootstrap.css due to issues
   with removing viewport max-width settings
   in morecols.css etc.
   --------------------------------------------- */

@media (min-width: 1px) {
  /* CF bootstrap section starting w css line 4335. */
  /* There, this section is labeled max-width 767px. */
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  /* CF bootstrap section starting w css line 3523. */
  /* There, this is open, i.e., no max-width. */
  /* Only a few of the section selectors were needed to make this work.
	   - top, left, z-index, display, min-width, padding,
	     font-size, text-align, list-style, border-radius, and
	     background-clip work identical w/out copying them here.
	   - border and box-shadow are duplicated in colorschemes.css,
	     as they need specific colors to work in drop-down menus. */
  .navbar-nav .open .dropdown-menu {
    position: absolute;
    float: left;
    background-color: #fff;
  }
  /* The following selectors had to be duplicated and correct
	   values applied for 768px-plus. */
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 3px 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
}