.mcl-card{display:flex;flex-direction:column;width:100%;height:100%;background:#fff;border:1px solid #e6e6e6;border-radius:8px;overflow:hidden;transition:box-shadow .2s}
.mcl-card:hover{box-shadow:0 6px 20px rgba(7,59,138,.12)}
.mcl-card__media{position:relative;width:100%}
.mcl-card__media img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.mcl-card__fav{position:absolute;top:8px;right:8px;z-index:2}
.mcl-card__fav .jet-data-store-link{background:#fff;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#878787}
.mcl-card__fav .jet-data-store-link.in-store{color:#D9000D}
.mcl-card__body{padding:12px 14px 16px;display:flex;flex-direction:column;gap:6px;width:100%}
.mcl-card__terms{font-size:12px;color:#3D5866}
.mcl-card__terms a{color:inherit}
.mcl-card__title{font-size:15px;font-weight:600;line-height:1.4;margin:0}
.mcl-card__title a{color:#222}
.mcl-card__title a:hover{color:#0B4F6C}
.mcl-card__facts{font-size:12px;color:#878787} .mcl-checklist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px 16px;font-size:14px}
.mcl-checklist li::before{content:"\2713";color:#0B4F6C;margin-right:6px}
.mcl-checklist__title,.mcl-meta__title{font-size:16px;margin:0 0 10px}
.mcl-meta{font-size:14px;line-height:1.7}
.mcl-meta table{width:100%;border-collapse:collapse}
.mcl-meta td,.mcl-meta th{border:1px solid #e6e6e6;padding:6px 8px}
.mcl-rooms{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.mcl-room{border:1px solid #e6e6e6;border-radius:8px;overflow:hidden;background:#fff}
.mcl-room__img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.mcl-room__body{padding:12px 14px;font-size:13px;line-height:1.6}
.mcl-room__body h3{font-size:16px;margin:0 0 4px}
.mcl-room__facts{color:#3D5866;margin:0 0 8px}
.mcl-departures{overflow-x:auto}
.mcl-departures table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.mcl-departures th,.mcl-departures td{padding:10px 8px;border-bottom:1px solid #e6e6e6;text-align:left;white-space:nowrap}
.mcl-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;background:#eef2fa;color:#0B4F6C}
.mcl-badge--limited{background:#fff4e5;color:#b25e00}
.mcl-badge--full{background:#f2f2f2;color:#878787}
.mcl-departures__full{color:#878787;font-size:13px}
.mcl-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.mcl-gallery img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border-radius:4px}
.mcl-specs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.mcl-spec{background:#F8F8F8;border-radius:8px;padding:12px;font-size:13px}
.mcl-spec b{display:block;font-size:12px;color:#878787;font-weight:500;margin-bottom:2px}
.mcl-anchor-nav .bricks-nav-menu{flex-wrap:wrap;gap:4px 20px}
.mcl-steps{display:flex;flex-direction:column;gap:12px}
.mcl-step{display:grid;grid-template-columns:120px 1fr;gap:16px;background:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:14px}
.mcl-step__label{font-weight:600;color:#0B4F6C}
.mcl-step__body{font-size:14px;line-height:1.7}
.mcl-step__body p{margin:0 0 8px}
@media(max-width:600px){.mcl-step{grid-template-columns:1fr;gap:6px}}
.mcl-map{max-width:100%;height:auto;border-radius:8px}
.mcl-card--term .mcl-card__media img{aspect-ratio:4/3}
.mcl-card--term .mcl-card__title{padding:10px 14px;font-size:14px}
.mcl-prose{font-size:15px;line-height:1.8}
.mcl-prose table{width:100%;border-collapse:collapse}
.mcl-prose td,.mcl-prose th{border:1px solid #e6e6e6;padding:8px 10px;vertical-align:top}
.mcl-prose h2{margin-top:24px} .mcl-history:not(:has(.jet-listing-grid__item)) {
display: none;
} .brxe-section {
padding-left: clamp(16px, 4vw, 24px);
padding-right: clamp(16px, 4vw, 24px);
}
#brx-header .bricks-nav-menu > li > a {
white-space: nowrap;
}
#brx-header .brxe-logo img {
width: auto;
height: 44px;
}
.mcl-card__media .brxe-image {
display: block;
width: 100%;
} #brx-header .brxe-container {
flex-wrap: nowrap;
gap: 12px;
}
@media (max-width: 767px) {
#brx-header .brxe-logo img {
height: 32px;
}
#brx-header .brxe-button {
padding: 8px 12px;
font-size: 13px;
white-space: nowrap;
}
.mcl-anchor-nav .bricks-nav-menu {
flex-wrap: nowrap;
overflow-x: auto;
white-space: nowrap;
}
}  #brx-header.brx-sticky {
position: sticky;
}
#brx-header .brxe-button {
white-space: nowrap;
} .brxe-section[id]:has(> .brxe-container > .brxe-heading:only-child) {
display: none;
} .mcl-fav-btn .jet-data-store-link {
color: rgba(255, 255, 255, .9);
gap: 6px;
} .jet-filter-label {
font-weight: 600;
font-size: 14px;
margin: 0 0 8px;
}
.jet-smart-filters-checkboxes {
margin-bottom: 24px;
}
.jet-checkboxes-list-wrapper {
display: flex;
flex-direction: column;
flex-wrap: nowrap !important;
width: 100%;
gap: 4px;
max-height: 240px;
overflow-y: auto;
border: 0;
margin: 0;
padding: 0;
}
.jet-checkboxes-list__item {
display: flex !important;
flex-direction: row !important;
align-items: center;
gap: 8px;
cursor: pointer;
font-size: 14px;
line-height: 1.5;
}
.jet-checkboxes-list__input {
position: static !important;
opacity: 1 !important;
width: 16px !important;
height: 16px !important;
margin: 0 !important;
flex: none;
display: inline-block !important;
appearance: auto !important;
-webkit-appearance: checkbox !important;
visibility: visible !important;
accent-color: #0B4F6C;
}
.jet-checkboxes-list__input:checked + .jet-checkboxes-list__button {
color: #0B4F6C;
font-weight: 600;
} .brxe-jet-engine-listing-grid:not(:has(.jet-listing-grid__item, .jet-listing-not-found)) {
display: none;
}
.mcl-listing-sec:not(:has(.jet-listing-grid__item, .jet-listing-not-found)) {
display: none;
} @media (max-width: 767px) {
.jet-checkboxes-list-wrapper {
max-height: 150px;
}
.mcl-gallery {
grid-template-columns: repeat(3, 1fr);
gap: 4px;
}
}
.jet-smart-filters-checkboxes,
.jet-checkboxes-list {
width: 100%;
}
.jet-checkboxes-list__label {
color: #333;
} .mcl-specs {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
gap: 0;
background: #fff;
border: 1px solid #DCE4E8;
border-radius: 12px;
overflow: hidden;
}
.mcl-spec {
background: transparent;
border-radius: 0;
padding: 18px 16px;
text-align: center;
font-size: 20px;
font-weight: 600;
line-height: 1.35;
color: #0B2A3C;
border-left: 1px solid #DCE4E8;
margin-left: -1px;
}
.mcl-spec b {
display: block;
font-size: 12px;
font-weight: 500;
letter-spacing: .04em;
color: #3D5866;
margin-bottom: 6px;
}
#overview .brxe-shortcode + .brxe-post-content {
margin-top: 28px;
}
@media (max-width: 767px) {
.mcl-specs {
grid-template-columns: repeat(2, 1fr);
}
.mcl-spec {
font-size: 16px;
padding: 14px 10px;
border-top: 1px solid #DCE4E8;
margin-top: -1px;
}
} .mcl-hero-boat {
width: 100%;
}
.mcl-hero-boat img,
img.mcl-hero-boat {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
object-position: center;
border: 4px solid #fff;
border-radius: 12px;
box-shadow: 0 12px 32px rgba(0, 0, 0, .35);
}
@media (max-width: 767px) {
.mcl-hero-boat img,
img.mcl-hero-boat {
aspect-ratio: 16 / 10;
}
} .mcl-room__open {
position: relative;
display: block;
width: 100%;
padding: 0;
border: 0;
background: none;
cursor: zoom-in;
}
.mcl-room__more {
position: absolute;
right: 10px;
bottom: 10px;
padding: 4px 10px;
border-radius: 999px;
background: rgba(11, 42, 60, .8);
color: #fff;
font-size: 12px;
}
.mcl-room-dialog {
width: min(760px, calc(100vw - 32px));
max-height: calc(100vh - 48px);
padding: 0;
border: 0;
border-radius: 12px;
overflow: auto;
box-shadow: 0 20px 60px rgba(0, 0, 0, .4);
}
.mcl-room-dialog::backdrop {
background: rgba(11, 42, 60, .7);
}
.mcl-room-dialog__close {
position: sticky;
top: 8px;
float: right;
margin: 8px 8px -44px 0;
width: 36px;
height: 36px;
border: 0;
border-radius: 50%;
background: #fff;
color: #0B2A3C;
font-size: 22px;
line-height: 1;
cursor: pointer;
z-index: 1;
box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
}
.mcl-room-dialog__img {
display: block;
width: 100%;
height: auto;
max-height: 60vh;
object-fit: cover;
}
.mcl-room-dialog__body {
padding: 20px 24px 24px;
font-size: 14px;
line-height: 1.7;
}
.mcl-room-dialog__body h3 {
margin: 0 0 12px;
font-size: 20px;
}
.mcl-room-dialog__facts {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
gap: 10px;
margin: 0 0 16px;
}
.mcl-room-dialog__facts div {
padding: 10px 12px;
border: 1px solid #DCE4E8;
border-radius: 8px;
}
.mcl-room-dialog__facts dt {
font-size: 12px;
color: #3D5866;
}
.mcl-room-dialog__facts dd {
margin: 2px 0 0;
font-weight: 600;
color: #0B2A3C;
} .mcl-room-dialog__close {
padding: 0;
font-size: 0;
}
.mcl-room-dialog__close::before,
.mcl-room-dialog__close::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 2px;
margin: -1px 0 0 -8px;
border-radius: 1px;
background: currentColor;
transform: rotate(45deg);
}
.mcl-room-dialog__close::after {
transform: rotate(-45deg);
} .mcl-map-single {
width: 100%;
border-radius: 12px;
overflow: hidden;
z-index: 0;
}
.mcl-map-single__meta {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 8px 24px;
margin: 12px 0 0;
font-size: 14px;
}
.mcl-map-single__meta a {
font-weight: 600;
}
@media (max-width: 767px) {
.mcl-map-single {
height: 280px !important;
}
} .brxe-section.mcl-fullbleed {
padding-left: 0 !important;
padding-right: 0 !important;
} body {
overflow-x: clip;
}
.mcl-map-single {
width: 100vw;
max-width: none;
margin-left: calc(50% - 50vw);
border-radius: 0;
} [class*="brxe-jet-smart-filters-"],
.jet-smart-filters-checkboxes,
.jet-checkboxes-list,
.jet-checkboxes-list-wrapper {
width: 100% !important;
max-width: none;
align-self: stretch;
box-sizing: border-box;
} .mcl-hp {
position: absolute !important;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
.mcl-form {
display: flex;
flex-direction: column;
gap: 14px;
max-width: 520px;
}
.mcl-form__row {
display: flex;
flex-direction: column;
gap: 6px;
font-size: 14px;
font-weight: 600;
}
.mcl-form__row input {
width: 100%;
padding: 10px 12px;
border: 1px solid #c9d3da;
border-radius: 6px;
font: inherit;
font-weight: 400;
background: #fff;
}
.mcl-form__row input:focus {
outline: 2px solid #0B4F6C;
outline-offset: 1px;
}
.mcl-form__check {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
}
.mcl-form__note {
font-size: 13px;
color: #5a6b76;
margin: 0;
}
.mcl-btn {
display: inline-block;
align-self: flex-start;
padding: 12px 28px;
border: 0;
border-radius: 999px;
background: #0B2A3C;
color: #fff !important;
font-weight: 700;
text-decoration: none;
cursor: pointer;
}
.mcl-btn:hover {
background: #0B4F6C;
}
.mcl-notice {
padding: 12px 16px;
border-radius: 6px;
background: #eef4f7;
font-size: 14px;
margin: 0 0 16px;
}
.mcl-notice p,
.mcl-notice ul {
margin: 0;
}
.mcl-notice ul {
padding-left: 1.2em;
}
.mcl-notice--ok {
background: #e7f5ec;
color: #145c32;
}
.mcl-notice--error {
background: #fdecec;
color: #8a1c1c;
}
.mcl-account__hello {
margin: 0 0 16px;
color: #5a6b76;
}
.mcl-account__tabs {
display: flex;
flex-wrap: wrap;
gap: 4px;
border-bottom: 1px solid #dfe5e9;
margin-bottom: 24px;
}
.mcl-account__tabs a {
padding: 10px 16px;
border-bottom: 3px solid transparent;
margin-bottom: -1px;
color: #33454f;
font-weight: 600;
font-size: 14px;
text-decoration: none;
}
.mcl-account__tabs a.is-active {
border-bottom-color: #0B4F6C;
color: #0B2A3C;
}
.mcl-account__tabs .mcl-account__logout {
margin-left: auto;
color: #8a1c1c;
font-weight: 400;
}
.mcl-account__panel h2 {
font-size: 20px;
margin: 0 0 16px;
}
.mcl-table-wrap {
overflow-x: auto;
}
.mcl-table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
}
.mcl-table th,
.mcl-table td {
padding: 10px 12px;
border-bottom: 1px solid #e6ebee;
text-align: left;
white-space: nowrap;
}
.mcl-table th {
font-size: 12px;
color: #5a6b76;
}
.mcl-status {
display: inline-block;
padding: 3px 10px;
border-radius: 999px;
background: #eef4f7;
font-size: 12px;
font-weight: 700;
}
.mcl-status--checking {
background: #fff4dc;
color: #7a5300;
}
.mcl-status--confirmed,
.mcl-status--paid {
background: #e7f5ec;
color: #145c32;
}
.mcl-status--declined,
.mcl-status--cancelled {
background: #f1f1f1;
color: #666;
}
.mcl-fav-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 16px;
list-style: none;
padding: 0;
margin: 0 0 16px;
}
.mcl-fav-list a {
display: flex;
flex-direction: column;
gap: 4px;
color: inherit;
text-decoration: none;
}
.mcl-fav-list img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: 8px;
}
.mcl-fav-list__type {
font-size: 12px;
color: #5a6b76;
}
.mcl-fav-list__title {
font-weight: 700;
}
@media (max-width: 767px) {
.mcl-account__tabs a {
padding: 8px 10px;
}
.mcl-table thead {
display: none;
}
.mcl-table tr {
display: block;
padding: 8px 0;
border-bottom: 1px solid #e6ebee;
}
.mcl-table td {
display: flex;
justify-content: space-between;
gap: 12px;
padding: 4px 0;
border: 0;
white-space: normal;
}
.mcl-table td::before {
content: attr(data-label);
color: #5a6b76;
font-size: 12px;
}
} .mcl-header-account {
display: inline-flex;
align-items: center;
gap: 6px;
color: inherit;
font-size: 14px;
font-weight: 600;
white-space: nowrap;
text-decoration: none;
}
#brxe-mclhd1 {
flex: 0 0 auto;
width: auto;
margin-left: 8px;
}
@media (max-width: 991px) {
.mcl-header-account span {
display: none;
}
#brxe-mclhd1 {
margin-left: 0;
}
}
@media (max-width: 478px) {
#brxe-kustnx {
column-gap: 12px;
}
}