/******************************************/
/**** IMPORTANT ****/
/******************************************/

/**** ADD SCROLL BAR TO EVERY PAGE ****/

html {
    overflow-y: scroll;
}

.zonePlace.zoneWAbranding {
    display: none;
}

div#id_MobilePanel>div {
    padding: 0;
} 

/*** FADE-IN EFFECT ****/

@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; }
}

/*** 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 */
}

/*** ACCORDION STYLES ***/

.WaGadgetContentAccordion {
    margin-bottom: 10px;
    border: none;
    -o-transition: all 0.2s ease-in-out;   
    -ms-transition: all 0.2s ease-in-out;          
    transition: all 0.2s ease-in-out;
    background-color: #ffffff;
}

.WaGadgetContentAccordion:hover {
    margin-bottom: 10px;
    border: none;
    -o-transition: all 0.2s ease-in-out;   
    -ms-transition: all 0.2s ease-in-out;          
    transition: all 0.2s ease-in-out;
}

.WaGadgetContentAccordion.opened, .WaGadgetContentAccordion.active {
    border-color: #ffffff;
    background-color: #ffffff;
}

.WaGadgetContentAccordion .gadgetStyleTitle {
    margin: 0;
    padding: 15px 40px 15px 20px;
    background-image: url(/resources/Pictures/Icons/accordion-icon-closed.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 15px 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;   
    -ms-transition: all 0.2s ease-in-out;          
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    background-color: transparent;
}

.WaGadgetContentAccordion .gadgetStyleTitle:hover {
    background-color: #fff;
    padding: 15px 70px 15px 25px;
}

.WaGadgetContentAccordion.opened .gadgetStyleTitle, 
.WaGadgetContentAccordion.active .gadgetStyleTitle {
    cursor: pointer;
    padding: 15px 70px 15px 25px;
    background-image: url(/resources/Pictures/Icons/accordion-icon-open.svg);
    background-color: #fff;
}

.WaGadgetContentAccordion .gadgetStyleBody, 
.WaGadgetContentAccordion .gadgetStyleBody {
    padding: 10px 25px 30px 25px;
}

.WaGadgetContentAccordion .gadgetStyleTitle h4 {
    font-family: 'Barlow','Lato',sans-serif!important;
    font-size: 20px!important;
    font-weight: 400;
    text-transform: none;
    color: #5381d7;
}

/*** END ***/

/******************************************/
/**** ADMIN PANEL ****/
/******************************************/

#idWaAdminSwitcher {
    right: 50px!important;
    top: 50px;
}

/***************************************************/
/**** APPLICATION FORM ****/
/***************************************************/

.fieldSubContainer .typeInstruction {
    width: 100%;
}

/******************************************/
/**** BLOG ****/
/******************************************/

/**** BLOG LIST EDITS ****/

.WaGadgetRecentBlogPosts ul li .author {
    display: none;
}

.WaGadgetBlog .boxBodyInfoOuterContainer .postedOn {
  margin-left: 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+li.boxesListItem {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 3px solid #e9ecf2;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle {
    margin-bottom: 5px;
}

/*** END BLOG ***/


/******************************************/
/**** BREADCRUMB ****/
/******************************************/

.WaGadgetBreadcrumbs {
    font-size: 14px!important;
}

.Center-Breadcrumb {
    text-align: center;
}

.WaGadgetBreadcrumbs ul li+li:before {
    color: #1a1a1a;
}

/*** END BREADCRUMB ***/

/******************************************/
/**** BULLETS ****/
/******************************************/

[class*='EditableArea'] ul {
    margin-left: 20px;
}

/*** END BULLETS ***/

/******************************************/
/**** 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 {
    -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;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

/*** DEFAULT STYLES ***/

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: 9px 40px 9px 20px;
    text-align: left;
    background-image: url(/resources/Pictures/Page-Templates/right-arrow-light.svg);
    background-position: right 15px center;
    background-size: 11px;
    background-repeat: no-repeat;
    min-width: 100px;
    white-space: normal;
    margin: 5px 0;
    font-size: 18px;
}

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: 9px 35px 9px 25px;
    text-align: left;
    background-image: url(/resources/Pictures/Page-Templates/right-arrow-light.svg);
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: right 15px center;
    min-width: 100px;
}

a.buttonStyle004, a:link.buttonStyle004,
a.buttonStyle004:hover, a:link.buttonStyle004:hover {
    border: none!important;
}

a.buttonStyle005, a:link.buttonStyle005,
a.buttonStyle005:hover, a:link.buttonStyle005:hover {
    border-width: 2px;
}

/*** LARGE BUTTON ***/

.Large-Button a.buttonStyle001, 
.Large-Button a:link.buttonStyle001,
.Large-Button a.buttonStyle002, 
.Large-Button a:link.buttonStyle002,
.Large-Button a.buttonStyle003, 
.Large-Button a:link.buttonStyle003,
.Large-Button a.buttonStyle004, 
.Large-Button a:link.buttonStyle004,
.Large-Button a.buttonStyle005, 
.Large-Button a:link.buttonStyle005 {
    padding: 17px 50px 17px 30px;
    font-size: 19px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    font-family: 'Barlow', 'Lato', sans-serif;
    text-transform: uppercase;
    background-image: url(/resources/Pictures/Page-Templates/right-arrow-light.svg);
}

