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

:root {
    --color-white:#ffffff;
    --color-base: #ffffff;
    --color-base-alt: #F7F6F2;
    --color-grey: #cccccc;
    --color-grey-light: #eeeeee;
    --color-primary: #2f7f8f;
    --color-primary-light: #6fb3bf;
    --color-primary-dark: #1e5661;
    --color-secondary: #d6a85a;
    --color-secondary-light: #a4bbbd;
    --color-secondary-dark: #a87e3e;
    --color-accent: #4e7c59;
    --color-accent-light: #8fb79a;
    --color-accent-dark: #2f5238;
    --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: #092528;
    --type-font-heading: 'Lexend', '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-blog-list-title: 30px;
    --type-size-blog-detail-title: 40px;
    --type-size-event-list-title: 30px;
    --type-size-event-detail-title: 40px;
    --type-size-htmlslider-heading: 30px;
    --type-htmlslider-heading-case: uppercase;
    --type-size-breadcrumb: 16px;
    --type-color-body: #092528;
    --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;
    --mobile-menu-bg: #35686C;
    --mobile-menu-button-hover: #0F3E43;
    --mobile-menu-dropdown-bg: #0F3E43;
    --mobile-menu-link-color: #FFFFFF;
    --mobile-menu-link-color-hover: #FFFFFF;
    --mobile-menu-link-color-active: #D0A68F;
}

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

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

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

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

.Full-Width-Container .WaLayoutContainerOnly .WaLayoutTable {
    width: 1230px;
    margin: auto;
    padding: 80px 40px;
    max-width: 100%;
    box-sizing: border-box;
}

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

/*** END IMPORTANT ***/

/***************************************************/
/**** 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: 2px solid var(--color-base-alt);
    transition: all 0.2s ease-in-out;
}

.WaGadgetContentAccordion:hover {
    border: 2px solid var(--color-accent);
}

.WaGadgetContentAccordion.opened,
.WaGadgetContentAccordion.active {
    border: 2px solid var(--color-accent);
}

.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: 2px solid var(--color-base-alt);
}

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

/*** END ACCORDION ***/


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

/*** HIDE AUTHOR ***/

/* Hides the author name for all blog posts */
.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 ***/

/* Hides the author name and date for all blog posts */
.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-base-alt);
}

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

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

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

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

/* Blog Detail Title */
.WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer h4 {
  font-size: var(--type-size-blog-detail-title);
  font-weight: 600;
}

/**** BLOG WITH SHADOW BOXES ****/

.Shadow-Blog.WaGadgetBlogStateList ul.boxesList li.boxesListItem {
    -webkit-box-sizing: border-box;
    -mod-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--color-white);
    padding: 30px;
    border: none;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    -webkit-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
}

/*** END BLOG ***/


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

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

.Border-Box {
    border: 2px solid var(--color-base-alt);
}

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

.Border-Box-Faint {
    border: 2px 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 ****/
/***************************************************/

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: 8px 35px 8px 15px;
    background-position: right 8px center;
    -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-size: 11px;
    background-repeat: no-repeat;
    background-position: right 8px center;
    -webkit-border-radius: var(--border-radius-sm);
    -moz-border-radius: var(--border-radius-sm);
    border-radius: var(--border-radius-sm);
    font-size: var(--type-size);
    white-space: normal;
}

a.buttonStyle001:hover, a:link.buttonStyle001:hover,
a.buttonStyle002:hover, a:link.buttonStyle002:hover,
a.buttonStyle003:hover, a:link.buttonStyle003:hover,
a.buttonStyle004:hover, a:link.buttonStyle004:hover,
a.buttonStyle005:hover, a:link.buttonStyle005:hover {
    padding: 8px 30px 8px 20px;
    text-align: left;
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: right 8px center;
}

/**** BUTTON ARROW ****/

a.buttonStyle001, a:link.buttonStyle001,
a.buttonStyle002, a:link.buttonStyle002,
a.buttonStyle003, a:link.buttonStyle003,
a.buttonStyle004, a:link.buttonStyle004 {
    background-image: url(/resources/Pictures/Icons/right-arrow-white.svg);
}

a.buttonStyle001:hover, a:link.buttonStyle001:hover,
a.buttonStyle002:hover, a:link.buttonStyle002:hover,
a.buttonStyle003:hover, a:link.buttonStyle003:hover,
a.buttonStyle004:hover, a:link.buttonStyle004:hover {
    background-image: url(/resources/Pictures/Icons/right-arrow-white.svg);
}

a.buttonStyle005, a:link.buttonStyle005 {
    background-image: url(/resources/Pictures/Icons/right-arrow-dark.svg);
}

a.buttonStyle005:hover, a:link.buttonStyle005:hover {
    background-image: url(/resources/Pictures/Icons/right-arrow-white.svg);
}

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 50px 15px 25px;
    text-align: left;
    font-size: 1.4rem;
    text-transform: capitalize;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: right 15px center;
}

