#FunctionalBlock1_ctl00_ctl00_actionPanel_exitAdvancedSearchModeLink{display:none;}
SPAN.postedByComment {display: none}

.Remove-Title .gadgetStyleTitle {
    display: none;
}

/***************************************************/
/**** IMPORTANT SITEWIDE ****/
/***************************************************/

div#id_MobilePanel.WaPlaceHolder>div {
    padding: 0!important;
}

/**** SITEWIDE Containers ****/

.WaPlaceHolderContent>div, 
.WaPlaceHolderContent1>div, 
.WaPlaceHolderContent2>div, 
.WaPlaceHolderContent3>div, 
.WaPlaceHolderContent4>div {
    padding-top: 80px;
    padding-bottom: 80px;
}

.Side-Padding {
    padding-right: 15%;
    padding-left: 15%;
    box-sizing: border-box;
}

.Side-Margin {
    margin-right: 15%;
    margin-left: 15%;
    box-sizing: border-box;
}

/* Removes default inner padding in dark background content gadgets */
.gadgetStyle002 .gadgetStyleBody,
.gadgetStyle002.WaGadgetHeadline .gadgetStyleBody {
    padding: 0;
}


/*** END IMPORTANT ***/

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

:root {
    --color-white:#ffffff;
    --color-base: #ffffff;
    --color-grey: #cccccc;
    --color-grey-light: #eeeeee;
    --color-base-alt: #eeebe6;
    --color-primary: #1c5b1c;
    --color-primary-light: #618a5e;
    --color-primary-dark: #0d350d;
    --color-secondary: #d9a754;
    --color-accent: #8b5e3c;
    --color-accent-hover: #7a3b3b;
    --color-accent-light: #D0A68F;
    --color-accent-2: #4c92c1;
    --color-accent-3: #9daf88;
    --color-faint-light: rgba(255,255,255,15%);
    --color-faint-lightest: rgba(255,255,255,8%);
    --color-faint-dark: rgba(0,0,0,10%);
    --color-text-body: #18330b;
    --type-font-heading: 'Barlow Semi Condensed', 'Lato', Arial, sans-serif;
    --type-font-body: 'Lato', Arial, sans-serif;
    --type-size: 18px;
    --type-size-sm: 16px;
    --type-size-xsm: 14px;
    --type-size-lrg: 22px;
    --type-size-xlrg: 26px;
    --type-size-2xlrg: 30px;
    --type-size-3xlrg: 34px;
    --type-size-4xlrg: 38px;
    --type-size-5xlrg: 42px;
    --type-size-6xlrg: 46px;
    --type-size-7xlrg: 50px;
    --type-size-8xlrg: 54px;
    --type-size-9xlrg: 60px;
    --type-size-page-title: 48px;
    --type-size-blog-list-title: 34px;
    --type-size-blog-detail-title: 48px;
    --type-size-event-list-title: 34px;
    --type-size-event-detail-title: 48px;
    --type-size-breadcrumb: 18px;
    --type-color-body: #18330b;
    --type-color-heading: #092528;
    --border-radius-lrg: 20px;
    --border-radius-med: 10px;
    --border-radius-sm: 6px;
    --system-buttons-bg: #A06F62;
    --system-buttons-bg-hover: #80594e;
    --system-buttons-text-color: #FFFFFF;
    --system-buttons-text-color-hover: #FFFFFF;
    --login-button-bg: #A06F62;
    --login-button-bg-hover: #80594e;
    --login-button-text-color: #FFFFFF;
    --login-button-text-color-hover: #FFFFFF;
}

/***************************************************/
/**** ACCORDION GADGET ****/
/***************************************************/

/* Only hide the accordion content by default on the front-end (so admins can see it in the admin easily)... */

.publicContentView .WaGadgetContentAccordion .gadgetStyleBody,
.memberContentView .WaGadgetContentAccordion .gadgetStyleBody {
    display:none; /* toggled by jQuery */
}

/* Allow an accordion to be open on page load... Use as gadget's custom css class... 'opened' */

.publicContentView .WaGadgetContentAccordion.opened .gadgetStyleBody,
.memberContentView .WaGadgetContentAccordion.opened .gadgetStyleBody {
    display:block;
}

/* This are the selectors you should use for styling the "open" toggler gadgets, titles, body, etc... replace [selector] with an actual css element to select.
It requires you use two CSS selectors, one for the "opened" and one for the "active" togglers */

.publicContentView .WaGadgetContentAccordion.opened [selector],
.publicContentView .WaGadgetContentAccordion.active [selector] {
/* add css here */
}

.WaGadgetContentAccordion {
    margin-bottom: 10px;
    border: 1px solid var(--color-accent-light);
    transition: all 0.2s ease-in-out;
}

.WaGadgetContentAccordion:hover {
    border: 1px solid var(--color-primary-light);
}

.WaGadgetContentAccordion.opened,
.WaGadgetContentAccordion.active {
    border: 1px solid var(--color-primary-light);
}

.WaGadgetContentAccordion .gadgetStyleTitle {
    margin: 0;
    font-size: var(--type-font-body);
    padding: 15px 60px 15px 20px!important;
    background-image: url(/resources/Pictures/Icons/accordion-icon-open.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    transition: all 0.2s ease-in-out;
}

.WaGadgetContentAccordion.opened .gadgetStyleTitle, .WaGadgetContentAccordion.active .gadgetStyleTitle {
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    cursor: pointer;
    background-image: url(/resources/Pictures/Icons/accordion-icon-close.svg);
}

.WaGadgetContentAccordion .gadgetStyleTitle:hover {
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    cursor: pointer;
}

.publicContentView .WaGadgetContentAccordion .gadgetStyleBody, .memberContentView .WaGadgetContentAccordion .gadgetStyleBody {
    display: none;
}

.WaGadgetContentAccordion .gadgetStyleBody, 
.WaGadgetContentAccordion .gadgetStyleBody {
    padding: 15px 20px 30px 20px;
    border-top: 1px solid var(--color-accent-light);
}

.WaGadgetContentAccordion .gadgetStyleTitle h4 {
    font-size: var(--type-size-lrg)!important;
    font-weight: 400;
    color: var(--color-primary);
    text-transform: none;
    font-family: var(--type-font-heading);
}

/*** END ACCORDION ***/

/***************************************************/
/*** BACK TO TOP ***/
/***************************************************/

#backToTop {
    position: fixed;
    right: 25px;
    bottom: 80px;
    width: 45px;
    height: 45px;
    border: none;
    border-radius: 50%;
    background: var(--color-primary-light);
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 5px 18px rgba(0,0,0,0.2);
    transition:
        opacity 0.3s ease,
        transform 0.3s ease,
        background 0.3s ease;
    
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    z-index: 9999;
}

#backToTop.show{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

#backToTop:hover{
    background: var(--color-accent);
    transform: translateY(-3px);
}

/***************************************************/
/**** BLOG ****/
/***************************************************/

/*** HIDE AUTHOR ***/

