.MobileOnly {
    display:none;
}

div.WaGadgetMemberDirectory {
    background: transparent;
}

[class*='EditableArea'] ul li {
    margin: 0 0 0 20px;
    padding: 3px 0 4px 0;
}

.zonePlace {
    padding: 0 20px;
}

/**** QUICK LINK BAR ****/

.QuickLinkBar {
    padding: 20px 25px;
    -webkit-box-shadow: inset 0px 0px 30px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 30px 0px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0px 30px 0px rgba(0,0,0,0.1);
    display: block;
}

.IconLeft {
    padding-left: 78px;
    background-size: 48px;
    background-repeat: no-repeat!important;
    min-height: 48px;
    background-position-y: center!important;
}

/**** END ****/




/**** SLIDER - START ****/

div#camera_wrap_K4dzMUD {
    margin-bottom: 0!important;
}

.camera_wrap {
    background: #FFFFFF;
}

.camera_thumbs_cont {
    display: none;
}

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


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

.HomeFeature .gadgetStyle002 h2 {
    font-family: 'Roboto Condensed','Arial',sans-serif;
    margin: 0;
    font-size: 38px;
    font-weight: 300;
    line-height: 1.21;
    color: #FFFFFF;
}

.HeaderSearch {
    margin-top:15px;
    margin:bottom: 25px;
}

.zonePlace.zoneHeader1 {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999!important;
}


.zonePlace.zoneHeader2 {
    margin-top: 60px;
}

#PAGEID_18049 .zonePlace.zoneHeader2 {
    background-image: url(/resources/Pictures/grass-bg.png);
    background-repeat: repeat-x;
    background-position-y: bottom;
    padding-bottom: 130px;
}

div#id_Header1 {
    background-position: 60% top!important;
    background-color: transparent;
    background-size: 340px;
}

