/* Edits by Nicasio LLC, 12/16/25 */

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

@import url('https://fonts.googleapis.com/css2?family=Arvo:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* Roboto, weights 200/400/600/800, incl. italics */
/* Roboto Condensed, weights 200/400/600, incl. italics */
/* Playfair Display, weights 400/700, incl. italics */
/* Arvo, weights 400/700, incl. italics */

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

:root {
    --font-primary: "Roboto", Helvetica, Arial, sans-serif;
    --font-primary-alt: "Roboto Condensed", Helvetica, Arial, sans-serif;
    --font-primary-weight: 400;
    --font-primary-weight-bold: 600;
    --font-primary-weight-bolder: 800;
    --font-primary-weight-thin: 200;
    --font-secondary: "Playfair Display", Georgia, "Times New Roman", serif;
    --font-secondary-weight: 400;
    --font-secondary-weight-bold: 700;
    --font-tertiary: "Arvo", Georgia, "Times New Roman", serif;
    --font-tertiary-weight: 400;
    --font-tertiary-weight-bold: 700;
    --font-wa-theme-icons: "WA-theme-icons";
    --font-wa-font-awesome: "FontAwesome";
}


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

:root {
    --color-white: #ffffff;
    --color-black: #060709;
    --color-light: #e7fafd;
    --color-light-grey: #dfdfdf;
    --color-light-grey-alt: #f7f7f7;
    --color-grey: #bfc0c4;
    --color-grey-medium: #6d6f74;
    --color-grey-dark: #3c3f41;
    --color-primary: #32728d;
    --color-primary-light: #6ea7b7;
    --color-primary-light-alt: #afe0e7;
    --color-secondary: #f8da92;
    --color-secondary-light: #f9eccb;
    --color-secondary-light-alt: #fffbf0;
    --color-secondary-light-alt-dark: #f5efe6;
}


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

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

input[type=text], 
input[type=password],
textarea, 
select {
    border-color: var(--color-grey) !important;
}

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

.fieldSubContainer .fieldLabel,
.fieldSubContainer .fieldBody {
    font-size: 16px;
    line-height: 24px;
}

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

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

input, textarea, select, a {outline:none;} /* removes the on focus/active blue border in safari + firefox */

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

.alignMiddle td {
    vertical-align: middle;
}

.alignBottom td {
    vertical-align: bottom;
}

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;
    }*/
}

/* hide "adminOnly" elements (except when in admin) */
.adminOnly {
    display:none;
}
.adminContentView .adminOnly,
.pageModeEdit .adminOnly {
    display:initial;
}
.adminOnly > div,
.adminOnly > table {
    opacity:.3;
    background:#fff;
}
.pageModeEdit .adminOnly > div,
.pageModeEdit .adminOnly > table {
    opacity:1;
    background:initial;
}

/* hide "desktopHide" elements specifically when on desktop */
body:not(.adminContentView) .desktopHide {
    display:none;
}

/* hide "mobileHide" elements specifically when on mobile */
/* also show "desktopHide" elements specifically whon on mobile */
@media (max-width:767px) {
    body:not(.adminContentView) .mobileHide {
        display:none;
    }
    body:not(.adminContentView) .desktopHide {
        display:block;
    }
}


