@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800&display=swap');
#id_Content4 {
  background-size: contain!important;
}
.camera_wrap {
  background: #fff;
}
.camera_wrap .camera_next>span:before, .camera_wrap .camera_prev>span:before {
      color: #007d8a !important;
}


@media screen and (max-width: 768px) {
#id_Content4 {
  background-image: none!important;
}
}

#id_OpgoJhP {
  margin-top: 10px;
}
:root {
  --site-dark: #003f49;
  --site-dark-alt: #002f38;
  --site-teal: #007d8a;
  --site-aqua: #42d9d9;
  --site-light-aqua: #e7fbfb;
  --site-white: #ffffff;
  --site-off-white: #f7f9f9;
  --site-text: #043747;
  --site-muted: #5b7178;
  --site-border: #d6e1e4;
  --site-red: #e10054;
  --site-orange: #e10054;
  --site-heading-font: "Inter", Arial, sans-serif;
  --site-body-font: "Inter", Arial, sans-serif;
  --site-button-cut: 14px;
  --site-button-border-size: 2px;
}

/* =========================================================
   01. Utilities
========================================================= */

.alignRight { text-align: right; }
.non-mobile { display: initial; }
.vertAlign td { vertical-align: middle; }
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 { float: right; }
.WaGadgetEventsStateDetails .pageTitleOuterContainer .pageBackContainer {
  float: left;
  padding-left: 20px;
}

.clip-corner {
  --corner-cut: 44px;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--corner-cut)), calc(100% - var(--corner-cut)) 100%, 0 100%);
}

.angled-box {
  --corner-cut: 44px;
  background: var(--site-dark);
  color: var(--site-white);
  padding: 40px;
  clip-path: polygon(0 0, calc(100% - var(--corner-cut)) 0, 100% var(--corner-cut), 100% 100%, 0 100%);
}

/* =========================================================
   02. Slider + Dividers
========================================================= */

.camera_thumbs { display: none; }
.camera_commands,
.camera_next,
.camera_prev,
.camera_commands:hover,
.camera_next:hover,
.camera_prev:hover { background: transparent; }

.WaContentDivider.dividerStyle001 {
  width: 100px;
  height: 4px;
  margin: 1em 0;
  background: linear-gradient(90deg, var(--site-dark), var(--site-aqua));
}

img.WaContentDivider.dividerStyle002,
.WaContentDivider.WaContentDivider.dividerStyle002 {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 16px !important;
  margin: 1em 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background-color: var(--site-teal) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 16' preserveAspectRatio='none'%3E%3Crect width='100' height='16' fill='%23007d8a'/%3E%3Cpolygon points='39,0 80,0 76,16 35,16' fill='%23003f49'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: center center !important;
}

/* =========================================================
   03. Global Typography
========================================================= */

html,
body {
  font-family: var(--site-body-font) !important;
  color: var(--site-text);
  font-size: 18px;
  line-height: 1.55;
  background: var(--site-white);
}

body,
body * { text-transform: none !important; }

p,
li,
td,
th,
label,
input,
textarea,
select,
.WaGadgetContent,
.WaGadgetEvents,
.WaGadgetBlog,
.WaGadgetForum,
.WaGadgetMemberDirectory,
.WaGadgetMembershipApplication,
.WaGadgetContactProfile,
.WaGadgetAuthorizationRequired,
.WaGadgetLoginForm {
  font-family: var(--site-body-font) !important;
  color: var(--site-text);
  font-size: 18px;
  line-height: 1.55;
  font-weight: 300;
}

p { margin: 0 0 1em; }
[class*='EditableArea'] ul { padding-left: 30px; }
.gadgetStyle002 p { color: var(--site-white); }

h1,
h2,
h3,
h4,
h5,
.pageTitle,
.gadgetStyleTitle,
.WaGadgetBlog .boxHeaderTitle,
.WaGadgetEvents .boxHeaderTitle,
.WaGadgetForum .boxHeaderTitle,
.WaGadgetMemberDirectory .boxHeaderTitle,
.WaGadgetMembershipApplication .boxHeaderTitle,
.WaGadgetAuthorizationRequired .boxHeaderTitle,
.WaGadgetLoginForm .boxHeaderTitle,
.WaGadgetContactProfile .boxHeaderTitle {
  font-family: var(--site-heading-font) !important;
  color: var(--site-text);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.045em;
  margin: 0 0 0.4em;
}

h1,
.pageTitle,
.gadgetStyle002 h1:not(.promo):not(.header):not(.h1Alt) {
  font-size: clamp(34px, 4vw, 60px);
}

.promo,
h1.promo,
.gadgetStyle002 h1.promo,
h2,
.gadgetStyle002 h2 {
  position: relative;
  padding-left: 26px;
}

.promo,
h1.promo,
.gadgetStyle002 h1.promo { font-size: clamp(34px, 4vw, 60px); }

h2,
.gadgetStyle002 h2 { font-size: clamp(34px, 4vw, 50px); }

.promo::before,
h1.promo::before,
.gadgetStyle002 h1.promo::before,
h2::before,
h4:not(.gadgetTitleH4):not(.h4Alt)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  width: 13px;
  height: 13px;
  background: var(--site-aqua);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.header,
h1.header,
.gadgetStyle002 h1.header {
  font-size: clamp(34px, 4vw, 60px);
  margin: 0.5em 0;
}

.h1Alt,
h1.h1Alt,
.gadgetStyle002 h1.h1Alt,
.h4Alt,
h4.h4Alt,
.gadgetStyle002 h4.h4Alt {
  font-size: 21px;
  font-weight: 800;
}

.h1Alt,
h1.h1Alt,
.gadgetStyle002 h1.h1Alt { margin: 0.1em 0 0.5em; }
.h4Alt,
h4.h4Alt,
.gadgetStyle002 h4.h4Alt { margin: 0.5em 0 0.1em; }

h3,
.gadgetStyle002 h3 {
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 800;
}

h4,
.gadgetStyle002 h4:not(.gadgetTitleH4):not(.h4Alt) {
  position: relative;
  padding-left: 26px;
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 800 !important;
}

h5,
.gadgetStyle002 h5 { font-size: 24px; }

.WaGadgetEvents h3,
.WaGadgetBlog h3,
.WaGadgetRecentBlogPosts h3,
.WaGadgetUpcomingEvents h3,
.WaGadgetForum h3,
.WaGadgetMemberDirectory h3,
.WaGadgetEventsStateList h3.sectionTitle {
  font-family: var(--site-body-font) !important;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0;
}

.WaGadgetEventsStateList h3.sectionTitle { padding-left: 20px; }

/* Quote style */
.quotedText,
.gadgetStyle002 .quotedText {
  position: relative;
  margin: 30px 0;
  padding: 12px 0 14px 86px;
  color: var(--site-text);
  font-size: clamp(18px, 2.6vw, 21px);
  font-style: italic;
  font-weight: 300;
  line-height: 1.35;
  letter-spacing: -0.01em;
  border-left: none;
}

.quotedText::before,
.gadgetStyle002 .quotedText::before {
  content: "“";
  position: absolute;
  left: 0;
  top: -18px;
  color: var(--site-aqua);
  font-size: 115px;
  font-style: italic;
  font-weight: 800;
  line-height: 1;
}

.quotedText::after,
.gadgetStyle002 .quotedText::after {
  content: "";
  display: block;
  width: 120px;
  height: 4px;
  margin-top: 18px;
  background: linear-gradient(90deg, var(--site-dark), var(--site-aqua));
}

/* Links */
a,
.WaGadgetContent a,
.WaGadgetEvents a,
.WaGadgetBlog a,
.WaGadgetForum a,
.WaGadgetMemberDirectory a,
.WaGadgetMembershipApplication a {

  font-weight: 700;
  text-decoration: none;
}

a:hover,
.WaGadgetContent a:hover,
.WaGadgetEvents a:hover,
.WaGadgetBlog a:hover,
.WaGadgetForum a:hover,
.WaGadgetMemberDirectory a:hover,
.WaGadgetMembershipApplication a:hover {
  color: var(--site-dark);
  text-decoration: underline;
}

/* =========================================================
   04. Header, Menu + Footer
========================================================= */

.WaPlaceHolderHeader,
.WaPlaceHolderHeader1 {
  background: var(--site-white);
  border-bottom: 1px solid rgba(0, 63, 73, 0.12);
}

.WaPlaceHolderFooter,
.WaPlaceHolderFooter1 {
  background: var(--site-dark);
  color: var(--site-white);
}

.WaPlaceHolderFooter *,
.WaPlaceHolderFooter1 *,
.WaPlaceHolderFooter a,
.WaPlaceHolderFooter1 a { color: var(--site-white); }

.WaPlaceHolderFooter a:hover,
.WaPlaceHolderFooter1 a:hover { color: var(--site-aqua); }

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > a {
  font-family: var(--site-body-font) !important;
  color: var(--site-text) !important;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  text-decoration: none;
  transition: color 0.2s ease, background 0.2s ease;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item > a,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.selected > .item > a,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a:hover,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > a:hover {
  color: var(--site-teal) !important;
  text-decoration: none;
}

.WaGadgetMenuHorizontal .menuInner ul ul {
  background: var(--site-white);
  border: 1px solid var(--site-border);
  box-shadow: 0 12px 30px rgba(0, 63, 73, 0.12);
}

.WaGadgetMenuHorizontal .menuInner ul ul li > .item > a,
.WaGadgetMenuHorizontal .menuInner ul ul li > a {
  font-family: var(--site-body-font) !important;
  color: var(--site-text) !important;
  font-size: 14px;
  font-weight: 600;
  background: var(--site-white);
}

.WaGadgetMenuHorizontal .menuInner ul ul li > .item > a:hover,
.WaGadgetMenuHorizontal .menuInner ul ul li > a:hover {
  color: var(--site-white) !important;
  background: var(--site-dark) !important;
}

/* Sticky Header */
body { padding-top: 0 !important; }
html { scroll-padding-top: 120px; }

#id_Header1.cal-sticky-header {
  position: relative !important;
  z-index: 99999 !important;
  width: 100% !important;
  background-color: var(--site-white) !important;
  box-shadow: none;
  transform: translateY(0);
  transition: box-shadow 0.25s ease, transform 0.25s ease, background-color 0.25s ease;
}

