/***********************************************************/
/**** SCROLL BARS / ADD SCROLL BAR TO EVERY PAGE ****/
/***********************************************************/

html {
    overflow-y: scroll;
}

/*** END ***/

/***********************************************************/
/**** SIDE PADDING ****/
/***********************************************************/

.SidePadding {
    padding-left: 16%;
    padding-right: 16%;
}

.Header-Banner {
    padding: 50px 30px 70px 30px;
}

.Header-Home {
    padding-top:30px;
    padding: 30px 30px 150px 30px;
}

.Header-Home-V2 {
    padding: 30px 30px 80px 30px;
}

.Home-Banner-Slogan {
    width: 70%;
    margin: 0 auto;
}

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

:root {
	--color-white:#ffffff;
    --color-base: #ffffff;
    --color-grey: #cccccc;
    --color-grey-light: #e6e6e6;
	--color-base-alt: #ebf0f0;
	--color-primary: #183457;
	--color-primary-light: #466285;
	--color-primary-dark: #000A39;
    --color-secondary: #666666;
    --color-secondary-light: #999999;
	--color-accent: #39AAF0;
	--color-accent-light: #67D8FF;
	--color-accent-dark: #0677BD;
    --color-faint-light: rgba(255,255,255,15%);
    --color-faint-lightest: rgba(255,255,255,8%);
    --color-faint-dark: rgba(0,0,0,10%);
    --type-heading: 'Lora', 'Lato', Arial, serif;
    --type-body: 'Lato', Arial, sans-serif;
    --type-body-size: 20px;
    --type-body-size-sm: 16px;
    --type-body-size-xsm: 14px;
    --type-body-size-lrg: 22px;
    --type-body-color: #183457;
    --border-radius-lrg: 20px;
    --border-radius-med: 10px;
    --border-radius-sm: 6px;
}

/**** MISC ****/

.Divider-Bottom {
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 2px solid #FFFFFF;
}

.Divider-Bottom-Accent {
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 2px solid #7eaae1;
}

.Gradient-BG {
    background: rgb(0,11,33);
    background: linear-gradient(90deg, rgba(0,11,33,1) 0%, rgba(6,119,189,1) 40%, rgba(6,119,189,1) 60%, rgba(0,11,33,1) 100%);
}

.Card-List .WaGadgetContent {
    padding: 40px;
    background-color: #FFF;
}

/***************************************************/
/**** 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-white);
    transition: all 0.2s ease-in-out;
}

.Card-Layout-White .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-body);
    padding: 15px 60px 15px 20px!important;
    background-image: url(/resources/Pictures/Web-Theme/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/Web-Theme/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-body-size)!important;
    font-weight: 400;
    color: var(--color-primary-light);
    text-transform: none;
    font-family: var(--type-heading);
}

/*** END ACCORDION ***/

/***************************************************/
/**** BACKGROUND COLORS ****/
/***************************************************/

.BG-Base {
    background-color: var(--color-base)!important;
}

.BG-Base-Alternate {
    background-color: var(--color-base-alt)!important;
}

.BG-Primary {
    background-color: var(--color-primary)!important;
}

.BG-Primary-Dark {
    background-color: var(--color-primary-dark)!important;
}

.BG-Primary-Light {
    background-color: var(--color-primary-light)!important;
}

.BG-Secondary {
    background-color: var(--color-secondary)!important;
}

.BG-Accent {
    background-color: var(--color-accent)!important;
}

.BG-Accent-Dark {
    background-color: var(--color-accent-dark)!important;
}

.BG-Accent-Light {
    background-color: var(--color-accent-light)!important;
}


/***********************************************************/
/**** 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,
input.nextButton, 
input.typeButton,
input[type=submit] {
    white-space: normal;
    -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;
    font-size: inherit;
    margin: 4px 0;
}

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

.Arrow-Button a.stylizedButton {
    background-image: url(/resources/Pictures/Web-Theme/Icons/right-arrow-circular-white.svg);
    background-size: 16px;
    padding-right: 50px;
    background-repeat: no-repeat;
    background-position: right 20px center;
}

.Arrow-Button a.stylizedButton:hover {
    background-image: url(/resources/Pictures/Web-Theme/Icons/right-arrow-circular-white.svg);
    background-size: 16px;
    padding-right: 60px;
    background-repeat: no-repeat;
    background-position: right 20px center;
}

/**** WIDE BUTTON ****/