/* 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;}


/* 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,
.zoneHeader2Outer .container_12,
.zoneHeader2Outer .s1_grid_12,
.zoneHeader2Outer [class^="WaLayoutContainer"] {
	width:100%;
}

.zoneHeaderOuter .s1_grid_12,
.zoneHeader2Outer .s1_grid_12 {
	margin:0;
}

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

.zoneHeader2Outer [class^="WaLayoutContainer"] > table {
    max-width: 1100px;
}

.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,
    .zoneHeader2Outer .container_12,
    .zoneHeader2Outer [class^="WaLayoutContainer"] {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 1140px;
        min-width: 600px
    }
    .zoneHeader2Outer .container_12,
    .zoneHeader2Outer [class^="WaLayoutContainer"],
    .zoneHeader2Outer [class^="WaLayoutContainer"] > table {
       max-width: 100%; 
    }
    .s2_grid_12,
    .zoneHeaderOuter .s2_grid_12,
    .zoneHeader2Outer .s2_grid_12 {
        width: auto;
    }
    .zoneHeaderOuter [class^="WaLayoutContainer"],
    .zoneHeaderOuter .WaGadgetMenuHorizontal .menuInner,
    .zoneHeader2Outer [class^="WaLayoutContainer"] > table {
        margin: 0;
        width: 100%;
        box-sizing: border-box;
    }
    .zoneHeaderOuter [class^="WaLayoutContainer"] > table,
    .zoneHeader2Outer [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,
    .zoneHeader2Outer .container_12,
    .zoneHeader2Outer [class^="WaLayoutContainer"] {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 600px;
        min-width: 320px;
        display: block;
    }
    .zoneHeader2Outer .container_12,
    .zoneHeader2Outer [class^="WaLayoutContainer"],
    .zoneHeader2Outer [class^="WaLayoutContainer"] > table {
        max-width: 100%;
    }
    .s3_grid_12,
    .zoneHeaderOuter .s3_grid_12 {
        width: auto;
        margin-left: 5px;
        margin-right: 5px;
    }
    .zoneHeaderOuter .s3_grid_12,
    .zoneHeader2Outer .s3_grid_12 {
        margin: 0;
    }
    .zoneHeaderOuter [class^="WaLayoutContainer"],
    .zoneHeaderOuter .WaGadgetMenuHorizontal .menuInner,
    .zoneHeader2Outer [class^="WaLayoutContainer"] > table {
        margin: 0;
        width: 100%;
        box-sizing: border-box;
    }
    .zoneHeaderOuter [class^="WaLayoutContainer"] > table,
    .zoneHeader2Outer [class^="WaLayoutContainer"] > table {
        padding: 0 20px;
    }
    .zoneHeaderOuter .WaGadgetMenuHorizontal .menuInner ul.firstLevel {
        padding: 0 8px;
    }
    .layout-2col td:last-child {
        padding-top:60px;
    }
}

#id_Content {
    margin-top: 30px;
    margin-bottom: 60px;
}


/* 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);
    color: var(--color-grey-dark);
}

h1 {
    font-size: 44px !important;
    letter-spacing: 1px;
    color: var(--color-grey-dark);
}

h2,
h2 *,
.WaGadgetEvents.WaGadgetEventsStateDetails .pageTitleContainer h1.pageTitle {
    font-size: 34px !important;
    font-family: var(--font-tertiary) !important;
    font-weight: var(--font-tertiary-weight-bold) !important;
}

h2 {
    color: var(--color-grey-dark);
}

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

.WaGadgetEvents.WaGadgetEventsStateDetails .pageTitleContainer h1.pageTitle {
    margin-bottom: 30px;
}

h3 {
    font-size: 24px !important;
    color: var(--color-grey-dark);
}

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;
    color: var(--color-grey-dark);
}

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

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

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

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

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

.quotedText,
.quotedText *,
.blockquote,
.blockquote *,
.memberDirectoryDetailsHeaderContainer h3 + h3 {
    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-dark);
}

.genericListTable tbody tr td .memberValue, 
.membersTable tbody tr td .memberValue,
.genericListTable tbody tr td .memberValue a, 
.membersTable tbody tr td .memberValue a {
    font-size: 16px !important;
    font-family: var(--font-primary) !important;
    line-height: 24px !important;
}

.genericListTable tbody tr td .memberValue h5 a, 
.membersTable tbody tr td .memberValue h5 a {
    font-size: 18px !important;
    font-family: var(--font-primary) !important;
    font-weight: var(--font-primary-weight-bolder) !important;
    line-height: 26px !important;
}

.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLink a {
    font-size: 16px;
}


@media (max-width:616px) {
    h1 {
        font-size:40px !important;
        word-wrap: anywhere;
    }
    h2,
    .WaGadgetEvents.WaGadgetEventsStateDetails .pageTitleContainer h1.pageTitle {
        font-size:34px !important;
        word-wrap: anywhere;
    }
    h3 {
        font-size:24px !important;
        word-wrap: anywhere;
    }
    h4 {
        font-size:21px !important;
        word-wrap: anywhere;
    }
}

/* Social Login Buttons */

.wa-authenticateLoginLink:hover {
    text-decoration: none !important;
}

.wa-authenticateLoginLink .authenticateLoginText {
    color: #fff !important;
}


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

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

.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: var(--font-wa-font-awesome) !important;
    line-height: normal !important;
}


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

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

.WaGadgetLoginButton .loginBoxLapsedMembership, .WaGadgetLoginButton .loginBoxProfileLink, .WaGadgetLoginButton a.loginBoxChangePassword, .WaGadgetLoginButton .loginBoxProfileLink a, .WaGadgetLoginButton a.loginBoxLogout {
    color: var(--color-black) !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-primary) !important;
}

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

@media (max-width:767px) {
    #id_Header,
    #id_Header *,
    #id_Header .WaGadgetLoginButton .alignRight {
        text-align: center !important;
    }
}

.zoneHeader1Outer {
    box-shadow: 0 4px 8px -2px rgba(0,0,0,.15);
    position: relative;
    z-index: 1;
}

/* Main Menu */

.WaGadgetMenuHorizontal.menuStyle001 .stickness, .WaGadgetMenuHorizontal.menuStyle002 .stickness {
    border-color: var(--color-light-grey);
}