body.cal-header-is-stuck { padding-top: var(--cal-header-height, 118px) !important; }

#id_Header1.cal-sticky-header.is-stuck {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  box-shadow: 0 8px 24px rgba(6, 43, 79, 0.12);
  animation: calHeaderDrop 0.25s ease forwards;
  background: var(--site-white) !important;
}

@keyframes calHeaderDrop {
  from { transform: translateY(-8px); }
  to { transform: translateY(0); }
}

#id_Header1.cal-sticky-header > div {
  width: 100% !important;
  max-width: 1660px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#id_Header1.cal-sticky-header,
#id_Header1.cal-sticky-header .WaLayoutContainerOnly,
#id_Header1.cal-sticky-header .WaLayoutTable,
#id_Header1.cal-sticky-header .WaLayoutItem,
#id_Header1.cal-sticky-header .WaLayoutPlaceHolder,
#id_Header1.cal-sticky-header .placeHolderContainer,
#id_Header1.cal-sticky-header .WaGadgetOnly,
#id_Header1.cal-sticky-header .menuInner { overflow: visible !important; }

#id_Header1.cal-sticky-header #id_WVXGqTJ {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
  transition: margin 0.25s ease, transform 0.25s ease;
}

#id_Header1.cal-sticky-header.is-stuck #id_WVXGqTJ {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  transform: scale(0.985);
  transform-origin: center center;
}

#id_Header1.cal-sticky-header img {
  display: inline-block;
  width: auto;
  max-height: 78px;
  vertical-align: middle;
  transition: max-height 0.25s ease, transform 0.25s ease;
}

#id_Header1.cal-sticky-header.is-stuck img {
  max-height: 62px;
  transform: scale(0.96);
}

#id_Header1.cal-sticky-header #id_6NfRKGL { position: relative; z-index: 100000; }
#id_Header1.cal-sticky-header #id_6NfRKGL .menuInner { width: 100%; }
#id_Header1.cal-sticky-header #id_6NfRKGL ul.firstLevel {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  width: auto !important;
}
#id_Header1.cal-sticky-header #id_6NfRKGL ul.firstLevel > li {
  display: inline-flex;
  align-items: center;
}
#id_Header1.cal-sticky-header #id_6NfRKGL ul.firstLevel > li > .item > a {
  display: flex;
  align-items: center;
  min-height: 25px;
  white-space: nowrap;
  transition: min-height 0.25s ease;
}
#id_Header1.cal-sticky-header #id_6NfRKGL ul ul,
#id_Header1.cal-sticky-header #id_6NfRKGL .secondLevel {
  position: absolute;
  z-index: 100001 !important;
}

/* Join / last menu item */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.last-child > .item > a {
  --corner-cut: 18px;
  --border-size: 2px;
  --button-border: var(--site-teal);
  --button-bg: var(--site-white);
  --button-text: var(--site-teal);
  --button-hover-border: var(--site-aqua);
  --button-hover-bg: var(--site-dark);
  --button-hover-text: var(--site-white);
  position: relative !important;
  isolation: isolate;
  overflow: hidden;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 13px 24px !important;
  background: var(--button-border) !important;
  color: var(--button-text) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--corner-cut)), calc(100% - var(--corner-cut)) 100%, 0 100%);
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.last-child > .item > a::before {
  content: "";
  position: absolute;
  inset: var(--border-size);
  z-index: -1;
  pointer-events: none;
  --inner-corner-cut: calc(var(--corner-cut) - var(--border-size));
  background: var(--button-bg);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--inner-corner-cut)), calc(100% - var(--inner-corner-cut)) 100%, 0 100%);
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.last-child > .item > a span {
  position: relative;
  z-index: 1;
  color: inherit !important;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.last-child > .item > a:hover {
  background: var(--button-hover-border) !important;
  color: var(--button-hover-text) !important;
  text-decoration: none !important;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.last-child > .item > a:hover::before {
  background: var(--button-hover-bg);
}

/* =========================================================
   05. Buttons
========================================================= */

.buttonStyle001,
.buttonStyle002,
.buttonStyle004,
.buttonStyle005,
a.buttonStyle001,
a.buttonStyle002,
a.buttonStyle004,
a.buttonStyle005,
input[type="submit"],
input[type="button"],
button,
.genericButton,
.functionalButton,
.commonMessageBox .buttons input,
.WaGadgetEventsStateDetails .registrationInfoContainer input[type="submit"],
.WaGadgetEventsStateDetails .boxActionContainer input[type="submit"],
.WaGadgetEventsStateDetails .boxActionContainer input[type="button"],
.WaGadgetEventsStateDetails .boxActionContainer a,
.WaGadgetAuthorizationRequired .loginPageTable input.loginButton,
.WaGadgetLoginForm input.loginButton,
.WaGadgetContactProfile .buttonPanel input,
.WaGadgetMembershipApplication .navigationOuterContainer input,
.WaGadgetMembershipApplication .navigationOuterContainer a,
.WaGadgetMembershipApplication .buttonPanel input,
.WaGadgetMemberDirectoryStateList .memberDirectorySearchAreaOuterContainer input[type="submit"] {
  --button-border: var(--site-teal);
  --button-bg: var(--site-teal);
  --button-text: var(--site-white);
  --button-hover-border: var(--site-dark);
  --button-hover-bg: var(--site-dark);
  --button-hover-text: var(--site-white);
  font-family: var(--site-body-font) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 42px;
  padding: 13px 24px !important;
  color: var(--button-text) !important;
  background: var(--button-border) !important;
  border: none !important;
  border-radius: 0 !important;
  white-space: pre-wrap !important;
  box-shadow: none !important;
  text-decoration: none !important;
  cursor: pointer;
  transition: all 0.2s ease;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--site-button-cut)), calc(100% - var(--site-button-cut)) 100%, 0 100%);
}

.buttonStyle001,
.buttonStyle002,
.buttonStyle004,
.buttonStyle005,
a.buttonStyle001,
a.buttonStyle002,
a.buttonStyle004,
a.buttonStyle005,
button,
.genericButton,
.functionalButton,
.WaGadgetEventsStateDetails .boxActionContainer a,
.WaGadgetMembershipApplication .navigationOuterContainer a {
  position: relative !important;
  isolation: isolate;
  overflow: hidden;
}

.buttonStyle001::before,
.buttonStyle002::before,
.buttonStyle004::before,
.buttonStyle005::before,
a.buttonStyle001::before,
a.buttonStyle002::before,
a.buttonStyle004::before,
a.buttonStyle005::before,
button::before,
.genericButton::before,
.functionalButton::before,
.WaGadgetEventsStateDetails .boxActionContainer a::before,
.WaGadgetMembershipApplication .navigationOuterContainer a::before {
  content: "";
  position: absolute;
  inset: var(--site-button-border-size);
  z-index: -1;
  pointer-events: none;
  --inner-button-cut: calc(var(--site-button-cut) - var(--site-button-border-size));
  background: var(--button-bg);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--inner-button-cut)), calc(100% - var(--inner-button-cut)) 100%, 0 100%);
  transition: background 0.2s ease;
}

.buttonStyle001 span,
.buttonStyle002 span,
.buttonStyle004 span,
.buttonStyle005 span,
a.buttonStyle001 span,
a.buttonStyle002 span,
a.buttonStyle004 span,
a.buttonStyle005 span,
.genericButton span,
.functionalButton span,
.WaGadgetEventsStateDetails .boxActionContainer a span,
.WaGadgetMembershipApplication .navigationOuterContainer a span {
  position: relative;
  z-index: 1;
  color: inherit !important;
}

.buttonStyle001:hover,
.buttonStyle002:hover,
.buttonStyle004:hover,
a.buttonStyle001:hover,
a.buttonStyle002:hover,
a.buttonStyle004:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
.genericButton:hover,
.functionalButton:hover,
.commonMessageBox .buttons input:hover,
.WaGadgetEventsStateDetails .registrationInfoContainer input[type="submit"]:hover,
.WaGadgetEventsStateDetails .boxActionContainer input[type="submit"]:hover,
.WaGadgetEventsStateDetails .boxActionContainer input[type="button"]:hover,
.WaGadgetEventsStateDetails .boxActionContainer a:hover,
.WaGadgetAuthorizationRequired .loginPageTable input.loginButton:hover,
.WaGadgetLoginForm input.loginButton:hover,
.WaGadgetContactProfile .buttonPanel input:hover,
.WaGadgetMembershipApplication .navigationOuterContainer input:hover,
.WaGadgetMembershipApplication .navigationOuterContainer a:hover,
.WaGadgetMembershipApplication .buttonPanel input:hover,
.WaGadgetMemberDirectoryStateList .memberDirectorySearchAreaOuterContainer input[type="submit"]:hover {
  --button-border: var(--button-hover-border);
  --button-bg: var(--button-hover-bg);
  --button-text: var(--button-hover-text);
  color: var(--button-hover-text) !important;
  background: var(--button-hover-border) !important;
  text-decoration: none !important;
}
a.buttonStyle005:hover, .buttonStyle005:hover {
  --button-border: var(--site-red) !important;
  --button-bg: var(--site-red) !important;
  --button-text: var(--site-white) !important;
   background: var(--site-red) !important;
    color: #fff !important;
    text-decoration: none !important;
}
.buttonStyle001:hover::before,
.buttonStyle002:hover::before,
.buttonStyle004:hover::before,
.buttonStyle005:hover::before,
a.buttonStyle001:hover::before,
a.buttonStyle002:hover::before,
a.buttonStyle004:hover::before,
a.buttonStyle005:hover::before,
button:hover::before,
.genericButton:hover::before,
.functionalButton:hover::before,
.WaGadgetEventsStateDetails .boxActionContainer a:hover::before,
.WaGadgetMembershipApplication .navigationOuterContainer a:hover::before { background: var(--button-hover-bg); }

