/* Edits by Peter Otte Productions, LLC 09/21/26 */

/* THEME FONTS --------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&family=Spectral:ital,wght@0,200;0,400;0,600;1,200;1,400;1,600&display=swap');

/* Roboto, weights 300/400/900, incl. italics */
/* Spectral, weights 200/400/600, incl. italics */

@import url('/resources/Theme/FontAwesome5/all.css');

:root {
    --font-primary: "Roboto", sans-serif;
    --font-primary-weight: 400;
    --font-primary-weight-bold: 900;
    --font-primary-weight-thin: 300;
    --font-secondary: "Spectral", Georgia, "Times New Roman", serif;
    --font-secondary-weight: 400;
    --font-secondary-weight-bold: 600;
    --font-secondary-weight-thin: 200;
    --font-tertiary: "Roboto", Helvetica, Arial, sans-serif;
    --font-tertiary-weight: 400;
    --font-tertiary-weight-bold: 900;
    --font-tertiary-weight-thin: 300;
    --font-wa-theme-icons: "WA-theme-icons";
    --font-wa-font-awesome: "FontAwesome";
}


/* THEME COLORS --------------------------------------------------------------- */

:root {
    --color-white: #ffffff;
    --color-black: #000000;
    --color-light: #f0f8fb;
    --color-light-grey: #e6ebec;
    --color-grey: #5b5d5e;
    --color-grey-dark: #2d3136;
    --color-primary: #227a97;
    --color-primary-light: #44b5dc;
    --color-primary-light-alt: #d9f4fd;
    --color-secondary: #007304;
    --color-secondary-light: #409a44;
    --color-secondary-light-alt: #CEF3CE;
}


/* RESET MISC. ITEMS --------------------------------------------------------------- */
 
.clear {clear:both; height:0px; overflow:hidden;}

input, textarea, select, legend,
.formContainer .generalFieldsOuterContainer .generalFieldsContainer .fieldLabel,
.formContainer .generalFieldsOuterContainer .generalFieldsContainer .fieldLabel *,
.fieldSubContainer .fieldBody .fieldItem span.label,
.fieldSubContainer .fieldBody {
    font-family: var(--font-primary) !important;
    font-style:normal !important;
}

.infoOuterContainer .infoContainer .infoSection .infoTitle,
.infoOuterContainer .infoContainer .infoSection .infoText {
    font-weight:400 !important;
}

.fieldSubContainer .fieldBody>.typeInstruction,
.fieldSubContainer .fieldBody .fieldItem span.label .typeInstruction .levelDescription {
    font-size: 14px;
}

input[type="password"] {font-family: var(--font-primary) !important;}

input:focus:not(:focus-visible), textarea:focus:not(:focus-visible), select:focus:not(:focus-visible), a:focus:not(:focus-visible) {outline:none;} /* 2026-09-21 accessibility: no ring on mouse clicks; keyboard focus keeps its ring (see .fovg a11y block at the end) */

textarea {resize:none;} /* removes ability to resize field in css3 */
legend, fieldset {border:0px;padding:0px;height:auto;margin:0px;}

.alignRight {
    text-align:right;
}

.alignCenter {
    text-align:center;
}

img[align="left"],
img[align="right"] {
    margin-bottom:30px;
}

img[align="left"] {
    margin-right:30px;
}

img[align="right"] {
    margin-left:30px;
}

@media (max-width:919px) {
    img[align="left"],
    img[align="right"] {
        float:none;
        display:block;
        margin-left:auto;
        margin-right:auto;
        width:auto !important;
        max-width:100% !important;
    }
    .alignRight {
        text-align:left;
    }
    .alignCenter:not(.WaGadgetBreadcrumbs) {
        text-align:left;
    }
}


/* ADD VERTICAL SCROLLBARS TO EVERY PAGE */
html {overflow-y: scroll;}


/* STRIP SKYPE */
span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}


#idPrintLinkContainer {display:none !important;}

.zoneBrandingOuter,
.zoneBanner {display: none;}



/* SITE FONTS ----------------------------------------------------------- */

body, td, p, li, a, blockquote, h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-primary) !important;
    font-weight: var(--font-primary-weight);
    color: var(--color-black);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.levelProperties .textLine .labelTitle,
.levelProperties .textLine .labelSubTitle {
    color: var(--color-primary) !important;
    font-family: var(--font-tertiary) !important;
}

.levelProperties .textLine strong.labelTitle {
    font-weight: var(--font-tertiary-weight-bold) !important;
}

p { line-height: 1.5em;  margin-bottom: 20px;}

[class*="EditableArea"] ul li,
[class*="EditableArea"] ol li {
    line-height: 1.5em;
    margin-bottom: 10px;
    font-size: 16px;
}

h1, h2, h3, h4,
h1 *, h2 *, h3 *, h4 * {
    font-family: var(--font-secondary) !important;
    font-weight: var(--font-secondary-weight-bold) !important;
    line-height: 1.1em !important;
    letter-spacing: 0px;    
}

h5, h6 {
    font-weight: var(--font-primary-weight-bold);
}

h1 {
    font-size: 44px !important;
    letter-spacing: 1px;    
}

h2 {
    font-size: 34px !important;
}

.WaGadgetMemberPublicProfileStateMain .memberDirectoryDetailsOuterContainer .profileHeaderContainer h2,
.WaGadgetEvents.WaGadgetEventsStateDetails .pageTitleContainer h1.pageTitle {
    color: var(--color-black);
}

h3 {
    font-size: 28px !important;
}

h3,
h3 * {
    font-family: var(--font-tertiary) !important;
    font-weight: var(--font-tertiary-weight-bold) !important;
}

.formTitleOuterContainer .formTitleContainer .inner h3.formTitle,
.formTitleOuterContainer .formTitleContainer .inner h3.formTitle * {
    font-size: 22px !important;
    font-family: var(--font-primary) !important;
    font-weight: var(--font-primary-weight-bold) !important;
}

h3,
h3 *:not(a, a *, font) {
    color: var(--color-black) !important;
}

h4,
h4 * {
    font-size: 22px !important;
    font-family: var(--font-primary) !important;
    font-weight: var(--font-primary-weight-bold) !important;
}

h4,
h4 *:not(a, a *, font) {
    color: var(--color-black) !important;
}

#id_Header2 h4 {
    font-size: 18px !important;
}

#id_Footer1 h4 {
    font-size: 36px !important;
}

.contStyleCaption:before {
    content:'';
    width:80px;
    height:3px;
    display:block;
    background-color: var(--color-primary-light);
    margin-bottom:8px;
}

.quotedText,
.quotedText *,
.blockquote,
.blockquote * {
    background-color: transparent;
    border-radius:0;
    font-style: normal;
    font-family: var(--font-tertiary) !important;
    font-weight: var(--font-tertiary-weight) !important;
    font-size: 26px;
    padding: 0;
    margin-bottom: 30px !important;
}

.quotedText,
.blockquote {
color: var(--color-grey);
}

