/*********************************************************************/
/****** 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: 0;
    border-bottom: 2px solid #C3E6E5;
}

.WaGadgetContentAccordion .gadgetStyleTitle {
    margin: 0;
    padding: 15px 60px 15px 0;
    background-image: url(/resources/Pictures/Icons/accordion-icon-open.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 20px 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;
}

.WaGadgetContentAccordion.opened .gadgetStyleTitle, .WaGadgetContentAccordion.active .gadgetStyleTitle {
    cursor: pointer;
    padding: 15px 60px 15px 20px;
    background-color: #ECF1F3;
    background-image: url(/resources/Pictures/Icons/accordion-icon-close.svg);
}

.WaGadgetContentAccordion .gadgetStyleTitle:hover {
    background-color: #ECF1F3;
    padding: 15px 60px 15px 20px;
    cursor: pointer;
}

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

.WaGadgetContentAccordion .gadgetStyleBody, 
.WaGadgetContentAccordion .gadgetStyleBody {
    padding: 15px 20px 30px 20px;
}

/*
.WaGadgetContentAccordion .gadgetStyleTitle h4 {
    font-size: 1.4rem;
    font-family: 'Lato','Arial',sans-serif;
    font-weight: 400;
    text-transform: none;
} */

.WaGadgetContentAccordion .gadgetStyleTitle h4 {
    font-size: 1.1rem;
    font-family: 'Lato','Arial',sans-serif;
    font-weight: 400;
    text-transform: none;
    color: #1a1a1a;
}

/**** END CONTENT ACCORDION ****/


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

.WaGadgetRecentBlogPosts.HomeFeed.recentBlogPostsStyle001 ul li .title a, 
.WaGadgetRecentBlogPosts.HomeFeed.recentBlogPostsStyle002 ul li .title a, 
.WaGadgetRecentBlogPosts.HomeFeed.recentBlogPostsStyle003 ul li .title a, 
.WaGadgetRecentBlogPosts.HomeFeed.recentBlogPostsStyle004 ul li .title a, 
.WaGadgetRecentBlogPosts.HomeFeed.recentBlogPostsStyle005 ul li .title a, 
.WaGadgetRecentBlogPosts.HomeFeed.recentBlogPostsStyle006 ul li .title a {
    font-family: 'Lato','Arial',sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
}

.WaGadgetRecentBlogPosts.HomeFeed.recentBlogPostsStyle002 ul li, .WaGadgetRecentBlogPosts.HomeFeed.recentBlogPostsStyle005 ul li {
    padding: 8px 0 8px 25px;
    border-left: 4px solid #ffffff;
}

.WaGadgetRecentBlogPosts.HomeFeed.recentBlogPostsStyle001 ul li .date, .WaGadgetRecentBlogPosts.HomeFeed.recentBlogPostsStyle002 ul li .date, .WaGadgetRecentBlogPosts.HomeFeed.recentBlogPostsStyle003 ul li .date, .WaGadgetRecentBlogPosts.HomeFeed.recentBlogPostsStyle004 ul li .date, .WaGadgetRecentBlogPosts.HomeFeed.recentBlogPostsStyle005 ul li .date, .WaGadgetRecentBlogPosts.HomeFeed.recentBlogPostsStyle006 ul li .date, .WaGadgetRecentBlogPosts.HomeFeed.recentBlogPostsStyle001 ul li .location, .WaGadgetRecentBlogPosts.HomeFeed.recentBlogPostsStyle002 ul li .location, .WaGadgetRecentBlogPosts.HomeFeed.recentBlogPostsStyle003 ul li .location, .WaGadgetRecentBlogPosts.HomeFeed.recentBlogPostsStyle004 ul li .location, .WaGadgetRecentBlogPosts.HomeFeed.recentBlogPostsStyle005 ul li .location, .WaGadgetRecentBlogPosts.HomeFeed.recentBlogPostsStyle006 ul li .location {
    font-size: 16px;
    font-style: italic;
}

.WaGadgetRecentBlogPosts.HomeFeed.recentBlogPostsStyle001 ul li .location, .WaGadgetRecentBlogPosts.HomeFeed.recentBlogPostsStyle002 ul li .location, .WaGadgetRecentBlogPosts.HomeFeed.recentBlogPostsStyle003 ul li .location, .WaGadgetRecentBlogPosts.HomeFeed.recentBlogPostsStyle004 ul li .location, .WaGadgetRecentBlogPosts.HomeFeed.recentBlogPostsStyle005 ul li .location, .WaGadgetRecentBlogPosts.HomeFeed.recentBlogPostsStyle006 ul li .location {
    margin-top: 8px;
}

/*** END ***/


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

.FeatureButton a.stylizedButton {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: normal;
    font: normal 22px/100% 'Lato','Arial',sans-serif;
    font-weight: 600;
    padding: 26px 30px;
    text-transform: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-align: left;
    position:relative;
}

