@import url("./vbot/social-top.css?v2");
@import url("./vbot/events.css?v1.3");
@import url("./vbot/left-menu-icons.css");
@import url("./vbot/programs.css");

/*********** BEGIN BODY CSS *************/
h1 {font-size: 2.4em; font-weight: 400; color: #4e84c4; margin-bottom: 0.5em;}
h5 {font-weight: 600;}
a {color: #00a4e4;}
a:hover, a:focus {text-decoration: none;}
.noShow {display: none !important;}
.vbot-standard-color {color: #34495E !important;}
.vbot-events-color {color: black !important;}
.vbot-membership-color {color: black !important;}
.vbot-advocacy-color {color: black !important;}
.vbot-programs-color {color: black !important;}
.c-event {color: #54b948; border-color: #54b948;}
.c-membership {color: #f89728; border-color: #f89728;}
.c-advocacy {color: #7f3f98; border-color: #7f3f98;}
.c-programs {color: #00a4e4; border-color: #00a4e4;}
.bg-c-events {background-color: #54b948;}
.bg-c-membership {background-color: #f89728;}
.bg-c-advocacy {background-color: #7f3f98;}
.bg-c-programs {background-color: #00a4e4;}
.c-standard a{color: #34495E;}
.c-event a{color: #54b948;}
.c-membership a{color: #f89728;}
.c-advocacy a{color: #7f3f98;}
.c-programs a {color: #00a4e4;}

.council-g-list {margin-bottom: 0.3em;}
.council-g-list:nth-child(even) {color: #666;}

.hide-overflow * {overflow: hidden !important;}
.float-right {float: right;}

.button-blue {
   cursor: pointer;
   font-size: 1em;
   font-weight: 600;
   padding: 0.4em 0.7em;
   border-radius: 3px;
   display: inline-block;
   margin-top: 1em;
   margin-bottom: 1em;
   width: auto;
   color: #FFF;
   background: #4e84c4;
}
a.button-blue:link, a.button-blue:visited {color: #FFF !important; }
.button-blue:hover {color: #FFF; background: #00a4e4;}
.button-blue:active {color: #FFFAAA !important; background: #00a4e4;}
.button-disabled {
   cursor: default;
   font-size: 1em;
   font-weight: 600;
   padding: 0.4em 0.7em;
   border-radius: 3px;
   display: inline-block;
   margin-top: 1em;
   margin-bottom: 1em;
   width: auto;
   color: #eee;
   background: #777;
}

.vbt-button {
    font-size: 1em;
    font-weight: 600;
    padding: 0.4em 0.7em;
    display: inline-block;
    margin: 0.5em 0.5em 0.5em 0;
    width: auto;
}
.vbt-button-blue {background: #00a4e4; color: #fff; border: 1px solid #00a4e4;}
.vbt-button-blue:focus {color: #fff;}
.vbt-button-blue:hover {background: #fff; color: #00a4e4}
.vbt-button-grey {background: #777; color: #fff; border: 1px solid #777;}
.vbt-button-grey:focus {color: #fff;}
.vbt-button-grey:hover {background: #fff; color: #777}
.vbt-button-purple {background: #7f3f98; color: #fff; border: 1px solid #7f3f98;}
.vbt-button-purple:focus {color: #fff;}
.vbt-button-purple:hover {background: #fff; color: #7f3f98}


/************* END BODY CSS ************/

/******************************************** BEGIN PAGE STRUCTURE ***************************************************/

/************** BEGIN TOP MENU CSS *************/
.logo-control .logo-img {
    width: 215px;
}
.logo a {
    margin: 1em 0 0 0.5em;
}

.sub-menu-top {
    margin-top: 1em !important;
}
.sub-menu-top ul {
    width: auto !important;
    float: right;
}
.sub-menu-top ul li {
    display: inline-block;
    margin-top: 2px;
}
.sub-menu-top ul li > a {
    float: left;
    text-decoration: none;
    color: #4F5031 !important;
    font-weight: 600;
    border-right: 1px solid #4F5031;
    border-radius: 0px;
    padding: 0em 1.2em;
}
.sub-menu-top ul li:last-child > a{
    border-right: none;
}
.sub-menu-top ul li > a:hover, .sub-menu-top ul li > a:active, .sub-menu-top ul li > a:focus {
    background: #ffffff !important;
    color: #98999E !important;
}
.sub-menu-top .nav-pills > li.active > a, .sub-menu-top .nav-pills > li.active > a:hover, .sub-menu-top .nav-pills > li.active > a:focus {
    background: #ffffff !important;
    color: #98999E !important;
}
.head-search {
    display: inline-block;
    position: relative;
    z-index: 1;
}
.head-search .form-control {
    width: 95% !important;
    border-radius: 0px;
}
.dropdown-menu > li > a {
   white-space: normal !important;
}
.article-menu-section .dropdown-menu {
   font-size: 0.9em !important;
}

.article-menu-section li.current>a {
   cursor: default;
}
.article-menu-section li.active>a::before {
   content: "> ";
}

/*************** END TOP MENU CSS *******************/

/****************** BEGIN MAIN NAV CSS ******************/
.nav-stacked > li {
   margin-left: 0px;
}
.navbar-nav {
   width: 100%;
}
.navbar-default {
    background-color: #ffffff !important;
    border: none !important;
}
#t3-mainnav ul.navbar-nav li {
    width: 18%;
    margin-right: 2%;
    margin-left: 0px;
}
#t3-mainnav ul.navbar-nav li > a {
    float: left;
    color: #444;
    font-weight: 600;
    width: 100%;
    padding-right: 0px;
    padding: 0.5em 0 1em 0;
    transition: all ease-in-out 200ms;
}
#t3-mainnav .t3-navbar-collapse ul.navbar-nav li > a {
    padding-left: 1em;
}
#t3-mainnav ul.navbar-nav li > a:focus {
    background: #ffffff !important;
}
#t3-mainnav .t3-navbar-collapse ul.navbar-nav li > a:focus {
    background-color: #7E7F7E !important;
}
#t3-mainnav .t3-navbar-collapse ul.navbar-nav li > a:hover {
    background-color: #f1f1f1 !important;
}

#t3-mainnav ul.navbar-nav li:nth-child(1) > a:hover {
    color: #54b948 !important;
}
#t3-mainnav ul.navbar-nav li:nth-child(2) > a:hover {
    color:#f89728;
}
#t3-mainnav ul.navbar-nav li:nth-child(3) > a:hover {
    color:#7f3f98;
}
#t3-mainnav ul.navbar-nav li:nth-child(4) > a:hover {
    color:#00a4e4;
}



.nav-menu-top {
    border: 0.1em solid;
    transition: all ease-in-out 200ms;
}


#t3-mainnav ul.navbar-nav li:nth-child(1) > .nav-menu-top {
    border-color: #54b948; background-color: #54b948;
}
#t3-mainnav ul.navbar-nav li:nth-child(2) > .nav-menu-top {
    border-color: #f89728; background-color: #f89728;
}
#t3-mainnav ul.navbar-nav li:nth-child(3) > .nav-menu-top {
    border-color: #7f3f98; background-color: #7f3f98;
}
#t3-mainnav ul.navbar-nav li:nth-child(4) > .nav-menu-top {
    border-color: #00a4e4; background-color: #00a4e4;
}
.navbar-default .navbar-nav > .active > a{
    background-color: #ffffff !important;
}
.navbar-default .t3-navbar-collapse .navbar-nav > .active > a{
    background-color: #E7E7E7 !important;
}

.navbar-nav li:hover .nav-menu-top {
    border-color: #95999C !important; background-color: #95999C !important;
}


#t3-mainnav ul.navbar-nav li.active > .nav-menu-top {
    border-color: #95999C !important;
}
#t3-mainnav ul.navbar-nav li:nth-child(1).active > a {
    color: #54b948 !important;
}
#t3-mainnav ul.navbar-nav li:nth-child(2).active > a {
    color: #f89728 !important;
}
#t3-mainnav ul.navbar-nav li:nth-child(3).active > a {
    color: #7f3f98 !important;
}
#t3-mainnav ul.navbar-nav li:nth-child(4).active > a {
    color: #00a4e4 !important;
    padding-right: 0px;
}
/******************* END MAIN NAV CSS *******************/

/*************** BEGIN REGION - LANGUAGE SWITCHER - CSS **************/
.region-top {
	display: none;
    margin-left: -1em;
    background: #99989E;
    border: 1px solid #99989E;
    border-radius: 5px;
    width: 13.8em;
}
.region-top:hover, .region-top-selected:hover {
    cursor: pointer;
    background: #34495E;
    border: 1px solid #34495E;
}
.region-top-selected {
    margin-left: -1em;
    background: #34495E;
    border: 1px solid #34495E;
    border-radius: 5px;
    width: 13.8em;
}
.region-top p, .region-top-selected p {
    color: #ffffff;
    line-height: 0.8;
    padding-top: 0.5em;
}
.region-top p:after, .region-top-selected p:after{
    content: url('/files/display/arrow_down.png');
    float: right;
}
.region-selector {
    display: none;
    position: absolute;
    z-index: 500;
    margin-top: 2.6em;
    width: 100%;
    background: #34495E;
    /* //border: 1px solid #34495E; */
    border-radius: 5px;
    margin-left: -1.05em;
    color: #ffffff;
}
.region-selector-table {
    width: 100%;
}
.region-selector-table td {
    border: none !important;
    padding: 0.5em;
}
.region-selector-table td:hover{
    background: #5DC3BE;
}
/*************** END REGION - LANGUAGE SWITCHER - CSS **************/

/****************** BEGIN LOGGED IN USER TEXT CSS **********************/
.welcome-top {
	display: none;
	text-align: right;
}
.logged-in-name {
	color: #34495E;
	font-size: 1.5em;
	font-weight: bold;
   padding-right: 0.2em;
}
.dashboard-icon {
   height: 2em;
   margin-top: -0.5em;
}
/****************** END LOGGED IN USER TEXT CSS **********************/

/****************** BEGIN MENU BOTTOM BUTTONS CSS **********************************/
.t3-module.menu-bottom {
    background: #f4f4f4;  
    background-attachment: fixed;
    padding: 0.5em;
    border: 1px solid #ECF0F1;
    border-radius: 5px;
}
.t3-module.menu-bottom a {
    text-decoration: none;
    color: #333;
}
.menu-bottom-highlight {
    color: #428BCA;
}
.menu-bottom-highlight:hover {
    color: #2A6496;
}
.menu-bottom .image-left-menu-bottom {
    float: left;
    padding: 0.2em 1em 0em 0em;
}
.menu-bottom p {
    font-size: 0.9em;
    margin: 0px;
}
.menu-bottom p a {
    color: #58595B;
}
.menu-bottom-title {
    display: block;
    width: 100%;
    padding: 0.5em;
    border-radius: 4px;
    margin-bottom: 0.6em;
    color: #ffffff;
    font-weight: 600;
}
.menu-bottom-title a{
    color: #ffffff;
}
.menu-bottom-subtitle {
    font-weight: bold;
}
#events-title-bottom {
    background: #54b948;
    border: 1px solid #54b948;
}
#membership-title-bottom {
    background: #f89728;
    border: 1px solid #f89728;
}
#advocacy-title-bottom {
    background: #7f3f98;
    border: 1px solid #7f3f98;
}
#programs-title-bottom {
    background: #00a4e4;
    border: 1px solid #00a4e4;
}
.t3-module.events-menu-bottom:hover #events-title-bottom {
	background:#34495E; 
	border:1px solid #34495E;
}
.t3-module.membership-menu-bottom:hover #membership-title-bottom {
	background:#34495E; 
	border:1px solid #34495E;
}
.t3-module.advocacy-menu-bottom:hover #advocacy-title-bottom {
	background:#34495E; 
	border:1px solid #34495E;
}
.t3-module.programs-menu-bottom:hover #programs-title-bottom {
	background:#34495E; 
	border:1px solid #34495E;
}

.individualEvents .event-title * {
    color:#222 !important;
    font-size: 35px;
    font-weight: 200;
}

.individualEvents .event-title sup {
    font-size: 65%; 
    font-weight: 600;
}
/****************** END MENU BOTTOM BUTTONS CSS **********************************/

/******************** BEGIN SPONSORS BOTTOM CSS ********************************/
.t3-navhelper {
    background: none;
    border: none;
    padding-bottom: 6em;
}
.t3-navhelper .container, .t3-navhelper .container > div  {
    padding-left: 0em !important;
    padding-right: 0em !important;
}
#ot_scroller {
    padding-top: 0em !important;
    margin-top: 0em !important;
}
.ot_content {
    border-right: 2px solid #ECF0F1;
    padding:0em 2em;
}
#ot_scroller #prev {
    display: none !important;;
}
#ot_scroller #prev:hover {
    display: none !important;
}
#ot_scroller #next {
    display: none !important;;
}
#ot_scroller #next:hover {
    display: none !important;;
}
.moreSponsorship {
    float: right;
    background: #99999B;
    border: 1px solid #99999B;
    border-radius: 5px;
    padding: 0.9em 0.8em 0.2em 0.8em;
    font-size: 0.9em;
    margin-top: 2.1em;
}
.moreSponsorship:hover {
    cursor: pointer;
    background: #34495E;
    border: 1px solid #34495E;
}
.moreSponsorship a{
	color: #ffffff;
}
/******************** END SPONSORS BOTTOM CSS ********************************/

