:root {
  --color-events: #54b948; /* (84,185,72) */
  --color-membership: #f89728; /* (248,151,40) */
  --color-advocacy: #7f3f98; /* (127,63,152) */
  --color-training: #00a4e4; /* (0,164,228) */
  --color-media: #777; /* (119, 119, 119) */
  --color-wtc: #777; /* (119, 119, 119) */
  --color-events-light: #ddf1da; /* 20% */
  --color-membership-light: #feead4; /* 20% */
  --color-advocacy-light: #ebe2ef; /* 20% */
  --color-training-light: #ccedfa; /* 20% */
  --color-media-light: #e3e3e3;  /* 20% */
  --color-wtc-light: #e3e3e3;  /* 20% */
  --color-events-rgba-light: rgba(84,185,72,0.20);
  --color-membership-rgba-light: rgba(248,151,40,0.20);
  --color-advocacy-rgba-light: rgba(127,63,152,0.15);
  --color-training-rgba-light: rgba(0,164,228,0.20);
  --color-media-rgba-light: rgba(119,119,119,0.20);
  --color-wtc-rgba-light: rgba(119,119,119,0.20);
  --header-height: 75px;
}

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

.panel-keynote {   /*Art test*/
    display: inline-block;
    margin: 0px 1.4em 1em 0px;
    width: 100%;
}

/* added -group since event-keynote was already used */
.event-keynote-group {
/*	max-width: 35rem !important;
	
	background-color: #f4faff;
	border-radius: 10px;
	*/
}
.event-keynote-group .event-keynote-photo img {max-width: 120px;}
.event-keynote-group .event-keynote-detail {
	flex: 1 0 15rem;
	padding-left: .5rem;
}
.event-keynote-group .speaker-name {
  font-size: 0.9rem; 
  font-weight: bolder;
}

.event-keynote-group .speaker-title {
  font-size: 0.75rem;
}
.event-keynote-group .speaker-org {
  font-size: 0.75rem;
  font-style: italic;
}

.event-keynote-group .speaker-desc {
	color: #999; 
	font-size: 0.75rem; 
	line-height: 1.1rem;
	margin-top: 12px;
}

.event-keynote-group .keynote-speaker-name {
    font-size: 1.1rem;
    font-weight: bolder;
}

.event-keynote-group .keynote-speaker-title {
    font-size: 0.9rem;
}

#event-summary {
	padding-left: 1rem;
	word-wrap: anywhere;
	font-size: 1.1rem;
	line-height: 1.4rem;
	font-family: "Open Sans", sans-serif;
}

#event-summary a {
	text-decoration: none;
}

#event-summary .add-to-calendar-button {
	color: var(--color-training);
}

#event-summary .info-section {
	font-size: 0.8em;
}

#event-summary .info-section::before {
	content: "";
	display: block;
	height: 1px;
	margin: 10px 2px 10px;
	background: #f1f1f1;
}

#event-summary .event-start-date {
	display: block;
	font-size: 1.1em;
	font-weight: 600;
}

#event-summary .event-start-time {
	display: block;
	font-size: 1.1em;
	font-weight: 400;
	margin-top: 0.4em;
	margin-bottom: 0.5em;
}

#event-summary .event-register:first-child {
	margin-top: 0;
}

#event-summary .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;
}
#event-summary a.button-blue:link,
#event-summary a.button-blue:visited {
	color: #FFF !important;
}
#event-summary .button-blue:hover {color: #FFF; background: #00a4e4;}
#event-summary .button-blue:active {color: #FFFAAA !important; background: #00a4e4;}
#event-summary .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;
}

#event-summary .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;
}
#event-summary .vbt-button-blue {background: #00a4e4; color: #fff; border: 1px solid #00a4e4;}
#event-summary .vbt-button-blue:focus {color: #fff;}
#event-summary .vbt-button-blue:hover {background: #fff; color: #00a4e4}
#event-summary .vbt-button-grey {background: #777; color: #fff; border: 1px solid #777;}
#event-summary .vbt-button-grey:focus {color: #fff;}
#event-summary .vbt-button-grey:hover {background: #fff; color: #777}
#event-summary .vbt-button-purple {background: #7f3f98; color: #fff; border: 1px solid #7f3f98;}
#event-summary .vbt-button-purple:focus {color: #fff;}
#event-summary .vbt-button-purple:hover {background: #fff; color: #7f3f98}

body {
    font-family: 'inter', sans-serif!important;
	display: flex;
	flex-direction: column;
    line-height: normal;
	min-height: 100vh;
}

#page-body {
	flex: 1;
	margin-bottom: 3rem;
}

.sticky-scroll header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
	z-index: 10;
}
.sticky-scroll #page-body {
	margin-top: var(--header-height);
}

.sticky-sidebar { transition: all 0.5s ease; }

@media (min-width: 992px) {
	.sticky-sidebar {
		align-self: start;
		position: sticky;
		top: 0;
	}
}

#mainmenu {
	flex-basis: auto;
	flex-grow: 1;
	align-items: center;
	font-size: clamp(0.9rem, 1.1vw, 1rem);
	text-wrap: nowrap;
}

#mainmenu .nav-item:hover .dropdown-menu {
	display: flex;
}

#mainmenu .lvl-1 {
	padding: 0.9em 0;
}

#mainmenu .full-width-menu {
	position: fixed;
	left: 0;
	width: 100%;
	margin-top: 3em;
}

#mainmenu .full-width-menu > * {
	width: min-content;
	margin-left: 65px;
	overflow: hidden;
}


#mainmenu .navbar-nav > .nav-item * {
	border: none;
}

#mainmenu .navbar-nav > .nav-item > .dropdown-menu  {
	border: none;
	margin-top: 3em;
}

#mainmenu .dropdown .nav-item .nav-item {
	/* padding-left: 2em; */
}

#mainmenu .btn {font-size: clamp(0.9rem, 1.1vw, 1rem);}

#mainmenu .dropdown-menu {
	box-shadow: 4px 5px 5px 3px #33333350;
	padding: 1em 0.25em;
	max-width: 92vw;
	white-space: nowrap;
}

#mainmenu .lvl-1:has(*:hover),
#mainmenu .lvl-1:focus,
#mainmenu .lvl-1:hover {
	text-decoration-line: underline;
    text-decoration-thickness: 2px!important;
    text-underline-offset: 6px!important;
}
#mainmenu .lvl-1[title="Events"]:focus,
#mainmenu .lvl-1[title="Events"]:hover,
#mainmenu .lvl-1[title="Events"]:has(*:hover) {
	text-decoration-color: var(--color-events);
}
#mainmenu .lvl-1[title="Membership"]:focus,
#mainmenu .lvl-1[title="Membership"]:hover,
#mainmenu .lvl-1[title="Membership"]:has(*:hover) {
	text-decoration-color: var(--color-membership);
}
#mainmenu .lvl-1[title="Advocacy"]:focus,
#mainmenu .lvl-1[title="Advocacy"]:hover,
#mainmenu .lvl-1[title="Advocacy"]:has(*:hover) {
	text-decoration-color: var(--color-advocacy);
}
#mainmenu .lvl-1[title="Training"]:focus,
#mainmenu .lvl-1[title="Training"]:hover,
#mainmenu .lvl-1[title="Training"]:has(*:hover) {
	text-decoration-color: var(--color-training);
}
#mainmenu .lvl-1[title="Media"]:focus,
#mainmenu .lvl-1[title="Media"]:hover,
#mainmenu .lvl-1[title="Media"]:has(*:hover) {
	text-decoration-color: var(--color-media);
}

#mainmenu .lvl-1 > a:hover {
	text-decoration-line: none !important;
}

#mainmenu .dropdown-menu .nav-item {
	width: 100%; 
}

#mainmenu-slideout .navbar-nav .submenu-toggle {
	border-left: 1px solid #ccc;
	color: #333;
	padding: 0;
}

#mainmenu-slideout .lvl-2:first-of-type {
	display: none;
}

#mainmenu .submenu-toggle {
	display: none;
}

#mainmenu-slideout {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	padding: 30px;
	padding-top: 90px;
	background: #fff;
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
	/* to stop flickering of 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);
	overflow-y: auto;
}

#mainmenu-slideout a {
	white-space: wrap;
}

@media (prefers-reduced-motion: reduce) {
	#mainmenu-slideout {
		/* transition: none; */
	}
}

header nav > .toggle-button {
	margin-right: 0.5em;
	margin-top: 0.75em;
}

.toggle-button input:checked ~ #mainmenu-slideout {
  transform: none;
}

.navbar-brand {
	z-index: 2;
}

.navbar-nav .dropdown-menu {
	border: none;
}

#mainmenu > .navbar-nav > .nav-item > .nav-link,
#mainmenu-slideout > .navbar-nav > .nav-item > .nav-link {
	display: block !important;
}

#mainmenu .nav-item .show .dropdown-menu,
#nav-side-submenu .active > .dropdown-menu,
#nav-banner-section .active > .dropdown-menu,
#mainmenu-slideout .active > .dropdown-menu,
.show > .dropdown-menu {
	display: contents;
}

