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

/*
#ACCESSIBILITY
*/
#skip a
{
	position: absolute;
	left: -1000em;
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
 
#skip a:focus
{
	display: block;
	/*position: static;*/
	position: relative;
	color: #fff;
	background-color: #000;
	font-weight: bold;
	left: auto;
	top: auto;
	width: auto;
	height: auto;
	overflow: auto;
	margin: 10px 35%;
	padding: 6px;
	margin-top: 1.5em;
	border-radius: 4px;
	text-align: center;
	text-decoration: underline;
	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: #0A5E33;
   text-decoration: underline; 
}

a:focus, 
a:hover { 
   color: #084C29; 
   text-decoration-style: dashed;
}

a.list-group-item {
    color: #0A5E33;
    font-weight: 600;
    text-decoration: none; 
}

a.list-group-item:focus, 
a.list-group-item:hover, 
button.list-group-item:focus, 
button.list-group-item:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0A5E33;
}

abbr[title] {
	border-bottom: none;
	border-bottom-color: transparent;
}

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

body { 
   min-height:100vh;
}

.btn-primary {
   background-image: -webkit-linear-gradient(90deg,rgba(10,94,51,1.00) 0%,rgba(37,136,40,1.00) 100%);
   background-image: -moz-linear-gradient(90deg,rgba(10,94,51,1.00) 0%,rgba(37,136,40,1.00) 100%);
   background-image: -o-linear-gradient(90deg,rgba(10,94,51,1.00) 0%,rgba(37,136,40,1.00) 100%);
   background-image: linear-gradient(0deg,rgba(10,94,51,1.00) 0%,rgba(37,136,40,1.00) 100%);
   background-color: #0A5E33;
	border-color: #0A5E33;
	margin-top:2px;
}

.btn-primary:focus {
	box-shadow: 0 0 0 .2rem rgb(130, 195, 162,1.00);
}
.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgb(130, 195, 162,1.00);
}

 .btn-primary:not(:disabled):not(.disabled):active,
 .btn-primary:hover {
	background-color: #0A5E33;
	border-color: #0A5E33;
}

footer { padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 10px; }
.footer-link,
.footer-link:visited { color: #fefefe; text-decoration: underline; }
.footer-link:hover,
.footer-link:active { color: #fefefe; text-decoration: underline; text-decoration-style: dashed; }

.content-container {
    padding-bottom: .75rem;
    padding-top: .75rem;
}

.container {
    padding-top: .75rem; 
    min-height: 100vh;
    padding-bottom: .75rem;
}

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;
}

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

.media .image-heading {
	margin-right: 10px;
	vertical-align: middle;
}

#mainmenu {
	padding:1.25rem .5rem .5rem 0;
	cursor: pointer;
}

/* #Decorations */

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

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

.color-text-header { color: #0A5E33; }
.color-text-subhead { color: #555555; }
.color-text-footer { color: #fefefe; }
.color-text-required { color: #A90000; }

.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;
}

.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: #0A5E33;
    background-image: none;
    background-repeat: no-repeat;
}

/* navbar */
.navbar-default {
    background-color: #0A5E33;
    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-color: rgba(10,94,51,1.00);
	background-image: linear-gradient(to bottom, rgb(10,94,51) 0px, rgb(10,94,51) 100%);
}

/* link */
a.nav-link,
a.nav-link:visited {
color: #0A5E33;  /* default color */
text-decoration: none;
background-color: #fefefe;
}

a.nav-link:hover,
a.nav-link:focus {
    color: #fefefe;  /* hover color*/
    background-color: rgba(10,94,51,1.00);
background-image: linear-gradient(to bottom, rgb(10,94,51) 0px, rgb(10,94,51) 100%);
}

/* dropdown customizations */
.dropdown-menu {
  background-color: #FEFEFE;
   border: 1px solid #ccc;
   border: 1px solid rgba(0, 0, 0, .15);
   -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: #4F4F4F;
}

.dropdown-item {
  color: #fefefe;
}

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

.dropdown-item:hover,
.dropdown-item:focus {
  color: #fefefe;
   background-color: #0A5E33;
   background-image: -webkit-linear-gradient(270deg,rgba(10,94,51,1.00) 0%,rgba(10,94,51,1.00) 100%);
   background-image: -moz-linear-gradient(270deg,rgba(10,94,51,1.00) 0%,rgba(10,94,51,1.00) 100%);
   background-image: -o-linear-gradient(270deg,rgba(10,94,51,1.00) 0%,rgba(10,94,51,1.00) 100%);
   background-image: linear-gradient(180deg,rgba(10,94,51,1.00) 0%,rgba(10,94,51,1.00) 100%)
}

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

/* mobile version */

.navbar-toggler:hover,
.navbar-toggler:focus{
    text-decoration-color: none;
	 background-color: #0A5E33; /* button bg on hover/click */
	 -webkit-focus-ring-color: #0A5E33;
	 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: #0A5E33;
	 focus-ring-color: #0A5E33;
}

.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 */
   }
	
}

/* ----------------------------------------------------------------------
#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; 
	}
}