#app {
	/* max-width: 1024px; */
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
}

/* START Tweak bootstrap a little */
.card, .btn, .form-control {
	border-radius: 0;
}
.btn-primary {
	background-color: #147CB8;
	border: 1px solid #147CB8;	
}
.btn-primary:hover {
	background-color: #147CB8;
	border: 1px solid #147CB8;	
}
.btn-primary.active {
	background-color: #147CB8 !important;
	border: 1px solid #147CB8 !important;
	border-color: #147CB8 !important;
	box-shadow: 0 0 5px #147CB8 !important;
}
.btn-primary:focus {
	background-color: #147CB8 !important;
	border: 1px solid #147CB8 !important;
	border-color: #147CB8 !important;
	box-shadow: 0 0 5px #147CB8 !important;
}
.text-primary {
	color: #147CB8;
}
.bg-primary {
	background-color: #147CB8;
	color: #FFFFFF;
}
.form-control:focus {
	border-color: #147CB8 !important;
	box-shadow: 0 0 5px #147CB8 !important;
}
.fc-today-button {
	background-color: #147CB8 !important;
	border: 1px solid #147CB8 !important;
}
/* END Tweak bootstrap a little */


/* START styles for the very top, header area */
.sticky {
  position: absolute;
  top: 0;
  width: 100%;
  background-color: #FFFFFF;
  z-index: 1000
}
#header {
	height: 80px;
	background-color: #FFFFFF;
	max-width: 1024px;
}
.header_links a {
	text-decoration: none;
	color: #666666;
	font-size: 13px;
}

/* START STYLES FOR THE SEARCH AUTO-COMPLETER AT THE TOP OF THE SCREEN */
.search_buttons {
	height: 38px;
	width: 38px;
	cursor: pointer;
}
.search_input {
	border: 1px solid #102F45;
}

.bootstrap-autocomplete .dropdown-item:before {
	margin-right: 5px;
	color: #147CB8;
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f002";
}
.bootstrap-autocomplete .dropdown-item:hover:before {
	margin-right: 5px;
	color: #FFFFFF;
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f002";
}
.bootstrap-autocomplete .dropdown-item:hover {
  color: #FFFFFF;
  background: #147CB8;
}
.bootstrap-autocomplete .dropdown-item:focus:before {
	margin-right: 5px;
	color: #FFFFFF;
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f002";
}
.bootstrap-autocomplete .dropdown-item:focus {
  color: #FFFFFF;
  background: #147CB8;
}
.bootstrap-autocomplete .dropdown-item.active:before {
	margin-right: 5px !important;
	color: #FFFFFF !important;
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f002" !important;
}
.bootstrap-autocomplete .dropdown-item.active {
  color: #FFFFFF !important;
  background: #147CB8 !important;
}

/* START STYLES FOR THE TOP / PUBLIC NAVIGATION MENU */
.user_dropdown_menu .dropdown-item.active {
  color: #FFFFFF !important;
  background: #147CB8 !important;
}
.user_dropdown_menu .dropdown-item:focus {
  color: #FFFFFF !important;
  background: #147CB8 !important;
}

.top_nav_menu {
	top: 81px;
	left: 0px;
	width: 100%;
	min-height: 32px;
	font-size: 14px;
	background: #147CB8 0% 0% no-repeat padding-box;	
}
.top_nav_menu_large {
	background: #147CB8 0% 0% no-repeat padding-box;	
}
.top_nav_group {
	height: 32px;
	border-left: 1px solid #FFFFFF;
}
.top_nav_buttons {
	background: #147CB8 0% 0% no-repeat padding-box;	
	border-right: 1px solid #FFFFFF;
	padding-left: 26px;
	padding-right: 26px;
	font-size: 14px;
	color: #FFFFFF !important;
}
.top_nav_buttons:hover {
	background: #147CB8 0% 0% no-repeat padding-box;	
}
.top_nav_buttons:active {
	background: #147CB8 0% 0% no-repeat padding-box;	
}
.top_nav_buttons_active {
	background: #16567E 0% 0% no-repeat padding-box;	
	pointer-events: none;
	border-right: 1px solid #FFFFFF;
	font-size: 14px;
	color: #FFFFFF !important;
}
#top_nav_menu_small {
	top: 81px;
	left: 0px;
	width: 100%;
	min-height: 32px;
	font-size: 14px;
	background: #147CB8 0% 0% no-repeat padding-box;	
}

.top_nav_menu_button {
	background: #147CB8 0% 0% no-repeat padding-box;	
	height: 32px;
	font-size: 14px;
}
.top_nav_menu_button:active {
	background: #147CB8 0% 0% no-repeat padding-box;	
	height: 32px;
}

/* END styles for the top / public navigation menu */