@media (max-width:616px) {
    h1 {
        font-size:40px !important;
        word-wrap: anywhere;
    }
    h2 {
        font-size:34px !important;
        word-wrap: anywhere;
    }
    h3 {
        font-size:28px !important;
        word-wrap: anywhere;
    }
    h4 {
        font-size:22px !important;
        word-wrap: anywhere;
    }
}

[face="WA-theme-icons"] {
    font-family: var(--font-wa-theme-icons) !important;
}


/* LAYOUT OVERRIDES ------------------------------------------------- */

.container_12 {
    margin: 0 auto;
    width: 1140px;
}

.s1_grid_12 {
    margin-left: 20px;
    margin-right: 20px;
    width: 1100px;
}

.zoneHeaderOuter .container_12,
.zoneHeaderOuter .s1_grid_12 {
	width:100%;
}

.zoneHeaderOuter .s1_grid_12 {
	margin:0;
}

.zoneHeaderOuter [class^="WaLayoutContainer"],
.zoneHeaderOuter .WaGadgetMenuHorizontal .menuInner {
	margin: 0 auto;
    width: 100%;
	max-width: 1140px;
}

.zoneHeaderOuter [class^="WaLayoutContainer"] > table,
.zoneHeaderOuter .WaGadgetMenuHorizontal .menuInner ul.firstLevel {
    margin: 0;
	padding: 0 20px;
    box-sizing: border-box;
}

.zoneHeaderOuter .WaGadgetMenuHorizontal .menuInner ul.firstLevel {
    padding: 0 8px;
}

@media only screen and (min-width: 600px) and (max-width: 1139px) {
    .container_12,
    .zoneHeaderOuter .container_12 {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 1140px;
        min-width: 600px
    }
    .s2_grid_12,
    .zoneHeaderOuter .s2_grid_12 {
        width: auto;
    }
    .zoneHeaderOuter [class^="WaLayoutContainer"],
    .zoneHeaderOuter .WaGadgetMenuHorizontal .menuInner {
        margin: 0;
        width: 100%;
    }
    .zoneHeaderOuter [class^="WaLayoutContainer"] > table {
        padding: 0 20px;
    }
    .zoneHeaderOuter .WaGadgetMenuHorizontal .menuInner ul.firstLevel {
        padding: 0 8px;
    }
}

@media only screen and (max-width: 616px) {
    .container_12,
    .zoneHeaderOuter .container_12 {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 600px;
        min-width: 320px;
        display: block;
    }
    .s3_grid_12,
    .zoneHeaderOuter .s3_grid_12 {
        width: auto;
        margin-left: 5px;
        margin-right: 5px;
    }
    .zoneHeaderOuter .s3_grid_12 {
        margin: 0;
    }
    .zoneHeaderOuter [class^="WaLayoutContainer"],
    .zoneHeaderOuter .WaGadgetMenuHorizontal .menuInner {
        margin: 0;
        width: 100%;
    }
    .zoneHeaderOuter [class^="WaLayoutContainer"] > table {
        padding: 0 20px;
    }
    .zoneHeaderOuter .WaGadgetMenuHorizontal .menuInner ul.firstLevel {
        padding: 0 8px;
    }
    .layout-2col td:last-child {
        padding-top:60px;
    }
}

.zoneContentOuter .container_12 > DIV {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


/*HEADER --------------------------------------------------------------- */

#id_HeaderLogo {
    height:auto;
    width:auto;
    max-width:352px;
}

@media (max-width:616px) {
    #id_HeaderLogo {
        margin:0 auto;
        width:380px;
        max-width:74%;
    }
}

.WaGadgetLoginButton .loginBoxLapsedMembership, .WaGadgetLoginButton .loginBoxProfileLink, .WaGadgetLoginButton a.loginBoxChangePassword, .WaGadgetLoginButton .loginBoxProfileLink a, .WaGadgetLoginButton a.loginBoxLogout,
.WaGadgetLoginButton .loginBoxLinkContainer .loginBoxLinkButton,
.WaGadgetLoginButton .loginBoxLinkContainer .loginBoxLinkButton:before {
    font-size:15px;
    font-weight: var(--font-primary-weight-bold);
    text-decoration: none;
}

.WaGadgetLoginButton .loginBoxLinkContainer .loginBoxLinkButton {
    margin-top:3px;
}

.WaGadgetLoginButton .loginBoxLinkContainer .loginBoxLinkButton:before {
    height:16px;
    width:16px;
    padding-top:1px;
}

.WaGadgetLoginButton .loginBoxLinkContainer .loginBoxLinkButton {
    color:var(--color-black);
}

.WaGadgetLoginButton .loginBoxLinkContainer .loginBoxLinkButton:before {
    color:var(--color-black);
}

.WaGadgetLoginButton .loginBoxLinkContainer .loginBoxLinkButton:hover,
.WaGadgetLoginButton .loginBoxLinkContainer .loginBoxLinkButton:hover:before {
    color:var(--color-secondary-light);
}

.WaGadgetLoginButton .loginBoxLapsedMembership, .WaGadgetLoginButton .loginBoxProfileLink, .WaGadgetLoginButton a.loginBoxChangePassword, .WaGadgetLoginButton .loginBoxProfileLink a, .WaGadgetLoginButton a.loginBoxLogout {
    color: var(--color-grey-dark) !important;
    font-family: var(--font-primary);
    font-weight: var(--font-primary-weight-bold);
}

.WaGadgetLoginButton .loginBoxLapsedMembership:hover, .WaGadgetLoginButton .loginBoxProfileLink:hover, .WaGadgetLoginButton a.loginBoxChangePassword:hover, .WaGadgetLoginButton .loginBoxProfileLink a:hover, .WaGadgetLoginButton a.loginBoxLogout:hover {
    color: var(--color-secondary-light) !important;
}

.WaGadgetLoginButton a.loginBoxLogout {
    margin-right:0;
}


/* HOME FEATURED BANNER --------------------------------------------------------------- */

.zoneHeader1Outer:has(.home) {
    background-image: url('/resources/Pictures/Home/IMG_0531.JPG');
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    /*background-size:contain;
    background-position-y:top;
    background-color:var(--color-primary);*/
}

@media (min-width:1498px) {
    .zoneHeader1Outer:has(.home) {
        background-position-y: top;
    }
}

#id_HomeFeaturedCTA .WaLayoutItem {
    background-color: transparent !important;
    position: relative;
}

#id_HomeFeaturedCTA .WaLayoutItem:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-grey-dark) !important;
    opacity: .8;
}

@media (min-width:617px) {
    #id_HomeFeaturedCTA table>tr, 
    #id_HomeFeaturedCTA table>tr>tbody, 
    #id_HomeFeaturedCTA .WaLayoutPlaceHolder {
        height: 100%;
        position: relative;
    }
    #id_HomeFeaturedCTA .WaLayoutPlaceHolder > div {
        height: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
    }
}


/* MAIN MENU ------------------------------------------------------------ */

.WaGadgetMenuHorizontal.menuStyle002.invert {
	background-color: var(--color-primary-light-alt);
}