/****************** BEGIN FOOTER CSS ****************************/
#t3-footer {
    background: #99999B;
    border: none;
}
.footer-menu {
    background: #99999B !important;
}
.footer-menu .dropdown-submenu .dropdown-menu {
    position: relative;
    float: none;
    display: inherit;
    left: 0%;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0px !important;
	margin-top: 0;
}
.footer-menu .dropdown-submenu .dropdown-menu li {
    border: none !important;
    padding-left: 2.5em !important;
}
.footer-menu .dropdown-submenu > a:after {
    display: none !important;
}
.footer-menu .dropdown-menu {
    background: #99999B !important;
}
.footer-menu .module-title {
    color: #ffffff !important;
    font-size: 1.1em !important;
    font-weight: 600 !important;
}
.footer-menu .nav a {
    color: #D1D1D1 !important;
    font-size: 1em !important;
    padding: 0em 0em 0em 1em !important;
    font-weight: 500 !important;
}
.footer-menu ul li a:hover {
    color: #555555 !important;
    background-color: #99999B !important;
}
.footer-menu .dropdown-menu a {
    color: #D1D1D1 !important;
    font-size: 0.85em !important;
    padding-left: 0em !important;
    margin-left: -1em;
    font-weight: 500 !important;
}
.footer-menu .dropdown-submenu .dropdown-menu li:hover {
    background: #99999B !important;
}
.footer-menu .dropdown-submenu > a:active{
    background: #99999B !important;
}
.footer-menu .nav > li > a:hover, .nav > li > a:focus {
    background: #99999B !important;
}
.footer-menu .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: #99999B !important;
}
.t3-copyright {
    padding: 0em;
}
.footer-news {
    background: #99999B;
    color: #ffffff;
    font-size: 1.1em;
    font-weight: 600;
}
.footer-news ul li {
    padding-bottom: 0.5em;
}
.footer-news ul li a {
	color: #D1D1D1 !important;
}
.footer-news ul li a:hover {
	color: #555555 !important;
}
.footer-main-menu {
    float: left;
    padding-bottom: 2em;
}
.footer-main-menu div {
    display: inline;
    color: #ffffff;
    font-size: 1.1em;
    font-weight: 500;
    padding-right: 1em;
    padding-left: 1em;
    border-right: 1px solid #ffffff;
}
.footer-main-menu div a{
    color: #ffffff;
}
.footer-main-menu div:first-child {
    padding-left: 0em;
}
.footer-main-menu div:last-child {
    border: none;
}
.footer-copyright {
    float: right;
    color: #D1D1D1;
    font-size: 1.1em;
    font-weight: 500;
}
/****************** END FOOTER CSS ****************************/

/******************************************** END PAGE STRUCTURE ***************************************************/


/******************************************** BEGIN ITEMS STRUCTURE ***************************************************/



/********************** BEGIN SUB PAGES FOR MENUS CSS *********************/
.menu-in-header {
    float:left;
    width: 100%;
    padding-bottom: 1em;
    background: #FFF;
    /* margin-top: -6em; */
}
.menu-in-title {
    /* display: inline; */
    display: block;
    font-size: 2.4em;
    font-weight: bolder;
    padding-bottom: 0.5em;
}
.menu-in-intro {
    border-radius: 2px;
    width: 100%;
    padding-left: 0.1em;
    font-size: 1.05em;
    color: #000;
    line-height: 1.4em;
    margin: 1em 0 2em;
}
.menu-in-containers {
    display: inline;
}
.menu-in-subContainers {
    display: inline-block;
    padding: 1em 1em 0.2em 1em;
    background: #F0F3F2;
    border: 1px solid #F0F3F2;
    border-radius: 5px;
    margin: 0.5em 0.2em;
	font-size: 0.9em;
}
.menu-in-subContainers:hover {
    background: #98999E;
    color: #ffffff;
}
.menu-in-subContainers:hover .menu-in-subTitle::after {
    content: url('/files/display/submenu-left-arrow-white.png');
    float: right;
    margin-top: 1.6em;
}
.menu-in-subTitle {
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.5em 0;
}
.menu-in-subTitle a{
    color: inherit;
    text-decoration: none;
}
.menu-in-subTitle::after {
    content: url('/files/display/submenu-left-arrow.png');
    float: right;
    margin-top: 1.6em;
    display: none;  /* remove arrow */
}
.menu-in-advocacy {
    color: #7f3f98;
}
.menu-in-advocacy .menu-in-intro {
    border-color: #7f3f98;
}
.menu-in-events {
    color: #54b948;
}
.menu-in-events .menu-in-intro {
    border-color: #54b948;
}
.menu-in-membership {
    color: #f89728;
}
.menu-in-membership .menu-in-intro {
    border-color: #f89728;
}
.menu-in-programs {
    color: #00a4e4;
}
.menu-in-programs .menu-in-intro {
    border-color: #00a4e4;
}
/********************** END SUB PAGES FOR MENUS CSS *********************/


/**************** BEGIN PRE CONTENT TITLE ******************/
.preContentTitle {
	/* padding-bottom: 1.5em; */
}		
/*Custom Title*/
.article-custom-title {
    font-size: 2em;
    font-weight: bold;
    padding: 0 !important;
	padding: 0em;
    display: none;
}
.article-custom-title>div {
   margin: 0 0 0.3em 0 !important;
   padding: 0 !important;
   line-height: normal;
}
.article-custom-title>div * {
   margin-top: 0 !important;
   padding: 0 !important;
   line-height: normal;
}

.breadcrumb {
   display: none;
}
/**************** END PRE CONTENT TITLE ******************/

/********************** BEGIN SUB PAGES LEFT MENU CSS *********************/
/*Menu items*/
.article-menu-section {
    font-size: 1.1em;
    font-weight: 400;
}
.article-menu-section a {
    text-decoration: none;
}
.article-menu-section li a:hover {
    background: #ffffff;
}
.article-menu-section ul {
    list-style: none;
}
.article-menu-section li {
    border-bottom: 1px dotted #e3e3e3;
    width: 100%;
}
.article-menu-section li:first-child {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px dotted #e3e3e3;
    margin-left: 0px;
}
.article-menu-section .dropdown-submenu .dropdown-menu {
    position: relative;
    float: none;
    display: inherit;
    left: 0%;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0px !important;
}
.article-menu-section .dropdown-submenu .dropdown-menu li {
    border: none !important;
    padding-left: 2.5em !important;
}
.article-menu-section .dropdown-submenu .dropdown-menu li:hover {
    background: #ffffff !important;
}
.article-menu-section .dropdown-submenu > a:after {
    display: none !important;
}
.article-menu-section .dropdown-submenu > a:active {
    background: #ffffff !important;
}
.article-menu-section .nav-pills > li.active > a, .article-menu-section .nav-pills > li.active > a:hover, .article-menu-section .nav-pills > li.active > a:focus {
    background: #ffffff !important;
    color: #99989E !important;
   margin-left: -0.8em;    
}
.article-menu-section .dropdown-menu > .active > a, .article-menu-section .dropdown-menu > .active > a:hover, .article-menu-section .dropdown-menu > .active > a:focus {
    background: #ffffff !important;
    color: #99989E !important;
    margin-left: -0.9em;
}
.article-menu-section .nav > li > a:hover, .article-menu-section .nav > li > a:focus {
    background: #ffffff !important;
}
.article-menu-section .dropdown-menu > li > a:active {
    background: #ffffff !important;
}
.article-menu-section .dropdown-menu > li > a:hover, .article-menu-section .dropdown-menu > li > a:focus {
    background: #ffffff !important;
}