.Large-Button a.buttonStyle001:hover, 
.Large-Button a:link.buttonStyle001:hover,
.Large-Button a.buttonStyle002:hover, 
.Large-Button a:link.buttonStyle002:hover,
.Large-Button a.buttonStyle003:hover, 
.Large-Button a:link.buttonStyle003:hover,
.Large-Button a.buttonStyle004:hover, 
.Large-Butto a:link.buttonStyle004:hover,
.Large-Button a.buttonStyle005:hover, 
.Large-Button a:link.buttonStyle005:hover {
    padding: 17px 45px 17px 35px;
    text-align: left;
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: right 20px center;
}

/**** WIDE BUTTONS ****/

.Wide-Button a.stylizedButton {
    width: 100%;
}

/**** FEATURE BUTTONS ****/

.Feature-Button a.stylizedButton,
.HomeFeatures a.stylizedButton {
    width: 100%;
    font-size: 22px;
    padding: 17px 50px 17px 30px;
    text-align: left;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    font-family: 'Barlow', 'Lato', sans-serif;
    text-transform: uppercase;
    margin: 5px 0;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    background-image: url(/resources/Pictures/Page-Templates/feature-button-arrow.svg);
}

.Feature-Button a.buttonStyle001:hover, 
.Feature-Button a:link.buttonStyle001:hover,
.Feature-Button a.buttonStyle002:hover, 
.Feature-Button a:link.buttonStyle002:hover,
.Feature-Button a.buttonStyle003:hover, 
.Feature-Button a:link.buttonStyle003:hover,
.Feature-Button a.buttonStyle004:hover, 
.Feature-Button a:link.buttonStyle004:hover,
.Feature-Button a.buttonStyle005:hover, 
.Feature-Button a:link.buttonStyle005:hover {
    padding: 17px 45px 17px 35px;
    text-align: left;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-image: url(/resources/Pictures/Page-Templates/feature-button-arrow.svg);
}

/**** SYSTEM BUTTONS ****/

.navigationOuterContainer .navigationContainer input.nextButton, 
.navigationOuterContainer .navigationContainer input.typeButton, 
.navigationOuterContainer .navigationContainer input[type=submit],
.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton {
    background-color: #5381d7;
    color: #fff;
    -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;
}

.navigationOuterContainer .navigationContainer input.nextButton:hover, .navigationOuterContainer .navigationContainer input.typeButton:hover, .navigationOuterContainer .navigationContainer input[type=submit]:hover,
.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton:hover {
    background-color: #4267ac;
    color: #ffffff;
}

input.nextButton, 
input.typeButton,
input[type=submit] {
    background-color: #5381d7;
    color: #fff;
    padding: 8px 15px 8px 30px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-transform: none;
}

input.nextButton:hover, 
input.typeButton:hover,
input[type=submit]:hover {
    background-color: #4267ac;
    color: #ffffff;
}

/*** END BUTTONS ***/


/***************************************************/
/**** COLUMNS & LAYOUTS ****/
/***************************************************/

/**** COLUMNS WITH BORDERS ****/

.Border-Columns,
.Border-Columns-White,
.Border-Columns-Bright,
.Border-Columns-Faint {
    margin-bottom: 30px;
}

.Border-Columns table tr td.WaLayoutItem,
.Border-Columns-White table tr td.WaLayoutItem,
.Border-Columns-Bright table tr td.WaLayoutItem,
.Border-Columns-Faint table tr td.WaLayoutItem {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
}

.Border-Columns td.WaLayoutSeparator,
.Border-Columns-White td.WaLayoutSeparator,
.Border-Columns-Bright td.WaLayoutSeparator,
.Border-Columns-Faint td.WaLayoutSeparator {
    width: 30px;
}

.Border-Columns table tr td.WaLayoutItem {
    border: 3px solid #e9ecf2;
}

.Border-Columns-White table tr td.WaLayoutItem {
    border: 3px solid #FFFFFF;
}

.Border-Columns-Bright table tr td.WaLayoutItem {
    border: 3px solid #5381d7;
}

.Border-Columns-Faint table tr td.WaLayoutItem {
    border: 3px solid rgba(255,255,255,0.15);
}


/**** LAYOUT COLUMNS WITH SHADOWS ****/

.Shadow-Columns {
    margin-bottom: 30px;
}

.Shadow-Columns 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;
    padding: 30px;
}

