/* #Overrides */
/* Override Bootstrap settings here. DO NOT edit any bootstrap files. */

/*
#ACCESSIBILITY
*/
#skip a
{
	position: absolute;
	left: -10000em;
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
 
#skip a:focus
{
	display: block;
	position: static;
	color: #fff;
	background-color: #000;
	font-weight: bold;
	left: auto;
	top: auto;
	width: auto;
	height: auto;
	overflow: auto;
	margin: 10px 35%;
	padding: 6px;
	border-radius: 4px;
	text-align: center;
	font-size: 1.5em;
	z-index: 999;
} 

/* Use the following class to hide items from sighted users but make available for screen readers.
Usage example: 
<button type="button">
  <!-- an X icon -->
  <span class="icon-close" aria-hidden="true"></span> 
  <!-- replace "this component" with appropriate text -->
  <span class="sr-only">Close "this component"</span>
</button>

ie9+ */
.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0); 
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap; 
  width: 1px;
}

/* **************************************** */

a {
   color: #083E8E;
   text-decoration: underline;
}

a:focus, 
a:hover {
   color: #23527c;
   text-decoration-style: dashed;
}

a.list-group-item {
    color: #3b80e7;
    font-weight: 600;
}

abbr { text-decoration: none; }
abbr[data-original-title], abbr[title] {
	cursor: help;
	border-bottom: none;
}

body {
	background-color: #BEBEBE;
   background: url(../images/body-bg.gif);
   /*font-size: 16px;*/
}

footer {
    background: url(../images/footer-bg.gif);
    padding: 0.75rem 0;
    /*border-top: 4px solid #C0C0C0;
    border-bottom: 4px solid #222222;*/
}

footer .container { padding-top: 1rem; padding-bottom: 1rem; }
.footer-links { padding-left: .75rem; padding-right:.75rem; }
.content-container {
    padding-bottom: .75rem;
    padding-top: .75rem;
}

.container {
    padding-bottom: .5rem;
}

h1 { font-size: 2.1rem; }
h2 { font-size: 1.75rem; }
h3 { font-size: 1.6rem; }
h4 { font-size: 1.4rem; }
h5 { font-size: 1.2rem; }
h6 { font-size: 1rem; }

.faq-entries dt {
    margin-top: 1rem;
}

.helpful-links > h2,
.helpful-links > h3,
.helpful-links > h4,
.helpful-links > h5,
.helpful-links > h6 {
   /* remove top margin of first H element */
   margin-top: 0;
}

.jumbotron {
   padding: 1rem 0;
}

.list-contacts { list-style-type: none; }
.list-contacts li { padding-top:.5em; padding-bottom:.5em; }

/* #Decorations */

.box-highlight { 
	border:2px solid #3a79b0;
   border-radius: 4px;
   padding: 0.5em;
   margin: 1em auto;
   width: 80%;
}

.color-bg-body { background-color: #fefefe; }
.color-bg-container { background-color: #fefefe; }
.color-bg-footer,
.color-bg-header { background-color: #fefefe; }

.color-meeting-header { background-color: #F5F5F5; }

.color-text-header { color: #0A5E33; }
.color-text-subhead { color: #444444; }
.color-text-footer { color: #222222; }
.color-text-required { color: #aa1100; }

.meeting-agenda {
   margin-top: 1.5rem;
	margin-bottom: 1rem;
}

.table-highlight-row tr:nth-child(even) {
	background-color: #eeeeee;
}

/*
#Text formatting
*/

.text-alignleft  { text-align: left; }
.text-alignright { text-align: right; }

.text-italic { font-style: italic; }
.text-bold { font-weight: bold; }
.text-underline { border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid; }

.text-indent-small { padding-left: 1rem; }
.text-indent-medium { padding-left: 2rem; }
.text-indent-large { padding-left: 3rem; }

.text-meeting-header { margin-top: 0; }

.text-meeting-info {
   font-size: 1.25rem;
   line-height: 1.5rem;
   font-weight: 600;
}

.text-lead {
    text-transform: uppercase;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
}

.add-bottom    { margin-bottom: 1.5rem; }
.half-bottom   { margin-bottom: 0.75rem; }
.remove-bottom { margin-bottom: 0; }

/*
#Nav customizations
*/
.menu-default {
    color: #fefefe;
    background-color: #0b50b7;
    background-image: none;
    background-repeat: no-repeat;
}

.container.nav-container {
    /* expand nav to fill container */
    padding-left: 0;
    padding-right: 0;
}

/* navbar */
.navbar-default {
    background-color: #0b50b7;
    border-color: #E7E7E7;
}
/* title */
.navbar-default .navbar-brand {
    color: #fefefe;  /* default color */
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;  /* hover color */
	 background-image: linear-gradient(to bottom, rgb(58, 121, 176) 0px, rgb(58, 121, 176) 100%);
}
/* link */
a.nav-link,
a.nav-link:visited {
    color: #fefefe;  /* default color */
    text-decoration: none;
	 background-color: #0b50b7;
}

a.nav-link:hover,
a.nav-link:focus {
    color: #fefefe;  /* hover color*/
    background-color: #5E5E5E;
	 background-image: linear-gradient(to bottom, rgb(58, 121, 176) 0px, rgb(58, 121, 176) 100%);
}

/* dropdown customizations */
.dropdown-menu {
  background-color: #5E5E5E;
  border: 1px solid #fefefe;
  border: 1px solid rgba(254, 254, 254, .33);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-menu .divider {
  background-color: #e5e5e5;
}

.dropdown-item {
  color: #fefefe;
}

a.dropdown-item { text-decoration: none; }

.dropdown-item:hover,
.dropdown-item:focus {
  color: #fefefe;
  background-color: #5E5E5E;
  background-image: linear-gradient(to bottom, rgb(58, 121, 176) 0px, rgb(58, 121, 176) 100%);
}

.dropdown-item > .disabled,
.dropdown-item:hover > .disabled,
.dropdown-item:focus > .disabled {
  color: #ddd;
}
.dropdown-header {
  color: #ddd;
}

/* mobile version */

.navbar-toggler:hover,
.navbar-toggler:focus{
    text-decoration-color: none;
	 background-color: #2f7df2; /* button bg on hover/click */
	 -webkit-focus-ring-color: rgb(58, 121, 176);
	 outline-color: rgb(58, 121, 176);
}

.navbar-toggler:link,
.navbar-toggler:visited {
    background-color: transparent; /* reset button BG */
	 border-color: transparent;
	 -webkit-focus-ring-color: #0b50b7;
	 focus-ring-color: #0b50b7;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

@media (max-width: 767px) {
   .dropdown-item.a {
   	color: #fefefe;
   }
   .dropdown-item:hover,
	.dropdown-item:focus {
   	color: #fefefe;  /* hover color */
   }

   footer { padding: 0.75rem .5rem; }
}

/* ----------------------------------------------------------------------
#Print styles
---------------------------------------------------------------------- */
@media print {
   body {
      width: 7.5in;
      max-width: 7.5in; 
    margin: 0.5in;
   }
   
   a:link:after { content:" [" attr(href) "] ";	}

   .meeting-header { 
		margin: 0 0 1rem 0;
		padding: 0; 
	}
}