/* NOTE: tt-dropdown-menu is the place to edit to adjust the formatting of the search dropdown!
         tt-suggestion for the actual suggestion formatting */

Xbody { overflow-x: hidden; position:fixed: width:100vw; touch-action: pan-y; }
html, body { overflow-x: hidden!important; touch-action: pan-y; }
html { scroll-behavior: smooth; }
body { position:relative; }

/* Hide scrollbar for Chrome, Safari and Opera */
container::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
container {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.leftcontent { margin-top:20px; margin-left:15px; margin-right:-40px; }
@media(min-width: 768px) { .leftcontent { margin-right:-70px; } }

.Xfbjoin { display:inline-block; vertical-align: top; margin-left:-3px; margin-right:10px; margin-bottom:10px; }
.fbjoin img { width:90px; }
.fb-like { Xmargin-left:-9px; }
.fb-like1 { margin-left:0px; width:344px; }
.fbgroup { display:block; Xheight:78px; }
.fbcustomize {float:left; margin-left:-5px; font-size:10px; margin-top:3px; position:relative; z-index:10; }
.openingcampgroundsnotes>a { font-family: 'Open Sans', sans-serif; }
@media(min-width: 650px) { .fb-like1 { float:right; width:340px;} }
@media(min-width: 768px) { .fb-like1 { float:right; width:557px; height:28px; margin-top:5px; } }
@media(min-width: 992px) { .fb-like1 { float:right; width:340px; height:default; margin-top:2px; } }
@media(min-width: 768px) { .fbgroup { position: absolute; top: -142px; right:-48px; width:272px; height:78px; text-align:left; } }
@media(min-width: 992px) { .fbgroup { position: relative; top:inherit; margin-top:22px; right:inherit; width:100%; text-align:center; } }
@media(min-width: 1200px) { .fbgroup { margin-top:15px; } }

.fbgrouptopright { display:none; float:right; margin-top:2px; margin-bottom:-22px; margin-right:-5px; z-index:0; }
@media(min-width: 600px) { .fbgrouptopright { margin-top:-27px; } }
@media(min-width: 768px) { .fbgrouptopright { display:block; margin-top:-27px; margin-right:-14px; } }
@media(min-width: 992px) { .fbgrouptopright { margin-top:-30px; margin-right:-14px; } }
.fbjointopright img { width:85px; }
@media(min-width: 650px) { .fbjointopright img { width:90px; } }
@media(min-width: 992px) { .fbjointopright img { width:100px; } }

.container { Xoverflow-x: hidden; }
.nopad { padding:0px; }
.btn-primary { background-color:#337ab7; background-color:#2a1c0e; border-color:#2a1c0e; }
.btn-login, .btn-login:hover, .btn-login:focus { background-color: #291C0D!important; color:#eee; }
.btn-login:hover { background-color: #4a3925!important; color:#ffffff; }
/* * { border:solid 1px black; }  */
.headersection { color:#fff; background-color: rgba(70, 47, 3, 0.96); color:#fff; font-family: verdana,DINWeb, sans-serif !important; margin-bottom:0px; Xz-index:200; }
.midheadersection { color:#fff; background-color: rgba(70, 47, 3, 0.96); color:#fff; font-family: verdana, DINWeb, sans-serif !important; margin-bottom:0px; z-index:50; }
.exploreheading { line-height:1.8; color:#f7d006; font-family: 'Merriweather', serif; font-weight:900; font-size: 30pt; letter-spacing: 4px; Xborder-bottom: 1px solid #ccc; text-align:center; clear:both; }
.Xheadertextsmaller { font-size: 30pt; }

.headertextsmaller { font-size: 15px; letter-spacing: 1px; line-height: 2.8; }
@media (min-width: 768px) { .headertextsmaller { font-size: 18pt; letter-spacing: 3px; line-height: 2.2; margin-top:-20px; } }
@media (min-width: 992px) { .headertextsmaller { font-size: 18pt; letter-spacing: 3px; line-height: 2.2; margin-top:-10px; } }

.wheretocamp { Xline-height:2.8; color:#000; font-family: 'Merriweather', serif; font-weight:300; font-size: medium; text-align:left; display:none; width:340px; }
@media(min-width: 768px) { .wheretocamp { display:block; } }
@media(min-width: 992px) { .wheretocamp { width:100%; } }

.exploreimage { border: 0px solid white; Xbox-shadow: 3px 3px 4px 3px #aaa; margin-left:10px; margin-bottom:10px; width:100%; }
#exploreimage { width:55%; margin-top:-20px; margin-right:-20px; float:right; }
@media(min-width: 768px) { #exploreimage { Xheight:375px; } }
@media(min-width: 1200px) { #exploreimage { Xheight:500px; } }

#homepageintro { margin-top:-20px; margin-bottom:38px; Xmargin-bottom:25px; }
@media (min-width: 768px) { #homepageintro { margin-bottom:40px; } }
@media (min-width: 992px) { #homepageintro { height:322px; } }
@media (min-width: 1200px) { #homepageintro { height:395px; } }

/*h1, h2, h3, h4, h5, h6 { font-family: 'Merriweather', serif; Xfont-weight:900; }*/
h1, h2, h3, h4, h5, h6 { font-family: 'Cherry Cream Soda', serif; Xfont-weight:900; }
h3 { line-height:1.3; }
h3 { font-size:18px; letter-spacing:1px; }
h4 { font-size:14px; }
h5 { font-size:13px; }
@media(min-width: 768px) { h3 { font-size:18px; } }
Xbody { font-family: 'Merriweather', serif; font-size:11pt; line-height:1.5; }
body { font-family: 'Open Sans', serif; font-size:11pt; line-height:1.5; }
.Xfontalt { font-family: 'Open Sans Condensed', sans-serif; }
.fontalt { font-family: verdana, arial, sans-serif; }
.h4fontalt1 { font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-weight:900; font-size:18px; margin-top:25px; }
.Xfontalt { font-family: 'Open Sans Condensed', sans-serif; font-size:11pt; line-height:1.5; }
.tagline { font-family: 'Open Sans', sans-serif; font-size:13px; letter-spacing:.5px; line-height:1.35; }
@media(min-width: 768px) { .tagline { font-size:16px; letter-spacing:1px; line-height:1.45; } }

.tagline2 { font-family: 'Open Sans Condensed', sans-serif; Xfont-weight: 600; sans-serif; font-size:13pt; line-height:1.45; }
.numberedaction { display:inline; }
.actionnumber { height:190px; padding-top:15px; text-align:center; }
@media(min-width: 768px) { .actionnumber { height:255px; } }
@media(min-width: 992px) { .actionnumber { height:280px; } }
.actionnumber1 { background-color: #BFB513; }
@media(min-width: 768px) { .actionnumber1 { margin-right: -15px; } }
.actionnumber2 { background-color: #5B93D1; }
@media(min-width: 768px) { .actionnumber2 { margin-left: -7.5px; margin-right: -7.5px; } }
.actionnumber3 { background-color: #36A653; }
@media(min-width: 768px) { .actionnumber3 { margin-left: -15px; } }
.actioncircle {
   background-color: #fff;
   border-radius: 50%;
   width: 60px;
   height: 60px;
   padding-top:10px;
   margin:auto;
   font-size:20pt;
   font-weight:900;
   Xcolor: #36A653;
   padding-top:-10pt;
}
.nav>li>a { border-color:#3379b717; }
.footer>li { background-color:none!important; }
.privacypolicy { font-size:13px; }
.nav-selectcampground { font-size:15px; margin-bottom:10px; }
.desktop { display:none; }
.mobile { display:block; }
@media(min-width: 768px) { .desktop { display:block; } .mobile { display:none; } }
.modal-title { font-family: 'Open Sans', sans-serif; }
.title-block { margin-bottom:10px; }
.actiontitle { margin-top:15px; font-family: 'Open Sans', sans-serif; font-size:19px; color: #555; }
@media(min-width: 992px) { .actionitle { font-size:22px; } }
.actiondesc { margin-top:10px; margin-left:10px; margin-right:10px; font-family: 'Open Sans', sans-serif; font-size:10pt; }
a { text-decoration:none !important; }
a { color:#337ab7; }
.selectcampground>ul>li>a { font-size:15pt; Xfont-weight:900; }
.selectcampground>ol>li>a { font-size:15pt; Xfont-weight:900; }
.camptagline { font-size:11pt; color:#888; margin-top:0px; margin-bottom:3px; }
.tagindent { margin-left:21px; }
.tagindent1 { margin-left:19px; }
small { font-size:70%; }
.columnright { Xtext-align: center; padding-top:0px; }
@media(min-width: 768px) { .columnright { padding-top:43px; } }
@media(min-width: 992px) { .Xcolumnright { height: 907px; } }
@media(min-width: 1200px) { .Xcolumnright { height: 988px; } }
.imgcircle {
   Xwidth:120px; Xheight:120px;
   width:90px; Xheight:120px;
   background-color: #fff;
   border-radius: 50%;
   border: 2px solid #666;
   margin:auto;
   font-size:20pt;
   font-weight:900;
   Xcolor: #36A653;
   padding-top:-10pt;
}
@media(min-width: 768px) {
   .imgcircle { width:90px; }
   .actiondesc { margin-top:5px; margin-bottom:10px; font-size: 9pt; }
}
.rightsplit { width:86%; color:#999; margin-bottom:10px; margin-top:10px; }

.textblack { color: #000; }
.textwhite { color: #fff; }

/* https://color.adobe.com/create/color-wheel/?base=1&rule=Monochromatic&selected=3&name=My%20Color%20Theme&mode=hex&rgbvalues=0.43333333333333335,0.26461842105278055,0.02035526315789472,0.16,0.11044820114531952,0.05090934759688498,0.06296780494456752,0.2275782085411231,0.51,1,0.7440954577000236,0.3481781376518218,0.04007871188107007,0.37,0.1847488925156979&swatchOrder=0,1,2,3,4 */
.color1 { background-color: #291C0D !important; }
.color2 { background-color: #103A82 !important; }
.color3 { background-color: #6E5226 !important; }
.Xcolor3 { background-color: #FFBE59 !important; }
.color3 { background-color: #144d71 !important; }
.color4 { background-color: #0A5E2F !important; }
.textcolor1 { color: #291C0D !important; }
.textcolor2 { color: #103A82 !important; }
.textcolor3 { color: #6E5226 !important; }
.textcolor3 { color: #FFBE59 !important; }
.textcolor4 { color: #0A5E2F !important; }
.headertext { color: #F3AC00 !important; }
.Xheadertext { color: #FFBE59 !important; }
.navbar-header { float: right; }
.Xnavbar-collapse { padding-left:0px; }
@media (min-width: 768px) { .Xnavbar-collapse { padding-left:10px; } }
.Xnavbar-collapse.in { width:100%; margin-left:0px; padding-left:0px; }
@media (min-width: 728px) { .Xnavbar-collapse.in { padding-left:15px; } }
.Xnavbar-collapse.collapse { background-color: #0a5e2f; }
.navbar-nav>li>a:hover { color:#FFFFFF !important; Xbackground-color:green; width:200px; }
.navbar-nav { margin:auto; }
@media (min-width: 768px) { .navbar-nav>li>a:hover { color:#000000 !important; Xbackground-color:#aaa; width:auto; } }
@media (min-width: 768px) { .navbar-nav>li>a { padding-top:6px; padding-bottom:6px; } }
.navbar-toggle { margin-right:0px; }

.nav-secondary { list-style:none; padding-inline-start:0px; margin-left:-10px; margin-right:-15px; }
.nav-secondary>li { display:inline-block; padding-left:2px; padding-right:2px; line-height:1.8; }
.nav-secondary>li>a { position:relative; display: block; Color:#eee; line-height:20px; }
.nav-secondary>li>a:hover { color:#FFFFFF !important; border-bottom:2px solid white; }
@media (min-width: 600px) { .nav-secondary { margin-top:11px; } }

.socialoffset { margin-top:-28px; margin-left:10px; }
@media (min-width: 600px) { .socialoffset { margin-left:20px; } }
@media (min-width: 768px) { .socialoffset { margin-top:-14px; margin-right:10px; } }
.socialadj { padding-left:0px; padding-right:0px; }

@media (min-width: 992px) { .nav-secondary  { text-align:center; } }

.nystatephotoshead { line-height:3; font-family: 'Open Sans Condensed', sans-serif; font-size: 16px; }
@media (min-width: 768px) { .nystatephotoshead { Xborder-bottom:1px solid #ccc; } }

.nystatephotoshead>a { color: #fff !important; text-decoration:none; border-bottom:0px; }
.nystatephotostail { xline-height:3; font-family: 'Open Sans Condensed', sans-serif; font-size: 9pt; }
.nystatephotostail>a { color: #fff !important; text-decoration:none; }

.toplogo { font-size:16px; width:25px; margin-right:10px; }
.toplogo20 { position:absolute; font-size:12px; margin-left:4px; }

.guidehead { line-height:2; font-family: 'Open Sans Condensed', sans-serif; font-size: medium; Xborder-bottom: 1px solid #ccc; }
a.guidehead { color: #fff !important; text-decoration:none !important; }
.navbar-nav>li { padding-left:0px; padding-right:11px; radius:2px; height:55px; }
@media (min-width: 768px) { .Xnavbar-nav>li { height:16px; }
.navbar-nav>li>a { color:#eee; padding:6px 14px; }
.navbar-nav>li>a:focus { color:#000; background-color:#337ab7; padding:6px 14px; }

.Xnavbar-nav>li>a:hover { color:#fff !important; background-color:#337ab7; padding:6px 14px; }
.navbar-nav>li>a:hover { border-bottom:2px solid white; }
.nav-pills>li+li { margin-left:0px; }
bottomuls>li>a:hover { background-color:red; }

@media (min-width: 992px) { .navbar-nav>li { padding:0px 10px; } }
@media (min-width: 1200px) { .navbar-nav>li { padding:0px 22px; } }
@media (min-width: 1200px) { .navbar-nav { margin-left:94px; } }
.navbar-nav>li>a:hover { color:#000000; }
.navbar-right { margin-right: -15px; }
.navbar-collapse { XXpadding-left:5px; padding-right:0px; }
.righttitles { color: #0a5e2f !important; font-weight:600; font-family: 'Open Sans', sans-serif; margin-top:5px; margin-bottom:5px; }
.righttext { color: #000000 !important; }
.textwhite { color: #eeeeee !important; }
.actiontitle { color: #F3AC00 !important; }
.navbar-toggle .icon-bar { background-color:white; }
.actionnumber:hover { cursor:pointer; }
.itemright:hover { cursor:pointer; }
.tooltip.right .tooltip-arrow { color: #ffffff;border:0px solid #ffffff;
   top:50%;
   left:0;
   margin-left:5px;
   margin-top:-5px;
   border-top:5px solid transparent;
   border-bottom:5px solid transparent;
   border-right:5px solid #fff;
}
.tooltip.bottom .tooltip-arrow { color: #ffffff;border:0px solid #ffffff;
   top:0;
   left:50%;
   margin-left:-5px;
   border-left:5px solid transparent;
   border-right:5px solid transparent;
   border-bottom:5px solid #000;
   z-index:100;
}
.top { z-index:10 }
.tooltip > .tooltip-inner { background-color: #0A5E2F; border:1px solid #ffffff; margin-left:20px; }
@media (min-width: 768px) { 
   .tooltip > .tooltip-inner { margin-left:6px; }
}
.count { font-size:18px; }
.modal-body>ul { -webkit-padding-start: 10px; }
.modal-body>ol { -webkit-padding-start: 10px; }
.modal-body>ul>li { width:100%; display:block; }
.modal-body>ol>li { width:100%; display:block; }
@media (min-width: 500px) {
   .modal-body>ul>li { width:49%; display: inline-block; }
   .modal-body>ol>li { width:49%; display: inline-block; }
}
@media (min-width: 768px) {
   .modal-body>ul>li { width:33%; display: inline-block; }
   .modal-body>ol>li { width:33%; display: inline-block; }
}

/* http://www.developerdrive.com/2015/01/8-simple-css-hover-effects/ */
@keyframes bounce {
   0%, 20%, 60%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
   40% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
   80% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
}

.numberedaction:hover { animation: bounce 1s; }	
.itemright:hover { animation: bounce 1s; }	
/* end of hover bouncing */

.isfav { color:#e80a0a; font-size:18px; }
.notfav { color:#ddd; font-size:18px; }

.glyphicon-sm { font-size: 8px; }
@media (min-width: 768px) .glyphicon-sm { font-size: 9px; } }

#facebook { Xheight:14px; display:block; line-height:1.5; margin-top:5px; margin-right:90px; float:left; margin-left:10px; }
@media (min-width: 768px) { #facebook { display: inline-block; Xheight: 24px; line-height:1.8; Xfloat:right; margin-top: -14px; margin-bottom:-40px; } }
#login-button-outer { margin-top:-10px; }
#login-button { height: 16px; margin-bottom: 5px; display: inline; }

#toprightlogin { float:right; font-family: 'Open Sans'; letter-spacing: .5px; margin-top:-23px; margin-bottom:15px; display:inline-block; }
@media (min-width: 600px) { #toprightlogin { margin-top:-25px; } }
@media (min-width: 768px) { #toprightlogin { margin-top:-22px; Xmargin-bottom:48px; } }
#subtoprightlogin { float:right; letter-spacing:0px; }
@media (min-width: 768px) { #subtoprightlogin { margin-top:0px; margin-bottom:0px; } }

#status { display:block; margin-left:5px; font-size: 11px; }

/*--- lakeside rating stars ---*/
.waterblue { color: #377cbb; }
.green { color: #067939; }
.glyphicon-sm { font-size:9pt; }
.glyphicon-md { font-size:12pt; }
.glyphicongrey { color: #dddddd; }
.campgrounditem { margin-bottom:10px; padding-bottom:6px; border-bottom:1px solid #eee; background-repeat:no-repeat; background-position:190px 0; background-size:140px; }
.campgrounditem { background-position:50% 0; background-size:50%; }
@media (min-width: 768px) { .campgrounditem { background-position:227px 0; background-size:268px; } }
@media (min-width: 992px) { .campgrounditem { background-position:375px 0; background-size:295px; } }

.locationtag { font-size:80%; color:#888; display: block; margin-top:-7px; }
.lakesiderating { font-size:12px; }
.opendates { display:inline-block; padding-left:2px; font-size:10px; }
.opendatesheader { margin-bottom:15px; }
.opensoon { font-size:10px; }
.opensoon li { float:left; width:50%; margin-bottom:15px; }
.opensoon li>a { text-decoration:none; font-size:15px; padding:4px; float:left; margin-top:-4px; margin-bottom:-6px; padding-left:0px !important; padding-right: 3px !important; }
@media (min-width: 768px) { .opensoon li { width:33%; } }
@media (min-width: 992px) { .opensoon li { width:25%; } }
.currentlyopen { border:1px solid #bbb; padding:12px; margin-top:15px; margin-bottom:20px; }
@media (min-width: 500px) { .currentlyopen { margin-left:15px; margin-right:15px; } }
@media (min-width: 768px) {
   .currentlyopen { margin-left:2px; margin-right:0px; }
   .opendates { display:inline-block; padding-left:1px; margin-top:-4px; }
}
.campgroundphotothumb { width:100%; margin-left:10px; margin-bottom:10px; }
@media (min-width: 768px) { .campgroundphotothumb { width:60%; } }
.pagetitlebox { color: #f3ac00; background-color: #291c0d; padding: 8px; padding-left:12px; width:100%; Xfont-weight:900; line-height:1.5; }
.pagetitlebox1 { margin-top:0px; margin-bottom:0px; }
.Xpagetitlebox { background-color: #f3ac00; color: #291c0d; padding: 8px; width:100%; font-weight:900; }

.campgroundopen { color: #2c8553; font-size:15px; Xfont-weight:700; }
.campgroundclosed { color: #c90303; font-size:15px; Xfont-weight:700; }
.importantnotes { color: darkred; font-size:12px; font-weight:normal; margin-top:10px; float:left; }
#importantnotes { margin-top:10px; margin-bottom:10px; }
.pleasenote { margin-top:10px; margin-bottom:10px; color:#b91717; font-weight:600; }
.mapname { font-size:18px; margin-top:12px; }
.italic { font-style:italic; }
.weathericon { position:absolute; font-size:17pt; color: #337ab7; margin-top:2px; margin-bottom:-2px; }
.weatherwidget { width:100%; text-align:left; padding-left:0px; margin-bottom:5px; padding-right:0px; }

/* back to top button */

#backtotop {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    Xbottom: 10px; /* Place the button at the bottom of the page */
    bottom: 140px; /* Place the button at the bottom of the page */
    right: 10px; /* Place the button 30px from the right */
    z-index: 1000; /* Make sure it does not overlap */
    border: 2px solid white;
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 4px; /* Some padding */
    border-radius: 8px; /* Rounded corners */
    font-size:9.5pt;
}
@media (min-width: 768px) {
   #backtotop { bottom:20px; right:30px; }
}

#backtotop:hover {
    Xbackground-color: #555; /* Add a dark-grey background on hover */
}
.block { display:block; }

#footer { padding:15px; margin-top:30px; }
.footer { margin-left:0px; font-size:14pt; font-weight:900; margin-bottom:10px; }
@media (min-width: 728px) { .footer { } }
.footer li { display: inline-block; Xwidth:100%; color;#103A82; }
@media (min-width: 414px) { .footer li { width:100%; } }
@media (min-width: 768px) { .footer li { width:99%; } }
li.footer li { display:block; color;#103A82; }
.footer li>a { padding-top:1px; padding-bottom:1px; Xpadding-left:8px; Xpadding-right:8px; color:#fff; font-size:13px; font-weight:normal; white-space: nowrap; }
.footer>li>a:hover { color:#000; background-color:#aaa; Xpadding:6px 14px; }
.footeradj { margin-left:-13px; }
.parkwarenote { font-size:9pt; color:#ffbe59; margin-top:5px; }
.privacypolicy a { color:#FFFFFF; }
.indent { padding-left:10px; }
.indent5 { padding-left:5px; }
.extraicon { width:80px; Xfloat:right; margin-left:84px; }
.nystatephotostail { Xline-height:3; font-family: 'Open Sans Condensed', sans-serif; font-size: 9pt; }
.nystatephotostail>a { color: #fff !important; text-decoration:none; border-bottom:0px; }
.bottom15 { margin-bottom:15px; }
.develinfo { margin-top:15px; font-size:7pt; }
.scrollablecontent {
    float: right;
    font-size: 9pt;
    color: #2a1c0e;
    margin-top: -18px;
}

.flip-clock-label { font-size:12pt; }
.clockheading { margin-top:15px; margin-bottom:20px; font-size:10pt; display:block; height:36px; }
@media (min-width: 1200px) { .clockheading { margin-top:-41px; } }

.flip-clock-wrapper ul li a div div.inn { font-size:57px; }
.flip-clock-wrapper ul li a div { font-size:57px; }

.clock { zoom: 0.50; -moz-transform: scale(0.5); margin-left:1%; }
.clock1 { zoom: 0.50; -moz-transform: scale(0.5); margin-left:1%; }
@media (min-width: 768px) {
   .Xclock { zoom: 0.50; -moz-transform: scale(0.5); margin-left:1%; }
   .Xclock1 { zoom: 0.50; -moz-transform: scale(0.5); margin-left:1%; }
   .flip-clock-label { font-size:13pt; }
}

@media (min-width: 370px) { .clock { margin-left:6%; } }
@media (min-width: 500px) { .clock { margin-left:14%; } .clockheading { font-size:13pt; } }
@media (min-width: 500px) { .clock { margin-left:17%; } }
@media (min-width: 580px) { .clock { margin-left:23%; } }
@media (min-width: 650px) { .clock { margin-left:25%; } }
@media (min-width: 730px) { .clock { margin-left:28%; } }
@media (min-width: 992px) { .clock { margin-left:35%; } }
.clockcol { display:none; }
@media (min-width: 1200px) {
   .clockleft { display:none; }
   .clockcol { display:block; }
   .openingcampgroundsnotes { height:68px; }
   .clock1 { margin-left:109px; }
}

.dashedborder {
    border: 1px dashed #ccc;
}
.availablesoon { display:block; height:400px; padding-top:80px; padding-top:80px; margin-top:-15px; text-align:center; font-size:18pt; color:#0a5e2f; Xbackground-color: #291c0d; }

#menu-primary-navigation>li { float:none; Xwidth:144px; Xpadding-right:7px; display:inline-block; background-color:#291C0D; }
.mobilenav { padding-top:20px; }
.mobilenav1 { min-height:700px; }

#menu-primary-navigation>li>a { background-color: #291c0d; border-radius:0px; padding:0px 0px; padding-bottom:2px; margin:6px 12px; }
@media (min-width: 768px) { #menu-primary-navigation>li>a { margin:12px 12px; } }
#menu-primary-navigation>li.active>a { color:#428bca !important; border-bottom:3px solid #428bca; }
#menu-primary-navigation>li>a:hover { color:#eee !important; border-bottom:3px solid #fff; }
#menu-primary-navigation>li>a:focus { color:#eee !important; Xborder-bottom:3px solid #fff; outline:0; }
@media (min-width: 500px) {
   .navbar-mobile { margin-left:25px;  }
}

.menu-secondary-navigation-title { display:block; font-family: DINWeb, sans-serif !important; font-size:16px; font-weight:900; padding-left:5px; padding-top:8px; }

.navbar-secondary {
    background-color: #291c0d8c;
    margin-top: -16px;
    padding-left: 8px;
    Xmargin-left: -15px;
    Xmargin-right: -15px;
    height: 82px;
    margin-bottom:10px;
}
#menu-secondary-navigation>li { float:none; Xwidth:144px; Xpadding-right:7px; display:inline-block; }
.mobilenav { padding-top:20px; }
.mobilenav1 { min-height:700px; margin-left:-8px; margin-right:-8px; }

#menu-secondary-navigation { background-color: #291c0d8c; margin-top:-16px; padding-left:8px; margin-left:-15px; margin-right:-15px; height:67px; }
#menu-secondary-navigation>li { font-family: DINWeb, sans-serif !important; height:22px; color:#2a1c0e; font-weight:bold; }
#menu-secondary-navigation>li>a { Xbackground-color: #291c0d; border-radius:0px; padding:0px 0px; padding-bottom:2px; margin:6px 12px; font-family: verdana,DINWeb, sans-serif !important; font-weight:normal; }
#menu-secondary-navigation>li.active>a { color:#428bca !important; border-bottom:3px solid #428bca; width:auto!important; }
#menu-secondary-navigation>li>a:hover { color:#222 !important; background-color: transparent!important; border-bottom:3px solid #fff; width:auto; }
#menu-secondary-navigation>li>a:focus { color:#222 !important; background-color: transparent!important; Xborder-bottom:3px solid #fff; outline:0; }

.itemdot { padding-top:9px!important; }
.itemdotnarrow { display:none !important; }
.itemnarrow { padding-left:109px !important; }
@media (min-width: 600px) { .itemdotnarrow { display:inline-block !important; } .itemnarrow { padding-left:0px !important; } }

#futurecampgrounds { margin-bottom: 20px; }
.futurecampgrounds li { margin-bottom: 10px; }

.fb_iframe_widget { display:inline !important; z-index:999; }
.modal-backdrop { z-index:0; }
.mychances { margin-top:15px; margin-bottom:15px; font-size:12px; }
.mychances>a { font-size:11px; }
.chancesofasite { margin-left:20px; margin-top:15px; }
.youmight { margin-left:5px; }
@media (min-width: 768px) { .chancesofasite { margin-left:0px; } .youmight { margin-left:-15px; } }

.campgroundmapmodal-dialog { padding:5px; margin:128px auto !important; }
@media (min-width: 768px) { .campgroundmapmodal-dialog { width:750px !important; } }
.campgroundmapmodal-content { width:100% !important; padding:5px !important; }
.campgroundmapmodal-body { padding:0px; margin-top:4px; }
.closemap { color:#ffffff !important; opacity:.9; margin-top:4px !important; margin-right:10px; }

.mobilemapimg img { max-width:100%; }
.mobilemapimg img.clicked{ 
    margin-left:-10px;
    -webkit-transition:1s;
    transform: scale(2,2);
}
.input-group .form-control { z-index:0; }
.caption { z-index:0 !important; }

#menu-primary-navigation>li>button>a { color: #ffffff; }
#menu-primary-navigation>table>tbody>tr>td>button>a { color: #ffffff; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
   border-top:0px !important;
   Xbackground-color:#ffffff;
   Xbackground-color:#5f3c1a;
   font-size:11px;
   padding-bottom:10px;
}
.Xtable>tbody>tr>td { width:50%; }
.navtable { width:100%; }
.btn-smaller { padding: 7px 12px; }
.btn-larger { font-size:16px; padding: 9px 18px; }
#gotomenu { float:right; }

.moreless { overflow-y:hidden; margin-bottom:6px; }
.moreless100 { max-height:100px; }
.moreless105 { max-height:105px; }
.moreless110 { max-height:110px; }
.morelessouter { margin-top:5px; margin-bottom:10px; }

.Xmoreless250 { overflow-y:hidden; }
@media (min-width: 768px) {
   .moreless { max-height:none; }
}
#Xlessbutton { display:none; }
#Xmorebutton { display:none; }

@media (min-width: 768px) { #Xmorebutton { display:block; } }
@media (min-width: 768px) { .mobileonly { display:none !important; } }

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    background-color: #428bca !important;
    border: 1px solid #428bca !important;
    color: #ffffff;
    Xmargin-left: 3px;
}
.nav-tabs>li>a:hover { background-color: #deeaf7 !important; }
.nav>li>a {
    position: relative;
    display: block;
    padding: 8px 12px;
    Xbackground-color: #3379b717;
}
.nav-selectcampground>li { margin-bottom:10px; Xbackground-color:#eee; margin-right:2px; margin-bottom:5px; }
.nav-selectcampground { border-bottom:0px; margin-right:-10px; }

/* search box css */

.large-search-input {
    width: 233px !important;
}

.Xsearch-input { width: 480px !important; }
.search-input { font-size:15px!important; width:330px!important; height:36px!important; border:1px solid #ddd; }
.search-form { display:inline-block; position:relative; margin-left:10px; margin-top:6px; }
.search-form-control {
    vertical-align: middle;
    border: 0px solid #000000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: inset 0.5px 1px 1px rgba(0,0,0,.4);
    Xbackground-color: rgba(14, 78, 120,.2);
    background-color: #eee;
    padding-left:6px;
    padding-right: 0px;
    color: ffffff;
    font-size: 11px;
    height:27px;
}
.search-form-control-fullsearch {
    vertical-align: middle;
    border: 0px solid #000000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: inset 0.5px 1px 1px rgba(0,0,0,.4);
    Xbackground-color: rgba(14, 78, 120,.2);
    background-color: #eee;
    padding-left:6px;
    padding-right: 0px;
    color: ffffff;
    font-size: 11px;
    height:27px;
}
.search-form { width:360px !important; margin-left:8px; margin-top:7px !important; }
.search-form-fullsearch { margin-bottom:-30px; margin-left:15px; }
@media (min-width: 728px) { .Xsearch-form-fullsearch { width:320px; } }
.search-form-control { width: 257px !important; }
.search-form-control-fullsearch { width: 240px !important; border:1px solid #eeee; }
@media (min-width: 728px) { .Xsearch-form { margin-left:15px !important; width: 340px !important; } .Xsearch-form-control { width:280px !important; } }
@media (min-width: 768px) { .search-form { display:none; margin-left:13px !important; width:191px !important; margin-top:7px!important; } .search-form-control { width: 122px !important; } }
@media (min-width: 992px) { .search-form { margin-left:4px !important; width:250px !important; } .search-form-control { width: 192px !important; } }
.search-form-mid-page { width:100%; text-align:center; }
.midsearchplaceholder { display:inline-block; min-width:320px; }
@media (min-width: 768px) { .midsearchplaceholder { min-width:358px; } }
.midsearch-input { font-size:17px; width:270px!important; height:36px; border:1px solid #ddd; }
.chooseyourdestination { float:left; font-size:18px; }

.results>a { border-bottom:0px; }


.btn-search {
    margin-left: 0px;
    margin-top: 0px !important;
    color: #ffffff;
    background-color: #e4a624;
    height:27px;
    padding:5px;
    padding-top:6px;
    padding-bottom:6px;
    font-size: 7pt;
    letter-spacing: .05em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.btn-search:focus, .btn-search:hover { color:#ddd; }
.btn-search-bigger { font-size:11pt; padding:3px; padding-left:10px; }
.btn-search-fullsearch { }
input:focus { color: black }

//--- typeahead start ---

.typeahead,
.tt-query,
.tt-hint {
  width: 396px;
  height: 30px;
  padding: 8px 12px;
  padding: 0px 12px;
  font-family: verdana,sans-serif;
  font-size: 20px;
  line-height: 30px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;
}

.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  Xborder: 2px solid #0097cf;   /* fix to have inside glow when entering into typeahead box */
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999;
}

/* NOTE: tt-dropdown-menu is the place to edit to adjust the formatting of the search dropdown!
         tt-suggestion for the actual suggestion formatting */
.tt-dropdown-menu {
  width: 325px;         /* width of typeahead drop down! */
  margin-left:-170px;

  overflow-y:auto;

  margin-top: 0px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: .5px .866px 2px 0px rgba(0,0,0,0.35);
//-webkit-border-radius: 8px;
//   -moz-border-radius: 8px;
//        border-radius: 8px;
//-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
//   -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
//        box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  index:1000;
  margin-left:-12px;
  padding: 8px 0px;            /* padding around each suggestion */
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  font-size: 13px;
  font-family: verdana,'Open Sans Condensed', sans-serif;
  line-height: 10px;            /* height of the text */
  Xcolor:#4765a0;                /* suggestion color */
  Xcolor:#3477bd;                /* suggestion color - lightblue */
  Xcolor:#000000;                /* suggestion color */
  color:#2a1c0e;                /* suggestion color - DEC brown */
  Xcolor:#f3ac00;		/* NYSCP yellow */
  text-align:left;
}
.suggestionactive { font-weight:bold; line-height:12px; padding-bottom:20px; cursor: pointer; }

@media (min-width: 768px) { .tt-suggestion { text-align:left; } }

@media (min-width: 768px) { .tt-dropdown-menu { width: 445px!important; margin-left:0px!important; } }

.Xtt-dropdown-menu { display: block!important; }
.Xtt-dataset-0 { display: block!important; }

.tt-suggestion.tt-cursor {
  Xcolor: #fff;                  /* suggestion text color on hover over */
  background-color: #0097cf;    /* suggestion background color on hover over */
  background-color: #eeeeee;    /* suggestion background color on hover over */

}

.tt-suggestion p {
  margin: 0;
}

.empty-message { margin-left:10px; }

.bluebutton { pointer-events: pointer; cursor:pointer; Xpadding:8px; padding-left:10px; color:#eeeeee; font-size:13px; background-color:#428bca; border-radius:6px; margin-bottom:5px; margin-top:5px; display:inline-block; Xheight:34px; text-align:left; }
.bluebutton:focus, .bluebutton:hover, .campgrounds:hover { background-color:#2e80c7; color:#ffffff; }
.mobileitems { height:34px; }

.campgrounds { pointer-events: pointer; cursor:pointer; margin:8px; margin-left:10px; padding-bottom:3px; color:#f3ac00; Xbackground-color:#291C0D; border-radius:4px; margin-bottom:5px; margin-top:3px; display:inline!important; xheight:31px; text-align:left; }
.campgrounds { color:#291c0d; margin-bottom:0px; Xbackground-color:#ccc; background-color:#428bca; }

/* hoving over campground matches - yellow on brown */
.campgrounds:focus, .campgrounds:hover { background-color:#291C0D; color:#f3ac00; } 
.Xcampgrounds { background-color:#533b23; color:#f3ac00; } 

/* green on white, hoving over campground matches - white on green */
.campgrounds { background-color:#ffffff; color:#2b6102; font-weight:bold; padding:0px; margin:4px; border-bottom: 1px solid #2b610247; border-radius:0px; display:inline-block; }
.campgrounds:hover { background-color:#2b6102; color:#ffffff; padding:4px; margin:0px; border-bottom:0px; border-bottom: 1px solid #2b610247; }
.typeaheadstars { display:inline-block; margin-top:5px; }

.block { display:block; }

.not-active {
  text-decoration:none;
  font-size:10px;
  color:black;
}
.glyphicon-question-sign { font-size:15pt; color:#F3AC00; top:-32px; float:right; }
@media (min-width: 768px) { .glyphicon-question-sign { left:20px; top:-23px; } }
@media (min-width: 992px) { .glyphicon-question-sign { left:13px; top:-7px; } }
@media (min-width: 1200px) { .glyphicon-question-sign { left:20px; top:-7px; } }
.glyphicon-searchadj { margin-right:56px; }
@media (min-width: 768px) { .glyphicon-searchadj { margin-right:0px; } }
.glyphicon-searchadj1 { float:left; margin-left:323px; }
.searchhelpbutton { display:inline; text-decoration:none !important; }
.searchexample { color:#75340d !important; width:165px !important; font-size:14px; font-weight:bold; }
.fullsearchlink { font-size:25px; Xfont-weight:900; }
.searchresultstitle { font-size:14px; Xfont-weight:900; color: #0A5E2F !important; }
.greattagline { margin-top:15px; font-size:12px; }
.marginleft0 { margin-left:0; }
.fullsearchwidth { width:270px !important; }
.fullsearchnotactive { font-size:13px; }
.searchcontainer { margin-bottom:20px; }
.staroff { margin-top:5px; display:none !important; }
.staron { display:inline; color:#145998; }
.starindent { margin-left:7px; }
.glphicon-med { font-size:9pt; }
.searchspace { height:10px; }

.tt-dropdown-menu { width:340px;  margin-left: 0px; } /* default twitter typeahead window for mobile */
.tt-suggestion { padding:8px 20px; padding-left:25px; font-size:13px!important; }  /* set suggest link font size here */
.not-active { font-size:12px!important; }
.not-active: hover { pointer-events:none; }
.searchphotothumb { width:310px; cursor:pointer; border: 3px solid #337ab7; xbox-shadow: 1px 1px 2px 2px #aaaaaa; }
.searchphotothumbnil { width:1px; }
.campgrounds { font-size:13px; }
.choosesite { font-size:12px!important; }
@media (min-width: 768px) {
   .Xtt-suggestion { padding-left:15px; }
   .tt-dropdown-menu { width:450px;  margin-left: -296px}
   .searchphotothumb { width:415px; }
   .not-active { font-size:9pt; }
}
@media (min-width: 1200px) {
   .tt-dropdown-menu { margin-left: -76px}
}
.fa-mychevron { color:#ccc; padding-right:8px; text-decoration:none; }

#stickyad {
    display: block;
}
#stickyad.fixed {
    display: block;
    position: fixed;
    top: 110;
}

.desktoptablet { display: none; }
.mobile { display: block; }
@media (min-width: 768px) {
   .mobile { display: none; }
   .desktoptablet { display: block; }
}
.exploretitle { padding-left:10px; }
@media (min-width: 768px) { .exploretitle { padding-left:0px; } }
.subthemebox { background-color:#337ab7; font-size:13pt; margin-bottom:10px; }
@media (min-width: 420px) { .subthemebox { margin-bottom:4px; } }

.subthemebox a { color:#ffffff; }
.subthemebox img { position:relative; width:100%; }
.subthemebox img:hover { cursor: pointer; }
.themelink { padding:10px; padding-left:5px; padding-right:5px; line-height:300%; font-size:13pt; }
@media (min-width: 420px) { .themelink { font-size:10pt; } }
@media (min-width: 768px) { .themelink { font-size:13pt; } }

.adtag { display:block; font-size:10pt; }
.matchedcontent { margin-top:10px; margin-bottom:10px; }
.outdoorsyhome { padding:15px; padding-top:0px; font-size:9pt; font-family: 'Open Sans', sans-serif; text-align:left; }

.reservationbigboxouter { }
.reservationbigbox { margin-left:8px; width:45%; max-width:300px; }
@media (min-width: 768px) {
   .reservationbigbox { margin-left:0px; width:100%; }
   .outdoorsyhome { text-align:center; }
}
@media (min-width: 992px) {
   .reservationbigbox { margin-left:0px; width:45%; }
   .outdoorsyhome { text-align:left; }
}
a.boldlink { Xtext-decoration:underline !important; font-weight:bold; }
.hr { margin-top:10px; margin-bottom:10px; }
#nycampingintro { background-color:#144d71; padding:20px; color:white; margin-bottom:10px; }

.social { font-family:arial; font-size:6pt; padding-left:5px; float:right; margin-top:3px; }

.fa, .far {
  padding: 6px;
  font-size: 14px;
  width: auto;
  text-align: center;
  text-decoration: none;
  margin: 5px 1px;
}

.Xfa-top { font-size: 21px !important; width:40px; }

.fa-sm {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    padding:4px; font-size:16px;
}

@media (min-width: 375px) {
.fa, .far { padding:7px; margin: 3px 1px; }
.social { font-size:8pt; margin-top:3px; }
}

@media (min-width: 768px) {
.fa, .far { padding:8px; font-size: 14px; }
.Xfa-top { font-size: 21px !important; width:40px; }
.social { font-size:9pt; margin-top:5px; }
}

.fa:hover, far:hover {
    opacity: 0.7;
}

.li_social { margin-right: -20px !important; }
.socialbuttons { display:none; margin-top:-55px; Xmargin-bottom:-19px; padding-right:0px; margin-right:-12px; float:right; }
@media (min-width: 768px) { .socialbuttons { margin-top:-57px; } }
.socialbuttons-top { Xmargin-bottom:10px; display:none; }
.socialbuttons-hometop { display:none; }
@media (min-width: 768px) {
   .socialbuttons-top { display:block; Xmargin-bottom:-23px; }
   .socialbuttons-hometop { position:absolute; bottom:22px; }
}
@media (min-width: 992px) { .socialbuttons-hometop { display:block; } }
.sociallabel { font-size: 9px; margin-top:-3px; display:inline-block; }

.search-button {
    margin-left: 0px;
    margin-right: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: #144d71;
    height: 37px;
    padding-top: 9px; padding-right: 11px;
}
.search-button1 {
    margin-left: -6px;
    margin-right: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: #144d71;
    height: 35px;
    padding-top: 9px; padding-right: 8px
    position:relative;
    float:left;
}
@media (min-width: 768px) { .search-button { float:left; height:33px; } }
.glyphicon.glyphicon-search {
    font-size: 16px; top:-1px;
}
.white, .white a { color: #ffffff; }
.instagrambutton { padding-bottom:10px; }
@media (min-width: 768px) { .instagrambutton { top: -138px; text-align:right; left:-88px; } }
@media (min-width: 992px) { .instagrambutton { top: -36px; text-align:center; left:auto; } }


.sociallabel { font-family: 'Open Sans', sans-serif; margin-left:5px; vertical-align:middle; }
@media (min-width: 768px) { .sociallabel { display:none; } }
@media (min-width: 992px) { .sociallabel { display:inline-block; font-size:13px; } }
.space10 { clear:both; height:10px; }
.space15 { clear:both; height:15px; }
.topbanneradj { margin-top:10px; min-height:73px; }

.zoomimagetoggle {
  padding: 0px;
  background-color: black;
  transition: transform .2s;
  Xwidth: 300px;
  Xheight: 300px;
  margin: 0 auto;
}

.zoomimagetoggle:hover {
  -ms-transform: scale(2.5); /* IE 9 */
  -webkit-transform: scale(2.5); /* Safari 3-8 */
  transform: scale(2.5); 
}

.hover_img:hover { 
  position:absolute; 
  display:block; 
  z-index:99;
  left:50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.hover_img { 
  position:relative;  
}
.hover_img:hover { 
  position:absolute; 
  display:block; 
  z-index:99;
  left:50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.zoomableimage4 { width:24%; display:inline-block; text-align: center; }
.zoomableimage { width:100%; }
.verysmall { font-size:9pt; }

.starburst {
  Xfont: 4em/1.4 'Lobster', georgia, serif;
  font: 2.6em/1.4 'Lobster', georgia, serif;
  Xbackground: #202020;  
  background: #710802; 
  width: 2.5em;
  height: 2.5em;
  text-align: center;
  color: #fff;
}

.starburst,
.starburst span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.starburst span {
  width: 100%;
  height: 100%;
  background: inherit;
  transform: rotate(-15deg);
}

.starburst:before,
.starburst:after ,
.starburst span:before,
.starburst span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  z-index: -1;
  transform: rotate(30deg);
}

.starburst:after { transform: rotate(-30deg); }
.starburst span:after { transform: rotate(30deg); }
.starburst span:before { transform: rotate(-30deg); }

.bestcampgroundhome {
  position: absolute;
  top: -8%;
  left: 62%;
  margin-top: 100px;
  margin-left: 100px;
  z-index:10;
}
#bestcampgroundhome-1 {
  left:25%;
  transform: rotate(-10deg);
}

.starbursttext { color:#ffffff; font-size:14px; font-family:sans-serif; line-height:1.2; }

.example {
  position: absolute;
  top: 50%;  
  margin-top: -1.25em;
  margin-left: -1.25em;
}

#example-1 {
  left: 25%;
}

#example-2 {
  left: 75%;
  transform: rotate(-45deg);
}


.covid19header { color:white; background-color:#af0505; font-size:12px; padding:4px; font-family:arial; min-height:46px; }
.covid19header a:link, .covid19header a:visited { color:#eee; font-weight:600; font-family:arial; font-size:11px; }
.covidmessage { display:inline-block; text-align:center; margin-top:10px; }
.covidbutton { display:inline-block; position:absolute; width:28%; text-align:left; margin-top:6px; }
.covbutton { display:inline-block; Xwidth:70px; padding:6px; padding-left:8px; padding-right:8px; background-color:#6b0504; border-radius: 3px; }

.nyscp2header { color:white; background-color:#af0505; font-size:12px; padding:0px; font-family:arial; }
.nyscp2header a:link, .nyscp2header a:visited { color:#eee; font-weight:600; font-family:arial; font-size:11px; }
.nyscp2placeholder { text-align:center; width:100%; min-height:42px; }
.nyscp2message { Xdisplay:inline-block; Xwidth:100%; text-align:center; margin-top:10px; font-size:14px; }
.accesstoken { display:inline-block; width:100%; text-align:center; margin-top:12px; margin-bottom:10px; font-size:14px; }
.inputtoken { color:black; }
.nyscp2button { Xdisplay:inline-block; Xposition:absolute; Xwidth:28%; text-align:center; margin-top:6px; pointer:hand; }
.nyscp2tton { display:inline-block; Xwidth:70px; padding:6px; padding-left:8px; padding-right:8px; background-color:#6b0504; border-radius: 3px; }
@media (min-width: 600px) { .nyscp2message { Xfloat:left; Xwidth:50%; margin-top:15px; } .accesstoken { width:50%; margin-top:10px; } }

.covid19message { font-size:19px; }
.covid19message a:link, .covid19message a:visited { font-size:18px; font-weight:900; color:darkgreen; text-decoration:underline!important; }

@media (min-width: 400px) { .covidmessage { width:60%; margin-top:10px; } }
@media (min-width: 450px) { .covidmessage { width:70%; margin-top:10px; } }

@media (min-width: 500px) { .covidmessage { width:70%; margin-top:6px; font-size:14px; } }
@media (min-width: 500px) { .covidbutton { margin-top:2px;} }

@media (min-width: 600px) {
   .covid19header { font-size:14px; padding:10px; padding-left:20px; }
}

@media (min-width: 768px) {
   .covid19header a:link, .covid19header a:visited { font-size:14px; }
   .covidbutton { margin-top:-1px; }
}
@media (min-width: 992px) {
   .covid19header { padding:18px; }
   .covidmessage { width:28%; padding-left:0px; margin-top:3px; }
   .covidbutton { width:18%; padding-top:0px; margin-top:-3px; }
}
@media (min-width: 1200px) {
   .covid19header { padding:18px; }
   .covidbutton { position:relative; padding-top:0px; }
}
#covid19message  .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
}
#covid19message .tab-content {
  Xpadding : 5px 15px;
}
#covid19message>ul { background-color: #eee; }
#covid19message>ul>li>a:link, #covid19message>ul>li>a:visited { text-decoration:none!important; }
#covid19mmesage>.nav-pills>li {
    float: left;
    background-color: #eee;
}
.covidstrong { font-weight:900; font-size:18px; font-family:arial; }
.keytakeawaytitle { color:white; background-color:darkred; padding:5px; padding-left:10px; Xwidth:100%; margin-top:-20px; margin-left:-10px; margin-right:-10px; }
@media(min-width: 600px) { .keytakeawaytitle { letter-spacing:2px; } }
.keytakeaway { margin-top:15px; margin-bottom:15px; color:#460303; background-color:#eee; padding:10px; font-family:arial; font-size:14px; }

.Xcovid19message>p { color:red; }

.wildernessvans_explore_home { padding-top:5px; padding-bottom:15px; }
.wildernessvanad { border:1px solid #333; }
.wildernessvanad1 { text-align:center; }
.wildernessvanad3 { text-align:right; }
@media (min-width: 768px) { .wildernessvanad4 { text-align:center; margin-top:15px; margin-bottom:10px; } }
.wildernessvan_leftsidebar { text-align:center; }
@media (min-width: 768px) { .wildernessvan_leftsidebar { text-align:left; margin-left:0px; } }
@media (min-width: 992px) { .wildernessvan_leftsidebar { text-align:left; margin-left:20px; } }
.wildernessvan_home_midpage { text-align:center; margin:7px; margin-left:-15px; margin-right:-15px; }
.wildernessvan_fcprp_campdesc300x200 { text-align:center; margin-top:5px; margin-bottom:10px; }
@media (min-width: 768px) { .wildernessvan_home_midpage { margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:-5px; } }

#nycampingintroright { margin-left:15px; }
@media (min-width: 768px) { #nycampingintroright { margin-left:0px; } }
.joinourfbbanner { Xmargin-top:10px; margin-bottom:10px; float: left; width:48%; }
@media (min-width: 768px) { .joinourfbbanner { width:100%; margin-top:10px; } }
.groupbg { color:white; background-color:#39589b; font-size:14px; height:200px; letter-spacing:.9px; padding:10px; width:98%; text-align:center; font-family: 'Cherry Cream Soda'; }
@media (min-width: 500px) { .groupbg { font-size:16px; padding:15px; height:210px; } }
@media (min-width: 600px) { .groupbg { font-size:16px; padding:15px; height:200px; } }
@media (min-width: 650px) { .groupbg { font-size:17px; padding:20px; height:200px; } }
@media (min-width: 768px) { .groupbg { font-size:12px; padding:10px; height:153px; line-height:1.4; } }
@media (min-width: 992px) { .groupbg { font-size:13px; padding:10px; height:177px; line-height:1.5; } }
@media (min-width: 1200px) { .groupbg { font-size:16px; padding:10px; height:213px; line-height:1.6; } }

#homepagefbbanner { display: block; padding-bottom:15px; }
@media (min-width: 768px) { #homepagefbbanner { display: none; } }
.littletopbutton { margin-left:5px; padding:3px; border-radius:5px; background-color:#337ab7; }

.campgroundlegend { font-size:12px; width:240px; }
.campgroundlegend>ul { list-style-type:none; -webkit-padding-start: 0px; }
.campgroundlegend>table>tbody>tr>td { font-size:11px; padding-right:5px; padding-bottom:5px; text-align:top; }
@media (min-width: 500px) {
   .campgroundlegend { font-size:14px; width:440px; }
   .campgroundlegend>table>tbody>tr>td { font-size:13px; padding-right:5px; padding-bottom:5px; text-align:top; }
}

.campgroundsubtitle { margin-bottom:10px; }

/*Fb Comments Width Fix*/
.fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe {
            max-width: 100% !important;
            width: 100% !important;
}
.locationmapintro { margin-left:15px; margin-right:15px; margin-bottom:10px; font-size:11px; }
#facebooklogin { float:right; margin-top:10px; margin-bottom:0px; }
.Xnavbar-collapse.in { overflow-x:hidden; }
@media (min-width: 768px) {
   .navbar-secondary { height:61px; }
}
.fa-facebook-square { color:#3b5998; }
.fa-instagram-square { color:#fb3958; }
.fa-youtube-square { color:#FF0000; }
.fa-socialbuttons {
   margin-right:10px;
   background-image: linear-gradient(#fff,#fff); background-repeat: no-repeat;
   background-size: 84% 84%; background-position: center; cursor:pointer;
   font-size:38px;
}
@media (min-width: 992px) { .fa-socialbuttons { font-size:50px; } }

.nounderline { border-bottom:1px; }
.nodecore, .nodecore:hover, .nodecore:focus { border-bottom:1px; color:inherit; }

/* green nav buttons */
a { color: #2b6102; border-bottom:1px solid #2b610247; }
.nav>li>a { color: #2b6102; background-color: #eee; border-color: #2b6102; border-color: #c7dcb7; }
.nav>li>a:hover, .nav>li>a:focus { color: #428bca; border-bottom:1px solid #428bca; }
.nav-tabs>li>a:hover, .nav-tabs>li>a:focus { color:white!important; background-color: #027b02!important; } /* focus bg color */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { background-color: #006400!important; border: 1px solid #c7dcb7!important; }
.nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { background-color: #027b02!important; border: 1px solid #006400!important; }

.nav-link>li>a { background-color:transparent; padding:0px; line-height:1.0; }
.nav-link>li>a:hover, .nav-link>li>a:focus { background-color:transparent; }

.siteon { color: #2b6102; }
.siteoff { color: #a50303!important; }
.button { color:white; Xbackground-color: #006400; cursor:pointer; display:inline; }
.button:hover, button:focus { color:#fff; background-color:#027b02; }
.navbar-toggle .icon-bar { background-color: white; }

#menu-primary-navigation>li>a { color:white; background-color: #291c0d; border-bottom:transparent; }
#menu-primary-navigation>li.active>a { color: #428bca !important; border-bottom: 3px solid #428bca; }
#menu-primary-navigation>li>a:hover { color:#549bd8 !important; border-bottom:3px solid #549bd8; }
#menu-primary-navigation>li>a:focus { color:#549bd8 !important; outline:0; }

.nav-secondary>li>a { position:relative; display: block; color:#eee; line-height:20px; border-bottom:transparent; }

.footer-navigation>li>a { color:white; background-color: #291c0d; border-bottom: 3px solid transparent; }
.footer-navigation>li.active>a { color: #428bca !important; border-bottom: 3px solid #428bca; }
.footer-navigation>li>a:hover { color:#549bd8 !important; background-color:transparent; border-bottom:3px solid #549bd8; }
.footer-navigation>li>a:focus { color:#549bd8 !important; outline:0; }

.sidebarnav>li>a { background-color:#f9f9f9!important; border-color: #c7dcb7; }
.glyphicon-overviewpage { color: #006400!important; }
.ion-campmap { color: #006400!important; }
.glyphicon-overviewpage { display:none; }
@media (min-width: 500px) { .glyphicon-overviewpage { display:inline; } }
.glyphicon-overviewpage:hover { color: white!important; display:none; }
.iconhover { color: white!important; }

.sizetabs>li>a { background-color:#f9f9f9; border-radius:4px 10px 0 0; }
@media (min-width: 768px) { .sizetabs { border-radius:4px 25px 0 0; } }

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] { background-color: #006400; }

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { background-image: none; }

.hidead { display:none!important; height:0px!important; }
.nav>li.disabled>a:hover { background-color: #777!important; }
.nav>li.disabled>a:active { background-color: #777!important; }

.btn-green { color:white; background-color: #006400; outline:none; }
.btn-green:hover, .btn-green:focus, .btn-active { color:#eee; background-color:#0e7b0e!important; }
.btn-green, .btn-green:hover{ background-color:#006400; }

.cancellationalert { text-align:center; font-size:15px; font-weight:bold; color: darkred; margin-top:12px; margin-bottom:22px; }
@media (min-width: 768px) { .cancellationalert { font-size:16px; } }
.btn-alert { color:white; background-color: darkred; outline:none; padding-right:8px; font-size:15px; }
.btn-alert:hover, .btn-alert:focus, .btn-alert:active { color:#eee; background-color:darkred!important; }
.btn-alert, .btn-alert:hover{ background-color:darkred; }

.btn-home { width:100%; display:block; }
#opencampgrounds { clear:both; Xpadding-top:12px; }
@media (min-width: 768px) { #opencampgrounds { padding-top:12px; } }
#opencampgrounds>h4 { padding-bottom:10px; }
#openearly { clear:both; Xpadding-top:12px; }
@media (min-width: 768px) { #openearly { padding-top:12px; } }
#openearly>h4 { padding-bottom:10px; }
.noleftrightpad { padding-left:15px; padding-right:15px; }
@media (min-width: 768px) { .noleftrightpad { padding-left:0px; padding-right:0px; } }

.buttonrow { list-style:none; padding-inline-start:0px; display:inline-block; margin-bottom:-17px; }
.buttonrow>li { float:left; padding-right:10px; margin-bottom:5px; text-align:center; width:100%; }
@media (min-width: 600px) { .buttonrow>li { width:auto; } }

.explorearea { width:94%; height:50vw; background-color:#eee; margin-bottom:15px; display:inline-block; position:relative; border:1px solid black; }
@media (min-width: 768px) { .explorearea { width:100%; height:31.9vw; } }
@media (min-width: 992px) { .explorearea { height:29.4vw; } }
.exploreareaimage { width:100%; height:185px; }
.explorearealabel { width:100%; Xbackground-color:#eee; padding:10px; position:absolute; bottom:0px; text-align:center; }
.explorearealabel1 { margin-top:2px; margin-bottom:2px; font-size:15px; }
.nymapforhomepage {  background-image: url("../images/nymapforhomepage.png"); background-size:cover; background-repeat:none; Xheight: 28vw; cursor:pointer; }
.campsitefinder { width:90%; background-image: url("../images/campsitefinder.png"); background-size:cover; background-repeat:none; Xheight: 28vw; cursor:pointer; }
@media (min-width: 600px) { .campsitefinder { width:91.4% } }

.quickpeek {  background-image: url("/campsiteguide1/fishcreek/20170809/IMG_1084.jpg"); background-size:cover; background-repeat:none; Xheight: 28vw; cursor:pointer; }
.campgroundthemes {  width:90%; Xbackground-image: url("/campsiteguide1/fishcreek/20170809/IMG_1084.jpg"); background-size:cover; background-repeat:none; Xheight: 28vw; cursor:pointer; }
@media (min-width: 600px) { .campgroundthemes { width:91.4% } }

.username { position:absolute; float: right; bottom:18px; right: 30px; margin-top:-7px; margin-bottom:10px; }
@media (min-width: 768px) { .username { position:relative; margin-bottom:0px; } }
.userline, .userline:hover, .userline:active, .userline:focus { color:#f3ac00; }
.userline:hover { color:#f3c860; }
.userline { border-bottom:0px; }
#backtotop { display:none!important; }
.campgroundthemes>ul { list-style:none; padding-inline-start:0px; padding:12px; font-family: 'Cherry Cream Soda'; margin-top:-5px; }
.campgroundthemes>ul>li { font-size:8px; }
@media (min-width: 500px) { .campgroundthemes>ul>li { font-size:.92vh; margin-top:0px; } }
@media (min-width: 600px) { .campgroundthemes>ul>li { font-size:1.1vh; margin-top:0px; } }
@media (min-width: 700px) { .campgroundthemes>ul>li { font-size:1.3vh; margin-top:0px; } }
@media (min-width: 768px) { .campgroundthemes>ul>li { font-size:.78vh; margin-top:0px; } }
@media (min-width: 800px) { .campgroundthemes>ul>li { font-size:.77vh; } }
@media (min-width: 850px) { .campgroundthemes>ul>li { font-size:.80vh; } }
@media (min-width: 900px) { .campgroundthemes>ul>li { font-size:.86vh; } }
@media (min-width: 992px) { .campgroundthemes>ul>li { font-size:.98vh; } }
@media (min-width: 1100px) { .campgroundthemes>ul>li { font-size:1.02vh; } }
@media (min-width: 1200px) { .campgroundthemes>ul>li { font-size:1.22vh; } }

@media (min-width: 992px) { .col-md-9 { width: 77%!important; } .col-md-3 { width:23%!important; } }

.adjmobile { padding-left:0px; }
@media (min-width: 768px) { .adjmobile { padding-left:15px; } }


/*--- mobile menu ---*/

.mobilerightsidesearch { display:inline-block; margin-bottom:-15px; margin-left:-8px; }
.topinfobutton { display: flex; font-size: 16px; padding-top: 8px; padding-left: 10px; }
.topinfobutton1 { float:left; margin-top:5px; }
.searchbox { float:left; margin-bottom:10px; }
.clickable { cursor: pointer; }
.fa-topsearchinfo, fa-topsearchinfo:hover { font-size: 19px; color: white; }
.fa-topsearch, .fa-topsearch:hover { font-size: 17px; color:white; }
.fa-topsearchinfo, fa-topsearchinfo:hover { font-size: 19px; }
.fa-topsearchinfo1, fa-topsearchinfo1:hover { font-size: 23px; color:#555; margin-left:10px; }

.mobile-collapse { margin-left: -10px!important; margin-right: -10px!important; padding-right:0px; overflow-y:visible!important; }
.mobilemenu { list-style: none; padding-inline-start: 0px; padding-top: 25px; }
.mobilemenu>li { float: left; list-style: none; width: 50%; min-height: 105px; }
.mobileitems { height:34px; }
.mobileitems>a { color:white; }
.menunote {
    width: 100%;
    max-width: 220px;
    margin-top: 7px;
    margin-bottom: 10px;
    font-size: 12px;
    letter-spacing: .4px;
    color: #ffffff;
    display: block;
    padding-right: 18px;
}