.WaGadgetMenuHorizontal .menuInner {
    border-top: 5px solid transparent;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel {
    text-align: center;
    width: 100%;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li {
    width: 1%;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a {
    padding: 0 4px !important;
    font-size: 14px !important;
    font-family: var(--font-tertiary) !important;
    font-weight: var(--font-tertiary-weight) !important;
    letter-spacing: 1px;
    display: block;
    text-align: center;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a span:after {
    content: unset !important;
}

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

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

.WaGadgetMenuHorizontal .menuInner ul>li.dir>.item>a:after,
.WaGadgetMenuHorizontal .menuInner ul ul li.dir>.item>a>span:after {
    display: none !important;
}

/* Sticky Header (With Logomark) */

.WaGadgetMenuHorizontal .menuBackground {
    box-shadow: 0 4px 8px -2px rgba(0,0,0,.15);
}

.WaGadgetMenuHorizontal.logomark .stick .menuInner {
    border-top: 12px solid transparent !important;
    border-bottom: 12px solid transparent !important;
}

.WaGadgetMenuHorizontal.logomark .stick .menuInner ul.firstLevel>li:first-child>.item>a {
    padding-left: 0px !important;
}

.WaGadgetMenuHorizontal.logomark .menuInner ul.firstLevel>li>.item>a>span {
    height: 42px;
    line-height: 42px;
    display: block;
    box-sizing: border-box;
    padding: 0 !important;
}

.WaGadgetMenuHorizontal.logomark .menuInner ul.firstLevel>li:first-child>.item>a>span:before {
    content: '';
    display: none;
    vertical-align: middle;
    background-image: url(/resources/Site/ccwclogo-logomark.png);
    background-size: cover;
    width: 34px;
    height: 42px;
    margin-right: 10px;
    box-sizing: border-box;
}

.WaGadgetMenuHorizontal.logomark .stick .menuInner ul.firstLevel>li:first-child>.item>a>span:before {
    display: inline-block;
}

/* Flyout Menu */

/* center first flyout menus to their parent */
.WaGadgetMenuHorizontal .menuInner .firstLevel>li>div>ul,
.WaGadgetMenuHorizontal .menuInner .firstLevel>li:last-child>div>ul,
.WaGadgetMenuHorizontal .menuInner .firstLevel>li.last-child>div>ul {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%);
    -webkit-border-radius: 0 0 14px 14px;
    -moz-border-radius: 0 0 14px 14px;
    border-radius: 0 0 14px 14px;
}

.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;
    -webkit-border-radius: 14px 14px 14px 14px;
    -moz-border-radius: 14px 14px 14px 14px;
    border-radius: 14px 14px 14px 14px;
}

.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: 13px;
    font-family: var(--font-tertiary) !important;
    font-weight: var(--font-tertiary-weight) !important;
    letter-spacing: 1px;
    color: var(--color-grey-dark) !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-primary-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 ul li>.item>a:hover {
    color: var(--color-primary-light) !important;
}*/

.WaGadgetMenuHorizontal .menuInner ul ul li.sel>.item>a:after {
    background: var(--color-primary-light-alt);
}

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

/* 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;
	}
    #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: none;
	}
    .zoneHeaderOuter {
        box-shadow: 0 4px 8px -2px rgba(0,0,0,.15);
        position: relative;
        z-index: 1;
    }
    /*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;
	}*/
}


/* Logo gadget image */

.WaGadgetAccountLogo img {
    width: auto !important;
    height: 124px !important;
}

@media (max-width:991px) {
    .WaGadgetAccountLogo img {
        width: 440px !important;   
        max-width: 90% !important;     
        height: auto !important;
    }
}


/* 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-light-grey);
    background: var(--color-light-grey-alt);
}

.WaGadgetMenuVertical .menuInner ul.firstLevel > li > .item > a {
    color: var(--color-grey-dark);
    font-family: var(--font-tertiary) !important;
    font-weight: var(--font-tertiary-weight) !important;
    font-size: 13px;
    line-height: normal;
    letter-spacing: 1px;
}

.WaGadgetMenuVertical .menuInner ul li.sel>.item>a {
    color: var(--color-primary) !important;
}

.WaGadgetMenuVertical .menuInner ul li:hover>.item>a {
    color: var(--color-primary-light) !important;
}

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

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


/* NAVIGATION LINKS -------------------------------------------- */

.WaGadgetNavigationLinks ul li a {
    color: var(--color-primary) !important;
}

.WaGadgetNavigationLinks ul li a:hover {
    color: var(--color-primary-light) !important;
}


/* 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-medium);    
}

#id_Header2 .WaGadgetBreadcrumbs.gadgetStyleNone ul li.last span {
    display: none;
}

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

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

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

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


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

a.linkAlternative {
    color: var(--color-secondary) !important;
}

a.linkAlternative:hover {
    color: var(--color-secondary-light) !important;
}

a.linkAuxiliary,
.linkArrow a {
    text-decoration: none !important;
    position: relative;
}

a.linkAuxiliary:after,
.linkArrow a:after {
    content: '\f105';
    display: inline;
    padding-left: 10px;
    color: inherit;
    font: inherit;
    font-size: 24px;    
    font-family: var(--font-wa-font-awesome);
    position: absolute;
    top: 46%;
    transform: translateY(-51%);
    transition: all 300ms ease-in-out;
}

a.linkAuxiliary:hover:after,
.linkArrow a:hover:after {
    padding-left: 16px;
}

.WaGadgetContactProfile .memberDetailsTabsOuterContainer ul.memberDetailsTabMenu li a,
.WaGadgetAuthorizationRequired .loginPageTable #idSubmitBox #idForgotLinkBox a,
.WaGadgetEvents.WaGadgetEventsStateCalendar #idViewSwitchersTable #group1 div a,
.WaGadgetEvents.WaGadgetEventsStateCalendar #idViewSwitchersTable #group2 div a {
    font-size: inherit;
}

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: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 8px !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;
    border: 0 !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-primary) !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-primary-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-alt) !important;
    color:var(--color-grey-medium) !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-light-grey) !important;
    color:var(--color-grey-dark) !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;
}

@media (max-width:616px) {
    
    .navigationOuterContainer .navigationContainer .left,
    .navigationOuterContainer .navigationContainer .right,
    .WaGadgetMembershipApplication .navigationContainer .left,
    .WaGadgetMembershipApplication .navigationContainer .right {
        float: none !important;
        display: inline !important;
    }
    .navigationOuterContainer .navigationContainer input,
    .WaGadgetMembershipApplication .navigationOuterContainer .navigationContainer input {
        margin-top: 20px !important;
    }
}

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

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

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

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

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

a.stylizedButton.buttonStyle004:hover {
    background-color:var(--color-light) !important;
    color:var(--color-primary-light-alt) !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;        
    }
}


/* GADGETS --------------------------------------------------------------- */

.gadgetStyle001 .gadgetStyleBody {
    padding: 30px;
    font-size: 16px;
}


/* Social Profiles */

.WaGadgetSocialProfile.gadgetStyleNone ul li a:hover {
    opacity: .6;
}

.WaGadgetSocialProfile.gadgetStyle001 .gadgetStyleBody {
    padding: 0;
}

.WaGadgetSocialProfile.gadgetStyle001 ul {
    background-color: transparent;
    padding: 0;
}

.WaGadgetSocialProfile.gadgetStyle001 ul.orientationHorizontal li {
    border-color: var(--color-primary-light-alt);
}

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

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

.WaGadgetSocialProfile.gadgetStyle002 .gadgetStyleBody {
    padding: 0;
}

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

.WaGadgetSocialProfile.gadgetStyle002 ul.orientationHorizontal li {
    border-color: var(--color-white);
}
.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;
}