/*Banners*/
.t3-sidebar-left .banneritem img {
    max-width: 100%;
}
.t3-sidebar-left .bannergroup {
	padding-bottom: 1em;
}

/*Become a Member Button */
.become-member-left-side-bar {
   margin-top: 20px;
   text-align: center;
}

.become-member-left-side-bar a {
	display: block;
   margin: 0px auto;
   padding: 1em;
  	background: #34495E;
  	border-radius: 5px;
  	color: #ffffff;
  	font-size: 1em;
   width: 100% !important;
}
/********************** END SUB PAGES LEFT MENU CSS *********************/

/********************** BEGIN ARTICLE CONTENT CSS *************************/
.article-title {
    display: none !important;
}
.article-content {  font-size: 0.95em;  line-height: 1.4em; margin-top: 0em !important; } 
.article-content h1, .article-content h2, .article-content h3, .article-content h4, .article-content h5, .article-content h6 { margin: 0; padding: 0; line-height: 1.5em; }
.article-content h1 { font-size: 2.4em; font-weight: 400; color: black; margin-bottom: 0.2em; }
.article-content h2 { font-weight: 600; margin: 1em 0px 0.3em; font-size: 1.8em; }
.article-content h2 { font-size: 1.7em; font-weight: 600; margin: 1em 0 0.3em 0}
.article-content h3 { font-size: 1.5em; margin: 30px 0 15px;}
.article-content h4 {
    font-size: 1.3em;
    text-transform: uppercase;
    margin-bottom: 0.6em;
    color: #000;
    margin-top: 1em;
    border-top: 1px solid #e3e3e3;
    padding-top: 0.3em;
}
.article-content h5 { font-size: 1em; font-style: italic;}
.article-content h6 { font-size: 1em;}
.article-content blockquote { font-size: 1em; }
.article-content table {}
.article-content table tr {}
.article-content table th { fontweight: bold; text-align: center; background: #99989E; color: #ffffff; padding: 5px 10px; }
.article-content table td { padding: 5px 10px; }

/* USE A DIFFERENT CLASS - DO NOT WANT THIS APPLIED TO ALL TABLES AUTOMATICALLY */
/* .article-content table tr:nth-child(odd) td { background: #dcdcdc; } */

.page-header {
  	display: none !important;
}

.milestone {
    background-color: white;
    padding: 0.3em;  
}
.milestone:onmouseover {
    background-color: lightgrey;
}

.callout {
    background-color: #F1F1F1;
    padding: 20px;
    width: 90%;
    margin: 2em 0em 2em 2em;
}

.callout li{
    margin-left: 1em;
    margin-bottom: 0.2em;
}
/********************** END ARTICLE CONTENT CSS *************************/

/********************** BEGIN MEET THE TEAM ******************/

.mem-team {
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 40px 0;
}
.mem-team img {
    width: 125px;
    height: auto;
    margin-bottom: 7px;
}
.mem-team p {
    font-family: 'Open Sans', sans-serif;
    font-size: 9px;
    line-height: 130%;
    display: block;
}
.mem-team .name {
    font-size: 11px;
    font-weight: 600;
}
.mem-team p a {
    color: black;
    text-decoration: none;
}
.mem-team p a:hover {
    color: #777;
    text-decoration: underline;
}

/********************** END MEET THE TEAM ******************/


/********************** BEGIN COMMITTEE STRUCTURE ******************/

.a-committee {
    width: 30%;
    margin-right: 1em;
    display: inline-block;
    vertical-align: top;
    max-width: 140px;
}
.e-committee {
    margin-right: 1em;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 1em;
}
.ec {
    display: inline-block;
    vertical-align: top;
}
.ec img{
    max-width: 150px;
    display: inline;
    float: left;

}
.ec-text {
    display: inline-block;
    vertical-align: top;
    min-width: 185px;
    max-width: 350px;
}



@media (max-width:550px) {
   .a-committee {width: 44%; display: inline-block;}
}
.headshot {width: 90%;}
#row {width: 100%;}

/********************* BEGIN BREEZING FORM CSS ***********************/
.form-actions {
   background-color: #f1f1f1;
   padding: 10px;
   border-radius: 3px;
}
.form-actions .btn-primary {
	background-color: rgb(153, 152, 158) !important;
	border: none !important;
    border-radius: 3px;
}
.form-actions .btn-primary:hover {
	background-color: #34495E !important;
}
.form-inline label.radio { padding: 5px 0 2px 0; }
.form-inline label.radio.inline  { padding-left: 1em; }
.bfSectionDescription { padding: 0.2em 0; margin: 0.5em; color: #34495E !important; }
.bfFormDiv h4 {margin-top: 0.5em; }
/********************* END BREEZING FORM CSS ***********************/

/****************** BEGIN MEMBER DASHBOARD CSS *******************/
.memberdash-section {
	width: 100%;
}
.memberdash-info {
	display: inline-block;
	padding-left: 1em;
	width: 49%;
}
.memberdash-info > div {
	font-weight: bold;
	font-size: 1.1em;
	padding-bottom: 0.5em;
}
.event-notification {
	display: inline-block;
  	vertical-align: top;
  	border: 1px solid #98999E;
  	padding: 1em;
  	width: 50%;
  	border-radius: 5px;
}
.event-notification-title {
	font-weight: bold;
}
.memberdash-error {
	font-weight: bold;
	font-size: 1.1em;
	color: #DD5555;
}
.memberOrders-section .outstandingBalance-section h4 {
	display: inline;
}
.memberdash-section .event-notification-info ul {
	padding-left: 1.7em;
}
.memberdash-section .event-notification-info ul li {
	list-style-type: none;
}
.memberOrders-section .ebms-pay {font-size: 150%; display: table;}
.memberdash-info.loading *:not(.load-animation) {visibility: hidden;}
.loading .load-animation {visibility: visible !important;}
.load-animation {visibility: hidden; position: absolute; left: 100px; display:inline-block;}
.dues-upcoming .dues-nbr-days {color: #4e9cf5;}
.dues-overdue .dues-nbr-days, .status-suspended {color: #e43636;}
.memberdash-info .field-name {font-weight: normal;}

/****************** END MEMBER DASHBOARD CSS *******************/

/******************* BEGIN NOTIFICATIONS CSS ********************/
.notification-message {
	border: 1px solid #98999E;
  	border-radius: 5px;
  	padding: 1em;
  	font-weight: bold;
  	color: #34495E;
}
/******************* END NOTIFICATIONS CSS ********************/

/******************* BEGIN SEARCH PAGE CSS ***********************/
#searchForm .searchintro {
	display: none;
}
#searchForm .phrases {
	display: none;
}
#searchForm .only {
	display: none;
}
#searchForm .form-limit {
	display: none;
}
.search-events-title {
	padding-top: 5em;
}
span.highlight {
   padding: 0 !important;
}
/******************* END SEARCH PAGE CSS ***********************/

/******************* BEGIN MEMBER DIRECTORY CSS *******************/
.memberDirectoryTable tr  {
	cursor: pointer;
}
.memberDirectory-dialog-wrapper .ui-dialog-title {
	font-size: 1.2em;
}
.memberDirectory-dialog{
	font-size: 0.9em;	
}
.memberDirectory-majorSelect {
	display: inline;
}
.memberDirectory-minorSelect {
	display: none;
	margin-left: 0.5em;	
}
/******************* END MEMBER DIRECTORY CSS *******************/

/***************** BEGIN MEMBER DETAILS CSS *********************/
.memberDetail-info {
	font-size: 1.1em;
}
.memberDetail-info h2 {
	background-color: #34495E;
  	padding: 0.3em;
  	border-radius: 5px;
  	color: #ffffff;
  	margin-bottom: 0.5em;
}
.memberDetail-info div {
	padding-left: 0.5em;
}
.memberDetail-info h3  {
	padding-bottom: 0.5em;
}
.memberinfo-major-group {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}
.memberinfo-minor-group {
	padding-bottom: 1.5em;
}
.memberinfo-social a img {
	display: inline;
	padding-right: 2em;
	padding-top: 1em;
	padding-bottom: 2em;
}
.memberDetail-form {
	padding-top: 3em;		
}
.memberDetail-form .input-append .button {
	display: none;
}
.memberDetail-form {
	display: none;
}
.memberInfo-container {
	padding-bottom: 1em;
}
.memberInfo-left {
	display: inline-block;
	padding-left: 0em !important;
}
.memberInfo-right {
	display: inline-block;
	padding-left: 0em !important;
	float: right;
}
.memberDetail-cardholders {
	padding-left: 0.5em;
}
.memberDetail-cardholders h3  {
	padding-bottom: 0.5em;
}
.memberDetail-cardholders .cardholder-info {
	padding-bottom: 1em;
}
.memberDetail-cardholders .cardholder-info .cardholder-name {
	font-weight: bold;
}
/***************** END MEMBER DETAILS CSS *********************/

/****************** BEGIN COLLAPSE CONTAINER CSS *******************/
.collapseContainer h3 {
	background: #95999C !important;
  	margin-bottom: 0.8em;
  	padding: 0.1em 0.5em;
  	color: #ffffff !important;
}
.collapseContainer h3.active {
	background: #00a4e4 !important;
}
.collapseContainer h4 {
	padding-bottom: 1em;
}
.collapseContainer p {
	padding-bottom: 2em;
}
.accordion-arrow-down{
    float: right;
    margin-top: 5px;
    padding-right: 10px;
}
.collapseContainer:hover {
	cursor: pointer;
}
.sb-month {
    font-weight: 600;
    color: black;
    margin: 0 0 0 2px;   
}
.sb-month:hover {
    color: black;    
}
.sb img { 
    margin:3px 0 5px 0;    
}
/****************** END COLLAPSE CONTAINER CSS *******************/