header .navbar {padding: 0.2rem clamp(0px, 1vw, 3rem); flex-wrap: nowrap;}
header .nav-item a {background-color: #fff;}

/*
header .navbar-nav > .nav-item > .nav-link {border-bottom:2px solid #fff;}
/* .navbar-nav .nav-link:hover {border-top:2px solid #999;} */
/*
header .navbar-nav > .nav-item > .nav-link[href="/events"]:hover {border-bottom:2px solid var(--color-events);}
header .navbar-nav > .nav-item > .nav-link[href="/membership"]:hover {border-bottom:2px solid var(--color-membership);}
header .navbar-nav > .nav-item > .nav-link[href="/advocacy"]:hover {border-bottom:2px solid var(--color-advocacy);}
header .navbar-nav > .nav-item > .nav-link[href="/training"]:hover {border-bottom:2px solid var(--color-training);}
header .navbar-nav > .nav-item > .nav-link[href="/news"]:hover {border-bottom:2px solid var(--color-media);}
*/

/*
header .navbar-nav > .nav-item[title="Events"] > .nav-link:hover {color: var(--color-events);}
header .navbar-nav > .nav-item[title="Membership"] > .nav-link:hover {color: var(--color-membership);}
header .navbar-nav > .nav-item[title="Advocacy"] > .nav-link:hover {color: var(--color-advocacy);}
header .navbar-nav > .nav-item[title="Media"] > .nav-link:hover {color: var(--color-media);}
header .navbar-nav > .nav-item[title="Training"] > .nav-link:hover {color: var(--color-training);}

header .navbar-nav > .nav-item[title="Events"] > .dropdown-toggle.show {color: var(--color-events);}
header .navbar-nav > .nav-item[title="Membership"] > .dropdown-toggle.show {color: var(--color-membership);}
header .navbar-nav > .nav-item[title="Advocacy"] > .dropdown-toggle.show {color: var(--color-advocacy);}
header .navbar-nav > .nav-item[title="Training"] > .dropdown-toggle.show {color: var(--color-training);}
header .navbar-nav > .nav-item[title^="Media"] > .dropdown-toggle.show {color: var(--color-media);}

header .navbar-nav .nav-item.active>.nav-link[href="/events"] {color: var(--color-events);}
header .navbar-nav .nav-item.active>.nav-link[href="/membership"] {color: var(--color-membership);}
header .navbar-nav .nav-item.active>.nav-link[href="/advocacy"] {color: var(--color-advocacy);}
header .navbar-nav .nav-item.active>.nav-link[href="/training"] {color: var(--color-training);}
header .navbar-nav .nav-item.active>.nav-link[href="/news"] {color: var(--color-media);}
*/

/*
header .navbar-nav .nav-item[title="Events"] .dropdown-menu {background: linear-gradient(160deg, #fff 66%, var(--color-events) 100%);}
header .navbar-nav .nav-item[title="Membership"] .dropdown-menu {background: linear-gradient(160deg, #fff 66%, var(--color-membership) 100%);}
header .navbar-nav .nav-item[title="Advocacy"] .dropdown-menu {background: linear-gradient(160deg, #fff 66%, var(--color-advocacy) 100%);}
header .navbar-nav .nav-item[title="Training"] .dropdown-menu {background: linear-gradient(160deg, #fff 66%, var(--color-training) 100%);}
header .navbar-nav .nav-item[title="Media"] .dropdown-menu {background: linear-gradient(160deg, #fff 66%, var(--color-media) 100%);}
*/

/*
header .navbar-nav .nav-item[title="Events"] .dropdown-menu .nav-item a:hover {background: var(--color-events-light);}
header .navbar-nav .nav-item[title="Membership"] .dropdown-menu .nav-item a:hover {background: var(--color-membership-light);}
header .navbar-nav .nav-item[title="Advocacy"] .dropdown-menu .nav-item a:hover {background: var(--color-advocacy-light);}
header .navbar-nav .nav-item[title="Training"] .dropdown-menu .nav-item a:hover {background: var(--color-training-light);}
header .navbar-nav .nav-item[title^="Media"] .dropdown-menu .nav-item a:hover {background: var(--color-media-light);}
	
header .nav-item[title="Events"] .dropdown-menu .nav-item.current > a {background: var(--color-events);}
header .nav-item[title="Membership"] .dropdown-menu .nav-item.current > a {background: var(--color-membership);}
header .nav-item[title="Advocacy"] .dropdown-menu .nav-item.current > a {background: var(--color-advocacy);}
header .nav-item[title="Training"] .dropdown-menu .nav-item.current > a {background: var(--color-training);}
header .nav-item[title^="Media"] .dropdown-menu .nav-item.current > a {background: var(--color-media);}

header .dropdown-menu .nav-item.current > a,
header .nav-item.current .parent-link {
	color: #eee !important;
}
*/

header a:hover {
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
} 
header .navbar-nav .nav-item[title="Events"] .dropdown-menu .nav-item a:hover {text-decoration-color:: var(--color-events);}
header .navbar-nav .nav-item[title="Membership"] .dropdown-menu .nav-item a:hover {text-decoration-color:: var(--color-membership);}
header .navbar-nav .nav-item[title="Advocacy"] .dropdown-menu .nav-item a:hover {text-decoration-color:: var(--color-advocacy);}
header .navbar-nav .nav-item[title="Training"] .dropdown-menu .nav-item a:hover {text-decoration-color:: var(--color-training);}
header .navbar-nav .nav-item[title^="Media"] .dropdown-menu .nav-item a:hover {text-decoration-color:: var(--color-media);}

/* disable bootstrap background color */
header .dropdown-item:focus,
header .dropdown-item:hover {
	background-color: #fff;
}


/*.navbar-nav .current:not(.lvl-1) > a,*/
.navbar-nav .parent-link a {
	font-weight: bold;
}

header .dropdown-menu .nav-item.current > a:hover {color: #333 !important;}

/*
.nav-item::before {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
	padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
	margin: 0 0.5rem;
}
*/

/*
header .nav-item .nav-link {
	text-align: center;
}
*/

.nav-item.active > .nav-link {
	font-weight: bold;
/*
	text-shadow:
		1px 1px 0 #33333310,
		-1px 1px 0 #33333310,
		-1px -1px 0 #33333310,
		1px -1px 0 #33333310;
*/
}

.nav {text-decoration: none !important;}
header .navbar-nav > .nav-item > .nav-link {margin: 0 0.5rem;}

.navbar div.btn-group:hover ul.dropdown-menu{
    display: block;    
}

.navbar div.btn-group ul.dropdown-menu{
    margin-top: 0px;    
}

.nav-link.dropdown-toggle.show::after {
  border-top: 0 !important;
  border-bottom: .3em solid !important;
}

.navbar .dropdown-menu .nav-item a {
	padding: 0.5rem 1rem;
}

#mainmenu-slideout .nav-link,
#mainmenu-slideout .dropdown-item {
	color: #000 !important;
}
/*
.navbar .dropdown-menu .nav-item.active a {
	pointer-events: none;
}
*/

/* full width dropdown menu */
/*
.dropdown-menu.show {
	display: flex !important;
	width: 100%;
	left: 0 !important;
	padding: 1rem;	
}

@media (min-width: 992px) {
	.dropdown-menu.show {
		position: fixed !important;
		top: 78px !important;
	}
}
*/

/* full width dropdown menu v2 */

@media (width >= 992px) {
	/*
	header .dropdown-menu {
		left: 50% !important;
		transform: translatex(-50%);
	}
	*/
	
	header .dropdown-menu {
		margin-left: -1rem;
	}
	
	header .dropdown-menu.show::before {
		content: "";
		width: 200vw;
		height: calc(100% + 0.5rem);
		background: #fff;
		z-index: 2;
		position: absolute;
		margin-top: -0.25rem;
		margin-left: -100vw;
		display: block;
		overflow: hidden;
		box-shadow: 0px 10px 5px #33333350, 0px -5px 5px #33333320;
		border-top: 1px solid #ddd;
	}
	header .dropdown-menu.show::after {
		content: "";
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: #333333;
		opacity: 80%;
		z-index: 1;
		margin-top: var(--header-height);
	}
}

header .dropdown-menu .nav-item {
	z-index: 5;
	position: relative;
}

/* Show menu dropdown on hover - click not working*/
/*
.navbar .dropdown:hover>.dropdown-menu {
	display: flex;
	position: fixed !important;
	width: 100%;
	left: 0 !important;
	padding: 1rem;	
}
.navbar .dropdown>.dropdown-toggle:active {
    pointer-events: none;
}
*/

#nav-banner-section {
	/*
	align-self: start;
	position: sticky;
	top: 0;
	z-index: 2;
	*/
}

.nav-banner .top-row {
  width: 100%;
  padding: 0.5rem 1.5rem;
  font-size: 1.2rem;
  font-weight: bold;
  background: #000;
  color: #fff;
}

#nav-banner-section .toggle-icon {
	float: right;
	transition: transform .3s ease;
	transition: color .8s ease;
	margin: -0.25rem;
	padding-top: 0.1rem;
}

#nav-banner-section .toggle-icon > i {
	font-size: 2rem;
}

#nav-banner-section.show .toggle-icon {
	transform: rotate(90deg);
	color: lightgreen;
}

#nav-banner-section .nav-banner-list {
	display: none;
	height: 0;
	background-color: #fff;
	border-bottom: 1px solid lightgray;
}

#nav-banner-section.show .nav-banner-list {
	display: block;
	height: unset;
}

#desktop-banner {
	border-top: 1px solid lightgray;
	margin-top: 2em;
	padding-top: 2em;
}

.banner .banneritem {
	width: fit-content;
	margin: auto;
}

.sidebar-col {
	max-width: 22rem !important;
}

.sidebar .navbar-nav {
	padding: 2rem 0 2rem 1rem;
}
.sidebar .nav-item,
.sidebar .parent-link,
.nav-banner .nav-item {
	/* border-top: 1px solid #eee; */
	/* border-bottom: 1px solid #eee; */
	margin: 0 0 0 0.25rem;
	position: unset;
}

.sidebar .nav-item:not(.active) {
	font-weight: normal;
}

  /*
.sidebar .nav-item.active::before {
	content: "▶";
	left: -0.25rem;
	font-family: "Font Awesome 6 Free";
	content: "\f095";
	position: absolute;
	left: 0;
}
*/

.nav-divider {
	padding: 0 0.25em;
}

#nav-side-submenu,
#nav-side-submenu .nav-link {
	font-size: 0.9rem;
}

#nav-side-submenu .navbar-nav > .nav-item:first-child a {
	font-size: 1.2em !important;
}

.navbar-nav > .nav-item .nav-item .dropdown-toggle::after {
	display: none;
}
.navbar-nav .parent-link {
	display: flex;
	flex-direction: row;
	margin: 0;
	padding: 0;
}

.navbar-nav .nav-link,
.navbar-nav .dropdown-item,
.navbar-nav .submenu-toggle {
	padding: 10px 0.5em;
	border-bottom: 1px solid #ccc;
	/*
	border-top: 1px solid #ccc;
	margin-top: -1px;
	*/
}


/* sidebar only? */
.sidebar .navbar-nav .nav-item {
	padding-right: 0 !important;
      font-size: 0.9rem;
}

.sidebar .nav-item * {
	white-space: wrap;
}

.navbar-nav .nav-item i {
	padding: 0.5em 0;
}

.navbar-nav .parent-link > a {
	flex-grow: 2;
	align-content: center;
}

.navbar .dropdown {
	padding-right: 0;
}


.navbar-nav .submenu-toggle {
	padding-left: 1em !important;
	padding-right: 1em !important;
	cursor: pointer;
	/* border-left: 1px solid #ccc; */
	align-content: center;
}

