/*Header blurb styles*/
.ExploreJax_Header_Blurb_Title { display:none; }
.ExploreJax_Header_Blurb_Text { display:none; }
.ExploreJax_Header_Blurb_Image { display:none; }
/*Show editable regions in edit mode*/
.EditMode .ExploreJax_Header_Blurb_Title { display:block; }
.EditMode .ExploreJax_Header_Blurb_Text { display:block; max-height: 220px; overflow: scroll; }
.EditMode .ExploreJax_Header_Blurb_Image { display:block; }
/*Blurb Box Container (simple margins)*/
.ExploreJax_Header_Blurb_Container { display:none; }
.ExploreJax_Header_Blurb_Container.True { display: block; min-height: 320px; padding-bottom: 25px; position: relative; }
@media screen and (max-width:600px) { .ExploreJax_Header_Blurb_Container.True{ margin-bottom:15px; padding-bottom:0px; } }
/*Title Text*/
.Header_Blurb_Title { padding-left:48%; padding-right:15px; z-index: 1; position: relative; padding-top:28px; margin-bottom:25px; display: inline-block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  font-size: 25px; font-weight: 600; text-transform: uppercase; color: white; text-decoration: none !important; text-shadow: 2px 2px black; max-height: 48px; overflow: hidden; }
/*Parks headers should be green*/
.Parks_List_Container .Header_Blurb_Title { color: white; }
@media screen and (max-width:600px) { .Parks_List_Container .Header_Blurb_Title { color: #245312; } }
/*Mobile Styles*/
@media screen and (max-width:600px) { .Header_Blurb_Title {padding-left:0px; margin-bottom:15px; display: block; overflow: visible; max-height: none; text-shadow:none; color:#245312; } }
/*Blurb Body text*/
.Header_Blurb_Text { padding-left: 48%; padding-right: 10px; color: white; position: relative; display: inline-block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; max-height: 201px; line-height: 22px; font-size: 14px; overflow: hidden; word-break: break-word; }
@media screen and (max-width:600px) { .Header_Blurb_Text {padding-left:0px; padding-right:0px; display:block; max-height:none; overflow:visible; color:black; } } 
/*Link Styles*/
.Header_Blurb_Text a { color:#8fc4f5; text-decoration: none !important; }
.Header_Blurb_Text a:hover { color:#fc0; text-decoration: underline !important; }
.Header_Blurb_Text a:visited { color:#8fc4f5; }
.Header_Blurb_Text a:active { color:#fc0; }
.Parks_List_Container .Header_Blurb_Text a { color: #dfefff; text-decoration: none !important; }
.Parks_List_Container .Header_Blurb_Text a:hover { color: #fc0; text-decoration: underline !important; }
.Parks_List_Container .Header_Blurb_Text a:visited { color: #dfefff; }
.Parks_List_Container .Header_Blurb_Text a:active { color: #fc0; }
/*Blurb image styles*/
.Header_Blurb_Image_Overlay { background-image: url(/App_Themes/jax01/images/parks/ExploreJaxOverlayGreen.png); width: 100%; height: 100%; background-size: 100% 100%; position: absolute; border-radius: 0px 0px 10px 10px; }
@media screen and (max-width:600px) { .Header_Blurb_Image_Overlay{ height: 280px; background-size: 204% 100%; top: 0px; } }
.Header_Blurb_Image { width: 60%; height: 100%; min-height: 280px; position: absolute; background-repeat: no-repeat; background-position: top; min-height: 280px; background-size: cover; border-radius: 0px 0px 10px 10px; }
@media screen and (max-width:600px) { .Header_Blurb_Image{width:100%; height: 280px; position:relative;} }

/*Large Header Image (video fallback)*/
#welcome_header .stage .explorejax_parks_home_image_container { min-width:100%; }
#welcome_header .stage .explorejax_parks_home_image_container img { min-width:1250px; min-height:330px; }

/*Featured Park Section*/
.Featured_Park_Header { text-transform: uppercase; font-size: 2em; margin-left: 23px; font-weight: 600; color: #011f36; margin-right: 5px; margin-bottom: 5px; margin-top: 10px; }
@media screen and (max-width:875px){ .Featured_Park_Header{ margin-left: -2px; } }
@media screen and (max-width:388px){ .Featured_Park_Header{ font-size: 8vw; margin-left: 0px; } }
.Featured_Park_Link_Text, .Featured_Park_Link_URL { display:none; }
.EditMode .Featured_Park_Link_Text, .EditMode .Featured_Park_Link_URL { display:block; }
/*Randomly selected & Shown featured park styles*/
.randomly_selected_featured_park { background-color: #011e36; display: block; margin: 0px; line-height: 0px; padding: 0px; }
@media screen and (max-width:875px) { .randomly_selected_featured_park { border: 5px solid #011e36; } }
.randomly_selected_featured_park .ExploreJaxTransformation{ height: 308px;  display:none; position:relative; }
@media screen and (max-width:875px) { .randomly_selected_featured_park .ExploreJaxTransformation { height: auto; } }
.randomly_selected_featured_park .ChosenTransformation { display:block; }
.randomly_selected_featured_park .ExploreJax_List_Image_Overlay_Gradient { background-image: url(/App_Themes/jax01/images/parks/ExploreJaxOverlayGreen.png); background-size: 860px 310px; background-position: top left; background-repeat: no-repeat; width: 100%; height: 100%; position: absolute; }
@media screen and (max-width:875px) { .randomly_selected_featured_park .ExploreJax_List_Image_Overlay_Gradient{ background-image: url(/App_Themes/jax01/images/parks/exploreJaxGradientLeft.png); Background-size: 300% 100%; height: 100px; margin-top: 213px; background-position: left; }  }
.randomly_selected_featured_park .ExploreJAX_imageBox img{ min-height: 308px; max-height:308px; min-width: 500px; max-width:500px; object-fit: cover;  max-width:100%; }
@media screen and (max-width:875px) { .randomly_selected_featured_park .ExploreJAX_imageBox img{ min-width: 100%; max-width:100%; } }
.randomly_selected_featured_park .ExploreJAX_textBox { margin-left: 420px; position: relative; margin-top: -282px; line-height: 1.5em; height:280px; background-repeat: no-repeat; background-position: right 35px bottom 30px; background-image: url(/App_Themes/jax01/images/parks/tiny_green_arrow.png); }
@media screen and (max-width:875px){ .randomly_selected_featured_park .ExploreJAX_textBox{  margin-left: 0px; padding-right: 0px; margin-top: -78px; margin-bottom:-6px; background-image: url(); height: auto; }  }
/*@media screen and (max-width:874px) { .randomly_selected_featured_park .ExploreJAX_textBox { margin-left: 420px; } }*/
.randomly_selected_featured_park .ExploreJax_title { padding-right:15px; font-size: 25px; font-weight: 600; text-transform: uppercase; color: #dfefff; text-decoration: none !important; text-shadow: 2px 2px black; max-height: 48px; overflow: hidden; }
@media screen and (max-width:875px){  .randomly_selected_featured_park .ExploreJax_title {  padding-left:25px; } }
@media screen and (max-width:420px) {  .randomly_selected_featured_park .ExploreJax_title {  font-size: 6vw; } }
.randomly_selected_featured_park .ExploreJax_title a { text-decoration: none !important; color: #cbe48b; } 
@media screen and (max-width:875px){ .randomly_selected_featured_park .ExploreJax_title a { color:white; } }
/*.randomly_selected_featured_park .ExploreJax_title a:hover { text-decoration: underline !important; color: #dfefff; } */
.randomly_selected_featured_park .ExploreJAX_infobox { position: relative; margin-top: 16px; padding-top: 8px; padding-right: 60px; padding-bottom: 0px; font-size: 0.9em; color: #797979; }
@media screen and (max-width:875px){  .randomly_selected_featured_park .ExploreJAX_infobox { background-color: white; position: relative; margin-top: 16px; border-top: solid #cbe48b 5px; padding: 25px; padding-right: 60px; height: 169px; padding-bottom: 0px; font-size: 0.9em; color: #797979; overflow: hidden; display: inline-block; background-image: url(/App_Themes/coj3/images/exploreJax/ExploreJax_List_Arrow_Parks.gif); background-repeat: no-repeat; background-position: right 15px bottom 15px; } }
.randomly_selected_featured_park .ExploreJax_address { display:none; }
.randomly_selected_featured_park .ExploreJax_hours { display:none; }
.randomly_selected_featured_park .ExploreJax_history_abbreviated { line-height: 1.6em;  }
.randomly_selected_featured_park .ExploreJax_featured_parks_link { color: #cbe48b; text-decoration:none; margin-top: 5px; display: inline-block; }
.randomly_selected_featured_park .ExploreJax_featured_parks_link:hover { color: #cbe48b; text-decoration:underline; }
@media screen and (max-width:875px){ .randomly_selected_featured_park .ExploreJax_featured_parks_link, .randomly_selected_featured_park .ExploreJax_featured_parks_link:hover { color:#30567d; font-weight:600; } }
.randomly_selected_featured_park .ExploreJax_abbreviated_text  { color: white; position: relative; display: inline-block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; max-height: 157px; overflow: hidden; word-break:break-word; }
@media screen and (max-width:875px) { .randomly_selected_featured_park .ExploreJax_abbreviated_text  { color: #797979; -webkit-line-clamp: 5; max-height: 115px; } }
/*@media screen and (max-width:1024px) { .randomly_selected_featured_park .ExploreJax_abbreviated_text{ -webkit-line-clamp: 6; max-height: 135px; } }
@media screen and (max-width:874px) { .randomly_selected_featured_park .ExploreJax_abbreviated_text{ -webkit-line-clamp: 4; max-height: 90px; } }*/
.randomly_selected_featured_park .ExploreJAX_Bottom_right_arrow_link { width: 50px; height: 100px; display: block;  background-size: 19px 31px; background-repeat: no-repeat; background-position: center; position: absolute; right: 20px; top: 119px;font-size: 0px; }
@media screen and (max-width:875px) { .randomly_selected_featured_park .ExploreJAX_Bottom_right_arrow_link { right: 0px; height: 80px; } }
.randomly_selected_featured_park .ExploreJax_amenities { display:none; }

/*Jaxparks Links Section (under the Featured Park section)*/
.exploreJax_parks_homepage_header {  font-size: 0.85em; margin-top: 15px; margin-bottom: 22px; }
.exploreJax_parks_homepage_header h1 {  color: #527d30 !important; font-weight: 800 !important; }
.explorejax_jaxparks_homepage_links { background-color:#e3e8e0; text-align:center; }
@media screen and (max-width:512px) { .explorejax_jaxparks_homepage_links{ text-align:left; } }
.explorejax_parks_home_link { display:none; background-position: left; background-size: 27px 27px; padding-top: 5px; padding-bottom: 3px; background-repeat: no-repeat; margin-right: 10px; margin-left: 10px; text-align: left;}
.explorejax_parks_home_link_has_content { display:inline-block; }
@media screen and (max-width:512px) { .explorejax_parks_home_link_has_content { display:block; } }
.explorejax_parks_home_link a { display:block; color: #527d30 !important; text-decoration:none !important; padding-left: 30px; font-weight: 600; font-size: 1.2em; line-height: 1em; padding-top: 8px; padding-bottom: 8px; padding-right: 10px; }
.explorejax_parks_home_link a:hover { text-decoration:underline !important; }
.EditMode .explorejax_parks_home_link { display:block; }
.parks_link_text { display:none; }
.EditMode .parks_link_text { display:block; }
.parks_link_url { display:none; }
.EditMode .parks_link_url { display:block; }
.explorejax_link_1 { background-image:url(/App_Themes/jax01/images/parks/icon_login_create.png); }
.explorejax_link_2 { background-image:url(/App_Themes/jax01/images/parks/icon_p_search.png); }
.explorejax_link_3 { background-image:url(/App_Themes/jax01/images/parks/icon_p_finder.png); }
.explorejax_link_4 { background-image:url(/App_Themes/jax01/images/parks/icon_marina.png); }

/*Jarksparks Guide link section*/
.ExploreJax_Guide_Pretext { margin-top: 20px; margin-bottom: 25px; }
.guide_container{ display: none; position: relative; width: 100%; margin-bottom: 55px;}
@media screen and (max-width:580px){ .guide_container{ margin-bottom:35px; } }
.EditMode .guide_container { display:inline-block; }
.guide_container_has_content { display: inline-block; }
.guide_photo { font-size:0px; display:none; position:relative; width: 230px; float: left; background-color: #d6d6d6; padding: 5px; box-shadow: 0px 4px 9px rgba(0,0,0,0.4); }
@media screen and (max-width:580px){ .guide_photo{ float:none; width: 85%; max-width:250px; margin-right: auto; margin-bottom: 15px;} }
.EditMode .guide_photo { font-size:1em; display:block; }
.contains_image .guide_photo { display:block; line-height:0px; }
.guide_photo img{ width:100%; }
.contains_image .guide_text { margin-left: 260px; }
@media screen and (max-width:580px){ .contains_image .guide_text { margin-left:0px; } }
.guide_title{ display:none; font-size: 1.6em; font-weight: 600; color: #527d30; }
.EditMode .guide_title{ display:block; }
.contains_title .guide_title { display:block; margin-bottom: 10px; }
.guide_title a{  color: #527d30 !important; text-decoration: none !important; }
.guide_title a:hover {  color: #527d30 !important; text-decoration: underline !important; }
.guide_URL { display:none; }
.EditMode .guide_URL { display:block; }
/*Column Handlers*/
.guide_text .two_column { -moz-column-count: 2; -moz-column-gap: 10px; -webkit-column-count: 2; -webkit-column-gap: 10px; column-count:2; column-gap: 10px; }
@media screen and (max-width:420px) {  .guide_text .two_column { -moz-column-count: 1; -webkit-column-count: 1;  column-count:1; }}
.guide_text .three_column { -moz-column-count: 3; -moz-column-gap: 10px; -webkit-column-count: 3; -webkit-column-gap: 10px; column-count:3; column-gap: 10px; }
@media screen and (max-width:580px) {  .guide_text .three_column { -moz-column-count: 2; -webkit-column-count: 2;  column-count:2; }}
@media screen and (max-width:420px) {  .guide_text .three_column { -moz-column-count: 1; -webkit-column-count: 1;  column-count:1; }}
.guide_text .four_column { -moz-column-count: 4; -moz-column-gap: 10px; -webkit-column-count: 4; -webkit-column-gap: 10px; column-count:4; column-gap: 10px; }
@media screen and (max-width:720px) {  .guide_text .four_column { -moz-column-count: 3; -webkit-column-count: 3;  column-count:3; }}
@media screen and (max-width:580px) {  .guide_text .four_column { -moz-column-count: 2; -webkit-column-count: 2;  column-count:2; }}
@media screen and (max-width:420px) {  .guide_text .four_column { -moz-column-count: 1; -webkit-column-count: 1;  column-count:1; }}
