/* Basics
=========================== */
/* Button Colours
=========================== */
/* Top Bar
=========================== */
/* NavBar
=========================== */
/* Mobile Nav
=========================== */
/* Social
=========================== */
/* Footer 
=========================== */
/* Panel Header Colours
=========================== */
/* Title Colour
=========================== */
/* Style 1 Title BG Colour */
/* Basics
=========================== */
/* Button Colours
=========================== */
/* Top Bar
=========================== */
/* NavBar
=========================== */
/* Mobile Nav
=========================== */
/* Social
=========================== */
/* Footer
=========================== */
/* Panel Header Colours
=========================== */
/* Title Colour
=========================== */
/* Style 1 Title BG Colour */
body { text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased; }

.lower-footer .footer-logo .navbar-brand img { height: 40px !important; -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); -o-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

.navbar-header .navbar-brand { z-index: 100; }

.header-slideshow .site-header .navbar-brand img { -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); -o-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

/************************************************* Header will adhere to the links in custom scss */
/***************  Overall Style for header ******************/
/*turns off the transparent bg color and adds color*/
.site-header { background-color: #ffffff; position: initial; }

/*************** Top Bar Login/Admin Butttons ******************/
#header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a#userDropDown { border: 2px solid #4d8bcf; color: #4d8bcf !important; }

#header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a { border: solid 2px transparent; color: #4d8bcf !important; }

#header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a:hover { border: 2px solid #4d8bcf; }

#header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a.signup_button, .header-slideshow #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a#userDropDown { border: 2px solid #4d8bcf; }

/*************** Bottom Logo/Navbar title ******************/
/*removes the filter on the brand img which makes it white*/
.site-header .navbar-brand img { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; }

/*changes the color of the navbar items text*/
.site-header .navbar-default .navbar-collapse .nav > li > a { color: #474747; }

.site-header .navbar-default .navbar-collapse .nav > li > a:hover { color: #16759e; }

/*************** On Mobile ******************/
/*make the hamburger navigation the same color as Primary Style Color*/
.header-slideshow .site-header .mobile-menu-toggle-switch { color: #474747; }

/*************************************************
End of Header will adhere to the links 
*************************************************/
.site-header a.navbar-brand { position: absolute; }

@media screen and (max-width: 991px) { .site-header a.navbar-brand { position: relative; padding-left: 0; } }

.site-header .navbar-default { background: transparent; }

.site-header .navbar-default .main-nav { margin-left: 150px; }

.site-header .navbar-default .main-nav .nav > li > a { padding: 24px 21px 30px 21px; }

@media screen and (max-width: 1199px) { .site-header .navbar-default .main-nav .nav > li > a { padding: 24px 15px 30px 15px; } }

.site-header #slide-search-field { margin-top: 16px; }

/************************************************* Header will appear as it does throughout the site */
/***************  Overall Style for header ******************/
/*turns off the transparent bg color and adds color*/
.header-slideshow .site-header { background-color: #ffffff; position: initial; }

/*************** Top Bar Login/Admin Butttons ******************/
.header-slideshow #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a#userDropDown { border: 2px solid #4d8bcf; color: #4d8bcf !important; }

.header-slideshow #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a { color: #4d8bcf !important; }

.header-slideshow #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a:hover { border: 2px solid #4d8bcf; }

.header-slideshow #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a.signup_button, .header-slideshow #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a#userDropDown { border: 2px solid #4d8bcf; }

/*************** Bottom Logo/Navbar title ******************/
/*removes the filter on the brand img which makes it white*/
.header-slideshow .site-header .navbar-brand img { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; }

/*changes the color of the navbar items text*/
.header-slideshow .site-header .navbar-default .navbar-collapse .nav > li > a { color: #282828; }

/*************** On Mobile ******************/
/*make the hamburger navigation the same color as Primary Style Color*/
.header-slideshow .site-header .mobile-menu-toggle-switch { color: #474747; }

/************************************************* End of Header will appear as it does throughout the site */
/*Facebook banner color */
div.fb-album-title { background-color: #005181 !important; }

.join-now-cta { border: solid #ccc 1px; border-radius: 10px; padding-top: 30px; padding-bottom: 50px; margin-top: 20px; }

.join-now-cta .join-not-cta-button { margin-top: 30px; font-size: 20px; }

.chapter-img { max-height: 200px; }

.leadership-img { max-height: 200px; }

@media screen and (min-width: 992px) { .cpage56ba27872ef2024244df487a #main_content .plan_row, .cpage_56ba36ee893aaa420804f625 #main_content .plan_row, .plan_row div { margin-bottom: 0px !important; } }

.plan-title { text-align: center; padding: 40px 0 25px 0; max-width: 900px; margin: 0 auto; }

.cpage_56ba27872ef2024244df487a .header-banner, .cpage_56ba36ee893aaa420804f625 .header-banner { display: none; }

table td { border: solid 1px #fab; width: 100px; word-wrap: break-word; word-break: break-word; }