.Large-Button a.stylizedButton:hover {
    padding: 15px 45px 15px 30px;
    text-align: left;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/*** SMALL BUTTONS ***/

.Small-Button a.stylizedButton {
    padding: 6px 30px 6px 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: 6px 25px 6px 20px;
    text-align: left;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: right 8px center;
}

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

/*** Register Button ***/

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

.WaGadgetLoginForm.LoginFormStyle001 .loginButton, 
.WaGadgetLoginForm.LoginFormStyle002 .loginButton {
    background: var(--system-buttons-bg)!important;
    color: var(--system-buttons-text-color);
    border: 0;
    font-family: var(--type-font-body);
    -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;
    border-radius: var(--border-radius-sm);
}

.WaGadgetLoginForm.LoginFormStyle001 .loginButton:hover, 
.WaGadgetLoginForm.LoginFormStyle002 .loginButton:hover {
    background: var(--system-buttons-bg-hover)!important;
    color: var(--system-buttons-text-color-hover);
    border-radius: var(--border-radius-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-base-alt);
}

.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 ****/
/***************************************************/

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

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

/* Event Cards - List View */

.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);
    -webkit-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
}


/*** Events Title ***/

/* Event Title - List view */
.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle a {
    font-size: var(--type-size-event-list-title);
}

/* Events Title - Detail Page */
.WaGadgetEventsStateDetails .pageTitleOuterContainer .eventsTitleContainer h1,
.WaGadgetEvents .pageTitleContainer h1, 
.WaGadgetEvents .titleContainer h1 {
    font-family: var(--type-font-heading);
    font-size: var(--type-size-event-detail-title);
    font-weight: 600;
    margin: 1.66em 0;
    color: var(--color-primary)!important;
    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.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 8px 25px;
    -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 8px 28px;
}

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

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

.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle005 ul li {
    border-left: 4px solid var(--color-base-alt);
}

.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li:hover,
.WaGadgetForumUpdates.forumUpdatesStyle005 ul li:hover {
    border-left: 5px solid var(--color-white);
}

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

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

#PAGEID_18088 .zoneHeader3 .WaPlaceHolder>div {
    max-width: 100%;
}

.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 ****/
/***********************************************************/



/************************************************/
/**** ICONS ****/
/************************************************/

