@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);.extension .ui-widget,body{font-family:Lato,sans-serif;font-style:normal;font-weight:400}h1,h2,p{margin:0 0 20px}.flex-column img,.logo img{width:100%;height:auto}*,.highlight .buttons li{padding:0}.highlight li,footer{background:var(--primary-color)}.resPanel,.selector-item .extension{box-sizing:border-box;position:absolute}:root{--primary-color:#10bce1;--secondary-color:#93e6f0;--header-color:#000000;--text-color:#404040;--dark-blue-text:#1188a2;--content-background:#ffffff}*{margin:0}body{text-align:center;color:var(--text-color)}.beaches a,.corporate a,.highlight li,.menu a,.notification,a.button,h1,h2,h3,h4,h5,h6{font-family:"Bebas Neue",cursive;color:var(--header-color);font-weight:400}h1{font-size:50px;line-height:51px}h2{font-size:30px}h3{font-size:20px;margin:0 0 10px}p{font-size:17px;line-height:27px}#endDate,#startDate,.extension .ui-datepicker .ui-icon,.loader{display:none}.loader.show{display:inline-block}.loader::before{content:'';display:block;height:10px;width:10px;-webkit-animation:.5s linear infinite spin;animation:.5s linear infinite spin;border:5px var(--primary-color) solid;border-left-color:var(--secondary-color);border-radius:100%;margin:-3px 0 0 7px}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.content a,.extension .quantity i:hover{color:var(--primary-color)}.content strong,.highlight p,.menu a{color:var(--header-color)}.container{max-width:1500px;margin:0 auto;padding:20px}.top-bar{background-color:var(--secondary-color);color:#fff;padding:5px 0;font-size:14px}.top-bar .container{display:flex;padding:0}.beaches ul,.corporate ul,.menu ul{list-style:none;display:flex;justify-content:end;align-items:center}.resPanel .buttons,nav .container{display:flex}.beaches a,.corporate a,.menu a{display:inline-block;text-decoration:none;padding:5px 10px}.beaches,.flex-column,.menu,.resPanel .selector-row{flex:1}.menu a{font-size:23px}.button{background-color:var(--primary-color);border:solid 2px var(--primary-color);color:#fff!important;padding:10px 20px;border-radius:5px;text-decoration:none;display:flex;align-items:center}.block,.content{border-radius:5px}.menu .book-trip.button{margin:0 0 0 20px;padding:5px 15px}.beaches a,.corporate a{color:var(--dark-blue-text);font-size:17px}.corporate{padding:0 0 0 20px;display:none}header{-webkit-box-shadow:0 6px 12px -6px rgba(0,0,0,.57);box-shadow:0 6px 12px -6px rgba(0,0,0,.57);background:var(--content-background);position:sticky;top:0;z-index:10}.notification{position:absolute;left:0;right:0;background:#efefef;font-size:20px}.notification.show{-webkit-box-shadow:0 6px 12px -6px rgba(0,0,0,.57);box-shadow:0 6px 12px -6px rgba(0,0,0,.57);padding:20px;border-top:1px solid #ccc}.notification.show.error{background:#f7cfcf;color:#c70d0d;border-top:1px solid #c70d0d}.notification.show.success{background:#d7f7cf;color:#1c8f05;border-top:1px solid #1c8f05}.logo{position:absolute;width:250px;top:5px}.banner,.selector-item,main,main .container{position:relative}.banner{height:500px;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.home-page .banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease-in-out}.home-page .banner img.active{opacity:1;z-index:2}.banner::after{content:'';position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff);z-index:3;pointer-events:none}.error-page .banner,.madeira-beach-florida .banner{background-image:url('/assets/images/madeira-beach-banner.webp')}.clearwater-beach-florida .banner{background-image:url('/assets/images/clearwater-beach-florida-life-guard.webp')}.st-pete-beach-florida .banner{background-image:url('/assets/images/st-pete-gulf-water.webp')}.indian-rocks-beach-florida .banner{background-image:url('/assets/images/indian-rocks-beach-banner.webp')}.travel .banner{background-image:url('/assets/images/pie-airport.webp?v=2')}.restaurants .banner{background-image:url('/assets/images/caddys-restaurant.webp?v=2')}.attractions .banner{background-image:url('/assets/images/smugglers-cove.webp?v=2')}.sandy-shores-condos .banner{background-image:url('/assets/images/sandy-shores.webp?v=2')}.johns-pass-village .banner{background-image:url('/assets/images/johns-pass.webp?v=2')}.indian-shores-florida .banner{background-image:url('/assets/images/indian-shores-florida.webp')}.treasure-island-florida .banner{background-image:url('/assets/images/treasure-island-beach.webp')}.redington-beach-florida .banner{background-image:url('/assets/images/redington-beach.webp')}.book .banner{background-image:url('/assets/images/florida-beach.webp')}main .container{margin-top:-450px;z-index:5}.home-page main .container{margin-top:-100px}.content{background:rgba(255,255,255,.95);padding:25px}.flex-row,.selector-row{display:flex;gap:20px}.block{background:#efefef;padding:20px 20px 0;margin:0 0 20px}.block p{font-size:15px;line-height:25px}.block h3{font-size:20px;margin:0}.flex-column ul{margin:0 auto 20px}.flex-column img,.highlight{margin:0 0 20px;border-radius:5px}.flex-column ul li{font-size:17px;line-height:27px;font-weight:700;color:#000;list-style:none;background:#efefef;padding:5px;margin:0 0 5px;border-radius:5px}.flex-column .call-to-action .buttons li{background:0 0}.flex-column .call-to-action,.form .flex-column{padding:0 0 20px}.florida-beaches-list a{text-decoration:none;color:var(--header-color);font-size:22px;line-height:22px}.florida-beaches-list h3{margin:0}.florida-beaches-list a:hover{text-decoration:underline}.florida-beaches-list p{color:var(--primary-color);font-size:13px;line-height:20px}.highlight{background:var(--secondary-color);padding:30px}.highlight h2{font-size:49px;line-height:50px}.highlight h3{font-size:29px}.highlight ul{max-width:75%;margin:0 auto 20px}.highlight ul.buttons{max-width:fit-content}.highlight a{color:var(--header-color);font-weight:700}.disclaimer p,.highlight li,footer .beaches a,footer .menu a{color:var(--content-background)}.highlight li a{text-decoration:none;font-weight:400}.highlight li{list-style:none;display:flex;flex-direction:column;gap:5px;font-size:23px;border-radius:5px;margin:0 0 5px;padding:10px}.call-to-action .buttons{display:flex;max-width:fit-content;margin:0 auto;gap:10px}.call-to-action .buttons li{list-style:none;flex:1;text-wrap:nowrap;font-size:22px;display:flex}.button.outline{background:var(--content-background);border:solid 2px var(--primary-color);color:var(--primary-color)!important}.disclaimer {font-size: 13px;padding: 20px 0 0;color: var(--dark-blue-text);
}footer .beaches ul,footer .menu ul{justify-content:center}footer .menu .book-trip.button{margin:0;padding:5px 10px}footer .collage{background-image:url("/assets/images/madeira-beach-florida-activities.webp");background-size:cover;background-position:center;height:140px;background-repeat:no-repeat}.disclaimer p{font-size:13px;line-height:19px}.form .selector-row{margin:0 0 20px}.selector-item{flex:1;text-align:left}.selector-item .display{display:flex;align-items:center;padding:7px;cursor:pointer;border:1px solid #ccc;border-radius:5px;background:var(--content-background)}.form .field:hover,.selector-item .display:hover{border:solid 1px var(--primary-color)}.bx{display:inline-block;height:29px;width:29px;}.bx.bx-calendar-detail{background:url('/assets/images/calendar.webp');}.bx.bx-community{background:url('/assets/images/guests.webp');}.selector-item .display .icon{font-size:29px;color:#000;display:flex;padding:0;width:39px;height:29px;}.extension .ui-datepicker-blocked span{background:#c8c7c7 !important;color:#000 !important;border-radius:5px;}.selector-item h3{font-size:12px;margin:0;padding:0;font-family:Lato,sans-serif}.selector-item p{font-size:14px;margin:0;padding:0;line-height:15px;font-weight:700;color:#666}.selector-item .extension{background-color:var(--content-background);padding:30px 30px 20px;border-radius:5px;box-shadow:0 5px 15px -11px rgba(0,0,0,.7);-webkit-box-shadow:0 5px 15px -11px rgba(0,0,0,.7);-moz-box-shadow:0 5px 15px -11px rgba(0,0,0,.7);width:max-content;min-width:100%;z-index:10;margin:10px 0 0;display:none}.selector-item .extension.show{display:block}.extension .quantity{display:flex;align-items:center;justify-content:end}.extension .quantity i{font-size:25px;margin:0 5px}.extension .number input{border:1px solid #fff;width:50px;text-align:center;font-size:17px;font-weight:700}.form,.resPanel{border-radius:5px}.extension .buttons{display:flex;justify-content:center;flex:1;padding:20px 0 0;border-top:solid 2px var(--primary-color);margin:10px 0 0}.extension .button,.form .extension .button{font-size:19px;padding:3px 15px}.flex-column.label{font-weight:700;color:#000;font-size:14px}.extension .flex-column,.form .extension .flex-column{padding:0 0 10px}.minus,.plus{display:flex;align-items:center;cursor:pointer}.minus i,.plus i{display: inline-block;height: 22px;width: 22px;background-size: cover;}.minus i{background-image:url('/assets/images/minus.webp');}.plus i{background-image: url('/assets/images/plus.webp');}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.resPanel{margin:0 20px;background:rgba(0,0,0,.3);padding:20px;left:0;right:0;top:-100px;display:flex;gap:20px}.resPanel strong{font-weight:400;font-size:12px}.resPanel .button{font-size:17px}input[type=number]{-moz-appearance:textfield}.form{padding:40px;background:#edf5f6;margin:0 0 40px}.form .field{position:relative;border:1px solid #ccc;border-radius:5px;background:#fff;padding:15px}.form .field.required{border:1px solid #c70d0d;background-color:#f7cfcf}.form .field label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.form .field input{width:100%;border:0;outline:0;background:0 0;box-sizing:border-box}.form .checkbox{border-top:2px solid #10bce1;padding:20px 0;background:#dceff2;margin:20px 0 40px;font-size:15px;color:var(--dark-blue-text);border-bottom-left-radius:5px;border-bottom-right-radius:5px}.form .checkbox input{margin:0 5px 0 0}.form .button{font-size:25px}.ui-datepicker td.ui-datepicker-range a{background:#b9f4fb!important;border-radius:0!important;color:#000!important}.extension .ui-datepicker td.ui-datepicker-range-start a{border-top-left-radius:10px!important;border-bottom-left-radius:10px!important}.extension .ui-datepicker td.ui-datepicker-range-end a{border-top-right-radius:10px!important;border-bottom-right-radius:10px!important}.extension .ui-datepicker td.ui-datepicker-range-end a,.extension .ui-datepicker td.ui-datepicker-range-start a{background:var(--primary-color)!important;color:#fff!important}.ui-datepicker td.ui-datepicker-range-single a{border-radius:999px!important}.ui-datepicker td a.ui-datepicker-range,.ui-datepicker td span.ui-datepicker-range{background:#b9f4fb!important;border-radius:4px}.extension .ui-datepicker{width:100%;padding:0;border:0;margin:10px 0 0}.extension .ui-widget.ui-widget-content{border:none}.extension .ui-datepicker td a,.ui-datepicker-unselectable.ui-state-disabled span{padding:14px;text-align:center;font-size:14px}.extension .ui-button,.extension .ui-state-default,.extension .ui-widget-content .ui-state-default,.extension .ui-widget-header .ui-state-default,html .extension .ui-button.ui-state-disabled:active,html .extension .ui-button.ui-state-disabled:hover{background:#fff;border:none;color:#888}.extension .ui-state-hover{background:#efefef!important}.extension .ui-datepicker td{padding:1px 0 0}.extension .ui-widget-header{background:#fff;border-top:0;border-left:0;border-right:0;border-bottom:solid 2px var(--primary-color);border-radius:0}.extension .ui-datepicker-next,.extension .ui-datepicker-prev{border-radius:50%;border:2px solid var(--primary-color);display:flex;align-items:center;justify-content:center;cursor:pointer}.extension .ui-datepicker .ui-datepicker-next,.extension .ui-datepicker .ui-datepicker-prev{width:20px;height:20px}.extension .ui-datepicker .ui-datepicker-next{right:2px;top:8px}.extension .ui-datepicker .ui-datepicker-prev{left:2px;top:8px}.extension .ui-datepicker-next::before,.extension .ui-datepicker-prev::before{content:'';width:20px;height:20px;background-color:var(--primary-color);mask-size:contain;mask-repeat:no-repeat;mask-position:center}.extension .ui-datepicker .ui-datepicker-next-hover,.extension .ui-datepicker .ui-datepicker-prev-hover,.extension .ui-datepicker-next,.extension .ui-datepicker-next:hover,.extension .ui-datepicker-prev,.extension .ui-datepicker-prev:hover{background:0 0!important;border-image:none!important;box-shadow:none!important;border:solid 2px var(--primary-color)}.extension .ui-datepicker-next:hover,.extension .ui-datepicker-prev:hover{background-color:var(--primary-color)!important}.extension .ui-datepicker-next:hover::before,.extension .ui-datepicker-prev:hover::before{background-color:#fff}.extension .ui-datepicker-prev::before{mask-image:url('https://cdn.jsdelivr.net/npm/boxicons@2.1.4/svg/regular/bx-chevron-left.svg')}.extension .ui-datepicker-next::before{mask-image:url('https://cdn.jsdelivr.net/npm/boxicons@2.1.4/svg/regular/bx-chevron-right.svg')}.extension .ui-datepicker-range a{background:#2d6aa0;color:#fff}@media(max-width:1550px){.container{max-width:1200px}}@media (max-width:1200px){body header .menu a{padding:5px 9px;font-size:21px}}@media (max-width:1150px){body header .menu a{padding:5px 8px;font-size:19px}}@media (max-width:1075px){.logo{position:static;margin:0 auto}header .beaches ul,header .menu ul{width:100%;justify-content:center;gap:8px}header .top-bar{display:none}header .container{padding:0}header .menu{background:#93e6f0;padding:5px}header .menu ul li{flex:1;white-space:nowrap}header nav .container{display:block}header .menu .book-trip.button{margin:0}body footer .menu a{white-space:nowrap;font-size:17px}.florida-beaches-list{flex-wrap:wrap}.florida-beaches-list .flex-column{flex:0 0 calc(33% - 13px)}}@media (max-width:900px){header .beaches ul,header .menu ul{gap:0}footer .beaches ul,footer .menu ul{display:block;margin:0 0 20px}footer .beaches ul li,footer .menu ul li{display:inline}footer .beaches ul li a,footer .menu a.book-trip.button,footer .menu ul li a{padding:0 5px}footer .collage{height:100px}}@media (max-width:768px){header nav .container{display:flex;align-items:center}header .logo{width:200px;margin:10px auto 10px 20px}header .menu{background:var(--primary-color);padding:5px;flex:40px 0 0;border-radius:5px;width:40px;height:34px;cursor:pointer;margin:0 20px 0 0}header .menu a{text-align:center}header .menu::before{content:'';display:block;width:28px;height:3px;margin:7px auto 0;background:#fff;border-radius:2px;box-shadow:0 8px 0 #fff,0 16px 0 #fff}header .menu ul{display:none;position:absolute;right:0;top:calc(100% + 10px);background:var(--content-background);box-shadow:0 6px 12px -6px rgba(0,0,0,.57);border-radius:5px;padding:10px 0;min-width:220px;text-align:right;z-index:20}.call-to-action .buttons li,header .menu ul li{display:block}header .menu a{display:block;padding:8px 16px}header .menu.open ul{display:block;left:10px;margin:0 10px 0 0;box-sizing:border-box;width:auto;padding:5px;background:var(--secondary-color)}.banner{height:360px}main .container{margin-top:-350px}.florida-beaches-list .flex-column{flex:0 0 calc(50% - 10px)}.call-to-action .buttons{flex-wrap:wrap}.call-to-action .buttons li a{display:inline-block;text-align:center;width:100%;box-sizing:border-box}.highlight ul{max-width:100%}}@media (max-width:680px){.resPanel,.resPanel .selector-row{flex-direction:column}.resPanel{top:-225px}.form .selector-row,main .flex-row{flex-wrap:wrap}.selector-item,main .flex-column{flex:100% 0 0}main .extension .flex-column{flex:1}main .flex-column.block{box-sizing:border-box;margin:0}main .flex-column.block:nth-child(4){margin-bottom:20px}.form .flex-column{padding:0}.call-to-action .buttons li a{display:inline-block;text-align:center;width:100%;box-sizing:border-box;font-size:18px;padding:10px}.extension .ui-datepicker td a,.ui-datepicker-unselectable.ui-state-disabled span{padding:13px 8px}.content,.form{padding:20px}}