/*******************************/
/**** 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 #EAEBED;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}

.WaGadgetContentAccordion .gadgetStyleTitle {
    margin: 0;
    padding: 15px 70px 15px 20px;
    background-image: url(/resources/Pictures/Theme/Icons/accordion-icon-open-black.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 20px center;
}

.WaGadgetContentAccordion .gadgetStyleTitle:hover {
    cursor: pointer;
}

.WaGadgetContentAccordion .gadgetStyleTitle h4 {
    font-size: 18px;
    font-weight: 400;
    color: #646E7B;
    text-transform: none;
}

.WaGadgetContentAccordion.opened .gadgetStyleTitle, 
.WaGadgetContentAccordion.active .gadgetStyleTitle {
    background-image: url(/resources/Pictures/Theme/Icons/accordion-icon-close-black.svg);
}

.WaGadgetContentAccordion.opened .gadgetStyleTitle h4, 
.WaGadgetContentAccordion.active .gadgetStyleTitle h4 {
    color: #646E7B;
}

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

.WaGadgetContentAccordion .gadgetStyleBody, 
.WaGadgetContentAccordion .gadgetStyleBody {
    padding: 15px 20px 30px 20px;
    border-top: 2px solid #ececec;
}

/**** PARTNERS ACCORDION ****/

.Partners .WaGadgetContentAccordion {
    border: none;
}

.Partners .WaGadgetContentAccordion .gadgetStyleTitle {
    background-color: #EAEBED;
}

.Partners .WaGadgetContentAccordion .gadgetStyleBody, 
.Partners .WaGadgetContentAccordion .gadgetStyleBody {
    padding: 20px 0 0 0;
    border-top: 2px solid #EAEBED;
}

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


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

.BreadcrumbsContainer {
    border-top: 5px solid #EAEBED;
}


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

a.stylizedButton {
    transition: all 0.3s ease-in-out;
    text-align: left!important;
    white-space: normal!important;
    padding: 5px 15px;
}

a.stylizedButton.buttonStyle004,
a.stylizedButton.buttonStyle005 {
    border-width: 2px;
    border-style: solid;
}

a.stylizedButton.buttonStyle004:hover,
a.stylizedButton.buttonStyle005:hover {
    border-width: 2px;
    border-style: solid;
}

a.stylizedButton.buttonStyle004:hover {
    color: #ffffff!important;
}

.TopBar a.stylizedButton {
    font-size: 14px;
    padding: 5px 15px 5px 15px;
}

.LargeButton a.stylizedButton {
    padding: 18px 30px;
    font-size: 20px;
}

.StretchButton a.stylizedButton {
    width: 100%;
    position: relative;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: normal;
}

/*******************************/
/**** COLUMNS ****/
/*******************************/

.ColumnBorders table tr td.WaLayoutItem {
    border: 5px solid #EAEBED;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
}


.CornerDetail table tr td.WaLayoutItem {
    background-image: url(/resources/Pictures/Theme/Feed-BG.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 80px;
}

/*******************************/
/**** CUSTOM STYLES ****/
/*******************************/

/**** EVENT MATERIALS ****/
.WaLayoutContainer.EventMaterials .WaGadgetContent {
    padding-bottom: 50px;
    border-bottom: 2px solid #646E7B;
    margin-bottom: 40px;
}


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

.WaGadgetEventsStateList .pageTitleOuterContainer .pageViewSwitcherContainer a:before {
    font: 24px/1 'WA-theme-icons';
    color: #646E7B;
}

.WaGadgetEventsStateCalendar .pageTitleOuterContainer .pageViewSwitcherContainer a:before {
    color: #646E7B;
    font: 22px/1 'FontAwesome';
}

.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li, .WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li {
    padding: 8px 0 10px 25px;
}

.WaGadgetSharingButtons.SharingButtonsEvents {
    text-align: right;
}

.WaGadgetEventsStateList .boxesList .boxesListItem {
    margin: 0;
    padding: 40px 0;
    border-top: 2px solid #D17703;
}

.WaGadgetEventsStateList .boxesList .boxesListItem+.boxesListItem {
    margin-top: 32px;
}

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle {
    margin: 0 0 20px 0;
}

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


.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle a {
    font-size: inherit;
    color: initial;

}

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle a {
    color: #646E7B;
    text-decoration: none;
}




/**** FEEDS ****/

.WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle001 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle001 ul li {
    margin: 0 0 15px;
    padding: 0 0 15px 0;
    border-bottom: 2px dotted #EAEBED;
}

.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle001 ul li {
    padding: 8px 0 8px 25px;
    border-left: 4px solid #EAEBED;
}

/*
.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li {
    padding: 8px 0 8px 16px;
    border-left: 4px solid #DBE3E7;
}

.WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li {
    padding: 8px 0 8px 16px;
    border-left: 4px solid #DBE3E7;
} 
*/


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

.zonePlace.zoneWAbranding {
    display: none;
}

.FooterSlogan .WaGadgetSharingButtons {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
}


/*******************************/
/**** FORUM ****/
/*******************************/

.WaGadgetForum #idTopicListContainer .boxHeaderOuterContainer table td.threadTD div.thread h4.boxHeaderTitle,
.WaGadgetForum #idTopicListContainer .boxHeaderOuterContainer table td.lastReplyTD .lastReply h4.boxHeaderTitle,
.WaGadgetForum #idTopicListContainer .boxHeaderOuterContainer table td.repliesCountTD .repliesCount .boxHeaderTitle {
    font-family: 'Lato','Arial',sans-serif;
    font-size: 24px;
}