/********************* BEGIN QUICK POLL CSS **********************/
/*
.polling_container {
	box-shadow: none !important;
	border: none !important;
	background: #ffffff !important;
	padding-top: 0px !important;
}
*/
.polling_container .polling_name {
	font-family: 'Open Sans', sans-serif !important;
	color: #34495E !important;
}
.polliong_container .answer_name {
	color: #000000 !important;
}
.polling_container .polling_li {
	padding: 1em !important;
}

.polling_container .poll_answer_embed_code {
   margin-top: 1em !important;
}
/*
.polling_container .polling_submit {
	background-color: #34495E !important;
  	box-shadow: none !important;
  	border: none !important;
  	color: #ffffff !important;
  	text-shadow: none !important;
  	padding: 1em 3em !important;
}
.polling_container .polling_result {
	background-color: #34495E !important;
  	box-shadow: none !important;
  	border: none !important;
  	color: #ffffff !important;
  	text-shadow: none !important;
  	padding: 1em 3em !important;
}
*/

.polling_container .polling_submit, .polling_container .polling_result {
   font-size: 1.5em !important;
}

.polling_container .add_answer {
	display: none !important;
}
.polling_container .polling_loading {
	display: none !important;
}
.polling_container .powered_by {
	float: left !important;
	color: #ffffff !important;
	text-shadow: none !important;
}
.polling_container .powered_by a {
	color: #ffffff !important;
	text-shadow: none !important;
}
.polling_container .powered_by:hover {
	color: #ffffff !important;
	text-shadow: none !important;
}
.polling_container .powered_by a:hover {
	color: #ffffff !important;
	text-shadow: none !important;
	cursor: default !important;
}
.polling_container_wrapper .powered_by:hover a, .polling_container_wrapper .powered_by_1:hover a {
	color: #ffffff !important;
	text-shadow: none !important;
	cursor: default !important;
}
.polling_bottom_wrapper1 {
   margin: 1em 2em 2em !important;
}
#sexy_alert_wrapper #close_sexy_alert {
	background: #34495E !important;
  	box-shadow: none !important;
}
#sexy_alert_wrapper #sexy_timer {
	background: #34495E !important;
  	box-shadow: none !important;
}
/********************* END QUICK POLL CSS **********************/

/********************** BEGIN PROGRAMS CSS ************************/
.omega-powered {
	display: none !important;
}
.ot_testimonial {
	padding-bottom: 5em;
}
.ot_ratting {
   display: none;
}
#YoutubeGalleryMainContainer1 {
	padding-top: 2em;
	padding-bottom: 0.5em;
}
.upcoming-programs {
	margin-top: 2em !important;
}
.upcoming-programs .upcomingSingleDate {
	/*margin-top: -5em !important;*/
	padding-left: 0em !important;
}
[id^=YoutubeGalleryMainContainer] table, [id^=YoutubeGalleryMainContainer] hr {
    display:none;
}
/********************** END PROGRAMS CSS ************************/

/******************************************** END ITEMS STRUCTURE ***************************************************/

/****************************************** BEGIN MEDIUM PORT VIEW *************************************************/
@media (min-width: 967px) and (max-width: 1200px) {
    
    /***************** BEGIN SOCIAL MEDIA TOP CSS ******************/
    .social-media-top-intro {
        padding-right: 3.5em;
    }
    .social-media-top img {
        padding-right: 0.3em;
    }
    .social-media-top-share {
    /*    padding: 0.6em 1em;  */
    }
    /***************** END SOCIAL MEDIA TOP CSS ******************/
    
    /*************** BEGIN REGION - LANGUAGE SWITCHER - CSS **************/
    .region-top {
        margin-left: -2em;
        width: 12em;
    }
    .region-top-selected {
        margin-left: -2em;
        width: 12em;
    }
	.welcome-top {
		margin-left: -2em;
		width: 12em;
	}
    /*************** END REGION - LANGUAGE SWITCHER - CSS **************/
    
    /******************* BEGIN PRE CONTENT - "MENU ICONS" - CSS *************************/
    .preContent img {
      /* //padding-left: 2em; */
		padding-left: 1.8em;
    }
    /******************* END PRE CONTENT - "MENU ICONS" - CSS *************************/

    /********************** BEGIN SUB PAGES LEFT MENU CSS *********************/
    /*Custom Title*/
    .article-custom-title {
      /* //font-size: 1.3em; */
		font-size: 2em;
    }
    
    /*Banners*/
    .t3-sidebar-left .banneritem img {
        max-width: 100%;
    }
    
    /********************** END SUB PAGES LEFT MENU CSS *********************/
	
}

/****************************************** BEGIN SMALL PORT VIEW *************************************************/

@media (min-width: 768px) and (max-width: 966px) {
     /****************** BEGIN MAIN NAV CSS ******************/
    #t3-mainnav ul.navbar-nav li.active > a {
        /* padding: 0.8em 0em 1em 0em; */
        width: 100%;
    }
    #t3-mainnav ul.navbar-nav li > a:hover {
        /* padding: 0.8em 0em 1em 0em; */
    }
    /****************** END MAIN NAV CSS ******************/
    
    
    /*************** BEGIN REGION - LANGUAGE SWITCHER - CSS **************/
    .region-top {
        margin-left: -10em;
        width: 9.3em;
    }
    .region-top-selected {
        margin-left: -10em;
        width: 9.3em;
    }
	.welcome-top {
		margin-left: -10em;
        width: 9.3em;
	}
    /*************** END REGION - LANGUAGE SWITCHER - CSS **************/
    
    /******************* BEGIN PRE CONTENT - "MENU ICONS" - CSS *************************/
    .t3-module .module-inner .preContent {
        padding-left: 65%;
    }
    .preContent img {
        padding-left: 1em;
    }
    /******************* END PRE CONTENT - "MENU ICONS" - CSS *************************/
    
    /******************** BEGIN SPONSORS BOTTOM CSS ********************************/
    .t3-navhelper {
        padding-bottom: 3em;
    }
    .moreSponsorship {
        margin-top: 3.5em;
    }
    /******************** END SPONSORS BOTTOM CSS ********************************/
    
    /****************** BEGIN FOOTER CSS ****************************/
    #t3-footer .t3-spotlight .col-sm-4 {
        width: 25%;
    }
    #t3-footer .t3-spotlight .col-sm-4:last-child {
        float: right;
    }
    .footer-main-menu {
        width: 100%;
        text-align: center;
        padding-bottom: 2em;
    }
    .footer-copyright {
        width: 100%;
        text-align: center;
         padding-bottom: 2em;
    }
    /****************** END FOOTER CSS ****************************/

    /********************** BEGIN SUB PAGES LEFT MENU CSS *********************/
    /*Custom Title*/
    .article-custom-title {
      /* //font-size: 1.2em; */
		font-size: 2em;
    }
    
    /*Banners*/
    .t3-sidebar-left .banneritem img {
        max-width: 100%;
    }


    /********************** BEGIN SUB PAGES LEFT MENU CSS *********************/

	.become-member-left-side-bar a {
		padding: 1em 3em;
	}
	.enhancedMiniTable table, .enhancedMiniTable thead, .enhancedMiniTable tbody, .enhancedMiniTable th, .enhancedMiniTable td, .enhancedMiniTable tr { 
		display: block; 
	}
	.enhancedMiniTable thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.enhancedMiniTable tr { 
		border: 1px solid #ccc; 
	}
	.enhancedMiniTable td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50% !important; 
		min-height: 1em;
		word-break: break-word;
	}
	.enhancedMiniTable td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	.memberDirectoryTable td:nth-of-type(1):before { 
		content: "Company:"; 
	}
	.memberDirectoryTable td:nth-of-type(2):before { 
		content: "Contact:"; 
	}
	.memberDirectoryTable td:nth-of-type(3):before { 
		content: "City:"; 
	}
	.memberDirectoryTable td:nth-of-type(4):before { 
		content: "Country:"; 
	}
	.memberDirectoryTable td:nth-of-type(5):before { 
		content: "State:"; 
	}
	.menu-in-subTitle {
		font-size: 0.9em;
	}
	.memberDirectory-minorSelect {
		margin-left: 0em;
		margin-top: 0.5em;
	}
	.memberdash-info {	
		width: 100%;
	}
    .t3-module.menu-bottom {
        min-height: 20em;
    }
}
/****************************************** END MEDIUM PORT VIEW *************************************************/