.navbar-nav .nav-item.show > .parent-link .submenu-toggle i,
.navbar-nav .nav-item.active > .parent-link .submenu-toggle i {
	transform: rotate(180deg);
	color: var(--color-training);
}

.navbar-nav .submenu-toggle:hover {
	background: #eee;
}


.nav-item {
	display: flex;
	flex-direction: column;
	position: relative;
}

.sidebar .navbar-nav a:hover {
	background: linear-gradient(90deg, #f0f0f0 66%, #fff 100%);
}

/*
#mainmenu .lvl-1 > .dropdown-menu > .nav-item.lvl-2:first-child,
*/
.sidebar .navbar-nav > .nav-item:first-child a {
	font-weight: bold;
	font-size: 1.1em;
	border-top: none !important;
	border-bottom: 2px solid black;
}

/*
#mainmenu .nav-item.lvl-2:first-child {
	width: fit-content;
	padding-right: 0.75em;
}
*/

/*
.sidebar .nav-item[title="Events"]:hover {background: linear-gradient(160deg, #fff 66%, var(--color-events) 100%);}
.sidebar .nav-item[title="Membership"]:hover {background: linear-gradient(160deg, #fff 66%, var(--color-membership) 100%);}
.sidebar .nav-item[title="Advocacy"]:hover {background: linear-gradient(160deg, #fff 66%, var(--color-advocacy) 100%);}
.sidebar .nav-item[title="Training"]:hover {background: linear-gradient(160deg, #fff 66%, var(--color-training) 100%);}
.sidebar .nav-item[title="Media"]:hover {background: linear-gradient(160deg, #fff 66%, var(--color-media) 100%);}
*/

.navbar-nav .nav-item:not(.lvl-1) > i.d-none {
	display: block !important; 
	position: absolute;
	margin-top: 0.35em;
	margin-left: -0.75em;
}

.bg-c-events {background-color: var(--color-events);}
.bg-c-membership {background-color: var(--color-membership);}
.bg-c-advocacy {background-color: var(--color-advocacy);}
.bg-c-programs {background-color: var(--color-training);}
.bg-c-wtc {background-color: #444;}

#sidebar-left {
	width: clamp(18rem, 20vw, 25rem);
}

#news-sidebar {
	width: 100%;
}

@media (min-width: 992px) {
	#mainmenu .navbar-nav {
		align-items: center;
	}
	.category-list #right-sidebar {
		max-width: 350px !important;
	}
	.page-anchor {
		top: 550px;
		position: relative;
	}
}

@media (min-width: 1200px) {
	.category-list #news-sidebar { 
		max-width: 350px !important;
	}
}

.toggle-button {
	display: block;
	position: relative;
	z-index: 1;
	-webkit-user-select: none;
	user-select: none;
}

.toggle-button > span {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #00a4e4;
  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;
}

.toggle-button > span:first-child {
  transform-origin: 0% 0%;
}

.toggle-button > span:nth-last-child(2) {
  transform-origin: 0% 100%;
}

.toggle-button input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  -webkit-touch-callout: none;
}

.toggle-button input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}
.toggle-button input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
.toggle-button input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}

/* fix country select showing thru overlays */
.ba-phone-selected-country {
	z-index: 2 !important;
}


/* fonts */
.sectiontitle {
  text-aliagn: center;
  color: #000;
  font-size:1.8rem;
  font-weight:600;
  margin: 4rem auto 3rem auto;
  line-height:1 !important;
   text-transform: uppercase;
}

.sectiontitle h1, .sectiontitle h2 {
  text-aliagn: center;
  color: #000;
  font-size:1.85rem;
  font-weight:500;
  margin: 6rem auto 2rem auto;
  line-height:1 !important;
   text-transform: uppercase;
}

@media screen and (max-width: 768px){
.sectiontitle h1, .sectiontitle h2{
  margin: 0 auto 2rem auto;
font-size:22px;
        
}
}

@media screen and (min-width: 1200px){
.sectiontitle h1{
  padding:0 80px;
}
  
}

.sectiontitle span {
    text-aliagn: center;
    color: #8a8a8a;
    font-size: 1rem !important;
    font-weight: 100;
    margin: auto;
    line-height: 1.3;
    text-transform: none;
}
 
/* relative font sizes to parent */
.fs-5x {font-size: 500% !important;}
.fs-4x {font-size: 400% !important;}
.fs-3x {font-size: 300% !important;}
.fs-250p {font-size: 250% !important;}
.fs-2x {font-size: 200% !important;}
.fs-175p {font-size: 175% !important;}
.fs-150p {font-size: 150% !important;}
.fs-125p {font-size: 125% !important;}
.fs-120p {font-size: 120% !important;}
.fs-110p {font-size: 110% !important;}
.fs-105p {font-size: 105% !important;}
.fs-95p {font-size: 95% !important;}
.fs-90p {font-size: 90% !important;}
.fs-85p {font-size: 85% !important;}
.fs-80p {font-size: 80% !important;}
.fs-75p {font-size: 75% !important;}
.fs-70p {font-size: 70% !important;}
.fs-65p {font-size: 65% !important;}
.fs-60p {font-size: 60% !important;}
.fs-55p {font-size: 55% !important;}
.fs-50p {font-size: 50% !important;}
.fs-25p {font-size: 25% !important;}

/*
.flex-b15 {flex-basis: 15rem !important;}
.flex-b20 {flex-basis: 20rem !important;}
.flex-b25 {flex-basis: 25rem !important;}
.flex-b30 {flex-basis: 30rem !important;}
.flex-b35 {flex-basis: 35rem !important;}
.flex-b40 {flex-basis: 40rem !important;}
.flex-b45 {flex-basis: 45rem !important;}
.flex-b50 {flex-basis: 50rem !important;}
*/

/* flex grow with basis for minimum width */
.fg-15 {flex: 1 0 15rem !important;}
.fg-20 {flex: 1 0 20rem !important;}
.fg-25 {flex: 1 0 25rem !important;}
.fg-30 {flex: 1 0 30rem !important;}
.fg-35 {flex: 1 0 35rem !important;}
.fg-40 {flex: 1 0 40rem !important;}
.fg-45 {flex: 1 0 45rem !important;}
.fg-50 {flex: 1 0 50rem !important;}
.fg-55 {flex: 1 0 55rem !important;}
.fg-60 {flex: 1 0 60rem !important;}

.max-w-10r {max-width: 10rem;}
.max-w-20r {max-width: 20rem;}
.max-w-30r {max-width: 30rem;}
.max-w-40r {max-width: 40rem;}
.max-w-50r {max-width: 50rem;}
.max-w-60r {max-width: 60rem;}

.clickable-parent {
	position: relative;	
}
.clickable-parent a::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
}
.focus-parent:focus-within {
	box-shadow: 0 0 0 var(--focus-width) var(--focus-color);
}
.focus-parent:focus-within :focus{
	box-shadow: none;
	outline: none;
}




/* event block */
    .event-block {
        /* display: block; */
        border: 1px solid #ccc;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
		/* justify-content: space-between!important; */
        /*border-radius:10px;*/
		position: relative;	
		transition: translate .1s ease-in-out;
		height: 100%;
		background: rgb(255,255,255);
    }
	.event-block .img-wrap {
		/*border-top-left-radius: 10px;
		border-top-right-radius: 10px;*/
	}
    .event-block img {
        width: 100%;
        height: auto;
        grid-row: 1 / span 2;
		/*border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		display: block;
		/* max-width: 50vw; */
		margin-left: auto;
		margin-right: auto;
    }
	.event-block a {
		text-decoration: none !important;
	}
	.event-block a::before {
		content: '';
		position: absolute;
		inset: 0;
		z-index: 1;
	}
    
    .event-block .position-relative {
		position: relative !important;
		width: 100%;
    }

/*	
	.event-block.events {background: linear-gradient(180deg, #fff 88%, var(--color-events-rgba-light) 100%);}
	.event-block.membership {background: linear-gradient(180deg, #fff 88%, var(--color-membership-rgba-light) 100%);}
	.event-block.advocacy {background: linear-gradient(180deg, #fff 88%, var(--color-advocacy-rgba-light) 100%);}
	.event-block.training {background: linear-gradient(180deg, #fff 88%, var(--color-training-rgba-light) 100%);}
*/

    .event-block:hover,
	.event-block:focus,
	.event-block:focus-within	{
        box-shadow: 0 8px 16px rgba(0,0,0,0.2);
		translate: 0 -.1em;	
    }
	.event-block:focus-within :focus{
		box-shadow: none;
		outline: none;
	}

    .event-block .overlay {
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #003861;
        transition: background 0.5s ease;
        padding:20px;
        color: white;
        font-size: 1rem;
        opacity: 0;
		/*border-top-left-radius: 10px;
		border-top-right-radius: 10px;*/
    }

    .event-block:hover .overlay, {
        background: #003861;
        opacity: 0.95;
    }

    .event-block .event-block-text{
        text-align:left;
        padding: 15px;
		height: auto;
		display: flex;
		flex-direction: column; 
          min-height: 100px;
    }

      .event-block .sub {
       font-size:0.9rem;
       font-weight:600;
        color:#00a4e4;
        margin-bottom:0.2rem;
        line-height: 1.8;
    }
    
     .event-block-text .title {
        font-size:1.2rem;
       font-weight:400;
        color:#000;
    }


   .event-block .tag {
    position: absolute;
    padding: 5px 12px;
    display: block;
    background: red;
    color: white;
    font-size: 0.8rem;
}

     .event-block .time {
       font-size:0.8rem;
       font-weight:500;
       color:#000;
       text-align:left;
       vertical-align: bottom;
    }

	.event-speaker-photo img {
		max-width: 120px;
		border-radius: .5rem;
	}
	
	.event-sponsor {
		display: inline-block;
		margin-top: 5em;
		width: 100%;
	}
	.event-sponsor img {
		display: block;
		max-width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}	
	.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{
		margin-left: auto;
		margin-right: auto;
	}
	.event-sponsorLogo-2 img{
		margin: auto;
	}
	.event-sponsorLogo-3 img{
		margin: auto;
	}
	.event-sponsorLogo-4 img{
		margin: auto;
	}

	@media (max-width: 560px) {		
	   .event-sponsorLogo-2 {
			width: 100%;
			margin-bottom: 2.5em;
			vertical-align: middle;
			display: block;
			float: left;
		} 
	   .event-sponsorLogo-3 {
			width: 100%;
			margin-bottom: 2.5em;
			vertical-align: middle;
			display: block;
			float: left;
		}		
	}

/* event block  ends*/