/* Featured Members */

.WaGadgetFeaturedMember {
    overflow: visible;
}

.WaGadgetFeaturedMember .gadgetStyleBody {
    padding: 0;
}

.WaGadgetFeaturedMember[class*=grid] ul {
    display: grid !important;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    justify-content: center;
    gap: 40px 30px;
}

.WaGadgetFeaturedMember.grid-2 ul {
    grid-auto-flow: initial;
    grid-auto-columns: initial;
    grid-template-columns: repeat(2, 1fr);
}

.WaGadgetFeaturedMember.grid-3 ul {
    grid-auto-flow: initial;
    grid-auto-columns: initial;
    grid-template-columns: repeat(3, 1fr);
}

.WaGadgetFeaturedMember[class*=grid] ul:before,
.WaGadgetFeaturedMember[class*=grid] ul:after {
    display: none !important;
}

.WaGadgetFeaturedMember li {
    background: var(--color-white);
    max-width: 100% !important;
}

.WaGadgetFeaturedMember[class*=grid] li {
    width: 100% !important;
}

.WaGadgetFeaturedMember ul:not(.layoutVertical) li {
    padding: 30px !important;
}

.WaGadgetFeaturedMember ul:not(.layoutVertical) li:not(:first-child) {
    margin-top: 30px;
}

.WaGadgetFeaturedMember ul:not(.layoutVertical) li .img {
    padding-right: 65px !important;
}

.WaGadgetFeaturedMember:not(.alignCenter) ul.layoutVertical li .img {
    padding-left: 30px !important;
}

.WaGadgetFeaturedMember ul.layoutVertical li div:has(h4) {
    padding: 0 30px 30px 30px !important;
}

.WaGadgetFeaturedMember ul.layoutVertical.showPic li div:has(h4) {
    padding-top: 4px !important;
}

.WaGadgetFeaturedMember.addBG ul.layoutVertical.showPic li div:has(h4) {
    padding-top: 24px !important;
}

.WaGadgetFeaturedMember ul:not(.layoutVertical) li div:has(h4) {
    padding: 10px 0 !important;
    vertical-align: middle !important;
}

.WaGadgetFeaturedMember .img {
    position: relative;
    float: none !important;
    vertical-align: middle !important;
}

.WaGadgetFeaturedMember ul.layoutVertical.showPic li .img {
    display: block;
    overflow: hidden;
    /*height: 256px;
    line-height: 256px;*/
    height: 170px;
    line-height: 170px;
    /*background: url(/resources/Site/Icons/member-tilt-grey-light.svg) center center;
    border-bottom: 1px solid var(--color-light-grey);*/
}

 .WaGadgetFeaturedMember.addBG ul.layoutVertical.showPic li .img {
    background: url(/resources/Site/Icons/member-tilt-grey-light.svg) center center;
    border-bottom: 1px solid var(--color-light-grey);
}

.WaGadgetFeaturedMember ul.layoutVertical.showPic li .img img {
    vertical-align: middle;
}

.WaGadgetFeaturedMember[class*=avatar] .img[data-tag]:after {
    content: attr(data-tag);
    display: block;
    position: absolute;
    bottom: 32px;
    left: 50%;
    margin-left: 24px;
    color: var(--color-grey-dark);
    font-size: 13px;
    line-height: 13px;
    height: 13px;
    font-weight: var(--font-primary-weight-bold);
    font-family: var(--font-primary);
    background: var(--color-secondary-light);
    padding: 6px 12px;
    border-radius: 19px;
}

.WaGadgetFeaturedMember:not(.alignCenter) ul.layoutVertical .img:after {
    left: 85px;
}

.WaGadgetFeaturedMember ul:not(.layoutVertical) .img:after {
    bottom: 50%;
    margin-bottom: -55px;
    margin-left: -12px;
}

.WaGadgetFeaturedMember h4 a {
    font-size: 22px !important;
    line-height: 28px !important;
    font-family: var(--font-primary) !important;
    font-weight: var(--font-primary-weight-bolder) !important;
}

.WaGadgetFeaturedMember .subtitle {
    margin-top: 8px !important;
}

.WaGadgetFeaturedMember ul:not(.layoutVertical) .subtitle {
    margin-bottom: 10px !important;
}

.WaGadgetFeaturedMember .subtitle strong {
    font-size: 20px !important;
    line-height: 24px !important;
    font-family: var(--font-primary) !important;
    font-weight: var(--font-primary-weight-bold) !important;
    color: var(--color-primary-light) !important;
}

.WaGadgetFeaturedMember .description {
    font-size: 15px !important;
    line-height: 20px !important;
    font-family: var(--font-primary) !important;
    font-style: italic !important;
    color: var(--color-grey-medium) !important;
    margin: 0 !important;
}

@media (max-width:767px) {
    .WaGadgetFeaturedMember ul:not(.layoutVertical) li .img {
        display: block !important;
        width: 100% !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
        text-align: center !important;
    }
    .WaGadgetFeaturedMember ul:not(.layoutVertical) li .rightPart {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }
}


