/*ExploreJax Park Detail View Styles*/ .Featured_Park_Title, .Featured_Waterway_Title { font-size: 2em; font-weight: 600; color: #3d592f; padding-bottom: 10px; display:none; } .Featured_Park_Title.True{ display:block; } .Featured_Waterway_Title.True{ display:block; } .Park_Image_Alt_Text { display:none; } .page_breadcrumb { opacity:0; } .page_breadcrumb.True{ opacity:1; } .stage .image_container { width:100%; } .ExploreJax_Parks_Detail table { width:100%; max-width:100%; } .content h2:first-of-type{ margin-top:0px; } /*Summary styles*/ .ExploreJax_Parks_Detail .item_detail .summary { padding:0px; } .exploreJax_summary_header{ background-color: #3d592f; padding: 15px; position: relative; } .background_photo { width: 100%; height: 350px; position: relative; overflow:hidden; background-size:cover; background-position:center; } .background_photo img { width: 100%; height: auto; min-height:100%; object-fit: cover; object-position: center; opacity:0.0; } /*Missing image icon*/ .background_photo .noimage_icon{ background-image:url(/App_Themes/coj3/images/exploreJax/if_empty/default_overlay.png); background-repeat:no-repeat; background-size:contain; background-position:center; background-size:50%; width: 50%; height: 100%; position: absolute; top: 0px; left: 0px; } @media screen and (max-width:800px) { .background_photo .noimage_icon{ width:100%; }} /*border styles*/ .absolute_border_top{ height: 26px; position: absolute; top: 0px; width: 100%; background-color: #3d592f; opacity: 0.4; } .absolute_border_left{ position: absolute; top: 26px; width: 26px; height: 298px; background-color: #3d592f; opacity: 0.4; } .absolute_border_right{ position: absolute; top: 26px; right: 0px; width: 26px; height: 298px; background-color: #3d592f; opacity: 0.4; } .absolute_border_bottom{ position: absolute; left: 0px; width: 100%; bottom: 0px; height: 26px; background-color: #3d592f; opacity: 0.4; } @media screen and (max-width:600px){ .absolute_border_bottom{ bottom:initial; top:324px; } } .detail_infobox{ position: absolute; top: 50px; right: 50px; margin-left:45px; padding: 15px; background-color: rgba(23, 56, 2, 0.68); border: solid 1px white; color: white; } @media screen and (max-width:600px){ .detail_infobox{ position: relative; margin: 0px; top:0px; left: 0px; border: 0px; padding: 15px;} } .detail_title_text{ margin-bottom: 5px; } .content .detail_title_text h1 { margin:0px; color:white !important; margin-top: 0px !important; font-size: 24px; } .ExploreJax_address { display:none; } .ExploreJax_address.True{ display:block; } .ExploreJax_address .Address_Link{ color: white; text-decoration: none; } .ExploreJax_hours { display:none; } .ExploreJax_hours.True{ display:block; } .pageContent a.Address_Link:link, .pageContent a.Address_Link:active, .pageContent a.Address_Link:visited{ color:white !important; text-decoration:none; } .pageContent a.Address_Link:hover{ color:#c9e4bc !important; text-decoration:underline; } .header_font { background-color: #e0e8e0; color: #144053; padding: 8px; } .header_font h2{ margin: 0px; padding: 0px; color: #144053; font-weight: 800; font-size: 1.2em; line-height: 1em; } .Amenities_Container { margin-top:8px; margin-bottom:8px; } /*The Supported Water Vessle Size*/ .Vessel_Size_Header{ display:none; } .Vessel_Size_Header.True{ display:inline-block; } .vessels_supported { display:none; } .vessels_supported.True { display:inline-block; padding-right:5px; } .Supported_Vessel_size { display:none; } .Supported_Vessel_size.True { display: inline-block; background-size: 32px 32px; background-position: left; padding-left: 40px; background-repeat: no-repeat; } .Supported_Vessel_size.Any { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Vessle_Any_White.png); } .Supported_Vessel_size.Under { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Vessle_Under22_White.png); } .Supported_Vessel_size.Jon { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Vessle_JonBoat_White.png); } .Supported_Vessel_size.Hand { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Vessle_HandLaunch_White.png); } /*Additioanl Waterway detail info (this also displays on the "All waterways" section as a detial blurb about the waterway)*/ .Additional_Features_Header{ display:none; } .Additional_Features_Header.True { display:block; } .Additional_Features_Text { display:none; padding-top:10px; padding-bottom:10px; /*padding-left:5px;*/ } /*Get directions link*/ .Get_Directions { background-color: #243804; margin-top: 15px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; } .Get_Directions a { text-decoration: none; margin-left: 0px; } /*The Park History section details additional park information*/ .park_history_title{ display:none; } .park_history_title.True{ display:block; } .park_history_text { padding-top: 10px; padding-left: 5px; padding-right: 5px; } .park_history_text table img{ max-width:100% !important; } .park_history_text table{ border:0px !important; text-align:left !important; } .park_history_text table tr { border:0px !important; text-align:left !important; } .park_history_text table td { border:0px !important; text-align:left !important; } /*Amenities label - Only display if an amenity is detected setting this to true*/ .Amenities{display:none;} .Amenities.True{display:block;} /*How all Amenity icons get displayed (style-wise)*/ .Amenities span { background-size: 26px 26px; background-position: left 2px; padding-left: 30px; width: 21%; background-repeat: no-repeat; font-size: 1em; padding-top: 8px; padding-bottom: 8px; font-weight: 600; line-height: 1em; } @media screen and (max-width:1138px){ .Amenities span{ width:27%; } } /*Three Column*/ @media screen and (max-width:700px){ .Amenities span{ width:42%; } } /*Two Column*/ @media screen and (max-width:480px){ .Amenities span{ width:auto; } } /*One Column*/ /*Amenity icons - These are all display:none by default and only appear if set to "true" */ .Amenities .Reef { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Reef.png); display:none; } .Amenities .Bait_Tackle { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Bait_Tackle.png); display:none; } .Amenities .Baseball { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Baseball.png); display:none; } .Amenities .Basketball { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Basketball.png); display:none; } .Amenities .Benches { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Benches.png); display:none; } .Amenities .BeachPier { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_BeachPier.png); display:none; } .Amenities .BikeRacks { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_BikeRacks.png); display:none; } .Amenities .BikeTrail { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_BikeTrail.png); display:none; } .Amenities .Birding { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Birding.png); display:none; } .Amenities .BoatDock { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_BoatDock.png); display:none; } .Amenities .BoatFuel { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_BoatFuel.png); display:none; } .Amenities .BoatPump { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_BoatPump.png); display:none; } .Amenities .BoatRamp { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_BoatRamp.png); display:none; } .Amenities .BoatTrailerParking { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_BoatTrailerParking.png); display:none; } .Amenities .CarParking { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_CarParking.png); display:none; } .Amenities .Canoe { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Canoe.png); display:none; } .Amenities .CanoeRental { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_CanoeRental.png); display:none; } .Amenities .CommunityCenter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_CommunityCenter.png); display:none; } .Amenities .ConcessionStand { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_ConcessionStand.png); display:none; } .Amenities .DrinkingFountain { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_DrinkingFountain.png); display:none; } .Amenities .Equestrian { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Equestrian.png); display:none; } .Amenities .Fencing { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Fencing.png); display:none; } .Amenities .FishingPier { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_FishingPier.png); display:none; } .Amenities .FitnessEquipment { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_WorkoutStation.png); display:none; } .Amenities .Football { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Football.png); display:none; } .Amenities .Golf { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Golf.png); display:none; } .Amenities .Grills { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Grills.png); display:none; } .Amenities .NonmotorizedLaunch { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_KayakLaunch.png); display:none; } .Amenities .HikingTrail { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_HikingTrail.png); display:none; } .Amenities .KayakLaunch { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_KayakLaunch.png); display:none; } .Amenities .KayakRental { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_KayakRental.png); display:none; } .Amenities .ManateeEducation { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_ManateeEducation.png); display:none; } .Amenities .MultipurposeField { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_MultipurposeField.png); display:none; } .Amenities .OnWater { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_OnWater.png); display:none; } .Amenities .Paddleboard { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Paddleboard.png); display:none; } .Amenities .PaddleboardRental { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_PaddleboardRental.png); display:none; } .Amenities .Paddleboat { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Paddleboat.png); display:none; } .Amenities .PaddleboatRental { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_PaddleboatRental.png); display:none; } .Amenities .PWC { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_PWC.png); display:none; } .Amenities .PWCRental { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_PWCRental.png); display:none; } .Amenities .PicnicShelters { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_PicnicShelters.png); display:none; } .Amenities .PicnicTables { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_PicnicTables.png); display:none; } .Amenities .Playground { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Playground.png); display:none; } .Amenities .Restaurant { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Restaurant.png); display:none; } .Amenities .Restrooms { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Restrooms.png); display:none; } .Amenities .RiverWalk { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_RiverWalk.png); display:none; } .Amenities .SailBoard { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_SailBoard.png); display:none; } .Amenities .SailBoardRental { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_SailBoardRental.png); display:none; } .Amenities .SailBoat { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_SailBoat.png); display:none; } .Amenities .SailBoatRental { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_SailBoatRental.png); display:none; } .Amenities .Scenic { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Scenic.png); display:none; } .Amenities .SecurityLighting { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_SecurityLighting.png); display:none; } .Amenities .ShoreLaunch { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_ShoreLaunch.png); display:none; } .Amenities .Skate { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Skate.png); display:none; } .Amenities .Soccer { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Soccer.png); display:none; } .Amenities .Surfing { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Surfing.png); display:none; } .Amenities .SwimmingPool { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_SwimmingPool.png); display:none; } .Amenities .Tennis { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Tennis.png); display:none; } .Amenities .TrashBarrels { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_TrashBarrels.png); display:none; } .Amenities .DogPark { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_DogPark.png); display:none; } .Amenities .SplashPad { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_SplashPad.png); display:none; } .Amenities .PickleBall { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_PickleBall.png); display:none; } .Amenities .Wheelchair { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Wheelchair.png); display:none; } .Amenities .AccessibleAmenities{ background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_AccessibleAmenities.png); display:none; } .Amenities .WorkoutStation { background-image:url(/App_Themes/jax01/images/parks/icon_WorkoutStation.png); display:none; } /*Supported vessle sizes: line height adds only if text appears in the box*/ .Supported_Vessle_size { line-height:0px; } /*Checkboxes control what is visible vs what is not, true becomes visible, false is hidden even from ADA screen readers*/ .False { display:none; } .True { display:inline-block; vertical-align: top; } .Amenities .True { display:inline-block !important; vertical-align: top; } @media screen and (max-width:480px){ .True{ display:block; } .Amenities .True{ display:block !important;} } /*One Column*/ .Amenities_Container .True{ margin-bottom:15px; } .additional_features { display:none; /*padding-left:5px;*/ } .additional_features.True{display:inline-block;} .additional_features_title { /*font-weight:600;*/ } /*Never show these, a script scowers for familiar words to assign Amenities if they exist*/ .legacy_outdated_amenities_list { display:none; opacity:0.0; font-size:0px; height:0px; overflow:hidden;} /*Google map*/ #ctl00_cph_bd_GoogleMaps_Parks_map { width:100% !important; } .ExploreJax_google_map_region { /*padding-top:15px;*/ margin-bottom:-25px; } /*Blur images based on quality*/ .ExploreJax_List_Image_Overlay_Gradient { display:none; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 0; background-size: 100% 100%; background-position: right; background: linear-gradient(to right, rgba(27, 70, 115, 0) 0%, rgba(27, 70, 115, 0) 69%, rgb(61 89 47) 96%, rgb(61 89 47) 100%); } /*@media screen and (min-width:1100px){ .image_rez_medium .background_photom{ max-width: 1100px; } .image_rez_medium .ExploreJax_List_Image_Overlay_Gradient{ max-width:1100px; display:block; } }*/ @media screen and (min-width:750px){ .image_rez_low .background_photo{ max-width: 750px; } .image_rez_low .ExploreJax_List_Image_Overlay_Gradient{ max-width:750px; display:block; } } @media screen and (min-width:600px){ .image_rez_bad .background_photo{ max-width: 600px;} .image_rez_bad .ExploreJax_List_Image_Overlay_Gradient{ max-width:600px; display:block; } } @media screen and (min-width:600px){ .image_rez_very_bad .background_photo{ max-width: 400px;} .image_rez_very_bad .ExploreJax_List_Image_Overlay_Gradient{ max-width:400px; display:block; } }