/* link */
 .link-container {
	text-align:right;
	margin:30px auto;
}
.link-container a {
	text-align:right;
	color: #00a4e4; /* Bootstrap primary blue */
	text-decoration: none; /* Removes default underline */
	transition: color 0.3s ease, text-decoration 0.3s ease; /* Smooth transition for color and text-decoration */
}
.link-container a:hover,
.link-container a:focus {
	color: #0056b3; /* Darker blue for hover */
	text-decoration: underline; /* Adds underline on hover */
}

/* link  ends*/


/* media block */
 .media-block{
   background-color:#003861;
   width:100%;
   opacity: 0.05; /* 5% transparent */
   
 }

.media-list{
  margin-top:60px;
}

.media-list .image-media-list {
	overflow: hidden; /* Ensures the image does not bleed outside the container */
	/*border-radius:5px; remove the round coner*/
}
.media-list .image-media-list .hover-image {
	transition: transform .5s ease; /* Smooth transition for the transform property */
	display: block;
	width: 100%; /* Ensure the image is responsive and fills the container */
}
.media-list .image-media-list .hover-image:hover {
	transform: scale(1.05); /* Enlarges the image to 110% of its size */
	border-radius:5px;
}

.media-list .event-block-title {
	font-size:1.1rem;
	font-weight:400;
	color:#000;
	margin-bottom:10px;
}
.media-list .event-block-caption {
	font-size:0.6rem;
	font-weight:300;
	color:#8A8A8A;
}


 .event-block-title {
	font-size:1.1rem;
	font-weight:400;
	color:#000;
	margin-bottom:10px;
}
 .event-block-caption {
	font-size:0.7rem;
	font-weight:300;
	color:#8A8A8A;
}


.media-list .image-media-list{
	margin-bottom:20px;
  
}

.button-container {
	text-align:center;
	margin: 3rem auto;
}

/* media block ends */

/* button */
          .learn-more-btn {
            padding: 6px 60px; /* Adjusts the size of the button */
            background-color: #00A4E4; /* Cyan-blue background color */
            color: white; /* White text color */
            border: none; /* No border */
            border-radius: 30px; /* Rounded corners */
            cursor: pointer; /* Pointer cursor on hover */
            text-align: center;
            text-decoration: none; /* Removes underline from links */
            display: inline-block; /* Allows for width and height */
            font-size: 1rem; /* Sets the font size */
            transition: background-color 0.3s; /* Smooth transition for hover effect */
        }
        .learn-more-btn:hover {
            background-color: #003861; /* Darker blue on hover */
        }
/* swiper slider */

#slider-demo {
	background: white;
}
#slider-demo .swiper-slide figure img {
	width: 100%;
	opacity: 100%;
}
#slider-demo .swiper-slide-prev,
#slider-demo .swiper-slide-next {
	opacity: 20%;
}
#slider-demo .swiper-button-next,
#slider-demo .swiper-button-prev {
    color: #000;
    opacity: 0.5;
    font-weight: 800;
      padding-left: 5%;
}
#slider-demo .swiper-button-next {
	height: 100%;
	top: 0;
	width: calc(20% - 10px);
	right: 0;
	margin: 0;
	/*background: linear-gradient(90deg, #000 0%, #aaa 100%);
	color: #eee;*/
	transition: opacity 0.5s ease;
}
#slider-demo .swiper-button-next:hover {
	/* background: rgba(0,0,0,.10); */
	opacity: 10%;
}
@media (width < 800px) {
	#slider-demo .swiper-button-prev,
	#slider-demo .swiper-button-next {
		display: none !important;
	}
	
	#slider-demo .swiper-slide-img {
		width: 100% !important;
	}
}

#slider-demo .swiper-slide {
	background-color: #fff;
}

#slider-demo .swiper-slide .swiper-slide-img{
	/*width: 100%;
	float:left;
	margin-right:20px;*/
}
#slider-demo .swiper-slide .caption {
	text-align: left;
	padding: 20px;
}

#slider-demo .swiper-slide .event-block-title {
	font-size:1.4rem;
	font-weight:600;
	color:#000;
	margin-bottom:10px;
}
#slider-demo .swiper-slide event-block-caption {
	font-size:0.6rem;
	font-weight:300;
	color:#8A8A8A;
}

#slider-demo .swiper-slide {
	text-align:left;
	width:100%;
}
#slider-demo .swiper-slide:hover {
	box-shadow: 0 0 0 var(--focus-width) var(--focus-color);
}

#slider-demo .swiper-slide .caption  p a {
        text-align:left;
        color: #00a4e4; /* Bootstrap primary blue */
        text-decoration: none; /* Removes default underline */
        transition: color 0.3s ease, text-decoration 0.3s ease; /* Smooth transition for color and text-decoration */
}
#slider-demo .swiper-slide .caption p a:hover,
#slider-demo .swiper-slide .caption p a:focus {
	color: #0056b3; /* Darker blue for hover */
	text-decoration: underline; /* Adds underline on hover */
	text-align:left;
}

#slider-demo figure {
	width:100%;
    display: flex;
    flex-direction: row;
}

@media (width >= 800px) {
	#slider-demo .swiper-pagination-bullets,
	#slider-demo .swiper-pagination-bullets-dynamic {
		display:none;
	}
}

#slider-demo .swiper-scrollbar {
	display:none;
}

.click-full-slide .swiper .swiper-slide-active {
	position: relative;	
}
.click-full-slide .swiper .swiper-slide-active a::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
}

.focus-full-slide .swiper .swiper-slide-active:focus-within {
	box-shadow: 0 0 0 var(--focus-width) var(--focus-color);
}
.focus-full-slide .swiper .swiper-slide-active:focus-within :focus {
	box-shadow: none;
	outline: none;
}

.swiper .autoplay-progress {
	position: absolute;
	right: 16px;
	bottom: 16px;
	z-index: 10;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	color: #8a8a8a;
}

.swiper .autoplay-progress svg {
	--progress: 0;
	position: absolute;
	left: 0;
	top: 0px;
	z-index: 10;
	width: 100%;
	height: 100%;
	stroke-width: 4px;
	stroke: #8a8a8a;
	fill: none;
	stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
	stroke-dasharray: 125.6;
	transform: rotate(-90deg);
}


.alt-section {
	background-color: #f7f7f7;
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-.5 * var(--bs-gutter-x));
	margin-left: calc(-.5 * var(--bs-gutter-x));
   padding:0.1px 0;
}

#dark-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	z-index: 5;
	background: #2d2d2dbd;
}
#dark-overlay.forward {
	z-index: 20;
}
#dark-overlay.show,
.popup-container.show {
	display: block;
	width: 100vw;
	height: 100vh;
}

#search-popup > div {
	width: 100%;
    padding-top: 100px;
}

#search-popup form {
	margin: auto;
}

#search-popup .mod-finder {
	padding: 2em 2em 5em 2em;
}

#search-popup * {
	width: fit-content;
}

.popup-container {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height:0;
	z-index: 100;
}

#login-popup form {
	padding-block: clamp(1rem, 5vh, 2rem);
	padding-inline: clamp(1rem, 5vw, 3rem);
	border-radius: 10px;
	max-width: min(25rem, 95vw);
	box-shadow: 0.5rem 0.5rem 1rem;
}
#login-page-submit,
#login-popup-submit {
	background-color: var(--color-training);
	border: 1px solid var(--color-training);
}
#login-page-submit.reset,
#login-popup-submit.reset {
	background-color: var(--color-advocacy);
	border: 1px solid var(--color-advocacy);
}

/* 
#login-pass[disabled],
#login-pass[disabled]::placeholder
*/
.form-group.disabled label,
.form-group.disabled input  {
  color: transparent !important;
  font-size: 0;
}


#login-popup-create-account {
	margin-top: 1em;
	margin-inline: auto;
	align-content: center;
	text-decoration: none;
	padding: 5px 10px;
}

.bg-blur-mild {
	backdrop-filter: blur(3px);
}
.bg-blur-mild * {
	background-color: #fff0;
}

.pdf-embed {
	width: 100%;
	min-height: max(400px, 75vh);	
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.n2-ss-slider .nextend-arrow {
	height: 100%;
	--widget-offset: 0 !important;
}
.n2-ss-slider .nextend-arrow:hover {
	background-color: #ffffff30;
}
.n2-ss-slider .nextend-arrow img{
	top: 50%;
	transform: translateY(-50%);
}
.n2-ss-slider #n2-ss-2-arrow-previous img {
	padding-right: 2rem;
	padding-left: 1rem;
}
.n2-ss-slider #n2-ss-2-arrow-next img{
	padding-left: 2rem;
	padding-right: 1rem;	
}
main img {max-width: 100%;}

.category-8 #footer-partners {display: none;}

#event-title {
	padding: 0.6rem 0;
}
#event-title,
#event-title h1 {
	color: black;
    font-size: 1.7rem;
    font-weight: 601;
}

.error-page > * {
	padding: clamp(0.1rem, 2vw, 3rem);
}

/* EVENT / NEWS LIST - START */

.pagelist {
	max-width: 1000px;
	margin-bottom: 2em;
}
.v2.pagelist {
	max-width: unset;
	margin-bottom: 2em;
}
.pagelist a {
	text-decoration: none !important;
}

.v2.news-list {
  max-width: 1600px;
  margin:auto;
}

.v1 .event-list-card:nth-child(2n),
.v2 .event-list-card:nth-child(2n) {
	background: #F6F6F6;
}
.v3 .event-list-card
 {
    /* box-shadow: 0 0.1em 0.5em rgba(0, 0, 0, 0.15); */
    /* border: 1px solid #dee2e6; */
    border-top: 1px solid #ccc;
    padding: 30px 0;
}

.news-list-card {
	/*box-shadow: 0 0.1em 0.5em rgba(0,0,0,0.15);*/

}

.v1 .event-list-card {
	padding: 1rem 0.5rem;
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}

.news-list-type {
  text-transform: uppercase;
  font-size: 80%;
  font-weight: bold;
  color: var(--color-training);
}

.event-list-card,
.news-list-card {
	font-size: 1rem;
	padding: 1rem 0.2rem;
	display: flex;
	position: relative;
	margin-bottom: .25rem;
}
.v2 .news-list-card {
	padding: 0;
  background-color: white;
}

.event-list-card > *,
.news-list-card > * {
	flex: 0 0 auto;
}
.event-list-card a::before,
.news-list-card a::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;	
	pointer-events: auto;
}


