/* FORCE BROWSER SCROLL BAR --------------------------- */

html {
       overflow-y: scroll;
}

/*
#PAGEID_18149 .zonePlace.zoneHeader2 {
    background-image: url(/resources/Pictures/Sliders/Home/home-hero-bg-33.jpg);
}*/


#PAGEID_18149 .zonePlace.zoneHeader2 {
    background-attachment: scroll;
    background-position: center center;
    background-color: #C4D944;
    background-repeat: no-repeat;
}

.zonePlace.zoneFooter1 {
    border-bottom: 12px solid #C5D62D;
    padding-bottom: 10px;
}

.zonePlace.zoneFooter2 {
    margin-top: 10px;
}

.camera_wrap {
    background: #eee;
}

/* REMOVE WA BRANDING ------------------------------------- */

.zoneWAbranding {
    display: none;
}

/* CONTENT GADGETS ------------------------------------------ */

/* .zoneContent [class^="WaGadget"] {
    margin: 0 0 40px 0;
} 

.zoneContent [class^="WaGadget"]:first-child {
    margin-bottom: 20px;
} */


/* TYPOGRAPHY ------------------------------------------------- */

/* BODY TEXT FONT */

body, p, ol, ul, a {
    font-family: 'Lato', sans-serif;
}


/* HEADINGS */

.pageTitle {
    background-color: #9ADAEA;
    padding: 28px;
}

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

h1 {
    font-weight: 900;
    font-size: 42px;
}

.homeTitle {
    margin-top: 40px;
}

.homeTitle h1 {
    font-size: 50px;
}

h2 {
    font-size: 32px;
    margin-bottom: 15px;
}

h3 {
    font-size: 24px;
}

h2, h3 {
    font-weight:400;
}

div#id_Pto8PCl {
    margin: 0;
}

div#id_f3vqfHK {
    margin-bottom: 0;
}


/* HEADER SOCIAL ------------------------------------------------ */

.headerSocial p {
    text-align: right;
}

.headerSocial p img {
    margin-left: 8px!important;
}

/* HEADER SEARCH ----------------------------------------------- */

.WaGadgetSiteSearch .searchBoxField {
    box-sizing: border-box;
    width: 250px;
    max-width: 100%;
    padding: 8px 10px 8px 40px;
    vertical-align: top;
    border: 2px solid #9ADAEA;
}

.WaGadgetSiteSearch .searchBoxFieldContainer:before {
    position: absolute;
    top: 50%;
    left: 1em;
    font-family: 'FontAwesome';
    font-size: 16px;
    line-height: 0;
    content: '\f002';
    color: #00A4AA;
}

/* HEADER LOGIN ICON ---------------------------------------------- */

.WaGadgetLoginButton .loginLink, .WaGadgetLoginForm .loginLink {
    position: relative;
    display: inline-block;
    min-width: 170px;
    height: 45px;
    overflow: hidden;
    background-color: #00A4AA;
    color: white!important;
    line-height: 400px;
    vertical-align: top;
    text-decoration: none;
    margin-top: 10px;
}

.WaGadgetLoginButton .loginLink:hover, .WaGadgetLoginForm .loginLink:hover {
    background-color: #052E40;
}

.WaGadgetLoginButton .loginLink:before, .WaGadgetLoginForm .loginLink:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font: 400 17px/45px 'Lato';
    text-align: center;
    text-indent: 0;
    content: 'MEMBER LOGIN';
}


/* — LOGIN AUTHENTICATED - */

.WaGadgetLoginButton .authenticated .loginLink, .WaGadgetLoginForm .authenticated .loginLink {
    position: relative;
    display: inline-block;
    min-width: 150px;
    height: 45px;
    overflow: hidden;
    background-color: #00A4AA;
    color: white!important;
    line-height: 400px;
    vertical-align: top;
    text-decoration: none;
    cursor: pointer;
    margin-top: 10px;
}

.WaGadgetLoginButton .authenticated .loginLink:hover, .WaGadgetLoginForm .authenticated .loginLink:hover {
    background-color: #052E40;
}

.WaGadgetLoginButton .authenticated .loginLink:before, .WaGadgetLoginForm .authenticated .loginLink:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font: 400 17px/45px 'Lato' !important;
    text-align: center;
    text-indent: 0;
    content: 'MY ACCOUNT';
}





/* FOOTER SOCIAL */

.footerSocial p {
    text-align: center;
}

.footerSocial p img {
    margin-right: 4px!important;
    margin-left: 4px!important;
}


/* LISTS ---------------------------------------------------------- */

ul.lineList {
    list-style: none;
    margin: 0;
} 

ul.lineList li {
    padding: 15px;
    border-bottom: 1px solid #eee;
}