/****************************************** BEGIN SMALL PORT VIEW *************************************************/
@media (max-width: 767px) {    
    /***************** BEGIN SOCIAL MEDIA TOP CSS ******************/
    .social-media-top-intro {
        padding-right: 2.5em;
    }
    .social-media-top img {
        padding-right: 0.3em;
    }
    .social-media-top-share {
        /* padding: 0.6em 1em; */
    }
    /***************** END SOCIAL MEDIA TOP CSS ******************/

   /**** HIDE SEARCH BAR / SHOW SEARCH ICON ONLY ****/
  .head-search {
      transition: margin-left 0.5s;
  }
  .head-search.bring-to-top {
      margin-left: -1em;
  }
   .head-search .search:before {
      left: 7px;
      top: 2px;
      font-size: 1.5em;
      color: #AAA;
   }
   .head-search:hover {
      color: #555;
      cursor: pointer;
   }
   #mod-search-searchword {
       border: none;
       box-shadow: none;
       width: 40px !important;
       padding-left: 30px !important;
       transition: width 0.5s;
    }
   #mod-search-searchword:focus {
       width: 150px !important;
       border-color: #66afe9;
       outline: 0;
       -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
       box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }
    /**** END ****/
    
    
    .sub-menu-top  ul.nav {
      float: none;
      text-align: center;
    }
    
    #t3-header {
      padding-top: 5px;
      padding-bottom: 0;
    }
    
    #t3-header .float-right {
      float: none;
      text-align: center;
    }
    
    #t3-mainnav .mobile-menu-view::after{
      content: "Menu";
      font-size: 1.5em;
      font-weight: bold;
      display: inline-block;
      padding-top: 14px;
      position: absolute;
      left: 45px;
    }
    
    .navbar-nav {
       width: auto;
    }
    
    /************** BEGIN TOP MENU CSS *************/
    .sub-menu-top {
        font-size: 0.9em;
        /*text-align: center;*/
    }
    .sub-menu-top ul {
        /*float: none;*/
    }
    .sub-menu-top ul li > a {
        padding: 0em 0.5em;
        float: none;
    }
    /************** END TOP MENU CSS *************/
    
    /**************** BEGIN NAV BAR TOGGLE CSS *************/
    #t3-mainnav ul.navbar-nav li > a {
        float: none;
        border-top: none !important;
        color: #ffffff;
    }
    .navbar-toggle {
        float: none !important;
    }
    #t3-mainnav ul.navbar-nav li {
        width: 100%;
    }
    #t3-mainnav ul.navbar-nav li:nth-child(1) {
        background: #54b948 !important;
    }
    #t3-mainnav ul.navbar-nav li:nth-child(2) {
        background: #f89728 !important;
    }
    #t3-mainnav ul.navbar-nav li:nth-child(3) {
        background: #7f3f98 !important;
    }
    #t3-mainnav ul.navbar-nav li:nth-child(4) {
        background: #00a4e4 !important;
    }
    #t3-mainnav .mobile-menu-view {
      margin-top: -5px;
    }
    #t3-mainnav .mobile-menu-view .navbar-toggle {	
		margin-left: -2em;
		margin-top: 0.9em;
	}
    /**************** END NAV BAR TOGGLE CSS *************/
    
    /*************** BEGIN REGION - LANGUAGE SWITCHER - CSS **************/
    .region-top {
        margin-left: 0em;
        width: 85%;
        float: right;
        margin-top: -3em;
    }
    .region-top-selected {
        margin-left: 0em;
        width: 85%;
        float: right;
        margin-top: -3em;
    }
    .region-selector {
        margin-top: 0.5em;
    }
	.welcome-top {
		margin-left: 0em;
        width: 85%;
        float: right;
        margin-bottom: -4em;
		padding-bottom: 0em;
		padding-top: 1.3em;
		z-index: 50000;
	}
    /*************** END REGION - LANGUAGE SWITCHER - CSS **************/
    
    
    /******************* BEGIN PRE CONTENT - "MENU ICONS" - CSS *************************/
    .preContent img {
        padding-left: 5em;
        width: 22%;
    }
    /******************* END PRE CONTENT - "MENU ICONS" - CSS *************************/
    
    /****************** BEGIN MENU BOTTOM BUTTONS CSS **********************************/
    .menu-bottom p {
        font-size: 0.8em;
    }
	.menu-bottom-subtitle {
		padding-top: 7em;
	}
    /****************** END MENU BOTTOM BUTTONS CSS **********************************/
    
    /********************** BEGIN SUB PAGES FOR MENUS CSS *********************/
    .menu-in-title {
        font-size: 2em;
        line-height: normal;
    }
    .menu-in-intro {
		/* width: 100%; */
      font-size: 0.9em;
    }
    /********************** END SUB PAGES FOR MENUS CSS *********************/
    
    /******************** BEGIN SPONSORS BOTTOM CSS ********************************/
    .t3-navhelper {
        padding-bottom: 3em;
    }
    .moreSponsorship {
        margin-top: 3.5em;
        margin-right: 1em;
    }
    /******************** END SPONSORS BOTTOM CSS ********************************/
    
     /****************** BEGIN FOOTER CSS ****************************/
    #t3-footer .t3-spotlight .col-sm-4 {
        width: 100%;
    }
    .footer-main-menu {
        width: 100%;
        text-align: center;
        padding-bottom: 2em;
        font-size: 0.8em;
    }
    .footer-copyright {
        width: 100%;
        text-align: center;
        padding-bottom: 2em;
        font-size: 0.8em;
    }
    /****************** END FOOTER CSS ****************************/
    
    /********************** BEGIN ARTICLE CONTENT CSS *************************/
    .article-title {
        display: inherit !important;
        font-size: 2.1em;
    }
  	.page-header {
        display: inherit !important;
        font-size: 2.1em;
    }
    .article-content {
        margin-top: 1em;
    }
    /********************** END ARTICLE CONTENT CSS *************************/
    
    /********************** BEGIN SUB PAGES LEFT MENU CSS *********************/
    .t3-sidebar-left .article-custom-title {
        display: none !important;
    }
    .t3-sidebar-left .breadcrumb {
        display: none;
    }
    .t3-sidebar-left .article-menu-section {
        /* //display: none; */
        padding-top: 1em;
    }
	
	/*Custom Title*/
    .article-custom-title {
        font-size: 1.5em;
    }
    /********************** END SUB PAGES LEFT MENU CSS *********************/
    #DataTables_Table_0 {
      width: 100% !important;
    }
    
	.enhancedTable table, .enhancedTable thead, .enhancedTable tbody, .enhancedTable th, .enhancedTable td, .enhancedTable tr { 
		display: block; 
	}
	.enhancedTable thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.enhancedTable tr { 
		border: 1px solid #ccc; 
	}
	.enhancedTable td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50% !important; 
		min-height: 1em;
		word-break: break-word;
	}
	.enhancedTable td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	.memberDirectoryTable td:nth-of-type(1):before { 
		content: "Company:"; 
	}
	.memberDirectoryTable td:nth-of-type(2):before { 
		content: "Contact:"; 
	}
	.memberDirectoryTable td:nth-of-type(3):before { 
		content: "City:"; 
	}
	.memberDirectoryTable td:nth-of-type(4):before { 
		content: "Country:"; 
	}
	.memberDirectoryTable td:nth-of-type(5):before { 
		content: "State:"; 
	}
	.memberDirectory-minorSelect {
		margin-left: 0em;
		margin-top: 0.5em;
	}
	.memberdash-info {	
		width: 100%;
	}
	.event-notification {
		width: 100%;
	}
	.upcoming-subtitle .upcoming-subtitle-left {
		width: 100%;
  		float: none;
  		padding-left: 0em;
	}
	.upcoming-subtitle .upcoming-subtitle-right {
		display: none;
	}
   .bfFormDiv .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
       position: relative;
       margin-left: 0;
   }
    .t3-module.menu-bottom {
        min-height: 11em;
    }
    
    .logo-img-sm {
       width:100%;
       max-width:250px;
    }
}

@media (max-width: 560px) {
	 /******************* BEGIN PRE CONTENT - "MENU ICONS" - CSS *************************/
    .preContent img {padding-left: 2em; width: 22%;}
    .t3-module.menu-bottom {min-height: 18em;}
    
   .mod-bot-news-thumb {display: none !important; }
   .mod-bot-news-detail {width: 100% !important; }
}

@media (max-width: 320px) {
    body {
      font-size: 12px;
    }
    .container  {
      padding-left: 5px;
      padding-right: 5px;
    }
    .row {
      margin-left: -5px;
      margin-right: -5px;    
    }
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
      padding-left: 5px;
      padding-right: 5px;         
    }   
    #t3-mainnav .mobile-menu-view .navbar-toggle {	
       margin-left: -5px;
       margin-top: 0.9em;
    }
}



/************ BEGIN BROWSER AUTO FILL BACKGROUND COLOR CORRECTOR ***********/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
/************ END BROWSER AUTO FILL BACKGROUND COLOR CORRECTOR ***********/


/******************* BEGIN NEWS SECTION *************************/

.mod-articles-category-date {display: block; color: grey;}
.mod-bot-news-item {display: inline-block; width: 100%; padding-right: 1em !important;}
.mod-bot-news-item a {outline: 0;}
.mod-bot-news-thumb {float: left; width: 25%; margin-right: 5%; padding: 0.5em 0;}
.mod-bot-news-thumb img {width: 100%}
.mod-bot-news-detail{float: left; width: 70%; padding:0.5em !important;}
.mod-bot-news-title {font-size: 1.1em; font-weight: bold; color: #777;}
.mod-bot-news-date {display: block; color: grey;}
.mod-bot-news-introtext {padding-bottom: 0 !important;}
.mod-bot-news-item:hover .mod-bot-news-detail{background: rgba(175,175,175,0.1);}
.mod-bot-news-item:hover .mod-bot-news-title{color: black;}

/******************* END NEWS SECTION *************************/

/******************* BEGIN MEMBERSHIP TIER SECTION *************************/


.mem-tier img{
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 660px;
}
.mem-tier img:hover{
    opacity: 0.5;
    filter: alpha(opacity=40); /* for IE8 and earlier  */
}

/******************* END MEMBERSHIP TIER SECTION *************************/


/******************* BEGIN MEMBER SAVINGS *************************/
.member-benefit-category {
    font-size: 1.2em;
    line-height: 1.7em;
    border: 3px solid #FFF;
    padding: 1em 0px;
    background: #F4F4F4 none repeat scroll 0% 0%;
    border-radius: 5px;
}
.member-benefit-category:hover {
    background: #f0f0f0;
}
.member-benefit {
    padding: 1em;
    border: 1px solid grey;
    margin-bottom: 1em;
    float: right;
    width: 100%;
}

/* Featured Monthtly Benefit */

.feature-benefit {
    /* border: 1px dotted #00a4e4; */
    padding: 7px 18px;
    box-shadow: 0 3px 8px #e4e4e4;
}

.feature-benefit:hover {
    box-shadow: 0 7px 15px #e3e3e3;
    transition: all ease-in-out 200ms; 
}

.feature-benefit h1 {
    font-weight: 900;
    color: black;
    font-size: 22px
}
.feature-benefit h3 {
    font-weight: 900;
    color: #00a4e4;
    font-size: 17px;
    margin: 5px 0 10px;
}

.feature-benefit p {   
    font-size: 22px;
    line-height: normal;
}

/* end */

.benefit-company-name {
   display: block;
   font-size: 2em;
   font-weight: 700;
   line-height: 1.5em;
}
.benefit-website, .benefit-phone-numbers, .benefit-email {
   display: block;
}
.benefit-details {
   display: block;
   padding-top: 0.5em;
}

.benefit-flag {
    text-align: right;
    float: right;
    background-color: orange;
    padding: 2px 7px 4px;
    font-weight: 600;
    color: white;
    margin: -16px;
    box-shadow: -3px 4px 3px #e3e3e3;
}

.benefit-preferred {
    color: #f89728;
    font-size: 12px;
    font-weight: 600;
    display: inline;
}

.benefit-preferred:before {
    content: "★ ";
    display: inline;
}
.benefit-logo {
    float: right;
    margin: 17px;
}

.member-savings-cat {
/*    border-top: 1px dotted #00a4e4;*/
    padding: 2em;
    margin-top: -2em;
}

.member-savings-cat h2 {
    margin: 0 0 2em -1em;
}

.member-savings-cat img {
    display: inline-block;
    width: 48%;
    float: left;
}

@media (max-width: 560px) {
    .member-savings-cat img { width: 95%; }
}

/* Portrait and Landscape */
/*
@media only screen 
  and (min-device-width: 351px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
      
      .benefit-logo { float: left; margin: 15px 0 !important; display: block;}
}
*/

@media (max-width: 667px) {
    .benefit-logo { float: none; margin: 15px 0 !important; display: block;}
}


.benefit-nav {
    font-size: 10px;
    font-weight: 600;
    padding: 3px 10px;
    color: black;
    background-color: #efefef;
    margin: 0 3px 7px 0;
    display: inline-block;
}
.benefit-nav:hover {
    color: #f89728;
}

.toggle {
    border: 1px solid #c8c8c8;
    background: none;
    margin: 0 0 12px 0px;
    font-size: 12px;
    color: #757575;    
}

.toggle:after {
    content: "Hide List -";    
}
.toggle.collapsed:after {    
    content: "See List +" !important;

}
/******************* END MEMBER SAVINGS *************************/

.logo-group img {
   display: inline-block;
   vertical-align: middle;
   float: none;
}

/**** FORMS ****/

.signature-programs form h1,
.signature-programs form h2,
.signature-programs form h3,
.signature-programs form h4 {
   color: #00a4e4;
}
.tap-application form h1,
.tap-application form h2,
.tap-application form h3,
.tap-application form h4 {
   color: #00a4e4;
}
.tap-application form #section_agree label,
.tap-application form #section_client_auth label {
   width: 95%;
}