.WaGadgetBlog.Hide-Author .boxBodyInfoOuterContainer .postedByLabel, 
.WaGadgetBlog.Hide-Author .boxBodyInfoOuterContainer .postedByLink,
.WaGadgetBlog.Hide-Author .boxBodyInfoOuterContainer .postedOn:before {
    display: none;
}

.WaGadgetBlog.Hide-Author .boxBodyInfoOuterContainer .postedOn {
    margin-left: 0;
}

/*** HIDE BLOG META DETAILS ***/

.Hide-Blog-Meta .boxBodyInfoContainer {
    display: none;
}

/**** BLOG LIST ****/

.WaGadgetBlogStateList ul.boxesList li.boxesListItem+li.boxesListItem {
    margin-top: 30px;
    padding-top: 30px;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem {
    border-top: 1px solid var(--color-accent-light);
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem:first-child {
    border-top: none;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle {
    white-space: normal;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a {
    font-size: var(--type-size-blog-list-title);
}

/**** BLOG DETAIL ****/

.WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer h4 {
  font-size: 40px!important;
}

/*** END BLOG ***/

/***************************************************/
/**** BORDER BOXES ****/
/***************************************************/

.Border-Box,
.Border-Box-White,
.Border-Box-Accent,
.Border-Box-Faint {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 35px;
}

.Border-Box {
    border: 1px solid var(--color-accent-light);
}

.Border-Box-White {
    border: 1px solid var(--color-white);
}

.Border-Box-Accent {
    border: 1px solid var(--color-accent);
}

.Border-Box-Faint {
    border: 1px solid var(--color-faint-light);
}


/***************************************************/
/**** BREADCRUMBS ****/
/***************************************************/

.WaGadgetBreadcrumbs ul {
    font-size: var(--type-size-breadcrumb);
}

/*** Center Breadcrumb ***/
.WaGadgetBreadcrumbs.Center-Breadcrumb ul {
    text-align: center;
}


/***************************************************/
/**** BULLETS ****/
/***************************************************/

[class*='EditableArea'] ul {
    margin: 1em 0 1em 19px;
    padding: 0 0 0 8px;
    list-style: disc;
}

/***************************************************/
/**** BUTTONS ****/
/***************************************************/

/* Main Buttons */

a.buttonStyle001, a:link.buttonStyle001,
a.buttonStyle002, a:link.buttonStyle002,
a.buttonStyle003, a:link.buttonStyle003,
a.buttonStyle004, a:link.buttonStyle004,
a.buttonStyle005, a:link.buttonStyle005 {
    padding: 7px 20px 6px 20px;
    -webkit-border-radius: var(--border-radius-lrg);
    -moz-border-radius: var(--border-radius-lrg);
    border-radius: var(--border-radius-lrg);
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: var(--type-size);
    white-space: normal;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* Arrow */
a.buttonStyle001::after, a:link.buttonStyle001::after,
a.buttonStyle002::after, a:link.buttonStyle002::after,
a.buttonStyle003::after, a:link.buttonStyle003::after,
a.buttonStyle004::after, a:link.buttonStyle004::after,
a.buttonStyle005::after, a:link.buttonStyle005::after {
    content: "→";
    font-size: 1.1em;
    line-height: 1;
    color: currentColor;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* Main Buttons Hover */
a.buttonStyle001:hover,
a.buttonStyle002:hover,
a.buttonStyle003:hover,
a.buttonStyle004:hover,
a.buttonStyle005:hover {
    padding: 7px 25px 6px 25px;
}

/* Hover animation */
a.buttonStyle001:hover::after, a:link.buttonStyle001:hover::after,
a.buttonStyle002:hover::after, a:link.buttonStyle002:hover::after,
a.buttonStyle003:hover::after, a:link.buttonStyle003:hover::after,
a.buttonStyle004:hover::after, a:link.buttonStyle004:hover::after,
a.buttonStyle005:hover::after, a:link.buttonStyle005:hover::after {
    transform: translateX(3px);
}

/* Border for Styles 4 & 5 */

a.buttonStyle004, a:link.buttonStyle004,
a.buttonStyle005, a:link.buttonStyle005,
a.buttonStyle004:hover, a:link.buttonStyle004:hover,
a.buttonStyle005:hover, a:link.buttonStyle005:hover {
    border-width: 2px;
}

a.buttonStyle005:hover, a:link.buttonStyle005:hover {
    border-color: var(--color-accent)!important;
}

/*** LARGE BUTTONS ***/

.Large-Button a.stylizedButton {
    padding: 15px 30px 15px 30px;
    font-size: 1.4rem;
    text-transform: capitalize;
}

.Large-Button a.stylizedButton:hover {
    padding: 15px 30px 15px 30px;
}

/*** SMALL BUTTONS ***/

.Small-Button a.stylizedButton {
    padding: 5px 15px 5px 15px;
    font-size: var(--type-size-xsm);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: right 8px center;
}

.Small-Button a.stylizedButton:hover {
    padding: 5px 15px 5px 15px;
}

/*** Full Width Button ***/

.Full-Button a.stylizedButton {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: normal;
    font: normal var(--type-size)/100% var(--type-font-body);
    font-weight: 400;
    padding: 15px 25px;
    text-transform: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-align: left;
    position:relative;
}

.Full-Button a.stylizedButton:hover {
    font: normal var(--type-size)/100% var(--type-font-body);
    font-weight: 400;
    padding: 15px 25px 15px 30px;
}


/**** SYSTEM BUTTONS ****/

input.nextButton, 
input.typeButton,
input[type=submit],
.navigationOuterContainer .navigationContainer input.nextButton, 
.navigationOuterContainer .navigationContainer input.typeButton, 
.navigationOuterContainer .navigationContainer input[type=submit],
.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton {
    background-color: var(--system-buttons-bg)!important;
    color: var(--system-buttons-text-color);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-transform: none;
    -webkit-border-radius: var(--border-radius-sm);
    -moz-border-radius: var(--border-radius-sm);
    border-radius: var(--border-radius-sm);
}

input.nextButton:hover,
input.typeButton:hover,
input[type=submit]:hover,
.navigationOuterContainer .navigationContainer input.nextButton:hover, 
.navigationOuterContainer .navigationContainer input.typeButton:hover, 
.navigationOuterContainer .navigationContainer input[type=submit]:hover,
.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton:hover {
    background-color: var(--system-buttons-bg-hover)!important;
    color: var(--system-buttons-text-color-hover);
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: var(--system-buttons-bg)!important;
    color: var(--system-buttons-text-color);
    border-radius: var(--border-radius-sm);
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton:hover {
    background: var(--system-buttons-bg-hover)!important;
    color: var(--system-buttons-text-color-hover);
    border-radius: var(--border-radius-sm);
} 

#ctl00_LeftMenuArea_Authentication1_loginViewControl_LogoutButton {
    font-size: var(--type-size-sm);
}

/*** END BUTTONS ***/

/***************************************************/
/**** DIVIDERS - HORIZONTAL ****/
/***************************************************/

.WaContentDivider.dividerStyle001,
.WaContentDivider.dividerStyle002,
.WaContentDivider.dividerStyle003,
.WaContentDivider.dividerStyle004,
.WaContentDivider.dividerStyle005 {
    height: 2px;
    margin: 3rem 0;
}

.WaContentDivider.dividerStyle006,
.WaContentDivider.dividerStyle007,
.WaContentDivider.dividerStyle008,
.WaContentDivider.dividerStyle009,
.WaContentDivider.dividerStyle010 {
    height: 1px;
    margin: 1.5rem 0;
}

.WaContentDivider.dividerStyle001,
.WaContentDivider.dividerStyle006 {
    background: var(--color-accent-light);
}

.WaContentDivider.dividerStyle002,
.WaContentDivider.dividerStyle007 {
    background: var(--color-secondary);
}

.WaContentDivider.dividerStyle003,
.WaContentDivider.dividerStyle008 {
    background: var(--color-primary-light);
}

.WaContentDivider.dividerStyle004,
.WaContentDivider.dividerStyle009 {
    background: var(--color-accent);
}

.WaContentDivider.dividerStyle005,
.WaContentDivider.dividerStyle010 {
    background: var(--color-white);
}

/*** END DIVIDERS ***/

/***************************************************/
/**** EVENTS ****/
/***************************************************/

/* -- REMOVE GADGET TITLE -- */
.Remove-Title .gadgetStyleTitle {
    display: none;
}

/* -- EVENT LIST STYLES -- */

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer {
    margin: 0 0 30px 0;
}

.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer,
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
    padding: 25px;
    background: var(--color-white);
}

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle a {
    font-size: var(--type-size-event-list-title);
}

.WaGadgetEventsStateList .boxesList .boxesListItem {
    background-color: var(--color-white);
    padding: 30px;
    -webkit-box-shadow: 0px 0px 20px 0px var(--color-base-alt);
    -moz-box-shadow: 0px 0px 20px 0px var(--color-base-alt);
    box-shadow: 0px 0px 20px 0px var(--color-base-alt);
}

.WaGadgetEvents.Education-Events-Calendar.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight {
    max-height: 100px;
}

.WaGadgetEvents .pageTitleContainer h1, .WaGadgetEvents .titleContainer h1 {
    font-family: var(--type-font-heading);
    font-size: 24px;
    font-weight: 400;
}

/*** Event Title ***/

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer h4.infoTitle {
    color: var(--color-primary);
    font-family: var(--type-font-heading);
    font-size: 24px;
    font-weight: 600;
}

.WaGadgetEventsStateDetails .pageTitleOuterContainer .eventsTitleContainer h1,
.WaGadgetEvents .pageTitleContainer h1, 
.WaGadgetEvents .titleContainer h1 {
    font-family: var(--type-font-heading);
    margin: 1.66em 0;
    color: var(--color-primary)!important;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

/**** EVENT DETAIL ****/

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer {
    float: left;
    width: 350px;
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContentOuterContainer {
    float: right;
    width: calc(98% - 370px);
}

/*** END EVENTS ***/

/***************************************************/
/**** FEEDS EVENTS, BLOG, FORUMS ****/
/***************************************************/

.WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li,
.WaGadgetUpcomingEvents.upcomingEventsStyle003 ul li,
.WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li,
.WaGadgetUpcomingEvents.upcomingEventsStyle006 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle001 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle003 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle004 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle006 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle001 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle003 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle004 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle006 ul li {
    padding: 10px 0 10px 0;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li:hover,
.WaGadgetUpcomingEvents.upcomingEventsStyle003 ul li:hover,
.WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li:hover,
.WaGadgetUpcomingEvents.upcomingEventsStyle006 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle001 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle003 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle004 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle006 ul li:hover,
.WaGadgetForumUpdates.forumUpdatesStyle001 ul li:hover,
.WaGadgetForumUpdates.forumUpdatesStyle003 ul li:hover,
.WaGadgetForumUpdates.forumUpdatesStyle004 ul li:hover,
.WaGadgetForumUpdates.forumUpdatesStyle005 ul li:hover {
    padding: 7px 0 13px 0;
}

.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li,
.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle002 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle005 ul li {
    padding: 8px 3px 25px 8px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li:hover,
.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li:hover,
.WaGadgetForumUpdates.forumUpdatesStyle002 ul li:hover,
.WaGadgetForumUpdates.forumUpdatesStyle005 ul li:hover {
    padding: 8px 0 28px 8px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle002 ul li {
    border-left: 4px solid var(--color-accent-light);
}

.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li:hover,
.WaGadgetForumUpdates.forumUpdatesStyle002 ul li:hover {
    border-left: 5px solid var(--color-accent);
}

.WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li .title a,
.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li .title a,
.WaGadgetUpcomingEvents.upcomingEventsStyle003 ul li .title a,
.WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li .title a,
.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li .title a,
.WaGadgetUpcomingEvents.upcomingEventsStyle006 ul li .title a,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle001 ul li .title a,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li .title a,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle003 ul li .title a,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle004 ul li .title a,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li .title a,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle006 ul li .title a,
.WaGadgetForumUpdates.forumUpdatesStyle001 ul li .title a,
.WaGadgetForumUpdates.forumUpdatesStyle002 ul li .title a,
.WaGadgetForumUpdates.forumUpdatesStyle003 ul li .title a,
.WaGadgetForumUpdates.forumUpdatesStyle004 ul li .title a,
.WaGadgetForumUpdates.forumUpdatesStyle005 ul li .title a,
.WaGadgetForumUpdates.forumUpdatesStyle006 ul li .title a {
    font-family: var(--type-font-body);
    font-size: var(--type-size);
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
}

.WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li .date,
.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li .date,
.WaGadgetUpcomingEvents.upcomingEventsStyle003 ul li .date,
.WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li .date,
.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li .date,
.WaGadgetUpcomingEvents.upcomingEventsStyle006 ul li .date,
.WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li .location,
.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li .location,
.WaGadgetUpcomingEvents.upcomingEventsStyle003 ul li .location,
.WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li .location,
.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li .location,
.WaGadgetUpcomingEvents.upcomingEventsStyle006 ul li .location {
    font-size: var(--type-size-xsm);
    font-style: normal;
}

/* --- CENTER FEED --- */

.WaGadgetUpcomingEvents.Center-Feed.upcomingEventsStyle001 ul li .title,
.WaGadgetUpcomingEvents.Center-Feed.upcomingEventsStyle001 ul li .date,
.WaGadgetUpcomingEvents.Center-Feed.upcomingEventsStyle001 ul li .location {
text-align: center;
}

/* --- LARGE FEED --- */

.WaGadgetUpcomingEvents.Large-Feed.upcomingEventsStyle001 ul li .title a,
.WaGadgetUpcomingEvents.Large-Feed.upcomingEventsStyle002 ul li .title a,
.WaGadgetUpcomingEvents.Large-Feed.upcomingEventsStyle003 ul li .title a,
.WaGadgetUpcomingEvents.Large-Feed.upcomingEventsStyle004 ul li .title a,
.WaGadgetUpcomingEvents.Large-Feed.upcomingEventsStyle005 ul li .title a,
.WaGadgetUpcomingEvents.Large-Feed.upcomingEventsStyle006 ul li .title a,
.WaGadgetRecentBlogPosts.Large-Feed.recentBlogPostsStyle001 ul li .title a,
.WaGadgetRecentBlogPosts.Large-Feed.recentBlogPostsStyle002 ul li .title a,
.WaGadgetRecentBlogPosts.Large-Feed.recentBlogPostsStyle003 ul li .title a,
.WaGadgetRecentBlogPosts.Large-Feed.recentBlogPostsStyle004 ul li .title a,
.WaGadgetRecentBlogPosts.Large-Feed.recentBlogPostsStyle005 ul li .title a,
.WaGadgetRecentBlogPosts.Large-Feed.recentBlogPostsStyle006 ul li .title a,
.WaGadgetForumUpdates.Large-Feed.forumUpdatesStyle001 ul li .title a,
.WaGadgetForumUpdates.Large-Feed.forumUpdatesStyle002 ul li .title a,
.WaGadgetForumUpdates.Large-Feed.forumUpdatesStyle003 ul li .title a,
.WaGadgetForumUpdates.Large-Feed.forumUpdatesStyle004 ul li .title a,
.WaGadgetForumUpdates.Large-Feed.forumUpdatesStyle005 ul li .title a,
.WaGadgetForumUpdates.Large-Feed.forumUpdatesStyle006 ul li .title a {
    font-size: var(--type-size-2xlrg)!important;
    font-family: var(--type-font-heading)!important;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
}

.WaGadgetUpcomingEvents.Large-Feed.upcomingEventsStyle001 ul li .date,
.WaGadgetUpcomingEvents.Large-Feed.upcomingEventsStyle002 ul li .date,
.WaGadgetUpcomingEvents.Large-Feed.upcomingEventsStyle003 ul li .date,
.WaGadgetUpcomingEvents.Large-Feed.upcomingEventsStyle004 ul li .date,
.WaGadgetUpcomingEvents.Large-Feed.upcomingEventsStyle005 ul li .date,
.WaGadgetUpcomingEvents.Large-Feed.upcomingEventsStyle006 ul li .date {
    font-size: var(--type-size);
    font-style: normal;
}



/***************************************************/
/**** FOOTER ****/
/***************************************************/

.zonePlace.zoneWAbranding {
    display: none;
}

/***********************************************************/
/**** FORMS AND APPLICATIONS ****/
/***********************************************************/

.infoOuterContainer {
    background-color: var(--color-base-alt);
}

/***********************************************************/
/**** FORUMS ****/
/***********************************************************/

.WaGadgetForum #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow:last-child {
    border-bottom: 2px solid var(--color-base-alt);
}
.WaGadgetForum #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow {
    border-top: 2px solid var(--color-base-alt);
}

.WaGadgetForum #idTopicListContainer .boxHeaderOuterContainer table td h4.boxHeaderTitle {
    color: var(--color-primary-light)!important;
    font-family: var(--type-font-heading);
    font-size: 24px;
    font-weight: 400!important;
}

.topicTitleOuterContainer h4#forumTitle {
    color: var(--color-primary-light)!important;
    font-family: var(--type-font-heading)!important;
    text-transform: none;
}

/***********************************************************/
/**** HEADERS ****/
/***********************************************************/

.Header-Logo {

}

.Header-Join {
    float: right;
}

.Header-Login {
    float: right;
}

.Header-Search {
    float: right;
}

.Header-Social {
    float: right;
}

.WaGadgetSocialProfile.socialProfileStyle001 li a {
    width: 40px;
    height: 40px;
    color: var(--color-white);
    font-size: var(--type-size-sm);
    line-height: 40px;
    -webkit-border-radius: var(--border-radius-lrg);
    -moz-border-radius: var(--border-radius-lrg);
    border-radius: var(--border-radius-lrg);
}

/*** END ***/


/************************************************/
/**** HOME ****/
/************************************************/

/************************************************/
/**** LAYOUTS ****/
/************************************************/

/**** LAYOUT COLUMNS WITH BORDERS ****/

.Border-Columns table {
    margin-bottom: 30px;
}

.Border-Columns table tr td.WaLayoutItem,
.Border-Columns-White table tr td.WaLayoutItem,
.Border-Columns-Accent table tr td.WaLayoutItem,
.Border-Columns-Faint table tr td.WaLayoutItem {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px;
}

.Border-Columns table tr td.WaLayoutItem {
    border: 2px solid var(--color-accent-light);
}

.Border-Columns-White table tr td.WaLayoutItem {
    border: 2px solid var(--color-white);
}

.Border-Columns-Accent table tr td.WaLayoutItem {
    border: 2px solid var(--color-accent);
}

.Border-Columns-Faint table tr td.WaLayoutItem {
    border: 2px solid var(--color-faint-light);
}

.Border-Columns table tr td.WaLayoutSeparator,
.Border-Columns-White table tr td.WaLayoutSeparator,
.Border-Columns-Accent table tr td.WaLayoutSeparator,
.Border-Columns-Faint table tr td.WaLayoutSeparator {
    width: 30px;
}

/**** LAYOUT COLUMNS WITH VERTICAL DIVIDERS ****/

.Dividers .WaLayoutItem,
.Column-Dividers .WaLayoutItem,
.Dividers-White .WaLayoutItem,
.Column-Dividers-White .WaLayoutItem,
.Dividers-Faint .WaLayoutItem,
.Column-Dividers-Faint .WaLayoutItem,
.Dividers-Bright .WaLayoutItem,
.Column-Dividers-Bright .WaLayoutItem {
    padding: 20px 50px;
}

.Dividers .WaLayoutSeparator,
.Column-Dividers .WaLayoutSeparator {
    width: 2px;
    background-color: var(--color-accent-light);
}

.Dividers-White .WaLayoutSeparator,
.Column-Dividers-White .WaLayoutSeparator {
    width: 2px;
    background-color: var(--color-white);
}

.Dividers-Bright .WaLayoutSeparator,
.Column-Dividers-Bright .WaLayoutSeparator {
    width: 2px;
    background-color:var(--color-accent);
}

.Dividers-Faint .WaLayoutSeparator,
.Column-Dividers-Faint .WaLayoutSeparator {
    width: 2px;
    background-color: var(--color-faint-light);
}


.Dividers .WaLayoutItem:first-child,
.Dividers-White .WaLayoutItem:first-child,
.Dividers-Faint .WaLayoutItem:first-child,
.Dividers-Bright .WaLayoutItem:first-child,
.Column-Dividers .WaLayoutItem:first-child,
.Column-Dividers-White .WaLayoutItem:first-child,
.Column-Dividers-Faint .WaLayoutItem:first-child,
.Column-Dividers-Bright .WaLayoutItem:first-child {
    padding-left: 0;
}

.Dividers .WaLayoutItem:last-child,
.Dividers-White .WaLayoutItem:last-child,
.Dividers-Faint .WaLayoutItem:last-child,
.Dividers-Bright .WaLayoutItem:last-child,
.Column-Dividers .WaLayoutItem:last-child,
.Column-Dividers-White .WaLayoutItem:last-child,
.Column-Dividers-Faint .WaLayoutItem:last-child,
.Column-Dividers-Bright .WaLayoutItem:last-child .BG-Accent{
    padding-right: 0;
}

/**** CARD LAYOUTS ****/

.Card-Layout table,
.Card-Layout-Light table,
.Card-Layout-Dark table,
.Card-Layout-White table,
.Card-Layout-Faint table {
    margin-bottom: 30px;
}

.Card-Layout table tr td.WaLayoutItem,
.Card-Layout-Light table tr td.WaLayoutItem,
.Card-Layout-Dark table tr td.WaLayoutItem,
.Card-Layout-White table tr td.WaLayoutItem,
.Card-Layout-Faint table tr td.WaLayoutItem {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px;
}

.Card-Layout table tr td.WaLayoutSeparator,
.Card-Layout-Light table tr td.WaLayoutSeparator,
.Card-Layout-Dark table tr td.WaLayoutSeparator,
.Card-Layout-White table tr td.WaLayoutSeparator,
.Card-Layout-Faint table tr td.WaLayoutSeparator {
    width: 30px;
}

.Card-Layout table tr td.WaLayoutItem:last-child,
.Card-Layout-Light table tr td.WaLayoutItem:last-child,
.Card-Layout-Dark table tr td.WaLayoutItem:last-child,
.Card-Layout-White table tr td.WaLayoutItem:last-child,
.Card-Layout-Faint table tr td.WaLayoutItem:last-child {
    margin-bottom: 0;
}

.Card-Layout-Light table tr td.WaLayoutItem {
    background-color: var(--color-base-alt);
}

.Card-Layout-Dark table tr td.WaLayoutItem {
    background-color: var(--color-primary-light);
    color: #fff;
}

.Card-Layout-White table tr td.WaLayoutItem {
    background-color: var(--color-white);
}

.Card-Layout-Faint table tr td.WaLayoutItem {
    background-color: var(--color-faint-lightest);
}

.Card-Layout-Dark table tr td.WaLayoutItem *,
.Card-Layout-Dark table tr td.WaLayoutItem p,
.Card-Layout-Dark table tr td.WaLayoutItem h2,
.Card-Layout-Dark table tr td.WaLayoutItem h3,
.Card-Layout-Dark table tr td.WaLayoutItem h4,
.Card-Layout-Dark table tr td.WaLayoutItem h5 {
    color: var(--color-white);
}

/*** END LAYOUTS ***/

/********************************************************/
/**** LOGIN FORM GADGET ****/
/********************************************************/

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer .loginLink,
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer .loginLink,
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink, 
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink {
    width: auto !important;
    line-height: 40px !important;
    text-transform: none;
    height: 40px!important;
    font-size: inherit;
    -webkit-border-radius: var(--border-radius-lrg);
    -moz-border-radius: var(--border-radius-lrg);
    border-radius: var(--border-radius-lrg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: var(--login-button-bg);
}

.WaGadgetLoginForm .loginContainer.loginContainer .loginLink {
    padding-left: 20px;
}

.WaGadgetLoginForm .loginContainer .loginLink:before {
    position:static !important;
    float: right !important;
    width: auto !important;
    height: auto !important;
    padding-right: 20px !important;
    padding-left: 10px !important;
}

.WaGadgetLoginForm .loginContainer.loginContainer .loginLink:before,
.WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink:before,
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:before,
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink:before,
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink:before,
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink:before {
    font: normal 17px/40px 'WA-theme-icons';
}

.WaGadgetLoginForm .loginButton {
    font-size: initial;
    font-family: inherit;
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink, 
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink,
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink, 
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink {
    color: var(--login-button-text-color);
    background: var(--login-button-bg);
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink.hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink.hover,
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover {
    color: var(--login-button-text-color-hover);
    background: var(--login-button-bg-hover);
}

.WaGadgetLoginForm.LoginFormStyle001 .authenticated .loginPanel, 
.WaGadgetLoginForm.LoginFormStyle002 .authenticated .loginPanel {
    width: 350px;
}

.WaGadgetLoginForm.LoginFormStyle001 .authenticated .loginPanel .loginBoxLogout, 
.WaGadgetLoginForm.LoginFormStyle002 .authenticated .loginPanel .loginBoxLogout,
.WaGadgetLoginForm.LoginFormStyle001 .authenticated .loginPanel .loginBoxLogout:hover, 
.WaGadgetLoginForm.LoginFormStyle002 .authenticated .loginPanel .loginBoxLogout:hover {
    padding: 4px 10px 5px 10px;
    color: #fff!important;
}

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

/*** FIRST LEVEL ***/

/* MENU ALIGN RIGHT */
.WaGadgetMenuHorizontal.Menu-Right .menuInner ul.firstLevel {
    float: right;
}

/* MENU ALIGN CENTER */
.WaGadgetMenuHorizontal.Menu-Center .menuInner ul.firstLevel {
    margin-right: auto;
	margin-left: auto;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 {
overflow: visible;
border-top: 1px solid var(--color-base-alt);
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item:first-child>a,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li>.item:first-child>a {
    padding-left: 16px;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item>a,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li>.item>a {
    padding: 0 16px;
    height: 60px;
    font: 500 var(--type-size)/60px var(--type-font-heading);
    text-transform: uppercase;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li.dir>.item>a span:after,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li.dir>.item>a span:after {
    height: 60px;
    font: 23px/60px 'FontAwesome';
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li.phantom>.item>a span:before,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li.phantom>.item>a span:before {
    height: 60px;
    font: 23px/60px 'FontAwesome';
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item>a>span,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li>.item>a>span {
    height: 60px;
}

/* HIGHLIGHT CURRENT MENU ITEM ANCESTORS */
/* works automatically for Horizontal and Vertical Menu gadgets (no extra class needed) */
/* currently allows initial hover styling on the ancestor */

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li:has(.sel)>.item>a:not(:hover),
.WaGadgetMenuVertical .menuInner ul.firstLevel>li:has(.sel)>.item>a:not(:hover) {
	color: var(--color-accent);
}

/*** DROPDOWN - LEVEL 2 ***/

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul ul {
    border: none;
    box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.1);
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul li:last-child .item a, 
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul ul li:last-child .item a {
    padding-bottom: 10px;
}

/*** DROPDOWN - LEVEL 3 ***/

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul ul {
    top: 0;
    border-left: 2px solid var(--color-secondary);
}

/* --- SUB MENU --- */
/*
.Sub-Menu .menuInner {
    border-bottom: 1px solid var(--color-accent-light);
} */

/************************************/
/*** MENU - STICKY MENU ***/
/************************************/

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu.active ul.firstLevel>li>.item>a,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .stickyMenu.active ul.firstLevel>li>.item>a {
    padding: 0 16px;
}

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

/*** TOP BAR ***/

.WaGadgetMobilePanel .mobilePanel {
    position: relative;
    height: 50px;
    background: var(--color-primary);
    color: var(--color-white);
}

.WaGadgetMobilePanel .mobilePanel .buttonMenu,
.WaGadgetMobilePanel .mobilePanel .buttonLogin {
text-indent: 0; /* resets WA styling that hides the existing text */
line-height: 50px; /* vertically center text to height of bar */
}

.WaGadgetMobilePanel .mobilePanel .buttonMenu {
padding-left: 50px; /* pushes menu text to right of menu button */
padding-right: 10px; /* adds extra padding to right of menu text for useability */
}

.WaGadgetMobilePanel .mobilePanel .buttonLogin {
padding-right: 45px; /* pushes login text to left of login button */
padding-left: 10px; /* adds extra padding to left of login text for useability */
}

.WaGadgetMobilePanel .mobilePanel .buttonLogin:before {
left: auto; /* resets WA styling that puts login button on left of existing text */
right: 0px; /* puts login button on right of existing text */
}

.WaGadgetMobilePanel .mobilePanel .buttonAdmin {
right: 0px; /* moves admin button to right so user info can expand to left */
}

.WaGadgetMobilePanel .mobilePanel .buttonLogin.logged {
right: 50px; /* moves user info button to left of admin button when logged in */
width: auto; /* allows user info button to grow to fit user name when logged in */
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
  background: var(--color-primary);
  color: var(--color-base-alt);
}

/*** MOBILE MENU OPEN ***/

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel {
  background: var(--color-primary);
  border-top: none;
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:active, .WaGadgetMobilePanel .mobilePanel .mobilePanelButton.active {
  background: var(--color-primary);
  color: var(--color-white);
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul,
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul {
  background: transparent;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li>.item>a {
    font-size: 16px;
    padding-left: 35px;
    font-weight: bold;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul li>.item>a {
    padding-left: 55px;
    font-weight: normal;
}

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

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li.sel>.item>a,
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul li.sel>.item>a{
    color: var(--color-accent-light);
}

/*** LOGIN BUTTON ***/

.WaGadgetMobilePanel .mobilePanel .loginInner {
    padding: 20px;
    background: var(--color-primary);
    border-top: none;
}

.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm [class$='TextBox'] input[class$='TextBoxControl'] {
    background: var(--color-primary-light);
    border: 1px solid #f9f5f5;
    color: #f9f5f5;
}

.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginActionRememberMe label:before {
    background: var(--color-primary-light);
    border: 1px solid #f9f5f5;
}

/**** END ****/

/***************************************************/
/**** PAGE TITLE ****/
/***************************************************/

.Page-Title h1 {
    margin: 0!important;
    text-transform: uppercase;
    font-family: var(--type-font-heading);
    text-align: center!important;
}

.Page-Title .gadgetStyleBody.gadgetContentEditableArea {
    padding: 0;
}

/***************************************************/
/**** SEARCH ****/
/***************************************************/

input.searchBoxField {
    display: inline-block;
    margin: 0;
    padding: 5px 20px 6px 25px;
    background: var(--color-white);
    border: 1px solid var(--color-base-alt);
    color: var(--color-text-body);
    font: normal 16px/1.3 var(--type-font-body);
    border-radius: var(--border-radius-lrg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

input.searchBoxField:focus,
input.searchBoxField:hover {
    border: 1px solid var(--color-secondary);
    padding: 5px 20px 6px 25px;
}

.WaGadgetSiteSearch .searchBoxField {
    width: 170px;
    max-width: calc(100% - 41px);
}

/***********************************************************/
/**** SLIDER ****/
/***********************************************************/

.WaGadgetSlideshow {
    overflow: hidden;
}

.camera_wrap {
    background: var(--color-base-alt);
}

.camera_thumbs_cont {
    background: var(--color-base-alt);
}

.camera_thumbs_cont ul {
    width: 100%!important;
    min-width: 300px;
}

.camera_thumbs_cont ul li {
    width: 40px;
    height: 40px;
    margin: 10px 2px;
    border: 1px solid var(--color-accent-light);
}

/**** HIDE THUMBNAILS ****/

.Hide-Thumbnails .camera_thumbs_cont {
    display: none;
}

.Hide-Thumbnails .camera_wrap {
    background: var(--color-base-alt);
    margin-bottom: 0!important;
}

/**** SLIDER CAPTIONS ****/

.CaptionSlider .camera_caption {
    position: absolute;
    bottom: 0!important;
    left: 0;
    margin-right: 0;
    display: block;
    width: auto;
    background: rgba(0,0,0,0.75);
}

.CaptionSlider .camera_caption>div {
    padding: 15px 30px;
    color: var(--color-white);
    font-size: var(--type-size-lrg);
    line-height: 1em;
    font-weight: normal;
    font-family: var(--type-font-body)!important;
}

/**** SLIDER CAPTION 2 ****/

.Full-Slider-Caption .camera_caption {
    position: absolute;
    left: 10%;
    bottom: 140px!important;
    width: 90%;

}

.Full-Slider-Caption .camera_caption>div {
 padding: 30px 100px 35px 40px;
 color: var(--color-text-body);
 font-size: var(--type-size);
}

.camera_caption>div h2,
.camera_caption>div h3 {
    margin-top: 0!important;
    color: var(--color-primary-light);
    font-size: var(--type-size-xlrg);
    text-transform: uppercase;
}

.Full-Slider-Caption .camera_caption>div h2,
.Full-Slider-Caption .camera_caption>div h3 {
    margin-top: 0!important;
    margin-bottom: 15px;
    color: var(--color-primary-light);
    font-size: 32px;
    text-transform: uppercase;
}

.camera_caption>div p {
    margin-top: 0;
}

.Full-Slider-Caption .camera_caption>div p {
    margin: 15px 0 0 0;
}

/**** CUSTOM SLIDER CAPTIONS ****/

.Custom-Slider-Caption .camera_caption {
    position: absolute;
    left: 10%;
    bottom: 140px!important;
    width: 80%;
    background-color: transparent!important;
    padding: 0;
}

.Custom-Slider-Caption .camera_caption>div p.Slider-Title-Row-1,
.Custom-Slider-Caption .camera_caption>div p.Slider-Title-Row-2 {
    color: #fff;
    font-family: var(--type-font-heading);
    margin-bottom: 0!important;
    text-transform: uppercase;
    float: left;
}

.Custom-Slider-Caption .camera_caption>div p.Slider-Title-Row-1 {
    display: inline-block;
    background-color: var(--color-primary);
    padding: 20px 30px;
    font-size: 80px;
    line-height: 100%;
}

.Custom-Slider-Caption .camera_caption>div p.Slider-Title-Row-2 {
    clear: both;
    display: inline-block;
    background-color: var(--color-secondary);
    padding: 15px 30px;
    color: #000000;
    font-size: var(--type-size-6xlrg);
    line-height: 100%;
}



/*** END ***/

/***************************************************/
/**** SOCIAL LINKS ****/
/***************************************************/

.WaGadgetSocialProfile.socialProfileStyle001 a.LinkedIn,
.WaGadgetSocialProfile.socialProfileStyle001 a.Twitter,
.WaGadgetSocialProfile.socialProfileStyle001 a.X,
.WaGadgetSocialProfile.socialProfileStyle001 a.Facebook,
.WaGadgetSocialProfile.socialProfileStyle001 a.Instagram,
.WaGadgetSocialProfile.socialProfileStyle001 a.YouTube {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: var(--color-secondary);
}

.WaGadgetSocialProfile.socialProfileStyle001 li a {
    opacity: 1;
    color: var(--color-white);
    background-color: var(--color-secondary);
}

.WaGadgetSocialProfile.socialProfileStyle001 li a:hover {
    opacity: 1;
    color: var(--color-white);
    background-color: var(--color-primary-light);
}

/*** STYLE 2 ***/

.WaGadgetSocialProfile.socialProfileStyle002 a.LinkedIn,
.WaGadgetSocialProfile.socialProfileStyle002 a.Twitter,
.WaGadgetSocialProfile.socialProfileStyle002 a.X,
.WaGadgetSocialProfile.socialProfileStyle002 a.Facebook,
.WaGadgetSocialProfile.socialProfileStyle002 a.Instagram {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.WaGadgetSocialProfile.socialProfileStyle002 li a {
    opacity: 1;
    color: var(--color-primary);
}

.WaGadgetSocialProfile.socialProfileStyle002 li a:hover {
    opacity: 1;
    color: var(--color-secondary);
}

/***************************************************/
/**** TYPOGRAPHY ****/
/***************************************************/

.gadgetStyleNone h1:not(.promo):not(.header):not(.h1Alt), .gadgetStyle002 h1:not(.promo):not(.header):not(.h1Alt),
.gadgetStyleNone H1.h1Alt, .gadgetStyle002 h1.h1Alt,
.gadgetStyleNone H1.header, .gadgetStyle002 H1.header,
.gadgetStyleNone h2, .gadgetStyle002 h2,
.gadgetStyleNone h3, .gadgetStyle002 h3,
.gadgetStyleNone H4:not(.gadgetTitleH4):not(.h4Alt), .gadgetStyle002 H4:not(.gadgetTitleH4):not(.h4Alt),
.gadgetStyleNone H4.h4Alt, .gadgetStyle002 h4.h4Alt,
.gadgetStyleNone h5, .gadgetStyle002 h5 {
    font-family: var(--type-font-heading)!important;
}

.Home-Slogan h1,  .Home-Slogan.gadgetStyle002 h1 {
    font-family: var(--type-font-heading);
    font-size: 60px!important;
    text-transform: uppercase;
    font-weight: 700;
}

H1.h1Alt, .gadgetStyleNone H1.h1Alt {
    margin-bottom: 0!important;
    font-weight: 200;
}

/*** HEADER TITLE ***/

.gadgetStyleNone h1:not(.promo):not(.header):not(.h1Alt),
.gadgetStyle002 h1:not(.promo):not(.header):not(.h1Alt) {
    font-size: var(--type-size-page-title);
    font-weight: 600!important;
    text-transform: uppercase;
}

h1.SystemPageTitle {
    font-size: var(--type-size-page-title);
}

.gadgetStyleNone h2,
.gadgetStyle002 h2 {
    font-weight: 600!important;
    text-transform: uppercase;
}

.gadgetStyleNone h3,
.gadgetStyle002 h3 {
    font-weight: 200;
}

.gadgetStyleNone h3 strong,
.gadgetStyle002 h3 strong {
    font-weight: 500!important;
}

.gadgetStyleNone h4,
.gadgetStyle002 h4 {

}

.gadgetStyleNone h5,
.gadgetStyle002 h5 {

}

.quotedText, .gadgetStyleNone .quotedText {
    margin: 1em 0;
    padding-left: 30px;
    border-left: 4px solid var(--color-accent);
}

.gadgetStyle002 .quotedText {
    margin: 1em 0;
    padding-left: 30px;
    border-left: 4px solid var(--color-accent);
    font-family: var(--type-font-heading);
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle, .WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a, .WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer h4, .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle, .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle a {
    font-family: var(--type-font-heading);
}

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle a {
    font-size: var(--type-size-event-list-title);
    text-transform: uppercase;
    font-weight: 600;
}

.genericListTable thead th, .membersTable thead th, .WaGadgetForum #idTopicListContainer .boxHeaderOuterContainer table td, .WaGadgetForum #idTopicListContainer .boxHeaderOuterContainer table td.threadTD div.thread h4.boxHeaderTitle, .WaGadgetForum #idTopicListContainer .boxHeaderOuterContainer table td.lastReplyTD .lastReply h4.boxHeaderTitle, .WaGadgetForum #idTopicListContainer .boxHeaderOuterContainer table td.repliesCountTD .repliesCount h4.boxHeaderTitle, .WaGadgetForumStateList .boxHeaderOuterContainer table td, .WaGadgetForumStateList .boxHeaderOuterContainer table td h4 {
    font-family: var(--type-font-heading);
}

/*******************************************************/
/**** LARGE DESKTOP ****/
/*******************************************************/

@media (max-width: 1600px) {

.Side-Padding {
    padding-right: 12%;
    padding-left: 12%;
}

.Side-Margin {
    margin-right: 12%;
    margin-left: 12%;
}

}

/*******************************************************/
/**** SMALL DESKTOP ****/
/*******************************************************/

@media (max-width: 1400px) {

.Side-Padding {
    padding-right: 8%;
    padding-left: 8%;
}

.Side-Margin {
    margin-right: 8%;
    margin-left: 8%;
}

}

/*******************************************************/
/**** LAPTOP ****/
/*******************************************************/

@media (max-width: 1280px) {

.Hide-For-Laptop {
    display: none;
}

.Header-Search {
    display: none;
}

/* FIXED HEIGHT SLIDESHOW FIX FOR MOBILE  */
.WaGadgetSlideshow.Mobile-Height-Fix .camera_wrap,
.WaGadgetSlideshow.Mobile-Height-Fix .camerarelative {
    height: 450px !important;
}

.WaPlaceHolderContent>div, 
.WaPlaceHolderContent1>div, 
.WaPlaceHolderContent2>div, 
.WaPlaceHolderContent3>div, 
.WaPlaceHolderContent4>div {
    padding-top: 70px;
    padding-bottom: 70px;
}

.Side-Padding {
    padding-right: 7%;
    padding-left: 7%;
}

.Side-Margin {
    margin-right: 7%;
    margin-left: 7%;
}

.Home-Slogan h1 {
    font-size: 48px!important;
}

.Custom-Slider-Caption .camera_caption {
    position: absolute;
    bottom: 80px!important;
    width: 80%;
    left: 10%;
}

.Custom-Slider-Caption .camera_caption>div p.Slider-Title-Row-1 {
    display: inline-block;
    background-color: var(--color-primary);
    padding: 20px;
    font-size: 60px;
}

.Custom-Slider-Caption .camera_caption>div p.Slider-Title-Row-2 {
    clear: both;
    display: inline-block;
    background-color: var(--color-secondary);
    padding: 12px 20px;
    color: #fff;
    font-size: 40px;
}

}

/*******************************************************/
/**** TABLET ****/
/*******************************************************/

@media (max-width: 1080px) {

.Hide-For-Tablet {
    display: none;
}

.WaPlaceHolderContent>div, 
.WaPlaceHolderContent1>div, 
.WaPlaceHolderContent2>div, 
.WaPlaceHolderContent3>div, 
.WaPlaceHolderContent4>div {
    padding-top: 60px;
    padding-bottom: 60px;
}

.Side-Padding {
    padding-right: 6%;
    padding-left: 6%;
}

.Side-Margin {
    margin-right: 6%;
    margin-left: 6%;
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContentOuterContainer {
    float: none!important;
    display: block;
    width: 100%!important;
    clear: both;
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer {
    margin-bottom: 40px;
    float: none;
    width: 100%!important;
}

}

/*******************************************************/
/**** MOBILE ****/
/*******************************************************/

/* Sticky Mobile Header */
@media screen and (max-width: 991px) {

    .WaPlaceHolderHeader {
        position: sticky;
        top: 0;
        z-index: 9999;
    }

}

/*******************************************************/
/**** MOBILE SMALL ****/
/*******************************************************/

@media (max-width: 767px) {

body {
    background-image: none;
    }


.WaPlaceHolderContent>div, 
.WaPlaceHolderContent1>div, 
.WaPlaceHolderContent2>div, 
.WaPlaceHolderContent3>div, 
.WaPlaceHolderContent4>div {
    padding-top: 50px;
    padding-bottom: 50px;
}

.Side-Padding {
    padding-right: 5%;
    padding-left: 5%;
}

.Side-Margin {
    margin-right: 5%;
    margin-left: 5%;
}

.Hide-For-Mobile {
    display: none;
}

.Main-Header {
    padding-bottom: 25px;
}

.Margin-Mobile-0 {
    margin:0!important;
}

.zonePlace.zoneHeader2 {
    margin-top: 0;
}

.Home-Slogan h1 {
    font-size: 36px!important;
}

.Header-Logo p,
.Header-Logo img {
    text-align: center!important;
    margin: 0 auto 10px auto;
}

.Header-Join {
    float: none!important;
}

.Header-Search {
    float: none!important;
}

.Header-Social {
    float: none!important;
}

.WaGadgetSiteSearch.Header-Search .searchBoxOuter.alignRight {
    text-align: center;
}

.Dividers-White .WaLayoutItem,
.Dividers-Faint .WaLayoutItem,
.Dividers-Bright .WaLayoutItem,
.Dividers .WaLayoutItem,
.Column-Dividers-White .WaLayoutItem,
.Column-Dividers-Faint .WaLayoutItem,
.Column-Dividers-Bright .WaLayoutItem,
.Column-Dividers .WaLayoutItem {
    padding: 30px 0;
}

.Dividers .WaLayoutItem,
.Column-Dividers .WaLayoutItem {
    border-bottom: 3px solid var( --color-base-alt);
}

.Dividers-White .WaLayoutItem,
.Column-Dividers-White .WaLayoutItem {
    border-bottom: 3px solid var(--color-white);
}

.Dividers-Accent .WaLayoutItem,
.Column-Dividers-Accent .WaLayoutItem {
    border-bottom: 3px solid var(--color-accent);
}

.Dividers-Faint .WaLayoutItem,
.Column-Dividers-Faint .WaLayoutItem {
    border-bottom: 3px solid var(--color-faint-light);
}

.Dividers-White .WaLayoutItem:last-child,
.Dividers-Faint .WaLayoutItem:last-child,
.Dividers-Accent .WaLayoutItem:last-child,
.Dividers .WaLayoutItem:last-child,
.Column-Dividers-White .WaLayoutItem:last-child,
.Column-Dividers-Faint .WaLayoutItem:last-child,
.Column-Dividers-Accent .WaLayoutItem:last-child,
.Column-Dividers .WaLayoutItem:last-child {
    border-bottom: none;
}

.Card-Layout table tr td.WaLayoutItem,
.Card-Layout-Light table tr td.WaLayoutItem,
.Card-Layout-Dark table tr td.WaLayoutItem,
.Card-Layout-White table tr td.WaLayoutItem,
.Card-Layout-Faint table tr td.WaLayoutItem {
    margin-bottom: 20px;
}

.Border-Columns table tr td.WaLayoutItem,
.Border-Columns-White table tr td.WaLayoutItem,
.Border-Columns-Accent table tr td.WaLayoutItem,
.Border-Columns-Faint table tr td.WaLayoutItem {
    margin-bottom: 20px;
}

/*
.Full-Slider-Caption .camera_caption {
    position: absolute;
    right: 0;
    bottom: 0!important;
    width: 100%;
    background: rgba(255,255,255,90%);
} */

.Custom-Slider-Caption .camera_caption {
    position: absolute;
    bottom: 40px!important;
    width: 90%;
    left: 5%;
}

.Custom-Slider-Caption .camera_caption>div p.Slider-Title-Row-1 {
    display: inline-block;
    background-color: var(--color-primary);
    padding: 20px;
    font-size: var(--type-size-4xlrg);
}

.Custom-Slider-Caption .camera_caption>div p.Slider-Title-Row-2 {
    clear: both;
    display: inline-block;
    background-color: var(--color-secondary);
    padding: 12px 20px;
    color: #fff;
    font-size: var(--type-size-2xlrg);
}

/* FIXED HEIGHT SLIDESHOW FIX FOR MOBILE  */
.WaGadgetSlideshow.Mobile-Height-Fix .camera_wrap,
.WaGadgetSlideshow.Mobile-Height-Fix .camerarelative {
    height: 300px !important;
}

/* the following is a quick way to adjust image proportions/etc. to help with the new height above but is not a one size fits all scenario */
/*
.WaGadgetSlideshow.Mobile-Height-Fix .cameraSlide img {
    width: 250% !important;
    height: auto !important;
    margin-left: -60% !important;
    margin-top: -25% !important;
} */

.WaGadgetSlideshow.Mobile-Height-Fix .cameraSlide img {
    width: 220% !important;
    height: auto !important;
    margin-left: -50% !important;
    margin-top: -15% !important;
}

#backToTop{ 
    width: 40px;
    height: 40px;
    font-size: 22px;
}

}