.Shadow-Columns-Round table tr td.WaLayoutItem {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.Shadow-Columns td.WaLayoutSeparator,
.Shadow-Columns-Round td.WaLayoutSeparator {
    width: 30px;
}


/**** COLUMNS WITH DIVIDERS ****/

.Dividers .WaLayoutItem {
    -webkit-box-sizing: border-box;
    -mod-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 50px;
}

.Dividers .WaLayoutSeparator {
    width: 3px;
    background-color: #e9ecf2;
}

.Dividers-White .WaLayoutItem {
    -webkit-box-sizing: border-box;
    -mod-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 50px;
}

.Dividers-White .WaLayoutSeparator {
    width: 3px;
    background-color: #fff;
}

.Dividers-Bright .WaLayoutItem {
    -webkit-box-sizing: border-box;
    -mod-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 50px;
}

.Dividers-Bright .WaLayoutSeparator {
    width: 3px;
    background-color: #5381d7;
}

.Dividers-Faint .WaLayoutItem {
    -webkit-box-sizing: border-box;
    -mod-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 50px;
}

.Dividers-Faint .WaLayoutSeparator {
    width: 3px!important;
    background-color:rgba(255,255,255,0.15);
}

.Dividers .WaLayoutItem:first-child,
.Dividers-White .WaLayoutItem:first-child,
.Dividers-Bright .WaLayoutItem:first-child,
.Dividers-Faint .WaLayoutItem:first-child {
    padding-left: 0;
}

.Dividers .WaLayoutItem:last-child,
.Dividers-White .WaLayoutItem:last-child,
.Dividers-Bright .WaLayoutItem:last-child,
.Dividers-Faint .WaLayoutItem:last-child {
    padding-right: 0;
}

/*** END COLUMN DIVIDERS ***/


/**************************************************/
/**** CONTENT - DARK BACKGROUNDS ****/
/**************************************************/

.gadgetStyle002 .gadgetStyleBody,
.gadgetStyle002.WaGadgetHeadline .gadgetStyleBody,
.WaGadgetDonationGoal.donationGoalStyle002 .gadgetStyleBody,
.WaGadgetDonationGoal.donationGoalStyle004 .gadgetStyleBody {
    padding: 0;
}

.Narrow-Content {
    width: 80%; 
    margin: auto;
}

/*** END CONTENT - DARK BACKGROUNDS ****/


/**************************************************/
/**** DIRECTORY ****/
/**************************************************/

.WaGadgetMemberDirectoryStateList .memberDirectorySearchAreaOuterContainer {
    margin: 0 0 32px;
    padding: 15px 15px;
    border-top: 0;
    background-color: #f4f4f4;
}

.genericListTable tbody td, .membersTable tbody td {
    border-top: 2px solid #e6e6e6;
}

.genericListTable, .membersTable {
    border-bottom: 2px solid #e6e6e6;
}

/*** END DIRECTORY ***/


/**************************************************/
/**** 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: 8px;
    margin: 3rem 0;
}

.WaContentDivider.dividerStyle001,
.WaContentDivider.dividerStyle006 {
    background: #ffffff;
}

.WaContentDivider.dividerStyle002,
.WaContentDivider.dividerStyle007 {
    background: #e9ecf2;
}

.WaContentDivider.dividerStyle003,
.WaContentDivider.dividerStyle008 {
    background: #D93F34;
}

.WaContentDivider.dividerStyle004,
.WaContentDivider.dividerStyle009 {
    background: #4AA84F;
}

.WaContentDivider.dividerStyle005,
.WaContentDivider.dividerStyle010 {
    background: #20407C;
}

/*** DIVIDERS ***/


/************************************/
/**** EVENTS ****/
/************************************/

/*** LIST VIEW ***/

.WaGadgetEventsStateList .boxesList .boxesListItem+.boxesListItem {
    margin-top: 25px;
}
/*
.WaGadgetEventsStateList .boxesList .boxesListItem {
    padding: 25px 30px;
    border: 3px solid #ECEAE7;
} */

.WaGadgetEventsStateList .boxesList .boxesListItem {
    padding: 30px 40px;
    border: none;
    background-color: #fff;
}

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle {
    margin-bottom: 5px;
}

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle {
    font-size: 26px!important;
    font-weight: 500;
}

.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
    padding: 0 15px 25px;
    background: #fff;
}

.WaGadgetEventsStateList .pastEventsOuterContainer {
    margin: 40px 0 0;
    padding: 0;
    border-top: none;
}

/*** EVENT DETAIL PAGE ***/

/* Event Detail Title */
.WaGadgetEventsStateDetails .pageTitleOuterContainer .eventsTitleContainer {
    clear: both;
    margin: 0 0 30px;
    padding: 20px 0 0;
}

/* Left Column - Registration */
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
    padding: 20px 20px 24px 25px;
    background: #ECEAE7;
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer {
    float: left;
    width: 340px;
}

/* Right Column - Description */
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContentOuterContainer {
    float: right;
    width: calc(97% - 340px);
}

/**** EVENT CALENDAR ****/

div#idEventListCalendar {
    padding: 40px;
    background: #fff;
}

.WaGadgetEventsStateCalendar .sectionTitle {
    color: #20407C;
    font-size: 24px;
    font-weight: 500;
    font-family: 'Barlow';
}

.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td>div {
    border-left: none;
    background: #1A58CC;
    color: #fff;
}

.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td>div a {
    color: #fff;
}


/*** HORIZONTAL EVENTS SLIDER ***/

.WaGadgetUpcomingEvents.UpcomingEventsSlider.upcomingEventsStyle003 .title a {
    font-size: 22px;
}