/* Member Directory (Grid) */

.WaGadgetMemberDirectory.grid #membersTable tbody {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 0px;
}

.WaGadgetMemberDirectory.grid #membersTable tbody td {
    display: flex !important;
    flex-direction: column-reverse;
    justify-content: start;
    border: 0 !important;
    padding: 40px 20px 34px 20px !important;
    height: 100%;
}

.WaGadgetMemberDirectory.grid #membersTable tbody td .memberValue:not(:first-child) {
    padding-bottom: 10px;
}

.WaGadgetMemberDirectory.grid #membersTable tbody td .memberValue:not(:has(h5)) {
    font-size: 15px !important;
    line-height: 20px !important;
    font-style: italic !important;
    color: var(--color-grey-medium) !important;
}

.WaGadgetMemberDirectory.grid #membersTable img {
    height: 150px !important;
    max-width: 90% !important;
}

@media (max-width:919px) {
    .WaGadgetMemberDirectory.grid #membersTable tbody {
        grid-template-columns: repeat(2, 1fr);
    }
    .WaGadgetMemberDirectory.grid #membersTable tbody td {
        display: flex !important;
    }
}

@media (max-width:616px) {
    .WaGadgetMemberDirectory.grid #membersTable tbody {
        display: block !important;
        grid-template-columns: unset;
        gap: unset;
    }
    .WaGadgetMemberDirectory.grid #membersTable tbody td {
        display: flex !important;
    }
}


/* Member Profile */

.WaGadgetMemberPublicProfileStateMain .pageTitleOuterContainer,
.WaGadgetEmailMember .pageTitleOuterContainer {
    margin: 0;
    padding: 0 30px;
    position: absolute;
    top: 30px;
    width: 100%;
    height: 0;
    box-sizing: border-box;
}

#idMemberPublicProfileBackContainer a,
#idSendMailContainerBackToProfile .pageBackContainer {
    float: left;
}

#idMemberPublicProfileBackContainer .sendMailButtonContainer {
	float: right;
	margin-top: -10px;
}

.memberDirectoryDetailsHeaderContainer,
.memberDirectoryDetailsHeaderContainer .fieldSubContainer .fieldBody {
	text-align: center !important;
}

.memberDirectoryDetailsHeaderContainer {
    background: var(--color-light);
    padding: 45px 8% 30px 8%;
    margin-bottom: 40px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    box-shadow: 0 5px 10px -2px rgba(0,0,0,.1);
}

.memberDirectoryDetailsHeaderContainer h2 {
	margin-top: -6px;
	margin-bottom: 14px;
    color: var(--color-grey-dark) !important;
}

.memberDirectoryDetailsHeaderContainer h2:first-child {
    margin-top: 35px;
}

.memberDirectoryDetailsHeaderContainer h2 + h3 {
	margin-bottom: 28px;
    color: var(--color-primary-light) !important;
}

.memberDirectoryDetailsHeaderContainer h2 + h3 + h3 {
    font-size: 20px !important;
    font-style: italic !important;
    letter-spacing: -1px;
    letter-spacing: -0.5px;
}

.memberDirectoryDetailsHeaderContainer .fieldContainer .fieldLabel {
	display: none;
}

.memberDirectoryDetailsHeaderContainer .fieldContainer .fieldSubContainer .fieldBody {
	width: 100%;
	float: none;
	padding: 0;
    font-size: 16px;
    line-height: 24px;
}

/* hide first and last name on public profile (added to header) */
.WaGadgetMemberPublicProfile #idContainer17565875,
.WaGadgetMemberPublicProfile #idContainer17565876 {
    display: none;
}

.WaGadgetMemberPublicProfile .generalFieldsContainer .captionOuterContainer:not(:first-child) {
	margin-top: 30px;
	padding-top: 50px;
	border-top: 1px solid var(--color-primary-light-alt);
}

.WaGadgetMemberPublicProfile .generalFieldsContainer .captionOuterContainer .captionContainer {
	text-align: center;
}

.WaGadgetMemberPublicProfile .generalFieldsContainer .fieldSubContainer .fieldLabel {
    font-weight: var(--font-primary-weight-bold);
}

@media (min-width:617px) {
    .WaGadgetMemberPublicProfile .generalFieldsContainer .fieldSubContainer .fieldLabel {
	    width: 48%;
        box-sizing: border-box;        
    }

    .WaGadgetMemberPublicProfile .generalFieldsContainer .fieldSubContainer .fieldBody {
	    width: 42%;
        box-sizing: border-box;
    }
}

@media (max-width:616px) {
    .WaGadgetMemberPublicProfile .generalFieldsContainer .fieldSubContainer .fieldLabel,
    .WaGadgetMemberPublicProfile .generalFieldsContainer .fieldSubContainer .fieldBody {
	    text-align: center;
    }
}

.WaGadgetMemberPublicProfile #idContainer17580990 {
    margin-bottom: 40px;
}

.WaGadgetMemberPublicProfile #idContainer17580990 .fieldLabel {
    display: none;
}

.WaGadgetMemberPublicProfile #idContainer17580990 .fieldSubContainer .fieldBody {
	width: 100%;
	float: none;
	padding: 0 8%;
    box-sizing: border-box;
    text-align: center;
}

.generalFieldsContainer .fieldSubContainer .fieldBody a {
    word-break: break-word;
}