.Wide-Button a.stylizedButton {
    width: 100%;
    text-align: left;
}

/**** LARGE BUTTON ****/

.Large-Button a.stylizedButton {
    padding: 15px 30px;
    font-size: 22px;
    font-weight: 400;
    font-style: normal;
    background-size: 24px;
    padding-right: 60px;
    font-family: var(--type-heading);
}

.Large-Button a.stylizedButton:hover {
    background-size: 24px;
    padding-right: 60px;
}

/*** SMALL BUTTON ***/

.Small-Button a.stylizedButton {
    padding: 6px 30px 6px 15px;
    font-size: var(--type-body-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;
}

/*** END ***/


/***********************************************************/
/**** BENEFITS ****/
/***********************************************************/

.BenefitsIcon {
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    border-radius: 50px;
    background-repeat: no-repeat;
    background-position: center center!important;
    background-size: 60px;
}

/*** END ***/


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

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

.WaGadgetRecentBlogPosts ul li .author {
    display: none;
}

.WaGadgetRecentBlogPosts ul li .date:after {
    display: none;
}

.WaGadgetBlog .boxBodyInfoOuterContainer .postedByLabel, .WaGadgetBlog .boxBodyInfoOuterContainer .postedByLink {
    display:none;
}

.WaGadgetBlog .boxBodyInfoOuterContainer .postedOn:before {
    display: none;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem {
    background-color: #fff;
    padding: 40px 40px 60px 40px!important;
    margin-bottom: 20px;
    padding-bottom: 40px;
    border-bottom: none;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a,
.WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer h4 {
    font-size: 2.5rem;
    font-weight: normal;
    color: var(--color-accent-dark);
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle {
    margin-bottom: 10px!important;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxBodyOuterContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight {
    max-height: 175px;
}

/*** END ***/

/**** BORDER RADIUS ****/

.Border-Radius-Sm {
    border-radius: var(--border-radius-sm);
}


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

.BorderBox {
	border: 4px solid #ececec;
	padding: 30px;
}

.BorderColumns table tr td.WaLayoutItem {
	border: 4px solid #ececec;
	padding: 30px;
	-webkit-box-sizing: border-box;
	-mod-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
}

/*** END ***/


/**** BREADCRUMBS ****/

.WaGadgetBreadcrumbs.Center-Breadcrumbs ul {
    text-align: center;
}

/***************************************************/
/**** COLUMN LAYOUTS ****/
/***************************************************/

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

.Border-Columns table tr td.WaLayoutItem {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid var(--color-base-alt);
    padding: 40px;
}

.Border-Columns-White table tr td.WaLayoutItem {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid var(--color-base);
    padding: 40px;
}

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

/**** COLUMN CARDS ****/

.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-secondary);
    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 COLUMNS ***/


/**** DIVIDERS ****/

.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: 5px;
    margin: 3rem 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);
}

/*** DIVIDERS ***/


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

/**** add padding below calendar view switcher ****/

.pageViewSwitcherContainer {
margin-bottom: 20px;
}

/**** EVENT LIST ****/

/**** Remove padding at top of list ****/

.WaGadgetEventsStateList .boxesList {
    padding: 0 0 30px 0;
}

/**** Events Title container bottom margin ****/

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

.WaGadgetEventsStateList .boxesList .boxesListItem {
background-color: #fff;
padding: 40px 40px 60px 40px!important;
margin-bottom: 20px;
padding-bottom: 40px;
}

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle {
    margin: 0 0 30px 0!important;
}

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle a, 
.WaGadgetEventsStateDetails .pageTitleOuterContainer .eventsTitleContainer h1 {
    font-size: 2.5rem!important;
    font-weight: normal;
    color: var(--color-accent-dark);
}

.WaGadgetEventsStateList h1.pageTitle {
    margin: 20px;
}

.WaGadgetEventsStateList .boxesList .boxesListItem:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

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

/**** NEXT EVENT ****/

.WaGadgetUpcomingEvents.NextEvent .title {
    display: none;
}

.WaGadgetUpcomingEvents.NextEvent.upcomingEventsStyle001 ul li .date {
    text-align: center;
}

.WaGadgetUpcomingEvents.NextEvent.upcomingEventsStyle001 ul li .date span {
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    font-family: 'Raleway', 'Lato', sans-serif;
}

.WaGadgetUpcomingEvents.NextEvent.upcomingEventsStyle001 ul li .location, .WaGadgetUpcomingEvents.NextEvent.upcomingEventsStyle002 ul li .location, .WaGadgetUpcomingEvents.NextEvent.upcomingEventsStyle003 ul li .location {
    text-align: center;
    padding-top: 10px;
    font-size: 20px;
}


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

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

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
padding: 30px;
background: #ffffff;
border-radius: 8px;
}

.WaGadgetEventsStateDetails .pageTitleOuterContainer .eventsTitleContainer {
clear: both;
margin: 0 0 40px;
padding: 40px 0 0;
}

/*** END ***/


/***********************************************************/
/**** FAQ ****/
/***********************************************************/

.FAQ .WaGadgetContent {
    margin-bottom: 30px;
    border-left: 5px solid #ececec;
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/*** END ***/


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

.WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li,
.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li,
.WaGadgetUpcomingEvents.upcomingEventsStyle003 ul li,
.WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li,
.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li,
.WaGadgetUpcomingEvents.upcomingEventsStyle006 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle001 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle003 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle004 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle006 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle001 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle002 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle003 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle004 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle005 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.upcomingEventsStyle001 ul li:hover,
.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li:hover,
.WaGadgetUpcomingEvents.upcomingEventsStyle003 ul li:hover,
.WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li:hover,
.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li:hover,
.WaGadgetUpcomingEvents.upcomingEventsStyle006 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle001 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle003 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle004 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle006 ul li:hover,
.WaGadgetForumUpdates.forumUpdatesStyle001 ul li:hover,
.WaGadgetForumUpdates.forumUpdatesStyle002 ul li:hover,
.WaGadgetForumUpdates.forumUpdatesStyle003 ul li:hover,
.WaGadgetForumUpdates.forumUpdatesStyle004 ul li:hover,
.WaGadgetForumUpdates.forumUpdatesStyle005 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-white);
}