/**** label ****/

.bfQuickMode .controls .control-label {
    width: 35%;
    min-width: 110px;
    vertical-align: text-top;
    font-weight: 400;
    font-size: 1em;
    padding: 5px 0.3em 5px 1em;
    border-left: 2px dotted #4e84c4;
    vertical-align: top !important;
}

@media (max-width: 768px) {
    .bfQuickMode .controls .control-label {padding-left: 0; border-left: none;}
}

/**** input ****/

.bfQuickMode input[type="text"], .bfQuickMode textarea, .bfQuickMode select, .bfQuickMode .uneditable-input {
    max-width: 64% !important;
    width: 100%;
    padding: 5px 10px;
    height: unset;
}

input[type="file"] {
    display: inline-block;
}

.bfFormDiv .icon-asterisk::before {
	content:"*";
}

.bfFormDiv .icon-asterisk {
	color: red;
}

/**** END FORMS ****/


/**** RESPONSIVE VIDEOS ****/

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/**** END RESPONSIVE VIDEOS ****/


/**** MEMBERSHIP TIERS ****/

.header-quote {
    margin: 1.5em 1.5em 2.5em 1.5em;
    font-size: 1.1em;
    font-style: italic;
    line-height: 1.5;
    color: #666;
}

.header-quote::before {
    content: '"';
    margin-top: -0.4em;
    margin-left: -0.2em;
    font-size: 10em;
    position: absolute;
    z-index: -1;
    font-family: georgia;
    opacity: 0.125;
}


.tier-member-name {
    font-weight: 600;
    margin: 0;
    font-style: normal;
}

.tier-member-title {
    font-size: 0.7em;
    line-height: normal;
    margin: 0;
    font-style: normal;
}

.tier-header {
    font-size: 1.7em;
    margin-bottom: 0.7em;
    margin-top: 1.2em;
    font-weight: 600;
}

.tier-highlights {
    padding: 1.4em 0.2em 1em 0;
    background-color: #F6F6F6;
    display: inline-block;
    margin: 1em 0px;
}

.access {
    color: rgb(173, 216, 230);
}

.business {
    
}

.premium {
    
}

.executive {
    
}

.tier-category {
    color: #808080;
    margin: 1.5em 0px;
    font-size: 1.1em;
    line-height: 1.4em;
    font-weight: 100;
}

.tier-list ul{
    margin-bottom: 0px;
}

.tier-list li{
    margin-bottom: 0.4em;
}

/**** END MEMBERSHIP TIERS ****/

/**** BEGIN SPOTLIGHT ****/
.inset {
    display: block;
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0 20px 0px 0;
    max-width: 50%;
}
.inset img {
    width: 100%;
    max-width: 424px;
}

figcaption {
    position: relative;
    color: #777;
    top: 2px;
    padding: 3px 0 10px 0;
    max-width: 424px;
    font-size: 10px;
    line-height: 12px;
}

figcaption::after {
   border-bottom: 1px solid black;
}