.generalFieldsContainer .fieldSubContainer .fieldBody img {
    height: 150px !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 .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer {
    padding-bottom: 20px !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;
}

.WaGadgetUpcomingEvents .gadgetStyleBody ul li .title {
    margin: 2px 0;
}

.WaGadgetUpcomingEvents .gadgetStyleBody ul li .date, 
.WaGadgetUpcomingEvents .gadgetStyleBody ul li .location {
    color: var(--color-grey-medium) !important;
    font-size: 14px !important;
}


/* Blog */

.WaGadgetBlog.WaGadgetBlogStateList ul.boxesList li.boxesListItem {
    margin: 0 0 30px 0;
    border-bottom: 1px solid var(--color-primary-light-alt);
    padding-bottom: 30px;
}

.WaGadgetBlog.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxBodyOuterContainer .boxBodyContentOuterContainer {
    margin-top: 30px;
}

.WaGadgetBlog .boxBodyInfoOuterContainer h5 * {
    color: var(--color-grey-medium) !important;
    font-size: 14px !important;
}

.WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a:before,
.WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterSecondaryOuterContainer .boxFooterSecondaryContainer a:before {
	font-size: 18px !important;
    color: var(--color-grey-medium) !important;
}

.hideMeta.WaGadgetBlog .boxBodyInfoOuterContainer h5,
.hideMeta.WaGadgetRecentBlogPosts .gadgetStyleBody ul li .author, 
.hideAuthor.WaGadgetRecentBlogPosts .gadgetStyleBody ul li .author,
.hideMeta.WaGadgetRecentBlogPosts .gadgetStyleBody ul li .date,
.hideDate.WaGadgetRecentBlogPosts .gadgetStyleBody ul li .date {
    display: none;
}

.hideAuthor.WaGadgetRecentBlogPosts .gadgetStyleBody ul li .date:before {
    content: 'Posted on ';
}

.hideDate.WaGadgetRecentBlogPosts .gadgetStyleBody ul li .author {
    /* hides "on" text */
    clip-path: inset(0 18px 0 0);
}

.WaGadgetRecentBlogPosts .gadgetStyleBody ul li .author, 
.WaGadgetRecentBlogPosts .gadgetStyleBody ul li .author a,
.WaGadgetRecentBlogPosts .gadgetStyleBody ul li .date {
    color: var(--color-grey-medium) !important;
    font-size: 14px !important;
}


/* Forum */

.WaGadgetForum.WaGadgetForumStateMessageList .messageListOuterContainer .messageListContainer ul.boxesList li.boxesListItem .boxHeaderOuterContainer table.forumMessageHeaderTable td.forumMessageHeaderBodyContainer .messageActionsContainer a:before {
    font-size: 18px !important;
    color: var(--color-grey-medium) !important;
}


/* Login Form */

.WaGadgetAuthorizationRequired .openAuthFormContainer, .WaGadgetAuthorizationRequired .authFormContainer {
	display: block;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    border-right: 0;
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.WaGadgetAuthorizationRequired .wa-authenticateLoginLink {
    display: inline-block;
    max-width: 170px;
    margin-bottom: 20px;
    margin-right: 20px;
}

.WaGadgetAuthorizationRequired .authFormContainer {
	border-left: 0;
    margin-top: 0px;
    padding-top: 20px;
    border-top: 1px solid var(--color-primary-light-alt);
}

table#ctl00_ContentArea_loginViewControl_loginControl.loginPageTable {
	width: 100%;
}

.WaGadgetAuthorizationRequired .loginPageTable #idLoginBox div input[type=text], 
.WaGadgetAuthorizationRequired .loginPageTable #idPasswordBox div input[type=text], 
.WaGadgetAuthorizationRequired .loginPageTable #idLoginBox div input[type=password], 
.WaGadgetAuthorizationRequired .loginPageTable #idPasswordBox div input[type=password] {
	width: 100%;
	height: 43px;
	box-sizing: border-box;
}

@media (max-width:767px) {
    .WaGadgetAuthorizationRequired .loginPageTable #idSubmitBox #idForgotLinkBox {
        display: block !important;
        padding-top: 20px !important;
    }
}


/* 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: var(--font-primary-weight-bold) !important;
    color: var(--color-black) !important;
    background-color: var(--color-light) !important;
    text-align: left;
    vertical-align: middle !important;
    box-sizing: border-box;
    border-bottom: 1px solid var(--color-primary-light-alt) !important;
    border-right: 1px solid var(--color-primary-light-alt) !important;
}

.genericListTable thead th, 
.membersTable thead th {
    border-right: 0 !important;
}

.alignCenter .genericListTable thead th, 
.alignCenter .membersTable thead th, 
.alignCenter table.contStyleExcSimpleTable th, 
.alignCenter table.styledTable th {
    text-align: center;
}

.genericListTable tr:hover td, 
.membersTable tr:hover td,
table.contStyleExcSimpleTable:not(.noHover) tr:hover td, 
table.styledTable:not(.noHover) tr:hover td {
    background-color: var(--color-light-grey-alt) !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;
    margin: 0 !important;
    box-sizing: border-box;
}

@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;
    }
    .genericListTable td, 
    .membersTable td {
        text-align: center !important;
    }
    .genericListTable thead td, 
    .membersTable td, 
    table.contStyleExcSimpleTable:not(.noLayoutBreak) td, 
    table.styledTable:not(.noLayoutBreak) td {
        padding-top: 0 !important;
        padding-bottom: 6px !important;
    }
    .genericListTable thead td:first-child, 
    .membersTable td:first-child, 
    table.contStyleExcSimpleTable:not(.noLayoutBreak) td:first-child, 
    table.styledTable:not(.noLayoutBreak) td:first-child,
    table.contStyleExcSimpleTable:not(.noLayoutBreak) th+td, 
    table.styledTable:not(.noLayoutBreak) th+td {
        padding-top: 16px !important;
    }
    .genericListTable thead td:last-child, 
    .membersTable td:last-child, 
    table.contStyleExcSimpleTable:not(.noLayoutBreak) td:last-child, 
    table.styledTable:not(.noLayoutBreak) td:last-child {
        padding-bottom: 16px !important;
    }
    .genericListTable thead td:not(:last-child), 
    .membersTable tbody td, 
    table.contStyleExcSimpleTable:not(.noLayoutBreak) td:not(:last-child), 
    table.styledTable:not(.noLayoutBreak) td:not(:last-child),
    table.contStyleExcSimpleTable:not(.noLayoutBreak) th:has(+th), 
    table.styledTable:not(.noLayoutBreak) th:has(+th) {
        border-bottom: 0 !important;
    }
    table.contStyleExcSimpleTable:not(.noLayoutBreak) th:has(+th), 
    table.styledTable:not(.noLayoutBreak) th:has(+th) {
        padding-bottom: 0 !important;
    }
    table.contStyleExcSimpleTable:not(.noLayoutBreak) th+th, 
    table.styledTable:not(.noLayoutBreak) th+th {
        padding-top: 0 !important;
    }
}


/* CTAs & ICONS --------------------------------------------------------------- */