.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-heading);
    font-size: var(--type-body-size);
    font-style: normal;
    font-weight: normal;
}

/**** EVENT FEED COLORFUL - DARK BG ****/

.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 0 8px 24px;
    border-left: 4px solid #7eaae1;
}


/**** HOME FEATURES FEEDS ****/

.WaGadgetUpcomingEvents.Feature-Feed ul li .title a,
.WaGadgetRecentBlogPosts.Feature-Feed ul li .title a,  
.WaGadgetForumUpdates.Feature-Feed li ul .title a { 
    font-size: var(--type-body-size-xlrg);
}


/*** END FEEDS ***/

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

.WABannerStickyBottom {
    display: none;
}

.WABannerStickyBottomSpacer {
    display: none;
}

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

.Remove-Category-Headings h5.forumCategoryTitle {
    display: none;
}

/***********************************************************/
/**** GADGETS ****/
/***********************************************************/

/**** DARK BACKGROUND ****/

.gadgetStyle002 .gadgetStyleBody {
    padding: 20px;
}


/***********************************************************/
/**** HEADER GADGETS AND CONTENT ****/
/***********************************************************/

.Header-Logo, .Header-Name, .Header-Slogan {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
}

/*** END HEADER GADGETS ***/


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

.HomeFeatures {
    z-index:10; 
    margin-top: -80px;
}

/*** END ***/


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

