/**** MISC ****/

.mLayout {
    border-left: 20px solid #7f7f7f;
}

/**********************************************************/
/**** 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 {
    background: #ffffff;
    margin-bottom: 10px;
    border: 2px solid #e7e7e7;
    -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-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.WaGadgetContentAccordion:hover {
    border: 2px solid #8aab72;
}

.WaGadgetContentAccordion.opened,
.WaGadgetContentAccordion.active {
    border: 2px solid #8aab72;
}

.WaGadgetContentAccordion .gadgetStyleTitle {
    margin: 0;
    font-size: 18px;
    padding: 15px 60px 15px 20px!important;
    background-image: url(/resources/Pictures/Icons/accordion-icon-open.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    transition: all 0.2s ease-in-out;
}

.WaGadgetContentAccordion.opened .gadgetStyleTitle, .WaGadgetContentAccordion.active .gadgetStyleTitle {
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    cursor: pointer;
    background-image: url(/resources/Pictures/Icons/accordion-icon-close.svg);
}

.WaGadgetContentAccordion .gadgetStyleTitle:hover {
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-color: #ffffff;
    cursor: pointer;
}

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

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

.WaGadgetContentAccordion .gadgetStyleTitle h4 {
    font-size: 18px!important;
    font-weight: 400;
    color: #0a1930;
    text-transform: none;
}

.Meta-Analyses .WaGadgetContentAccordion .gadgetStyleBody p {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 1em;
}

/*** END ***/

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

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

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

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

.WaGadgetRecentBlogPosts .gadgetStyleBody ul li .author {
 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: 4px solid #ececec;
}

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

/*** END BLOG LIST ***/

.WaGadgetBlog .pageTitleOuterContainer {
    margin: 0 0 20px;
}

.WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer h4 {
    font-size: 30pt!important;
    line-height: 105%;
    color: #64854C;
}

.WaGadgetBlogStateList .blogPostListOuterContainer .blogPostBody.gadgetBlogEditableArea img {
    float: right;
    max-width: 30%;
    margin-left: 20px;
}

/***********************************************************/
/**** BLOG FEED ****/
/***********************************************************/

.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: 'Arial',sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
}

.WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li, 
.WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li {
    padding: 8px 0 8px 25px;
    border-left: 5px solid #e7e7e7;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li:hover, 
.WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li:hover {
    padding: 8px 0 8px 30px;
    border-left: 8px solid #64854C;
}

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

.WaGadgetBlog .blogEntryOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer {
    margin: 0 0 20px;
}

.WaGadgetBlog .boxBodyInfoOuterContainer .postedOn {
    visibility: visible;
    margin-left: 0;
}

.WaGadgetRecentBlogPosts.recentBlogPostsStyle001 ul li .title,.WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li .title,.WaGadgetRecentBlogPosts.recentBlogPostsStyle003 ul li .title,.WaGadgetRecentBlogPosts.recentBlogPostsStyle004 ul li .title,.WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li .title,.WaGadgetRecentBlogPosts.recentBlogPostsStyle006 ul li .title {
    margin: 0;
}

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

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

/*** END ***/

/**********************************************************/
/**** BORDER COLUMNS ****/
/**********************************************************/

.BorderColumns td.WaLayoutItem {
    border: 2px solid #e7e7e7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/*** END ***/

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

.WaGadgetBreadcrumbs ul li {
    font-size: .9rem;
}

/*** END ***/

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

a.buttonStyle001, a:link.buttonStyle001,
a.buttonStyle002, a:link.buttonStyle002,
a.buttonStyle003, a:link.buttonStyle003,
a.buttonStyle004, a:link.buttonStyle004,
a.buttonStyle005, a:link.buttonStyle005 {
    padding: 8px 35px 8px 15px;
    background-position: right 8px center;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: right 10px center;
}

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

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

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

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

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

a.buttonStyle004, a:link.buttonStyle004,
a.buttonStyle005, a:link.buttonStyle005,
a.buttonStyle004:hover, a:link.buttonStyle004:hover,
a.buttonStyle005:hover, a:link.buttonStyle005:hover {
    border-width: 2px;
}

/*** END ***/

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

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

.zonePlace.zoneWAbranding {
    display: none;
}

/*** END ***/

/**********************************************************/
/**** FORMS ****/
/**********************************************************/

.fieldSubContainer .typeInstruction {
    width: 100%;
}

/*** END ***/

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

.HeaderLogo {

}

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

.HomeSlogan {
    padding-top: 30px;
}

.HomeNews .WaLayoutItem {
    background: rgba(255,255,255,0.6);
}

.HomeAbout {
    margin-top: 20px;
}

.HomePost a {
    text-decoration: none!important;
}

/*** 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 17px/40px 'WA-theme-icons';
}

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

.WaGadgetLoginForm .loginButton {
    font-size: initial;
    font-family: inherit;
}

/*** END LOGIN FORM ***/

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

.WaGadgetMenuHorizontal.RightMenu ul.firstLevel {
    float: right;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item:first-child>a {
    padding-left: 15px;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel > li > .item > a {
    text-transform: none;
}

/**** DROP DOWN MENU ****/

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul li>.item>a {
    padding: 5px 16px 6px 16px;
    transition: all 0.15s ease-in-out;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul li>.item:hover>a {
    padding: 5px 12px 6px 20px;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul ul {
    position: absolute;
    top: -5px;
    left: 100%;
    margin: 0 1px;
}

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

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu.active, .WaGadgetMenuHorizontal.HorizontalMenuStyle002 .stickyMenu.active {
    border: none!important;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.14);
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.14);
    background: rgba(255,255,255,0.95);
}

.stickyMenu.active .menuInner {
    width: 1198px;
    margin-left: auto;
    margin-right: auto;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu.active ul.firstLevel>li>.item>a {
    padding: 15px 15px 15px 16px;
}

/*** END ***/

/**********************************************************/
/**** PHANTOM NAV ****/
/**********************************************************/

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li.phantom>.item>a span {
    height: 60px;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li.phantom>.item>a span:before {
    height: 60px;
    font: 23px/60px 'FontAwesome';
}

/*** END ***/

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

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel {
    padding: 0;
    background: transparent;
    border: none;
    max-width: 100%!important;
}

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

/*** END ***/


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

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel {
    margin: 0;
    padding: 0;
    border: 0px solid #ffffff;
}

.WaGadgetMenuVertical.VerticalMenuStyle002 ul.firstLevel {
    padding: 0;
    border: none;
}

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

.WaGadgetMenuVertical.VerticalMenuStyle002 ul.firstLevel>li>.item>a {
    padding: 10px 16px;
    font: normal 17px/1.5 'Arial',sans-serif;
    text-transform: none;
}

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

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel>li.dir>.item>a:after {
    position: absolute;
    top: 13px;
    right: 15px;
}

/*** LIGHT STYLE ***/

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel li {
    margin-bottom: 2px;
}

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel>li>.item>a {
    padding: 10px 20px 10px 30px;
    color: #111111;
    font: normal 17px/1.5 'Arial',sans-serif;
    background-color: #f3f3f3;
    -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;
}

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel>li>.item:hover>a {
    background-color: #f6f6f6;
    color: #64854C;
}

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel>li.sel>.item>a {
    color: #64854C;
    border-left: 5px solid #64854C;
}

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel>li>.item:hover>a {
    background-color: #f6f6f6;
    color: #64854C;
    padding: 10px 20px 10px 35px;
}

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel>li.sel>.item:hover>a {
    color: #64854C;
}

.WaGadgetMenuVertical.VerticalMenuStyle001 ul ul.secondLevel {
    top: 0;
    right: 100%;
    left: auto;
    background: white;
    border: 1px solid #f2f2f2;
}

/*** END ***/

/**** SIMPLE VERTICAL MENU ****/

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel li {
    margin-bottom: 0;
}

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel>li>.item>a {
    padding: 5px 20px 5px 30px;
    color: #111111;
    font: normal 17px/1.5 'Arial',sans-serif;
    background-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;
    border-left: 5px solid #f3f3f3;
}

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel>li>.item:hover>a {
    background-color: #ffffff;
    color: #64854C;
    padding: 5px 20px 5px 32px;
    border-left: 7px solid #64854C;
}


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

.WaGadgetMobilePanel .mobilePanel .buttonMenu,
.WaGadgetMobilePanel .mobilePanel .buttonLogin {
text-indent: 0; /* resets WA styling that hides the existing text */
line-height: 50px; /* vertically center text to height of bar */
}

.WaGadgetMobilePanel .mobilePanel .buttonMenu {
padding-left: 50px; /* pushes menu text to right of menu button */
padding-right: 10px; /* adds extra padding to right of menu text for useability */
}

.WaGadgetMobilePanel .mobilePanel .buttonLogin {
padding-right: 45px; /* pushes login text to left of login button */
padding-left: 10px; /* adds extra padding to left of login text for useability */
}

.WaGadgetMobilePanel .mobilePanel .buttonLogin:before {
left: auto; /* resets WA styling that puts login button on left of existing text */
right: 0px; /* puts login button on right of existing text */
}

.WaGadgetMobilePanel .mobilePanel .buttonAdmin {
right: 0px; /* moves admin button to right so user info can expand to left */
}

.WaGadgetMobilePanel .mobilePanel .buttonLogin.logged {
right: 50px; /* moves user info button to left of admin button when logged in */
width: auto; /* allows user info button to grow to fit user name when logged in */
}

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


/**** SIDEBAR ****/

.zoneSidebar>div.sidebarButtonContainer {
    height: 30px;
}

.zoneSidebar>div.sidebarButtonContainer .sidebarButton {
    width: 30px;
    height: 30px;
}

.zoneSidebar>div.sidebarButtonContainer .sidebarButton:before {
    font: 30px/30px 'FontAwesome';
    content: '\f105';
}

/*** END ***/

/**********************************************************/
/**** SITE SEARCH ****/
/**********************************************************/

.WaGadgetSiteSearch .searchBoxField {
    width: 170px;
}

.WaGadgetSiteSearch.searchStyle003 .searchBoxButton {
    background: #8AAB72;
}

.WaGadgetSiteSearch.searchStyle003 .searchBoxButton:hover {
    background: #64854C;
}

/*** END ***/

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

h1, .h1 {
    text-transform: none!important;
}

/*** END ***/


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

@media (max-width: 767px) {

.mLayout {
    border-left: 0px solid #7f7f7f;
}

.zoneSidebarMobile {
    width: 40px!important;
    height: 40px;
}

.zoneSidebarMobile div.sidebarButtonContainer {
    padding: 4px 0 6px;
}

.HideForMobile {
    display:none!important; 
}

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

.HeaderLogo p {
    text-align: center;
}

.HomeSlogan {
    padding-top: 0;
}

.FooterLogo {
    padding-top: 20px;
}

.FooterText p {
    text-align: center;
}

.HomeAbout {
    margin-top: 0;
}

.HomeSlogan {
    border-left: 8px solid #f2f2f2;
    padding-left: 30px;
    padding-top: 20px;
    clear: both;
}

}