/* CSS Document */

html {
   /* set font size */
   font-size: 16px;
}

/* Base font sizes and color and links */		
body,h1,h2,h3,h4,h5,h6 {
  	font-family: "Open Sans", arial, san-serif;
		}
		
p { 
	font-size: 1rem;
	color: #535A5F;
	line-height: 1.5;
	 }

h1 {
	font-size: 2rem;
    font-weight: 400;
    line-height: 1.5;
	color: #1D2755;
	margin: 0 0 10px 0;
		 }
		
h2 {
	font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
	color: #1D2755;
	margin: 0 0 10px 0;
		 }
	
h3 {
	font-size: 1.17rem;
    font-weight: 400;
    line-height: 1.5;
	color: #1D2755;
	margin: 0 0 10px 0;
    	}
		
h4 {
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
	color: #1D2755;
	margin: 0 0 10px 0;
    	}
		
ul {font-size: 1rem; color: #535A5F; padding: 0px 0px 0px 40px;}

.bullet-spacer {line-height: 2;}

a:link {color: #096DB9;}
a:visited {color: #6e41a0;}
a:hover {color: #18336B; text-decoration: none;}
a:active {color: #18336B;}
a:focus {outline: .20rem solid #9CD8ED; outline-offset: 0;}


/* Font Awesome Social Icons */
.faico{margin:0; padding:0; list-style:none;}
.faico li{display:inline-block; float:left; margin:0 5px 0 0; padding:0; line-height:normal;}
.faico li:last-child{margin-right:0;}
.faico a{display:inline-block; width:30px; height:30px; line-height:30px; font-size:14px; text-align:center;}
.faico a{color:#FFFFFF;}
.faicon-facebook{background-color:#3B5998;}
.faicon-linkedin{background-color:#0E76A8;}
.faicon-twitter{background-color:#00ACEE;}

/* Header */
#header{padding:40px 0 10px; border-bottom:1px thin;}
#header .faico{margin:10px 0px 0 0;}
#title a{font-size: 2rem; text-decoration: none; color: white;}	

/* Search Results */
.st-ui-type-heading{
  font-size: 1rem !important;
  font-family: "Open Sans", serif !important;
}
:
.st-ui-type-detail {
  font-size: .85rem !important;
    font-family: "Open Sans", serif !important;
	line-height: 1;
}
.st-default-search-input {
  font-size: .85rem !important;
    font-family: "Open Sans", serif !important;
	line-height: 1.0;
}
/* Index page no bullets */
.nobullets {
	list-style-type: none;
	padding-top: 5rem;
}

/* Meetings page no bullets */
.nobullet_meeting {
	list-style-type: none;
	padding-right: 2rem;
	
}
/*meeting date front page*/

.meetdat{
	padding-left: 2.2rem;
}
/*Skip main navigation*/
.skip{
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  color: white;
}

.skip:focus {
  position: static;
  width: auto;
  height: auto;
}

a.skip, a.skip:hover, a.skip:active  { color: white; } 


/* Top Bar */
#topbar form{display:block; position:relative; width:100%; margin:25px 0 0 0;}
#topbar button{display:block; height:25px; border:none; color: #FFFFFF;}
#topbar input{width:100%; height:25px; max-width:100%; padding:5px 15px 5px 15px; border:1px solid;}
#topbar button{position:absolute; padding-left: 15px; top:1px; right:1px; width:1px; height:34px; border-left:1px solid; font-size:16px; cursor:pointer;}
#topbar form:hover button, #topbar form:hover input, #topbar input:focus{border-color:rgba(255,255,255,.6);}


/* Top Navigation */
#mainav{margin-top:-1px;}
#mainav ul{text-transform:none;}
#mainav ul ul{z-index:9999; position:absolute; width:160px; text-transform:none;}
#mainav ul ul ul{left:160px; top:0;}
#mainav li{display:inline-block; position:relative; margin:0 15px 0 0; padding:0;}
#mainav li:last-child{margin-right:0;}
#mainav li li{width:100%; margin:0;}
#mainav li a{display:block; color: white; padding:30px 0; border-width:3px 0 0 0; background-color: transparent;}
#mainav .active a, #mainav a:hover, #mainav li:hover > a{color:#ffc107; background-color:inherit; border-color:#ffc107; }
#mainav ul>li:hover .drop::after {color:#ffc107; transform: scaleY(-1); }  /* arrow icon main */
#mainav ul>li>ul>li .drop::after  {color:#ffffff !important; transform: scaleY(1) !important; }  /* RESET arrow icon in sub menu*/
#mainav ul>li>ul>li:hover .drop::after {color:#ffc107 !important; transform: scaleY(-1) !important; }  /* arrow icon sub menu*/

#mainav li li a{border-width:0 0 1px 0;}
#mainav .drop{padding-left:15px;} 
#mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;}
#mainav .drop::after, #mainav li li .drop::after{content:"\f0d7"; }
#mainav .drop::after{top:40px; left:5px;}
#mainav li li .drop::after{top:15px; left:5px;}
#mainav ul ul{visibility:hidden; opacity:0;}
#mainav ul li:hover > ul{visibility:visible; opacity:1;}

/* Top Navigation as mobile menu */
#mainav form{display:none; margin:0; padding:0;}
#mainav form select, #mainav form select option{display:block; cursor:pointer; outline:none;}
#mainav form select{width:100%; height:36px; padding:5px; border:1px solid;}
#mainav form select option{margin:5px;}


#mainav li li a, #mainav .active li a{color:#ffffff; background-color:rgba(0, 0, 0, 0.88); border-color:rgba(0, 0, 0, 0.6);}
#mainav li li:hover > a, #mainav .active .active > a{color:#ffc107; background-color:#000000; border-color:rgba(0,0,0,.6);}
#mainav form select{color:#FFFFFF; background-color:#000000; border-color:rgba(255,255,255,.2);}

/* Breadcrumb */
#breadcrumb {padding:0 0 30px 0; display: block; margin: 0; text-transform: none;}
#breadcrumb ul{margin:0; padding:0; list-style:none; }
#breadcrumb li{display:inline-block; margin:0 8px 0 0; font-size:14px; color: #535A5F; }
#breadcrumb li a{display:block; position:relative; padding:0 12px 0 0; font-size: 14px; color: #096DB9; }
#breadcrumb li a::after{top:5px; right:0; content:"\f105";}
#breadcrumb li:last-child a{margin:0; padding:0;}
#breadcrumb li:last-child a::after{display:no;}

/* Meeting List */
.rev {margin-bottom: 1.2rem;}
.rev li{margin-bottom: 1.2rem;}

/* Back to Top */
#backtotop{color:#000000; background-color:#ffc107;}
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; right:20px; width:36px; height:36px; line-height:36px; font-size:16px; text-align:center; opacity:.2;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible{visibility:visible; opacity: 1;}
#backtotop:hover{opacity:.5;}


/* Footer styles */
p.footer {color: #ffffff; font-size: 1rem; }
p.footer-left {float: left; color: #ffffff;}
p.footer-right {float: right; color: #ffffff;}
h3.footer-nav {color: #ffffff;  margin: 0 0 30px 0; padding: 0 0 8px 0; border-bottom: 1px solid;}
h2.footer-larger {color: #ffffff; font-size: 2.2rem; } /*font-size: 2.2rem;*/
ul.footer-list {font-size: 1rem; list-style-type: none; padding: 0px 0px 0px 0px;}
.footer-list a:link, #copyright a:link {color: #FFFFFF;}
.footer-list a:visited, #copyright a:visited {color: #8E63BF;}
.footer-list a:hover, #copyright a:hover {color: #9CD8ED;}
.footer-list a:active, #copyright a:active {color: #9CD8ED;}
.footer-list a:focus, #copyright a:focus {outline: .20rem solid #9CD8ED;outline-offset: 0;}