.WaGadgetUpcomingEvents.UpcomingEventsSlider.upcomingEventsStyle003 ul li .date {
    font-size: 18px;
    color: #442807;
    font-style: normal;
}

/*** END EVENTS ***/


/**************************************************/
/**** FEEDS ****/
/**************************************************/

/*** BLOG - COLORED STYLE ***/

.WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li, 
.WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li {
    padding: 8px 0 8px 25px;
    border-left: 4px solid #FFF;
    -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;
}

.WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li:hover, 
.WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li:hover {
    padding: 8px 0 8px 28px;
    border-left: 5px solid #5381d7;
}

/*** EVENTS - COLORED STYLE ***/

.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li,
.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li {
    padding: 8px 0 8px 25px;
    border-left: 4px solid #FFF;
    -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 {
    padding: 8px 0 8px 28px;
    border-left: 5px solid #5381d7;
}

/*** BOLD FEED ***/

.WaGadgetUpcomingEvents.Bold-Feed.upcomingEventsStyle002 ul li .title a {
    font-size: 20px;
    font-family: 'Barlow';
    font-weight: 500;
    text-transform: none;
}

.WaGadgetRecentBlogPosts.Bold-Feed ul li .title a {
    font-size: 20px;
    font-family: 'Barlow';
    font-weight: 500;
    text-transform: none;
}

/*** END FEEDS ***/


/**************************************************/
/**** FORMS ****/
/**************************************************/

.formTitleOuterContainer .formTitleContainer {
  border-bottom: 2px solid #c1c1c1;
  padding-bottom: 10px;
}

.groupContainer span.label {
    margin-bottom: 15px; /* Padding between registration types */
}

.fieldSubContainer .typeInstruction {
    padding: 0;
}

/*** END FORMS ***/


/************************************/
/**** FOOTER ****/
/************************************/

.zonePlace.zoneFooter1 {
    -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 8%);
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 8%);
}

/*** END FOOTER ***/


/************************************/
/**** GADGETS ****/
/************************************/

.gadgetStyleNone,
.gadgetStyle002 {
    font-size: 18px;
}

/*** END GADGETS ***/


/********************************************************/
/**** HEADER GADGETS AND CONTENT ****/
/********************************************************/

.Header-Logo, .Header-Name, .Header-Slogan, .Header-Button, Header-Search {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
}

.Header-Search-Right {
    float: right;
    display: inline-block;
}

.HeaderName h1.promo {
    font-size: 2.5rem;
    color: #076324;
}

/*** END HEADER GADGETS ***/


/************************************/
/**** HOME ****/
/************************************/

.HomeFeatures img {
    display: block;
}

.Home-Features-Overlay {
    z-index: 2; 
    margin-top: -100px;
}

/*** Featured Links Events ***/
td#id_vaezcW6 {
    background-color: rgba(32,64,124, 90%);
}

/*** Featured Links Programs ***/
td#id_RpZbGnz {
    background-color: rgba(68,171,87, 90%);
}

/*** Featured Links Training ***/
td#id_fKk1qEn {
    background-color: rgba(220,58,55, 90%);
}

/*** END HOME ***/


/********************************************************/
/**** ICONS ****/
/********************************************************/

/*** LEFT ICONS ***/

.Icon-Left-Large {
    padding: 0 0 0 70px;
    background-size: 50px;
    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;
    margin-bottom: 20px;
}

.Icon-Left-Medium {
    padding: 0 0 0 60px;
    background-size: 40px;
    background-repeat: no-repeat!important;
    background-position: top left;
    min-height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.Icon-Left-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;
}

/*** END ICONS ***/

/*** RIGHT ICONS ***/