.learn-more {
    font-size: 0.9em;
    font-weight: 600;
    padding: 0.4em 0.7em;
    border: 1px solid #999;
    display: inline-block;
    margin-top: 1em;
    width: auto;
    background: rgba(255, 255, 255, 0.3);
    /* cursor: pointer; */
}
.learn-more a{
    text-decoration: none;
    color: #555;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}
.learn-more a:hover {
    text-decoration: none;
    color: #888;
    border-color: #888;
}

/**** END SPOTLIGHT ****/

.bring-to-top {z-index: 99999;}
.t3-footnav .t3-module ul > li > a {line-height: 1.5em; margin-bottom: 0.8em;}
.sticky-fixed {position: fixed;}


/* SIDE MENU */
.side-menu-header {font-size: 1.4em; font-weight: 900; margin: 0.4em 0 1em 0; padding: 0;}
.side-menu-subheader {font-size: 1.2em; font-weight: 700; margin: 1em 0 0.5em 0; padding: 0.3em 0.3em 0.2em 0.3em; color: #95999C; border-radius: 8px;}
.side-menu-group {margin: 0 0 0 2em; padding: 0;}
.side-menu-group-title {display: block; font-size: 1.1em; font-weight: 500; margin: 0; padding: 0;}
.side-menu-items {font-size: 0.9em; font-weight: 700; margin-left: 1em; padding: 0; list-style-type: none; color: #34495E;}
.side-menu-items li {margin: 0.1em 0;}
.side-menu-group-title.active::before {content: "> "; margin-left: -0.8em; color: #99989E !important;}
.side-menu-items li.active::before {content: "> "; margin-left: -0.8em; color: #99989E !important;}
@media (max-width: 990px) {.side-menu {font-size: 1.2em;} }
.c-event .side-menu-subheader {background-color: none;}
.c-membership .side-menu-subheader {background-color: none;}
.c-advocacy .side-menu-subheader {background-color: none;}
.c-programs .side-menu-subheader {background-color: none;}


/* COLLAPSIBLE GROUPS */
.collapse-header {cursor: pointer; }
.collapse-header.collapse-open::before {font-family: 'FontAwesome'; content: "\f077"; display: inline-block; height: 100%; width: 15px; margin: 0 0.5em;}
.collapse-header.collapse-closed::before {font-family: 'FontAwesome'; content: "\f078"; display: inline-block; height: 100%; width: 15px; margin: 0 0.5em;}
.collapse-header.collapse-open {color: #34495E;}
.collapse-container.collapse-closed{display: none;}
/* .collapse-opened:hover::before {transform: rotate(90deg); -webkit-transform: rotate(90deg); transition-duration: 0.3s; transition-property: transform; } */

/* Scorecard Tables */

.scorecard-wrapper { width:80%; align-content: center; font-family: Open Sans, sans-serif; font-weight: 700;
}
.scorecard-rank { padding: 5px; text-align: center; width: 10%;
}
.scorecard-area { padding: 5px; text-align: left; width; 90%;
}

/* Pillar Partners */

.pillar-partners {
    border:1px solid #EAEAEA; 
    padding:25px; 
    margin: 1em 0;
}

.pillar-partners img{
    margin: 0px auto;
}

/***** LOGIN *****/

   /***** HEADER *****/
   .topMenuLogin {
       color: #FFF !important;
       background: #f89728 !important;
       border: 1px solid white;
       transition: all ease-in-out 150ms;
       padding: 7px 13px !important;
       margin-top: 3px;
   }
   .nav-pills li a {border-radius: 0px;} 
   .topMenuLogin:hover {color: #f89728 !important; background: #FFF !important; border: 1px solid #f89728;}
   .topMenuLogin a {position: relative; display: block; padding: 6px 15px; margin-top: 3px;}
   .topMenuLogout {color: #666 !important; background: #D4D4D4 !important;}
   .topMenuLogout:hover {color: #000 !important; background: #D4D4D4 !important;}
   .mobile-login-button {display: inline-block; vertical-align: top; padding-top: 16px; font-weight: 700;}
   /***** END HEADER *****/
   
   /***** EMBEDDED *****/
   .login-container {
      position: absolute !important;
      padding: 10px;
      width: 350px;
      right: 5px;
      height: 242px;
      z-index: 20;
      top: 50px;
   }
   .login-overlay {
      position: absolute !important;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      z-index: 50;
      margin: 0;
      padding: 0;
   }
   /*
   .login-container .login-overlay div {
      background: #808080b3;
      border-radius: 5px;
      height: 100%;
      margin: 10px;
      padding: 0;
   }
   */
   .login-overlay img {
      display: block;
      margin: 0 auto;
   }
   #login-form {
       background: #fff2da;
       padding: 1em;
       border-radius: 5px;
       border: 1px sold #f89728;
       border: solid #f89728 1px;
       box-shadow: 5px 5px 5px RGBA(136, 136, 136, 0.5);
   }
   #login-form .login-button {
      display: block;
      background-color: orange;
      margin: 0.5em;
      padding: 0.5em;
      font-size: 125%;
      color: white;
      border-radius: 5px;
      cursor: pointer;
      border: solid 1px orange;
      text-align: center;
   }
   #login-form .login-button:hover {background: white; color: orange;}
   #login-form .login-username, .login-password {position: relative; display: block;}
   #login-form .login-password {margin-top: 0.5em;}
   #login-form .login-images {height: 2em; position: absolute; top:2px; left:6px;}
   #login-form input {padding-left: 30px;}
   #login-form .recover-password {text-align: right; margin-top: 0.5em;}
   #login-form .create-acct {text-align: center; margin-top: 0.5em;}
   #login-form .login-error-message {display: none; padding-top: 1em; text-align: center; color: red; transition: all ease-in-out 250ms;}
   #login-form a {color: #888;}
   #login-form a:hover {color: #000;}
   
   @media (max-width: 767px) {
      .login-container {left: 0 !important; right: 0 !important; margin-left: auto !important; margin-right: auto !important}
   }
   @media (max-width: 560px) {
      .login-container {width: 100% !important;}
   }   
   /***** END EMBEDDED *****/
   
   /***** USER MENU *****/
      
   .user-menu {
      display: inline-block;
      font-size: 25px;
      color: #FFF;
      background: #f89728;
      border: 1px solid #FFF;
      transition: all ease-in-out 150ms;
      height: 38px;
      min-width: 38px;
      text-align: center;
      margin: 1px 0 0 0;
      padding: 1px 5px;
      cursor: pointer;
   }
   .user-menu:active, .user-menu:hover, .user-menu:focus {color: #f89728; background: #FFF; border: 1px solid #f89728; outline: 0;}

   #popup-user-detail {
      background: #fff2da;
      padding: 1em;
      border-radius: 5px;
      border: 1px sold #f89728;
      border: solid #f89728 1px;
      box-shadow: 5px 5px 5px RGBA(136, 136, 136, 0.5);
   }
   #popup-user-detail  a {margin-top: 10px; outline: 0;}

   #user-detail-name {font-weight: 700; font-size: 1.1em;}
   #user-detail-email {font-weight: 500; font-size: 0.9em;}
   #button-dashboard {display: inline-block; color: #fff; background: #00a4e4; padding: 10px 15px; border: solid #00a4e4 1px;}
   #button-dashboard:hover {color: #00a4e4; background: #fff; border: solid #00a4e4 1px; }
   #button-logout {display: inline-block; float: right; color: #666; background: #D4D4D4; padding: 10px 15px; border: solid #D4D4D4 1px;}
   #button-logout:hover {color: #000; border: solid #000 1px; }


   
   
   /*** OLD FORM ***/
   #t3-mainbody-login {display: none;}
   #inlineLogin {max-width: 350px;}
   #customLogin {background: #E8EFF2; padding: 2em; border-radius: 5px;}
   #customLogin  .login-field-username {padding-left: 2em;}
   .login-home-container {
       float: right;
       margin-right: 5em;
       background: #E8EFF2;
       padding-top: 2em;
       max-width: 25% !important;
       border-radius: 5px;
   }
   #customLogin .login-password {padding-top: 1em; padding-bottom: 1.5em;}
   #customLogin .login-field-username,
   #customLogin .login-field-password  
         {display: inline; width: 100%; z-index: 1; padding-left: 3em;}
   #customLogin img.login-images {width: 24px !important; }
   #customLogin .login-username img,
   #customLogin .login-password img
         {margin-top: -2.3em; margin-left: 1em; height: 2em;}
   #customLogin .login-buttons {display: block; text-align: center; margin-top: 0.5em; }
   #customLogin .login-buttons .login-buttons-login,
   #customLogin .login-buttons .login-buttons-new {
      display: block;
      width: 60%;
      background-color: #99989E;
      padding: 0.7em 3.5em;
      font-size: 1em;
      color: #ffffff;
      border-radius: 5px;
      margin: 0 auto;
      white-space: nowrap;
   }
   #customLogin .login-buttons .login-buttons-login {margin-bottom: 1em;}
   #customLogin .login-buttons .login-buttons-login:hover,
   #customLogin .login-buttons .login-buttons-new:hover,
   #customLogin .login-buttons .login-buttons-login:active,
   #customLogin .login-buttons .login-buttons-new:active
         {background-color: #34495E !important; cursor: pointer;}
   #customLogin .lost-password {padding-top: 2em; text-align: center; font-size: 0.9em; margin-bottom: 1em;}
   #customLogin .lost-password a {color: #58595B;}
   #customLogin .lost-password a:hover {color: #34495E !important;}
   #customLogin .login-error-message {display: none; padding-bottom: 1em; text-align: center; color: red;}
   #customLogin .login-buttons-join a {color: #ffffff;}
   
   @media (max-width: 560px) {
      #customLogin {padding: 1em;}
      .login-buttons-login, .login-buttons-new {width: 100% !important; }
      .login-buttons-login {margin-bottom: 10px !important;}
   }
   /*** END OLD FORM ***/

/***** END LOGIN *****/

/**** ACCORDION BOOSTRAP ****/
.panel-group .panel {
	margin-bottom: 0;
    border-radius: 0px;
}

.panel {
	margin-bottom: 20px;
	background-color: #ffffff;
	border: 1px solid #e3e3e3;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-title {
    margin: 0px;
    color: black;
    font-weight: 700;
    text-transform: uppercase;
}

.panel-default .panel-heading h4 {
	font-size: 1.3em;
	text-transform: uppercase;
	color: #000;
	font-weight: 600;
    border-top: none;
    margin: 0px;
    padding-top: 0px;
}
.panel-body ol {
    margin-bottom: 15px;
}

.panel-body ol li {
    margin-bottom: 8px;
}
#election-purple:hover{
    color: #7f3f98;
}
#election-orange:hover{
    color: #f89728;
}
#election-green:hover{
    color: #54b948;
}
#election-blue:hover{
    color: #00a4e4;
}
#election-yellow:hover{
    color: #F1E204;
}

.panel-heading {
	border-radius:0px;
    position: relative;
}

.panel-heading span{
    display: block;
}

.panel-heading a{
    outline: 0;
}

@import url('//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css');
.accordion-toggle:after {
    font-family: 'FontAwesome';
    content: "\f077";    
    float: right;
    position: absolute;
    right: 10px;
    top: 10px;
}
.accordion-toggle.collapsed:after {    
    content: "\f078" !important;
    position: absolute;
    right: 10px;
    top: 10px;
}

/**** END ACCORDION BOOSTRAP ****/

/**** GOLF AUCTION PAGE ****/

.auctionItem {
    border: 1px solid #e3e3e3;
    padding: 15px;
    margin-bottom: 2em;
}


.auctionItem .toggle:after {
    content: "Hide -";    
}

.auctionItem .toggle.collapsed:after {    
    content: "Full Description +" !important;
}

.auctionItem h1 {
    font-weight: 600;
    color: black;
    margin-bottom: 0px;
}

.auctionItem-provider {
    font-style: italic;
    color: #777;
}

.auctionItem-provider:before {
    content: 'Provided by: ';
}

.auctionItem-value {
    background: #54b948; 
    margin: -30px;
}

.auctionItem-lot {
    border-radius: 100%;
    color: white;
    background: #d2d2d2;
    display: inline;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 15px;
    font-weight: 900;
    padding: 4px;
    margin: -28px;
    float: left;
    line-height: normal;
}

@media (max-width: 500px) {
    .auctionItem-lot {
        width: 30px;
        height: 30px;
        font-size: 15px;
        padding: 4px;
        margin: -30px;
}
}

.auctionItem-desc {
    
}

.auctionItem-rest {
    color: #a20000;
}

.auctionItem-rest:before {
    content: 'Restrictions: ';
}

.auctionRules {
/*
    border: 1px solid #e3e3e3;
    padding: 15px;
*/
    margin-bottom: 3.5em;
}

.auctionRules h3{
    font-size: 16px;
    color: black;
}

.auctionRules p{
    font-size: 13px;
    line-height: 150%;  
}

.auctionRules .toggle {
    border: 1px solid #00a4e4;
    background: #00a4e4;
    margin: 0 0 12px 0px;
    font-size: 14px;
    color: white;
    padding: 5px 10px;
    font-weight: 600;
}

.auctionRules .toggle:hover {
    background: white;
    color: #00a4e4;
}

.auctionRules .toggle:after {
    content: " -";    
}
.auctionRules .toggle.collapsed:after {    
    content: " +" !important;

}
/**** ELECTION PLATFORM ****/

.e-recommendations {
    padding: 20px;
    margin: 30px 0 0 0;
}

.two-columns {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

@media (max-width: 776px) {
  .two-columns {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
  }
}


.border-purple {
    border: 1px solid #7f3f98;
}
.border-orange {
    border: 1px solid #f89728;
}
.border-green {
    border: 1px solid #54b948;
}
.border-blue {
    border: 1px solid #00a4e4;
}
.border-yellow {
    border: 1px solid #F1E204;
}
/**** END ELECTION PLATFORM ****/

/******* BEGIN MODAL *******/
/* pop up bio modals for board of directors */

.modal-content {
    border-radius: 0px;
}
.modal-header {
    padding: 20px 20px 0 20px;
    border: 0px;
}
.modal-footer {
    padding: 0 20px 20px 0;
    border: 0px;
}


/******* END MODAL *******/

/***   BEGIN AD PAGE IMAGES ***/

.ad-stats img {
    width: 80%;
    margin: 2em 0;
}

@media (max-width: 550px) {
    .ad-stats img {
        width: 100%;
    }
}

/*** MEMBER DIRECTORY - NEW 2017 ****/

.float-left { float:left; }
.float-right { float:right; }

.noselect {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

#member-directory  {font-size: 12px;}

#member-directory .collapse-toggle { font-size: 120%; font-weight: 600; margin: 0 0 5px -5px; padding: 5px; cursor: pointer; background-color: #eee; }
#member-directory .collapse-toggle::before{ font-family: 'FontAwesome'; content: "\f077"; float: right; }
#member-directory .collapse-toggle.collapsed::before{ content: "\f078" !important; }
#member-directory .collapse-toggle:hover { color: red; background-color: #ddd; }
#member-directory .collapse-toggle.collapsed { color: #aaa; background-color: #eee; }
#member-directory .collapse-toggle.collapsed:hover { color: #00a4e4; background-color: #ddd; }

#member-directory-filters select { font-size: 14px; }

#member-directory  .row {margin-left: 0; margin-right: 0; }
#member-directory  .grid-layout { margin: 0;  padding: 1px; }
#member-directory  .group-grid, 
#member-directory  .group-select { margin-bottom: 0.5em; }

#member-directory-filters #filter-groups { padding-bottom: 0.5em; }
#member-directory-filters #filter-naics { margin: 0.5em; }
#member-directory-filters .naics-select { display: block; margin: 0.5em 0; }



#member-directory .dir-group {
   display: block;
   height: 3.6em;
   padding: 2px 6px;
   font-weight: 700;
   font-size: 1.1em;
   cursor: pointer;
}

/* lightpurple: #f4d9ff / purple: #7f3f98 */
/* lightgreen: #f4d9ff / green: #7f3f98 */
/* lightblue: #dcf6ff / blue: #00a4e4 */

#member-directory #major-group .dir-group {
   background: #dcf6ff;
   border: solid #dcf6ff 1px;
}
#member-directory #major-group .dir-group:hover {
   color: #fff;
   background: #00a4e4;
   border: solid #00a4e4 1px;
}
#member-directory #major-group .dir-group:active {
   color: #00a4e4;
   background: #fff;
   border: solid #00a4e4 1px;
}