.event-list-card:has(*:hover),
.event-list-card:focus-within
{
	/*box-shadow: 0 0.1em 0.5em rgba(0,0,0,0.15); */
  
}

.event-list-card :hover .event-list-title {
    text-decoration: underline;
}

.news-list-card :hover .news-list-title {
    text-decoration: underline;
}


.news-list-card :hover news-list-thumbnail {
    opacity:0.7!important;
}

.news-list-card:focus-within :focus,
.event-list-card:focus-within :focus {
	box-shadow: none;
	outline: none;
}


@media (max-width: 500px) {
	.v1 .event-list-thumbnail {display: none !important;}
	.v1 .event-list-info {padding-left: 0 !important;}
	.v1 .event-list-start {font-size: 0.8rem !important;}
}
@media (max-width: 576px) {	
	.v2 .event-list-thumbnail img {width: 90vw !important;}
	.v2 .event-list-card {margin-bottom: 1rem; border-bottom: 1px solid lightgrey;}
	
	.v1 .news-list-thumbnail img {width: 90vw !important;}
}

.event-list-thumbnail,
.v1 .news-list-thumbnail {
	width: fit-content !important;
	overflow: hidden;
}

.v2 .news-list-thumbnail img {
	width: 100%;
	aspect-ratio: 275/150;
	object-fit: cover;
}

.v1 .event-list-thumbnail img {
	width: clamp(120px, 20vw, 160px);
}
.v2 .event-list-thumbnail img {
	width: clamp(120px, 30vw, 240px);
}
.v3 .event-list-thumbnail img {
	width: clamp(250px, 30vw, 250px);
}

.news-list-thumbnail img {
	width: clamp(200px, 30vw, 300px);
}

.content-category h1{
    font-size: 1.4rem;
    margin: 40px 0 40px 0;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom:14px;
}


.event-list-info {
	flex-grow: 2 !important;
	/*padding: 0 1em;*/
	display: flex;
	flex-direction: column;
    padding: 10px;
}
.news-list-info {
  	flex-grow: 2 !important;
	/*padding: 0 1em;*/
	display: flex;
	padding-bottom: 3em;
  padding-top: 1em;
  flex-direction: column;
}

.event-list-title,
.news-list-title {
	font-size: 1.3em;
	font-weight: 700;
}
.event-list-title *,
.news-list-title * {
	color: black;
}

.v1 .event-list-title *:hover,
.v2 .event-list-title *:hover {
	color: #777;
}

.v1 .event-list-notice-text {
	color: #ff4e4e;
	font-weight: 700;
	font-size: 0.95em;
}
.v2 .event-list-notice-text,
.v3 .event-list-notice-text {
	position: absolute;
	padding: 5px 12px;
	display: block;
	background: red;
	color: white;
	font-size: 0.8em;
	letter-spacing: .05em;
}

.v3 .event-list-notice-text {
	max-width: clamp(120px, 30vw, 200px);
	text-overflow: clip;
}
.event-list-keynote-speaker {
	color: #333;
	padding: 0.5em 0;
	font-weight: 600;
	font-size: 0.95em;
}
.event-list-start {
	height: fit-content;
	width: 6em !important;
	padding: 0;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	font-family: "", sans-serif;
	background-color: #444;
	color: #fff;
}
.v2 .event-list-start-date ,
.v3 .event-list-start-date {
	padding-top: 1em;
	margin-top: auto;
    font-weight: 400;
      color: #00a4e4;
}


.event-list-short-desc {
    color: #8a8a8a;
  margin-top:20px;
}

.event-list-start span{
	display: block;
}
.event-list-weekday {
	font-size: 1.5em;
}
.event-list-day {
	font-size: 2.5em;
	font-weight: 700;
	line-height: 1;
}
.event-list-month-year {
	padding: 0.5em;
}
.event-list-time {
	border-top: 1px solid #fff;
	padding: 0.5em;
}
.news-list-published {
	color: grey;
	font-size: .9em;
}
.v2 .news-list-published {
	padding-top: 0.5em;
	margin-top: auto;
}
	
.pagelist .list-pagination {
	margin-top: 1em;
}
.pagelist .list-result {
	display: flex;
	flex-direction: row-reverse;
}

/* EVENT / NEWS LIST - END */

/* FORMS - START */

/* ba-form-4 = member-inquiry-ig */
.ba-form-4 .ba-form-page-break-button,
.ba-form-4 .ba-cart-container-title,
.ba-form-4 .ba-cart-row-title,
.ba-form-4 .ba-form-page-navigation .ba-form-page-navigation-title,
.ba-form-4 .ba-form-page-navigation-counter,
.ba-form-4 .ba-form-page-navigation-title .ba-page-navigation-title,
.ba-form-4 .ba-form-products-cart .ba-form-product-title-cell,
.ba-form-4 .characters-wrapper *,
.ba-form-4 .ba-form-field-item .ba-field-label-wrapper > *,
.ba-form-4 .ba-field-container * {
	color: black !important;
	font-size: 1rem;
	font-family: 'Open Sans';
	font-style: normal;
}

.ba-form-4 .ba-form-page {
	background: none;
}

/* FORMS - END*/

/*home page space */
.home-container {
    max-width: 1500px;
    margin: auto;
}

.news-article {
	max-width: 900px !important;
}

#pagelist-filter-form input[type="date"]::-moz-placeholder,
#pagelist-filter-form input[type="date"]::-webkit-input-placeholder {
  color: red !important;
}

.com-content-article__body {
	padding-top: 1em;	
}

@media screen and (max-width: 768px) {
	.col.event-list-thumbnail {
		flex: 4;
	}
	.event-list-info {
		padding: 0;
	}
	nav.navbar.navbar-expand-lg {
		/* (MC) what was this for? It's pushing the logo further out on smaller screens and making the header row taller.
		padding: 0.8rem 0.8rem 0 0;
		*/
	}
	.com-content-article__body {
		/* (MC) is this required? this adds too much padding on mobile if you're trying to add it globally to certain pages */
		padding-top: 2rem;
	}
	.sectiontitle {
		margin: 2rem auto 1rem auto;
	}
}

@media only screen and (max-width:1280px){
.event-block .overlay {
    padding: 13px;
    font-size: 0.8rem;
}}

.blockquote {
    font-size: 0.9rem!important;
    border-left: 10px #eee solid;
    padding-left: 15px;
}

/* START 1.css */

    @media screen and (max-width: 767px) {
        .membership-banner .banner-image {
            min-height: 200px;
          		  max-height: 200px;
        }
    }

.title-long-descriptions {
        font-size: 1rem;
        /* text-align: left; */
        line-height: 1.5;
        font-weight: 400;
        display: block;
        padding: 1rem;
        /* border-top: 4px solid #00a4e4; */
        width:90%;
        /* overflow: visible; */
        /* background-color: rgba(0, 164, 228, 0.05); */
        margin: auto;
       text-transform: none;
    }

   .text-more-link a:hover {
    text-decoration: underline;
}


   .text-more-link a {
    color: #00a4e4;
    text-decoration: none;
}

#coming-soon {
    font-size: 1rem;
    color: #00a4e4;
    display: block;
    padding: 20px;
    letter-spacing: 0.4rem;
}

#coming-soon {
    font-size: 1rem;
    color: #00a4e4;
    display: block;
    padding: 20px;
    letter-spacing: 0.4rem;
}

    .hover-button {
        position: relative;
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
    }

    .hover-button::after {
        content: attr(data-alt-text);
        position: absolute;
        bottom: -100%;
        left: 80%;
        transform: translateX(-50%);
        white-space: nowrap;
        background-color: #fff;
        color: #000;
        padding: 5px;
        border: 1px solid #8a8a8a;
        border-radius: 5px;
        opacity: 0;
        transition: opacity 0.3s;
        pointer-events: none;
        font-size: 0.8rem;
    }

    .hover-button:hover::after {
        opacity: 1;
    }

i.fa-regular.fa-file-pdf {
    font-size: 1.3rem;
}

/* membership banner */
    .membership-banner {
        background-color: #00a4e4;
        color: white;
        padding: 0;
      display: flex;
    flex-direction:row;
    align-items: center;

    }

 .membership-banner h1 {
   font-size:1.8rem;
    font-weight: 500;
    margin-bottom: 20px;
 }

 .membership-banner p {
   font-size:1.5rem;
 }

.banner-text{

  margin: 0 0 0 3rem;
}
.membership-banner .banner-text{
  margin-left: 80px;
  padding-right:30px;
}


@media screen and (max-width: 768px) {
 .membership-banner h1 {
   font-size:1.5rem;
    font-weight: 700;
    margin-bottom: 20px;
 }

 .membership-banner p {
   font-size:1rem;
 }

  .banner-text{
  margin: 0 0 0 0;
}

    .membership-banner .banner-text{
  margin-left: 0;
  padding-right:20px;
    padding-top:20px;
}

  .membership-banner .banner-text {
  /*  margin-left: 11px;*/
    padding-right:11px;
}
  .title-long-descriptions {
    width: 100%;
    padding:0;
}
}
    .dash-deco {
        display: block;
        background-color: #ffc107;
        height: 6px;
        width: 20%;
        margin-bottom: 20px;
    }




.membership-banner .banner-image{
   overflow:hidden;
  background-image: url(/files/test-image-2024/membership-banner.jpg);
    width: 100%;
    height: 400px;
    background-size: cover;
}

@media (max-width: 768px){
      .membership-banner { flex-direction: column;}
}

/* membership level */
.hidden-on-mobile {
    display: none;
  }
  @media (min-width: 992px) {
    .hidden-on-mobile {
      display: block;
    }
  }
  .pillarpartners {
    background-color: white;
    padding: 20px 20px 0 0;
    text-align: center;
  }
  .partner-button {
    background-color: #D9F4FF;
    border-radius: 30px;
    color: #00a4e4;
    text-align: center;
    font-size: 0.9rem;
    padding: 6px 10px;
    display: block;
    width: 80%;
    margin: 30px auto;
  }
  .pillarpartner-logo{
    margin-top: 25px;
    display: flex;
    justify-content: space-around;
  }
  .pillarpartner-logo .logo {
  	
    transition: filter 0.3s ease;
    filter: grayscale(100%);
    opacity: 0.7;
  }
  .pillarpartner-logo .logo:hover {
    filter: grayscale(0%);
      opacity: 1;
  }

   .membership-block {
    position: relative;
    overflow: hidden;
    border: 1px solid #00a4e4;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    height: 100%;
    border-radius: 10px;
}
.membership {
    padding-bottom: 15px;
}
    .overlay-m {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00a4e4;
    color: #fff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    text-align: left;
    padding: 20px;
    box-sizing: border-box;
}
.description {
    font-size: 0.9rem;
  line-height: 1.2;
}
        .membership-block:hover .overlay-m {
            opacity: 1;
        }

        .membership h2 {
            margin-bottom: 10px;
        }

        .list.fa-ul {
            list-style-type: none;
            padding: 0;
            margin-left: 30px;
        }

        .list.fa-ul li {
            margin-bottom: 10px;
        }