[class*=ctas] td.WaLayoutItem,
.WaGadgetFeaturedMember ul li {
    box-shadow: 0 5px 10px -2px rgba(0,0,0,.5);
    transition: all 150ms ease-in-out;
}

[class*=ctas] td.WaLayoutItem:hover {
    box-shadow: 0 15px 30px -10px rgba(0,0,0,0.7);
    transform: scale(1.05);
}

.ctas-large td.WaLayoutItem,
.WaGadgetFeaturedMember.ctas-large ul li {    
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.7);
    transition: all 300ms ease-in-out;
}

.ctas-large td.WaLayoutItem:hover,
.WaGadgetFeaturedMember.ctas-large ul li:hover {
    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.9);
    transform: unset;
}

.ctas-light td.WaLayoutItem,
.WaGadgetFeaturedMember.ctas-light ul li {
    box-shadow: 0 5px 10px -2px rgba(0,0,0,.1);
}

.ctas-light td.WaLayoutItem:hover,
.WaGadgetFeaturedMember.ctas-light ul li:hover {
    box-shadow: 0 5px 10px -2px rgba(0,0,0,.3);
}

.ctas-large.ctas-light td.WaLayoutItem,
.WaGadgetFeaturedMember.ctas-large.ctas-light ul li {
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1);
}

.ctas-large.ctas-light td.WaLayoutItem:hover,
.WaGadgetFeaturedMember.ctas-large.ctas-light ul li:hover {
    box-shadow: 0 25px 50px -12px rgba(0,0,0,.3);
}

@media (max-width: 919px) {
    .WaGadgetFeaturedMember.grid-2 ul {
        display: block !important;
    }
    .WaGadgetFeaturedMember.grid-2 ul li:not(:first-child) {
        margin-top: 30px;
    } 
}

@media (max-width: 767px) {
    .WaGadgetFeaturedMember.grid-3 ul {
        display: block !important;
    }
    .WaGadgetFeaturedMember.grid-3 ul li:not(:first-child) {
        margin-top: 30px;
    } 
}

@media (max-width: 616px) {
    .WaGadgetFeaturedMember[class*=grid] ul {
        display: block !important;
    }
    [class*=ctas] td:not(:first-child),
    .WaGadgetFeaturedMember ul li:not(:first-child) {
        margin-top: 30px;
    }    
}

.cta-icon .gadgetStyleBody {
	height: 100%;
	display: flex;
}

.cta-icon .gadgetStyleBody > * {
	margin: auto;
}

.icon-opacity-50:not([class*=icon-circle]) img,
.icon-opacity-50:not([class*=icon-circle]) svg,
.icon-opacity-50[class*=icon-circle] *:has(>img),
.icon-opacity-50[class*=icon-circle] *:has(>svg) {
    opacity: .5;
    transition: all 300ms ease-in-out;
}

[class*=ctas] td:hover .icon-opacity-50:not([class*=icon-circle]) img,
[class*=ctas] td:hover .icon-opacity-50:not([class*=icon-circle]) svg,
[class*=ctas] td:hover .icon-opacity-50[class*=icon-circle] *:has(>img),
[class*=ctas] td:hover .icon-opacity-50[class*=icon-circle] *:has(>svg) {
    opacity: 1;
}

.icon-white img,
.icon-white svg {
	filter: invert(96%) sepia(0%) saturate(7493%) hue-rotate(95deg) brightness(109%) contrast(101%);
}

.icon-primary img,
.icon-primary svg {
	filter: invert(43%) sepia(12%) saturate(1923%) hue-rotate(153deg) brightness(90%) contrast(93%);
}

.icon-white img:hover,
.icon-white svg:hover,
[class*=ctas] td:hover .icon-white img,
[class*=ctas] td:hover .icon-white svg,
.icon-white[class*=icon-circle] *:has(>img):hover img,
.icon-white[class*=icon-circle] *:has(>img):hover svg {
	filter: invert(96%) sepia(0%) saturate(7493%) hue-rotate(95deg) brightness(109%) contrast(101%);
}