.FeatureButton.MembersIcon a.stylizedButton {
    border: none!important;
    background-color: #e7ecee;
    color: #175d68;
    background-image: url(/resources/Pictures/Icons/quicklink-members.svg);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: right 30px center;
    padding-right: 90px;
    padding-left: 30px;
}

.FeatureButton.MembersIcon a.stylizedButton:hover {
    border: none!important;
    background-color: #EFF4F6;
    color: #175d68;
}

.FeatureButton.JoinIcon a.stylizedButton {
    background-image: url(/resources/Pictures/Icons/quicklink-join.svg);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: right 30px center;
    padding-right: 90px;
    padding-left: 30px;
}

.FeatureButton.GetInvolvedIcon a.stylizedButton {
    background-image: url(/resources/Pictures/Icons/quicklink-get-involved.svg);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: right 30px center;
    padding-right: 90px;
    padding-left: 30px;
}

.FeatureButton.ContactIcon a.stylizedButton {
    background-image: url(/resources/Pictures/Icons/quicklink-contact.svg);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: right 30px center;
    padding-right: 90px;
    padding-left: 30px;
}

.FeatureButton.MembersIcon a.stylizedButton:hover,
.FeatureButton.JoinIcon a.stylizedButton:hover,
.FeatureButton.DonateIcon a.stylizedButton:hover,
.FeatureButton.ContactIcon a.stylizedButton:hover,
.FeatureButton.GetInvolvedIcon a.stylizedButton:hover {
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: right 30px center;
    padding-left: 35px;
}


.FeatureButton.MailIcon a.stylizedButton {
    background-image: url(/resources/Pictures/Icons/icon-mail-blue.svg);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: right 30px center;
    padding-right: 90px;
    padding-left: 30px;
}

.ConferenceMenu a.stylizedButton {
    margin: 0 5px 5px 0;
}

/*** END ***/


/*****************************************************************/
/**** CONTENT ****/
/*****************************************************************/

.AddBorders .WaGadgetContent {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 2px solid #C3E6E5;
}

/*** END ***/


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

.WaGadgetUpcomingEvents.HomeFeed.upcomingEventsStyle001 ul li .title a, .WaGadgetUpcomingEvents.HomeFeed.upcomingEventsStyle002 ul li .title a, .WaGadgetUpcomingEvents.HomeFeed.upcomingEventsStyle003 ul li .title a, .WaGadgetUpcomingEvents.HomeFeed.upcomingEventsStyle004 ul li .title a, .WaGadgetUpcomingEvents.HomeFeed.upcomingEventsStyle005 ul li .title a, .WaGadgetUpcomingEvents.HomeFeed.upcomingEventsStyle006 ul li .title a {
    font-family: 'Lato','Arial',sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
}

.WaGadgetUpcomingEvents.HomeFeed.upcomingEventsStyle002 ul li, .WaGadgetUpcomingEvents.HomeFeed.upcomingEventsStyle005 ul li {
    padding: 8px 0 8px 25px;
    border-left: 4px solid #ffffff;
}

.WaGadgetUpcomingEvents.HomeFeed.upcomingEventsStyle001 ul li .date, .WaGadgetUpcomingEvents.HomeFeed.upcomingEventsStyle002 ul li .date, .WaGadgetUpcomingEvents.HomeFeed.upcomingEventsStyle003 ul li .date, .WaGadgetUpcomingEvents.HomeFeed.upcomingEventsStyle004 ul li .date, .WaGadgetUpcomingEvents.HomeFeed.upcomingEventsStyle005 ul li .date, .WaGadgetUpcomingEvents.HomeFeed.upcomingEventsStyle006 ul li .date, .WaGadgetUpcomingEvents.HomeFeed.upcomingEventsStyle001 ul li .location, .WaGadgetUpcomingEvents.HomeFeed.upcomingEventsStyle002 ul li .location, .WaGadgetUpcomingEvents.HomeFeed.upcomingEventsStyle003 ul li .location, .WaGadgetUpcomingEvents.HomeFeed.upcomingEventsStyle004 ul li .location, .WaGadgetUpcomingEvents.HomeFeed.upcomingEventsStyle005 ul li .location, .WaGadgetUpcomingEvents.HomeFeed.upcomingEventsStyle006 ul li .location {
    font-size: 16px;
    font-style: italic;
}

.WaGadgetUpcomingEvents.HomeFeed.upcomingEventsStyle001 ul li .location, .WaGadgetUpcomingEvents.HomeFeed.upcomingEventsStyle002 ul li .location, .WaGadgetUpcomingEvents.HomeFeed.upcomingEventsStyle003 ul li .location, .WaGadgetUpcomingEvents.HomeFeed.upcomingEventsStyle004 ul li .location, .WaGadgetUpcomingEvents.HomeFeed.upcomingEventsStyle005 ul li .location, .WaGadgetUpcomingEvents.HomeFeed.upcomingEventsStyle006 ul li .location {
    margin-top: 8px;
}

/*** END ***/


/*****************************************************************/
/**** FEATURE BOX ****/
/*****************************************************************/