.IconHeading {
    padding-left: 70px;
    background-size: 50px;
    background-repeat: no-repeat!important;
    background-position: top left;
    min-height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.IconHeading h2 {
    font-size: 36px;
    font-weight: 600;
	line-height: 50px;
}

/*** LEFT ICONS ***/

.LeftIcon {
    padding-left: 60px;
    background-size: 40px;
    background-repeat: no-repeat!important;
    background-position: top left;
    min-height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.LeftIconLarge {
    padding-left: 70px;
    background-size: 50px;
    background-repeat: no-repeat!important;
    background-position: top left;
    min-height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.LeftIconSmall {
    padding-left: 40px;
    background-size: 24px;
    background-repeat: no-repeat!important;
    background-position-x: left;
    background-position-y: center!important;
    min-height: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 
.LeftIconSmall p {
    line-height: 24px;
}

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

.Image-Frame, 
.Home-Image-Frame,
.Raised-Image-Frame {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Image-Frame {
    background-size: cover;
    min-height: 240px!important;
    padding:0;
    background-color: #eee;
}

.Raised-Image-Frame {
    background-size: cover;
    min-height: 240px!important;
    padding:0;
    background-color: #eee;
    -webkit-box-shadow: -10px 10px 0px 5px #afaecc; 
    box-shadow: -10px 10px 0px 5px #afaecc;
}

.Home-Image-Frame {
    min-height: 480px!important;
    padding:0;
    background-color: #eee;
}


/********************************************************/
/**** 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-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 {
    color: var(--color-white);
    background: var(--color-accent);
}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink, 
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink {
    color: var(--color-white);
    background: var(--color-accent);
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink.hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink.hover {
    background: var(--color-accent-dark);
    color: var(--color-white);
}

.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 {
    background: var(--color-accent-dark);
    color: var(--color-white);
}

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

/*** END ***/


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

/**** CENTER MENU ****/

.WaGadgetMenuHorizontal.Center-Menu.HorizontalMenuStyle002 ul.firstLevel {
    margin-left: auto;
    margin-right: auto;
}

.WaGadgetMenuHorizontal.Center-Menu.HorizontalMenuStyle002 .stickyMenu.active ul.firstLevel {
    margin-left: auto;
    margin-right: auto;
}

/*** END CENTER MENU ***/

.WaGadgetMenuHorizontal .menuInner {
    background: transparent;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel {
    background: transparent;
}

.WaGadgetMenuHorizontal.MenuRight .menuInner ul.firstLevel {
    float: right;
}

.WaGadgetMenuHorizontal.MenuCenter .menuInner ul.firstLevel {
    margin-right: auto;
	margin-left: auto;
}

.WaGadgetMenuHorizontal .menuInner ul ul {
    -webkit-box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.15);
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item>a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: ball 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-family:'Lora',serif;
    font-weight: 400;
    padding: 30px 16px!important;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li>.item>a {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: ball 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    font-family:'Lora',serif;
    font-weight: 400;
    padding: 20px 16px;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li>.item>a {
    height: 24px;
    text-transform: none;
    border-top: 2px solid rgba(255,255,255,0);
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li>.item:hover>a {
    padding: 20px 16px;
    background: 0;
    color: #fff;
    border-top: 2px solid rgba(255,255,255,1);
}

/*** END ***/

/*** DROPDOWN ***/

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul ul {
    border: none;
    -webkit-box-shadow: 0px 5px 12px 0px rgb(0 0 0 / 20%);
    box-shadow: 0px 5px 12px 0px rgb(0 0 0 / 20%);
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul ul {
    padding: 6px 0;
    background-color: #fff;
}

/*** END ***/

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

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

.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .stickyMenu.active {
background: var(--color-primary);
box-sizing: border-box;
}

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

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

/*** END MOBILE MENU ***/

.WaGadgetMobilePanel .mobilePanel {
    position: relative;
    height: 50px;
    background: #000;
    color: white;
}

/*** END ***/


/***********************************************************/
/**** SUB MENU ****/
/***********************************************************/

.WaGadgetMenuHorizontal.SubMenu.HorizontalMenuStyle001 .menuInner {
    background-image: url(/resources/Pictures/Icons/right-arrow-circular-white.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: left center;
    padding-left: 24px;
}

.WaGadgetMenuHorizontal.SubMenu.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item>a {
    border-top: none;
    padding:16px;
    text-transform: none;
}



.WaGadgetMenuHorizontal.SubMenuDark.HorizontalMenuStyle002 .menuInner {
    background-image: url(/resources/Pictures/Icons/right-arrow-circular-white.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: left center;
    padding-left: 24px;
}

.WaGadgetMenuHorizontal.SubMenuDark.HorizontalMenuStyle002 .menuInner ul.firstLevel>li>.item>a {
    border-top: none;
}

.WaGadgetMenuHorizontal.SubMenuDark.HorizontalMenuStyle002 .menuInner ul.firstLevel>li>.item>a:hover {
    color: rgba(255,255,255,0.5);
}

/*** END ***/


/***********************************************************/
/**** MY PROFILE ****/
/***********************************************************/

.WaGadgetContactProfile {
    font-size: inherit;
}

.fieldSubContainer {
    font-size: inherit;
}

.fieldContainer, .standAloneGroupContainer {
    zoom: 1;
    margin: 10px 0;
}


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

.ShadowColumns table tr td.WaLayoutItem {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.RoundShadowColumns table tr td.WaLayoutItem {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.ShadowBox {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    padding: 30px;
    background-color: #ffffff;
}

.RoundShadowBox {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    padding: 30px;
    background-color: #ffffff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.Shadow {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
}

/*** END ***/

/***********************************************************/
/**** LOGO SLIDER ****/
/***********************************************************/

@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.logos-carousel {
  overflow: hidden;
  padding: 60px 0;
  background: white;
  white-space: nowrap;
  position: relative;
}

.logos-carousel:before,
.logos-carousel:after {
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  content: "";
  z-index: 2;
}

.logos-carousel:before {
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
}

.logos-carousel:after {
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

.logos-carousel:hover .logos-slide {
  animation-play-state: paused;
}

.logos-slide {
  display: inline-block;
  animation: 35s slide infinite linear;
}

.logos-slide img {
  height: 80px;
  margin: 0 40px;
}

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

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

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

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

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

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

body,
.gadgetStyleNone,
.gadgetStyle001,
.gadgetStyle002,
.gadgetStyleTheme,
.gadgetSystem {
    font-size: 1rem;
    line-height: 28px;
    font-family: 'Lato';
}

.PageTitle {
	-webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    -ms-animation: fadein 1s;
    -o-animation: fadein 1s;
    animation: fadein 1s;
}

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

.gadgetStyle002 h1.promo {
    text-shadow: 0px 5px 15px rgba(0,0,0,0.3);
}

h1, .h1, .gadgetStyleNone h1, .gadgetStyle002 h1,
h2, .h2, .gadgetStyleNone h2, .gadgetStyle002 h2,
h3, .h3, .gadgetStyleNone h3, .gadgetStyle002 h3,
h4, .h4, .gadgetStyleNone h4, .gadgetStyle002 h4,
h5, .h5, .gadgetStyleNone h5, .gadgetStyle002 h5 {
    font-family: var(--type-heading)!important;
    margin: 2.2rem 0 1rem;
}

.gadgetStyleNone h1.promo, 
.gadgetStyle002 h1.promo {
    font-size: 80px;
    font-weight: 400;
}

.gadgetStyleNone h1.header,
.gadgetStyle002 h1.header {
    font-size: 60px;
}

.gadgetStyleNone H1:not(.promo):not(.header):not(.h1Alt),
.gadgetStyle002 H1:not(.promo):not(.header):not(.h1Alt) {
    font-family: var(--type-heading)!important;
    font-size: 60px;
    text-align: center;
    text-transform: none;
    font-weight: 400;
}

.PageTitle h1,
.PageTitle-Transparent h1 {
    margin-bottom: 0!important;
}

.gadgetStyleNone h1.h1Alt,
.gadgetStyle002 h1.h1Alt {
    font-size: 24px;
}

h2, .h2, .gadgetStyleNone h2, .gadgetStyle002 h2 {
    font-weight: 400;

}

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

h4, .h4, .gadgetStyleNone h4, .gadgetStyle002 h4 {
    font-weight: 400;
}

.gadgetStyleNone .quotedText,
.gadgetStyle001 .quotedText,
.gadgetStyle002 .quotedText {
    margin: 1em 0;
    padding: 0;
    background-color: transparent;
    border-left: none;
}

.quotedText::after, .gadgetStyle002 .quotedText::after {
    content: close-quote;
    display: inline;
    height: 0;
    line-height: 0;
    left: 10px;
    position: relative;
    top: 35px;
    color: #5B8B33;
    font-size: 4rem;
    font-family: open;
}

.quotedText:before, .gadgetStyle002 .quotedText:before {
    content: open-quote;
    display: inline;
    height: 0;
    line-height: 0;
    left: 0;
    position: relative;
    top: 20px;
    color: #5B8B33;
    font-size: 4rem;
    font-family: open;
    margin-right: 10px;
}

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

/*** END ***/


/***********************************************************/
/**** WILD APRICOT BRANDING  ****/
/***********************************************************/

/**** REMOVE WA BRANDING FROM FOOTER ****/

.zoneWAbranding {
    display: none!important;
}

/*** END ***/

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

@media (max-width: 1900px) {

.SidePadding {
    padding-left: 12%; 
    padding-right: 12%;
}

}


/***********************************************************/
/**** DESKTOP ****/
/***********************************************************/

@media (max-width: 1600px) {

.SidePadding {
    padding-left: 10%; 
    padding-right: 10%;
}

}


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

@media (max-width: 1400px) {

.SidePadding {
    padding-left: 6%; 
    padding-right: 6%;
}

}

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

@media (max-width: 1240px) {

.SidePadding {
    padding-left: 5%; 
    padding-right: 5%;
}

.promo, h1.promo {
    font-size: 3rem!important;
}

}

/***********************************************************/
/**** TABLET STYLES ****/
/***********************************************************/

@media screen and (max-width: 980px) {
	
.HideForTablet {
    display: none;
}
	
.WaGadgetLoginForm .alignRight, .WaGadgetLoginForm .authenticated.alignRight .loginPanel {
    text-align: center;
}

.WaGadgetSiteSearch .searchBoxOuter.alignRight, .WaGadgetSiteSearch .searchBoxOuter.alignLeft {
    text-align: center;
}
	
.WaGadgetSocialProfile .alignRight, .WaGadgetSocialProfile .alignLeft {
    text-align: center;
}
	
.HeaderLogo p, .HeaderLogo img {
    text-align: center;
}
	
.HeaderName p, .HeaderName h2, .HeaderName h3, .HeaderName h4 {
    text-align: center;
}
	
.HeaderSlogan p, .HeaderSlogan h2, .HeaderSlogan h3, .HeaderSlogan h4 {
    text-align: center;
}
	
.zonePlace.zoneHeader2, .zonePlace.zoneHeader2Home {
    margin-top: 0;
}

	
.FooterContent table tbody tr td .WaGadgetContent p {
    text-align: center;
}
	
}


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

@media (max-width: 767px) {

.promo, h1.promo {
    font-size: 2.5rem!important;
}

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

.Header-Logo {
    margin-bottom: 30px!important;
}
	
.Header-Login {
	display:none;
}

.FooterContent, .FooterContent .gadgetStyleTitle, .FooterContent .gadgetStyleBody {
    text-align: center;
}

.BorderColumns table tr td.WaLayoutItem,
.ShadowColumns table tr td.WaLayoutItem, 
.RoundShadowColumns table tr td.WaLayoutItem {
    margin-bottom: 20px;
}

.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-Bright .WaLayoutItem,
.Column-Dividers-Bright .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-Bright .WaLayoutItem:last-child,
.Dividers .WaLayoutItem:last-child,
.Column-Dividers-White .WaLayoutItem:last-child,
.Column-Dividers-Faint .WaLayoutItem:last-child,
.Column-Dividers-Bright .WaLayoutItem:last-child,
.Column-Dividers .WaLayoutItem:last-child {
    border-bottom: none;
}

.Border-Columns table tr td.WaLayoutItem,
.Border-Columns-White table tr td.WaLayoutItem,
.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;
}
	
.CaptionSlider .camera_wrap {
    max-height: 300px!important;
}
	
.CaptionSlider .camera_caption {
    position: absolute;
    bottom: 20px!important;
    left: 20px;
    margin-right: 20px;
    display: block;
    width: auto;
    background: rgba(0,0,0,0.7);
    }

.CaptionSlider .camera_caption>div {
    padding: 15px 20px;
    color: white;
    font-size: 22px;
    line-height: 1em;
    font-weight: normal;
    }

h1,
.gadgetStyleNone h1,
.gadgetStyle001 h1,
.gadgetStyle002 h1 {        
    font-size: 38px !important;
    line-height: 52px !important;
    }

h2,
.gadgetStyleNone h2,
.gadgetStyle001 h2,
.gadgetStyle002 h2 {
    font-size: 28px !important;
    line-height: 40px !important;
    }

h3,
.gadgetStyleNone h3,
.gadgetStyle001 h3,
.gadgetStyle002 h3 {
    font-size: 24px !important;
    line-height: 36px !important; 
    }

h4,
.gadgetStyleNone h4,
.gadgetStyle001 h4,
.gadgetStyle002 h4,
.gadgetStyleNone .gadgetStyleTitle h4, 
.gadgetStyle001 .gadgetStyleTitle h4, 
.gadgetStyle002 .gadgetStyleTitle h4,
.formTitleOuterContainer h3.formTitle,
.WaGadgetEventsStateList h3.sectionTitle,
.WaGadgetEventsStateCalendar .sectionTitle,
.WaGadgetNavigationLinks.large ul.orientationVertical li,
.WaGadgetNavigationLinks.large ul.orientationVertical li a {
    font-size: 20px !important;
    line-height: 32px !important;
}

.HomeFeaturesBlock {
    padding-top: 50px;
}

.Header-Banner {
    padding: 30px 30px 60px 30px;
}

}