@import url("https://use.typekit.net/sqm5akk.css");

/* COUNTER */
.counter-container {
  display: inline-block;
  width: 180px;
  text-align: center;
  margin: 0 10px;
  color: white;
  font-family: 'roboto-condensed';
}

.counter {
  font-size: 48px;
  font-weight: bold;
}

/* END COUNTER */

/* DIRECTORY */
.genericListTable thead th, .membersTable thead th {
  background-color: transparent;
  font-family: 'roboto-condensed','Arial',sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  margin: 1.66em 0 1em;
  color: #3f88e8;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.33;
  text-transform: uppercase;
  padding: 0 24px 16px 0;
  background: white;
  color: #222;
  vertical-align: top;
  text-align: left;
}
/* END DIRECTORY */

/* EVENTS */
.WaGadgetEvents .pageTitleContainer h1, .WaGadgetEvents .titleContainer h1 {
  color: #000;
}
.WaGadgetEventsStateDetails .pageTitleOuterContainer .eventsTitleContainer h1 {
  color: #000;
}

.WaGadgetEventsStateList h3.sectionTitle {
  color: #000;
}

.WaGadgetEventsStateCalendar .sectionTitle {
  color: #000;
}
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer h4.infoTitle {
    color: #000;
    font-family: 'roboto-condensed';
}
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
  background: #e8fcff;
}
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td>div {
  background: #fab511;
}
.infoOuterContainer  {
    background: #e8fcff;
}
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
    background: #e8fcff;
}

.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar .eventDivItem:hover, .WaGadgetEventsStateCalendar .monthViewType .EventListCalendar .eventContainerHover {
  background: #ffcb00;
}
/* END EVENTS */

/* BLOG */
.WaGadgetBlogStateList ul.boxesList .boxBodyContentContainer img:first-of-type {
  float: left;
  width: 30%;      
  margin-right: 20px;
  margin-bottom: 10px; 
}

/* .WaGadgetBlogStateList ul.boxesList .boxBodyContentContainer div{
  display: flex;
    gap: 20px;
} */

/* END BLOG */

/* FLEXIBLE MARGINS */
 .flexMargin{ 
     margin-top: clamp(20px, 10vw, 160px);
 }
/* END FLEXIBLE MARGINS */
/* Vertical Align Middle */

.vertAlign td {
  vertical-align: middle; 
}
/* Vertical Align Middle */

/* SLIDER */
.camera_wrap {

    background: #00aac9;
}
/* END SLIDER */



/* Page title edit */
.pageTitle {


}

.pageTitle.WaGadgetBreadcrumbs ul li + li::before {
display: none;
}
.pageTitle.borul li+li:before {
display: none;
}
.pageTitle li:not(:last-child) {
display: none;
}
.pageTitle li 
{
Font-size: 2em;
color: #fff;
font-weight: 800;
text-transform: capitalize;
border-bottom: 1px solid #ffcb00; 
font-style: none;
font-family: 'roboto-condensed', sans-serif;
}
.pageTitle ul li+li:before {
    display: none;
}
/* End Page Title */


/* TYPOGRAPHY */

.emphasis {
    font-size: 2.5em;
        font-family: "roboto-condensed", sans-serif;
}
span, p {
    font-family: "montserrat", sans-serif;
}
.promo, h1.promo {
    font-family: "roboto-condensed", sans-serif;
    color: #000;
    font-size: 4.5em;
}
.header, h1.header {
    font-family: "roboto-condensed", sans-serif;
      color: #000;
}

h1, .h1 {
    font-family: "roboto-condensed", sans-serif;
      color: #000;
}
.h1Alt, h1.h1Alt {
    font-family: "roboto-condensed", sans-serif;
      color: #000;
}
.h2, h2  {
    font-family: "roboto-condensed", sans-serif;
      color: #000;
}
.h3, h3  {
    font-family: "roboto-condensed", sans-serif;
      color: #000;
}
.h4, h4 {
    font-family: "roboto-condensed", sans-serif;
      color: #000;
}
.h4Alt, h4.h4Alt {
    font-family: "roboto-condensed", sans-serif;
      color: #000;
} 
.h5, h5 {
    font-family: "roboto-condensed", sans-serif;
      color: #000;
}
.quotedText {
    font-family: "montserrat", sans-serif;
}

   /* DARK */