/*******************************/
/**** HEADER ****/
/*******************************/

.HeaderSlogan {
    border-left: 2px solid rgba(255,255,255,0.3);
    padding-left: 40px;
    font-size: 22px;
    font-weight: 300!important;
}


/*******************************/
/**** HOME PAGE ****/
/*******************************/

.LeftIcon {
    padding: 22px 20px 22px 85px;
    background-size: 40px;
    background-repeat: no-repeat!important;
    background-position: center left!important;
    background-position-x: 25px!important;
}

/*** QUICKLINKS TITLE ***/
.WaGadgetContent.QuickLinksTitle.gadgetStyle002 .gadgetStyleBody {
    padding: 25px;
}

.MemberLink {
    padding: 22px 25px 22px 85px;
    background-size: 40px;
    background-repeat: no-repeat!important;
    background-position: center left!important;
    background-position-x: 25px!important;
    margin-bottom: 2px;
}

.MemberLink a:link, .MemberLink a:visited {
    color: #1a1a1a!important;
    text-decoration: none;
    font-size: 21px;
    transition: all 0.3s ease-in-out;
}

.MemberLink a:hover {
    color: #F59B26!important;
    text-decoration: none;
}

/*** END ***/


/*******************************/
/**** ICON HEADINGS ****/
/*******************************/

.IconHeading {
    padding-left: 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;
}


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