.Icon-Right-Large {
    padding-right: 80px;
    background-size: 60px;
    background-repeat: no-repeat!important;
    background-position: top right;
    min-height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.Icon-Right-Medium {
    padding-right: 70px;
    background-size: 50px;
    background-repeat: no-repeat!important;
    background-position: top right;
    min-height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.Icon-Right-Small {
    padding-right: 60px;
    background-size: 40px;
    background-repeat: no-repeat!important;
    background-position-x: right;
    background-position-y: center!important;
    min-height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
}


/*** TOP CENTER ICONS ***/

.Icon-Top-Large {
    padding: 70px 0 0 0;
    background-size: 60px;
    background-repeat: no-repeat!important;
    background-position: top center;
    min-height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.Icon-Top-Medium {
    padding: 60px 0 0 0;
    background-size: 50px;
    background-repeat: no-repeat!important;
    background-position: top center;
    min-height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.Icon-Top-Small {
    padding: 50px 0 0 0;
    background-size: 40px;
    background-repeat: no-repeat!important;
    background-position: top center;
    min-height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
}

/*** END ICONS ***/

/************************************/
/**** IMAGES ****/
/************************************/

.Image-Frame {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 280px!important;
    padding:30px;
    background-color: #ffffff;
    -webkit-border-top-right-radius: 80px;
    -webkit-border-bottom-left-radius: 80px;
    -moz-border-radius-topright: 80px;
    -moz-border-radius-bottomleft: 80px;
    border-top-right-radius: 80px;
    border-bottom-left-radius: 80px;
    -webkit-box-shadow: 15px 15px 0px 0px #94afe1;
    box-shadow: 15px 15px 0px 0px #94afe1;
}

.Image-Frame-Events {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height:280px!important;
    padding:30px;
    background-color: #ffffff;
    -webkit-border-top-right-radius: 80px;
    -webkit-border-bottom-left-radius: 80px;
    -moz-border-radius-topright: 80px;
    -moz-border-radius-bottomleft: 80px;
    border-top-right-radius: 80px;
    border-bottom-left-radius: 80px;
    -webkit-box-shadow: 15px 15px 0px 0px #20417E;
    box-shadow: 15px 15px 0px 0px #20417E;
}

.Image-Frame-Training {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 280px!important;
    padding:30px;
    background-color: #ffffff;
    -webkit-border-top-right-radius: 80px;
    -webkit-border-bottom-left-radius: 80px;
    -moz-border-radius-topright: 80px;
    -moz-border-radius-bottomleft: 80px;
    border-top-right-radius: 80px;
    border-bottom-left-radius: 80px;
    -webkit-box-shadow: 15px 15px 0px 0px #D93F34;
    box-shadow: 15px 15px 0px 0px #D93F34;
}

.Image-Frame-Programs {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:30px;
    min-height: 280px!important;
    background-color: #ffffff;
    -webkit-border-top-right-radius: 80px;
    -webkit-border-bottom-left-radius: 80px;
    -moz-border-radius-topright: 80px;
    -moz-border-radius-bottomleft: 80px;
    border-top-right-radius: 80px;
    border-bottom-left-radius: 80px;
    -webkit-box-shadow: 15px 15px 0px 0px #4AA84F;
    box-shadow: 15px 15px 0px 0px #4AA84F;
}

.Tall-Frame {
    min-height: 500px!important;
}

.Image-Frame img,
.Image-Frame-Programs img,
.Image-Frame-Events img,
.Image-Frame-Training img {
    display: block;
    -webkit-box-shadow: none;
    box-shadow: none;
}


/************************************/
/*** LOGIN FORM GADGET **/
/************************************/

.WaGadgetLoginForm .loginContainer .loginLink, 
.WaGadgetLoginForm .authenticated .loginLink {
    width: auto !important;
    line-height: 40px !important;
    text-transform: none;
    height: 40px!important;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #20417E;
    color: #fff;
    font-size: 16px;
}

.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 18px/40px 'WA-theme-icons';
}

.WaGadgetLoginForm .loginButton {
    font-size: initial;
    font-family: inherit;
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink, 
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink {
    transition: all 0.3s ease-in-out;
    background: #20417E;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:hover, 
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink:hover {
    background: #396ac5;
    color: white;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink,
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink {
    color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    transition: all 0.3s ease-in-out;
    background: #20417E;
}

.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: #396ac5;
    color: white;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.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: #396ac5;
    color: white;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

/*** END LOGIN FORM ***/


/************************************/
/**** MENUS ****/
/************************************/

/* MENU ALIGN RIGHT */
.WaGadgetMenuHorizontal.Menu-Right .menuInner ul.firstLevel {
    float: right;
}

/* MENU ALIGN CENTER */
.WaGadgetMenuHorizontal.Menu-Center .menuInner ul.firstLevel,
.WaGadgetMenuHorizontal.CenterAlign .menuInner ul.firstLevel {
    margin-right: auto;
	margin-left: auto;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel {
    margin: auto;
}

/** HIDE HOME BUTTON **/

.WaGadgetMenuHorizontal.Hide-Home-Link .menuInner ul.firstLevel>li:first-child {
    display: none;
}

/** MAIN MENU STYLES **/

/** 1ST LEVEL **/

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item>a,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li>.item>a {
    font: 500 18px/23px 'Barlow',sans-serif;
    padding: 16px 16px;
    text-transform: Uppercase;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: ball 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li>.item:hover>a {
    padding: 16px 16px;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item:first-child>a,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li>.item:first-child>a {
    padding-left: 16px;
}

/** 2ND LEVEL **/

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul ul {
    border: none;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul:before,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul ul:before {
    height: 0;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul li>.item>a,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul ul li>.item>a {
    padding: 5px 16px;
    font: normal 16px/1.5 'Lato','Arial',sans-serif;
}

/** 3RD LEVEL **/

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    /* margin: 0 1px; */
    border-left: 3px solid #94afe1;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner .firstLevel>li:last-child ul ul li .item a {
    text-align: right;
    border-right: 3px solid #94afe1;
    border-left: none;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner .firstLevel>li.last-child ul ul, .WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner .firstLevel>li:last-child ul ul {
    top: 0;

}

/**** STICKY MENU ****/

.stickyMenu.active {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu.active {
    background: #FFFFFF;
    border-bottom: #EEEEEE;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .stickyMenu.active {
    background: #20407c;
    border-bottom: none;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu.active ul.firstLevel>li>.item>a,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .stickyMenu.active ul.firstLevel>li>.item>a {
    padding: 16px 16px;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu.active,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .stickyMenu.active {
    -webkit-box-sizing: border-box;
    -mod-box-sizing: border-box;
    box-sizing: border-box;
}

/**** END ****/

/************************************/
/**** MOBILE MENU ****/
/************************************/

.WaGadgetMobilePanel .mobilePanel {
    position: relative;
    height: 50px;
    background: #20417E;
    color: white;
}

.WaGadgetMobilePanel .mobilePanel .buttonMenu,
.WaGadgetMobilePanel .mobilePanel .buttonLogin {
text-indent: 0; /* resets WA styling that hides the existing text */
line-height: 50px; /* vertically center text to height of bar */
}

.WaGadgetMobilePanel .mobilePanel .buttonMenu {
padding-left: 50px; /* pushes menu text to right of menu button */
padding-right: 10px; /* adds extra padding to right of menu text for useability */
}

.WaGadgetMobilePanel .mobilePanel .buttonLogin {
padding-right: 45px; /* pushes login text to left of login button */
padding-left: 10px; /* adds extra padding to left of login text for useability */
}

.WaGadgetMobilePanel .mobilePanel .buttonLogin:before {
left: auto; /* resets WA styling that puts login button on left of existing text */
right: 0px; /* puts login button on right of existing text */
}

.WaGadgetMobilePanel .mobilePanel .buttonAdmin {
right: 0px; /* moves admin button to right so user info can expand to left */
}

.WaGadgetMobilePanel .mobilePanel .buttonLogin.logged {
right: 50px; /* moves user info button to left of admin button when logged in */
width: auto; /* allows user info button to grow to fit user name when logged in */
}

/*** Main Button Hover ***/

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
    background: #295097;
    color: #FFFFFF;
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:active, .WaGadgetMobilePanel .mobilePanel .mobilePanelButton.active {
    background: #295097;
    color: #FFFFFF;
}

/*** Dropdown Menu ***/

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel {
    padding: 15px 0 20px;
    background: #295097;
    border-top: 1px solid #295097;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul,
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul {
    background: transparent;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul .item a {
    padding: 4px 16px 4px 40px;
    color: rgba(255,255,255,60%);
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li.sel>.item>a,
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li.sel>.item>a,
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul li.sel>.item>a {
    color: #94afe1;
}

/**** END ****/

/**************************************************/
/**** MENU - VERTICAL SUB MENU ****/
/**************************************************/

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel {
    width: 100%;
    margin: 0;
    padding: 0;
    background: white;
    border: none;
}

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel>li {
    border-bottom: 1px solid #eee;
}

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel>li>.item>a>span {
    width: 95%;
    padding: 0;
}

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel>li>.item>a {
    padding: 10px 20px 10px 0;
    color: #1A58CC;
    font: 500 18px/1.5 'Barlow','Arial',sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}

.WaGadgetMenuVertical.VerticalMenuStyle001 ul ul {
    top: 0;
    width: 300px;
    background: white;
    border: 1px solid #e9ecf2;
}

/**************************************************/
/**** MENU - SECONDARY ****/
/**************************************************/

/*** MENU STYLE 001 ***/

.WaGadgetCustomMenu.menuStyle001 ul li a {
    font-family: 'Lato','Arial',sans-serif;
    color: #003b5f;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

.WaGadgetCustomMenu.menuStyle001 ul li a:hover {
    color: #3287bf;
    text-decoration: underline;
}

/*** MENU STYLE 002 ***/

.WaGadgetCustomMenu.menuStyle002 ul li a {
    font-family: 'Lato','Arial',sans-serif;
    color: rgba(255,255,255,0.9);
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

.WaGadgetCustomMenu.menuStyle002 ul li a:hover {
    color: #68c4ff;
    text-decoration: underline;
}

/*** END MENU -SECONDARY ***/


/**************************************************/
/**** MY PROFILE ****/
/**************************************************/

.WaGadgetContactProfile {
    font-size: inherit;
}

.fieldSubContainer {
    font-size: inherit;
}

.fieldContainer, .standAloneGroupContainer {
    zoom: 1;
    margin: 10px 0;
}

/*** END MY PROFILE ***/


/************************************/
/**** ROUND COLUMNS ****/
/************************************/

.RoundColumns table tr td.WaLayoutItem {
    -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;
}

/************************************/
/**** SEARCH ****/
/************************************/

.Header-Search {
    float:right;
}

.WaGadgetSiteSearch .searchBoxField {
    max-width: calc(100% - 42px);
}

.WaGadgetSiteSearch {
    overflow: visible;
    background: #e9ecf2;
    border-radius: 20px;
}

.WaGadgetSiteSearch .searchBoxField {
    background: transparent;
    padding: 6px 20px 7px;
    border: none;
}

/*** SEARCH STYLE 001 ***/

.WaGadgetSiteSearch.searchStyle001 .searchBoxButton::before {
    color: #303F9F; /* icon color */
}

/*** SEARCH STYLE 002 ***/

.WaGadgetSiteSearch.searchStyle002 .searchBoxButton::before {
    color: #ffffff; /* icon color */
}

/*** SEARCH STYLE 003 ***/

.WaGadgetSiteSearch.searchStyle003 .searchBoxButton {
    background: #303F9F; /* search button background Reg */
}

.WaGadgetSiteSearch.searchStyle003 .searchBoxButton:hover {
    background: #3F51B5; /* search button background Hov */
}

/*** END SEARCH GADGET ***/


/************************************/
/**** SOCIAL LINKS ****/
/************************************/

.Header-Social {
    float:right;
}

.WaGadgetSocialProfile.Header-Social.socialProfileStyle001 li a,
.WaGadgetSocialProfile.Footer-Social.socialProfileStyle001 li a {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    color: white;
    font-family: 'WA-theme-icons';
    font-size: 18px;
    line-height: 40px;
    border-radius: 20px;
}

.WaGadgetSocialProfile.socialProfileStyle001 a.Facebook {
    background: #5381D7;
}

.WaGadgetSocialProfile.socialProfileStyle001 a.Twitter {
    background: #5381D7;
}

.WaGadgetSocialProfile.socialProfileStyle001 a.LinkedIn {
    background: #5381D7;
}

.WaGadgetSocialProfile.socialProfileStyle001 a.YouTube {
    background: #5381D7;
}

.WaGadgetSocialProfile.socialProfileStyle001 li a:hover {
    color: #20417E
}


/************************************/
/**** SHADOWS ****/
/************************************/

.Shadow {
    -webkit-box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.20); 
    box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.20);
}

/************************************/
/**** SLIDER ****/
/************************************/

.WaGadgetSlideshow {
    overflow: hidden;
}

/* Slider BG */
.camera_wrap {
    background: #ffffff;
}

/* Thumbnails Bar BG */
.camera_thumbs_cont {
    background: #ffffff;
}

/* Thumbnail Image Border */
.camera_thumbs_cont ul li {
    border: 1px solid #ffffff;
}

/* Arrow Button Background - Normal State */
.camera_commands, .camera_next, .camera_prev {
    background: #20417E; /* Primary */
}

/* Arrow Button Icon - Normal State */
.camera_wrap .camera_next>span:hover:before, .camera_wrap .camera_prev>span:hover:before {
    color: #ffffff;
}

/* Arrow Button Background - Hover State */
.camera_next:hover, .camera_prev:hover {
    background: #3287bf; /* Primary Light */
}

.camera_thumbs_cont {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: rgba(0,0,0,.5);
}

/*** Force Slider Height ***/
/*
.Home-Slider .cameraContent {
    min-height: 550px!important;
} */

.WaGadgetSlideshow.Home-Slider {
    overflow: hidden;
    min-height: 550px!important;
}

/*
.camera_caption {
    position: absolute;
    bottom: 0;
    display: block;
    width: 60%;
    background: rgba(0,0,0,90%);
} */

.camera_caption {
    position: absolute;
    right: 5%;
    width: 60%;
    background: rgba(255,255,255,90%);
}

.Full-Slider-Caption .camera_caption {
    position: absolute;
    right: 5%;
    bottom: 150px!important;
    width: 600px;
    background: rgba(255,255,255,90%);
}

.camera_caption>div {
 padding: 30px 40px;
 color: #222;
 font-size: 16px;
}

.Full-Slider-Caption .camera_caption>div {
 padding: 30px 100px 30px 40px;
 color: #222;
 font-size: 16px;
}

.camera_caption>div h2,
.camera_caption>div h3 {
    margin-top: 0!important;
    color: #20417E;
    font-size: 22px;
    text-transform: uppercase;
}

.Full-Slider-Caption .camera_caption>div h2,
.Full-Slider-Caption .camera_caption>div h3 {
    margin-top: 0!important;
    color: #20417E;
    font-size: 32px;
    text-transform: uppercase;
}

.camera_caption>div p {
    margin-top: 0;
}

/*** HIDE SLIDER THUMBNAILS ***/

.Hide-Thumbnails .camera_wrap {
    margin-bottom: 0!important;
}

.Hide-Thumbnails .camera_thumbs {
    display: none;
}

/*** END SLIDER ***?


/**************************************************/
/**** TABLES ****/
/**************************************************/

.genericListTable thead th, .membersTable thead th {
  padding: 12px 24px 12px 0; /* Heading Row Padding */
}

/*** END TABLES ***/


/************************************/
/**** TYPOGRAPHY ****/
/************************************/

/*
body,
.gadgetStyle002,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle001 li .title, .WaGadgetRecentBlogPosts.recentBlogPostsStyle002 li .title, .WaGadgetRecentBlogPosts.recentBlogPostsStyle003 li .title, .WaGadgetUpcomingEvents.upcomingEventsStyle001 li .title, .WaGadgetUpcomingEvents.upcomingEventsStyle002 li .title, .WaGadgetUpcomingEvents.upcomingEventsStyle003 li .title, .WaGadgetForumUpdates.forumUpdatesStyle001 li .title,
.WaGadgetForumUpdates.forumUpdatesStyle002 li .title,
.WaGadgetForumUpdates.forumUpdatesStyle003 li .title,
.WaGadgetDonationGoal.donationGoalStyle001 .donationGoalNotesContainer,
.WaGadgetDonationGoal.donationGoalStyle003 .donationGoalNotesContainer,
.WaGadgetFeaturedMember.FeaturedMember001 ul .label_1,
.WaGadgetFeaturedMember.FeaturedMember001 ul .subtitle {
    font-size: 18px;
} */

h1, .h1, .gadgetStyleNone h1, .gadgetStyle002 h1,
h2, .h2, .gadgetStyleNone h2, .gadgetStyle002 h2,
h3, .h3, .gadgetStyleNone h3, .gadgetStyle002 h3,
h4, .h4, .gadgetStyleNone h4, .gadgetStyle002 h4,
H4.h4Alt, .gadgetStyleNone H4.h4Alt, .gadgetStyle002 H4.h4Alt,
h5, .h5, .gadgetStyleNone h5, .gadgetStyle002 h5 {
    font-family: 'Barlow'!important;
    margin: 2.2rem 0 1rem;
}

.gadgetStyleNone h1.promo,
.gadgetStyle002 h1.promo {
    font-size: 42px;
    text-transform: uppercase;
    font-weight: 500;
}
.gadgetStyleNone h1.header,
.gadgetStyle002 h1.header {
    font-size: 42px;
    text-transform: uppercase;
    font-weight: 500;
}

.gadgetStyleNone H1:not(.promo):not(.header):not(.h1Alt),
.gadgetStyle002 H1:not(.promo):not(.header):not(.h1Alt) {
    font-size: 42px;
    text-transform: uppercase;
    font-weight: 500;
}

.gadgetStyleNone h1.h1Alt,
.gadgetStyle002 h1.h1Alt {
    font-size: 20px;
    font-weight: 500;
}

h2, .h2, .gadgetStyleNone h2, .gadgetStyle002 h2 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 500;
}

h3, .h3, .gadgetStyleNone h3, .gadgetStyle002 h3 {
    font-size: 24px;
    font-weight: 400;
}

h4, .h4, .gadgetStyleNone h4, .gadgetStyle002 h4 {
    font-size: 20px;
}

h5, .h5, .gadgetStyleNone h5, .gadgetStyle002 h5 {
    font-size: 18px;
}

/*** Match H2 **/

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle {
  font-size: 36px;
}

.quotedText {
    font-size: 22px;
    margin: 2.5rem 0;
}


/************************************/
/**** MOBILE STYLES ****/
/************************************/

@media screen and (max-width: 767px) {

.Hide-For-Mobile {
    display: none;
}

div#id_Header {
    padding-bottom: 10px;
}

.Header-Logo p {
    text-align: center!important;
    margin: 0 auto;
}

.HeaderName h1, .HeaderName2 {
    text-align: center;
}

.HeaderName h1.promo {
    font-size: 2.2rem;
}

.HeaderName2 {
    margin-bottom: 20px;
}

.Header-Social,
.Header-Search {
    float:none!important;
}

.WaGadgetSiteSearch {
    max-width: 60%;
    margin: auto;
}

.FooterName h1, .FooterName h2, .FooterName h3 {
    text-align: center;
}

.Border-Columns table tr td.WaLayoutItem,
.Border-Columns-White table tr td.WaLayoutItem,
.Border-Columns-Bright table tr td.WaLayoutItem,
.Border-Columns-Faint table tr td.WaLayoutItem,
.Shadow-Columns table tr td.WaLayoutItem {
    margin-bottom: 30px;
}

.Dividers .WaLayoutItem,
.Dividers-White .WaLayoutItem,
.Dividers-Bright .WaLayoutItem,
.Dividers-Faint .WaLayoutItem {
    padding: 20px 0!important;
}

ul.orientationHorizontal.alignLeft, ul.orientationHorizontal.alignRight {
    text-align: center;
}

.Home-Features-Overlay {
    z-index: 2; 
    margin-top: 0;
}

.WaGadgetSlideshow.Home-Slider {
    overflow: hidden;
    min-height: 450px!important;
}

.Home-Slider .camera_wrap {
    height: 450px!important;
}

.Full-Slider-Caption .camera_caption {
    bottom: 0!important;
    width: 100%;
    right: 0;
    background: rgba(255,255,255,90%);
}

.Full-Slider-Caption .camera_caption>div {
    padding: 20px 20px 20px 20px;
}

.Full-Slider-Caption .camera_caption>div h2,
.Full-Slider-Caption .camera_caption>div h3 {
    font-size: 20px;
    text-transform: uppercase;
}

.Full-Slider-Caption .camera_caption p {
    font-size: 14px;
}

.Full-Slider-Caption a:link {
    padding: 6px 40px 6px 20px;
    text-align: left;
    background-image: url(/resources/Pictures/Page-Templates/right-arrow-light.svg);
    background-position: right 15px center;
    background-size: 11px;
    background-repeat: no-repeat;
    min-width: 100px;
    white-space: normal;
    margin: 5px 0;
    font-size: 14px;
}

.Footer-Content p,
.Footer-Content h5 {
    text-align: center!important;
}

.Narrow-Content {
    width: 100%; 
    margin: inherit;
}

}