.gadgetStyle002 h1.promo {
    font-family: "roboto-condensed", sans-serif;
        font-size: 4.5em;
}

.gadgetStyle002 h1:not(.promo):not(.header):not(.h1Alt) {
    font-family: "roboto-condensed", sans-serif;
}
 
.gadgetStyle002 h1.header {
    font-family: "roboto-condensed", sans-serif;
}

.gadgetStyle002 h1.h1Alt {
    font-family: "roboto-condensed", sans-serif;
}

.gadgetStyle002 h2 {
    font-family: "roboto-condensed", sans-serif;
}

.gadgetStyle002 h3 {
    font-family: "roboto-condensed", sans-serif;
}

.gadgetStyle002 h4:not(.gadgetTitleH4):not(.h4Alt) {
    font-family: "roboto-condensed", sans-serif;
}

.gadgetStyle002 h4.h4Alt {
    font-family: "roboto-condensed", sans-serif;
}

.gadgetStyle002 h5 {
    font-family: "roboto-condensed", sans-serif;
}

.gadgetStyle002 .quotedText {
    font-family: "montserrat", sans-serif;
}



/* END TYPOGRAPHY */


/* BUTTON STYLES */
a.buttonStyle001, a:link.buttonStyle001 {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 112px;
  margin: 1px;
  padding: 8px 40px;
  background: #00aac9;
  color: white;
  font-family: 'roboto-condensed','Arial',sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  line-height: 1.5;
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
  
}
a.buttonStyle002, a:link.buttonStyle002 {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 112px;
margin: 1px;
  padding: 8px 40px;
  background: #bf187d;
  color: white;
  font-family: 'roboto-condensed','Arial',sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  line-height: 1.5;
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
}
a.buttonStyle003, a:link.buttonStyle003 {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 112px;
  margin: 0;
  padding: 8px 40px;
  background: #ffcb00;
  color: #000;
  font-family: 'roboto-condensed','Arial',sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  line-height: 1.5;
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
}
a.buttonStyle004, a:link.buttonStyle004 
 {
     position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 112px;
margin: 1px;
  padding: 8px 40px;
  background: transparent;
  border: 1px solid #bf187d;
  color: #bf187d;
  font-family: 'roboto-condensed','Arial',sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  line-height: 1.5;
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
 }
a.buttonStyle005, a:link.buttonStyle005 
 {
     position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 112px;
margin: 1px;
  padding: 8px 40px;
  background: #fff;
  border: 1px solid #fff;
  color: #00aac9;
  font-family: 'roboto-condensed','Arial',sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  line-height: 1.5;
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
 }
 
/* END BUTTON STYLES */

/* LOGIN */
.WaGadgetLoginForm.LoginFormStyle001 .alignRight, .WaGadgetLoginForm.LoginFormStyle002 .alignRight, .WaGadgetLoginForm.LoginFormStyle001 .authenticated.alignRight .loginPanel, .WaGadgetLoginForm.LoginFormStyle002 .authenticated.alignRight .loginPanel {
    text-align: center;
}
.WaGadgetLoginForm.LoginFormStyle001 .loginPanel, .WaGadgetLoginForm.LoginFormStyle002 .loginPanel {
background: #fff;
border: 1px solid #00aac9;
}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink {

    position: relative;
    display: inline-block;
    width: 115px;
    height: 40px;
    overflow: hidden;
    background: #00aac9;
    color: white;
    line-height: 400px;
    vertical-align: top;
    text-decoration: none;
    cursor: pointer;

}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:before, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font: bold 16px/40px 'Roboto-Condensed', sans-serif;
    text-align: center;
    text-indent: 0;
    content: 'Login';
}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink::before, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink::before {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font: bold 16px/40px 'Roboto-Condensed', sans-serif;
    text-align: center;
    text-indent: 0;
    content: 'My Account';

}
.WaGadgetLoginForm.LoginFormStyle002 .loginUserName, .WaGadgetLoginForm.LoginFormStyle002 .loginPassword, .WaGadgetLoginForm.LoginFormStyle002 .loginActionRememberMe, .WaGadgetLoginForm.LoginFormStyle002 .loginPasswordForgot {
    margin-right: 5px;
}
/* END LOGIN */