.Icon-Text-Small {
    padding: 0 0 0 50px;
    background-size: 30px;
    background-repeat: no-repeat!important;
    background-position-x: left;
    background-position-y: center!important;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.Icon-Text-Large {
    padding: 0 0 0 110px;
    background-size: 80px;
    background-repeat: no-repeat!important;
    background-position-x: left;
    background-position-y: top!important;
    min-height: 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 40px;
}

/************************************************/
/**** IMAGE FRAMES ****/
/************************************************/

.Image-Frame,
.Text-Frame,
.Shadow-Image-Frame {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Image-Frame {
    background-size: cover;
    min-height: 200px!important;
    padding:0;
    background-color: var(--color-base-alt);
    -webkit-border-radius: 80px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius: 80px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-radius: 80px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.Text-Frame {
    background-size: cover;
    min-height: 200px!important;
    padding:40px 40px;
    -webkit-border-radius: 80px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius: 80px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-radius: 80px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.Image-Frame img {
    display: block;
    -webkit-border-radius: 80px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius: 80px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-radius: 80px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.Shadow-Image-Frame {
    background-size: cover;
    min-height: 200px!important;
    padding:30px;
    background-color: var(--color-base-alt);
    -webkit-border-radius: 80px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius: 80px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-radius: 80px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-box-shadow: -10px 10px 0px 5px rgba(0,0,0,20%); 
    box-shadow: -10px 10px 0px 5px rgba(0,0,0,20%);
}


/************************************************/
/**** JOBS ****/
/************************************************/

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxBodyOuterContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight {
    position: relative;
    max-height: 100px;
    overflow: hidden;
}

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

/*** LAYOUTS WITH ROUNDED CORNERS ***/

.Round-Columns table tr td.WaLayoutItem {
    -webkit-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px;
}

/**** 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-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
    -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-base-alt);
}

.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: 3px;
    background-color: var(--color-base-alt);
}

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

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

.Dividers-Faint .WaLayoutSeparator,
.Column-Dividers-Faint .WaLayoutSeparator {
    width: 3px;
    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-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
    -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 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-sm);
    -moz-border-radius: var(--border-radius-sm);
    border-radius: var(--border-radius-sm);
    -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;
}

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

.WaGadgetLoginForm .loginContainer .loginLink:before {
position:static !important;
float: right !important;
width: auto !important;
height: auto !important;
padding-right: 15px !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: 400 var(--type-size)/60px var(--type-font-heading);
    text-transform: none;
}

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

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

/************************************/
/*** 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(--mobile-menu-bg);
    color: var(--mobile-menu-link-color);
}

.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 {
    color: var(--mobile-menu-link-color);
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
    background: var(--mobile-menu-button-hover);
    color: var(--mobile-menu-link-color-hover);
}

/*** MOBILE MENU OPEN ***/

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel {
  background: var(--mobile-menu-dropdown-bg);
  border-top: 1px solid var(--color-faint-light);
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:active, .WaGadgetMobilePanel .mobilePanel .mobilePanelButton.active {
  background: var(--mobile-menu-dropdown-bg);
  color: var(--mobile-menu-link-color);
}

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

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

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li.sel>.item>a,
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul li.sel>.item>a{
    color: var(--mobile-menu-link-color-active);
}

/**** END ****/


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

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

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

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

.Round-Corners {
    -webkit-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
}


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

input.searchBoxField {
    display: inline-block;
    margin: 0;
    padding: 5px 20px 6px 25px;
    background: var(--color-white);
    border: 2px 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);
}

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


/***************************************************/
/**** SHADOWS ****/
/***************************************************/

.Shadow-Columns table tr td.WaLayoutItem {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Shadow-Columns-Round table tr td.WaLayoutItem {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
}

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

.Shadow-Box {
    -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);
    padding: 30px;
}

.Shadow-Box-Round {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    padding: 30px;
    -webkit-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
}

/*** END ***/


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

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

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

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

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


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

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

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

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

.camera_caption>div {
    font-size: 19px;
}

/**** HTML SLIDER CAPTION ****/

.HTML-Slider-Caption .camera_caption {
    position: absolute;
    right: 0;
    bottom: 140px!important;
    width: 600px;
    background: rgba(255,255,255,90%);
}

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

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

.HTML-Slider-Caption .camera_caption>div a.stylizedButton {
    padding: 6px 30px 6px 15px;
    font-size: var(--type-size-xsm);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: right 8px center;
}

.HTML-Slider-Caption .camera_caption>div a.stylizedButton:hover {
    padding: 6px 25px 6px 20px;
    text-align: left;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: right 8px center;
}


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

/**** HALF SLIDER ****/

.Half-Slider-RT td.WaLayoutItem:last-child {
    padding: 70px;
    -webkit-box-sizing: border-box;
    -mod-box-sizing: border-box;
    box-sizing: border-box;
}

.Half-Slider-LT td.WaLayoutItem:first-child {
    padding: 70px;
    -webkit-box-sizing: border-box;
    -mod-box-sizing: border-box;
    box-sizing: border-box;
}

/*** END SLIDER ***/


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

.WaGadgetSocialProfile.socialProfileStyle001 a.LinkedIn,
.WaGadgetSocialProfile.socialProfileStyle001 a.Twitter,
.WaGadgetSocialProfile.socialProfileStyle001 a.X,
.WaGadgetSocialProfile.socialProfileStyle001 a.Facebook,
.WaGadgetSocialProfile.socialProfileStyle001 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;
    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);
}

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

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

H1.h1Alt, .gadgetStyleNone H1.h1Alt {
    font-family: var(--type-font-heading);
    margin-bottom: 0!important;
    font-weight: 200;
}

/*** Header Title / Page Title ***/
.gadgetStyleNone h1:not(.promo):not(.header):not(.h1Alt),
.gadgetStyle002 h1:not(.promo):not(.header):not(.h1Alt) {
    font-weight: 600;
    text-transform: none;
}

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

.gadgetStyleNone h2,
.gadgetStyle002 h2 {
    font-weight: 600;
}

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

.gadgetStyleNone h4,
.gadgetStyle002 h4,
.gadgetStyle002 H4:not(.gadgetTitleH4):not(.h4Alt) {
    font-weight: 600;
    font-style: normal;
}

.gadgetStyleNone h4.h4Alt,
.gadgetStyle002 h4.h4Alt {
    font-weight: 200;
    font-style: normal;
}

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

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


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

@media (max-width: 1240px) {

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

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

.Full-Width-Container .WaLayoutContainerOnly .WaLayoutTable {
    margin: auto;
    padding: 80px 40px;
    width: 100%;
    box-sizing: border-box;
}

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

.Sponsors-5 img {
    max-width: 30%;
    margin: 15px 1%;
}

.Home-Hero .WaLayoutSeparator {
    width: 80px!important;
}

.Home-Static-Hero td#id_UOnNRgY {
    padding-left: 5%;
}

.Half-Slider-RT td.WaLayoutItem:last-child {
    padding: 60px;
}

.Half-Slider-LT td.WaLayoutItem:first-child {
    padding: 60px;
}

}

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

@media (max-width: 1080px) {

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

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

.Half-Slider-RT td.WaLayoutItem:last-child {
    padding: 40px;
}

.Half-Slider-LT td.WaLayoutItem:first-child {
    padding: 40px;
}

.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 ****/
/*******************************************************/

@media (max-width: 767px) {

body {
    background-image: none;
}

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

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

.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: 40px 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;
}

.HTML-Slider-Caption .camera_caption>div {
    padding: 30px 40px 30px 40px;
}

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

.HTML-Slider-Caption .camera_caption>div h2,
.HTML-Slider-Caption .camera_caption>div h3 {
    margin-top: 0!important;
    margin-bottom: 15px;
    color: var(--color-primary-light);
    font-size: var(--type-size-xlrg);
    text-transform: var(--type-htmlslider-heading-case);
}

}