.WaGadgetMenuHorizontal .stickness.stick,
.WaGadgetMenuHorizontal .stickness.stick .menuBackground {
	width: 100% !important;
	left: 0 !important;
}

/* remove top and bottom border */
.WaGadgetMenuHorizontal.menuStyle001 .stickness, .WaGadgetMenuHorizontal.menuStyle002 .stickness {
    border: none;
}
.WaGadgetMenuHorizontal.menuStyle002 {
    /*border-top: 1px solid var(--color-light-grey);*/
    border: none;
}

/* center menu */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel {
    margin: 0 auto;
    text-align: center;
}

/* full width menu */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel {
    width: 100%;
}

/* remove 5px transparent bottom border */
.WaGadgetMenuHorizontal .menuInner {
    border-bottom: none;
}

/* resize menu items for better spacing */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li {
    width: 2%;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:first-child,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:last-child {
    width: 1%;
}

/* replace "Home" link with icon */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:first-child > .item > a:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    background-size: cover;
    margin: 11px 0 10px 0;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-image: url('/resources/Theme/images/icon-home.svg');
    mask-image: url('/resources/Theme/images/icon-home.svg');
    background-color: var(--color-grey);
}
.WaGadgetMenuHorizontal.invert .menuInner ul.firstLevel > li:first-child > .item > a:before {
    background-color: var(--color-grey-dark);
}
.WaGadgetMenuHorizontal .stickness.stick .menuInner ul.firstLevel > li:first-child > .item > a:before {
    margin: 29px 0 5px 0;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:first-child.sel > .item > a:before {
    background-color: var(--color-secondary);
}
.WaGadgetMenuHorizontal.invert .menuInner ul.firstLevel > li:first-child.sel > .item > a:before {
    background-color: var(--color-primary);
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:first-child > .item:hover > a:before,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:first-child.sel > .item:hover > a:before {
    background-color: var(--color-secondary-light);
}
.WaGadgetMenuHorizontal.invert .menuInner ul.firstLevel > li:first-child > .item:hover > a:before,
.WaGadgetMenuHorizontal.invert .menuInner ul.firstLevel > li:first-child.sel > .item:hover > a:before {
    background-color: var(--color-primary);
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:first-child > .item > a span {
    /* 2026-09-21 accessibility: visually hidden, still read by screen readers (was display:none) */
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

/* replace "Search" link with icon */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:last-child > .item > a:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    background-size: cover;
    margin: 11px 0 10px 0;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-image: url('/resources/Theme/images/icon-search.svg');
    mask-image: url('/resources/Theme/images/icon-search.svg');
    background-color: var(--color-grey);
}
.WaGadgetMenuHorizontal.invert .menuInner ul.firstLevel > li:last-child > .item > a:before {
    background-color: var(--color-grey-dark);
}
.WaGadgetMenuHorizontal .stickness.stick .menuInner ul.firstLevel > li:last-child > .item > a:before {
    margin: 29px 0 5px 0;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:last-child.sel > .item > a:before {
    background-color: var(--color-secondary);
}
.WaGadgetMenuHorizontal.invert .menuInner ul.firstLevel > li:last-child.sel > .item > a:before {
    background-color: var(--color-primary);
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:last-child > .item:hover > a:before,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:last-child.sel > .item:hover > a:before {
    background-color: var(--color-secondary-light);
}
.WaGadgetMenuHorizontal.invert .menuInner ul.firstLevel > li:last-child > .item:hover > a:before,
.WaGadgetMenuHorizontal.invert .menuInner ul.firstLevel > li:last-child.sel > .item:hover > a:before {
    background-color: var(--color-primary);
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:last-child > .item > a span {
    /* 2026-09-21 accessibility: visually hidden, still read by screen readers (was display:none) */
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a {
    color: var(--color-grey) !important;
    font-family: var(--font-primary) !important;
    font-weight: var(--font-primary-weight-bold) !important;
    font-size: 12px;
    line-height: normal;
    letter-spacing: 3px;
    padding: 0 14px !important;
}

.WaGadgetMenuHorizontal.invert .menuInner ul.firstLevel > li > .item > a {
    color: var(--color-grey-dark) !important;
}

.WaGadgetMenuHorizontal.menuStyle002 .stickness.stick ul.firstLevel > li > .item > a {
    color: var(--color-grey) !important;
}

.WaGadgetMenuHorizontal.menuStyle002.invert .stickness.stick ul.firstLevel > li > .item > a {
    color: var(--color-grey-dark) !important;
}

.WaGadgetMenuHorizontal.menuStyle002 .stickness.stick ul.firstLevel > li > .item > a:hover {
    color: var(--color-secondary-light) !important;
}

.WaGadgetMenuHorizontal.menuStyle002.invert .stickness.stick ul.firstLevel > li > .item > a:hover {
    color: var(--color-primary) !important;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item:hover>a>span,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.sel>.item:hover>a>span,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a:hover {
    color: var(--color-secondary-light) !important;
}

.WaGadgetMenuHorizontal.invert .menuInner ul.firstLevel>li>.item:hover>a>span,
.WaGadgetMenuHorizontal.invert .menuInner ul.firstLevel>li.sel>.item:hover>a>span,
.WaGadgetMenuHorizontal.invert .menuInner ul.firstLevel > li > .item > a:hover {
    color: var(--color-primary) !important;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.sel>.item>a>span,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li:has(li.sel)>.item>a>span {
    color: var(--color-secondary) !important;
}

.WaGadgetMenuHorizontal.invert .menuInner ul.firstLevel>li.sel>.item>a>span,
.WaGadgetMenuHorizontal.invert .menuInner ul.firstLevel>li:has(li.sel)>.item>a>span {
    color: var(--color-primary) !important;
}

.WaGadgetMenuHorizontal.menuStyle002 .stickness.stick ul.firstLevel>li>.item:hover>a>span,
.WaGadgetMenuHorizontal.menuStyle002 .stickness.stick ul.firstLevel>li.sel>.item:hover>a>span,
.WaGadgetMenuHorizontal.menuStyle002 .stickness.stick ul.firstLevel > li > .item > a:hover {
    color: var(--color-secondary-light) !important;
}

.WaGadgetMenuHorizontal.menuStyle002.invert .stickness.stick ul.firstLevel>li>.item:hover>a>span,
.WaGadgetMenuHorizontal.menuStyle002.invert .stickness.stick ul.firstLevel>li.sel>.item:hover>a>span,
.WaGadgetMenuHorizontal.menuStyle002.invert .stickness.stick ul.firstLevel > li > .item > a:hover {
    color: var(--color-primary) !important;
}

.WaGadgetMenuHorizontal.menuStyle002 .stickness.stick ul.firstLevel>li.sel>.item>a>span,
.WaGadgetMenuHorizontal.menuStyle002 .stickness.stick ul.firstLevel>li:has(li.sel)>.item>a>span {
    color: var(--color-secondary) !important;
}

.WaGadgetMenuHorizontal.menuStyle002.invert .stickness.stick ul.firstLevel>li.sel>.item>a>span,
.WaGadgetMenuHorizontal.menuStyle002.invert .stickness.stick ul.firstLevel>li:has(li.sel)>.item>a>span {
    color: var(--color-primary) !important;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a > span {
    padding: 15px 0;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item > a > span:after {
    bottom: 7px;
}

/* remove dropdown menu indicator */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.dir > .item > a:after {
    display: none;
}

.WaGadgetMenuHorizontal .menuInner ul ul,
.WaGadgetMenuHorizontal .menuInner ul ul li ul {
    background-color: var(--color-white);
    min-width: 100%;
    padding-top: 4px;
    padding-bottom: 8px;
    box-shadow: 0 10px 12px rgba(0,0,0,.10);
    box-sizing: border-box;
}

.WaGadgetMenuHorizontal.invert .menuInner ul ul,
.WaGadgetMenuHorizontal.invert .menuInner ul ul li ul,
.WaGadgetMenuHorizontal.invert .menuInner ul ul li ul li {
    background-color: var(--color-primary-light-alt);
}

.WaGadgetMenuHorizontal .menuInner ul ul li ul {
    padding-bottom: 4px;
}

.WaGadgetMenuHorizontal.menuStyle002 .stickness.stick ul ul {
    background-color: var(--color-white);
}

.WaGadgetMenuHorizontal.menuStyle002.invert .stickness.stick ul ul {
    background-color: var(--color-primary-light-alt);
}

.WaGadgetMenuHorizontal .menuInner ul ul li>.item {
    padding-left: 25px;
    padding-right: 25px;
}

.WaGadgetMenuHorizontal .menuInner ul ul li>.item>a {
    /*font-size: 12px;*/
    font-size: 13px;
    font-family: var(--font-tertiary) !important;
    font-weight: var(--font-tertiary-weight) !important;
    letter-spacing: 1px;
    color: var(--color-grey) !important;
    text-align: center;
}

.WaGadgetMenuHorizontal.invert .menuInner ul ul li>.item>a {
    color: var(--color-grey-dark) !important;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item:hover>a>span,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.sel>.item:hover>a>span,
.WaGadgetMenuHorizontal .menuInner ul ul li>.item>a:hover {
    color: var(--color-secondary-light) !important;
}

.WaGadgetMenuHorizontal.invert .menuInner ul.firstLevel>li>.item:hover>a>span,
.WaGadgetMenuHorizontal.invert .menuInner ul.firstLevel>li.sel>.item:hover>a>span,
.WaGadgetMenuHorizontal .menuInner ul ul li>.item>a:hover {
    color: var(--color-primary) !important;
}

.WaGadgetMenuHorizontal.menuStyle001 .menuInner ul.firstLevel>li.sel>.item>a>span:after, .WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel>li.sel>.item>a>span:after, .WaGadgetMenuHorizontal.menuStyle003 .menuInner ul.firstLevel>li.sel>.item>a>span:after,
.WaGadgetMenuHorizontal.menuStyle001 .menuInner ul.firstLevel>li.sel>.item:hover>a>span:after, .WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel>li.sel>.item:hover>a>span:after, .WaGadgetMenuHorizontal.menuStyle003 .menuInner ul.firstLevel>li.sel>.item:hover>a>span:after,
.WaGadgetMenuHorizontal .menuInner ul ul li.sel>.item>a:after,
.WaGadgetMenuHorizontal .menuInner ul ul li.sel>.item:hover>a:after {
    background: var(--color-secondary-light) !important;
}

.WaGadgetMenuHorizontal.menuStyle001.invert .menuInner ul.firstLevel>li.sel>.item>a>span:after, .WaGadgetMenuHorizontal.menuStyle002.invert .menuInner ul.firstLevel>li.sel>.item>a>span:after, .WaGadgetMenuHorizontal.menuStyle003.invert .menuInner ul.firstLevel>li.sel>.item>a>span:after,
.WaGadgetMenuHorizontal.menuStyle001.invert .menuInner ul.firstLevel>li.sel>.item:hover>a>span:after, .WaGadgetMenuHorizontal.menuStyle002.invert .menuInner ul.firstLevel>li.sel>.item:hover>a>span:after, .WaGadgetMenuHorizontal.menuStyle003.invert .menuInner ul.firstLevel>li.sel>.item:hover>a>span:after,
.WaGadgetMenuHorizontal.invert .menuInner ul ul li.sel>.item>a:after,
.WaGadgetMenuHorizontal.invert .menuInner ul ul li.sel>.item:hover>a:after {
    background: var(--color-grey-dark) !important;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel>.item>a,
.WaGadgetMenuHorizontal .menuInner ul ul li.sel>.item>a {
    color: var(--color-secondary);
}

.WaGadgetMenuHorizontal.invert .menuInner ul.firstLevel > li.sel>.item>a,
.WaGadgetMenuHorizontal.invert .menuInner ul ul li.sel>.item>a {
    color: var(--color-primary);
}

.WaGadgetMenuHorizontal .menuInner ul ul li.sel>.item>a>span {
    color: var(--color-secondary);
}

.WaGadgetMenuHorizontal.invert .menuInner ul ul li.sel>.item>a>span {
    color: var(--color-primary);
}

.WaGadgetMenuHorizontal .menuInner ul ul li.sel>.item:hover>a>span {
    color: var(--color-secondary-light);
}

.WaGadgetMenuHorizontal.invert .menuInner ul ul li.sel>.item:hover>a>span {
    color: var(--color-primary);
}

.WaGadgetMenuHorizontal.menuStyle002 .stickness.stick ul ul li>.item>a {
    color: var(--color-grey) !important;
}

.WaGadgetMenuHorizontal.menuStyle002.invert .stickness.stick ul ul li>.item>a {
    color: var(--color-grey-dark) !important;
}

.WaGadgetMenuHorizontal.menuStyle002 .stickness.stick ul ul li>.item>a:hover {
    color: var(--color-secondary-light) !important;
}

.WaGadgetMenuHorizontal.menuStyle002.invert .stickness.stick ul ul li>.item>a:hover {
    color: var(--color-primary) !important;
}

.WaGadgetMenuHorizontal.menuStyle002 .stickness.stick ul ul li>.item>a:hover {
    color: var(--color-secondary-light) !important;
}

.WaGadgetMenuHorizontal.menuStyle002.invert .stickness.stick ul ul li>.item>a:hover {
    color: var(--color-primary) !important;
}

.WaGadgetMenuHorizontal.menuStyle002 .stickness.stick .menuInner ul ul li.sel>.item>a {
    color: var(--color-secondary) !important;
}

.WaGadgetMenuHorizontal.menuStyle002.invert .stickness.stick .menuInner ul ul li.sel>.item>a {
    color: var(--color-primary) !important;
}

.WaGadgetMenuHorizontal .menuInner ul li.phantom ul li ul li {
    background-color: var(--color-grey-dark);
    margin-left:0;
    margin-right:0;
}

.WaGadgetMenuHorizontal.menuStyle002 .stickness.stick ul ul li {
    background-color: var(--color-grey-dark);
}

.WaGadgetMenuHorizontal.menuStyle002.invert .stickness.stick ul ul li {
    background-color: var(--color-primary-light-alt);
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.phantom>.item ul .dir .item a span:after {
    border-color: transparent transparent transparent var(--color-light);
}

/* hide special "menu hide" nav items */
.WaGadgetMenuHorizontal li:has(>.item>a[href*="/MENU-HIDE"]),
.WaGadgetMenuVertical li:has(>.item>a[href*="/MENU-HIDE"]),
.WaGadgetMobilePanel li:has(>.item>a[href*="/MENU-HIDE"]),
.WaGadgetBreadcrumbs li:has(a[href*="/MENU-HIDE"]) {
    display:none;
}

/* VERTICAL MENU -------------------------------------------------- */

@media (max-width:616px) {
    .WaGadgetMenuVertical:first-child:has(li) {
        margin-top:60px;
    }
}

.WaGadgetMenuVertical .menuInner {
    border-left: none;
    border-right: none;
}

.WaGadgetMenuVertical:first-child:has(li) {
    border-top: 1px solid var(--color-light-grey);
}

.WaGadgetMenuVertical .menuInner ul.firstLevel>li {
    border-bottom: 1px solid var(--color-grey);
    background: var(--color-light-grey);
}

.WaGadgetMenuVertical .menuInner ul.firstLevel > li > .item > a {
    color:var(--color-primary);
    font-family: var(--font-primary);
    font-weight: var(--font-primary-weight-bold);
    font-size: 12px;
    line-height: normal;
    letter-spacing: 3px;
}

.WaGadgetMenuVertical .menuInner ul.firstLevel > li.sel > .item > a {
    color:var(--color-secondary);
}

.WaGadgetMenuVertical .menuInner ul.firstLevel>li.sel>.item>a>span:before {
    content: '';
    display: block;
    position: absolute;
    right:auto;
    /*left: 0;
    top:auto;
    bottom: 5px;
    height: 1px;
    width: 100%;
    background: var(--color-primary-light);
    border-radius: 0;
    */
    top:20px;
    bottom:auto;
    left:-10px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--color-secondary);
}

.WaGadgetMenuVertical .menuInner li>.item>ul,
.WaGadgetMenuVertical .menuInner li:hover>.item>ul {
    display:block !important;
    position:static !important;
    background:transparent !important;
    margin-bottom:10px;
}


/* SECONDARY MENU -------------------------------------------- */

.WaGadgetCustomMenu.gadgetStyle001.gadgetStyle001 ul.orientationHorizontal li:after {
    display: none;
}

.WaGadgetCustomMenu.gadgetStyle001.gadgetStyle001 ul li:not(:first-child) {
    margin-left: 10px;
}

.WaGadgetCustomMenu.gadgetStyle001.gadgetStyle001 ul li a {
    color: var(--color-grey);
    font-size: 15px;
    font-family: var(--font-primary);
    font-weight: var(--font-primary-weight);
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.WaGadgetCustomMenu.gadgetStyle001.gadgetStyle001 ul li a:hover {
    color: var(--color-secondary-light);
}


/* MOBILE MENU PANEL -------------------------------------------- */

.WaGadgetMobilePanel .mobilePanel {
    background: var(--color-secondary);
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton {
    color: var(--color-light);
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
   color: var(--color-secondary-light); 
   background-color: var(--color-light);
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel,
.WaGadgetMobilePanel .mobilePanel .loginInner {
   background-color: var(--color-light);
}

.WaGadgetMobilePanel .mobilePanel .loginInner,
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm form .loginActionRememberMe,
.WaGadgetMobilePanel .mobilePanel .loginInner a {
    color: var(--color-grey);
}

.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm form .loginActionRememberMe:hover,
.WaGadgetMobilePanel .mobilePanel .loginInner a:hover {
    color: var(--color-grey-dark);
}

.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerAuthenticated .loggedName {
    color: var(--color-grey-dark);
    font-size: 20px;
    font-family: var(--font-tertiary);
    font-weight: var(--font-tertiary-weight-bold);
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li>.item>a,
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li li a {
    color: var(--color-grey);
    font-family: var(--font-tertiary) !important;
    font-weight: var(--font-tertiary-weight-bold) !important;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li li a {
    font-weight: var(--font-tertiary-weight) !important;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li.sel>.item>a {
    color: var(--color-secondary);
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li.sel>.item>a:after {
    display:none;
}

/* we need to invoke the mobile menu layout and related elements sooner due to this site's main menu width */
@media screen and (max-width:919px) {
	.WaGadgetMobilePanel {
		display: block;
	}
	/*body .layoutMain .WaGadgetMenuHorizontal,
    #id_preHeader_Login,
    #id_Header_Login {
		display: none;
	}*/
    #id_Header_Login {
		display: none;
	}
    #id_Header .WaLayoutSeparator + .WaLayoutItem .WaLayoutPlaceHolder > div {
        padding-top: 60px !important
    }
    /*#id_Header_Logo img {
       height: 124px;
    }*/
    #id_Header .alignRight {
        text-align:right;
    }
    body .layoutMain .WaGadgetMenuHorizontal {
		display: block;
	}
    body .layoutMain .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li {
        display: none;
    }
    body .layoutMain .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:first-child, 
    body .layoutMain .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:last-child {
		display: inline-block;
        width: auto;
	}
}

@media screen and (max-width:616px) {
    #id_Header .WaLayoutSeparator + .WaLayoutItem .WaLayoutPlaceHolder > div {
        padding-top:5px !important;
        padding-bottom:20px !important;
    }
    #id_Header .alignRight {
        text-align:center;
    }
}


/* BREADCRUMBS -------------------------------------------- */

#id_Header2 .WaGadgetBreadcrumbs.gadgetStyleNone ul li,
#id_Header2 .WaGadgetBreadcrumbs.gadgetStyleNone ul li:before,
#id_Header2 .WaGadgetBreadcrumbs.gadgetStyleNone ul li a {
    font-style:normal;
}

#id_Header2 .WaGadgetBreadcrumbs.gadgetStyleNone ul li.last {
    color:var(--color-grey);
}

#id_Header2 .WaGadgetBreadcrumbs.gadgetStyleNone ul li:not(:first-child):before {
    color:var(--color-grey);
}

#id_Header2 .WaGadgetBreadcrumbs.gadgetStyleNone ul li a {
    color:var(--color-secondary);
}

#id_Header2 .WaGadgetBreadcrumbs.gadgetStyleNone ul li a:hover {
    color:var(--color-secondary-light);
}

@media (max-width: 616px) {
    #id_Header2 .WaGadgetBreadcrumbs {
        padding:0 14px;
    }
}


/* BUTTONS ----------------------------------------------------------- */

.wa-authenticateLoginLink span {
    color:var(--color-white);
}

a.stylizedButton.buttonStyle001, a.stylizedButton.buttonStyle002, a.stylizedButton.buttonStyle003, a.stylizedButton.buttonStyle004,
input[type="submit"],
.navigationOuterContainer .navigationContainer input.nextButton, 
.navigationOuterContainer .navigationContainer input.typeButton, 
.navigationOuterContainer .navigationContainer input[type=submit],
input.typeButton,
input[value="Cancel"],
input[value="Back"],
.navigationOuterContainer .navigationContainer input[value="Cancel"],
.navigationOuterContainer .navigationContainer input[value="Back"],
.navigationOuterContainer .navigationContainer a.backLink {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    display: inline-block !important;
    font-family: var(--font-tertiary) !important;
    font-size: inherit !important;
    font-style: normal !important;
    font-weight: var(--font-tertiary-weight-bold) !important;
    line-height: normal !important;
    margin: 0 !important;
    padding: 10px 23px 10px 23px !important;
    white-space: normal !important;
    color:var(--color-white) !important;
}

input[type="submit"],
.navigationOuterContainer .navigationContainer input.nextButton, 
.navigationOuterContainer .navigationContainer input.typeButton, 
.navigationOuterContainer .navigationContainer input[type=submit],
input.typeButton,
input[value="Cancel"],
input[value="Back"],
.navigationOuterContainer .navigationContainer input[value="Cancel"],
.navigationOuterContainer .navigationContainer input[value="Back"],
.navigationOuterContainer .navigationContainer a.backLink {
    font-size:initial !important;
}

a.stylizedButton.buttonStyle001,
.WaGadgetAuthorizationRequired .loginPageTable #idSubmitBox #idLoginButtonBox span input.loginButton,
input[type="submit"],
.navigationOuterContainer .navigationContainer input.nextButton, 
.navigationOuterContainer .navigationContainer input.typeButton, 
.navigationOuterContainer .navigationContainer input[type=submit],
input.typeButton {
    background-color:var(--color-secondary) !important;
}

a.stylizedButton.buttonStyle001:hover,
.WaGadgetAuthorizationRequired .loginPageTable #idSubmitBox #idLoginButtonBox span input.loginButton:hover,
input[type="submit"]:hover,
.navigationOuterContainer .navigationContainer input.nextButton:hover, 
.navigationOuterContainer .navigationContainer input.typeButton:hover, 
.navigationOuterContainer .navigationContainer input[type=submit]:hover,
input.typeButton:hover {
    background-color:var(--color-secondary-light) !important;
}

input[value="Cancel"],
input[value="Back"],
.navigationOuterContainer .navigationContainer input[value="Cancel"],
.navigationOuterContainer .navigationContainer input[value="Back"],
.navigationOuterContainer .navigationContainer a.backLink {
    background-color:var(--color-light-grey) !important;
    color:var(--color-grey) !important;
}

input[value="Cancel"]:hover,
input[value="Back"]:hover,
.navigationOuterContainer .navigationContainer input[value="Cancel"]:hover,
.navigationOuterContainer .navigationContainer input[value="Back"]:hover,
.navigationOuterContainer .navigationContainer a.backLink:hover {
    background-color:var(--color-grey) !important;
    color:var(--color-light-grey) !important;
}

#id_Content input[type="submit"][style*="display: none"],
#id_Content button[type="submit"][style*="display: none"] {
    display: none !important;
}

.navigationOuterContainer .navigationContainer input.nextButton:first-child, 
.navigationOuterContainer .navigationContainer input.typeButton:first-child, 
.navigationOuterContainer .navigationContainer input[type=submit]:first-child,
.generalFieldsContainer .fieldSubContainer input[type=submit],
.generalFieldsContainer .fieldSubContainer input.typeButton,
.topButtonsOuterContainer .inner input.typeButton {
    margin-right: 10px !important;
}

.navigationOuterContainer .navigationContainer input.nextButton:only-child, 
.navigationOuterContainer .navigationContainer input.typeButton:only-child, 
.navigationOuterContainer .navigationContainer input[type=submit]:only-child {
    margin-right: 0 !important;
}

a.stylizedButton.buttonStyle002 {
    background-color:var(--color-primary) !important;
}

a.stylizedButton.buttonStyle002:hover {
    background-color:var(--color-primary-light) !important;
}

a.stylizedButton.buttonStyle003 {
    background-color:var(--color-light) !important;
    color:var(--color-secondary) !important;
}

a.stylizedButton.buttonStyle003:hover {
    background-color:var(--color-secondary) !important;
    color:var(--color-white) !important;
}

a.stylizedButton.buttonStyle004 {
    background-color:var(--color-light) !important;
    color:var(--color-primary) !important;
}

a.stylizedButton.buttonStyle004:hover {
    background-color:var(--color-primary) !important;
    color:var(--color-white) !important;
}

.featureButton a.stylizedButton.buttonStyle001, .featureButton a.stylizedButton.buttonStyle002, .featureButton a.stylizedButton.buttonStyle003, .featureButton a.stylizedButton.buttonStyle004 {
    width: 100% !important;
    padding: 15px !important;
    font-family: var(--font-tertiary) !important;
    font-weight: var(--font-tertiary-weight-bold) !important;
    line-height: normal !important;
    font-size: 18px !important;
    text-transform: normal !important;
    margin: 0 !important;
}

a.stylizedButton.buttonStyle001:not(:last-child),
a.stylizedButton.buttonStyle002:not(:last-child),
a.stylizedButton.buttonStyle003:not(:last-child),
a.stylizedButton.buttonStyle004:not(:last-child) {
    margin-right: 40px !important;
}

@media (max-width:616px) {
    a.stylizedButton.buttonStyle001:not(:only-child),
    a.stylizedButton.buttonStyle002:not(:only-child),
    a.stylizedButton.buttonStyle003:not(:only-child),
    a.stylizedButton.buttonStyle004:not(:only-child) {
        margin-left: 20px !important;
        margin-right: 20px !important;
        margin-bottom: 20px !important;
    }
    .featureButton a.stylizedButton.buttonStyle001,
    .featureButton a.stylizedButton.buttonStyle002,
    .featureButton a.stylizedButton.buttonStyle003,
    .featureButton a.stylizedButton.buttonStyle004 {
        margin: 0 !important;        
    }
}


/* SOCIAL PROFILES  -------------------------------------------------- */

.WaGadgetSocialProfile.gadgetStyle001 .gadgetStyleBody ul li a {
    color: var(--color-white) !important;
}

.WaGadgetSocialProfile.gadgetStyle001 .gadgetStyleBody ul li a:hover {
    color: var(--color-primary-light-alt) !important;
}

.WaGadgetSocialProfile.gadgetStyle002 ul {
    background-color: transparent;
}

.WaGadgetSocialProfile.gadgetStyle002 .gadgetStyleBody ul li a {
    font-size: 22px !important;
    color: var(--color-white) !important;
}

.WaGadgetSocialProfile.gadgetStyle002 .gadgetStyleBody ul li a:hover {
    color: var(--color-primary-light-alt) !important;
}

.WaGadgetSocialProfile.gadgetStyle002 ul.orientationHorizontal li {
    border-color: var(--color-white);
}


/* HOME SPECIFIC */

@media (min-width:617px) {
    #id_HomeFeaturedCTA table>tr, 
    #id_HomeFeaturedCTA table>tr>tbody, 
    #id_HomeFeaturedCTA .WaLayoutPlaceHolder {
        height: 100%;
        position: relative;
    }
    #id_HomeFeaturedCTA table {
        height: 1px;
        position: relative;
    }
}

div.homeFeatureIcon {
    display: block;
    width: 30%;
    margin-right: 5%;
    float: left;
    padding-top:5px
}

div.homeFeatureTitle {
    display: block;
    width: 65%;
    float: right;
}

div.homeFeatureTitle h2 {
    margin: 0;
    color: var(--color-white);
    font-family: var(--secondary);
    font-weight: var(--secondary-weight);
    font-size: 34px !important;
    padding-top: 6px;
}

#id_HomeFeaturedCTA .featureButton {
    margin-top: auto;
}

@media (max-width: 616px) {
    #id_Header1 td:not(:first-child) {
        margin-top: 20px;
    }
}

@media (max-width: 1024px) {
    div.homeFeatureIcon {
        width: 17%;
    }
    div.homeFeatureTitle {
        width: 78%;
    }
    div.homeFeatureTitle h2 {
        font-size: 30px !important;
    }
}

@media (max-width: 767px) {
    div.homeFeatureIcon {
        width: 50px;
        display: block;
        float: none;
        padding-bottom: 15px;
    }
    div.homeFeatureTitle {
        display: block;
        float: none;
        width: 100%;
    }
    div.homeFeatureTitle h2 {
        font-size: 32px !important;
    }
}


/* Events */

.WaGadgetEvents.WaGadgetEventsStateCalendar .EventListCalendar td>div,
.WaGadgetEvents.WaGadgetEventsStateCalendar .EventListCalendar td:hover>div {
    background-color: var(--color-light-grey);
}

.WaGadgetEvents.WaGadgetEventsStateDetails .pageTitleContainer {
    margin-top:50px;
}

.WaGadgetEvents.WaGadgetEventsStateCalendar .yearViewType .EventListCalendar a.yearViewHeader,
.WaGadgetEvents.WaGadgetEventsStateCalendar .weekViewType .EventListCalendar td.EventListCalendarHeader a.calendarDate {
    font-weight: var(--font-primary-weight-thin);
}

.WaGadgetEvents h1.pageTitle a.rssFeedLabel {
    position: relative;
    top: -10px;
}

.WaGadgetEvents.WaGadgetEventsStateList ul.boxesList li.boxesListItem {
    padding-top: 60px !important;
}

.WaGadgetEvents .boxInfoContainer ul.boxInfo {
    overflow: hidden;
}

.WaGadgetEvents.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer {
    padding: 30px 0 0 0;
}

.WaGadgetEvents.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer {
    padding-left: 0;
}


/* FONT AWESOME ICONS ------------------------------------ */

.WaGadgetEvents h1.pageTitle a.rssFeedLabel, .WaGadgetEvents h1.pageTitle a.rssFeedLabel:hover, 
.WaGadgetSocialProfile.gadgetStyle001 ul li a,
.WaGadgetSocialProfile.gadgetStyle002 ul li a,
.WaGadgetBlog.WaGadgetBlogStateList a.rssFeedLabel:before, .WaGadgetBlog.WaGadgetBlogStateList a.rssFeedLabel:hover:before {
    font-family: FontAwesome !important;
    line-height: normal !important;
}


/* ROUND CORNERS ------------------------------------------- */

.roundCorners {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


/* STYLED TABLES ------------------------------------------- */

.genericListTable thead th, .membersTable thead th, table.contStyleExcSimpleTable th, table.styledTable th {
font-size: 18px !important;
padding: 12px 12px 8px 20px !important;
font-weight: 600 !important;
color: var(--color-primary) !important;
background-color: var(--color-light-grey) !important;
text-align: left;
vertical-align: middle !important;
}

table.contStyleExcSimpleTable th, 
table.styledTable th {
border-bottom: 1px solid var(--color-grey) !important;
border-right: 1px solid var(--color-light-grey) !important;
}

/*table.contStyleExcSimpleTable tr:hover th, 
table.styledTable tr:hover th,*/
table.contStyleExcSimpleTable:not(.noHover) tr:hover td, 
table.styledTable:not(.noHover) tr:hover td {
background-color: var(--color-light) !important;
}

.genericListTable thead td, .membersTable td, table.contStyleExcSimpleTable td, table.styledTable td {
padding: 16px 12px 16px 20px !important;
border: none !important;
border-bottom: 1px solid var(--color-light-grey) !important;
}

@media (max-width:616px) {
    table.contStyleExcSimpleTable:not(.noLayoutBreak) th,
    table.styledTable:not(.noLayoutBreak) th,
    table.contStyleExcSimpleTable:not(.noLayoutBreak) td,
    table.styledTable:not(.noLayoutBreak) td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    table.contStyleExcSimpleTable:not(.noLayoutBreak) th, 
    table.styledTable:not(.noLayoutBreak) th {
        border-right: 0 !important;
    }
    table.noLayoutBreak {
        width: 900px !important;
        margin-bottom: 20px !important;
    }
    .gadgetStyleBody:has(table.noLayoutBreak) {
        overflow-x: scroll !important;
    }
}


/* ACCORDIONS ------------------------------------------- */

.accordion {
    border: 1px solid var(--color-light-grey);
}

.accordion + .accordion {
    margin-top:-1px;
}

.gadgetStyleNone.accordion .gadgetStyleTitle,
.gadgetStyle002.accordion .gadgetStyleTitle {
    padding: 16px 44px 16px 44px;
    cursor:pointer;
}

.gadgetStyleNone.accordion .gadgetStyleTitle:before,
.gadgetStyle002.accordion .gadgetStyleTitle:before {
    content:'+';
    font-weight: var(--font-primary-weight-bold);
    color: var(--color-primary);
    /*background: #d6d5d5;*/
    width:26px;
    height:26px;
    font-size:18px;
    line-height:26px;
    position:absolute;
    z-index:1;
    top:10px;
    left:8px;
    text-align:center;
    /*-moz-border-radius:50% 50%;
    -webkit-border-radius:50% 50%;
    border-radius:50% 50%;*/
}

.gadgetStyle002.accordion .gadgetStyleTitle:before {
background:transparent;
border:1px solid #bbbcc0;
color:#bbbcc0;
width:18px;
height:18px;
font-size:85%;
line-height:14px;
top:10px;
left:12px;
}

.gadgetStyleNone.accordion .gadgetStyleTitle:hover:before {
    /*background: #fff;*/
    color: var(--color-primary-light);
}

.gadgetStyle002.accordion .gadgetStyleTitle:hover:before {
background:transparent;
color:#FFF;
border-color:#FFF;
}

.gadgetStyleNone.accordion .gadgetStyleTitle h4 {
    color: var(--color-primary) !important;
    font-size: 16px !important;
    text-transform: none;
}

.gadgetStyleNone.accordion .gadgetStyleTitle:hover h4 {
    color: var(--color-primary-light) !important;
}

.gadgetStyleNone.accordion-sel .gadgetStyleTitle h4 {
    color: var(--color-secondary) !important;
}

.gadgetStyle002.accordion .gadgetStyleTitle h4 {
    color: var(--color-primary) !important;
    font-size: 22px !important;
}


.gadgetStyleNone.accordion-sel .gadgetStyleTitle:before,
.gadgetStyle002.accordion-sel .gadgetStyleTitle:before {
    content:'-';
    /*line-height:24px !important;*/
    /*background: #20458c !important;*/
    color: var(--color-secondary) !important;
}

.gadgetStyle002.accordion-sel .gadgetStyleTitle:before {
background: #FFF !important;
color:#203e4b !important;
line-height:14px !important;
border-color:#FFF;
}

.gadgetStyleNone.accordion-sel .gadgetStyleTitle:hover:before,
.gadgetStyle002.accordion-sel .gadgetStyleTitle:hover:before {
    color: var(--color-primary-light) !important;
}

.gadgetStyleNone.accordion .gadgetStyleBody,
.gadgetStyle002.accordion .gadgetStyleBody {
    display:none;
    padding: 6px 44px 20px 44px;
    background: var(--color-white);
}

body.adminContentView.pageModeEdit .gadgetStyleNone.accordion .gadgetStyleBody,
body.adminContentView.pageModeEdit .gadgetStyle002.accordion .gadgetStyleBody {
    display:block;
}

.gadgetStyleNone.accordion-sel {
    /*border-color: var(--color-secondary) !important;*/
}

.gadgetStyle002.accordion-sel {
    border:0px;
}


/* FOOTER ------------------------------------------- */

.zoneFooterOuter .zoneFooterInner {
    z-index:1;
}

#id_Footer .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item:hover>a>span,
#id_Footer .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.sel>.item>a>span, 
#id_Footer .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.sel>.item:hover>a>span {
    color:var(--color-primary) !important;
}

#id_Footer .WaGadgetMenuHorizontal.menuStyle001 .menuInner ul.firstLevel>li.sel>.item>a>span:after {
    display:none;
}

#id_Footer .WaGadgetMenuHorizontal .menuInner ul ul {
    background-color: var(--color-primary-light-alt);
}

#id_Footer .WaGadgetMenuHorizontal .menuInner ul ul li a {
    color: var(--color-grey) !important;
}

#id_Footer .WaGadgetMenuHorizontal .menuInner ul ul li:hover a {
    color: var(--color-primary) !important;
}