/* MOBILE PANEL */
.WaGadgetMobilePanel .mobilePanel {
  position: relative;
  height: 50px;
  background: #fab511;
  color: white;
}
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
  background: #00aac9;
  color: white;
}
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton.active {
    background: #00aac9;  
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel, .WaGadgetMobilePanel .mobilePanel .loginInner {
    background: #00aac9;
    border-top: 1px solid #00aac9;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul {
    background: #00aac9;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li > .item > a, .WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel > li.sel > .item > a  {
  color: #fff;
}
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm [class$="TextBox"] input[class$="TextBoxControl"], .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginActionRememberMe label::before {
     background: #00aac9; 
}
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton {
    background: #bf187d!important;
}
/* END MOBILE PANEL */

/* SYSTEM BUTTONS */
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxActionContainer input.typeButton, .WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton, .forumPanelOuterContainer .forumPanelContainer input.typeButton, .WaGadgetForum .forumBottomPanelOuterContainer .forumBottomPanelContainer input.typeButton, .WaGadgetAuthorizationRequired .loginPageTable input.loginButton, .WaGadgetLoginForm.LoginFormStyle001 .loginButton, .WaGadgetLoginForm.LoginFormStyle002 .loginButton, .navigationOuterContainer input.nextButton, .navigationOuterContainer input.typeButton, .navigationOuterContainer input[type="submit"], .attachmentsContainer .attachmentsUploadContainer .inputUploadFileLabel, .commonMessageBox .cww-co .buttons input[type="submit"], .commonMessageBox .cww-co .buttons input.typeButton, .WaGadgetBlogStateList #idAddNewPostButtonContainer input[type="submit"], .WaGadgetContactProfile .topButtonsOuterContainer input.typeButton, .WaGadgetMemberPublicProfileStateMain .profileHeaderContainer input.typeButton, .WaGadgetBlogStateAddPost .boxFooterOuterContainer input, .WaGadgetBlogStateEditPost .boxFooterOuterContainer input, .WaGadgetForum .forumEditEntryBoxContainer .boxFooterOuterContainer .boxFooterSecondaryOuterContainer input, .WaGadgetForum .forumEditEntryBoxContainer .boxFooterOuterContainer .boxFooterPrimaryOuterContainer input {
    font-family: "roboto-condensed", serif;
    background: #00aac9;
    color: #fff;
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton:hover, .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxActionContainer input.typeButton:hover, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton:hover, .forumPanelOuterContainer .forumPanelContainer input.typeButton:hover, .WaGadgetForum .forumBottomPanelOuterContainer .forumBottomPanelContainer input.typeButton:hover, .WaGadgetAuthorizationRequired .loginPageTable input.loginButton:hover,.WaGadgetLoginForm.LoginFormStyle001 .loginButton, .WaGadgetLoginForm.LoginFormStyle002 .loginButton:hover, .navigationOuterContainer input.nextButton:hover, .navigationOuterContainer input.typeButton:hover, .navigationOuterContainer input[type="submit"]:hover, .attachmentsContainer .attachmentsUploadContainer .inputUploadFileLabel:hover, .commonMessageBox .cww-co .buttons input[type="submit"]:hover, .commonMessageBox .cww-co .buttons input.typeButton:hover, .WaGadgetBlogStateList #idAddNewPostButtonContainer input[type="submit"]:hover, .WaGadgetContactProfile .topButtonsOuterContainer input.typeButton:hover, .WaGadgetMemberPublicProfileStateMain .profileHeaderContainer input.typeButton:hover, .WaGadgetBlogStateAddPost .boxFooterOuterContainer input:hover, .WaGadgetBlogStateEditPost .boxFooterOuterContainer input:hover,.WaGadgetForum .forumEditEntryBoxContainer .boxFooterOuterContainer .boxFooterPrimaryOuterContainer input:hover, .WaGadgetForum .forumEditEntryBoxContainer .boxFooterOuterContainer .boxFooterSecondaryOuterContainer input:hover  {
    background: #0488a0;
    color: #fff;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .stickyMenu.active {
    left: 0;
    z-index: 1000;
    width: 100%;
    background: #00AAC9;
    border-bottom: 1px solid #ffcb00;
    box-sizing: border-box;
}
/* END SYSTEM BUTTONS */