.buttonStyle002,
a.buttonStyle002 {
  --button-border: var(--site-teal);
  --button-bg: var(--site-white) !important;
  --button-text: var(--site-teal);
  --button-hover-border: var(--site-dark);
  --button-hover-bg: var(--site-dark);
  --button-hover-text: var(--site-white);
  color: var(--site-teal) !important;
  background: var(--site-teal) !important;
}

.buttonStyle004,
a.buttonStyle004 {
  --button-border: var(--site-red) !important;
  --button-bg: var(--site-white) !important;
  --button-text: var(--site-red) !important;
  color: var(--site-red) !important;
  background: var(--site-red) !important;
}

.buttonStyle005,
a.buttonStyle005 {
  --button-border: var(--site-red) !important;
  --button-bg: var(--site-red) !important;
  --button-text: var(--site-white) !important;
   background: var(--site-red) !important;
  color: var(--site-white) !important;
 
}

input.buttonStyle002,
input[type="submit"].buttonStyle002,
input[type="button"].buttonStyle002,
input.buttonStyle004,
input[type="submit"].buttonStyle004,
input[type="button"].buttonStyle004,
input.buttonStyle005,
input[type="submit"].buttonStyle005,
input[type="button"].buttonStyle005 {
  outline-offset: -2px;
}

input.buttonStyle002,
input[type="submit"].buttonStyle002,
input[type="button"].buttonStyle002 {
  color: var(--site-teal) !important;
  background: var(--site-white) !important;
  outline: 2px solid var(--site-teal);
}

input.buttonStyle004,
input[type="submit"].buttonStyle004,
input[type="button"].buttonStyle004 {
  color: var(--site-red) !important;
  background: var(--site-white) !important;
  outline: 2px solid var(--site-red) !important;
}

input.buttonStyle005,
input[type="submit"].buttonStyle005,
input[type="button"].buttonStyle005 {
  color: var(--site-white) !important;
  background: var(--site-red) !important;
  outline: 2px solid var(--site-red) !important;
}

/* Text/triangle link button */
a.buttonStyle003,
a:link.buttonStyle003 {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0 20px;
  background: transparent;
  font-family: var(--site-body-font);
  font-weight: 800 !important;
  text-transform: capitalize;
}

.buttonStyle003:hover,
a.buttonStyle003:hover {
  background: transparent !important;
  text-decoration: none;
}

.buttonStyle003::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  width: 13px;
  height: 13px;
  background: var(--site-aqua);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.buttonStyle003:hover::before,
a.buttonStyle003:hover::before { background: var(--site-red); }

input[type="submit"]:disabled,
input[type="button"]:disabled,
button:disabled,
.buttonStyle001:disabled,
.buttonStyle002:disabled,
.buttonStyle003:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