/* START styles for the member navigation menu */
.members_only_small {
	width: 100%;
	border-top: 1px white solid;
	background: #16567E 0% 0% no-repeat padding-box;	
}
.members_nav_menu {
	top: 113px;
	left: 0px;
	width: 100%;
	min-height: 32px;
	background: #16567E 0% 0% no-repeat padding-box;	
	font-size: 14px;
}
.members_nav_group {
	height: 32px;
	padding-top: 2px;
}
.members_nav_buttons {
	background: #16567E 0% 0% no-repeat padding-box;	
	padding-left: 26px;
	padding-right: 26px;
	color: #FFFFFF !important;
	font-size: 14px;
	white-space: nowrap;
}
.members_nav_buttons:hover {
	background: #16567E 0% 0% no-repeat padding-box;	
}
.members_nav_buttons:active {
	background: #184767 0% 0% no-repeat padding-box;	
}
.members_nav_buttons_active {
	background: #184767 0% 0% no-repeat padding-box;	
	padding-left: 26px;
	padding-right: 26px;
	color: #FFFFFF !important;
	font-size: 14px;
}
#members_nav_menu_small {
	top: 113px;
	left: 0px;
	width: 100%;
	min-height: 32px;
	background: #147CB8 0% 0% no-repeat padding-box;	
}

.members_nav_menu_button {
	background: #147CB8 0% 0% no-repeat padding-box;	
	height: 32px !important;
}
.members_nav_menu_button:active {
	background: #147CB8 0% 0% no-repeat padding-box;	
	height: 32px !important;
}
.members_nav_menu .dropdown-toggle:after {
	display: inline-block; 
	width: 0; 
	height: 0; 
	content: ""; 
	/*
		float: right;
		margin-top: .4em; 
		margin-left: .5em; 
	*/
	vertical-align: middle;
	border-top: .8em solid;
	border-right: .6em solid transparent; 
	border-left: .6em solid transparent; 
}
.members_nav_menu .dropdown-menu {
	background: #116A9D;
	font-size: 14px;
}
.members_nav_menu .dropdown-menu a {
	background: #116A9D;
	color: #FFFFFF !important;
	font-size: 14px;
}
.members_nav_menu .dropdown-menu a:hover {
	background: #116A9D;
	color: #FFFFFF !important;
	text-decoration: underline;
	font-size: 14px;
}
#subcommittees_mobile_menu {
	background: #116A9D;
}

#subcommittees_mobile_menu .members_nav_buttons {
	background: #116A9D;
	white-space: break-spaces !important;
}
#interest_groups_mobile_menu {
	background: #116A9D;
}
#interest_groups_mobile_menu .members_nav_buttons {
	background: #116A9D;
	white-space: break-spaces !important;
}

.mobile_dropdown:after {
	display: inline-block; 
	width: 0; 
	height: 0; 
	content: ""; 
	/*
		float: right;
		margin-top: .4em; 
		margin-left: .5em; 
	*/
	vertical-align: middle;
	border-top: .8em solid;
	border-right: .6em solid transparent; 
	border-left: .6em solid transparent; 
}

/* END styles for the member navigation menu */

/* START styles for the main content area */
.hero_area {
	top: 113px;
	left: 0px;
	width: 100%;
	min-height: 160px;
}

#home_hero_title {
	width: 600px;
	min-height: 194px;
	font-size: 44px;
	font-family: 'Helvetica Neue', 'Helvetica', sans-serif;
	background: #EB610E;
	color: #FFFFFF;
	font-weight: 500;
}

.text_area {
	width: 600px;
}

/* END styles for the main content area */

/* START styles for the footer */
#footer_top {
	color: #FFFFFF !important;
	background: #163F5C 0% 0% no-repeat padding-box;	
	width: 100%;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
}
#footer_area {
	background: #C1C8CE 0% 0% no-repeat padding-box;
	height: 160px;
	width: 100%;
}
/* END styles for the footer */

/* START utility styles */

.white_background {
	background-color: #FFFFFF;
}
.medium_blue_background {
	background-color: #147CB8;
	color: white;
}
.medium_blue_text {
	color: #147CB8 !important;
}

.eighteen-plain {
	font-size: 18px;
}
.sixteen-plain {
	font-size: 16px;
}
.fourteen-plain {
	font-size: 14px;
}

.twenty-navy {
	font-size: 20px;
	color: #15567F;
}
.eighteen-navy {
	font-size: 18px;
	color: #15567F;
}
.sixteen-navy {
	font-size: 16px;
	color: #15567F;
}
.fourteen-navy {
	font-size: 14px;
	color: #15567F;
}

.twenty-plain {
	font-size: 20px;
}
.twenty-four-plain {
	font-size: 24px;
}
.thirty-plain {
	font-size: 30px;
}
.thirty-six-plain {
	font-size: 36px;
}
.forty-eight-plain {
	font-size: 48px;
}

.twenty-four-navy {
	font-size: 24px;
	color: #15567F;
}
.eighteen-navy {
	font-size: 18px;
	color: #15567F;
}
.sixteen-navy {
	font-size: 16px;
	color: #15567F;
}
.fourteen-navy {
	font-size: 14px;
	color: #15567F;
}