.button {
    /* background-color: #fff; */
    color: #fff;
    padding: 5px 50px;
    text-decoration: none;
    border-radius: 30px;
    margin-top: 10px;
    text-align: center;
    margin: auto;
    font-size: 0.8rem;
    border: 2px solid #fff;
}
     

/* membership level ends */

/* membership directory */
 .directory{
            background-image: url(/files/test-image-2024/directory-bg.jpg);
                /* Full height */
            height: 100%;
            /* Center and scale the image nicely */
            background-position: relative;
            background-repeat: no-repeat;
            background-size: cover;
            opacity: 0.8;
            margin: 4rem auto;
            padding: 20px;
        }

        @media screen and (max-width: 768px){
                    .directory{
                    background-size: auto 65%;
                }

        }
        .directory-header, .form-container {
            padding: 40px;
        }


        .directory-header {
            color: white; /* White text for visibility */
            padding-top: 50px;
        }
        .form-container {
            background-color: white;
            border-radius: 8px;
            margin: 20px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            color: #00a4e4;
            font-size: 0.8rem;
            text-align: center;
        }

         .form-container input{
            text-align: left;
         }


         .form-container ::placeholder{
            opacity: 0.3;
            font-size: 0.8rem;
         }

 .form-container button {

            background-color: #00a4e4; /* Matching blue button */
            border: none;
            /*padding: 5px 80px;*/
			padding-block: 5px;
			padding-inline: clamp(0px,5vw,80px);
            border-radius: 50px;
            font-size: 0.8rem;
            margin: 10px auto;
        }


        .btn-directory:hover {
            background-color: #008dc9;
        }
/* membership directory ends */




/* resource block */

.resource-list{

}

.resource-list .image-resource-list-l  {
	overflow: hidden; /* Ensures the image does not bleed outside the container */
	border-radius:0 50px 50px 0;
}
.resource-list .image-resource-list-r  {
	overflow: hidden; /* Ensures the image does not bleed outside the container */
	border-radius:50px 0 0 50px;
}
.resource-list .image-resource-list .hover-image {
	transition: transform .3s ease; /* Smooth transition for the transform property */
	display: block;
	width: 100%; /* Ensure the image is responsive and fills the container */
}
.resource-list .image-resource-list .hover-image:hover {
	transform: scale(1.1); /* Enlarges the image to 110% of its size */
	
}

.resource-list .title {
	font-size:1.1rem;
	font-weight:600;
	color:#000;
	margin-bottom:10px;
}
.resource-list .caption {
	font-size:1rem;
	font-weight:400;
	color:#8A8A8A;
}



.resource-list  .detail{
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: stretch;
        bottom:10px;
}


.resource-list  button {

            background-color: #00a4e4; /* Matching blue button */
            border: none;
            padding: 6px 60px;
            border-radius: 50px;
            font-size: 1rem;"
            margin: 10px auto;
}

.resource-list .row{
  margin: 30px 0;
}
.resource-list .reverse-col
{
  display:flex;
  flex-direction: row-reverse;
   background-color: #f8f8f8;
  padding-bottom: 30px;
}
@media (max-width: 768px){
  .resource-list  .detail{
    margin-top: 10px;
  }
}

@media (max-width: 768px) {
.resource-list .image-resource-list-l, .resource-list .image-resource-list-r {
 border-radius: 0;
}
}
@media (max-width: 767px){
.resource-list .reverse-col
{
  display:flex;
  flex-direction: column;
}
}

/* resource block ends */

/* membership team*/
       .profile {
            margin-bottom: 20px; /* Spacing between rows */
            text-align: center; 

        }
        .circle-image  img {
            transition: box-shadow 0.3s ease-in-out; /* Smooth transition for shadow */
        }
        .circle-image img: hover {
            box-shadow: 0 0 3px 0 rgba(0,0,0,0.3); /* Shadow effect on hover */
        }

        .circle-image {
        /* Ensure the container has the same width and height */
        width: 100px; 
        height: 100px;

        /* Creates the circle */
        border-radius: 50%;

        /* Overflow hidden to maintain the circular cut on image */
        overflow: hidden;

        /* Optional: center the image */
        justify-content: center;
        align-items: center;
        transition: box-shadow 0.3s ease-in-out; /* Smooth transition for the shadow */
              margin: 0 auto;

        }
        
    .circle-image:hover {
        box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.3); /* Shadow effect on hover */
    }

.circle-image:hover +.name {
    text-decoration: underline;
    color: #00a4e4;
}

      .profile .name:hover + .circle-image img {
            box-shadow: 0 0 3px 0 rgba(0,0,0,0.3); /* Shadow effect on hover */
        }

.profile a {
    text-decoration: none;
}

         .profile p{
            font-size: 0.7rem;
            color:#8a8a8a;
           text-align: center;
            font-weight: 400;
           line-height: 1.2;
         }

         .profile .name {
            font-size: 0.75rem;
            font-weight:600;
            color: #000;
            margin: 5px auto 0px auto;
         }

.profile .name {
  text-decoration: none;
  color:#000;
}

.profile .name:hover {
  text-decoration: underline;
  color:#00a4e4;
}

        .profile .name i{
          font-size:0.6rem;
          color:#00a4e4;
        }
        .circle-image img {
            /* Ensures the image covers the container fully */
            width: 100%;
            height: auto;

            /* Optional: adjusts the position of the image if not properly centered */
            object-fit: cover;
        }

            /* Responsive adjustments */
            @media (max-width: 576px) { /* Bootstrap's small breakpoint */
                .profile {
                    flex: 0 0 50%; /* Two profiles per row on mobile */
                    max-width: 50%;
                   display: flex;
            flex-direction: column;
            align-items: center;/* Centering the text below the image */
                }
            }
            @media (min-width: 576px) { /* Bootstrap's medium breakpoint */
                .profile {
                    flex: 0 0 25%; /* Four profiles per row on tablets */
                    max-width: 25%;
                   display: flex;
            flex-direction: column;
            align-items: center;/* Centering the text below the image */
                }
            }
            @media (min-width: 992px) { /* Bootstrap's large breakpoint */
              .team .col-lg-2, .profile {
                    flex: 0 0 14.2%; /* Seven profiles per row on desktops */
                    max-width: 14.2%;
                   display: flex;
                   flex-direction: column;
                   align-items: center;/* Centering the text below the image */
                }
            }


/* advocacy page */
.resource-list .image-policy-list  {
	overflow: hidden; /* Ensures the image does not bleed outside the container */
	/*border-radius:10px; remove the round corners */
}


.caption-s {
    display: flex;
    font-size: 0.8rem;
    flex-direction: row;
    border-top: solid 1px #7f3f98;
    padding-top: 10px;
}

ul.chair {
    list-style-type: none;
}
ul.chair li:nth-child(2) {
    font-size: x-small;
    color: #8a8a8a;
    font-style: italic;
}


.join-committee {
        
    background-color: #7f3f98;
        color: white;
        padding: 0;
      display: flex;
    flex-direction:row;
    align-items: center;
        margin:60px auto 40px auto;
    }



 .join-committee h1 {
   font-size:2rem;
 }
 .join-committee p {
   font-size:1rem;
 }
   
.join-committee .banner-text{
  margin:20px 40px;
}
.join-committee .learn-more-btn {
  font-size: 0.8rem;
    background-color: #7f3f98;
    border: 1px solid white;
}
.join-committee .learn-more-btn:hover {
    font-size: 0.8rem;
    background-color: rgba(255, 255, 255, 0.2);
}
.join-committee .banner-image{
   overflow:hidden;
    background-image: url(/files/test-image-2024/join-committee.jpg);
    width: 100%;
    height: 250px;
    background-size: cover;
}

@media (max-width: 768px){
      .join-committee { flex-direction: column-reverse;}
      .join-committee .banner-image { height: 200px;}
}

       .annual-forums .forums-box {
            transition: background-color 0.3s ease;
            padding: 40px 20px 20px 20px;
            display: flex;
         align-items: flex-start;
         border-bottom: solid 1px #8a8a8a;
        }
       .annual-forums .forums-box:hover {
            background-color: #f8f8f8;
        }
        .feature-icon {
            font-size: 24px; /* Size of icon */
            color: #007bff; /* Bootstrap primary color */
            margin-right: 15px;
        }
        .annual-forums{
                flex-direction: row;
    align-items: stretch;
        }
.annual-forums .forums-img {
    margin-right: 30px;
    color: #7f3f98;
    font-size: 3.5rem;
    opacity: 0.7;
}

      .annual-forums .forums-box:hover .forums-img{
            opacity:1;
        }

.annual-forums .forums-img



 .link-underline a {
  text-decoration:none;
  color:#000;
}

.link-underline a:hover {
  text-decoration:underline;
  text-decoration-color:#000;
}

/* wtcv */
 .program-list {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: nowrap;
      margin: auto;
}

.program-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2rem;
    border-radius:10px;
}

.program-list .learn-more-btn {
    width: 60%;
    margin: 0 auto;
    margin-top: 3rem;
  white-space: nowrap;
}

.program-list .image-resource-list {
    aspect-ratio: 1 / 0.4;
    margin: 0 15%;
    filter: grayscale(1);
  transition: filter 0.3s ease;
}

.program-block:hover {
  background-color:#f8f8f8;
}

.program-block:hover .image-resource-list {
      filter: grayscale(0%);
}

 .event-block-caption-b {
  font-size:0.9rem !important;
  color:#8a8a8a !important;
}

.event-block-title, .event-block-title a {
  color: #000 !important;
  text-decoration:none;
}

/* Sponsor logos */

.sponsor-logo img {
    width: -webkit-fill-available;
}
.sponsor-level {
    border-top: 1px #8a8a8a solid;
    margin: 40px auto;
    padding-top: 10px;
    font-size:0.8rem;
  }