.WaGadgetLoginForm .loginContainer .loginLink, 
.WaGadgetLoginForm .authenticated .loginLink {
    width: auto !important;
    line-height: 40px !important;
    text-transform: none;
    height: 40px!important;
    background-color: #f59b26;
    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: #f59b26;
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:hover, 
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink:hover {
    background: #d17703;
    color: white;
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink,
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink {
    color: #fff;
    transition: all 0.3s ease-in-out;
    background: #f59b26;
}

.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: #d17703;
    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: #d17703;
    color: white;
}

/*** END LOGIN FORM ***/


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

.WaGadgetMenuHorizontal.CenterMenu.HorizontalMenuStyle001 .menuInner ul.firstLevel, .WaGadgetMenuHorizontal.CenterMenu.HorizontalMenuStyle002 .menuInner ul.firstLevel {
    margin: 0 auto;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item>a {
    padding: 25px 50px;
    font: normal 18px/23px 'Lato','Arial',sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}

/*** Dropdown ***/

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul {
    border: none;
    border-top: 5px solid #646E7B;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.23);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.23);
}

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

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu.active {
    left: 0;
    z-index: 1000;
    width: 100%;
    background: #232A34;
    border-bottom: 0px solid #c1c1c1;
    box-sizing: border-box;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu.active ul.firstLevel>li>.item>a {
    padding: 16px 20px;
    color: #fff;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu.active ul.firstLevel>li>.item>a:hover {
    padding: 16px 20px;
    color: #999;
}

/************************************/
/**** FOOTER MENU ****/
/************************************/

.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li>.item>a {
    padding: 20px 20px;
    font: normal 18px/23px 'Lato','Arial',sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}

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

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

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel {
    background: #667ea3;
    border-top: 1px solid #667ea3;
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
    background: #333D4B;
    color: #f9f5f5;
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:active, 
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton.active {
    background: #667ea3;
    color: white;
}

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

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

/*******************************/
/**** SEARCH GADGET ****/
/*******************************/

.WaGadgetSiteSearch.searchStyle003 .searchBoxButton {
    background: rgba(255,255,255,0.25);
    transition: all 0.3s ease-in-out;
}

.WaGadgetSiteSearch.searchStyle003 .searchBoxButton:hover {
    background: #D17703;
}

/**** END ****/

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

.WaGadgetSocialProfile.socialProfileStyle001 li a {
    width: 48px;
    height: 48px;
    font-size: 20px;
    line-height: 48px;
}


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

.camera_wrap {
    background: #ffffff;
}

.camera_thumbs_cont {
    background: transparent;
}

.RemoveThumbnails .camera_wrap {
    margin-bottom: 0!important;
}

.RemoveThumbnails .camera_thumbs {
    display: none;
}

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

.CaptionSlider .camera_caption {
    position: absolute;
    bottom: 40px!important;
    left: 40px;
    margin-right: 40px;
    display: block;
    width: auto;
    background: rgba(209, 119, 3, 0.85);
}

.CaptionSlider .camera_caption>div {
    padding: 18px 30px;
    color: white;
    font-size: 23px;
    line-height: 1em;
    font-weight: normal;
}

/**** END SLIDER EDITS ****/


/**********************************************/
/**** TABLES ****/
/**********************************************/

.genericListTable thead th, .membersTable thead th {
    font-family: 'Lato','Arial',sans-serif;
    font-size: 20px;
}

/*** END ***/


/**********************************************/
/**** TITLE FADES ****/
/**********************************************/

/* FADE ANIMATION ------- */

h1 {
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

.fadeEffect img {
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}
@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; }
}

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

/*** END ***/


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

h1, h2, h3, h4 {
    font-family: 'Lato','Arial',sans-serif;
}

h1 {
    text-transform: uppercase;
}

.WaGadgetEvents .pageTitleContainer h1, .WaGadgetEvents .titleContainer h1 {
    color: #222;
    font-family: 'Lato','Arial',sans-serif;
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;

}

h2, .gadgetStyle002 h2 {
    font-family:'Lato', sans-serif;
    text-transform: none;
    font-size: 2rem;
    font-weight: 300!important;
}

.HomeSlogan {

}

.HomeSlogan span {
   clear:left!important; 
}

.gadgetStyleNone .quotedText {
    padding-left: 30px;
    border-left: 4px solid #dfe4ec;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a {
    font-size: inherit;
    color: initial;

}


/*******************************/
/**** LAPTOP STYLES ****/
/*******************************/

@media only screen and (max-width: 1399px) {

.MemberLink {
    background-color: #ececec;
    padding: 15px 20px 15px 85px;
    background-size: 36px;
    background-repeat: no-repeat!important;
    background-position: center left!important;
    background-position-x: 25px!important;
}

.MemberLink a {
    color: #1a1a1a!important;
    text-decoration: none;
    font-size: 20px;
}

body {
    background-image: none;
    background-repeat: no-repeat;
}

}


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

@media only screen and (max-width: 1200px) {

.WaGadgetContent.QuickLinksTitle.gadgetStyle002 .gadgetStyleBody {
    padding: 15px 25px;
}

.MemberLink {
    background-color: #ececec;
    padding: 15px 25px 15px 85px;
    background-size: 30px;
    background-repeat: no-repeat!important;
    background-position: center left!important;
    background-position-x: 25px!important;
}

.MemberLink a:link, .MemberLink a:visited {
    font-size: 18px;
}

}


/*******************************/
/**** MOBILE STYLES ****/
/*******************************/

@media screen and (max-width: 767px) {

.HideForMobile {
    display: none;
}    

.HeaderLogo {
    margin-bottom: 25px;
}

.HeaderLogo p {
    text-align: center;
}

.HeaderSlogan {
    text-align: center;
    padding: 0;
    border: none;
}

.WaGadgetLoginForm.LoginFormStyle001 .alignRight, .WaGadgetLoginForm.LoginFormStyle002 .alignRight, .WaGadgetLoginForm.LoginFormStyle001 .authenticated.alignRight .loginPanel, .WaGadgetLoginForm.LoginFormStyle002 .authenticated.alignRight .loginPanel {
    text-align: center;
}

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

.CaptionSlider .camera_caption {
    position: absolute;
    bottom: 0!important;
    left: 0;
    width: 100%;
    margin-right: 0;
    display: block;
    width: auto;
    background: #C37101;
}

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

.zonePlace.zoneContent {
    padding-top: 20px;
}

.ColumnBorders table tr td.WaLayoutItem {
    margin-bottom: 30px;
}
.BreadcrumbsContainer {
    border-top: none;
}

.HomeHero {
    padding-top: 20px;
}

.TopBar p {
    font-size: 14px;
}

.TopBar a.stylizedButton {
    font-size: 14px;
    padding: 5px 15px 5px 15px;
}

h2 {
    font-size: 2.0rem!important;
}

}