.icon-primary img:hover,
.icon-primary svg:hover,
[class*=ctas] td:hover .icon-primary img,
[class*=ctas] td:hover .icon-primary svg,
.icon-primary[class*=icon-circle] *:has(>img):hover img,
.icon-primary[class*=icon-circle] *:has(>img):hover svg {
	/*filter: invert(86%) sepia(40%) saturate(232%) hue-rotate(144deg) brightness(95%) contrast(90%);*/
	filter: invert(96%) sepia(0%) saturate(7493%) hue-rotate(95deg) brightness(109%) contrast(101%);
}

[class*=icon-circle] *:has(>img),
[class*=icon-circle] *:has(>svg) {
    display: block;
    line-height: 0;
	padding: 20px;
	background-color: var(--color-light-grey-alt);
    border-radius: 100%;    
}

[class*=icon-circle] *:has(>img):hover,
[class*=icon-circle] *:has(>svg):hover,
[class*=ctas] td:hover [class*=icon-circle] *:has(>img),
[class*=ctas] td:hover [class*=icon-circle] *:has(>svg) {
	background-color: var(--color-grey);
}

.icon-circle.icon-white *:has(>img),
.icon-circle.icon-white *:has(>svg) {
	background-color: var(--color-white);
}

.icon-circle.icon-white *:has(>img):hover,
.icon-circle.icon-white *:has(>svg):hover,
[class*=ctas] td:hover .icon-circle.icon-white *:has(>img),
[class*=ctas] td:hover .icon-circle.icon-white *:has(>svg) {
	background-color: var(--color-white);
}

.icon-circle.icon-primary *:has(>img),
.icon-circle.icon-primary *:has(>svg) {
	background-color: var(--color-light);
}

.icon-circle.icon-primary *:has(>img):hover,
.icon-circle.icon-primary *:has(>svg):hover,
[class*=ctas] td:hover .icon-circle.icon-primary *:has(>img),
[class*=ctas] td:hover .icon-circle.icon-primary *:has(>svg) {
	background-color: var(--color-primary);
}


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

.roundCorners,
.roundedCorners {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    overflow: hidden;
}

.roundCorners img,
.roundedCorners-image img,
.roundedCorners-img img {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}

.roundCorners-innerCells td.WaLayoutItem,
.roundedCorners-innerCells td.WaLayoutItem,
#id_HomeFeaturedCTA.roundedCorners-innerCells .WaLayoutItem:before,
.WaGadgetFeaturedMember.roundCorners-innerCells ul li {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    overflow: hidden;
}

.roundCorners-top,
.roundedCorners-top {
    -webkit-border-radius: 14px 14px 0 0;
    -moz-border-radius: 14px 14px 0 0;
    border-radius: 14px 14px 0 0;
    overflow: hidden;
}

.roundCorners-bottom,
.roundedCorners-bottom {
    -webkit-border-radius: 0 0 14px 14px;
    -moz-border-radius: 0 0 14px 14px;
    border-radius: 0 0 14px 14px;
    overflow: hidden;
}


/* IMAGE CIRCLES ------------------------------------------- */

[class*=avatar]:not([class*=Directory]) img,
[class*=avatar][class*=Directory] .membersTable img,
.memberDirectoryDetailsHeaderContainer .pictureViewContainer img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    padding: 3px;
    background: var(--color-white);
    border: 1px solid var(--color-primary-light);
}

.avatar-small img {
    max-width: 70px !important;
}

@media (max-width:900px) {
    [class*=avatar]:not(.WaGadgetFeaturedMember,[class*=Directory]) img {
        max-width: 50% !important;
    }
}


/* BLUR ------------------------------------------- */

.blurBG .gadgetStyleBody {
    background-color: rgba(0, 0, 0, 0.35); /* Semi-transparent color required */
  backdrop-filter: blur(1.5px); /* Blurs everything behind this element */
  -webkit-backdrop-filter: blur(1.5px); /* For Safari support */
  transition: all 300ms ease-in-out;
}

td.WaLayoutItem:hover .blurBG .gadgetStyleBody {
    background-color: rgba(0, 0, 0, 0.2); /* Semi-transparent color required */
  backdrop-filter: blur(.5px); /* Blurs everything behind this element */
  -webkit-backdrop-filter: blur(.5px); /* For Safari support */
}


/* OVERlAYS ------------------------------------------- */

[class*="WaLayoutContainer"].overlayBG:before,
[class*="WaLayoutContainer"].overlayBG-dark:before,
[class*="WaLayoutContainer"].overlayBG-light:before,
[class*="WaGadget"].overlayBG:before,
[class*="WaGadget"].overlayBG-dark:before,
[class*="WaGadget"].overlayBG-light:before {
    content:'';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

[class*="WaLayoutContainer"].overlayBG:before,
[class*="WaGadget"].overlayBG:before {
    background:rgba(50,114,141,.4);
}

[class*="WaLayoutContainer"].overlayBG-dark:before,
[class*="WaGadget"].overlayBG-dark:before {
    background:rgba(0,0,0,.4);
}

[class*="WaLayoutContainer"].overlayBG-light:before,
[class*="WaGadget"].overlayBG-light:before {
    background:rgba(248,218,146,.4);
}

[class*="WaLayoutContainer"].overlayBG table,
[class*="WaLayoutContainer"].overlayBG-dark table,
[class*="WaLayoutContainer"].overlayBG-light table {
    position: relative;
    z-index: 1;
}


/* MISC. ------------------------------------------- */

.boxShadow {
    box-shadow: 0 2px 4px -2px rgba(0,0,0,.2);
}