.HeaderLogoIcon, .HeaderLogoName {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.HeaderLogoIcon {
    width:260px; 
    float:left; 
    display:inline-block;
    text-align: center;
}

.HeaderLogoName {
    padding: 30px 0 0 0;
    float:left; 
    display:inline-block;
}

.HeaderLogoName h2 {
    font-family: 'Roboto Condensed', 'Ubuntu Condensed', sans-serif!important;
    font-weight: 300;
    font-size: 38px;
}


/**** LOGIN FORM ****/

/*** LOGIN GADGET **/

.WaGadgetLoginForm .loginContainer .loginLink {
width: auto !important;
line-height: 50px !important;
text-transform:uppercase !important;
}

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

/*** END ***/


/**** SEARCH ****/

.WaGadgetSiteSearch .searchBoxField {
    width: 400px;
    max-width: 100%;
    padding-left: 50px;
    height: 50px;
}

input[type=text], select, textarea {
    border: 1px solid #dee7ee;
    color: #999;
}

.WaGadgetSiteSearch .searchBoxFieldContainer:before {
    left: 1em;
    color: #6faf4c;
}

/**** TYPOGRAPHY ****/

.h1, h2, h3, h4, h5 {
    font-family: 'Roboto Condensed', 'Ubuntu Condensed', 'Arial', sans-serif;!important; 
}

.h1, h1 {
    font-weight: 300;
    font-family: 'Roboto Condensed', 'Arial', sans-serif;!important; 
}

.h2, h2 {
    font-weight: 300;
}

.h2, h2 {
    margin: 1.2em 0 0.5em 0!important;
}

/** HEADING GADGET WITH RIGHT ICON (using H3) **/

.WaGadgetHeadline.RightIcon {
    padding-right: 60px;
    background-size: 40px;
    margin-bottom: 10px!important;
    background-repeat: no-repeat!important;
    background-position: top right;
    /* border-bottom: 2px solid #eaeaea; */
}

.WaGadgetHeadline.RightIcon h3 {
    font-size: 26px;
    line-height: 40px;
    margin-bottom: 15px!important;
}

.LeftIcon {
    padding-left: 60px;
    background-size: 40px;
    margin-bottom: 10px!important;
    background-repeat: no-repeat!important;
    background-position: top left;
}

p {
    margin: 0.8em 0 0.8em 0;
}

/** End **/




/**** SECTION TITLE ****/

.SectionTitleContainer {
    text-align: center!important;
    margin-top: -35px;
}

.SectionTitle h2 {
    display: inline-block;
    padding: 15px 40px;
    background: #0074bb;
    min-width: 140px;
    font-size: 30px!1mportant;
    line-height: 40px;
    color: #FFF;
    margin-bottom: 0;
}

/*** END ***/


/**** BUTTONS ****/

/* FEATURE 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% 'Roboto Condensed','Arial',sans-serif;
    padding: 25px 30px;
    text-transform: uppercase;
    transition: background-color 0.5s ease;
    text-align: left;
    position:relative;
}

.FeatureButton.ArrowRight a.stylizedButton {
    background-image: url(/resources/Pictures/Icons/button-arrow-right-white.svg);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: right 15px center;
    padding-right: 70px;
}

.FeatureButtonSmall a.stylizedButton {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: normal;
    font: normal 18px/100% 'Roboto Condensed','Arial',sans-serif;
    padding: 15px 30px;
    text-transform: uppercase;
    transition: background-color 0.5s ease;
    text-align: left;
    position:relative;
}

.FeatureButtonSmall.ArrowRight a.stylizedButton {
    background-image: url(/resources/Pictures/Icons/button-arrow-right-white.svg);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: right 15px center;
    padding-right: 70px;
}



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

.WaGadgetMenuHorizontal .menuInner {
    background: transparent;
}

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

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li:first-child {

}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a {
    height: 24px;
    padding: 18px 13px 18px;
    color: #FFF;
    font: 300 18px/24px 'Roboto Condensed', sans-serif!important;
}

.WaGadgetMenuHorizontal .menuInner ul ul {
    margin: 0;
}

.WaGadgetMenuHorizontal .menuInner ul ul li>.item>a {
    padding: 10px 15px 9px;
    font: normal 16px/18px 'Roboto Condensed',sans-serif;
    text-transform: none;
}

/** END MAIN MENU **/


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

.WaGadgetMenuVertical ul.firstLevel {
    padding: 20px 0;
}

.WaGadgetMenuVertical ul.firstLevel>li>.item>a {
    padding: 5px 30px;
    color: white;
    font: 300 18px/26px 'Roboto Condensed',sans-serif !important;
    text-transform: uppercase;
}

/** END **/



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

.WaGadgetContentAccordion.gadgetStyleNone .gadgetStyleTitle {
    margin: 0;
    font: normal 24px Tahoma, sans-serif;
    padding: 15px 20px;
    border: 0px solid #ECF1F3;
}

.WaGadgetContentAccordion .gadgetStyleTitle:hover {
    background-color: #ECF1F3;
    cursor: pointer;
}

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

.WaGadgetContentAccordion .gadgetStyleBody, 
.WaGadgetContentAccordion .gadgetStyleBody {
    padding: 15px 20px 30px 20px;
    border: 1px solid #ECF1F3;
    border-top:none;
}

.WaGadgetContentAccordion .gadgetStyleTitle h4.gadgetTitleH4:after {
    content: "+";
    float: right;
    color: #0FBBBA;
    cursor: pointer;
}

.WaGadgetContentAccordion.active .gadgetStyleTitle h4.gadgetTitleH4:after, .WaGadgetContentAccordion.opened .gadgetStyleTitle h4.gadgetTitleH4:after {
    content: "-";
    float: right;
    color: #0FBBBA;
    cursor: pointer;
}

.WaGadgetContentAccordion {
    background: #fff;
}

.WaGadgetContentAccordion.gadgetStyleNone .gadgetStyleTitle {
    border: 0px solid #FFF;
}

.WaGadgetContentAccordion.gadgetStyleNone .gadgetStyleTitle h4 {
    font-family: 'Roboto Condensed','Arial',sans-serif;
    color: #005088;
    font-size: 24px;
    font-weight: 300;
    text-transform: none!important;
}


/**** FUNCTIONAL GADGETS ****/

.WaGadgetMembershipApplication {
    padding: 30px 40px;
}

.WaGadgetDonationForm {
    padding: 30px 40px;
}

.WaGadgetBlog {
    background: transparent;
}


/**** EVENTS ****/

.WaGadgetEvents {
    background: transparent;
}

.WaGadgetEventsStateList .boxesList .boxesListItem {
    margin: 0 0 25px 0;
    padding: 30px;
    background: #FFF;
    border-bottom: 1px solid #FFF;
}

.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer {
    background-color: #FFF;
}

.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
    background: #FFF!important;
    border-right: 1px solid #FFF;
}


/**** MEMBERS ****/

/* MEMBERSHIP APPLICATION */

.fieldSubContainer .typeInstruction {
    width: -webkit-fill-available;
}


/**** MEMBER PROFILE STYLES ****/

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

/*** END ***/


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

.TopIconOverlap {
    margin-top: -25px; margin-bottom: 20px;
}

.LogoBlock {

}

.LogoBlock img {
    margin: 0 50px 20px 0!important;
}

/*** END ***/


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

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

td#id_15Gs93A {
    margin: 0;
}

.zonePlace.zoneHeader2 {
    margin-top: 0;
}

.HeaderLogoName h2 {
    font-family: 'Roboto Condensed', 'Ubuntu Condensed', sans-serif!important;
    font-weight: 300;
    font-size: 32px!important;
}

}
/**** END TABLET SPECIFIC STYLES ****/


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

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

.LogoBlock {
    display: inline-block; float: left; width: 50%; height: 120px;
}


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

.HeaderLogoIcon {
    width:100%; 
    float:inherit; 
    display:block;
}

.HeaderLogoName {
    text-align: center;
    float:inherit; 
    display:block;
}

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

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

.h3, h3 {
    font-size: 26px;
    line-height: 1.35;
}

.HideMobile {
    display:none!important;
}

.MobileOnly {
    display:block;
}

}