/* @import url("/templates/t3_bs3_blank/css/vbot/events.css?v1.3"); */

:root {
    /* Colors */
	--tap-pink: #d84690;
	--tap-darkpink: #e01f79;
    --map-orange: #f9a25e;
	--map-darkorange: #c27810;
    --dtw-menu-darkblue: #00539b;
	--dtw-menu-white: #ffffff;
    --dtw-orange: #f9a25e;
    --dtw-darkblue: #00539b;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { min-width: 300px; font-size: 14px; }
a, a:visited, a:active, a:hover { text-decoration: none  !important; }
.hidden { display:none; }
.z-1 {z-index: 1;}
.z-2 {z-index: 2;}
.z-3 {z-index: 3;}
.z-4 {z-index: 4;}
.z-5 {z-index: 5;}

header .header-row {margin-left: min(3%, 15px); margin-right: min(3%, 15px); margin-bottom: min(0.5vw, 5px);}
header .gvbot-logo {margin: 1em 0 0 0.5em;}
header .gvbot-logo img {min-width: 215px; width: 28vw; max-width: 275px;}
header .menu-top {margin-top: 2em; font-size: 1em !important; margin-left: auto;}
header .menu-top ul li {margin-top: 2px;}
header .menu-top ul li > a {
	text-decoration: none;
	color: #4F5031;
	font-weight: 600;
	border-right: 1px solid #4F5031;
	border-radius: 0px;
	padding: 0em 1.2em;
	background-color: transparent !important;
}
header .menu-top ul li:last-of-type > a {border-right: 0;}
header .menu-top .nav-pills > li > a:hover,
header .menu-top .nav-pills > li > a:focus,
header .menu-top .nav-pills > li.active > a {
    color: #98999E !important;
	background-color: transparent !important;
}
header .social-media-search-login-row {margin-top:2%;}
header .social-media-top {padding-top: 0;}
header .social-media-top img {margin:0; padding: 0;}
header .social-media-top-container {position: relative; margin:0; padding: 2px; background: white none repeat scroll 0% 0%; z-index: 20;}
#tw-head-logo {
	display:inline-block;
	height: 25px; width: 28px;
	background-color: #BCBEC0;
	-webkit-mask: url(https://www.boardoftrade.com/files/display/svg-twitter-logo.svg) no-repeat center;
	mask: url(https://www.boardoftrade.com/files/display/svg-twitter-logo.svg) no-repeat center;
}
#tw-head-logo:hover {background-color: #1DA1F2;}
#fb-head-logo {
	display:inline-block;
	height: 24px; width: 30px;
	background-color: #BCBEC0;
	-webkit-mask: url(https://www.boardoftrade.com/files/display/svg-facebook-logo.svg) no-repeat center;
	mask: url(https://www.boardoftrade.com/files/display/svg-facebook-logo.svg) no-repeat center;
}
#fb-head-logo:hover {background-color: #3D5B9A;}
#in-head-logo {
	display:inline-block;
	height: 25px; width: 25px;
	background-color: #BCBEC0;
	-webkit-mask: url(https://www.boardoftrade.com/files/display/svg-instagram.svg) no-repeat center;
	mask: url(https://www.boardoftrade.com/files/display/svg-instagram.svg) no-repeat center;
	/* mask: url(https://www.boardoftrade.com/files/display/instagram_logo_2016.svg) no-repeat center; */
}
#in-head-logo:hover {background-color: magenta;}
#yt-head-logo {
	display:inline-block;
	height: 25px; width: 25px;
	background-color: #BCBEC0;
	-webkit-mask: url(https://www.boardoftrade.com/files/display/svg-youtube-logo.svg) no-repeat center;
	mask: url(https://www.boardoftrade.com/files/display/svg-youtube-logo.svg) no-repeat center;
}
#yt-head-logo:hover {background-color: #D82532;}
#sc-head-logo {
	display:inline-block;
	height: 26px; width: 45px;
	background-color: #BCBEC0;
	-webkit-mask: url(https://www.boardoftrade.com/files/display/svg-soundcloud-logo.svg) no-repeat center;
	mask: url(https://www.boardoftrade.com/files/display/svg-soundcloud-logo.svg) no-repeat center;
}
#sc-head-logo:hover {background-color: #f50;}
#share-icon {
	display:inline-block;
	height: 25px; width: 25px;
	background-color: #BCBEC0;
	-webkit-mask: url(https://www.boardoftrade.com/files/display/svg-share-icon.svg) no-repeat center;
	mask: url(https://www.boardoftrade.com/files/display/svg-share-icon.svg) no-repeat center;
}
#share-icon:hover {background-color: #4e84c4;}
#share-icon.active-share-icon {background-color: #4e84c4;}
header .addthis_slideout {
	background: white none repeat scroll 0% 0%;
	z-index: 10;
	position: absolute;
	top: 0;
	right: 0;
	transition: right 1s;
	margin-top: 0px;
	margin-right: 0;
	font-size: 0;
}
header .show_sharing_buttons {right: -120px !important;}
header .head-search { margin-top: -0.2em !important; max-width: 25vw; }
header .head-search .search::before {
    font-family: 'Font Awesome 5 Free', 'FontAwesome';
    content: "\f002";
    display: block;
    position: absolute;
    left: 10px;
    top: 5px;
	font-size: 18px;
    color: #555555;
}
header #mod-search-searchword {padding-left: 30px;}
header .login-container {
	position: absolute;
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;
	top: 0;
	right: 0;
	z-index: 5000;
}
header .mobile-login-button {position: relative; margin-top:3px; padding-top:0;}
header .mobile-login-button a:hover {text-decoration: none !important; }
header .mobile-login-button .nav-login > a {font-weight: bold;}
header .login-overlay {
    position: absolute !important;
    height: 215px;
    width: 100vw;
	max-width: 350px;
    top: 2em;
    right: 0;
	left: unset;
    z-index: 50;
    margin: 1em 0 0;
    padding: 0;
}
header #login-form {
	position: absolute !important;
	right: 0;
	width: 100vw;
	max-width: 350px;
	margin-top: 3em;
	font-weight: bold;
}
header #login-form input {width: 100%;}
header .nav-login.logged-in {margin-top: -8px;}

header #popup-user-detail {
	position: absolute !important;
	right: 0;
	width: 100vw;
	max-width: 350px;
	margin-top: 3em;
	font-weight: bold;
}

#header-main-menu {margin: 1em 0 0 0;}
#header-main-menu ul {width: 100%;}
#header-main-menu li {width: 18%; margin-right: 2%; margin-left: 0px; border-top: 2px solid; font-size: max(min(16px,1.1vw),0.9em);}
#header-main-menu li.active {color: #95999C !important;}
#header-main-menu li:nth-child(1) {color: #54b948;}
#header-main-menu li:nth-child(2) {color: #f89728;}
#header-main-menu li:nth-child(3) {color: #7f3f98;}
#header-main-menu li:nth-child(4) {color: #00a4e4;}
#header-main-menu li:nth-child(5) {color: #333;}
#header-main-menu 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;
	background: transparent;
}
#header-main-menu li:nth-child(1).active a {color: #54b948 !important;}
#header-main-menu li:nth-child(2).active a {color: #f89728 !important;}
#header-main-menu li:nth-child(3).active a {color: #7f3f98 !important;}
#header-main-menu li:nth-child(4).active a {color: #00a4e4 !important;}
#header-main-menu li:nth-child(5).active a {color: #333 !important;}
#header-main-menu li:nth-child(1) a:hover {color: #54b948;}
#header-main-menu li:nth-child(2) a:hover {color: #f89728;}
#header-main-menu li:nth-child(3) a:hover {color: #7f3f98;}
#header-main-menu li:nth-child(4) a:hover {color: #00a4e4;}
#header-main-menu li:nth-child(5) a:hover {color: #333;}

/*
footer {padding: 1em; font-size: 12px; background: #99999B;}
footer footer-link:first-child {padding-left: 0em !important;}
footer footer-link.last-item {border-right: none !important;}
footer a {
    display: inline;
    color: #ffffff;
    font-size: 1.1em;
    font-weight: 500;
    padding-right: 1em;
    padding-left: 1em;
    border-right: 1px solid #ffffff;
	text-decoration: none;
}
*/


footer a:hover, a:focus {text-decoration: none;}

.w-max {width: max-content;}
.w-max img {max-width: 100%;}
.mw-1170 {max-width: 1170px !important;}

.double-border-rounded-button {
	background-color: white;
	border-radius: 25px;
	border: 6px double #100385;
	font-size: 1.1em;
	margin: 1px;
	padding: 0 10px 1px 10px;
	transition: all 0.3s;
	font-weight: bold;
}
.double-border-rounded-button:hover { background-color: lightgrey; }



/***** 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;}
   /***** 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);
	   font-size:0.9em;
   }
   #login-form .login-button {
      display: block;
      background-color: orange;
      margin: 0.5em;
      padding: 0.5em;
      font-size: 105%;
      color: white;
      border-radius: 5px;
      cursor: pointer;
      border: solid 1px orange;
      text-align: center;
   }
   #login-form .link-create-account {
		text-align: center;
		margin: auto;
		display: block;
		padding: 1em;
   }
   #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: 5px;}
   #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;
      min-height: 38px;
      min-width: 38px;
      text-align: center;
      margin: 1px 0 0 0;
      padding: 6px;
	  line-height: 1;
      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; }


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


/****************** BEGIN FOOTER CSS ****************************/

#t3-footer,
#page-footer {flex-shrink: 0; background: #99999B; border: none;}
#t3-footer .container,
#page-footer  .container {max-width: 95% !important; width: 100% !important;}
.t3-copyright,
.copyright { padding: 1em !important; }
.footer-main-menu {float: left; }
.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; }
footer .translation-disclaimer-footer-link {font-size: 1em !important; padding: 0 !important;}

/****************** END FOOTER CSS ****************************/



/* MOBILE MENU - START */
#mobile-nav-main-menu {position: fixed; right: 10px; top: 10px; display: none; z-index: 1500;}
#mobile-nav-main-menu .mobile-menu-toggle {top: 0; right: 0;}
#mobile-nav-main-menu .active > a {color: #333 !important;}
#mobile-nav-main-menu li > a:hover { background-color: #eee; color: tomato !important; }
#mobile-nav-main-menu ul.nav > li:nth-child(1) {background-color: #54b948 !important;}
#mobile-nav-main-menu ul.nav > li:nth-child(1).active {background-image: linear-gradient(180deg, #54b948, #bae3b5);}
#mobile-nav-main-menu ul.nav > li:nth-child(2) {background-color: #f89728 !important;}
#mobile-nav-main-menu ul.nav > li:nth-child(2).active {background-image: linear-gradient(180deg, #f89728, #aaa);}
#mobile-nav-main-menu ul.nav > li:nth-child(3) {background-color: #7f3f98 !important;}
#mobile-nav-main-menu ul.nav > li:nth-child(3).active {background-image: linear-gradient(180deg, #7f3f98, #aaa);}
#mobile-nav-main-menu ul.nav > li:nth-child(4) {background-color: #00a4e4 !important;}
#mobile-nav-main-menu ul.nav > li:nth-child(4).active {background-image: linear-gradient(180deg, #00a4e4, #aaa);}
#mobile-nav-main-menu ul.nav > li:nth-child(5) {background-color: #333 !important;}
#mobile-nav-main-menu ul.nav > li:nth-child(5).active {background-image: linear-gradient(180deg, #333, #aaa);}
#mobile-nav-main-menu ul.nav > li:nth-child(5).active > a,
#mobile-nav-main-menu ul.nav > li:nth-child(5) .active > a {color: tomato !important;}

.mobile-menu-toggle {
	display: block;
	position: relative;
	top: 20px;
	right: 20px;
	-webkit-user-select: none;
	user-select: none;
}
.mobile-menu-toggle input {
	display: block;
	width: 40px;
	height: 32px;
	position: absolute;
	top: -7px;
	left: -5px;
	margin: 0 !important;
	cursor: pointer;
	opacity: 0; /* hide */
	z-index: 2; /* place over hamburger */
	-webkit-touch-callout: none;
}
.mobile-menu-toggle span {
	display: block;
	width: 33px;
	height: 4px;
	margin-bottom: 5px;
	position: relative;
	background: #cdcdcd;
	border-radius: 3px;
	z-index: 1;
	transform-origin: 4px 0px;
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
				background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
				opacity 0.55s ease;
}
.mobile-menu-toggle span:first-child { transform-origin: 0% 0%; }
.mobile-menu-toggle span:nth-last-child(2) { transform-origin: 0% 100%; }
.mobile-menu-toggle input:checked ~ span { opacity: 1; transform: rotate(45deg) translate(-2px, -1px); background: #232323; }
.mobile-menu-toggle input:checked ~ span:nth-last-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); }
.mobile-menu-toggle input:checked ~ span:nth-last-child(2) { transform: rotate(-45deg) translate(0, -1px); }
.mobile-menu-toggle input:checked ~ .mobile-menu { width: 100vw !important; max-width: 100%; }
.mobile-menu-toggle .mobile-menu {
	background-color: #fff;
	position: fixed;
	width: 0;
	right: 0;
	transition: width 0.5s;
	white-space: nowrap;
	overflow-x: hidden;
}
/*
.mobile-menu-toggle input:checked ~ .mobile-menu { transform: none !important; }
.mobile-menu-toggle .mobile-menu {
  position: absolute;
  width: 300px;
  margin: -100px 0 0 -225px;
  padding: 100px 0 0 0;
  background: rgba(5,5,5,0.5);
  list-style-type: none;
  -webkit-font-smoothing: antialiased;  / * stop flickering text in safari * /
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}
*/
.mobile-menu-toggle li { padding: 0; font-size: 16px; width: 100%; font-weight: bold; }
.mobile-menu-toggle li a {padding: 10px !important; color: #fff !important; text-decoration: none; transition: color 0.3s ease; display: block;}

.mobile-menu a { border-bottom: 1px solid white; }

nav li {list-style: none;}
.sticky-menu { position: -webkit-sticky; position: sticky; top: 0; z-index: 100;}

.nav-links { display: flex; width: max-content; align-items: baseline; margin: auto; padding: 0; }
.nav-links a:hover {text-decoration: none;}
.nav-links li a { color: white; text-decoration: none; font-size: min(2vw,22px); padding-right: 3vw; font-weight: bold; width: auto;height: 20px; }

/* MOBILE MENU - END*/



/* OLD CSS */

.wrap {width: auto; clear: both;}
.flex-content {flex:1 0 auto;}
.element-invisible {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.text-right {text-align: right;}



/*********** BEGIN BODY CSS *************/
body {display:flex; flex-direction:column;}
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: #000000 !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;}
.c-wtc {color: #444; border-color: #444;}
.bg-c-events {background-color: #54b948;}
.bg-c-membership {background-color: #f89728;}
.bg-c-advocacy {background-color: #7f3f98;}
.bg-c-programs {background-color: #00a4e4;}
.bg-c-wtc {background-color: #444;}
.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;}
.c-wtc a {color: #444;}

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

.overlay-container {position: relative;}
.overlay-container:hover .overlay {background-color: black;}
.overlay { 
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0.5;
	transition: .3s ease;
	background-color: white;
}
.overlay-icon {
  color: grey;
  font-size: 10em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.border-box-yellow {background-color: #ffffdb; border: 1px solid #ffff4e; padding: 1em;}

/************* 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 ******************/
.topMenuLogin {color: #fff;}
.nav-stacked > li {
   margin-left: 0px;
}
.navbar-nav {
   width: 100%;
}
.navbar-default {
    background-color: #ffffff !important;
    border: none !important;
}
.nav li > a {color: #000;}
.nav-menu-top {
    border: 0.1em solid;
    transition: all ease-in-out 200ms;
}

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


/******************* END MAIN NAV 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 ********************************/


/******************************************** 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;
}
.article-custom-title h1 {color: #444 !important; font-size: 30px !important;} 

.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;
	margin-bottom: 1em;
}
.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;
}

/* Side bar buttons */
.left-side-bar-button {
   margin: 0.5em 0;
   text-align: center;
}

.left-side-bar-button a {
	display: block;
	margin: 0px auto;
	padding: 1em;
	background: #34495E;
	border-radius: 5px;
	color: #ffffff;
	font-size: 1em;
	width: 100% !important;
	font-weight: bold;
}

.t3-sidebar .nav-header {
    padding: 0.5em 0;
    display: block;
    font-weight: bold;
    color: gray;
}

.side-bar-featured img {
	display: block;
	margin: 1em auto;
}

/********************** 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 { font-weight: 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 *************************/

/************** EVENTS CSS *******************/

.individualEvents .event-title>h2 { margin-top: 0 !important; line-height: normal; }
#upcoming-activities {
    width: 100%;
    max-width: 900px;
    height: auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: auto;
	padding: 0 1em;
	margin-bottom: 2em; 
}
#upcoming-info { background: #FFF; }
.eventListing { border-left: 1px solid #ECF0F1; border-right: 1px solid #ECF0F1; }
.eventListing tr td, #upcoming-activities .upcomingEventDetail { border-top: 1px solid #ECF0F1; }
.eventListing tr.even td { background: #F6F6F6 !important; }
.eventList-loading { padding-top: 3em; }
.upcoming-title {
    padding: 0.4em 0 0.6em 0.6em;
    background: #444444;
    color: white;
    font-size: 1.2em;
    clear: both;
}
.upcoming-title a { color: white; }
.upcoming-subtitle { background: #333; color: #ffffff; padding: 0.5em; font-size: 0.9em; }
.upcoming-subtitle .upcoming-subtitle-left { display: inline; padding-left: 2em; }
.upcoming-subtitle .upcoming-subtitle-right { display: inline; float: right; padding-right: 5em; }
.upcoming-footer { float: right; width: 100%; border-top: 1px solid #e1e1e1; }
.upcoming-footer a {
    float: right;
    padding: 0.7em 0.2em 0.7em 0.7em;
    color: #333;
    font-size: 0.8em;
    font-weight: 400;
    font-style: italic;
    text-decoration: none; 
}
.upcoming-footer a:hover { color:#666; }
#upcoming-info .upcomingEventDetail {
    font-weight: 600;
    padding: 1em 0;
    color: black;
	display: flex;    
}
#upcoming-info .upcomingEventDetail:hover { color: #777; }
#upcoming-info .upcomingEventDetail img { width: 100%; margin: 0; }
#upcoming-info .upcomingEventDetail a { color: #333; }
#upcoming-info .upcomingEventThumbnail { padding: 0; }
#upcoming-info .upcomingSingleTitle { font-size: 1.3em; padding-bottom: 0.5em; line-height: 1.2em;  font-weight: 700; }
#upcoming-info .upcomingEventFlag { color: #ff4e4e; font-weight: 700; font-size: 14px; }
#upcoming-info .upcomingKeynoteSpeaker { color: #333;  padding-bottom: 0.5em; }
#upcoming-info .upcomingSingleInfo { padding: 0 1em; }
#upcoming-info .upcomingSingleInfo>div { width: 95% !important; }
#upcoming-info .upcomingSingleDesc { font-weight: 400; color: #333; }
#upcoming-info .upcomingSingleDesc span { font-size: inherit !important; font-family: inherit !important; }
#upcoming-info .upcomingSingleDate { padding: 0; margin: 0; font-size: 0.8em; text-align: center; }
#upcoming-info .upcomingSingleDate * { display: block; }
#upcoming-info .upcomingSingleDate .upcomingDateTime { color: #FFF; width: 8em; float: right; padding: 1em 0px; line-height: 1.8em; margin-top: -1em; }
#upcoming-info .upcomingSingleDate .upcomingWeekday { font-size: 2em; padding: 0 0 0.5em 0; text-transform: uppercase; }
#upcoming-info .upcomingSingleDate .upcomingDay { font-size: 3.6em; padding-bottom: 0.2em; font-weight: 700; }
#upcoming-info .upcomingSingleDate .upcomingMonthYear { font-size: 1.2em; text-transform: uppercase; display: block; padding-top: 0.5em; }
#upcoming-info .upcomingSingleDate .upcomingTime { font-size: 1.35em; padding: 0.4em 0px 0px; border-top: 1px solid white; margin-top: 0.8em; }
#upcoming-info .upcomingSingleDate { padding-left: 0; margin-top: 1em; }

.paginate_button.disabled { display:none !important; }

.dataTables_info { padding-left: 1em !important; }
.dataTables_paginate { padding-right: 1em !important; }

/********************** BEGIN CALENDAR CSS *************************/
#eventsCalendar .event-flag-text { display: block;  color: #FFFF41; }
.event-flag-text { color: #ff4e4e;  font-weight: 700; font-size: 14px; }
.noUpcomingEvents { color: black; padding-left: 1em; font-size: 1.5em; }

#eventViewSelection { width: 100%; margin-top: 2em; }
.eventSelectionCal { padding: 0.5em 1em; }
.eventSelectionList { padding: 0.5em 2.2em; /* margin-left: 0.5em; */ }
.eventSelectTab {
    display: inline-block;
    font-size: 1.5em;
    font-weight: 700;
    color: lightgrey;
    background: #AAA;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-right: 3px solid rgba(10,10,10,0.2);
}
.eventSelectTab:hover{ cursor: pointer; color: #FFF; }
.activeEventTab , .activeEventTab:hover { cursor: default !important; color:#34495E; !important; background: #F3F3F3 !important;}
#eventsCalendar { overflow: hidden; position: relative; width: 100%; background-color: #F3F3F3; }
#calendar { padding-bottom: 0.5em; width: 100%; }
.eventArchive #calendar, .eventNetworking #calendar, .eventPrograms #calendar { width: 100%; /*width: 68%;*/ }
#calendar .fc-day-header { background: #34495E !important; border-radius: 2px; font-size: 1.2em; }
#calendar .fc-center { color: #34495E; }
#calendar .fc-center h2 { font-size: 3em !important; margin: 0 !important; line-height: 0.9em !important; }
#calendar .fc-content { padding: 0.3em 0.5em; }
#calendar .fc-title { white-space: normal !important; }
#calendar .fc-content:hover { cursor: pointer; }
.ui-dialog { padding: 0px; border-radius: 0px; border-color: #95999C !important; }
.ui-dialog .ui-dialog-titlebar { background: #34495E; color: #ffffff; border-radius: 0px; border-color: #34495E; }
.ui-dialog-content { font-size: 0.8em; padding-bottom: 2em; }
.ui-dialog .ui-dialog-buttonpane button { font-size: 0.8em; background: #34495E; color: #ffffff; border: none; margin-right: 0px; border-radius: 0px; }
.ui-dialog .ui-dialog-buttonpane button:focus { outline: 0; }
.ui-dialog .ui-dialog-titlebar-close { margin-right: 5px; }
#calendarFilter { padding: 0 1em 1.5em 1em; }
#calendarFilter h3 { display: inline-block; color: #34495E; font-size: 1.5em; font-weight: 700;  padding-right: 1em; }
.filterSection { display: inline-block; padding-right: 2em; }
.filterSection:last-child { padding-right: 0em; }
#eventSearchTerms { display: inline-block; border-radius: 0px; margin-right: 2em; }
#eventSearchSubmit { display: none; }
#calendarFilter  .ui-multiselect { padding: 0.5em; }
.ui-multiselect-checkboxes input[type="checkbox"], .ui-multiselect-checkboxes input[type="checkbox"]:hover { margin: 0.2em 0.4em !important; }
.filterSectionTitle { display: block; font-weight: bold; color: #34495E; margin-bottom: 0.2em; }
.fc-view-container { min-height: 690px; }
.fc-toolbar { padding: 0 0.5em !important; }
.fc-body .fc-row { min-height: 108px !important; }
.fc-bg { background: #FFF !important; }
.fc-bg .fc-sun, .fc-bg .fc-sat { background:lightyellow !important; }
.fc-bg .fc-today { background: #EAF5FF !important; }
/********************** END CALENDAR CSS *************************/

/******************** BEGIN CALENDAR LIST CSS ******************/
.tableLoaderImg { display: inline !important; text-align: center; padding-right: 1em; }
#eventsListCalendar { padding-bottom: 1em; background-color: #F3F3F3; margin-bottom: 2em; }
.dataTables_length  { padding-left: 1em; }
.dataTables_length label select { display: inline; }
.enhancedTable thead th {
    font-size: 1.6em;
  	border-right: 1px solid #BBBDBF;
  	background-color: #34495E!important;
  	color: #ffffff;
  	padding: 2px 20px 2px 40px!important;
  	text-align: left;
}
.enhancedTable thead tr:nth-child(2) th {
    font-size: 1em;
  	font-weight: normal;
  	color: #000000;
  	font-family: 'Open Sans', sans-serif;
  	padding: 5px 10px 5px 10px!important;
  	background-color: #BBBDBF!important;
  	border-bottom: none;
}
.enhancedTable tbody tr td { border-right: 1px solid #BBBDBF !important; font-size: 1.15em; }
.enhancedTable { border-left: 1px solid #BBBDBF; }
.enhancedTable tbody tr:nth-child(odd) td { background: #ffffff !important; }
.enhancedTable tbody tr:nth-child(even) td { background: #dcdcdc !important; }
table.dataTable.no-footer { border-bottom: 1px solid #BBBDBF !important; }
.dataTables_filter { display: none; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: #54b948 !important;  color: #ffffff !important; border-color: #54b948 !important; }
.enhancedTable .text_filter { width: 100%; }
.noShowEventList { display: none; font-size: 0.9em }
.getEventListDetail:hover { cursor: pointer; }
#eventsListCalendar .eventsList-filter  { color: #34495E; padding: 1em; }
#eventsListCalendar .eventsList-filter h3 { display: inline-block; font-size: 1.5em; font-weight: 700;  padding-right: 1em; }
#eventsListCalendar .sorting { display: none; }

/******************** END CALENDAR LIST CSS ******************/

div.individualEvents:first-child { margin-top: -15px; }

#event-summary { font-size: 1.3em; }
.event-title { font-size: 1.3em;  color: black; font-weight: 400; padding-bottom: 0.8em; }
.event-start-date { display: block; font-size: 1.1em;  font-weight: 600; }
.event-start-time{ display: block; font-size: 1.1em; font-weight: 400; margin-top: 0.4em; margin-bottom: 0.5em; }
.event-location { font-size: 0.8em; font-weight: 400; line-height: 1.4em; margin-top: 0px; }
.event-location .address-exclude { color: black !important; font-size: 90%; }
.event-summary-heading { display: block; font-weight: 700; }
#event-summary .info-section::before { content: ""; display: block; height: 1px; margin: 10px 2px 10px; background: #f1f1f1; }
#event-summary .info-section { font-size: 0.8em; }

.speaker-photo { border-bottom: 1px solid #F1F1F1; display: inline-block; float: left; width: 18%; margin: 0px 1.4em 1em 0px; }
.speaker-photo img{ width: 100%; max-width: 135px; }
.speaker-photo p { font-size: 0.7em; line-height: 1.3em; margin-top: 0.3em; margin-bottom: 0.5em; }
.speaker-about {
    font-weight: 100;
    font-size: 0.85em;
    padding: 1.5em;
    background-color: #F6F6F6;
    margin-top: 2em;
    color: #777;
    line-height: 1.6em;
    display: inline-block;
}

/* Panel Session */

.panel-session { display: inline-block; float: left; margin: 0 0 1em 0; width: 100%; }

.article-content .panel-session h1 {
    font-size: 1.2em;
    font-weight: 100;
    text-transform: uppercase;
    color: #000;
    margin: 2em 0 0.5em 0 !important;
    color: black;
}
.article-content .panel-session h2 { font-size: 1.3em; margin: 0; }
.article-content .panel-session p { display: block; margin: 0.5em 0 0 0; }
.panel-session img { width: 80px; display: inline-block;  margin: 1.5em 0.5em 1em 0; }
.panel-session .names { font-size: 0.8em; clear: both; }
.panel-session .names p { margin-bottom: 0px; line-height: normal; }
.panel-keynote { display: inline-block; margin: 0px 1.4em 1em 0px;  width: 100%; }

.article-content .panel-keynote h1{
    font-size: 1.2em;
    font-weight: 100;
    text-transform: uppercase;
    color: #000;
    margin: 2em 0 0.5em 0 !important;
    color: black;
}
.article-content .panel-keynote h2 { font-size: 1.3em; margin: 0 0 1.2em 0; }
.panel-keynote img { width: 90%; max-width: 80px; float: left; margin-right: 1em; }

.event-content { max-width: 767px; }
.event-blurb { display: inline-block; width: 77%; }
.event-blurb ul { margin-bottom: 1em; }
.event-blurb li { margin-bottom: 0.3em; list-style: disc; }
.event-blurb-full { display: inline-block; width: 100%; }
.event-blurb-full img { margin-bottom: 1em; }
.event-blurb-full ul { margin-bottom: 1em; }
.event-blurb-full li { margin-bottom: 0.3em; }
.event-sponsor { display: inline-block;  margin-top: 5em; width: 100%; }
.event-sponsorLevel {
	width: 100%;
    text-align: left;
    border-top: 1px solid #E1E1E1;
    margin: 2.5em 0;
    display: inline-block;
    font-size: xx-small;
    height: 3em;
    padding-top: 0.3em;
}
.event-sponsorLogo {
    width: 100%;
    margin-bottom: 2.5em;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    float: left;
}
.event-sponsorLogo-2 {
    width: 48%;
    margin-bottom: 2.5em;
    vertical-align: middle;
    display: inline-block;
}
.event-sponsorLogo-3 {
    width: 31.5%;
    margin-bottom: 2.5em;
    vertical-align: middle;
    display: inline-block;
}
.event-sponsorLogo-4 {
    width: 24%;
    margin-bottom: 2.5em;
    vertical-align: middle;
    display: inline-block;
}
.event-sponsorLogo img,
.event-sponsorLogo-2 img,
.event-sponsorLogo-3 img,
.event-sponsorLogo-4 img { margin: auto; }

/******************* GOLF *************************/

.golf-activities {
    font-weight: 600;
    color: black;
    font-size: 1.15em;
    line-height: 1.2em;
    border: 2px solid #FFF;
    padding: 0.7em 0px;
    background: #f0f0f0 none repeat scroll 0% 0%;
    border-radius: 3px;
}

/******************* /GOLF *************************/

.text-button {
    font-size: 1em;
    font-weight: 600;
    padding: 0.4em 0.7em;
    border: 1px solid #999;
    border-radius: 3px;
    display: inline-block;
    margin-top: 1em;
    margin-bottom: 1em;
    width: auto;
    background: #f1f1f1;
}
.text-button a{
    text-decoration: none;
    color: #4e84c4;
    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;
}
.text-button a:hover {
    text-decoration: none;
    color: #888;
    border-color: #888;
}

.event-register {
    font-size: 1em;
    font-weight: 600;
    padding: 0.4em 0.7em;
    display: inline-block;
    margin-top: 1em;
    margin-bottom: 1em;
    width: auto;
    background: #00a4e4;
    color: #fff;
    border: 1px solid #00a4e4;
}
.event-register:hover {
    background: #fff;
    color: #00a4e4;
    border: 1px solid #00a4e4;
    transition: all ease-in-out 200ms;
}

.event-sold-out {
    background: #C80000 !important;
    color: white;
    border: none;
}
.event-sold-out:hover {
    background: #C80000 !important;
    color: white;
    border: none;
}

#event-summary .event-register:first-child { margin-top: 0; }
.event-register a { text-decoration: none; color: white; }

.marquee-month {
    font-size: 1.3em;
    color: rgb(51, 51, 51);
    margin-bottom: -1em;
    font-variant: all-small-caps;
    display: block;
    background-color: #f1f1f1;
    padding: 0.5em;
}
.marquee-photo { display: inline-block; width: 49%; }
.sidebar-share-buttons { min-height: 48px; padding-top: 0.5em; }

@media (max-width: 560px) {
    .marquee-photo { display: block; width: 100%; margin-bottom: 1em; }
    .ghost { display: none; }
	.event-sponsorLogo-2,
	.event-sponsorLogo-3 {
		width: 100%;
		margin-bottom: 2.5em;
		vertical-align: middle;
		display: block;
		float: left;
	}
	.hidden-xs { display: none !important; }
}

@media (max-width: 767px) {
    #upcoming-info .upcomingEventDetail { display: block; }
	#upcoming-info .upcomingEventThumbnail { display: none; }
	#upcoming-info .upcomingSingleInfo { width: 100%; }
	#upcoming-info .upcomingSingleDate { width: 100%;  display: flex; }
	#upcoming-info .upcomingSingleDate .upcomingDateTime { width: 100%; margin-top: 0.5em; }
    #upcoming-info .upcomingSingleDate .upcomingWeekday { font-size: 1.4em; display: inline; }
    .upcomingWeekday:after { content: " - "; }
    #upcoming-info .upcomingSingleDate .upcomingDay { font-size: 1.4em; font-weight: 600; display: inline; }
	.upcomingDay:after { content: " - ";}
    #upcoming-info .upcomingSingleDate .upcomingMonthYear { font-size: 1.4em; font-weight: 600; display: inline; }
    #upcoming-info .upcomingSingleDate .upcomingTime { font-size: 1.4em; margin-top: 0.3em; }    
}
  
/************** EVENTS 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; }
.bfLabelBlock {width:100% !important;}
.bfbs3-nonform-control {width: 100% !important;}
.bfbs3-checkbox-inline {font-weight: normal !important;}
.bfbs3-radio-form-group {padding-left:2em;}
select.bfbs3-form-control {width:100% !important;}
.bfSectionDescription li {padding-bottom: 0.5em;}
.bfbs3-checkbox-inline:hover {background-color: #ffffe3;} /* #f7ffc4 */

.tap-application .bfSectionDescription,
.tap-application .bfbs3-nonform-control {
   /* font-size:110%; */
}
.bfFormDiv section section .bfbs3-row {margin-left: 5px !important; margin-right: 5px !important;}
.bfFormDiv .survey-question {font-size: 110%; font-weight: bold;margin-bottom:0;}
.bfFormDiv .border-top{border-top:1px solid #e3e3e3; padding-top:1em;}

.tap-application section section { padding-left: 0 !important; padding-right: 0 !important;}
/* .tap-application #section_agree .bfbs3-form-group {display: block !important;} */
.tap-application .checkbox-group .bfbs3-nonform-control {float:left; max-width: 2em; display:inline-block;}
.tap-application .checkbox-group .bfLabelBlock {float:right; max-width: 95%; display:inline-block !important;}
.tap-application .checkbox-group input[type="checkbox"] {margin:auto;}
.tap-application #section_main_export_challenge label:first-of-type{margin-left:10px;}
.tap-application #section_main_export_challenge .bfbs3-checkbox-inline {width: 45%;}
.tap-application #section_agree_check {width: 5em; padding-top:0.25em;}
.tap-application #section_agree_check label {max-width: 2em; min-width:unset;}
.tap-application #section_agree_name {width: 30%;}
.tap-application #section_agree_text {width: 30%; margin-top:-1em;}
.tap-application #section_agree_date {width: 16em;}
.tap-application #section_date_label {width: 4em;}
.tap-application #section_date_picker {width: 11em;}

/********************* 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 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 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) {
    /****************** END MAIN NAV 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 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 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 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;         
    } 
}



/************ 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%;
}
.tap-application form #newrecaptcha { margin: 1em 0 0 2em;}
#section_client_auth label {float:right; border:none !important; font-weight: normal !important; padding: 5px 0 !important;}
#section_client_auth .control-group {display: inline-block; width: 100%;}
#section_client_auth div {padding: 0; margin: 0; width: 100%;}
#section_client_auth input {margin-top:0.6em;}
#section_edc_concent .control-group {display: block;}

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

.webinar-recording {border: black 1px solid; margin: 1em; padding: 1em; box-shadow: rgb(95, 95, 95) 5px 5px 10px; }
.webinar-recording p {font-size: medium; margin: 0.5em 0.5em 0.2em 0.5em;}

.embedded-video { width: 100%; padding-top: 56.25%; position: relative; margin-bottom: 1em; }
.embedded-video iframe {height: 100%; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}

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

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


/**** BEGIN TABLE DIVS [PROPOSED AMENDMENTS] ****/

.t-row {
  border-top: 1px solid #eeeeee;
  padding: 10px 0;
}
.t-headerRow {
  background-color: white;
  border-bottom: 1px solid;
  padding: 0 0 5px 15px;
  margin: 0 0 15px 0;
}
.t-headerRow p {
  margin: 0 0 5px 0;
}
.t-callout {
  border-top: 1px solid black;
  margin: 30px 0 0 0;
  padding: 10px 0 0 0;
}

/**** END TABLE DIVS [PROPOSED AMENDMENTS] ****/

/**** 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: 35px 0 65px;
}

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

.dashboard-navigation {
    margin-bottom: 53px;
}

.text-align-right {
    text-align: right;
}

.ranking-grade {
    font-size: 36px;
    font-weight: 600;
    margin-right: 7px;
}
.ranking-number {
    font-size: 16px;
}
.ranking-score {
    border-top: 1px solid #ccc;
    padding-top: 5px;
    line-height: 35px;
    font-size: 10px;
}

.table thead tr th {
    text-align: left;
    color: black;
    background: none;
}

.table thead tr {
    border-bottom: 1px solid #eeeeee;
}

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


/*** Advocacy Feature ***/

.feature-wrapper {
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(220,220,220,1),rgba(255,255,255,1));
    padding-bottom: 5%;
    margin-bottom: 50px;
}
.feature-wrapper:hover {
  cursor: pointer;
}
.feature-wrapper:hover #cover {
  top: -5px;
}
.feature-wrapper:hover #shadow {
  transform: scale(1.4,1.4);
}
.feature-wrapper:hover #shine {
  top: 55%;
}
.contain-cover {
  display: inline-block;
  width: 30%;
  height: 100%;
  padding: 5% 0 0 5%;
  position: relative;
}
.contain-cover img{
  width: 100%;
}
#cover {
  position: relative;
  top: 0px; 
  left: 0px; 
  transition: ease-out 200ms;
}
#shadow {
  transform: scale(1.2,1.2);
  transition: ease-out 200ms;
  margin-top: 5%;
}

#shine {
  position: absolute;
  top: 40%;
  left: 37px;
  height: 70px;
  width: 86%;
  background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.15),rgba(255,255,255,0));
  z-index: 2;
  transform: rotate(-8deg) scale(1.05,1.05);
  transition: ease-out 200ms;
}

.contain-content {
  width: 60%;
  height: 100%;
  display: inline-block;
  float: right;
  padding: 10% 0 0 0;
}
.contain-content img{
  width: 88%;
  position: relative;
  top: 20%;  
}
.report-link {
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  text-align: center; 
  text-transform: uppercase; 
  font-size: 28px;
  color: black;
  line-height: normal;
  margin-top: 5%;
}

@media (max-width:500px) {
    .report-link {
        font-size: 16px;
    }
}

.report-link a {
  color: #00a4e4;
  font-weight: 700;
}

/*** End Advocacy Feature ***/


/*** SEM Landing Page ***/

@media (min-width:1920px) {

    .sem-landing h1 {
        font-size: 388%; 
        color: black;
        font-weight: 900;
        margin-bottom: 0px;
        line-height: normal;
    }
    .sem-landing h3 {
        font-size: 262%;
        margin: 0 0 35px;
        line-height: normal;
    }
}
@media (min-width:1201px) and (max-width:1919px) {

    .sem-landing h1 {
        font-size: 368%; 
        color: black;
        font-weight: 900;
        margin-bottom: 0px;
        line-height: normal;
    }
    .sem-landing h3 {
        font-size: 247%;
        margin: 0 0 35px;
        line-height: normal;
    }
}

@media (min-width:551px) and (max-width:1200px) {

    .sem-landing h1 {
        font-size: 320%; 
        color: black;
        font-weight: 900;
        margin-bottom: 0px;
        line-height: normal;
    }
    .sem-landing h3 {
        font-size: 217%;
        margin: 0 0 35px;
        line-height: normal;
    }
}

/*** mobile view ***/

@media (max-width:550px) {

    .sem-landing h1 {
        font-size: 320%; 
        color: black;
        font-weight: 900;
        margin-bottom: 0px;
        line-height: normal;
    }
    .sem-landing h3 {
        font-size: 217%;
        margin: 0 0 35px;
        line-height: normal;
    }
}

/* fix pillar partner logo slider position in Firefox */
@-moz-document url-prefix() {
	.caroufredsel_wrapper {left: 0 !important;}
}


/* gTranslate */
.switcher-popup {color: #fff;}
.switcher-popup:hover {color: #222;}
#gt_lightbox {width: 80% !important; max-height: 80% !important; height: max-content !important; left: 0px !important; top: 0px !important; margin: 10vh 10vw !important;}
@media (min-width:1501px) {
	.gt_languages {column-count: 4 !important;}
}
@media (min-width:1001px) and (max-width:1500px) {
	.gt_languages {column-count: 3 !important;}
}
@media (min-width:551px) and (max-width:1000px) {
	.gt_languages {column-count: 2 !important;}
}
@media (max-width:550px) {
	.gt_languages {column-count: 1 !important;}
}



/* TAP */

.text-tap-pink { color: var(--tap-pink); }

#wtc-tap-menu {background-color: rgb(3, 3, 110); text-transform: uppercase; }
#wtc-tap-menu li > a:hover,
#wtc-tap-menu li > a:focus,
#wtc-tap-menu li > a:active,
#wtc-tap-menu li > a.active { color: var(--tap-darkpink) !important; }
#wtc-tap-menu .link-1 {color: var(--tap-pink);}
#wtc-tap-menu .link-apply {
	background-color: white;
	color: var(--tap-pink);
	border-radius: 50rem;
	padding: 0 .75rem;
	margin: 3px;
	display: block;
	height: auto;
	font-size: min(2vw,22px);
	line-height: 1.5;
}
#wtc-tap-menu .link-apply.active { opacity: 0.5; pointer-events:  none; border: 1px solid white; margin: 2px 3px;}
#wtc-tap-menu .link-apply.active,
#wtc-tap-menu .link-apply:active,
#wtc-tap-menu .link-apply:focus,
#wtc-tap-menu .link-apply:hover { background-color: var(--tap-darkpink) !important; color: white !important; }

/*
#wtc-tap-menu .mobile-menu-toggle {top: 10px; left: 0; padding-left: 10px;}
#wtc-tap-menu .mobile-menu {margin: -35px 0 0 -15px; transform: translate(-100%, 0); padding-top: 35px;}
*/
.tap-page { font-family: 'Open Sans',Helvetica,Arial,sans-serif; }
.tap-page .tap-header {
	position: relative;
	margin-top:-1px;
	overflow: hidden;
	background-image: url(/files/wtc/tap/tap-main_hero.jpg.webp);
	display: block !important;
    color: #FFF;
    background-size: cover;
    background-position: center center;
    min-height: 80vh;
}
.tap-page .tap-header .big-container { max-width: 1440px; min-height: 40vh; padding: 0 15px; margin: 0 auto 1em auto !important; }
.tap-page .tap-header .secondary-image-holder {
    display: inline-block;
    position: relative;
    text-align: right;
    max-width: 710px;
    margin-top: min(3%, 130px);
	margin-bottom: min(2%, 50px);
}
.tap-page .tap-header .secondary-image-holder img {width: 100%;}
.tap-page .tap-header .secondary-image-holder .secondary-image-holder-inside {overflow: hidden; padding-left: 90px;}
.tap-page .tap-header .secondary-image-holder .secondary-image-holder-inside img {border-bottom-left-radius: 50px;}
.tap-page .tap-header .secondary-image-holder h3 {
    position: absolute;
    top: 135px;
    left: -135px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    text-align: left;
    font-size: 50px;
    line-height: 50px;
    text-transform: uppercase;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.9);
}
.tap-page .tap-header .secondary-image-holder h3 img {
    display: inline-block;
    position: relative;
    width: 35px;
    top: -5px;
    -webkit-filter: drop-shadow(2px 2px 5px #000);
    filter: drop-shadow(2px 2px 5px #000);
}
.tap-page .tap-header .pink-a-icons {position: absolute; top: 0; left: 25%; max-width: 420px;
	-webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.tap-page .tap-header .pink-a-icons img:nth-child(2) {opacity: .4;}
.tap-page .tap-header .pink-a-icons img:nth-child(1) {opacity: .9;}
.tap-page .tap-header .pink-a-icons img:nth-child(3) {opacity: .2;}
.tap-page .tap-header .pink-a-icons img {width: 100%;}
.tap-page img {vertical-align: middle; border-style: none;}

.tap-page .tap-header .header-content h1 { font-size: clamp(32px,3vw,50px); }
.tap-page .tap-header .header-content h2 { font-size: clamp(20px,2vw,35px); }
.tap-page .tap-header {overflow: hidden; background-attachment: fixed; }
.tap-page h1, .tap-page h2, .tap-page h3, .tap-page h4, .tap-page h5, .tap-page h6 {
    font-family: 'Avenir-Black','Helvetica Neue',Helvetica,Arial,sans-serif !important;
    font-weight: 900;
	margin-top:0;
}

.tap-pink-rounded-button {border-radius: 25px; margin: 1px; padding: 0 10px 2px; transition: all 0.3s; font-weight: bold; background-color: var(--tap-pink);}
.tap-pink-rounded-button:hover,
.tap-pink-rounded-button:active {background: white;}
.tap-pink-rounded-button a {color: white; }
.tap-pink-rounded-button a:hover,
.tap-pink-rounded-button a:active {color: var(--tap-pink); }

.tag-page { color: #434343; }
.tap-page section h1 { color: var(--tap-pink); }
.tap-page section ul,
.tap-page section ol { line-height: 1.75; font-size: 1rem; }

.tap-page #why-apply-carousel { min-height: 335px; background-size: cover; background-position: center center; background-attachment: fixed; }
.tap-page #why-apply-carousel h1 { color: var(--tap-pink); font-size: clamp(36px,4rem,10vw); text-transform: uppercase; font-weight: 600; }
.tap-page #why-apply-carousel h2,
.tap-page #why-apply-carousel h3 { color: var(--tap-pink); }
.tap-page #why-apply-carousel h4 { color: #fff; font-size: 2rem; font-weight: 700; }
.tap-page #why-apply-carousel p { color: #fff; font-size: 1rem; line-height: 1.5rem; font-family: 'Avenir','Helvetica Neue',Helvetica,Arial,sans-serif !important; font-weight: 900; }
.tap-page #why-apply-carousel .number-holder h3  { font-size: clamp(36px,4rem,10vw); margin: 0 0 7px 0; }

.tap-page #section-sponsors {
	background-image: url(/files/wtc/tap/tap-main_partners_background.jpg.webp);
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
}
.tap-page #section-sponsors .card { border: none !important; margin-bottom: 2em; }

.tap-page #section-advance { background-image: url(/files/wtc/tap/tap-main_main-bg.jpg.webp); }

.accordion-item { margin-bottom: 0.5em; }
.accordion-item h1 { margin-bottom: 0; }
.tap-page .accordion-button {
  position:unset;
  color: var(--tap-pink);
  font-weight: bold;
  font-size: 2rem;
  background-color: rgb(138, 135, 135);
}

.tap-page .d-table { padding-left: 0; width: 100%; }
.tap-page .d-table li { width: 100%; display: table; padding-left: 0; }
.tap-page .d-table li div { display: table-cell; height: 100%; width: 150px; margin-right: 20px; color: #fff; padding: 15px; vertical-align: middle; }
.tap-page .d-table li span { display: table-cell; height: 100%; padding: 16px; }

.tap-page .slick-slider {max-width: 750px; margin: auto;}
.tap-page .slick-dots li button .slick-dot-icon,
.tap-page .slick-dots li.slick-active button .slick-dot-icon,
.tap-page .slick-next .slick-next-icon,
.tap-page .slick-next .slick-prev-icon,
.tap-page .slick-prev .slick-next-icon,
.tap-page .slick-prev .slick-prev-icon { color: white; }

.tap-page .big-bullets li:before { color: var(--tap-pink); }


/* XS View*/
@media (max-width: 575px) {
	/* body::before {content:"xs"; position: absolute; top: 0; left: 0; border-top:5px solid red; width: 100%; padding-left: 1vw;} */
	
	header .header-row {margin-left: 2px !important; margin-right: 2px !important;}
	header .header-row > div {display: block !important; padding: 5px !important;}
	header .mobile-login-button {margin-right: max(5px, 4vw);}
	header .menu-top {margin: 3vw 0;}
	header .menu-top ul {font-size: 90%;}
	header .menu-top ul li > a {padding: 0 0.5em;}
	header .head-search .search::before { color: #AAA; }
	header .login-container {position: fixed !important; top: 10em; width: 90vw !important; left: 0; right: 0; margin-left: auto; margin-right: auto;}
	header #login-form {position: relative !important; width: 100% !important; max-width: unset !important; margin-left: auto; margin-right: auto;}
	#popup-user-detail {position: relative !important; width: 100% !important; max-width: unset !important; margin-left: auto; margin-right: auto;}
	header .login-overlay {position: relative !important; width: 100% !important; max-width: unset !important; margin-left: auto; margin-right: auto;}
	#share-icon, .addthis_slideout {display: none !important;}
	.footer-main-menu { width: 100%; text-align: center; padding-bottom: 2em; font-size: 0.8em;}
	
	.tap-page .tap-header .secondary-image-holder h3 {top: 90px; left: -60px; font-size: 33px; line-height: 33px;}
	.tap-page .tap-header .secondary-image-holder h3 img {width: 23px;}
}

/* SM View */
@media (min-width: 576px) and (max-width: 767px) {
	/* body::before {content:"sm"; position: absolute; top: 0; left: 0; border-top:5px solid orange; width: 100%; padding-left: 1vw;} */

	header .header-row > div {display: block !important;}
	header .mobile-login-button {margin-right: 8vw;}
	header .menu-top {margin: 1vw 0;}
	header .head-search .search::before { color: #AAA; }
	.footer-main-menu { width: 100%; text-align: center; padding-bottom: 2em; font-size: 0.8em;}
	
	.tap-page .tap-header .secondary-image-holder h3 {top: 115px; left: -100px; font-size: 42px; line-height: 42px;}
	.tap-page .tap-header .secondary-image-holder h3 img {width: 30px;}
}

/* XS & SM Views */
@media (max-width: 767px) {
	#header-main-menu {display: none;}
	#mobile-nav-main-menu {display: block !important;}
	
   /**** 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 ****/
}

/* MD View */
@media (min-width: 768px) and (max-width: 991px) {
	/* body::before {content:"md"; position: absolute; top: 0; left: 0; border-top:5px solid yellow; width: 100%; padding-left: 1vw;} */
	
	.footer-main-menu { width: 100%; text-align: center; padding-bottom: 2em; }
}

/* LG View */
@media (min-width: 992px) and (max-width: 1199px) {
	/* body::before {content:"lg"; position: absolute; top: 0; left: 0; border-top:5px solid green; width: 100%; padding-left: 1vw;} */
}

/* XL View */
@media (min-width: 1200px) and (max-width: 1399px) {
	/* body::before {content:"xl"; position: absolute; top: 0; left: 0; border-top:5px solid blue; width: 100%; padding-left: 1vw;} */
}

/* XXL View */
@media (min-width: 1400px) {
	/* body::before {content:"xxl"; position: absolute; top: 0; left: 0; width: 100%; padding-left: 1vw;} */
}

/* END TAP */


.bg-color-navy {background-color: #00316b; }
.bg-color-darkblue {background-color: #00529b; }
.bg-color-darkyellow {background-color: #f99e1a; }

.big-bullets li { display: block; margin-bottom: 1em; }
.big-bullets li:before { content: "\2022"; font-size: 60px; margin-left: -30px; position: absolute; display: inline-block; line-height: 0.45; }

.table-wrapper { position: relative; overflow: auto; }
.table-wrapper table { width: 100%; }

.fs-1rem {font-size: 1rem;}
.fs-2rem {font-size: 2rem;}
.fs-3rem {font-size: 3rem;}
.fs-4rem {font-size: 4rem;}
.fs-5rem {font-size: 5rem;}

.fs-0-5rem {font-size: 0.5rem;}
.fs-1-5rem {font-size: 1.5rem;}
.fs-2-5rem {font-size: 2.5rem;}
.fs-3-5rem {font-size: 3.5rem;}
.fs-4-5rem {font-size: 4.5rem;}

.invert-10 {filter: invert(0.1);}
.invert-20 {filter: invert(0.2);}
.invert-30 {filter: invert(0.3);}
.invert-40 {filter: invert(0.4);}
.invert-50 {filter: invert(0.5);}
.invert-60 {filter: invert(0.6);}
.invert-70 {filter: invert(0.7);}
.invert-80 {filter: invert(0.8);}
.invert-90 {filter: invert(0.9);}
.invert-100 {filter: invert(1);}

.mw-25vw {max-width: 25vw;}
.mw-50vw {max-width: 50vw;}
.mw-75vw {max-width: 75vw;}

.min100vh {min-height: 100vh;}
.min100vw {min-width: 100vw;}

.table-color-pink li:nth-child(2n+1) { background-color: #f4aecf; }
.table-color-pink li:nth-child(2n) { background-color: #f6bcd7; }
.table-color-pink li:nth-child(2n+1) div { background-color: #e01f79; }
.table-color-pink li:nth-child(2n) div  { background-color: #e64c94; }

.table-color-navy h2 { color: #00316b; }
.table-color-navy li:nth-child(2n+1) { background-color: #e5f1ff; }
.table-color-navy li:nth-child(2n) { background-color: #f0f7ff; }
.table-color-navy li:nth-child(2n+1) div { background-color: #00316b; }
.table-color-navy li:nth-child(2n) div  { background-color: #0060d1; }


.tap-page #section-get-results {
    background-image: url(/files/wtc/tap/tap-main_partners_background.jpg.webp);
    background-attachment: fixed;
    background-size: cover;
}

.jsgrid-cell.jsgrid-invalid::after { content: "Required field"; color: red; }
.jsgrid-grid-header,
.jsgrid-grid-body { -ms-overflow-style: none; scrollbar-width: none; }


/*Map*/

.text-map-pink { color: var(--map-orange); }
.bg-color-darknavy {background-color: rgb(21, 79, 153); }
.map-bg-color-darkyellow {color: #f99e1a; }


#wtc-map-menu {background-color: rgb(5, 79, 120); text-transform: uppercase; }
#wtc-map-menu li > a:hover,
#wtc-map-menu li > a:focus,
#wtc-map-menu li > a:active,
#wtc-map-menu li > a.active { color: var(--map-darkorange) !important; }
#wtc-map-menu .link-1 {color: var(--map-orange);}
#wtc-map-menu .link-2 {color: var(--map-orange);}
#wtc-map-menu .link-3 {color: var(--map-orange);}
#wtc-map-menu .link-4 {color: var(--map-orange);}
#wtc-map-menu .link-apply {
	background-color: white;
	color: var(--map-orange);
	border-radius: 50rem;
	padding: 0 .75rem;
	margin: 3px;
	display: block;
	height: auto;
	font-size: min(2vw,22px);
	line-height: 1.5;
}

.map-page { font-family: 'Open Sans',Helvetica,Arial,sans-serif; }
.map-page .map-header{
    position: relative;
    margin-top: -1px;
    display: block !important;
    color: #FFF;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.map-page .map-header .map-logo {
    position: absolute;
    top: 0;
    left: 25%;
    max-width: 549px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.map-page .map-header { overflow: hidden;}
.map-page section h1 { color:#f29a1b; }
.map-page .py-6 { padding-top: 3rem !important; }

#map-banner {
    color: #fff;
    background: #000;
    height: calc(100vw / 1.85);
    max-height: 520px;
    position: relative;
    overflow: hidden;
}
#map-banner video {
    position: absolute;
    width: 100%;
}
#map-banner .map-video-overlay {
    /*background-color: rgba(31, 113, 200, 0.54);*/
    position: relative;
    height: 100%;
    width: 100%;
}
.map-centre-block {
    margin-left: calc((100% - 1070px) / 2);
    max-width: 1070px;
    height: 100%;
}
.map-centre-vert div{
    display: flex;
    height: 100%;
}
.map-logo-banner img{
    padding: 15em 0em 0em 12em;
}
.map-upcoming-title {
    padding: 0.4em 0 0.6em 0.6em;
    background: rgb(5, 79, 120);
    color: white;
    font-size: 1.2em;
    clear: both;
}
.map-image-radius-left {
    border-bottom-left-radius: 50px;
}
.map-image-radius-rigth {
    border-bottom-right-radius: 50px;
}
.wtc-map-logo {
  background: #bfbfbf;
  margin-bottom: 15px;
  display: flex;
  height: 210px;
}
.wtc-map-logo:hover {
  background: #939393;
}

/*DTW*/

.dtw-bg-darkblue {background-color: var(--dtw-darkblue); }
.dtw-text-darkblue {color: var(--dtw-menu-darkblue); }
.dtw-text-orange {color: var(--dtw-orange); }
.dtw-bg-orange {background-color: var(--dtw-orange); }
.dtw-bg-gray {color: #9c9b9d;}



#wtc-dtw-menu {background-color: #00539b; text-transform: uppercase; }
#wtc-dtw-menu li > a:hover,
#wtc-dtw-menu li > a:focus,
#wtc-dtw-menu li > a:active,
#wtc-dtw-menu li > a.active { color: var(--dtw-orange) !important; }
#wtc-dtw-menu .link-1 {color: var(--dtw-menu-white);}
#wtc-dtw-menu .link-2 {color: var(--dtw-menu-white);}
#wtc-dtw-menu .link-3 {color: var(--dtw-menu-white);}
#wtc-dtw-menu .link-4 {color: var(--dtw-menu-white);}
#wtc-dtw-menu .link-apply {
	background-color: #c27810;
	color: var(--dtw-menu-white);
	border-radius: 50rem;
	padding: 0 .75rem;
	margin: 3px;
	display: block;
	height: auto;
	font-size: min(2vw,22px);
	line-height: 1.5;
}

.dtw-page .big-bullets li:before { color: var(--dtw-orange); }

.dtw-page { font-family: 'Open Sans',Helvetica,Arial,sans-serif; }
.dtw-page .dtw-header{
    position: relative;
    margin-top: -1px;
    display: block !important;
    color: #FFF;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.dtw-page .dtw-header .dtw-logo {
    position: absolute;
    top: 0;
    left: 25%;
    max-width: 549px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.dtw-page .dtw-header { overflow: hidden;}
.dtw-page section h1 { color:var(--dtw-menu-darkblue); }
.dtw-page .py-6 { padding-top: 3rem !important; }

#dtw-banner {
    color: #fff;
    background: #000;
    height: calc(100vw / 1.85);
    max-height: 520px;
    position: relative;
    overflow: hidden;
}
#dtw-banner video {
    position: absolute;
    width: 100%;
}
#dtw-banner .dtw-video-overlay {
    background-color: rgba(0, 0, 0, 0.44);
    position: relative;
    height: 100%;
    width: 100%;
}
.dtw-centre-block {
    margin-left: calc((100% - 1070px) / 2);
    max-width: 1070px;
    height: 100%;
}
.dtw-centre-vert div{
    display: flex;
    height: 100%;
}
.dtw-logo-banner img{
    padding: 15em 0em 0em 12em;
}
.dtw-upcoming-title {
    padding: 0.4em 0 0.6em 0.6em;
    background: rgb(5, 79, 120);
    color: white;
    font-size: 1.2em;
    clear: both;
}
.dtw-image-radius-left {
    border-bottom-left-radius: 50px;
}
.dtw-image-radius-rigth {
    border-bottom-right-radius: 50px;
}
.wtc-dtw-logo {
  background: #bfbfbf;
  margin-bottom: 15px;
  display: flex;
  height: 210px;
}
.wtc-dtw-logo:hover {
  background: #939393;
}
.dtw-text-header {
    font-size: 3rem;
    color: var(--dtw-menu-darkblue);
    line-height: 3rem;
    text-align: center;
}
.dtw-text {
    font-size: 1.20rem;
    color: var(--dtw-menu-darkblue);
    line-height: 2.50rem;
    text-align: justify;
}
.dtw-text-h3 {
    color: #f9a25e;
}
.dtw-darkblue {
    color: var(--dtw-menu-darkblue);
}

#dtw-clip video {
    width: 400px;
    height: 350px;
}
.borderless table {
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
}
.ms-12 {
    margin-left: 12rem !important;
  }
  .dtw-upcoming-title {
    padding: 0.4em 0 0.6em 0.6em;
    background-color: var(--dtw-darkblue);
    color: white;
    font-size: 1.2em;
    font-weight: bold;
    clear: both;
}

.text-align-center {text-align: center;}
.max-width-500 {max-width: 500px;}