html{font-size:20px;background-color:#e0f2fa}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,sans-serif;font-family:Inter,sans-serif;line-height:1.6;color:#333}.header{background-image:linear-gradient(to right,#5898c0 -2.6rem,#ffd 2.6rem,#004080 12rem);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 2rem 0 0}nav a{color:#fff;margin-left:1rem;text-decoration:none}nav a:hover{text-decoration:underline}.hero{background:url(/assets/beach-390c5f53.webp) center/cover no-repeat;color:#fff;text-align:center;padding:6rem 2rem}.hero h1{font-size:3rem;margin-bottom:.5rem;text-align:center;margin-bottom:1rem;font-weight:700;text-shadow:.15rem .15rem .6rem rgba(0,0,0,1)}.hero p{font-size:1.2rem;text-shadow:.1rem .1rem .3rem rgba(0,0,0,1)}.btn-primary,button{display:inline-block;margin-top:1rem;background:lightskyblue;color:#000;padding:.7rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:700;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;cursor:pointer}.btn-primary:hover,button:hover{transform:translateY(-.15rem);box-shadow:0 .2rem .4rem #00000040}.btn-primary:active,button:active{transform:none;box-shadow:none}.destinations{padding:3rem 2rem;background:#f5f5f5}h2{text-align:center;margin-bottom:2rem}.destination-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1.5rem}.card{background:white;border-radius:.4rem;box-shadow:0 .1rem .4rem #0000001a;text-align:center}.card img{width:100%;height:9rem;object-fit:cover}.card h3{margin:1rem 0 .5rem}.card p{padding:0 1rem 1rem}.form-group{margin-bottom:1rem}label{display:block;margin-bottom:.3rem}input,select{width:100%;padding:.6rem;border:1px solid #ccc;border-radius:.25rem}button{cursor:pointer}.contact{background:#004080;color:#fff;text-align:center;padding:2rem}footer{background:#222;color:#ccc;text-align:center;padding:1rem}.booking .notselected{border-style:solid;border-width:.1rem;border-color:#bbb;background-color:#fff;color:#033}.booking .selected{border-style:solid;border-width:.1rem;border-color:#afc;background-color:#efe;color:#033}.booking .notselected:hover{border-color:#585;color:#033;opacity:100%;filter:brightness(1)!important}.booking .selected:hover{border-color:#585;background-color:#cfc;filter:brightness(1)!important}.booking #filter{button:hover {transform: translateY(-.15rem); box-shadow: 0 .2rem .4rem rgba(0,0,0,.25);} button:active {transform: none; box-shadow: none;} #filter .block__list {padding-bottom: 0;}}.booking #filter :is(button){color:#fff;width:100%;border:none;outline:0;opacity:.5;margin:.5rem 0;cursor:pointer;background:#5F9EDF;padding:.5rem 0;font-size:1rem;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.booking .modal{display:none;position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#000c}.booking .modal-content{background-color:#f0f8ff;border:.15rem outset #d4d4d4;border-radius:1rem;margin:2rem auto;padding:1rem;width:80%;max-width:fit-content;cursor:auto}.booking .close{color:#555;float:right;font-size:1.8rem;font-weight:700;margin:0 -1rem;background-color:#ccc;padding:.15rem .3rem}.booking .close:hover,.booking .close:focus{color:#000;text-decoration:none;cursor:pointer;background-color:#888}.booking .pointer:hover{border:1px dashed #3a3}.booking .popup-title{font-weight:700;font-size:130%;background-color:#004080;color:#fff;margin:-1rem -1rem .5rem;padding:0 1rem}.booking :is(button){padding:.4rem .75rem;border:1px solid #aaa;border-radius:.5rem;background-color:#eee;color:#333;cursor:pointer;margin-right:.25rem;margin-bottom:.25rem}.booking .toggle{border-radius:.5rem;font-weight:400}.booking .remove{margin:auto;display:block;max-width:20rem;font-size:140%;font-weight:700}.cruise-explorer{font-family:Segoe UI,sans-serif;font-family:Inter,sans-serif;margin:0;color:#333}.cruise-explorer .button{background-color:#fff;border-radius:0 0 .5rem .5rem;border:1px solid #ccc;box-shadow:0 .1rem .25rem #00000026;color:#000;cursor:pointer;display:inline-block;font-family:Lora,serif;font-family:Inter,sans-serif;font-size:.9rem;margin-left:2rem;min-width:8rem;padding:0 0 .7rem 1rem;text-decoration:none;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.cruise-explorer .button :is(b){text-align:center;margin-left:-1rem}.cruise-explorer .back-button{border-radius:.4rem;padding:.7rem .5rem}.cruise-explorer .button:hover{transform:translateY(-.15rem);box-shadow:0 .2rem .4rem #00000040}.cruise-explorer .button:active{transform:none;box-shadow:none}.cruise-explorer .grid-container2{display:grid;grid-template-columns:1fr 3fr;gap:1rem;padding:1rem}.cruise-explorer .filter-card{background:#fff;border-radius:.5rem;padding:1rem;box-shadow:0 .2rem .75rem #0000000d}.cruise-explorer .filter-group{margin-bottom:.75rem}.cruise-explorer .filter-group label{display:block;margin-bottom:.25rem;font-weight:700}.cruise-explorer .filter{border:1px solid #aaa;margin:.15rem;border-radius:.5rem;padding:.7rem}.cruise-explorer .btn-filter{border-radius:1rem;padding:.3rem .75rem;border:none;background-color:#eee;color:#333;cursor:pointer;margin-right:.25rem;margin-bottom:.25rem}.cruise-explorer .btn-filter.active{background-color:#004080;color:#fff}.cruise-explorer .table-container{background:#fff;border-radius:.6rem;box-shadow:0 .2rem 1rem #00000014}.cruise-explorer :is(table){border-collapse:collapse;margin-left:auto;margin-right:auto}.cruise-explorer :is(th),.cruise-explorer :is(td){padding:.6rem;text-align:center;border:1px solid #ddd}.cruise-explorer :is(th){background:#eee}.cruise-explorer :is(tbody) tr:hover{background-color:#f5f5f5}.cruise-explorer .length-range-container{display:flex;flex-direction:column;align-items:center}.cruise-explorer #lengthRange{width:100%;margin-bottom:.25rem}.cruise-explorer #lengthMinDisplay,.cruise-explorer #lengthMaxDisplay{font-size:.8rem;color:#555}.cruise-explorer .month-buttons-container{margin-bottom:.75rem}.cruise-explorer .month-buttons-container label{display:block;margin-bottom:.25rem;font-weight:700}.cruise-explorer .month-button{border-radius:1rem;padding:.3rem .5rem;border:none;background-color:#eee;color:#333;cursor:pointer;margin-right:.25rem;margin-bottom:.25rem}.cruise-explorer .month-button.active{background-color:#0077b6;color:#fff}.calform>div>div{width:min-content;display:grid;grid-template-columns:repeat(12,1fr)}.toggle{display:inline-block;border:1px solid #ccc;border-radius:.25rem;margin-right:.2rem;padding-left:.3rem;padding-right:.3rem;cursor:pointer;text-align:center}.logo{cursor:pointer;display:flex;justify-content:center;align-items:center;font-family:Arial,sans-serif;font-family:Inter,sans-serif;padding-right:1rem;padding-left:1rem}.logo :is(div){text-align:center;font-size:2.5rem;color:#fff;text-shadow:.1rem .1rem .2rem rgba(0,0,0,1)}.logo :is(div) :is(span){color:#ffa}.logo :is(img){height:100%}.itinerary-table :is(tr){cursor:auto}.notes div{font-style:italic;font-size:.85rem}#details{color:#000;text-align:left;background:#fff;padding:1.4rem;border-radius:.5rem;box-shadow:0 .2rem .5rem #0000001a;margin-bottom:1rem;text-align:center}#details :is(h3),#details h4{color:#144064;font-family:Playfair Display,serif;font-family:Inter,sans-serif;margin-bottom:.75rem}#details :is(h2){background-color:#f7fbfe;border-radius:1rem}#details :is(ul){font-weight:400;list-style:disc;padding-left:1rem}#details :is(li){margin-bottom:.4rem;font-size:1.1rem;line-height:1.6}#details :is(a){line-height:3rem}.togs{margin:3rem}.pros-cons-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pros,.cons{padding:.75rem;border-radius:.3rem}.cruise-summary{font-family:Lora,serif;font-family:Inter,sans-serif;margin:0;padding:0;color:#333;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;text-align:left;font-weight:400;color:#000;text-align:center}.cruise-summary :is(th){color:#000}.cruise-summary :is(img){width:20rem;height:20rem}.cruise-summary .header{background:linear-gradient(to right,#14405B,#366A83);color:#fff;padding:1.4rem;text-align:center;box-shadow:0 .2rem .4rem #0003}.cruise-summary .header h1{font-size:2.5rem;margin-bottom:.5rem;font-family:Playfair Display,serif;font-family:Inter,sans-serif}.cruise-summary .header p{font-size:1.2rem;font-style:italic}.cruise-summary :is(main){padding:1rem}.cruise-summary #cruise-details{background:#fff;padding:1.4rem;border-radius:.6rem;box-shadow:0 .2rem .5rem #0000001a;margin-bottom:1rem}.cruise-summary #cruise-details :is(h2){color:#144064;font-family:Playfair Display,serif;font-family:Inter,sans-serif;margin-bottom:.75rem}.cruise-summary #cruise-details :is(span){display:inline-block}.cruise-summary .details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.cruise-summary .details-grid :is(img){border-radius:.4rem}.cruise-summary .info-grid{display:grid;grid-template-columns:1fr 1fr;div:nth-child(odd) {text-align: right; font-weight: bold; margin-right: .4rem;} div:nth-child(even) {text-align: left;} div:nth-child(odd)::after {content: ":"}}.cruise-summary .info-grid :is(div){margin-top:auto;margin-bottom:auto}.cruise-summary .button-container{text-align:center;margin-top:1rem}.cruise-summary .button-container :is(span){display:inline-table}.cruise-summary .button{background-color:#f7fbfe;border-radius:.4rem;border:1px solid #ccc;box-shadow:0 .1rem .25rem #00000026;color:#000;cursor:pointer;display:inline-block;font-family:Lora,serif;font-family:Inter,sans-serif;font-size:.9rem;margin:.2rem .5rem;min-width:8rem;padding:.7rem .5rem;text-align:center;text-decoration:none;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.cruise-summary .button:hover{transform:translateY(-.15rem);box-shadow:0 .2rem .4rem #00000040}.cruise-summary .button:active{transform:none;box-shadow:none}.cruise-summary #cruise-itinerary{background:#fff;padding:1.4rem;border-radius:.6rem;box-shadow:0 .2rem .5rem #0000001a;margin-bottom:1rem}.cruise-summary #cruise-itinerary h2{color:#144064;font-family:Playfair Display,serif;font-family:Inter,sans-serif;margin-bottom:.75rem}.cruise-summary .itinerary-table{width:100%;border-collapse:collapse;margin-top:.75rem}.cruise-summary .itinerary-table th,.cruise-summary .itinerary-table td{border:1px solid #ddd;padding:.3rem;text-align:center}.cruise-summary .itinerary-table th{background-color:#f2f2f2;text-align:center}.cruise-summary :is(footer){background-color:#333;color:#fff;text-align:center;padding:1rem;font-size:.9rem}@media (max-width: 768px){.cruise-summary :is(html){font-size:19px}.cruise-summary .header{padding:1rem}.cruise-summary .details-grid,.cruise-summary .grid-container2{grid-template-columns:1fr}}.cruise-summary .header{display:block}.highlight{color:green}#app>div{display:grid;grid-template-rows:min-content 1fr;height:100vh}nav>a{cursor:pointer}.icon-button{display:inline-block;margin-right:1rem}.filter-cards{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.filter-cards .filter-card{cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;background-color:#f7fbfe}.filter-cards .filter-card :is(h3){display:inline-block}.filter-cards .filter-card :is(i){margin-right:.5rem}.filter-cards .filter-card:hover{transform:translateY(-.15rem);box-shadow:0 .2rem .4rem #00000040}.filter-cards .filter-card:active{transform:none;box-shadow:none}.cruises .button{width:40rem;margin-bottom:.5rem;margin-left:0;margin-right:0;font-size:1.5rem}.cruises .button :is(b){background-color:#f7fbfe;padding-bottom:0;display:block;border:1px solid #ccc}.cruises>div>div{width:min-content}.hidden{display:none}#cruise-details .passenger-card{border:1px solid #e8e8e8;padding:1rem;min-width:24rem;min-height:2rem;margin:.5rem .2rem;text-align:left}#cruise-details .passenger-card>span{margin-left:.5rem;border-bottom:1px solid #ccc;min-width:5rem;min-height:1.5rem}#cruise-details .passenger-card>span>span{margin:0rem}#cruise-details .passenger-card :is(h3){text-align:center;font-weight:400;font-family:sans-serif;font-family:Inter,sans-serif;text-decoration:underline}#cruise-details .passenger-card .label{font-weight:700;min-width:5rem;margin-right:1rem;text-align:right}#cruise-details .passenger-card .label2{font-weight:700;text-align:left}#cruise-details .passenger-card:hover{border-color:#888}#cruise-details .wide{width:100%}#cruise-details .wide :is(textarea){width:100%;height:8rem}.available{width:40rem;font-size:1.5rem;border:1px solid #eee;border-radius:1rem;padding:.5rem;height:fit-content;border:1px solid green;background-color:#fdfffd}.left div{float:left}.button-link{cursor:pointer;text-decoration:underline;margin-top:1rem;margin-bottom:1rem}#details-content{text-align:left}.pnotes{font-size:70%;margin-top:1rem;padding-top:1rem;border-top:1px solid #ddd}@media (max-width: 1080px){.calform>div>div{grid-template-columns:repeat(6,1fr)}.calform>div>div>div:nth-child(12n),.calform>div>div>div:nth-child(12n-5),.calform>div>div>div:nth-child(12n-4),.calform>div>div>div:nth-child(12n-3),.calform>div>div>div:nth-child(12n-2),.calform>div>div>div:nth-child(12n-1){margin-bottom:.8rem}}@media (max-width: 1000px){.header{max-width:100vw}.cruise-explorer .grid-container2{grid-template-columns:1fr;gap:0;padding:0;text-align:center}.cruises .button{max-width:90vw}.available{width:92vw;display:block}nav>a{display:block;white-space:nowrap;padding-top:.3rem;padding-bottom:.3rem}.booking .modal-content{width:100%;padding:.1rem}.cruise-summary>div{max-width:90vw}.small-center{margin-left:auto;margin-right:auto}}@media (max-width: 540px){:is(html){font-size:14px}input,select{margin:0rem;padding:.28rem}.cruise-explorer{padding:0;margin:0}.cruise-explorer :is(td){padding:.2rem}.cruise-summary #cruise-details{padding:0}.cruise-summary :is(main){padding:0}.cruise-summary .itinerary-tablee td{padding:.1rem}.cruise-summary .info-grid{grid-template-columns:1fr;div:nth-child(even) {text-align: center;} div:nth-child(odd) {text-align: center; margin-right: 0; text-decoration: underline;} div:nth-child(odd)::after {content: ""}}}@media (max-width: 330px){:is(html){font-size:10px}}@media (max-width: 220px){:is(html){font-size:8px}}@media (max-width: 180px){:is(html){font-size:7px}}.length-form .form-item:nth-child(3),.length-form .form-item:nth-child(4){width:4rem;display:inline-block}