/* BUTTONS ------------------------------------------------------ */
a.stylizedButton.buttonStyle001,
a.stylizedButton.buttonStyle002,
a.stylizedButton.buttonStyle003,
a.stylizedButton.buttonStyle004 {
    min-width: 80px;
    padding: 14px 18px 15px;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.22;
    white-space: normal;
    text-align: center;
    text-decoration: none;
}

a.buttonStyle004 {
    min-width: 80px;
    margin: 0;
    background: transparent;
    border: 3px solid #002D40!important;
}

.fullButton a.stylizedButton.buttonStyle001,
.fullButton a.stylizedButton.buttonStyle002,
.fullButton a.stylizedButton.buttonStyle003,
.fullButton a.stylizedButton.buttonStyle004 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* New CSS for Centering the Buttons */
.container {
    text-align: center;
}

.button-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #00A4AA;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
}

.button:hover {
    background-color: #052E40;
}

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

.WaGadgetMenuHorizontal.gadgetStyleNone .menuInner {
    position: relative;
    margin: 0;
    background: #FFF;
}

.WaGadgetMenuHorizontal.gadgetStyleNone .menuInner ul.firstLevel {
    background: #FFF;
}

.WaGadgetMenuHorizontal.gadgetStyleNone .menuInner ul.firstLevel > li > .item > a {
    height: 24px;
    padding: 20px 20px;
    background: inherit;
    color: #002d40;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 24px;
}

/* DROPDOWN */

.WaGadgetMenuHorizontal .menuInner ul ul {
    margin: 0;
    background: #052E40;
    padding: 10px 0;
}

.WaGadgetMenuHorizontal .menuInner ul ul li > .item > a {
    padding: 10px 20px;
    background: #052E40;
    color: white;
    font: normal 16px/18px 'Open Sans', 'Arial', sans-serif;
    text-transform: none;
}

.WaGadgetMenuHorizontal .menuInner ul ul li > .item:hover > a {
    background: transparent;
    color: #00A4AA;
}

.WaGadgetMenuHorizontal .menuInner ul ul li.sel>.item > a {
    color: #C4D944;
}

.WaGadgetMenuHorizontal .menuInner ul ul li.sel>.item:hover > a {
    color: #00A4AA;
}


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

.WaGadgetMenuVertical ul.firstLevel {
    margin: 0;
    padding: 0;
    background: #FFF;
    list-style: none;
}

.WaGadgetMenuVertical .menuInner {
    position: relative;
    border-left: 8px solid #C5D62D;
}

.WaGadgetMenuVertical ul.alignRight > li.dir > .item > a span:before {
    margin: 0 10px 0 -20px;
}

.WaGadgetMenuVertical ul.alignRight > li > .item > a {
    text-align: left;
}

.WaGadgetMenuVertical ul.firstLevel > li > .item > a {
    position: relative;
    display: block;
    padding: 7px 0 7px 35px;
    overflow: hidden;
    background: inherit;
    color: #002D40;
    font-size: 18px;
    line-height: normal;
    font-family: 'Lato';
    text-align: left;
    text-decoration: none;
    text-transform: none;
}

.WaGadgetMenuVertical ul.alignRight ul {
    right: 100%;
    left: auto;
    margin: 0;
}

.WaGadgetMenuVertical ul.firstLevel > li > .item:hover > a {
    background: transparent;
    color: #599fd2;
}

.WaGadgetMenuVertical ul ul li > .item > a, .WaGadgetMenuVertical ul ul li > .item > a:link {
    font: normal 16px/20px 'Lato', 'Arial', sans-serif;
    text-transform: none;
}

.WaGadgetMenuVertical ul.firstLevel>li.sel>.item>a {
    color: #00A4AA;
}

.WaGadgetMenuVertical ul ul {
    background: #002D40;
}

.WaGadgetMenuVertical ul ul li>.item>a, .WaGadgetMenuVertical ul ul li>.item>a:link {
    background: #002D40;
}

.WaGadgetMenuVertical ul ul li>.item:hover>a {
    background: #002D40;
    color: #00A4AA;
}