.sponsor-logo:hover {
    transform: scale(1.05);
  transition: transform 0.3s ease; /* Apply the transition effect to the transform property */
}
/* program table*/
.table-elp {
    font-size: 0.8rem;
    text-align: left;
    font-weight: 400;
    /* width: 100%; */
}

.table-elp table{
  width: 100%;
  border-collapse: collapse;
}
.table-elp th, .table-elp td {
    padding: 10px;
    text-align: left;
}

.table-elp tbody tr:nth-child(even) {
    background-color: #fff;
}

.table-elp tbody tr:nth-child(odd) {
    background-color: rgba(255, 212, 167, 0.3);
}

.table-elp th {
    background-color: #333;
    color: #fff;
}

/* Remove table borders and spacing */
.table-elp, .table-elp th, .table-elp td {
    border: none;
}

/* scs */
    .scs .scs-box {
            transition: background-color 0.3s ease;
            padding: 40px 20px 20px 20px;
            display: flex;
          flex-direction: column;
         justify-content: space-between;
        align-items: flex-end;
        }
       .scs .scs-box:hover {
            background-color: #f8f8f8;
        }


/*filter */
#pagelist-filter-form {margin-left:20px;}
#pagelist-filter-form h3 {font-size:1rem;}

.sponsor-list {
justify-content: flex-start; 
}

@media screen and (max-width: 768px) {
.sponsor-list {
justify-content: space-around;  
}
}


/* END 1.css */

/* START 2.css */

a.vbt-button.vbt-button-purple {
    padding: 10px;
}

.event-header-br {
    border-radius: 0px 50px 0px 50px;
    border-bottom-color: #00A4E4;
    border-top-color: #f89728;
    border-bottom-style: solid;
    border-top-style: solid;
    border-width: medium;
}

.event-header-br-1 {
    border-radius: 50px 0px 50px 0px;
    border-top-color: #00A4E4;
    border-bottom-color: #f89728;
    border-bottom-style: solid;
    border-top-style: solid;
    border-width: medium;
}

#event-flag-text,
.event-flag-text {
    color: #ff4e4e;
    font-weight: 700;
    /*font-size: 14px;*/
}

.event-title h1{
    text-aliagn: center;
    color: #000;
    font-size: 1.8rem;
    font-weight: 601;
    margin: 1.5rem auto;
  }

.event-dash-deco {
    display: block;
    background-color: #54b948;
    height: 6px;
    width: 10%;
    margin-bottom: 20px;
}

.event-keynote {
    color: #000;
    font-size: 1.2rem;
    font-weight: 600;
    margin: 1rem auto 1rem auto;
}

.event-keynote-name {
    color: #000;
    font-size: 1rem;
    font-weight: 600;
    }

.join-us {
    color: #00A4E4;
    font-weight: 400;
    font-size: 1.3rem;
  line-height: 1.3;
}
.about-speaker {
    font-size: 13px;;
}

.event-about p {
    font-size: 13px;
}


.additional-info {

    font-weight: 600;
    font-size: 1rem;
}

.event-sponsor-Level {
width: 100%;
border-top: 1px solid #0000005e;
margin: 2.5em 0;
display: inline-block;
height: 3em;
padding-top: 2.3em;
}

.event-sponsor-Logo {
  margin-right: 6em;
  text-align: center;
  display: inline-block;
  margin-bottom: 2.5rem;
}

.event-moderator-tag {
    position: relative;
    bottom: 26px;
    /* left: -6px; */
    background-color: #00a4e4;
    width: 90px;
    font-size: 9pt;
    color: #fff;
    font-weight: 601;
    padding-left: 8px;
    border-radius: 0 3px 3px 0;
    margin-bottom: -20px;
}

.event-speaker-photo img {
  width:100px !important;
}

.event-speaker p.name {
font-size:0.9rem;
  font-weight:600;
  padding:0;
  margin:0.2rem auto !important;
 /* white-space:nowrap!important;*/
  }

.event-speaker p.name-title{
font-size:0.7rem;
color:#8a8a8a;
  line-height:1.2 !important;
}
.event-note{
font-size:11px;
  color:#8a8a8a;
}
 .panel h4
{
  color:#00a4e4;
  font-size:0.9rem;
}

 .panel h2
{
  color:#000;
     font-size: 1.2rem;
    font-weight: 600;
}


.panel h3 {
    font-size: 1.1rem;
    color: #00A4E4;
    font-weight: 400;
    margin: 0 0 0.5rem 0;
}

.event-summary-heading {
    display: block;
    font-weight: 700;
}

span.event-register.btn.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #00a4e4;
    --bs-btn-border-color: #00a4e4;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0b5ed7;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0b5ed7;
    --bs-btn-active-border-color: #0b5ed7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}
.sponsors-box1 {
    border-top: 1px #0000001a solid;
    margin: 40px auto;
    padding-top: 10px;
    font-size: 0.8rem;
}

.footer-bg-grey.text-light {
    background-color: #4D4C4C;
}

.footer-nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 1.5rem;
    color: white;
    text-decoration: none;
    font-size:1rem
}

.footer-link-text {
    text-decoration: none;
    color: white;
    padding-bottom: 1rem;
}

.single-box h6 {
  font-size: 12px;
}

.footer-socials a {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-socials i {
  color: #00A4E4;
  font-size: 1.5rem;
  transition: font-size .2s ease;
  height: fit-content;
}

.btn-footer {
    width: 100%;
    margin-bottom: 2rem;
    padding: 5px 40px;
    background-color: #00A4E4;
    color: white;
    border: none;
    border-radius: 7px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1rem;
    transition: background-color 0.3s;
}

.footer-form-control {
    font-size: 0.7rem;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

a.footer-hover:hover, a.footer-hover:active {
  color:#00A4E4;
  text-decoration:underline;
}

i.social-footer-hover:hover, i.social-footer-hover:active {
    color: #fff;
    font-size: 200%;
}

button.btn-footer-hover:hover, button.btn-footer-hover:active {
    background-color: #0dcaf0;
}
.pe-5 {
  padding-right: 1.4rem !important;
}

.sectiontitle-legal h1 {
    text-aliagn: center;
    color: #000;
    font-size: 1.8rem;
    font-weight: 400;
    margin: 2rem auto 1rem auto;
    line-height: 1 !important;
    text-transform: uppercase;
    padding-left: 0.6rem;
}

.title-long-descriptions-legal {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 300;
    display: block;
    padding: 0.5rem;
    width: 90%;
    text-transform: none;
}
.title-legal {
    font-size: 1.1rem;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
    padding-left: 0.5rem;
}
.legal-content {
    padding-left: 2rem;
  }
.leadgen-header {
    color: white;
    padding-top: 50px;
}
.leadgen-block {
    position: relative;
    overflow: hidden;
    border: 1px solid #eee;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    height: 100%;
    /* border-radius: 10px; */
}
.leadgen-sme {
    padding-bottom: 15px;
    color: white;
}
.leadgen-box {
    /* background-image: url(/files/test-image-2024/directory-bg.jpg); */
    /* height: 100%; */
    background-position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    /* opacity: 0.8; */
    /*margin: 4rem auto; */
    /* padding: 20px; */
	margin: 2rem 0 0 0;
	padding: 5vh 2vw !important;
    background: linear-gradient(#00000087, #00b7fff7), url(/files/news/strategic-plan/assets/img/hero-bg.jpg) top center;
    background-size: cover;
}
.lead-comment-block {
    display: flex;
    flex-direction: column;
    padding: 10px 30px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    justify-content: space-between;
    height: 100%;
}
.lead-comment-bg {
    /* background-image: url(https://www.boardoftrade.com/files/membership/mermbership-inquire-bg.jpg); */
    background-color: #8080801c;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background-attachment: fixed;
    border-radius: 0 50px;
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    background-size: auto;
}
.comment-box {
    /* align-content: center; */
    padding-top: 3rem;
}
.form-leadgen {
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 10px;

}
.cphr-box {
    /* background-image: url(/files/test-image-2024/directory-bg.jpg); */
    /* height: 100%; */
    background-position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    /* opacity: 0.8; */
    /*margin: 4rem auto; */
    /* padding: 20px; */
	margin: 2rem 0 0 0;
	padding: 5vh 2vw !important;
    background: linear-gradient(#00A4E4f7, #012c3df7), url(/files/news/strategic-plan/assets/img/hero-bg.jpg) top center;
    background-size: cover;
}

.tap-testimonial-block {
    display: flex;
    flex-direction: column;
    padding: 10px 30px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    justify-content: space-between;
    height: 100%;
}

.tap-testimonial-block p {
    font-size: smaller;
    color: #666666;
}

.business-finalists {
    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;
}

#event-detail .business-finalists a{
    color:#00A4E4;
  text-decoration:none;
}
#event-detail .business-finalists h3{
    font-size:1rem
}


/*----------------Test Event fade in animation------------*/
/* Import Animate.css - Add this line to your CSS if not already imported */
/* @import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css'); */

/* Define animation */
.animate__animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

/* Fade in from bottom animation */
.animate__fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*------------End Test Event fade in animation----------*/

/*------------Business Distinction Award fade in Animation----------*/
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animated-list li {
    opacity: 0;
    animation: fadeInUp 0.5s forwards;
}

.animated-list li:nth-child(1) {
    animation-delay: 0.1s;
}

.animated-list li:nth-child(2) {
    animation-delay: 0.2s;
}

.animated-list li:nth-child(3) {
    animation-delay: 0.3s;
}

.animated-list li:nth-child(4) {
    animation-delay: 0.4s;
}

.animated-list li:nth-child(5) {
    animation-delay: 0.5s;
}

.ba-form-submit-btn {
  text-decoration: none;
}

.gala-menu {
    background-color: #2e313d;
}

/*------------End Business Distinction Award fade in Animation----------*/

/* ensure section encloses content properly */
section { border: 1px solid transparent; }

/* END 2.css */

/* START 3.css */

/*** 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; max-width: 850px;}

#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 #toggle-filter-fields {display: none;}
#member-directory #filter-fields {display: block !important;}

#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; }
#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;
	height: 34px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);   
}
#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 .member-logo {width: 250px; float:right; }
#member-directory .member-logo img {margin: auto; padding:1em; display: block; max-width: 100%; height: auto;}

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

#member-directory .filter-field,
#member-directory .naics-select {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/* END MEMBER DIRECTORY ***/


/* #test-hidden-fields {display: block !important;} */
#page-load-speed {display:none;}

/*
.pagelist {
	max-width: 1000px;
	margin-bottom: 2em;
}
.pagelist a {
	text-decoration: none !important;
}
*/
/*
.news-list-card:nth-child(2n) {
	background: #F6F6F6;
}
*/
/*
.news-list-card {
	font-size: 1rem;
	display: flex;
	padding: 1rem 0.5rem;
	margin-left: -0.5rem;
	margin-right: -0.5rem;
	position: relative;
	margin-bottom: .25rem;
}
.news-list-card > * {
	flex: 0 0 auto;
}
.news-list-card a::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;	
	pointer-events: auto;
}
.news-list-card:has(*:hover),
.news-list-card:focus-within {
	box-shadow: 0 0 5px 2px #48abe0;
}
.news-list-card:focus-within :focus{
	box-shadow: none;
	outline: none;
}
*/
/*
@media (max-width: 500px) {
	.news-list-thumbnail {display: none !important;;}
	.news-list-info {padding-left: 0 !important;}
	.news-list-start {font-size: 0.8rem !important;}
}
*/

/*
.news-list-thumbnail {
	width: fit-content !important;
}

.news-list-thumbnail img {
	width: clamp(120px, 20vw, 160px);
}

.news-list-info {
	flex-grow: 2 !important;
	padding: 0 1rem;
}
.news-list-title {
	font-size: 1.2em;
	font-weight: 700;
}
.news-list-title * {
	color: black;
}
.news-list-title *:hover {
	color: #777;
}
.news-list-published {
	color: grey;
	font-size: .9em;
}

.pagelist .list-pagination {
	margin-top: 1em;
}
.pagelist .list-result {
	display: flex;
	flex-direction: row-reverse;
}
*/

/* #nav-side-submenu .nav-item .dropdown-menu, */


/* prevent scrolling when menu open */
body {
	/* overflow-y: hidden; */
}


html {
	/* scroll-behavior: smooth; */
	/* scroll-margin-top: 75px; */
}


.news-article a:link {
  text-decoration: none;
}

.news-article hr.eb-block-rule-style5 {
  color: #333;
  text-align: center;
  background-color: transparent;
  border-top: 0;
  overflow: visible;
}

.user-menu:active,
.user-menu:focus,
.user-menu-char:hover {
  color: #f89728;
  background: #FFF;
  border: 1px solid #f89728;
  outline: 0;
}

.news-article hr.eb-block-rule-style5::after {
  content: "•";
  font-size: 20px;
  position: relative;
  top: -12px;
  text-shadow: -1.7em 0,1.7em 0;
}

#user-menu {
	position: absolute;
	padding: 10px;
	width: 400px;
	right: 15px;
	z-index: 20;
	top: 60px;
	font: "Open Sans", sans-serif;
	color: #222;
	font-size: 1rem;
	text-align: left;
}

#popup-user-detail {
	background: #fff2da;
	padding: 1em;
	font-weight: bold;
	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 {
	outline: 0;
	text-decoration: none;
}
#login-page-message,
#login-popup-message {
	font-weight: bold;
	color: green;
	margin-block: 1em;
	opacity: 1;
	transition: opacity 0.5s linear;
}
#login-page-message.hidden,
#login-popup-message.hidden {
	opacity: 0;
}
#login-page-message.error,
#login-popup-message.error {
	color: red;
}
#login-page-form {
	max-width: 500px;
}