/* #member-directory #major-group .dir-group.selected{} */

#member-directory #minor-group  { margin-top: -0.5em; }
   
#member-directory #minor-group .dir-group {
   background: #c3ffbc;
   border: solid #c3ffbc 1px;
}
#member-directory #minor-group .dir-group:hover {
   color: #fff;
   background: #54b948;
   border: solid #54b948 1px;
}
#member-directory #minor-group .dir-group:active {
   color: #54b948;
   background: #fff;
   border: solid #54b948 1px;
}
/* #member-directory #minor-group .dir-group.selected{} */

#member-directory .group-list .loading-animation {
   background-image: url("/files/display/ajax-loader-bert.gif");
   height: 15px;
   width: 128px;
}
#member-directory .group-list.selected {display:inline-block; width: 50%;}
#member-directory .group-list.selected .group-grid {display:block; width: 100%; }
#member-directory .group-list.selected .grid-layout.selected {display:block; width: 100%}
/* #member-directory .group-list.selected .grid-layout.selected .dir-group.selected{display:block !important; width: 100% !important;} */
#member-directory .group-list.selected .grid-layout:not(.selected) {display:none !important;}

#member-directory #filter-fields .grouped-fields { display: inline-block; margin-left: 0.5em; }
#member-directory #filter-fields .field-group {display: inline-block; margin: 0.5em 1em 0.5em 0;}

#member-directory .group-list .loading  .field-name:before{
   background-image: url("/files/display/ajax-loader-bert.gif");
   height: 15px;
   width: 128px;
}
#member-directory .not-set,
#member-directory .field-group.loading .field-name,
#member-directory .field-group.loading .filter-field {
   display: none !important;
}
#member-directory .field-group.loading {
   background-image: url("/files/display/ajax-loader.gif");
   height: 16px;
   width: 16px;
}
#member-directory #filter-buttons { font-size: 150%; font-weight: 600; }
#member-directory #filter-buttons input { padding: 6px 12px; margin-top: 5px; }
#member-directory #filter-search { background: #00a4e4; border: 1px solid #00a4e4; color: white; }
#member-directory #filter-search:hover { background: white; color:#00a4e4; transition: all ease-in-out 150ms; }
#member-directory #filter-reset { float: right; background: black; border: 1px solid black; color: white; }
#member-directory #filter-reset:hover { background: white; color: black; }
#member-directory .result-summary { margin-top: 1em; padding-top: 1em; border-top:2px solid #888; }
#member-directory .page-nav { font-size: 120%; margin: 10px 0; }

#member-directory .page-nav .button-nav {
   cursor: pointer;
   display: inline-block;
   margin: 2px 2px 2px 0;
   padding: 5px;
   border: 1px solid black;
   background: lightgrey;
}
#member-directory .page-nav .button-nav.disabled {
   cursor: default;
   background: #eee;
   color: #bbb;
   border: 1px solid #ddd;
   
}
#member-directory .page-nav .select-page {
   display: inline;
   margin: 0 5px;
   width: auto !important;
   vertical-align: bottom;
   padding: 0 0 0 5px;
}
#member-directory .member-summary {
   display: inline-block;
   border: solid 1px ghostwhite;
   margin: 5px 0;
   font-size: 120%;
}
#member-directory #member-list .wrapper.loading { background: lightgrey; opacity: 50; filter: blur(2px); }
#member-directory #member-list .wrapper.loading  * { cursor: default !important; }

#member-directory .member-summary{ display: table; width: 100%;}
#member-directory .member-summary.collapsed { cursor: default;}

#member-directory .member-top-row {
   display: inline-block;
   width: 100%;
   background: #444;
   border: 1px solid #444;
   color: #fff;
   font-size: 120%;
   font-weight: 700;
   cursor: pointer;
   /* cursor: url("https://www.tutorialrepublic.com/examples/images/custom.gif"), url("https://www.tutorialrepublic.com/examples/images/custom.cur"), default; */
}
#member-directory .member-top-row:hover { color: #222; background-color: #ccc; border: 1px solid #ccc; }
#member-directory .member-top-row.no-detail { color: #fff; background-color: #444; border: 1px solid #444; cursor: unset; }

/* #member-directory .member-summary:hover .member-top-row { color: #222; background-color: #f89728; } */

#member-directory .member-top-row .member-name { padding: 10px; display: block;}
#member-directory .member-top-row .new-member { padding: 10px; display: inline-block; float: right; color: #fff; }
#member-directory .member-top-row.expanded { color: #222; background-color: #f89728; border: 1px solid #f89728; }
#member-directory .member-top-row.expanded:hover { color: #eee; }

#member-directory .member-basic-info { padding: 0.25em 0.5em; display:block; width: 100%; min-height: 40px; }
#member-directory .member-info-left { display: inline; }
#member-directory .member-address, 
#member-directory .member-contact,
#member-directory .member-title,
#member-directory .member-main-phone,
#member-directory .member-toll-free,
#member-directory .member-fax {
   display: block;
}

#member-directory .google-map { background-color: grey; }

#member-directory .map-loaded:hover { text-decoration: underline; color: red !important; cursor: pointer; }
#member-directory .map-not-loaded:hover { text-decoration: underline; color: #00a4e4 !important; cursor: pointer; }
#member-directory .map-hidden:hover { text-decoration: underline; color: green !important; cursor: pointer; }
#member-directory .member-social-media { float: right; display: flex; margin: 0; padding: 0; }

#member-directory .member-email-link { font-size: 34px; padding: 3px 6px 0 2px; color: #ffc764; cursor: pointer; }
#member-directory .member-email-link-disabled { font-size: 34px; padding: 3px 6px 0 2px; color: #ccc; }
#member-directory .member-email-link:hover  { color: #00a4e4; }
#member-directory .social-link { display: inline-block; padding: 5px; }
#member-directory .social-link img { height: 35px;  width: auto; max-width: 40px; padding: 1px; border-bottom: 2px solid #fff; }
#member-directory .social-link:hover img { border-bottom: 2px solid #bbb; }

#member-directory .member-summary .prod-services { display: inline-block; width: 100%; margin-top: 1em; }
#member-directory .member-summary .prod-services a { color: #555; }
#member-directory .major-group-link:hover { text-decoration: underline; color: #00a4e4 !important; }
#member-directory .member-major-group { display: block; }
#member-directory .member-minor-groups { display: block; }

#member-directory .member-detail-notice { padding: 0.5em; margin: 0.5em; display:block; background-color: #fff1e2; }
#member-directory .no-cardholders { background-color: #fff1e2; }

#member-directory .no-cardholders,
#member-directory .member-cardholders { display: block; padding: 0.5em; margin: 0.5em; }
#member-directory .member-cardholder { display: flow-root; padding: 0 0 0.5em 0; }
#member-directory .cardholder-info-left { float: left; margin: 0 1em 1em 0; min-width: 32px; }
#member-directory .cardholder-info-left .fa { margin: auto; }
#member-directory .cardholder-email { font-size: 200%; display: flex; margin: auto; }
#member-directory .cardholder-email .fa-envelope { color: #ffc764; cursor: pointer; }
#member-directory .cardholder-email .fa-envelope:hover { color: #00a4e4; }
#member-directory .cardholder-info-right { display: flow-root; }
#member-directory .cardholder-fullname { display: block; font-weight: 600; }
#member-directory .cardholder-title { display: block; font-style: italic; }
#member-directory .icon-member-benefit-small {
   display: inline-block;
   float: right;
   background-image: url("/files/logos/gvbot/member-benefit-icon-small.png");
   height: 29px;
   width: 31px;
   margin: 5px;
}
#member-directory .member-benefit { border: 2px dashed #ccc !important; display: block; float: unset !important; width: 98%; margin: 1em auto; }
#member-directory .member-benefit-link a {
   display: inline-block;
   float: right;
   background-image: url("/files/logos/gvbot/member-benefit-icon.png");
   height: 118px;
   width: 104px;
   margin: 5px; }
#member-directory .member-benefit .benefit-logo { max-height: 150px !important; max-width: 200px !important; }
#member-contact-modal .control-label { border-left: unset; }
#member-contact-modal .modal-content { padding: 0 2em 2em 2em; max-height: 90vh; overflow: auto; }
#member-contact-modal .form-actions { padding: 0; margin: 0; }
#member-contact-form { padding: 0; margin: 0; max-height: 95%;}
#member-contact-form textarea { resize: vertical; max-height: 400px; }
#member-contact-form .form-actions { background-color: #fff; }
#member-contact-form .bfMaxLengthCounter { display: inline-block; }

/* END MEMBER DIRECTORY ***/


/*** Advocacy - tax planning page ***/

.proposed-tax-changes h2 { margin: 35px 0 10px; padding: 0 0 10px;border-bottom: 1px solid; }
.proposed-tax-changes h3 { font-size: 20px; margin: 15px 0 15px; }
#advocacy-email-form h2 {margin: 35px 0 30px; padding: 0 0 10px;border-bottom: 1px solid;}
/*** END Advocacy - tax planning page ***/

.max-width-fit { max-width: 100%; }