/* END utility styles */

/* START styles for the main portion of the page */
.main_content_area_public {
	margin-top: 112px;
}
@media (max-width: 991px) {
	.main_content_area_members {
		margin-top: 112px;
	}
}
@media (min-width: 992px) {
	.main_content_area_members {
		margin-top: 143px;
	}
}

#main_content_area a:link {
	text-decoration: underline;
	color: #147CB8;
}
#main_content_area a:hover {
	text-decoration: underline;
	color: #147CB8;
}
#main_content_area a:visited {
	text-decoration: underline;
	color: #16567E;
}
#main_content_area a:active {
	text-decoration: underline;
	color: #16567E;
}

#main_content_area .editor_link {
	text-decoration: none !important;
}
.event_editor_link {
	text-decoration: none !important;
}

#featured_news_title {
	color: #3F5468;
	font-size: 32px;
	width: 100px;
}
.featured_news_rule {
	height: 2px;
	background-color: #6361AB; 
}

.page_title {
	text-align: left;
	font: italic normal 800 20px/22px Roboto;
	font-size: 22px;
	letter-spacing: 4px;
	color: #5D5C5C;
	text-transform: uppercase;
}

/* OLD ACCORDION STYLE */
.decipher_accordion_card {
	border: 1px solid #147CB8;
	width: 600px;
	margin-bottom: 10px;
}
.decipher_accordion_card_header {
	background-color: #147CB8;
	color: #FFFFFF;
	font-size: 16px;
	cursor: pointer;
	width: 100%;
	height: 32px;
	font-weight: bold;
	display: block;
	padding: 5px 15px;
}

.decipher_accordion_card_header .decipher_accordion_card_icon {
	color: #fff;
	content: url(/images/minus.svg);
}
.decipher_accordion_card_header.collapsed .decipher_accordion_card_icon {
	color: #fff;
	content: url(/images/plus.svg);
}
.decipher_accordion_card_icon {
	width: 24px;
	height: 24px;
}
/* END OLD ACCORDION STYLE */

/* START NEW ACCORDION STYLE */
.accordion_compact_listing {
	border-bottom: 1px black solid;
	cursor: pointer;
}
.accordion_full_listing {
	background: #F7F7F7 0% 0% no-repeat padding-box;
	text-align: left;
	font: normal normal normal Roboto;
	font-size: 16px;
	letter-spacing: 0px;
	color: #000000;	
	border-bottom: 1px black solid;
}
.accordion_listing_sub_title {
	font: normal italic 600 18px Roboto;
	font-size: 18px;
	letter-spacing: 0px;
	color: #444444;
	text-transform: uppercase;
}

/* END NEW ACCORDION STYLE */

.member_photo {
	width: 160px;
}

/* Style for the blue drop-down menu on many pages */
.content_filter {
	background: #147CB8;
	width: 242px;
}
.content_filter_button {
	background: #147CB8;
	height: 32px !important;
	color: #FFFFFF !important;
	text-align: left !important;
	padding-left: 25px;
	width: 242px;
}
.content_filter_button:active {
	background: #147CB8;
	height: 32px !important;
	color: #FFFFFF !important;
}
.content_filter .dropdown-toggle:after {
	display: inline-block; 
	width: 0; 
	height: 0; 
	content: ""; 
	float: right;
	margin-top: .3em; 
	vertical-align: middle;
	border-top: .8em solid;
	border-right: .5em solid transparent; 
	border-left: .5em solid transparent; 
}
.content_filter .dropdown-menu {
	background: #147CB8;
	font-size: 18px;
	width: 242px;
}
.content_filter .dropdown-menu a {
	background: #147CB8;
	color: #FFFFFF !important;
	text-decoration: none !important;
	font-size: 18px;
	text-align: left !important;
}
.content_filter .dropdown-menu a:hover {
	background: #147CB8;
	color: #FFFFFF !important;
	text-decoration: underline;
	font-size: 18px;
	text-align: left !important;
}

/* Subcommittee / Interest Group page styles */
.page_section_tab {
	width: 169px;
	border: 2px solid #15567F !important;
	font-size: 16px !important;
	color: #15567F !important;
	text-decoration: none !important;
	border-radius: 0  !important;
}
.page_section_tab.active {
	background: #147CB8 0% 0% no-repeat padding-box !important;
	border: 2px solid #15567F !important;
	color: white !important;
	font-size: 16px !important;
	color: white !important;
	text-decoration: none !important;
}
.page_section_tab_break {
	height: 12px;
}

.individual_resource {
	padding-top: 10px;
	padding-bottom: 15px;
	border-bottom: 3px solid #B5B5B5;
}
.individual_resource_listing {
	padding-top: 10px;
	padding-bottom: 5px;
}
/* END styles for the main portion of the page */