#button-dashboard,
#button-dashboard-mobile {
	display: inline-block;
	color: #fff;
	background: #00a4e4;
	padding: 10px 15px;
	border: solid #00a4e4 1px;
	margin-top: 10px;
}
#button-dashboard:hover,
#button-dashboard-mobile:hover {
	color: #00a4e4;
	background: #fff;
	border: solid #00a4e4 1px;
}
#button-logout,
#button-logout-mobile {
	display: inline-block;
	float: right;
	color: #666;
	background: #D4D4D4;
	padding: 10px 15px;
	border: solid #D4D4D4 1px;
	margin-top: 10px;
	cursor: pointer;
}
#button-logout:hover,
#button-logout-mobile:hover {
	color: #000;
	border: solid #000 1px;
}

#toggle-user-menu {
	display: inline-block;
	font-size: 25px;
	font-weight: 700;
	color: #FFF;
	background: #f89728;
	border: 1px solid #FFF;
	transition: all ease-in-out 150ms;
	height: 38px;
	min-width: 38px;
	text-align: center;
	margin: -5px 0 0 0;
	/* padding: 1px 5px; */
	cursor: pointer;
	text-decoration: none;
	white-space: wrap;
}

#user-detail-name {font-weight: 700; font-size: 1.1em;}
#user-detail-email {font-weight: 500; font-size: 0.9em;}

.hidden {
	display: none !important;
}


/* ADD TO BODY - PREVENT SCROLLING
.prevent-scroll-y {
    overflow: hidden;
    position: fixed;
    width: 100%;
}
*/

.wait-animation-container {
    display: none;
    justify-content: center;
    align-items: center;
    height: 60px;
	margin-top: 20px;
	margin-bottom: -20px;
}
.wait-animation-container.show {
	display: flex;
}
.wait-animation-container .bouncing-dots {
    display: flex;
    justify-content: space-between;
    width: 60px;
}
.wait-animation-container .dot {
    width: 15px;
    height: 15px;
    background-color: var(--color-training-light);
    border-radius: 50%;
	animation: bounce 1.5s infinite;
}
.wait-animation-container .dot:nth-child(1) {
    animation-delay: 0s;
}
.wait-animation-container .dot:nth-child(2) {
    animation-delay: 0.3s;
}
.wait-animation-container .dot:nth-child(3) {
    animation-delay: 0.6s;
}
@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

.wait-content {
	transition: opacity 0.5s ease-in-out;
}
.wait-content.loading {
	opacity: 0;
}


/****************** BEGIN USER DASHBOARD CSS *******************/

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

#user-dashboard .menu-in-subContainers {
    padding: 1em 1em 0.2em 1em;
    background: #F0F3F2;
    border: 1px solid #F0F3F2;
    /* margin: 0.5em 0.2em; */
    border-radius: 5px;
	font-size: 0.9em;
}
#user-dashboard .menu-in-subContainers:hover {
    background: #98999E;
    color: #ffffff;
}
#user-dashboard .menu-in-subTitle {
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.5em 0;
}
#user-dashboard .menu-in-images img {
	width: 100%;
}
#user-dashboard  a{
    color: inherit;
    text-decoration: none;
}

/****************** END USER DASHBOARD CSS *******************/

/****************** START MIGRATED FORMS *******************/
#createAccountForm .login-overlay {
	margin-top: 8em;
}
.migrated-form.form-wrapper {
	max-width: 600px;
	margin: auto;
}
.migrated-form .gvbot-form {
	background: #E8EFF2;
	padding: 2em;
	border-radius: 5px;
}
.migrated-form .gvbot-form .input-left-icon {
	height: 2em;
	padding-left: 2.5em;
	font-size: 1.25em;
}
.migrated-form .gvbot-form .btn {
	min-width: 100%;
	font-size: 1.2em;
}
.migrated-form .gvbot-form .text-align-center {
	padding: 1em 0 0.25em 0;
	font-size: 1.1em;
	margin-bottom: 0.5em;
}
.migrated-form .gvbot-form .text-align-center a {
	color: #58595B;
}
.migrated-form .gvbot-form .text-align-center a:hover {
	color: #34495E !important;
}
.migrated-form .gvbot-form .input-group {
	width: 100%;
	margin: 1em 0;
}
.migrated-form .gvbot-form .input-group input {
	width: 100%;
}
.migrated-form .gvbot-form .message-group {
	margin-top: 1em;
}
.migrated-form .gvbot-form .form-message {
	display: none;
	padding-bottom: 1em;
	text-align: center;
}
.migrated-form .gvbot-form .message-success {
	color: #2d9321;
	font-size: 1.2em;
}
.migrated-form .gvbot-form .message-error {
	color: red;
}

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

.com-baforms-wrapper {
	/*max-width: 850px;*/
	margin-inline: auto;
}
#createAccountForm .login-overlay,
#changePasswordForm .login-overlay,
#resetPasswordForm .login-overlay  {
    position: absolute !important;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 50;
    margin: 0;
    padding: 0;
}

#createAccountForm .login-overlay {margin-top: 20em;}

#changePasswordForm .login-overlay, 
#resetPasswordForm .login-overlay {
	margin-top: 12em;
}

#createAccountForm .login-overlay img,
#changePasswordForm .login-overlay img,
#resetPasswordForm .login-overlay img {
    display: block;
    margin: 0 auto;
}


.breadcrumbs {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    margin-right: auto;
    margin-left: auto;
    max-width: 900px !important;
    font-size: 0.8rem;
    margin-top: 20px;
      border-bottom: 1px solid #dee2e6;
}

.breadcrumbs .icon-location {display:none;}


li.mod-breadcrumbs__item.breadcrumb-item a {
    color: #8a8a8a;
    text-decoration: none;
}
li.mod-breadcrumbs__item.breadcrumb-item a:hover {

    text-decoration: underline;
}

.breadcrumb-item.active {
    color: #000!important;
  font-weight:600;
}

@media screen and (max-width: 768px) {

  .breadcrumbs{
display:none;
    
  }
}
    .com-baforms-wrapper {
        margin-left: 0;
    }

    .ba-form-page {
        padding: 0 !important;
    }




/* END 3.css */


.banner .banneritem img {
	display: block;
	margin: auto;
	padding-block: 1em;
}

hr.speaker-bio-hr {
    width: 50%;
    padding: 0;
    margin: 0;
    margin-top: -8px;
    margin-bottom:2px;
}
a.speaker-bio {
    font-size: 0.7rem;
}

.notification-bar {
	display: flex;
	padding: 0.5em 2em;
	background-color: #ddd;
	border: 1px solid #bbb;
	font-size: 0.9rem;
	color: #000;
}
.notification-bar.check-dismissed {
	display: none;
}
.notification-bar .btn-close {
	margin: auto -0.5em auto auto;
	padding-left: 1em;
}

.green-box {
	background-color: #ddffd0;
	border: 1px solid #adff2f;
}
.yellow-box {
	background-color: #faffd0;
	border: 1px solid #f2ff2f;
}
.blue-box {
	background-color: #d0ebff;
	border: 1px solid #a9cafb;
}
.red-box {
	background-color: #ffd0d0;
	border: 1px solid #ffafaf;
}
.orange-box {
	background-color: #feffd0;
	border: 1px solid #ffc773;
}