#id_Footer .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:first-child > .item:hover > a:before,
#id_Footer .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:first-child.sel > .item > a:before,
#id_Footer .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:first-child.sel > .item:hover > a:before {
    background-color: var(--color-primary);
}

#id_Footer .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:last-child > .item:hover > a:before,
#id_Footer .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:last-child.sel > .item > a:before,
#id_Footer .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:last-child.sel > .item:hover > a:before {
    background-color: var(--color-primary);
}

#id_Footer .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item:hover>a>span, 
#id_Footer .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.sel>.item:hover>a>span,
#id_Footer .WaGadgetMenuHorizontal .menuInner ul ul li>.item>a:hover {
    color: var(--color-primary) !important;
}

#id_Footer1 a {
    color:var(--color-white);
}

#id_Footer1 a:hover,
#id_Footer1 .WaGadgetSocialProfile.gadgetStyle002 ul li a:hover {
    color:var(--color-primary-light-alt) !important;
}

/* ============================================================
   FOVG accessibility layer — Peter Otte Productions, 2026-09-21
   Pairs with the Global JavaScript shim (skip link, form labels,
   store image names, mobile menu buttons). Keep at the end of the file.
   ============================================================ */

/* Keyboard focus ring (WCAG 2.4.7). Mouse clicks stay ring-free via the
   :focus:not(:focus-visible) rule near the top of this file. */
