/*Filter Menu Styles (For All Parks / All Waterways)*/ .ExploreJax_Toggle_Buttons_Wrapper { background: #245312; padding-left: 15px; padding-bottom: 15px; padding-top: 15px; border-radius: 0px 0px 10px 10px; } .Filter_Menu { background: #245312; margin-top: -10px; padding-left: 15px; padding-right: 15px; height: 0px; overflow: hidden; padding-bottom: 15px; display: none; border-radius: 0px 0px 10px 10px; } .Vessel_Rating_Menu { background: #245312; margin-top: -10px; padding-left: 15px; padding-right: 15px; height: 0px; overflow: hidden; padding-bottom: 15px; display: none; border-radius: 0px 0px 10px 10px; } .District_Menu { background: #245312; margin-top: -10px; padding-left: 15px; padding-right: 15px; height: 0px; overflow: hidden; padding-bottom: 15px; display: none; border-radius: 0px 0px 10px 10px; } /*List by Amenities button*/ .Open_Filter_Menu { margin-bottom: 2px; cursor: pointer; color: white; background-image: url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Hamburger.png); display: inline-block; font-weight: 600; background-size: 23px 20px; background-repeat: no-repeat; background-position: left -2.5px center; height: 27px; padding-top: 3px; padding-right: 5px; padding-left: 25px; font-size: 1em; } @media screen and (max-width:920px) { .Open_Filter_Menu{ min-width: 131px; padding-right:5px; margin-right:5.8vw; }} .List_Filter_On{ margin-bottom:0px; border-bottom:2px solid #c9e4bc;} .Vessel_Filter_On{ margin-bottom:0px; border-bottom:2px solid #c9e4bc;} /*List by District button*/ .Open_District_Menu { margin-bottom: 2px; cursor: pointer; color: white; background-image: url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Hamburger.png); display: inline-block; font-weight: 600; background-size: 23px 20px; background-repeat: no-repeat; background-position: left -2.5px center; height: 27px; padding-top: 3px; padding-right: 5px; padding-left: 25px; font-size: 1em; } @media screen and (max-width:920px) { .Open_District_Menu{ min-width: 131px; padding-right:5px; margin-right:5.8vw; }} .Open_District_Dropdown { margin-bottom: 2px; cursor: pointer; color: white; background-image: url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Hamburger.png); display: inline-block; font-weight: 600; background-size: 23px 20px; background-repeat: no-repeat; background-position: left -2.5px center; height: 27px; padding-top: 3px; padding-right: 5px; padding-left: 25px; font-size: 1em; } @media screen and (max-width:920px) { .Open_District_Dropdown { min-width: 131px; padding-right:5px; margin-right:5.8vw; } } .Open_District_Dropdown .District_Menu_Dropdown { height: 155px; overflow: hidden; display: none; position: absolute; z-index: 20; width: 255px; background: #17324eed; background: -moz-linear-gradient(left,rgba(25,52,82,1) 0%,rgba(48,86,125,1) 100%); margin-top: 9px; color: white; padding-top: 10px; border-radius: 0 0 20px 20px; border: 0px; background-size: 392px 10px; background-repeat: no-repeat; background-position: top right; padding-left: 15px; background: #193452; background: -moz-linear-gradient(left,rgba(25,52,82,1) 0%,rgba(48,86,125,1) 100%); background: -webkit-linear-gradient(left,rgba(25,52,82,1) 0%,rgba(48,86,125,1) 100%); background: linear-gradient(to right,rgba(25,52,82,1) 0%,rgba(48,86,125,1) 100%); box-shadow: 4px 4px 20px #0000006e; } @media screen and (max-width:593px) and (min-width:361px) { .Open_District_Dropdown .District_Menu_Dropdown{ right:32px;} } @media screen and (max-width:360px) { .Open_District_Dropdown .District_Menu_Dropdown{ width:101px; height:437px; } } .Open_District_Dropdown.District_Dropdown_Open { margin-bottom: 0px; border-bottom: 2px solid #c9e4bc; } .Open_District_Dropdown.District_Dropdown_Open .District_Menu_Dropdown { display:block; } .Open_District_Dropdown .District_Selector { display: inline-block; width: 72px; overflow: hidden; height: 18px; color: white; cursor: pointer; float: left; font-weight: 400; padding: 5px; font-size: 0.9em; } .Open_District_Dropdown .District_Selector:hover { /*color: #c9e4bc;*/ text-decoration:underline; } .Open_District_Dropdown .District_Selector.Selected { color: #c9e4bc; } .Open_District_Dropdown .District_Selector .District { display:none; } .districtNav_spacer_top { top:0px; left:0px; position: absolute; width: 100%; z-index: 5; padding-left: 0!important; padding-right: 0!important; height: 10px; background: #97c8ff; background: -moz-linear-gradient(left,rgba(151,200,255,1) 0%,rgba(48,86,126,1) 100%); background: -webkit-linear-gradient(left,rgba(151,200,255,1) 0%,rgba(48,86,126,1) 100%); background: linear-gradient(to right,rgba(151,200,255,1) 0%,rgba(48,86,126,1) 100%); } .District_Filter_Open{ margin-bottom:0px; border-bottom:2px solid #c9e4bc;} /*Toggle "Featured Parks" on and off */ .Featured_Toggle { background-image: url(/App_Themes/jax01/images/parks/icon_unchecked.png); cursor: pointer; color: white; display: inline-block; font-weight: 600; background-size: 24px 24px; background-repeat: no-repeat; background-position: left -2.5px center; height: 27px; padding-top: 3px; padding-right: 5px; padding-left: 25px; font-size: 1em; } .Featured_Toggle.Featured_On { background-image: url(/App_Themes/jax01/images/parks/icon_checked.png); } /*Close X button for Amenities List*/ .Close_Filter_Menu { cursor:pointer; float: right; background-image: url(/App_Themes/coj3/images/exploreJax/close_X_parks.png); width: 32px; height: 32px; font-weight: 600; background-size: 32px 32px; background-repeat: no-repeat; font-size: 0px; } /*Close X button for Vessel Rating*/ .Close_Vessel_Menu { cursor:pointer; float: right; background-image: url(/App_Themes/coj3/images/exploreJax/close_X_parks.png); width: 32px; height: 32px; font-weight: 600; background-size: 32px 32px; background-repeat: no-repeat; font-size: 0px; } /*Close X button for District List*/ .Close_District_Menu { cursor:pointer; float: right; background-image: url(/App_Themes/coj3/images/exploreJax/close_X_parks.png); width: 32px; height: 32px; font-weight: 600; background-size: 32px 32px; background-repeat: no-repeat; font-size: 0px; } /*Close X button for Map menu */ .Close_Map_Menu { cursor:pointer; float: right; background-image: url(/App_Themes/coj3/images/exploreJax/close_X_parks.png); width: 32px; height: 32px; font-weight: 600; background-size: 32px 32px; background-repeat: no-repeat; font-size: 0px; } /*Close X button for Tidal menu */ .Close_Tidal_Menu { cursor:pointer; float: right; background-image: url(/App_Themes/coj3/images/exploreJax/close_X_parks.png); width: 32px; height: 32px; font-weight: 600; background-size: 32px 32px; background-repeat: no-repeat; font-size: 0px; } /*Closse X if Tidal Map loads in*/ .Large_Map .Close_Tidal_Menu { position:absolute; top:10px; right:10px; } /*A circlular district number which indicates the current active district filter*/ /*.This_District { border: 2px solid white; border-radius: 20px; text-align: center; display: inline-block; position: relative; top: -2px; font-size: 14px; line-height: 12px; letter-spacing: -1px; padding: 5px; padding-left: 3px; padding-right: 5px; width: 14px; margin-right: -20px; left: 5px; }*/ .This_District.False{ display:none; } /*Amenity Filters + hover and click styles*/ .Filter_Menu .Filter { border-radius:10px; cursor: pointer; width: 160px; height:22px; overflow: hidden; padding: 5px; display: inline-block; margin:2px; font-weight: 600; background-size: 32px 32px; background-repeat: no-repeat; background-position: left; padding-left: 33px; font-size: 0.9em; } .Filter_Menu .Filter:hover{ margin: 0px; border: 2px solid #c9e4bc; } .Filter_Menu .Filter .Tag { display:none; } .Filter_Menu .Filter_On { margin: 0px; border: 2px solid #a5d37c; } .Filter_Menu .Filter_On:hover{ border: 2px solid #054805; } /*Vessel Rating Filters*/ .Vessel_Rating_Menu .Filter { border-radius:10px; cursor: pointer; width: 160px; height:22px; overflow: hidden; padding: 5px; display: inline-block; margin:2px; font-weight: 600; background-size: 32px 32px; background-repeat: no-repeat; background-position: left; padding-left: 33px; font-size: 1em; } .Vessel_Rating_Menu .Filter:hover{ margin: 0px; border: 2px solid #c9e4bc; } .Vessel_Rating_Menu .Filter .Tag { display:none; } .Vessel_Rating_Menu .Filter_On { margin: 0px; border: 2px solid #a5d37c; } .Vessel_Rating_Menu .Filter_On:hover{ border: 2px solid #054805; } /*District Menu Filters + hover and click styles*/ .District_Menu .Filter { border-radius:10px; cursor: pointer; min-width: 80px; height:22px; overflow: hidden; padding: 5px; display: inline-block; margin:2px; font-weight: 600; font-size: 1em; } .District_Menu .Filter:hover{ margin: 0px; border: 2px solid #c9e4bc; } .District_Menu .Filter .District { display:none; } .District_Menu .District_Filter_On { margin: 0px; border: 2px solid #a5d37c; } .District_Menu .District_Filter_On:hover{ border: 2px solid #054805; } .Filter a { color:black !important; text-decoration:none !important; } /*Filter button wrapper background*/ .Filter_buttons_wrapper { min-height:36px; box-shadow:inset 3px 3px 18px rgba(0,0,0,0.5); padding: 10px; padding-bottom:3px; border-radius: 10px; margin-top:10px; background: #fdfefd; /*background: -moz-linear-gradient(top,rgba(253,254,253,1) 0%,rgba(248,247,248,1) 79%,rgba(242,242,241,1) 94%,rgba(239,239,240,1) 100%); background: -webkit-linear-gradient(top,rgba(253,254,253,1) 0%,rgba(248,247,248,1) 79%,rgba(242,242,241,1) 94%,rgba(239,239,240,1) 100%); background: linear-gradient(to bottom,rgba(253,254,253,1) 0%,rgba(248,247,248,1) 79%,rgba(242,242,241,1) 94%,rgba(239,239,240,1) 100%);*/ } /*Icons*/ .Reef_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Reef.png); } .Bait_Tackle_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Bait_Tackle.png); } .Baseball_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Baseball.png); } .Basketball_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Basketball.png); } .BeachPier_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_BeachPier.png); } .Benches_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Benches.png); } .BikeRacks_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_BikeRacks.png); } .BikeTrail_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_BikeTrail.png); } .Birding_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Birding.png); } .BoatDock_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_BoatDock.png); } .BoatFuel_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_BoatFuel.png); } .BoatPump_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_BoatPump.png); } .BoatRamp_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_BoatRamp.png); } .BoatTrailerParking_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_BoatTrailerParking.png); } .Canoe_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Canoe.png); } .CanoeRental_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_CanoeRental.png); } .CarParking_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_CarParking.png); } .CommunityCenter_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_CommunityCenter.png); } .ConcessionStand_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_ConcessionStand.png); } .DrinkingFountain_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_DrinkingFountain.png); } .Equestrian_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Equestrian.png); } .Fencing_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Fencing.png); } .FishingPier_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_FishingPier.png); } .FitnessEquipment_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_WorkoutStation.png); } .Football_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Football.png); } .Golf_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Golf.png); } .Grills_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Grills.png); } .HikingTrail_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_HikingTrail.png); } .NonmotorizedLaunch_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_KayakLaunch.png); } .KayakLaunch_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_KayakLaunch.png); } .KayakRental_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_KayakRental.png); } .ManateeEducation_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_ManateeEducation.png); } .MultipurposeField_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_MultipurposeField.png); } .OnWater_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_OnWater.png); } .Paddleboard_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Paddleboard.png); } .PaddleboardRental_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_PaddleboardRental.png); } .Paddleboat_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Paddleboat.png); } .PaddleboatRental_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_PaddleboatRental.png); } .PWC_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_PWC.png); } .PWCRental_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_PWCRental.png); } .PicnicShelters_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_PicnicShelters.png); } .PicnicTables_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_PicnicTables.png); } .Playground_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Playground.png); } .Restaurant_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Restaurant.png); } .Restrooms_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Restrooms.png); } .RiverWalk_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_RiverWalk.png); } .SailBoard_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_SailBoard.png); } .SailBoardRental_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_SailBoardRental.png); } .SailBoat_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_SailBoat.png); } .SailBoatRental_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_SailBoatRental.png); } .Scenic_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Scenic.png); } .SecurityLighting_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_SecurityLighting.png); } .ShoreLaunch_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_ShoreLaunch.png); } .Skate_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Skate.png); } .Soccer_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Soccer.png); } .Surfing_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Surfing.png); } .SwimmingPool_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_SwimmingPool.png); } .Tennis_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Tennis.png); } .TrashBarrels_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_TrashBarrels.png); } .Wheelchair_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Wheelchair.png); } .DogPark_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_DogPark.png); } .SplashPad_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_SplashPad.png); } .PickleBall_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_PickleBall.png); } .AccessibleAmenities_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_AccessibleAmenities.png);} .Vessels_Any_Size_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Vessle_Any.png); } .Vessels_Under_22Feet_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Vessle_Under22.png); } .Vessels_JonBoats_and_PWC_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Vessle_JonBoat.png); } .Vessels_Hand_Launch_Only_Filter { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Vessle_HandLaunch.png); } .WorkoutStation_Filter { background-image:url(/App_Themes/jax01/images/parks/icon_WorkoutStation.png); } /*Opening the Park Filter Menu*/ .Filter_Menu_Open_Animation { /*animation-name:explorejax_filter_menu_open;*/ animation-duration:0.8s; height:auto; display:block; } @keyframes explorejax_filter_menu_open { from {height:0px;} to {height:410px;} } @media screen and (max-width:1190px) { @keyframes explorejax_filter_menu_open { from {height:0px;} to {height:539px;} } } @media screen and (max-width:1128px) { @keyframes explorejax_filter_menu_open { from {height:0px;} to {height:410px;} } } @media screen and (max-width:1076px) { @keyframes explorejax_filter_menu_open { from {height:0px;} to {height:539px;} } } @media screen and (max-width:1060px) { @keyframes explorejax_filter_menu_open { from {height:0px;} to {height:410px;} } } @media screen and (max-width:1026px) { @keyframes explorejax_filter_menu_open { from {height:0px;} to {height:539px;} } } @media screen and (max-width:780px) { @keyframes explorejax_filter_menu_open { from {height:0px;} to {height:797px;} } } @media screen and (max-width:517px) { @keyframes explorejax_filter_menu_open { from {height:0px;} to {height:1528px;} } } /*Closing the Park Filter Menu*/ .Filter_Menu_Close_Animation { /*animation-name:explorejax_filter_menu_closed;*/ animation-duration:0.5s; height:0px; } @keyframes explorejax_filter_menu_closed{ from {height:410px;} to {height:0px} } /*Opening the Waterways Filter Menu*/ .Waterway_Filters.Filter_Menu_Open_Animation { /*animation-name:waterways_filter_menu_open;*/ animation-duration:0.8s; height:auto; } @keyframes waterways_filter_menu_open { from {height:0px;} to {height:324px;} } @media screen and (max-width:1080px) { @keyframes waterways_filter_menu_open { from {height:0px;} to {height:367px;} } } @media screen and (max-width:1024px) { @keyframes waterways_filter_menu_open { from {height:0px;} to {height:405px;} } } @media screen and (max-width:780px) { @keyframes waterways_filter_menu_open { from {height:0px;} to {height:582px;} } } @media screen and (max-width:517px) { @keyframes waterways_filter_menu_open { from {height:0px;} to {height:1055px;} } } /*Closing the Waterway Filter Menu*/ .Waterway_Filters.Filter_Menu_Close_Animation { /*animation-name:waterways_filter_menu_closed;*/ animation-duration:0.5s; height:0px; } @keyframes waterways_filter_menu_closed { from {height:281px;} to {height:0px} } /*District Menu Open*/ .District_Menu_Open_Animation { /*animation-name:explorejax_district_menu_open;*/ display:block; animation-duration:0.8s; height:auto; } @keyframes explorejax_district_menu_open { from {height:0px;} to {height:109px;} } @media screen and (max-width:1150px) and (min-width:1129px) { @keyframes explorejax_district_menu_open { from {height:0px;} to {height:152px;} } } @media screen and (max-width:993px) { @keyframes explorejax_district_menu_open { from {height:0px;} to {height:152px;} } } @media screen and (max-width:634px) { @keyframes explorejax_district_menu_open { from {height:0px;} to {height:195px;} } } @media screen and (max-width:507px) { @keyframes explorejax_district_menu_open { from {height:0px;} to {height:238px;} } } @media screen and (max-width:429px) { @keyframes explorejax_district_menu_open { from {height:0px;} to {height:281px;} } } @media screen and (max-width:396px) { @keyframes explorejax_district_menu_open { from {height:0px;} to {height:367px;} } } /*District Menu Close*/ .District_Menu_Close_Animation { /*animation-name:explorejax_district_menu_close;*/ animation-duration:0.5s; height:0px; } @keyframes explorejax_district_menu_close { from {height:99px;} to {height:0px;} } @media screen and (max-width:993px) { @keyframes explorejax_district_menu_close { from {height:152px;} to {height:0px;} } } /*District dropdown menu*/ .District_Dropdown_Open .District_Menu_Dropdown{ display:block; /*animation-name:explorejax_dropdown_menu_open;*/ animation-duration:0.5s; } @keyframes explorejax_dropdown_menu_open { from {height:0px;} to {height:155px;} } @media screen and (max-width:360px) { @keyframes explorejax_dropdown_menu_open { from {height:0px;} to {height:437px;} } } /*Weather and Tide Menus*/ .Open_Weather_Menu { margin-bottom: 2px; cursor: pointer; color: white; background-image: url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Weather.png); display: inline-block; font-weight: 600; background-size: 25px 25px; background-repeat: no-repeat; background-position: left -2.5px center; height: 27px; padding-top: 3px; padding-right: 5px; padding-left: 25px; font-size: 1em; } @media screen and (max-width:920px) { .Open_Weather_Menu{ min-width: 131px; padding-right:5px; margin-right:5.8vw; }} .Open_Weather_Menu.False { display:none; } .Open_Tide_Menu { margin-bottom: 2px; cursor: pointer; color: white; background-image: url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Tide.png); display: inline-block; font-weight: 600; background-size: 23px 23px; background-repeat: no-repeat; background-position: left top 3px; height: 27px; padding-top: 3px; padding-right: 5px; padding-left: 26px; font-size: 1em; } @media screen and (max-width:920px) { .Open_Tide_Menu{ min-width: 131px; padding-right:5px; margin-right:5.8vw; }} .Open_Tide_Menu.False { display:none; } /*Margins for filter buttons to align with the navigation*/ .Filter_Menu_Margins { margin-right: 29px; min-width: 123px; } @media screen and (max-width:1000px) { .Filter_Menu_Margins { margin-right: 3.5vw; min-width: 13vw; } } @media screen and (max-width:920px){ .Filter_Menu_Margins { margin-right: 3.5vw; min-width: 11.2vw; } } @media screen and (max-width:610px){ .Filter_Menu_Margins { margin-right: 3.5vw; min-width: 8.2vw; } } @media screen and (max-width:560px){ .Filter_Menu_Margins { margin-right: 5vw; min-width: 23.2vw; } } @media screen and (max-width:390px){ .Filter_Menu_Margins { margin-right: 15vw; min-width: 44.2vw; } } /*Water life map screen has 5 buttons*/ .Waterway_Map_Buttons .Filter_Menu_Margins { margin-right: 25px; min-width: 120px; } @media screen and (max-width:1200px) { .Waterway_Map_Buttons .Filter_Menu_Margins { margin-right: 2vw; min-width: 9vw; } } @media screen and (max-width:1000px) { .Waterway_Map_Buttons .Filter_Menu_Margins { margin-right: 1vw; min-width: 1vw; } } @media screen and (max-width:920px) { .Waterway_Map_Buttons .Filter_Menu_Margins { margin-right: 1vw; min-width: 1vw; } } .Open_Vessel_Rating { cursor: pointer; padding-right: 24px; margin-right:6px; color: white; background-image: url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Hamburger.png); display: inline-block; font-weight: 600; background-size: 23px 20px; background-repeat: no-repeat; background-position: left -2.5px center; height: 27px; padding-top: 3px; padding-left: 25px; font-size: 1em; } @media screen and (max-width:920px){ .Open_Vessel_Rating{ padding-right: 35px; } } .Waterway_Map_Buttons .Open_Vessel_Rating{ padding-right: 35px; margin-right:6px; } .Vessel_rating_icon { display: inline-block; position: absolute; width: 34px; height: 34px; margin-left: 5px; margin-top: -4px; background-size: 100%; background-repeat: no-repeat; } .Vessel_rating_icon.Any { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Vessle_Any_White.png); } .Vessel_rating_icon.Under { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Vessle_Under22_White.png); } .Vessel_rating_icon.PWC { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Vessle_JonBoat_White.png); } .Vessel_rating_icon.Hand { background-image:url(/App_Themes/coj3/images/exploreJax/amenity_icons/icon_Vessle_HandLaunch_White.png); } .Waterway_Map_Buttons .Open_Tide_Menu { margin-right:0px; } /*Weather Map Inputs*/ .Weather_Map_Image_URL { display:none; } .EditMode .Weather_Map_Image_URL { display:block; } .Weather_Map_XML_Feed_URL { display:none; } .EditMode .Weather_Map_XML_Feed_URL { display:block; } /*Weather map container*/ .Weather_Map_Container { background-color: #3d592f; background: #3d592f; padding-left: 15px; padding-right: 18px; height: 0px; overflow: hidden; } /*Tidal Map Inputs*/ .Tidal_Map_URL { display:none; } .EditMode .Tidal_Map_URL { display:block; } .Tidal_Links { display:none; } .EditMode .Tidal_Links { display:block; } /*Tidal map container*/ .Tidal_Map_Container { background-color: #3d592f; background: #3d592f; padding-left: 15px; padding-right: 18px; height: 0px; overflow: hidden; } .Tidal_Map_Container .Filter_buttons_wrapper { min-height:80px; } /*Map Dropdown animation*/ .Map_Dropdown_Open{ /*animation-name:Map_Dropdown_Open_Animation;*/ animation-duration:0.8s; height:auto; } @media (max-width:750px) { .Map_Dropdown_Open { /*animation-name:Map_Dropdown_Open_Animation_Mobile;*/ } } @keyframes Map_Dropdown_Open_Animation { from {height:0px;} to {height:330px;} } @keyframes Map_Dropdown_Open_Animation_Mobile { from {height:0px;} to {height:510px;} } .Map_Dropdown_Close{ /*animation-name:Map_Dropdown_Close_Animation;*/ animation-duration:0.5s; height:0px; } @keyframes Map_Dropdown_Close_Animation { from {height:330px;} to {height:0px;} } /*Tidal Menu Dropdown animation*/ .Tidal_Menu_Dropdown_Open{ /*animation-name:Tidal_Menu_Dropdown_Open_Animation_Small;*/ animation-duration:0.8s; height:auto; } @keyframes Tidal_Menu_Dropdown_Open_Animation_Small { from {height:0px;} to {height:100px;} } .Large_Map.Tidal_Menu_Dropdown_Open{ /*animation-name:Tidal_Menu_Dropdown_Open_Animation_Large;*/ animation-duration:0.8s; height:auto; } @keyframes Tidal_Menu_Dropdown_Open_Animation_Large { from {height:0px;} to {height:490px;} } @media screen and (max-width:940px) { @keyframes Tidal_Menu_Dropdown_Open_Animation_Large { from {height:0px;} to {height:542px;} } } @media screen and (max-width:560px) { .Large_Map.Tidal_Menu_Dropdown_Open { /*animation-name:Tidal_Menu_Dropdown_Open_Animation_Large_Mobile;*/ } } @keyframes Tidal_Menu_Dropdown_Open_Animation_Large_Mobile { from {height:0px;} to {height:132px;} } .Tidal_Menu_Dropdown_Close{ /*animation-name:Tidal_Menu_Dropdown_Close_Animation;*/ animation-duration:0.5s; } .Large_Map.Tidal_Menu_Dropdown_Close{ /*animation-name:Tidal_Menu_Dropdown_Close_Animation_Large;*/ } @media screen and (max-width:560px) { .Large_Map.Tidal_Menu_Dropdown_Close { /*animation-name:Tidal_Menu_Dropdown_Close_Animation;*/ } } @keyframes Tidal_Menu_Dropdown_Close_Animation { from {height:100px;} to {height:0px;} } @keyframes Tidal_Menu_Dropdown_Close_Animation_Large { from {height:470px;} to {height:0px;} } /*States for the weather and tidal menus being open*/ .Weather_Menu_Open { margin-bottom: 0px; border-bottom: 2px solid #c9e4bc; } .Tidal_Menu_Open { margin-bottom: 0px; border-bottom: 2px solid #c9e4bc; } /*Inline container*/ .inline_container { display:inline-block; width:100%; position:relative; } /*Weather map satelite image*/ .Weather_Map_Image { height: 302px; width: 50%; border-radius: 10px; border: solid 1px black; display: inline-block; margin-right: 20px; margin-bottom: 5px; float: left; background-size: 125%; background-position: bottom -28px right -66px; background-repeat: no-repeat; } @media screen and (max-width:750px) {.Weather_Map_Image{ width: 85%; margin-right: 0px; float:none; } } @media screen and (max-width:490px) {.Weather_Map_Image{ width: 80%; } } @media screen and (max-width:480px) {.Weather_Map_Image{ background-size:cover; background-position:bottom center; } } .Weather_Map_Image.False { display:none; } /*Weather RSS Feed Text*/ .Weather_Feed { display: block; max-height: 297px; overflow: hidden; } @media screen and (max-width:760px) { .Weather_Feed{ max-height: none; overflow: visible; padding-bottom: 5px; }} .rss_title { font-weight:600; } .shown_title { margin-bottom: 20px; } /*Tidal Map*/ .Tidal_Map { border: solid 2px black; overflow: hidden; border-radius: 10px; height: 400px; } .tidal_iframe { width: 100%; height: 100%; overflow: hidden !important; border: 0px; max-width: none !important; } @media screen and (max-width:860px) { .tidal_iframe{ width:100%; } } @media screen and (max-width:560px) { .Tidal_Map, .tidal_iframe { display:none; } } .Tidal_Map.False { display:none; } /*Tidal Links*/ .Tidal_Map_Link .Mobile_Only { display:none; } @media screen and (max-width:560px) { .Tidal_Map_Link .Desktop_Only { display:none; } .Tidal_Map_Link .Mobile_Only { display:inline-block;} } .Tidal_Links_Section { margin-bottom:5px; } .Tidal_Links_Section a{ text-decoration:none !important; color:black !important; } .Tidal_Links_Section a:hover{ text-decoration:underline !important; } .Tidal_Map_Link { display:block; margin-bottom:10px; } .Tidal_Map_Link.False { display:none; margin:0px; } .tidal_pipe { display:none; } .Large_Map .Tidal_Link_1 { display:inline-block; } .Large_Map .Tidal_Link_2 { display:inline-block; } .Large_Map .Tidal_Link_3 { display:inline-block; } .Large_Map .tidal_pipe { display:inline-block; padding-left:10px; padding-right:10px; } @media screen and (max-width:940px) { .Large_Map .Tidal_Link_1 { display:block; } .Large_Map .Tidal_Link_2 { display:block; } .Large_Map .Tidal_Link_3 { display:block; } .Large_Map .tidal_pipe{ display:none; padding:0px; } } .Tidal_Link_1.False { display:none; } .Tidal_Link_2.False { display:none; } .Tidal_Link_3.False { display:none; } /*Vessel Rating Menu Open/Close Animations*/ .Vessel_Menu_Open_Animation { display:block; /*animation-name:Vessel_Rating_Menu_open;*/ animation-duration:0.8s; height:auto; } @keyframes Vessel_Rating_Menu_open { from {height:0px;} to {height:66px;} } @media screen and (max-width:1233px) { @keyframes Vessel_Rating_Menu_open { from {height:0px;} to {height:109px;} } } @media screen and (max-width:549px) { @keyframes Vessel_Rating_Menu_open { from {height:0px;} to {height:152px;} } } @media screen and (max-width:517px) { @keyframes Vessel_Rating_Menu_open { from {height:0px;} to {height:195px;} } } @media screen and (max-width:338px) { @keyframes Vessel_Rating_Menu_open { from {height:0px;} to {height:227px;} } } /*Vessel Rating Menu Open/Close Animations*/ .Vessel_Menu_Close_Animation { /*animation-name:Vessel_Rating_Menu_close;*/ animation-duration:0.5s; height:0px; } @keyframes Vessel_Rating_Menu_close { from {height:66px;} to {height:0px;} }