.WaGadgetMenuVertical ul ul li.sel>.item>a {
    color: #C5D62D;
}



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

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

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel > li > .item > a {
    position: relative;
    display: block;
    padding: 15px 15px;
    color: white;
    font-size: 18px;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;
    background-color: rgba(0,0,0,0.2);
    margin-bottom: 1px;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul.secondLevel {
    margin: 10px 0;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul, .WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul {
    padding: 0;
    background: transparent;
    list-style: none;
}


/* SIDEBAR QUICK LINKS ----------------------------------------- */

div.sidebarLinks {
    border-left: 8px solid #00A4AA;
    padding-left: 35px;
}

div.sidebarLinks ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

div.sidebarLinks ul li {
    padding: 8px 0;
}

div.sidebarLinks ul li a:link, div.sidebarLinks ul li a:visited, div.sidebarLinks ul li a:active {
    color: #002D40;
    text-decoration: none;
}

div.sidebarLinks ul li a:hover {
    color: #5bc7ff;
    text-decoration: none;
}



/* BREADCRUMBS ------------------------------------------------- */

.WaGadgetBreadcrumbs {
    margin: 0;
    padding: 0;
    font-size: 15px;
}

.WaGadgetBreadcrumbs ul li {
    display: inline;
    margin: 3px 0;
    padding: 0;
    color: #f7ffae;
}

.WaGadgetBreadcrumbs ul li a {
    color: #002d40 !important;
}


/* ACCORDION GADGET ------------------------------------------ */


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

/* COLORS & STYLES */

.WaGadgetContentAccordion {
    margin: 0 30px;
    border-bottom: 1px solid #C4D944;
}

.WaGadgetContentAccordion.gadgetStyleNone .gadgetStyleTitle {
    padding: 25px 0 25px 0;
    cursor: pointer!important;
}

.WaGadgetContentAccordion.gadgetStyleNone .gadgetStyleTitle h4 {
    font-size: 24px;
    text-transform: none;
}

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

.publicContentView .WaGadgetContentAccordion .gadgetStyleBody, .memberContentView .WaGadgetContentAccordion .gadgetStyleBody {
    display: none;
    padding: 0px 20px 30px 20px;
}

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


/* APPLICATION FORM MODS ---------------------------------------------- */

.WaGadgetMembershipApplication .groupContainer .fieldItem {
    padding: 0 0 0 18px;
    margin-bottom: 20px;
}

.WaGadgetMembershipApplication span.textLine.typeInstruction {
    display: none;
}

.WaGadgetMembershipApplication span.textLine.extraInfo.typeInstruction {
    display: block !important;
}



/* FORMS ------------------------------------------------------------------ */

h3.formTitle {
    font-size: 30px !important;
    text-transform: uppercase;
    font-weight: 900 !important;
}

.fieldSubContainer {
    font-size: 18px;
}


/* DIRECTORY */

.directoryListing ul {
    list-style-type: none;
    border-left: 8px solid #ccc;
    margin: 0;
    padding-left: 20px;
}


/* GADGETS ------------------------------------------------- */

/* LATEST FORUM POSTS GADGET */


/* remove author and divide line */
.WaGadgetForumUpdates ul li .date:after {
    display:none;
}

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

.borderBox {
    padding:30px;
    border: 8px solid #efefef;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.PINs {
    background-color: #FFF;
    padding: 40px 30px 40px 30px;
    border: 8px solid #eeeeee;
    min-height: 150px!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all ease-in-out 0.15s;
    -moz-transition: all ease-in-out 0.15s;
    -o-transition: all ease-in-out 0.15s;
    transition: all ease-in-out 0.15s;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-bottom: 20px;
}

.PINs:hover {
    border: 8px solid #C5D62D;
    background-image: url(/resources/Theme/images/footer-mountain-logo-icon.png);
    background-size: 100px 38px;
    background-position: center bottom;
}

.PINs h3 a, .PINs h3 a:link {
    text-decoration: none !important;
}

.PINs h3 a:hover, .PINs h3 a:hover {
    text-decoration: underline;
}


/* FOOTER ---------------------------------------------------------- */

.footerMenu ul {
    list-style-type: none;
    margin: 0;
}

.footerMenu a:link {
    text-decoration: none;
}

.footerMenu a:hover {
    text-decoration: underline;
}

.footerSocial {
    margin-top: 60px;
}

.footerGoodsearch {
    padding: 30px 0;
}


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

@media screen and (max-width: 1080px) and (min-width: 768px) {
.homeTitle h1 {
    font-size: 40px;
}
}



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


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

.hideMobile {
    display:none;
}

td#id_gMJB5jc {
    display: none;
}

div#id_Nj9ld7n {
    display: none;
}

#PAGEID_18149 .zonePlace.zoneHeader2 {
    background-image: none !important;
    background-color: #C4D944;
}

.homeTitle {
    margin-top: 0;
}

.homeTitle h1 {
    font-size: 36px;
    line-height: 1.167;
    text-align: center;
}

.headerLogo p img {
    margin: 0 auto;
}

.headerSocial {
    margin-bottom: 15px !important;
}

.headerSocial p {
    text-align: center !important;
}

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

.WaGadgetSocialProfile .alignRight, .WaGadgetSocialProfile .alignLeft {
    text-align: center;
}

/* Add padding between social and header image */
td#id_s462N8r {
    padding-bottom: 25px;
}

.footerSocial {
    margin-top: 0px;
}

.footerGoodsearch {
    padding: 30px 0;
}
}

@media screen and (max-width: 479px) {
.gadgetStyle001 {
    font-size: 15px;
}
}