/* =========================================================
   06. Forms + System Gadgets
========================================================= */

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="number"],
textarea,
select,
.WaGadgetContactProfile input[type="text"],
.WaGadgetContactProfile input[type="email"],
.WaGadgetContactProfile textarea,
.WaGadgetMembershipApplication input[type="text"],
.WaGadgetMembershipApplication input[type="email"],
.WaGadgetMembershipApplication input[type="password"],
.WaGadgetMembershipApplication textarea,
.WaGadgetMembershipApplication select,
.WaGadgetAuthorizationRequired input[type="text"],
.WaGadgetAuthorizationRequired input[type="email"],
.WaGadgetAuthorizationRequired input[type="password"],
.WaGadgetLoginForm input[type="text"],
.WaGadgetLoginForm input[type="email"],
.WaGadgetLoginForm input[type="password"] {
  font-family: var(--site-body-font) !important;
  color: var(--site-text) !important;
  background: var(--site-white) !important;
  border: 1px solid var(--site-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 12px 14px !important;
  min-height: 42px;
}

input:focus,
textarea:focus,
select:focus,
.WaGadgetMembershipApplication input:focus,
.WaGadgetMembershipApplication textarea:focus,
.WaGadgetMembershipApplication select:focus,
.WaGadgetAuthorizationRequired input:focus,
.WaGadgetLoginForm input:focus {
  border-color: var(--site-teal) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(66, 217, 217, 0.22) !important;
}

label,
.fieldLabel,
.fieldSubContainer .fieldLabel,
.WaGadgetMembershipApplication .fieldLabel,
.WaGadgetAuthorizationRequired .fieldLabel,
.WaGadgetLoginForm .fieldLabel {
  font-family: var(--site-body-font) !important;
  color: var(--site-text) !important;
  font-weight: 700 !important;
}

.mandatorySymbol,
.requiredSymbol,
.fieldLabel .mandatorySymbol,
.WaGadgetMembershipApplication .mandatorySymbol { color: var(--site-teal) !important; }

.fieldSubContainer .fieldBody .typeInstruction,
.fieldSubContainer .fieldBody .fieldComment,
.WaGadgetMembershipApplication .typeInstruction,
.WaGadgetMembershipApplication .fieldComment {
  color: var(--site-muted) !important;
  font-size: 13px !important;
  line-height: 1.45;
}

.WaGadgetLoginForm,
.WaGadgetAuthorizationRequired,
.WaGadgetMembershipApplication {
  font-family: var(--site-body-font) !important;
  color: var(--site-text);
}

.WaGadgetMembershipApplication .boxBodyContainer,
.WaGadgetMembershipApplication .formContainer,
.WaGadgetMembershipApplication .applicationFormContainer,
.WaGadgetMembershipApplication .memberDetailsContainer {
  background: var(--site-white);
  color: var(--site-text);
}

.WaGadgetMembershipApplication .formTitleOuterContainer,
.WaGadgetMembershipApplication .sectionTitle,
.WaGadgetMembershipApplication .captionOuterContainer,
.WaGadgetMembershipApplication .formTitle {
  font-family: var(--site-heading-font) !important;
  color: var(--site-text) !important;
  font-weight: 800;
  line-height: 1.1;
}

.WaGadgetMembershipApplication .fieldContainer,
.WaGadgetMembershipApplication .fieldSubContainer,
.WaGadgetMembershipApplication .formFieldContainer { border-color: var(--site-border); }

.WaGadgetMembershipApplication .membershipLevel,
.WaGadgetMembershipApplication .levelRecurring,
.WaGadgetMembershipApplication .levelBundle,
.WaGadgetMembershipApplication .levelProperties,
.WaGadgetMembershipApplication .levelDetails {
  background: var(--site-off-white);
  border: 1px solid var(--site-border);
  border-radius: 0;
  color: var(--site-text);
}

.WaGadgetMembershipApplication .membershipLevel:hover,
.WaGadgetMembershipApplication .levelRecurring:hover,
.WaGadgetMembershipApplication .levelBundle:hover { border-color: var(--site-teal); }

.WaGadgetMembershipApplication .membershipLevelName,
.WaGadgetMembershipApplication .levelName,
.WaGadgetMembershipApplication .levelTitle {
  font-family: var(--site-heading-font) !important;
  color: var(--site-text) !important;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.1;
}

.WaGadgetMembershipApplication .membershipLevelDescription,
.WaGadgetMembershipApplication .levelDescription {
  color: var(--site-muted) !important;
  font-size: 14px;
}

.WaGadgetMembershipApplication .membershipLevelPrice,
.WaGadgetMembershipApplication .levelPrice,
.WaGadgetMembershipApplication .price {
  color: var(--site-teal) !important;
  font-weight: 800;
}

.WaGadgetMembershipApplication input[type="radio"]:checked + label,
.WaGadgetMembershipApplication input[type="checkbox"]:checked + label {
  color: var(--site-dark) !important;
  font-weight: 800 !important;
}

.WaGadgetMembershipApplication .wizardSteps,
.WaGadgetMembershipApplication .navigationOuterContainer { font-family: var(--site-body-font) !important; }
.WaGadgetMembershipApplication .wizardStepCurrent,
.WaGadgetMembershipApplication .stepCurrent,
.WaGadgetMembershipApplication .currentStep {
  color: var(--site-white) !important;
  background: var(--site-dark) !important;
  border-color: var(--site-dark) !important;
}
.WaGadgetMembershipApplication .wizardStepPast,
.WaGadgetMembershipApplication .stepPast {
  color: var(--site-dark) !important;
  background: var(--site-light-aqua) !important;
  border-color: var(--site-aqua) !important;
}
.WaGadgetMembershipApplication .wizardStepFuture,
.WaGadgetMembershipApplication .stepFuture {
  color: var(--site-muted) !important;
  background: var(--site-off-white) !important;
  border-color: var(--site-border) !important;
}

.WaGadgetMembershipApplication .invoiceContainer,
.WaGadgetMembershipApplication .paymentContainer,
.WaGadgetMembershipApplication .confirmationContainer,
.WaGadgetMembershipApplication .summaryContainer {
  background: var(--site-off-white);
  border: 1px solid var(--site-border);
  color: var(--site-text);
}

.WaGadgetMembershipApplication .total,
.WaGadgetMembershipApplication .grandTotal,
.WaGadgetMembershipApplication .amount {
  color: var(--site-dark) !important;
  font-weight: 800;
}

.WaGadgetMembershipApplication .error,
.WaGadgetMembershipApplication .fieldError,
.WaGadgetMembershipApplication .validationError,
.WaGadgetAuthorizationRequired .error,
.WaGadgetLoginForm .error {
  color: #b00020 !important;
  font-weight: 700;
}

.WaGadgetMembershipApplication .success,
.WaGadgetMembershipApplication .confirmationMessage,
.WaGadgetMembershipApplication .infoMessage {
  color: var(--site-dark) !important;
  background: var(--site-light-aqua);
  border: 1px solid var(--site-aqua);
}

.commonMessageBox,
.generalFieldsContainer,
.infoOuterContainer,
.warningOuterContainer,
.errorOuterContainer {
  font-family: var(--site-body-font) !important;
  border-radius: 0;
}

.infoOuterContainer,
.commonMessageBox {
  background: var(--site-light-aqua);
  border-color: var(--site-aqua);
  color: var(--site-text);
}
.warningOuterContainer {
  background: #fff8e5;
  border-color: #f2d16b;
  color: var(--site-text);
}
.errorOuterContainer {
  background: #ffecec;
  border-color: #d97b7b;
  color: var(--site-text);
}

.WaGadgetEventsStateList .boxOuterContainer,
.WaGadgetBlogStateList .boxOuterContainer,
.WaGadgetForumStateList .boxOuterContainer,
.WaGadgetMemberDirectoryStateList .memberDirectorySearchAreaOuterContainer {
  border-color: var(--site-border);
  box-shadow: none;
}

.WaGadgetEvents .title,
.WaGadgetEvents .title a,
.WaGadgetBlog .title,
.WaGadgetBlog .title a,
.WaGadgetForum .topicTitle,
.WaGadgetForum .topicTitle a {
  color: var(--site-text) !important;
  font-weight: 800;
}

.WaGadgetEvents .title a:hover,
.WaGadgetBlog .title a:hover,
.WaGadgetForum .topicTitle a:hover { color: var(--site-teal) !important; }

/* =========================================================
   07. Tables + Sponsors Table
========================================================= */

table { border-color: var(--site-border); }
th {
  font-family: var(--site-body-font) !important;
  background: var(--site-dark);
  color: var(--site-white);
  font-weight: 800;
}
td,
th { border-color: var(--site-border); }
/* 
   Sponsor Level Columns
 */

.creda-sponsor-levels {
  max-width: 1400px;
  margin: 0 auto;
  padding: 30px 16px;
}

.creda-sponsor-levels-header {
  margin-bottom: 28px;
}

.creda-sponsor-levels-header h2 {
  margin-bottom: 6px !important;
}

.creda-sponsor-levels-header p {
  margin: 0;
  color: var(--site-muted, #5b7178);
  font-size: 18px;
  font-weight: 300;
}

.creda-sponsor-levels-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.creda-sponsor-card {
  --tier-color: var(--site-teal, #007d8a);
  --tier-dark: var(--site-dark, #003f49);
  --tier-text: #ffffff;
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: #ffffff;
  border: 1px solid var(--site-border, #d6e1e4);
  box-shadow: 0 12px 30px rgba(0, 63, 73, 0.10);
  overflow: hidden;
}

.creda-sponsor-card-header {
  position: relative;
  padding: 24px 22px;
  background: linear-gradient(135deg, var(--tier-dark), var(--tier-color));
  color: var(--tier-text);
}


.creda-sponsor-card-header h3 {
  margin: 0 0 12px !important;
  padding: 0 !important;
  color: var(--tier-text) !important;
  font-family: var(--site-heading-font, "Inter", Arial, sans-serif) !important;
  font-size: clamp(24px, 2vw, 34px);
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -0.045em;
}

.creda-sponsor-card-header h3::before {
  display: none !important;
}

.creda-sponsor-card-header p {
  margin: 0 !important;
  color: var(--tier-text) !important;
  font-family: var(--site-body-font, "Inter", Arial, sans-serif) !important;
  font-size: 24px;
  line-height: 1;
  font-weight: 800;
}

.creda-sponsor-card ul {
  flex: 1;
  margin: 0;
  padding: 0;
  list-style: none;
}

.creda-sponsor-card li {
  margin: 0;
  padding: 12px 18px!important;
  border-bottom: 1px solid var(--site-border, #d6e1e4);
  color: var(--site-text, #043747);
  font-family: var(--site-body-font, "Inter", Arial, sans-serif) !important;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 300;
}

.creda-sponsor-card li:nth-child(even) {
  background: #f7f9f9;
}

.creda-sponsor-card li:last-child {
  border-bottom: none;
}

.creda-sponsor-card li strong {
  color: var(--site-dark, #003f49);
  font-weight: 800;
}

/* Tier Colors */
.creda-sponsor-card.platinum {
  --tier-color: #2d6f9f;
  --tier-dark: #163a5f;
  --tier-text: #ffffff;
}

.creda-sponsor-card.gold {
  --tier-color: #ffd75a;
  --tier-dark: #c29200;
  --tier-text: #111111;
}

.creda-sponsor-card.silver {
  --tier-color: #eef2f7;
  --tier-dark: #aeb8c5;
  --tier-text: #111111;
}

.creda-sponsor-card.bronze {
  --tier-color: #dd7425;
  --tier-dark: #a9430f;
  --tier-text: #ffffff;
}

.creda-sponsor-card.gold .creda-sponsor-card-header::before,
.creda-sponsor-card.silver .creda-sponsor-card-header::before {
  background: var(--site-dark, #003f49);
}

.creda-sponsor-note {
  margin-top: 18px;
  color: var(--site-muted, #5b7178);
  font-size: 14px;
  line-height: 1.4;
}

/* Tablet: 2 columns */
@media screen and (max-width: 1100px) {
  .creda-sponsor-levels-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile: 1 column */
@media screen and (max-width: 640px) {
  .creda-sponsor-levels {
    padding: 24px 10px;
  }

  .creda-sponsor-levels-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .creda-sponsor-card-header {
    padding: 22px 20px;
  }

  .creda-sponsor-card li {
    font-size: 15px;
    padding: 11px 16px;
  }
}

/* =========================================================
   08. Login Gadget + Mobile Panel
========================================================= */

.WaGadgetLoginButton .loginContainer.loginContainer .loginLink { font-size: 14px !important; }
.WaGadgetLoginButton .loginContainer.authenticated.loginContainer.authenticated .loginLink { margin-top: 5px !important; }

.WaGadgetLoginButton .loginLink,
.WaGadgetLoginButton .loginLink:link {
  position: relative;
  display: inline-block;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 0 20px !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--site-white) !important;
  font-family: var(--site-body-font) !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  text-transform: capitalize !important;
  text-indent: 0 !important;
  overflow: visible !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
}

.WaGadgetLoginButton .loginLink:hover,
.WaGadgetLoginButton .loginLink.hover {
  background: transparent !important;
  background-image: none !important;
  color: var(--site-white) !important;
  text-decoration: none !important;
}

.WaGadgetLoginButton .loginLink::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.15em !important;
  width: 13px !important;
  height: 13px !important;
  background: var(--site-aqua) !important;
  clip-path: polygon(0 0, 100% 0, 0 100%) !important;
  font: inherit !important;
  text-indent: 0 !important;
}

.WaGadgetLoginButton .loginLink:hover::before,
.WaGadgetLoginButton .loginLink.hover::before { background: var(--site-red) !important; }

.WaGadgetLoginButton .loginContainer.authenticated .loginLink {
  color: transparent !important;
  font-size: 0 !important;
}

.WaGadgetLoginButton .loginContainer.authenticated .loginLink::after {
  content: "My Account" !important;
  display: inline-block !important;
  color: var(--site-white) !important;
  font-family: var(--site-body-font) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  text-transform: capitalize !important;
  text-indent: 0 !important;
}

.WaGadgetLoginButton .loginLink,
.WaGadgetLoginButton .authenticated .loginLink,
.WaGadgetLoginButton .authenticated .loginBoxLinkContainer a,
.WaGadgetLoginButton a {
  font-family: var(--site-body-font) !important;
  text-decoration: none;
}

.WaGadgetLoginButton .loginBox,
.WaGadgetLoginButton .loginBoxContainer {
  background: var(--site-white);
  border: 1px solid var(--site-border);
  box-shadow: 0 12px 30px rgba(0, 63, 73, 0.14);
  border-radius: 0;
}

/* =========================================================
   09. Custom Blocks
========================================================= */

/* CTA Card Grid */
.ctaCardGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
}
.ctaCard {
  padding: 20px;
  border-right: 2px solid var(--site-border);
  box-sizing: border-box;
}
.ctaCard:nth-child(4n) { border-right: none; }
.ctaCard .gadgetStyleBody {
  display: grid;
  grid-template-columns: 78px 1fr;
  column-gap: 0;
  align-items: start;
}
.ctaCard img {
  grid-column: 1;
  grid-row: 1 / span 2;
  display: block;
  width: 60px;
  max-width: 60px;
  height: auto;
  margin: 0 !important;
}
.ctaCard h3 {
  grid-column: 2;
  margin: 0 0 4px !important;
  padding: 0 !important;
  font-family: var(--site-heading-font) !important;
  font-size: clamp(20px, 2.4vw, 24px);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.045em;
}
.ctaCard h3::before { display: none !important; }
.ctaCard p {
  grid-column: 2;
  margin: 0 !important;
  font-family: var(--site-body-font) !important;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.25;
}
.ctaCard p strong {
  display: block;
  margin-bottom: 10px;
  font-size: clamp(16px, 1.4vw, 18px);
  font-weight: 800;
  line-height: 1.1;
}

/* Hero Slider Overlap */
.credaHeroCard h1 { font-size: clamp(28px, 4vw, 36px) !important; }
.credaHero {
  position: relative !important;
  width: 100% !important;
  min-height: clamp(420px, 48vw, 680px);
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
.credaHero,
.credaHero .WaLayoutTable,
.credaHero .WaLayoutRow,
.credaHero .WaLayoutItem,
.credaHero .WaLayoutPlaceHolder,
.credaHero .WaGadgetOnly { overflow: visible !important; }
.credaHeroSlider {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.credaHeroSlider .gadgetStyleBody,
.credaHeroSlider .camera_wrap,
.credaHeroSlider .camera_target,
.credaHeroSlider .camera_src,
.credaHeroSlider .cameraSlide,
.credaHeroSlider .cameraContent,
.credaHeroSlider .camera_fakehover,
.credaHeroSlider img {
  width: 100% !important;
  height: 100% !important;
}
.credaHeroSlider img {
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
}
.credaHeroCard {
  position: absolute !important;
  left: clamp(20px, 8vw, 90px);
  bottom: -100px;
  z-index: 5 !important;
  width: min(800px, calc(100% - 40px));
  background: #013a49;
  padding: 20px 30px;
  box-sizing: border-box;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 44px), calc(100% - 44px) 100%, 0 100%);
}
.credaHero + * { margin-top: 70px; }

/* Contact / Action Cards */
.credaContactCards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 42px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.credaContactCard {
  position: relative;
  min-height: 300px;
  padding: 35px 34px;
  background: var(--site-dark);
  border-width: 14px;
  border-style: solid;
  border-top-color: #c4f2f2;
  border-left-color: #c4f2f2;
  border-right-color: #039ca2;
  border-bottom-color: #039ca2;
  box-shadow: none;
  box-sizing: border-box;
  overflow: visible;
}
.credaContactCard::after { display: none !important; }
.credaContactCard::before {
  content: "";
  position: absolute;
  left: 38px;
  top: 46px;
  width: 16px;
  height: 16px;
  background: var(--site-orange);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.credaContactCard .gadgetStyleBody {
  position: relative;
  z-index: 2;
}

/* Reusable Hover Effect: add class="hover" to any div */
div.hover {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
div.hover::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(135deg, rgba(66, 217, 217, 0.18), rgba(225, 0, 84, 0.08));
  transition: opacity 0.25s ease;
}
div.hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: -140%;
  z-index: 1;
  width: 80%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.35) 50%, transparent 100%);
  transform: skewX(-18deg);
  transition: left 0.55s ease;
}
div.hover > * {
  position: relative;
  z-index: 2;
}
div.hover:hover,
div.hover:focus-within {
  transform: translateY(-6px);
  box-shadow: 0 16px 34px rgba(0, 63, 73, 0.16);
}
div.hover:hover::before { opacity: 1; }
div.hover:hover::after { left: 140%; }

/* Check Bullet List */
.checkBullets ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.checkBullets li {
  position: relative;
  margin: 0 0 26px !important;
  padding-left: 40px !important;
  color: var(--site-text);
  font-family: var(--site-body-font) !important;
  font-size: 17px;
  line-height: 1.22;
  font-weight: 400;
}
.checkBullets li:last-child { margin-bottom: 0 !important; }
.checkBullets li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0.05em;
  width: 18px;
  height: 18px;
  border: 2px solid var(--site-teal);
  border-radius: 50%;
  color: var(--site-teal);
  font-size: 12px;
  line-height: 16px;
  font-weight: 800;
  text-align: center;
  box-sizing: border-box;
}
.checkBullets a {
  color: var(--site-teal) !important;
  font-weight: 800;
  text-decoration: none;
}
.checkBullets a:hover {
  color: var(--site-red) !important;
  text-decoration: none;
}

/* =========================================================
   10. Responsive
========================================================= */

@media screen and (max-width: 1400px) {
  .ctaCardGrid { grid-template-columns: repeat(2, 1fr); }
  .ctaCard {
    border-right: 2px solid var(--site-border);
    border-bottom: 2px solid var(--site-border);
  }
  .ctaCard:nth-child(2n) { border-right: none; }
  .ctaCard:nth-last-child(-n+2) { border-bottom: none; }
}

@media screen and (max-width: 1100px) {
  .credaContactCards {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
  .credaContactCard { padding: 50px 44px; }
}

@media screen and (max-width: 768px) {
  body,
  body.cal-header-is-stuck { padding-top: 0 !important; }
  html { scroll-padding-top: 0; }
  .non-mobile { display: none !important; }
  .alignRight { text-align: center; }

  #id_Header1.cal-sticky-header,
  #id_Header1.cal-sticky-header.is-stuck {
    position: relative !important;
    inset: auto !important;
    box-shadow: none;
    animation: none;
  }
  #id_Header1.cal-sticky-header img,
  #id_Header1.cal-sticky-header.is-stuck img {
    max-height: 58px;
    transform: none;
  }
  #id_Header1.cal-sticky-header #id_WVXGqTJ,
  #id_Header1.cal-sticky-header.is-stuck #id_WVXGqTJ {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    transform: none;
  }
  #id_Header1.cal-sticky-header #id_6NfRKGL ul.firstLevel,
  #id_Header1.cal-sticky-header #id_6NfRKGL ul.firstLevel > li { display: block; }

  .mobilePanelContainer,
  .WaPlaceHolderMobilePanel,
  .WaGadgetMobilePanel,
  .WaGadgetMobilePanel .mobilePanel {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: var(--site-white) !important;
    color: var(--site-teal) !important;
    box-sizing: border-box !important;
  }
  .WaGadgetMobilePanel .mobilePanel {
    position: relative !important;
    min-height: 72px !important;
    overflow: visible !important;
  }
  .WaGadgetMobilePanel .mobilePanelButton,
  .WaGadgetMobilePanel .buttonMenu,
  .WaGadgetMobilePanel .buttonLogin {
    position: absolute !important;
    top: 14px !important;
    z-index: 70 !important;
    margin: 0 !important;
    background-color: var(--site-white) !important;
    color: var(--site-teal) !important;
    border-color: var(--site-border) !important;
    font-family: var(--site-body-font) !important;
    font-weight: 800 !important;
    text-transform: none !important;
  }
  .WaGadgetMobilePanel .buttonMenu { left: 10px !important; }
  .WaGadgetMobilePanel .buttonLogin { right: 10px !important; }
  .WaGadgetMobilePanel .mobilePanelButton:hover,
  .WaGadgetMobilePanel .mobilePanelButton.active,
  .WaGadgetMobilePanel .buttonMenu:hover,
  .WaGadgetMobilePanel .buttonMenu.active,
  .WaGadgetMobilePanel .buttonLogin:hover,
  .WaGadgetMobilePanel .buttonLogin.active {
    background-color: var(--site-teal) !important;
    color: var(--site-white) !important;
    border-color: var(--site-teal) !important;
  }
  .WaGadgetMobilePanel .menuInner {
    display: block !important;
    position: static !important;
    clear: both !important;
    width: 100% !important;
    min-height: 72px !important;
    margin: 0 !important;
    padding: 72px 0 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
  .WaGadgetMobilePanel .menuInner ul,
  .WaGadgetMobilePanel .menuInner ul.firstLevel {
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: var(--site-white) !important;
    box-shadow: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
  .WaGadgetMobilePanel .menuInner li,
  .WaGadgetMobilePanel .menuInner .item {
    background-color: var(--site-white) !important;
    color: var(--site-teal) !important;
    border-color: var(--site-border) !important;
  }
  .WaGadgetMobilePanel .menuInner ul.firstLevel > li { display: none !important; }
  .WaGadgetMobilePanel .menuInner ul.firstLevel > li:first-child {
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    top: 10px !important;
    transform: translateX(-50%) !important;
    z-index: 80 !important;
    width: 155px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
  }
  .WaGadgetMobilePanel .menuInner ul.firstLevel > li:first-child > .item,
  .WaGadgetMobilePanel .menuInner ul.firstLevel > li:first-child > .item > a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    border: none !important;
  }
  .WaGadgetMobilePanel .menuInner ul.firstLevel > li:first-child > .item > a {
    background-image: url('/resources/Theme/CREDA_Jersey%20Logo_RGB.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
  }
  .WaGadgetMobilePanel .menuInner ul.firstLevel > li:first-child > .item > a span { display: none !important; }
  .WaGadgetMobilePanel .menuInner a,
  .WaGadgetMobilePanel .menuInner a span,
  .WaGadgetMobilePanel .menuInner .item a,
  .WaGadgetMobilePanel .menuInner .item a span {
    color: var(--site-teal) !important;
    background-color: transparent !important;
    font-family: var(--site-body-font) !important;
    font-weight: 800 !important;
    text-transform: none !important;
    text-decoration: none !important;
  }
  .WaGadgetMobilePanel .menuInner a:hover,
  .WaGadgetMobilePanel .menuInner a:hover span,
  .WaGadgetMobilePanel .menuInner li.sel > .item > a,
  .WaGadgetMobilePanel .menuInner li.sel > .item > a span {
    background-color: var(--site-teal) !important;
    color: var(--site-white) !important;
    text-decoration: none !important;
  }
  .WaGadgetMobilePanel .buttonMenu.active ~ .menuInner {
    margin: 0 !important;
    background: var(--site-white) !important;
    box-shadow: 0 15px 20px 15px rgba(0, 0, 0, 0.1) !important;
  }
  .WaGadgetMobilePanel .buttonMenu.active ~ .menuInner ul.firstLevel > li:not(:first-child) {
    display: block !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
  }
  .WaGadgetMobilePanel .loginInner,
  .WaGadgetMobilePanel .loginContainerForm,
  .WaGadgetMobilePanel .generalLoginBox {
    background-color: var(--site-white) !important;
    color: var(--site-text) !important;
    border-color: var(--site-border) !important;
  }
  .WaGadgetMobilePanel .loginInner {
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: 0 15px 20px 15px rgba(0, 0, 0, 0.1) !important;
  }
  .WaGadgetMobilePanel input[type="text"],
  .WaGadgetMobilePanel input[type="email"],
  .WaGadgetMobilePanel input[type="password"],
  .WaGadgetMobilePanel .emailTextBoxControl,
  .WaGadgetMobilePanel .passwordTextBoxControl {
    background-color: var(--site-white) !important;
    color: var(--site-text) !important;
    border-color: var(--site-border) !important;
    font-family: var(--site-body-font) !important;
  }
  .WaGadgetMobilePanel label,
  .WaGadgetMobilePanel .loginActionRememberMe,
  .WaGadgetMobilePanel .loginPasswordForgot a { color: var(--site-teal) !important; }
  .WaGadgetMobilePanel .loginButton,
  .WaGadgetMobilePanel .loginButtonControl,
  .WaGadgetMobilePanel input[type="submit"] {
    background-color: var(--site-teal) !important;
    color: var(--site-white) !important;
    border-color: var(--site-teal) !important;
    font-family: var(--site-body-font) !important;
    font-weight: 800 !important;
  }
  .WaGadgetMobilePanel .loginButton:hover,
  .WaGadgetMobilePanel .loginButtonControl:hover,
  .WaGadgetMobilePanel input[type="submit"]:hover {
    background-color: var(--site-dark) !important;
    color: var(--site-white) !important;
    border-color: var(--site-dark) !important;
  }

  .credaHero {
    min-height: auto;
    padding-bottom: 0 !important;
  }
  .credaHeroSlider {
    position: relative !important;
    inset: auto !important;
    height: clamp(260px, 70vw, 420px) !important;
  }
  .credaHeroCard {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 20px !important;
  }
  .credaHero + * { margin-top: 0; }
}

@media screen and (max-width: 700px) {
  .credaContactCards {
    grid-template-columns: 1fr;
    gap: 38px;
  }
  .credaContactCard {
    min-height: auto;
    padding: 48px 34px 44px;
    border-width: 12px;
  }
  .credaContactCard::before {
    left: 26px;
    top: 36px;
  }
  .credaContactCard h2,
  .credaContactCard h3 { font-size: clamp(34px, 12vw, 48px); }
  .credaContactCard p { font-size: 22px; }
  .credaSocialLinks { margin-top: 42px; }
}

@media screen and (max-width: 640px) {
  .ctaCardGrid { grid-template-columns: 1fr; }
  .ctaCard {
    padding: 24px 0;
    border-right: none !important;
    border-bottom: 2px solid var(--site-border);
  }
  .ctaCard:last-child { border-bottom: none; }
  .ctaCard .gadgetStyleBody {
    grid-template-columns: 58px 1fr;
    column-gap: 18px;
  }
  .ctaCard img {
    width: 58px;
    max-width: 58px;
  }
  .ctaCard h3 { font-size: clamp(24px, 8vw, 32px); }
  .ctaCard p {
    font-size: 16px;
    line-height: 1.35;
  }
  .ctaCard p strong {
    margin-bottom: 10px;
    font-size: 17px;
  }
}

@media screen and (max-width: 600px) {
  html,
  body { font-size: 15px; }
  p,
  li,
  td,
  th,
  label,
  input,
  textarea,
  select { font-size: 16px; }
  .WaGadgetBreadcrumbs ul li { font-size: 12px; }
  h1,
  .pageTitle { font-size: clamp(38px, 12vw, 54px); }
  h2 { font-size: clamp(32px, 10vw, 44px); }
  h3 { font-size: clamp(26px, 8vw, 34px); }
  .quotedText,
  .gadgetStyle002 .quotedText {
    margin: 24px 0;
    padding: 58px 0 12px 0;
    font-size: clamp(21px, 6vw, 27px);
    line-height: 1.35;
    letter-spacing: -0.015em;
  }
  .quotedText::before,
  .gadgetStyle002 .quotedText::before {
    left: 0;
    top: -12px;
    font-size: 86px;
  }
  .quotedText::after,
  .gadgetStyle002 .quotedText::after {
    width: 90px;
    height: 3px;
    margin-top: 16px;
  }
  .buttonStyle001,
  .buttonStyle002,
  .buttonStyle003,
  .buttonStyle004,
  .buttonStyle005,
  input[type="submit"],
  input[type="button"],
  button,
  .genericButton,
  .functionalButton {
    --site-button-cut: 10px;
    max-width: 100%;
  }
  .checkBullets li {
    margin-bottom: 22px !important;
    padding-left: 34px !important;
    font-size: 16px;
    line-height: 1.28;
  }
  .checkBullets li::before {
    width: 17px;
    height: 17px;
    font-size: 11px;
    line-height: 15px;
  }
}




@media screen and (max-width: 420px) {
  .quotedText,
  .gadgetStyle002 .quotedText {
    padding-top: 50px;
    font-size: clamp(20px, 6.2vw, 24px);
    line-height: 1.4;
  }
  .quotedText::before,
  .gadgetStyle002 .quotedText::before {
    top: -8px;
    font-size: 74px;
  }
}

@media (prefers-reduced-motion: reduce) {
  div.hover,
  div.hover::before,
  div.hover::after { transition: none; }
  div.hover:hover,
  div.hover:focus-within { transform: none; }
}

/* Admin View Safety */
body:has(.adminPanel),
body:has(#idAdminPanelContainer),
body:has(.adminView) { padding-top: 0 !important; }

body:has(.adminPanel) #id_Header1.cal-sticky-header,
body:has(#idAdminPanelContainer) #id_Header1.cal-sticky-header,
body:has(.adminView) #id_Header1.cal-sticky-header {
  position: relative !important;
  inset: auto !important;
}


/* =========================================================
   CREDA Events 
========================================================= */

/* Main wrappers */
.WaGadgetEventsStateList,
.WaGadgetEventsStateDetails {

  margin-left: auto;
  margin-right: auto;
  color: var(--site-text, #043747);
  font-family: var(--site-body-font, "Inter", Arial, sans-serif) !important;
}


/* Neutralize WA nested box backgrounds without changing layout */
.WaGadgetEventsStateList .upcomingEventsOuterContainer,
.WaGadgetEventsStateList .upcomingEventsContainer,
.WaGadgetEventsStateList .boxContainer,
.WaGadgetEventsStateList .boxHeaderOuterContainer,
.WaGadgetEventsStateList .boxHeaderContainer,
.WaGadgetEventsStateList .boxBodyOuterContainer,
.WaGadgetEventsStateList .boxBodyContainer,
.WaGadgetEventsStateList .boxBodyInfoOuterContainer,
.WaGadgetEventsStateList .boxBodyInfoContainer,
.WaGadgetEventsStateList .boxBodyContentOuterContainer,
.WaGadgetEventsStateList .boxBodyContentContainer,
.WaGadgetEventsStateList .boxFooterOuterContainer,
.WaGadgetEventsStateList .boxFooterContainer,
.WaGadgetEventsStateDetails .boxContainer,
.WaGadgetEventsStateDetails .boxBodyOuterContainer,
.WaGadgetEventsStateDetails .boxBodyContainer,
.WaGadgetEventsStateDetails .boxBodyInfoOuterContainer,
.WaGadgetEventsStateDetails .boxBodyInfoContainer,
.WaGadgetEventsStateDetails .boxBodyContentOuterContainer,
.WaGadgetEventsStateDetails .boxBodyContentContainer {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Prevent WA from clipping event descriptions */
.WaGadgetEventsStateList .boxBodyContentContainer.fixedHeight,
.WaGadgetEventsStateDetails .boxBodyContentContainer.fixedHeight {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  padding-top: 15px;
}

/* =========================================================
   Event List View
========================================================= */
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer {

}
/* Hide empty RSS title area */
.WaGadgetEventsStateList .pageTitle.SystemPageTitle,
.WaGadgetEventsStateList .rssFeedLabel {
  display: none !important;
}

/* Section heading */
.WaGadgetEventsStateList h3.sectionTitle {
  position: relative;
  margin: 0 0 22px !important;
  padding-left: 24px !important;
  color: var(--site-text, #043747) !important;
  font-family: var(--site-heading-font, "Inter", Arial, sans-serif) !important;
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -0.045em;
}

.WaGadgetEventsStateList h3.sectionTitle::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.18em;
  width: 12px;
  height: 12px;
  background: var(--site-aqua, #42d9d9);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* Calendar view link */
.WaGadgetEventsStateList .pageViewSwitcherOuterContainer {
  margin: 0 0 22px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}



.WaGadgetEventsStateList .calendarModeLink {
  color: var(--site-teal, #007d8a) !important;
  font-family: var(--site-body-font, "Inter", Arial, sans-serif) !important;
  font-size: 14px;
  font-weight: 800;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

.WaGadgetEventsStateList .calendarModeLink:hover {
  color: #e10054 !important;
}

/* List reset without changing layout model  */
.WaGadgetEventsStateList .boxesList {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.WaGadgetEventsStateList .boxesListItem {
  margin: 0 0 20px !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Event card */
.WaGadgetEventsStateList .boxesListItem > .boxOuterContainer {
  position: relative;
  margin: 0 !important;
  padding: 40px 20px !important;
  background: #ffffff !important;
  border: 1px solid var(--site-border, #d6e1e4) !important;
  border-left: 5px solid var(--site-teal, #007d8a) !important;
  box-shadow: 0 6px 18px rgba(0, 63, 73, 0.06) !important;
  overflow: visible !important;
}

/* Card spacing */



/* Event title */
/* .WaGadgetEventsStateList .boxHeaderTitle {
  margin: 0 !important;
  padding: 0 !important;
} */

/* .WaGadgetEventsStateList .boxHeaderTitle::before {
  display: none !important;
} */

.WaGadgetEventsStateList .boxHeaderTitle a {
  color: var(--site-text, #043747) !important;
  font-family: var(--site-heading-font, "Inter", Arial, sans-serif) !important;
  font-size: clamp(23px, 2.4vw, 32px);
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: -0.04em;
  text-decoration: none !important;
}

.WaGadgetEventsStateList .boxHeaderTitle a:hover {
  color: var(--site-teal, #007d8a) !important;
}

/* Event info */

.WaGadgetEventsStateList .eventInfoBoxLabel,
.WaGadgetEventsStateDetails .eventInfoBoxLabel {
  margin: 0 8px 0 0 !important;
  color: var(--site-teal, #007d8a) !important;
  font-weight: 800 !important;
}

/* Event list body text */

.WaGadgetEventsStateList .gadgetEventEditableArea,
.WaGadgetEventsStateList .gadgetEventEditableArea p {
  color: var(--site-text, #043747) !important;
  font-family: var(--site-body-font, "Inter", Arial, sans-serif) !important;
  font-size: 16px;
  line-height: 1.45;
  font-weight: 300;
}

.WaGadgetEventsStateList .gadgetEventEditableArea p {
  margin: 0 0 5px !important;
}

/* Show details link */
.WaGadgetEventsStateList .footerEventDetailsLink {
  color: var(--site-teal, #007d8a) !important;
  font-family: var(--site-body-font, "Inter", Arial, sans-serif) !important;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 800;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

.WaGadgetEventsStateList .footerEventDetailsLink:hover {
  color: #e10054 !important;
}

/* =========================================================
   Event Detail View
========================================================= */

/* Top title area */


/* Back link */
.WaGadgetEventsStateDetails .pageBackContainer {
  padding-left: 0 !important;
  margin-bottom: 14px !important;
}

.WaGadgetEventsStateDetails .eventBackLink {
  color: var(--site-teal, #007d8a) !important;
  font-family: var(--site-body-font, "Inter", Arial, sans-serif) !important;
  font-size: 14px;
  font-weight: 800;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

.WaGadgetEventsStateDetails .eventBackLink:hover {
  color: #e10054 !important;
}

/* Add to calendar area */
.WaGadgetEventsStateDetails .pageViewSwitcherOuterContainer {
  margin: 0 0 18px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}



/* Add to calendar dropdown */
.WaGadgetEventsStateDetails .semantic-ui .ui.inline.dropdown.-wa-add-event-to-calendar-dropdown {
  padding: 8px 11px;
  background: #ffffff !important;
  border: 1px solid var(--site-border, #d6e1e4) !important;
  color: var(--site-teal, #007d8a) !important;
  font-family: var(--site-body-font, "Inter", Arial, sans-serif) !important;
  font-size: 14px;
  font-weight: 800;
  box-shadow: none !important;
}

.WaGadgetEventsStateDetails .semantic-ui .ui.inline.dropdown.-wa-add-event-to-calendar-dropdown:hover {
  border-color: var(--site-teal, #007d8a) !important;
}

/* Dropdown menu */
.WaGadgetEventsStateDetails .semantic-ui .ui.inline.dropdown .menu {
  border: 1px solid var(--site-border, #d6e1e4) !important;
  box-shadow: 0 8px 22px rgba(0, 63, 73, 0.10) !important;
}

.WaGadgetEventsStateDetails .semantic-ui .ui.inline.dropdown .menu .item {
  font-family: var(--site-body-font, "Inter", Arial, sans-serif) !important;
  color: var(--site-text, #043747) !important;
  font-size: 14px;
}

.WaGadgetEventsStateDetails .semantic-ui .ui.inline.dropdown .menu .item:hover {
  background: var(--site-light-aqua, #e7fbfb) !important;
  color: var(--site-teal, #007d8a) !important;
}

/* Event detail title */
.WaGadgetEventsStateDetails .pageTitleOuterContainer .eventsTitleContainer h1 {
      position: relative;
    margin: 0 0 22px !important;

    color: var(--site-text, #043747) !important;
    font-family: var(--site-heading-font) !important;
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -0.045em;
}




.WaGadgetEventsStateDetails .pageTitle.SystemPageTitle {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--site-text, #043747) !important;
  font-family: var(--site-heading-font, "Inter", Arial, sans-serif) !important;
  font-size: clamp(34px, 4vw, 58px);
  line-height: 1.04;
  font-weight: 800;
  letter-spacing: -0.045em;
}

.WaGadgetEventsStateDetails .pageTitle.SystemPageTitle::before {
  display: none !important;
}

/* Event detail content card */
.WaGadgetEventsStateDetails .boxOuterContainer.boxBaseView {

  margin: 0 auto;
  background: #ffffff !important;
  border: 1px solid var(--site-border, #d6e1e4) !important;
  border-top: 5px solid var(--site-teal, #007d8a) !important;
  box-shadow: 0 6px 18px rgba(0, 63, 73, 0.06) !important;
  overflow: visible !important;
}

/* Inner spacing */
/* .WaGadgetEventsStateDetails .boxOuterContainer.boxBaseView .boxBodyInfoOuterContainer {
  padding: 24px 26px 4px !important;
} */

/* .WaGadgetEventsStateDetails .boxOuterContainer.boxBaseView .boxBodyContentOuterContainer {
  padding: 6px 26px 26px !important;
} */

/* Registration area */
.WaGadgetEventsStateDetails .registrationInfoContainer {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--site-border, #d6e1e4);
}

.WaGadgetEventsStateDetails .registrationInfoContainer .infoTitle,
.WaGadgetEventsStateDetails .registrationInfoContainer h4.infoTitle {

  color: var(--site-text, #043747) !important;
  font-family: var(--site-heading-font, "Inter", Arial, sans-serif) !important;
  font-size: 24px;
  line-height: 1.1;
  font-weight: 800 !important;
  letter-spacing: -0.035em;
}

.WaGadgetEventsStateDetails .registrationInfoContainer .infoTitle::before,
.WaGadgetEventsStateDetails .registrationInfoContainer h4.infoTitle::before {
  display: none !important;
}

/* .WaGadgetEventsStateDetails .registrationInfo {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.WaGadgetEventsStateDetails .registrationInfo li {
  margin: 0 !important;
  padding: 8px 0 !important;
  border: none !important;
  color: var(--site-text, #043747);
  font-family: var(--site-body-font, "Inter", Arial, sans-serif) !important;
  font-size: 16px;
  line-height: 1.35;
} */

.WaGadgetEventsStateDetails .regTypeLiLabel {
  color: var(--site-teal, #007d8a) !important;
  font-weight: 800 !important;
}

/* Detail body */
.WaGadgetEventsStateDetails .gadgetEventEditableArea,
.WaGadgetEventsStateDetails .gadgetEventEditableArea p {
  color: var(--site-text, #043747) !important;
  font-family: var(--site-body-font, "Inter", Arial, sans-serif) !important;
  font-size: 17px;
  line-height: 1.55;
  font-weight: 300;
}

.WaGadgetEventsStateDetails .gadgetEventEditableArea p {
  margin: 0 0 8px !important;
}

.WaGadgetEventsStateDetails .gadgetEventEditableArea a {
  color: var(--site-teal, #007d8a) !important;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.WaGadgetEventsStateDetails .gadgetEventEditableArea a:hover {
  color: #e10054 !important;
}

/* 
   Mobile adjustments
 */

@media screen and (max-width: 700px) {
  .WaGadgetEventsStateList,
  .WaGadgetEventsStateDetails {
    max-width: none;
  }

  .WaGadgetEventsStateList h3.sectionTitle {
    font-size: clamp(30px, 10vw, 42px);
  }

  .WaGadgetEventsStateList .boxHeaderOuterContainer {
    padding: 20px 18px 6px !important;
  }

  .WaGadgetEventsStateList .boxBodyOuterContainer {
    padding: 0 18px 6px !important;
  }

  .WaGadgetEventsStateList .boxFooterOuterContainer {
    padding: 0 18px 20px !important;
  }

  .WaGadgetEventsStateDetails .pageTitle.SystemPageTitle {
    font-size: clamp(32px, 10vw, 46px);
  }

  .WaGadgetEventsStateDetails .boxOuterContainer.boxBaseView .boxBodyInfoOuterContainer {
    padding: 22px 18px 4px !important;
  }

  .WaGadgetEventsStateDetails .boxOuterContainer.boxBaseView .boxBodyContentOuterContainer {
    padding: 6px 18px 24px !important;
  }
}


/* TESTIMONIAL SLIDER */

   .creda-testimonial-slider {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 24px 16px;
    box-sizing: border-box;
  }

  .creda-testimonial-loading,
  .creda-testimonial-error {
    text-align: center;
    color: var(--site-muted);
    font-size: 16px;
    padding: 20px;
  }

  .creda-testimonial-stage {
    position: relative;
    width: 100%;
  }

  .creda-testimonial-track-wrap {
    overflow: hidden;
    position: relative;
    width: 100%;
  }

  .creda-testimonial-track {
    display: flex;
    transition: transform 0.55s ease;
    will-change: transform;
  }

  .creda-testimonial-slide {
    min-width: 100%;
    box-sizing: border-box;
    padding: 8px;
  }

  .creda-testimonial-card {
    background: var(--site-white);
    border: 1px solid var(--site-border);
    border-radius: 18px;
    padding: 34px 38px;

    min-height: 220px;
  }

  .creda-testimonial-content {
    position: relative;
  }

  .creda-testimonial-quote-mark {
    color: var(--site-aqua);
    font-size: 68px;
    line-height: 0.75;
    font-family: Georgia, serif;
    margin-bottom: 2px;
  }

  .creda-testimonial-text {
    color: var(--site-text);
    font-size: 19px;
    line-height: 1.6;
  }

  .creda-testimonial-text p {
    margin: 0 0 12px;
  }

  .creda-testimonial-text p:last-child {
    margin-bottom: 0;
  }

  .creda-testimonial-name {
    margin: 20px 0 0;
    color: var(--site-dark);
    font-size: 18px;
    font-weight: 800;
  }

  .creda-testimonial-arrow {
    appearance: none;
    position: absolute !important;
    top: 50% !important;
    bottom: auto !important;
    z-index: 20;

    width: 46px;
    height: 46px;
    border-radius: 999px;
    border: 1px solid var(--site-border);
    background: rgba(255, 255, 255, 0.96);
    color: var(--site-dark);

    cursor: pointer;
    font-size: 30px;
    line-height: 1;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 8px 22px rgba(0, 63, 73, 0.16);

    opacity: 0;
    visibility: hidden;

    transition:
      opacity 0.25s ease,
      visibility 0.25s ease,
      background 0.25s ease,
      color 0.25s ease,
      transform 0.25s ease;
  }

  .creda-testimonial-prev {
    left: 0 !important;
    right: auto !important;
    transform: translate(-50%, -50%) !important;
  }

  .creda-testimonial-next {
    right: 0 !important;
    left: auto !important;
    transform: translate(50%, -50%) !important;
  }

  .creda-testimonial-stage:hover .creda-testimonial-arrow,
  .creda-testimonial-stage:focus-within .creda-testimonial-arrow {
    opacity: 1;
    visibility: visible;
  }

  .creda-testimonial-arrow:hover,
  .creda-testimonial-arrow:focus {
    background: var(--site-dark);
    color: var(--site-white);
    outline: none;
  }

  .creda-testimonial-slider.is-single .creda-testimonial-arrow {
    display: none;
  }

  @media screen and (max-width: 760px) {
    .creda-testimonial-slider {
      padding: 20px 8px;
    }

    .creda-testimonial-card {
      text-align: center;
      padding: 28px 24px;
      min-height: 0;
    }

    .creda-testimonial-text {
      font-size: 17px;
      line-height: 1.6;
    }

    .creda-testimonial-quote-mark {
      font-size: 56px;
    }

    .creda-testimonial-arrow {
      opacity: 1;
      visibility: visible;
      width: 40px;
      height: 40px;
      font-size: 26px;
    }

    .creda-testimonial-prev {
      left: 10px !important;
      transform: translateY(-50%) !important;
    }

    .creda-testimonial-next {
      right: 10px !important;
      transform: translateY(-50%) !important;
    }
  }
/* END TESTIMONIAL SLIDER */

  /* Vertical Align Middle */

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




/* =========================================================
   CREDA Reusable Card Styles
   Add one of these classes to a Wild Apricot Content gadget:
   credaPillarCard
   credaMediaCard
   credaStatCard
========================================================= */


/* ---------------------------------------------------------
   1. Strategic Pillar Card
   Class to use on content gadget: credaPillarCard

   Best for:
   - Strategic priorities
   - Goal cards
   - Committee cards
   - Resource overview cards
--------------------------------------------------------- */

.credaPillarCard {
  height: 100%;
}

.credaPillarCard .gadgetStyleBody {
  position: relative;
  height: 100%;
  padding: 26px;
  overflow: hidden;
  background: var(--site-white, #ffffff);
  border: 1px solid var(--site-border, #d6e1e4);
  border-radius: 22px;
  box-shadow: 0 16px 34px rgba(0, 63, 73, 0.08);
}

.credaPillarCard .gadgetStyleBody::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, var(--site-teal, #007d8a), var(--site-aqua, #42d9d9));
}

.credaPillarCard h3 {
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: var(--site-dark, #003f49) !important;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 900;
}

.credaPillarCard h3::before {
  display: none !important;
}

.credaPillarCard p {
  margin-top: 0;
  color: var(--site-muted, #5b7178);
}

.credaPillarCard ul {
  margin: 16px 0 18px;
  padding-left: 19px;
}

.credaPillarCard li {
  margin-bottom: 7px;
}


/* ---------------------------------------------------------
   2. Media / Feature Card
   Class to use on content gadget: credaMediaCard

   Best for:
   - Press mentions
   - Featured articles
   - Featured resources
   - Report cards

   Recommended content structure:
   <div class="credaMediaThumb">REAL ESTATE NJ</div>
   <div class="credaMediaContent">
     <p class="credaCardLabel">Publication Name</p>
     <h3>Headline Here</h3>
     <p>Short description here.</p>
     <p><a href="#" class="buttonStyle003">View Article</a></p>
   </div>
--------------------------------------------------------- */

.credaMediaCard {
  height: 100%;
}

.credaMediaCard .gadgetStyleBody {
  height: 100%;
  overflow: hidden;
  background: var(--site-white, #ffffff);
  border: 1px solid var(--site-border, #d6e1e4);
  border-radius: 22px;
  box-shadow: 0 16px 34px rgba(0, 63, 73, 0.08);
}

.credaMediaThumb {
  min-height: 145px;
  padding: 20px;
  display: flex;
  align-items: flex-end;
  background:
    linear-gradient(135deg, rgba(0, 63, 73, 0.88), rgba(0, 125, 138, 0.86)),
    var(--site-dark, #003f49);
  color: var(--site-white, #ffffff);
}

.credaMediaThumb span,
.credaMediaThumb strong {
  color: var(--site-white, #ffffff) !important;
  font-size: 1.3rem;
  font-weight: 900;
  letter-spacing: -0.02em;
}

.credaMediaContent {
  padding: 24px;
}

.credaMediaCard h3 {
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: var(--site-dark, #003f49) !important;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 900;
}

.credaMediaCard h3::before {
  display: none !important;
}

.credaMediaCard p {
  color: var(--site-muted, #5b7178);
}

.credaCardLabel {
  color: var(--site-teal, #007d8a) !important;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase !important;
}


/* 
Stat / Milestone Card
 */

.credaStatCard {
  height: 100%;
}

.credaStatCard .gadgetStyleBody {
  height: 100%;
  padding: 24px;
  text-align: center;
  background: var(--site-white, #ffffff);
  border: 1px solid var(--site-border, #d6e1e4);
  border-radius: 18px;
  box-shadow: 0 16px 34px rgba(0, 63, 73, 0.08);
}

.credaStatCard strong {
  display: block;
  color: var(--site-teal, #007d8a);
  font-size: 2rem;
  line-height: 1;
  font-weight: 900;
}

.credaStatCard span {
  display: block;
  margin-top: 10px;
  color: var(--site-dark, #003f49);
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 900;
}

.credaStatCard p {
  margin: 14px 0 0;
  color: var(--site-muted, #5b7178);
  font-size: 0.95rem;
}


/* ---------------------------------------------------------
   Optional Grid Wrappers
   Add these to a Custom Layout container if needed
--------------------------------------------------------- */

.credaCardGrid3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.credaCardGrid4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

@media screen and (max-width: 980px) {
  .credaCardGrid3,
  .credaCardGrid4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 640px) {
  .credaCardGrid3,
  .credaCardGrid4 {
    grid-template-columns: 1fr;
  }
}

/* Styled divider between blog posts only */
.blogPostListContainer .boxesList > .boxesListItem + .boxesListItem {
  position: relative;
  margin-top: 42px !important;
  padding-top: 42px !important;
}

.blogPostListContainer .boxesList > .boxesListItem + .boxesListItem::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7px;
  background-color: var(--site-teal, #007d8a);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 16' preserveAspectRatio='none'%3E%3Crect width='100' height='7' fill='%23007d8a'/%3E%3Cpolygon points='39,0 80,0 76,16 35,16' fill='%23003f49'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

/* 
   Reverse Columns on Mobile

 */

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

  .reverseColumns > .WaLayoutTable,
  .reverseColumn > .WaLayoutTable {
    display: block !important;
    width: 100% !important;
  }

  .reverseColumns > .WaLayoutTable > tbody,
  .reverseColumns > .WaLayoutTable > tbody > tr,
  .reverseColumn > .WaLayoutTable > tbody,
  .reverseColumn > .WaLayoutTable > tbody > tr {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  .reverseColumns > .WaLayoutTable > tbody > tr > .WaLayoutItem,
  .reverseColumn > .WaLayoutTable > tbody > tr > .WaLayoutItem {
    display: block !important;
    width: 100% !important;
  }

  .reverseColumns > .WaLayoutTable > tbody > tr > .WaLayoutItem:nth-of-type(1),
  .reverseColumn > .WaLayoutTable > tbody > tr > .WaLayoutItem:nth-of-type(1) {
    order: 3;
  }

  .reverseColumns > .WaLayoutTable > tbody > tr > .WaLayoutSeparator,
  .reverseColumn > .WaLayoutTable > tbody > tr > .WaLayoutSeparator {
    display: none !important;
  }

  .reverseColumns > .WaLayoutTable > tbody > tr > .WaLayoutItem:nth-of-type(3),
  .reverseColumn > .WaLayoutTable > tbody > tr > .WaLayoutItem:nth-of-type(3) {
    order: 1;
  }
}


/* 
   Equal Height Columns
 */

.equalHeightColumns > .WaLayoutTable {
  width: 100% !important;
}

.equalHeightColumns > .WaLayoutTable > tbody > tr.WaLayoutRow {
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
}

.equalHeightColumns > .WaLayoutTable > tbody > tr.WaLayoutRow > .WaLayoutItem {
  display: flex !important;
  align-items: stretch !important;
}

.equalHeightColumns > .WaLayoutTable > tbody > tr.WaLayoutRow > .WaLayoutItem > .WaLayoutPlaceHolder,
.equalHeightColumns > .WaLayoutTable > tbody > tr.WaLayoutRow > .WaLayoutItem > .placeHolderContainer {
  display: flex !important;
  width: 100% !important;
}

.equalHeightColumns > .WaLayoutTable > tbody > tr.WaLayoutRow > .WaLayoutItem > .WaLayoutPlaceHolder > div,
.equalHeightColumns > .WaLayoutTable > tbody > tr.WaLayoutRow > .WaLayoutItem > .placeHolderContainer > div {
  display: flex !important;
  width: 100% !important;
}

.equalHeightColumns > .WaLayoutTable > tbody > tr.WaLayoutRow > .WaLayoutItem .WaGadgetOnly {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

.equalHeightColumns > .WaLayoutTable > tbody > tr.WaLayoutRow > .WaLayoutItem .gadgetStyleBody {
  flex: 1 1 auto !important;

}

/* Keep separators from stretching oddly */
.equalHeightColumns > .WaLayoutTable > tbody > tr.WaLayoutRow > .WaLayoutSeparator {
  display: table-cell !important;
  flex: 0 0 40px !important;
}

/* Mobile: return to normal stacked layout */
@media screen and (max-width: 768px) {
  .equalHeightColumns > .WaLayoutTable,
  .equalHeightColumns > .WaLayoutTable > tbody,
  .equalHeightColumns > .WaLayoutTable > tbody > tr.WaLayoutRow {
    display: block !important;
    width: 100% !important;
  }

  .equalHeightColumns > .WaLayoutTable > tbody > tr.WaLayoutRow > .WaLayoutItem,
  .equalHeightColumns > .WaLayoutTable > tbody > tr.WaLayoutRow > .WaLayoutItem > .WaLayoutPlaceHolder,
  .equalHeightColumns > .WaLayoutTable > tbody > tr.WaLayoutRow > .WaLayoutItem > .placeHolderContainer,
  .equalHeightColumns > .WaLayoutTable > tbody > tr.WaLayoutRow > .WaLayoutItem > .WaLayoutPlaceHolder > div,
  .equalHeightColumns > .WaLayoutTable > tbody > tr.WaLayoutRow > .WaLayoutItem > .placeHolderContainer > div {
    display: block !important;
    width: 100% !important;
  }

  .equalHeightColumns > .WaLayoutTable > tbody > tr.WaLayoutRow > .WaLayoutSeparator {
    display: none !important;
  }
}