.FeatureBox {
    background-color: #E7ECEE;
    padding: 40px;
    background-image: url(/resources/Pictures/Theme/Feed-BG-2.png);
    background-repeat: no-repeat;
    background-position: right top;
    -webkit-box-sizing: border-box;
    -mod-box-sizing: border-box;
    box-sizing: border-box;
}


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

.WABannerStickyBottom {
    display: none;
}

.WABannerStickyBottomSpacer {
    height: 0;
}

/*** END ***?


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

.HeaderSearch, .HeaderLogin {
    float: right;
}

/*** END ***/


/*****************************************************************/
/**** HERO ****/
/*****************************************************************/

div#id_Header2.HomeHero {
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 330px;
}


/*****************************************************************/
/**** LAYOUT ****/
/*****************************************************************/

.WaPlaceHolder>div {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 25px;
    -webkit-box-sizing: border-box;
    -mod-box-sizing: border-box;
    box-sizing: border-box;
}

.WaPlaceHolderWide>div {
    width: auto!important;
    max-width: none!important;
    padding: 0!important;
}



.VerticalDivider table td:last-child {
    border-left: 8px solid #E7ECEE;
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    -mod-box-sizing: border-box;
    box-sizing: border-box;
}

/*** END ***/


/*****************************************************************/
/**** LEGISLATIVE ****/
/*****************************************************************/

.LegislativeUpdates .WaGadgetContent {
    padding: 15px 0 15px 36px;
    border-left: 8px solid #C3E6E5;
    margin-bottom: 30px;
}

/*** END ***/


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

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

/*** END LOGIN FORM ***/


/*****************************************************************/
/**** MEMBER BUTTONS ****/
/*****************************************************************/

.MemberButtons .WaGadgetContent {
    -webkit-box-sizing: border-box;
    -mod-box-sizing: border-box;
    box-sizing: border-box;
    width: 33%;
    float: left;
    border: 6px solid #fff;
    margin: 0;
}

/*** END ***/


/*****************************************************************/
/**** MENU -  VERTICAL ****/
/*****************************************************************/

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 8px 0;
    border: 0px solid #ffffff;
}

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel>li>.item>a {
    font: normal 18px/1.5 'Lato','Arial',sans-serif;
    text-transform: none;
}

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel > li > .item > a > span {
    width: 100%;
}

/*** END ***/


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

.camera_thumbs_cont {
    background: #fff;
}

.camera_thumbs_cont ul {
    min-width: 300px;
}

.camera_thumbs_cont ul li {
    width: 40px;
    height: 40px;
    margin: 10px 2px;
    border: 1px solid #175d68;
}

/*** END ***/


/*****************************************************************/
/**** SOCIAL ICONS ****/
/*****************************************************************/

.WaGadgetSocialProfile.socialProfileStyle002 li a, .WaGadgetSocialProfile.socialProfileStyle003 li a, .WaGadgetSocialProfile.socialProfileStyle004 li a {
    width: 36px;
    height: 36px;
    font-size: 36px;
    line-height: 36px;
}

/*** END ***/


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

/*
h1, .h1, .promo, h1.promo, h2, .gadgetStyle002 h1, .gadgetStyle002 .h1, .gadgetStyle002 .promo, .gadgetStyle002 h1.promo, .gadgetStyle002 h2 {
    font-family: 'Lato', sans-serif;
}

h1, .h1, .promo, h1.promo {
    font-size: 42px;
} */

H2, .gadgetStyleNone H2, .WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle, .WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a, .WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer h4, .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle, .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle a, .WaGadgetEventsStateDetails .pageTitleOuterContainer .eventsTitleContainer h1 {
    font-size: 1.8rem;
}

/**** FEED TITLE ****/

.FeedTitle h2 {
    color: #175d68;
    font-family: 'Lato','Arial',sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.18;
    text-transform: uppercase;
}

/*** END ***/


/*********************************************************************/
/**** VERTICAL DIVIDERS ****/
/*********************************************************************/

#id_GGEG6Kr {
    border-left: 8px solid #E7ECEE;
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    -mod-box-sizing: border-box;
    box-sizing: border-box;
}

/*** END ***/


/*********************************************************************/
/**** DEVICE SPECIFIC STYLES ****/
/*********************************************************************/


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

@media (max-width: 1400px) {


}

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

@media (max-width: 1240px) {

.FeatureBox {
    padding: 30px;
}

}


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

@media (max-width: 767px) {

/*
.MemberButtons .WaGadgetContent {
    -webkit-box-sizing: border-box;
    -mod-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    float: left;
    border: 6px solid #fff;
    margin: 0;
} */

div#id_Header2.HomeHero {
    background-image: none!important;
}

.HeaderLogo p {
    text-align: center;
}

.HeaderSearch {
    float: none;
}

.WaGadgetCustomMenu.SecondaryMenu.menuStyle002 ul.alignRight {
    text-align: center;
}

.VerticalDivider table td:last-child {
    padding-left: 25px;
}

.HomeFeedsContainer td.WaLayoutItem {
    margin-bottom: 20px;
}

}