/* Two-tone ring: white inner + blue outer, readable on light and dark backgrounds (Peter 9/21). */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, [tabindex]:focus-visible, .mobilePanelButton:focus-visible {
    outline: 3px solid #fff !important;
    outline-offset: 0 !important;
    box-shadow: 0 0 0 6px var(--color-primary, #2c5aa0) !important;
}

/* Dark buttons (Join Us, Volunteer, Events, form submits): a white border on hover and on keyboard
   focus. Drawn as an inset shadow so the button keeps its exact size. */
a.stylizedButton.buttonStyle001:hover, a.stylizedButton.buttonStyle002:hover,
a.stylizedButton.buttonStyle003:hover, a.stylizedButton.buttonStyle004:hover,
input[type="submit"]:hover, input.typeButton:hover,
.WaGadgetCustomMenu.gadgetStyle001 ul li a:hover {
    box-shadow: inset 0 0 0 2px #fff !important;
}
a.stylizedButton.buttonStyle001:focus-visible, a.stylizedButton.buttonStyle002:focus-visible,
a.stylizedButton.buttonStyle003:focus-visible, a.stylizedButton.buttonStyle004:focus-visible,
input[type="submit"]:focus-visible, input.typeButton:focus-visible,
.WaGadgetCustomMenu.gadgetStyle001 ul li a:focus-visible {
    outline: 3px solid #fff !important;
    outline-offset: -5px !important;
    box-shadow: 0 0 0 4px var(--color-primary, #2c5aa0) !important;
}

/* Screen-reader-only utility */
.fovg-sr-only {
    position: absolute !important; width: 1px !important; height: 1px !important;
    padding: 0 !important; margin: -1px !important; overflow: hidden !important;
    clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important;
}

/* Skip link: invisible until it receives keyboard focus, then a bar at the top */
.fovg-skip {
    position: absolute; left: 8px; top: -60px; z-index: 10000;
    padding: 10px 16px; background: var(--color-primary, #2c5aa0); color: #fff !important;
    font-family: var(--font-primary, sans-serif); font-size: 16px; font-weight: 600;
    text-decoration: none; border-radius: 0 0 6px 6px; transition: top .15s;
}
.fovg-skip:focus { top: 0; outline: 3px solid #fff; outline-offset: -3px; }

/* Home hero: the first card's heading is now an H1 for the page outline (9/21). Keep the H2 look
   (34px, mixed case, no letter-spacing, line-height 1.1) so nothing changes visually; the theme's
   site-wide h1 rule (customStyles.css) is 44px, UPPERCASE, 1px spacing. Verified against the live DOM:
   the card is #id_Header2 > #id_HomeFeaturedCTA > .WaGadgetContent > h1. */
#id_HomeFeaturedCTA h1, #id_Header2 .WaGadgetContent h1 {
    font-size: 34px !important;
    line-height: 1.1 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    font-weight: 600 !important;
}
@media (max-width:616px) {
    #id_HomeFeaturedCTA h1, #id_Header2 .WaGadgetContent h1 {
        font-size: 34px !important;
        word-wrap: anywhere;
    }
}

/* The main landmark should not draw a ring when the skip link lands on it */
#fovg-main:focus { outline: none !important; box-shadow: none !important; }

/* Mobile panel buttons are focusable now — show the ring, keep the look */
.mobilePanelButton { cursor: pointer; }