@import url('/style/ext_style/popbox.css');
.ig-b- { display: inline-block;} .ig-b- img {visibility: hidden;} .ig-b-:hover { background-position: 0 -60px; }
.ig-b-:active { background-position: 0 -120px; } .ig-b-32 { margin-top:2px;width: 32px; height: 32px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-32.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution:192dpi), only screen and (min-resolution: 2dppx) { .ig-b-32 { background-image:url(//badges.instagram.com/static/images/ig-badge-sprite-32@2x.png); background-size: 60px 178px; } }
#pagearea {background-image: var(--hp-bckg-image); background-color: var(--hp-bg-color); padding-bottom: var(--hp-pgarea-pb);}
#hero_wrapper, .main_content_wrapper, .marketing_spots_wrapper, .social_spots_wrapper {clear: both;}
#hero_wrapper {height: var(--hp-hero-wrapper-height); box-shadow: none;}
.acm-search.adjusted .unifSearch {bottom: var(--hp-acmsearch-adjusted);}
.size4, .size5.poz1, .size5.poz2, .size4 img, .size5.poz1 img, .size5.poz2 img, .size4 .feature_name, .size5.poz1 .feature_name, .size5.poz2 .feature_name,  
.size4 .fs_wrapper, .size5.poz1 .fs_wrapper, .size5.poz2 .fs_wrapper, .size2, .size2 img, .size2 .feature_name, .size2 .fs_wrapper 
 	{width: calc((var(--home_page_width) - 20px) / 2);}
.size3, .size6, .size5.poz3, .size5.poz4, .size5.poz5, .size3 img, .size6 img, .size5.poz3 img, .size5.poz4 img, .size5.poz5 img,
.size3 div.feature_name, .size6 div.feature_name, .size5.poz3 div.feature_name, .size5.poz4 div.feature_name, .size5.poz5 div.feature_name,
.size3 div.fs_wrapper, .size6 div.fs_wrapper, .size5.poz3 div.fs_wrapper, .size5.poz4 div.fs_wrapper, .size5.poz5 div.feature_name {width: calc((var(--home_page_width) - 40px) / 3);}
.camping-spots, .social_spots, .marketing_spots {box-shadow: var(--hp-box-shadow); width: var(--home_page_width); margin: 0 auto; padding: 20px; 
	background-color: var(--hp-sections-bg-color); border-radius: var(--hp-sections-border-radius);}
.social_spots {background-color: var(--hpssbg-color);}
.camping-spots-content, .social_spots_content, .marketing_spots_content {
    display: flex;
    flex-wrap: wrap;
		justify-content: space-between; 
    align-items: flex-start;
    row-gap: 18px;
    column-gap: 20px;
    border-radius: var(--hp-border-radius);
}
.marketing_spots_content {align-items: stretch;}
.fs_wrapper {position: relative; border-radius: var(--hp-border-radius); overflow: hidden;}
.marketing_spots_content .fs_wrapper {width: 100%; height: 100%;}
.marketing_spots_content .mc.hpitem.cols2 img {border-radius: var(--hp-border-radius);}
.camping-spots-content div.feature_name {display: flex; position: absolute; bottom: 0; padding: 0; height: auto; opacity: var(--hp-tile-name-bkg-opacity);}
.marketing_spots_content .mc.hpitem.cols2 .feature_name {width: var(--hp-mktspot-featname-width);
	display: flex; position: absolute; top: var(--hp-mktspot-featname-toppoz); bottom: var(--hp-mktspot-featname-btmpoz);
	margin: var(--hp-mktspot-featname-margin); border-radius: var(--hp-mktspot-featname-border-radius); height: auto;
	background-color: var(--hp-mktspot-featname-background); color: var(--hp-mktspot-featname-color);}
.camping-spots-content div.feature_name p:after, .marketing_spots_content .mc.hpitem.cols2 .feature_name p:after {display: none;}
.camping-spots-content div.feature_name p, .marketing_spots_content .mc.hpitem.cols2 .feature_name p {
	white-space: break-spaces; overflow: hidden; text-overflow: ellipsis; min-width: 0; width: 100%; padding: 10px 0 10px 20px; height: auto; margin-top: 0;
}
.main_content_wrapper, .social_spots_wrapper, .marketing_spots_wrapper {padding: 0; margin-bottom: var(--hp-sections-gap);}
.social_spots_wrapper {background-color: var(--hpscbg-color); background-image: var(--hp-bckg-image); margin-top: var(--hp-social-top-margin);}
.hpitem {border-radius: var(--hp-border-radius); background-color: var(--hp-sections-bg-color);}
.sm.hpitem {background-color: var(--hpsmitem-bg-color);}
.hpitem iframe {border-radius: var(--hp-border-radius);}
.camping-spots .fs_overlay {
	background-color: var(--fs-overlay-background-color);
	color: var(--fs-overlay-color);
  font-family: 'Oswald', sans-serif;
  border-radius: var(--hp-border-radius);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 99%;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity = 80);
  display: none;
}
.camping-spots .size3 .fs_overlay, .camping-spots .size5.poz3 .fs_overlay, .camping-spots .size5.poz4 .fs_overlay, .camping-spots .size5.poz5 .fs_overlay, 
	.camping-spots .size5.poz6 .fs_overlay {height: 98%;}
.camping-spots .fs_overlay p {padding: 20px; font-size: 14px;}
.camping-spots .size4 .fs_overlay p, .camping-spots .size5.poz1 .fs_overlay p, .camping-spots .size5.poz2 .fs_overlay p, .camping-spots .size2 .fs_overlay p  {font-size: 18px;} 
/* New style home page (like MD) */
.camping-spots img {border-radius: var(--hp-border-radius);}
.camping-spots div.feature_name, .camping_spots .feature_spot_overlay {background: var(--hp-tile-name-background);}
.camping-spots div.feature_name p {overflow: visible;color: var(--hp-tile-name-color);font-size: var(--hp-tile-name-font-size); font-weight: 600;}
.marketing_spots_content .mc.hpitem.cols2 .feature_name p {overflow: visible;color: var(--hp-mktspot-featname-color);font-size: var(--hp-mktspot-featname-font-size); font-weight: 600;}
.camping-spots div.feature_name:after {
    content: var(--hp-tile-rght-arrow-content);
    font-family: FontAwesome;
    font-size: var(--hp-tile-rght-arrow-font-size);
    color: var(--hp-tile-rght-arrow-color);
    float: right;
    margin: var(--hp-tile-rght-arrow-margin);
}
.marketing_spots_content .mc.hpitem.cols2 .feature_name:after {
    content: var(--hp-mktspot-rght-arrow-content);
    font-family: FontAwesome;
    font-size: var(--hp-mktspot-rght-arrow-font-size);
    color: var(--hp-mktspot-rght-arrow-color);
    float: right;
    margin: var(--hp-mktspot-rght-arrow-margin);
}
.social_spots_content .sm.hpitem.cols2 {border-radius: var(--hp-border-radius); width: calc(((var(--home_page_width) - 20px) / 2) - 40px); padding: 20px;}
.social_spots_content .sm.hpitem.cols2.narrow {width: calc(((var(--home_page_width) - 20px) / 2) - 80px); padding: 20px 40px;}
.marketing_spots_content .mc.hpitem.cols2 {border-radius: var(--hp-border-radius); width: calc((var(--home_page_width) - 20px) / 2); display: flex; flex-direction: column;}
.marketing_spots_content .mc.hpitem.cols2 div.video {flex: 1; min-height: 285px;}
.marketing_spots_content .mc.hpitem.cols2 div iframe {width: 100%; height: 100%; min-height: 285px; border: none; display: block;}
.marketing_spots_content .mc.hpitem.cols2 img, .social_spots_content .sm.hpitem.cols2 img {width: 100%; height: 100%; object-fit: cover;}
.social_spots_content .sm.hpitem.cols1 {width: 100%;}
.camping-spots h1, .marketing_spots h1, .social_spots h1  {margin-bottom: 10px;}
.slides_nav_wrapper {
    height: 34px !important;
    border-radius: 17px !important;
    margin: 0 auto !important;
    position: relative !important;
    bottom: 50px !important;
    z-index: 1001 !important;
    background: #FFFFFFE5 !important;
    background-repeat: repeat-x !important;
    padding: 0 10px !important;
    opacity: 1.0 !important;
    border: none !important;
}
.camera_wrap .camera_pag .camera_pag_ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    position: relative;
    top: 1px;
    right: 2px;
    z-index: 1000;
    max-width: 156px;
    overflow: auto;
}
.camera_wrap .camera_pag .camera_pag_ul li {
    cursor: pointer;
    margin: 12px 8px;
    position: relative;
    text-align: left;
    text-indent: -9999px;
    float: left;
    border-radius: 6px;
    width: 10px;
    height: 10px;
    left: 0px;
    overflow: hidden;
    top: 0px;
    opacity: 1.0;
    background: var(--gray_color_300, #D0D5DD);
}
.camera_wrap .camera_pag .camera_pag_ul li > span {
    border-radius: 6px;
    width: 10px;
    height: 10px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    opacity: 1.0;
    background: var(--gray_color_300,#D0D5DD);
}
.camera_wrap .camera_pag .camera_pag_ul li:hover > span {background: var(--primary_color_500);}
.camera_wrap .camera_pag .camera_pag_ul li.camera_hover{
	opacity: 1.0 !important;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width: 10px;
	height: 10px;
	background: var(--cta_background);
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent {
    opacity: 1.0 !important;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 10px;
    height: 10px;
    background: var(--cta_background);
    color: #fff;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
	box-shadow: 0;
		opacity: 1.0 !important;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width: 10px;
	height: 10px;
	background: var(--primary_color_500);
}
/* END New style home page (like MD) */
.desktop-view {display: block;}
.mobile-view {display: none;}
@media (max-width: 767px) {
	:root {--home_page_width: 100%; --hp-pgarea-pb: var(--hp-pgarea-pb-mob);}
	.desktop-view {display: none;}
	.mobile-view {display: block;}
	.main_content_wrapper {margin-top: var(--hp-social-top-margin);}
	.camping-spots-content, .social_spots_content, .marketing_spots_content {row-gap: 10px; width: 100%; margin-bottom: 20px;}
	body#cgroundresultshomepage .unifSearch {margin-bottom: 20px;}
	.fs_overlay {display: none;}
	.marketing_spots_content .mc.hpitem.cols2 {width: 100%; height: auto;}
	.marketing_spots_content .mc.hpitem.cols2 iframe {width: 100%; min-height: 240px;}
	.marketing_spots_content .mc.hpitem.cols2 img, .social_spots_content .sm.hpitem.cols2 img {width: 100%; height: auto; object-fit: cover;}
	.social_spots_content .sm.hpitem.cols2 {width:  100%; height: auto;}
	.camping-spots, .marketing_spots, .social_spots {padding: 0;}
	.camping-spots h1, .marketing_spots h1 {padding: 10px 0 10px 0;}
	.social_spots_content .sm.hpitem.cols2.narrow {width:  100%; padding: 20px calc((100% - 370px) / 2);}
	.size4, .size5.poz1, .size5.poz2, .size4 img, .size5.poz1 img, .size5.poz2 img, .size4 .feature_name, .size5.poz1 .feature_name,  
		.size5.poz2 .feature_name, .size4 .fs_wrapper, .size5.poz1 .fs_wrapper, .size5.poz2 .fs_wrapper, 
		.size2, .size2 img, .size2 .feature_name, .size2 .fs_wrapper {width: 100%;}
	.marketing_spots_content .mc.hpitem.cols2 .feature_name {width: var(--hp-mktspot-featname-mobile-width);
		top: var(--hp-mktspot-featname-toppoz); bottom: var(--hp-mktspot-featname-btmpoz)}
	.img-responsive {display: block; width: 100%; height: auto; object-fit: cover;}	
	.size3, .size6, .size5.poz3, .size5.poz4, .size5.poz5, .size3 img, .size6 img, .size5.poz3 img, .size5.poz4 img, .size5.poz5 img, 
		.size3 div.feature_name, .size6 div.feature_name, .size5.poz3 div.feature_name, .size5.poz4 div.feature_name, .size5.poz5 div.feature_name, 
		.size3 div.fs_wrapper, .size6 div.fs_wrapper, .size5.poz3 div.fs_wrapper, .size5.poz4 div.fs_wrapper, .size5.poz5 div.feature_name {width: 100%;}		
	.camping-spots-content div.feature_name {bottom: 0;}
	.marketing_spots_content .mc.hpitem.cols2 div {height: 100%; min-height: 0;}
	.social_spots h1 {padding: 10px 0;}
	div.feature_name, div.feature_name p, .feature_spot_wrapper img, #camping_spots .large div.feature_name, #camping_spots .small div.feature_name {width: 100%}
	.flex-display-space-btwn {flex-direction: column; row-gap: 10px;}	
}