/* MENU */
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel > li.dir > .item > a span::after { 
    display: none;
}
#id_6NfRKGL > div > div.menuInner > ul > li:nth-child(1) > div {
  display: none;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel {
    margin: 0 auto;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel {
    margin: 0 auto;

}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul li>.item>a {
font-family: "roboto-condensed", sans-serif;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item>a {
font: 400 18px / 23px "roboto-condensed", sans-serif;
color: #000;
}

#id_6NfRKGL .stickyMenu.active div.menuInner > ul > li:nth-child(1) > div {
    display: block;
}
.stickyMenu.active div.menuInner  ul.firstLevel {
    margin: 0 auto;
}
/* END MAIN MENU */

/* Toggle Menu Buttons */

.collapsibleBtn {
            background-color: transparent;
			color: #EEE;
			cursor: pointer;
			padding: 5px 15px 5px;
			width: 140px;
			border: none;
			text-align: left;
			outline: none;
			font-size: 12px;
		}

		.active, .collapsibleBtn:hover {
			background-color: transparent;
		}
		.collapsible {
            background-color: transparent;
			color: #003B8E;
			cursor: pointer;
			padding: 5px;
			width: 20px;
			border: none;
			text-align: left;
			outline: none;
			font-size: 16px;
		}

		.active, .collapsible:hover {
			background-color: transparent;
		}

		.content {
			padding: 0 5px;
			display: none;
			overflow: hidden;
		}

		.orientationVertical > li {
			list-style-type: none;
			position: relative;
			padding: 5px 0;
		}
/* END MENU TOGGLE */


/* BACK TO TOP */
#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 10px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #fab511;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: #1aa7e4;
}
#back-to-top.show {
    opacity: 1;
}

/* END BACK TO TOP */



/* Mobile View */
@media screen and (max-width: 766px) {
    .non-mobile {
      display: none;
}
/* Push down top bar */
    #id_GL39QPv {
        margin-top: 50px;
    }
.mobileText {
    text-align: center;
}
}




.quoteIcon {
  position: absolute;
  z-index: 10;
  width: 50px;
}

/* === Quote Scroller === */


#quote-container {
  position: relative;
  min-height: 400px;
  max-width: 800px;
  margin: auto;
  padding: 0;
  text-align: left;
  color: #000;
  font-family: 'sofia pro', sans-serif;
  font-size: 1.1rem;
  line-height: 1.6;
}

/* Base styles for quotes, hidden by default */
#quote-container .quote {
  position: absolute; /* Position items on top of each other */
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none; /* Make non-visible quotes unclickable */
  transition: opacity 1s ease-in-out; /* Add fade transition */
  padding: 20px;
  box-sizing: border-box;
}

/* Active item is fully visible and interactive */
#quote-container .quote.visible {
  opacity: 1;
  pointer-events: auto; /* Make visible quote clickable */
}

/* Content pieces */
#quote-container .quote-headshot img {
  width: 150px;
  height: 150px;
  border-radius: 10%;
  object-fit: cover;
  display: block;
  margin-bottom: 14px;
}

#quote-container .quote-title {
  font-size: 1.35rem;
  font-weight: 600;
  margin: 0 0 10px 0;
}

#quote-container .quote-text {
  font-style: italic;
  font-weight: 300;
  margin-bottom: 10px;
}

#quote-container .quote-meta {
  font-size: 1rem;
  font-weight: 400;
  color: #000;
  margin-top: 8px;
}

/* Read more button */
#quote-container .read-more-btn {
  background: #3c5276;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 0.95rem;
  cursor: pointer;
  margin-top: 6px;
}
#quote-container .read-more-btn:hover { filter: brightness(0.95); }

@media (max-width: 600px) {
  #quote-container .quote-headshot img { width: 120px; height: 120px; }
  #quote-container .quote-title { font-size: 1.2rem; }
}