/* roboto-condensed-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('/resources/fonts/roboto-condensed-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('/resources/fonts/roboto-condensed-v31-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('/resources/fonts/roboto-condensed-v31-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/resources/fonts/roboto-condensed-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 800;
  src: url('/resources/fonts/roboto-condensed-v31-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-900 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 900;
  src: url('/resources/fonts/roboto-condensed-v31-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/resources/fonts/montserrat-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('/resources/fonts/montserrat-v31-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('/resources/fonts/montserrat-v31-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/resources/fonts/montserrat-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('/resources/fonts/montserrat-v31-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-900 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('/resources/fonts/montserrat-v31-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* END FONTS */
.waves {
  margin-bottom: clamp(-20px, 1vh, -6px);
}
:focus {
  outline: 3px solid #007F97;
  outline-offset: 4px;
}

.WaGadgetSocialProfile.socialProfileStyle001 li a {
  border-radius: 25px;
}

/* 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: #007F97;
}
/* 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: #007F97;
  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: #007F97;
  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 #007F97;
}
.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: #007F97;
    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: #007F97;
  color: white;
}
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton.active {
    background: #007F97;  
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel, .WaGadgetMobilePanel .mobilePanel .loginInner {
    background: #007F97;
    border-top: 1px solid #007F97;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul {
    background: #007F97;
}
.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: #007F97; 
}
.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: #007F97;
    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: #007F97;
    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; }
}




/* Allow the horizontal menu to use multiple rows */
#id_6NfRKGL .menuInner {
  width: 100%;
  height: auto !important;
  overflow: visible !important;
}

#id_6NfRKGL .menuInner > ul.firstLevel {
  display: flex !important;
  flex-flow: row wrap !important;
  justify-content: center;
  align-items: center;
  align-content: center;

  width: 100% !important;
  max-width: 100%;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;
  white-space: normal !important;
}

/* Keep every main menu item in the wrapping layout */
#id_6NfRKGL .menuInner > ul.firstLevel > li {
  display: block !important;
  position: relative;
  float: none !important;
  width: auto !important;
  flex: 0 0 auto;
}

/* Prevent links themselves from wrapping internally */
#id_6NfRKGL .menuInner > ul.firstLevel > li > .item {
  float: none !important;
  width: auto !important;
}

#id_6NfRKGL .menuInner > ul.firstLevel > li > .item > a {
  display: block;
  white-space: nowrap;
}

/* Keep dropdown menus positioned below their parent item */
#id_6NfRKGL .menuInner > ul.firstLevel > li > .item > ul.secondLevel {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
}

/* Hide Wild Apricot's overflow item if it is still generated */
#id_6NfRKGL .menuInner > ul.firstLevel > li.phantom {
  display: none !important;
}

/* Remove float-clearing rules that can interfere with Flexbox */
#id_6NfRKGL .menuInner > ul.firstLevel::before,
#id_6NfRKGL .menuInner > ul.firstLevel::after {
  display: none !important;
  content: none !important;
}