:root {
--ob-blue: #00b4ff;
--ob-blue-dark: #0090cc;
--ob-yellow: #ffcc00;
--ob-navy: #0d2a48;
} .med-info-card {
position: relative;
overflow: hidden;
box-sizing: border-box;
width: 100%;
margin: 20px 0;
padding: 24px 32px;
background-color: #fff;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}
.med-info-card::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 6px;
background-color: var(--ob-yellow);
}
.med-info-card h2 {
margin-top: 0 !important;
margin-bottom: 12px !important;
color: #00bfff;
font-size: 24px;
font-weight: 700;
}
.med-info-card p {
margin: 0 !important;
color: #4a4a4a;
font-size: 15px;
line-height: 1.6;
} .ob-dest-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 28px;
margin: 40px 0;
}
@media (max-width: 960px) {
.ob-dest-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}
}
@media (max-width: 600px) {
.ob-dest-grid {
grid-template-columns: 1fr;
}
}
.ob-dest {
overflow: hidden;
background: #fff;
border-radius: 16px;
box-shadow: 0 4px 18px rgba(13, 42, 72, 0.07);
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.ob-dest:hover {
transform: translateY(-4px);
box-shadow: 0 12px 30px rgba(0, 180, 255, 0.15);
} .ob-dest__media {
position: relative;
overflow: hidden;
aspect-ratio: 16 / 10;
border-radius: 0 !important;
}
.ob-dest__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0 !important;
transition: transform 0.6s ease;
}
.ob-dest:hover .ob-dest__media img {
transform: scale(1.05);
}
.ob-dest__media::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(13, 42, 72, 0) 45%, rgba(13, 42, 72, 0.75) 100%);
}
.ob-dest__name {
position: absolute;
left: 22px;
bottom: 16px;
z-index: 1;
margin: 0 !important;
color: #fff !important;
font-size: 26px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.ob-dest__name::after {
content: '';
display: block;
width: 36px;
height: 4px;
margin-top: 8px;
background: var(--ob-yellow);
border-radius: 2px;
}
.ob-dest__badge {
position: absolute;
top: 16px;
right: 16px;
z-index: 1;
padding: 6px 12px;
color: var(--ob-navy);
background: var(--ob-yellow);
border-radius: 999px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
} .pc-dest-link {
display: block;
color: inherit;
text-decoration: none;
}
.pc-dest-link .ob-dest__city,
.pc-dest-link .ob-dest__soon {
transition: transform 0.2s ease;
}
.pc-dest-link li:hover .ob-dest__city,
.pc-dest-link li:hover .ob-dest__soon {
transform: translateX(6px);
}
@media (min-width: 601px) and (max-width: 1199px) {
.pc-dest-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1200px) {
.pc-dest-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
} .ob-dest__body {
padding: 20px 22px 24px;
}
.ob-dest__label {
margin: 0 0 10px !important;
color: #8a9bb0;
font-size: 12px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
}
.ob-dest__cities,
.ob-dest__cities ul {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.ob-dest__cities li {
margin: 0;
border-bottom: 1px solid #eef2f6;
}
.ob-dest__cities li:last-child {
border-bottom: 0;
}
.ob-dest__cities a,
.ob-dest__city,
.ob-dest__group-label,
.ob-dest__soon {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 0;
color: var(--ob-navy);
font-size: 16px;
font-weight: 500;
text-decoration: none;
}
.ob-dest__cities a {
transition: color 0.2s ease, padding 0.2s ease;
}
.ob-dest__cities a::before,
.ob-dest__city::before,
.ob-dest__group-label::before,
.ob-dest__soon::before {
content: '';
flex: 0 0 8px;
height: 8px;
background: var(--ob-yellow);
border-radius: 50%;
}
.ob-dest__cities a::after {
content: '→';
margin-left: auto;
color: var(--ob-blue);
opacity: 0;
transform: translateX(-6px);
transition: opacity 0.2s ease, transform 0.2s ease;
}
.ob-dest__cities a:hover,
.ob-dest__cities a:focus-visible {
padding-left: 4px;
color: var(--ob-blue-dark);
}
.ob-dest__cities a:hover::after,
.ob-dest__cities a:focus-visible::after {
opacity: 1;
transform: none;
} .ob-dest__group > ul {
padding-left: 18px !important;
border-top: 1px solid #eef2f6;
}
.ob-dest__group > ul a,
.ob-dest__group > ul .ob-dest__city {
font-size: 15px;
}
.ob-dest__group > ul a::before,
.ob-dest__group > ul .ob-dest__city::before {
flex-basis: 6px;
height: 6px;
background: transparent;
border: 2px solid var(--ob-yellow);
} .ob-dest__soon {
color: #8a9bb0;
font-style: italic;
}
.ob-dest__soon::before {
background: #d5dde6;
} .ob-section-title {
margin-top: 56px !important;
margin-bottom: 8px !important;
color: var(--ob-navy);
font-size: 28px;
font-weight: 700;
}
.ob-section-lead {
margin-top: 0 !important;
margin-bottom: 20px !important;
color: #5b6b7f;
font-size: 16px;
line-height: 1.6;
}
.ob-icon {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
}
.ob-icon svg {
width: 100%;
height: 100%;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
} .ob-usp {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
margin-top: 28px;
}
.ob-usp__item {
display: flex;
gap: 14px;
align-items: flex-start;
padding: 20px;
background: #fff;
border-radius: 14px;
box-shadow: 0 4px 18px rgba(13, 42, 72, 0.06);
}
.ob-usp__item .ob-icon {
width: 44px;
height: 44px;
padding: 10px;
color: var(--ob-blue);
background: #e8f7ff;
border-radius: 12px;
}
.ob-usp__item h3 {
margin: 2px 0 4px !important;
color: var(--ob-navy);
font-size: 16px;
font-weight: 700;
}
.ob-usp__item p {
margin: 0 !important;
color: #5b6b7f;
font-size: 14px;
line-height: 1.5;
} .ob-cars {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 28px;
}
.ob-car {
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
background: #fff;
border-radius: 16px;
box-shadow: 0 4px 18px rgba(13, 42, 72, 0.07);
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.ob-car:hover {
transform: translateY(-4px);
box-shadow: 0 12px 30px rgba(0, 180, 255, 0.15);
}
.ob-car__media {
position: relative;
display: block;
aspect-ratio: 16 / 10;
overflow: hidden;
background: #fff;
border-radius: 0 !important;
}
.ob-car__media img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 0 !important;
transition: transform 0.5s ease;
}
.ob-car:hover .ob-car__media img {
transform: scale(1.04);
}
.ob-car__badge {
position: absolute;
top: 14px;
left: 14px;
padding: 5px 11px;
color: var(--ob-navy);
background: var(--ob-yellow);
border-radius: 999px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
} .ob-car--boat .ob-car__media img {
object-fit: cover;
}
.ob-car--boat .ob-car__badge {
color: var(--ob-navy);
background: #fff;
box-shadow: 0 2px 8px rgba(13, 42, 72, 0.15);
}
.ob-car--boat .ob-car__model {
font-size: 13px;
line-height: 1.45;
}
.ob-car--boat .ob-car__specs {
margin: 14px 0 0 !important;
}
.ob-car--boat .ob-car__specs li.is-skipper {
color: var(--ob-navy);
background: #fff3c4;
font-weight: 600;
}
.ob-car--boat .ob-car__specs li.is-skipper .ob-icon {
color: var(--ob-navy);
}
.ob-car--boat .ob-car__price {
margin: 16px 0 18px !important;
}
.ob-car__body {
display: flex;
flex: 1;
flex-direction: column;
padding: 18px 22px 22px;
border-top: 1px solid #eef2f6;
}
.ob-car__title {
margin: 0 !important;
color: var(--ob-navy);
font-size: 19px;
font-weight: 700;
}
.ob-car__model {
margin: 4px 0 0 !important;
color: #8a9bb0;
font-size: 14px;
}
.ob-car__price {
margin: 14px 0 0 !important;
color: var(--ob-navy);
font-size: 14px;
}
.ob-car__price strong {
color: var(--ob-blue-dark);
font-size: 26px;
font-weight: 700;
}
.ob-car__specs {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 16px 0 20px !important;
padding: 0 !important;
list-style: none !important;
}
.ob-car__specs li {
display: inline-flex;
gap: 6px;
align-items: center;
margin: 0;
padding: 6px 10px;
color: #4a5b70;
background: #f3f7fa;
border-radius: 8px;
font-size: 13px;
}
.ob-car__specs .ob-icon {
width: 16px;
height: 16px;
color: var(--ob-blue);
}
.ob-btn {
display: inline-flex;
gap: 8px;
align-items: center;
justify-content: center;
padding: 13px 22px;
color: #fff !important;
background: var(--ob-blue);
border-radius: 10px;
font-size: 15px;
font-weight: 700;
text-decoration: none !important;
transition: background 0.2s ease, transform 0.2s ease;
}
.ob-btn:hover,
.ob-btn:focus-visible {
color: #fff !important;
background: var(--ob-blue-dark);
}
.ob-btn::after {
content: '→';
transition: transform 0.2s ease;
}
.ob-btn:hover::after {
transform: translateX(3px);
}
.ob-car .ob-btn {
margin-top: auto;
}
.ob-note {
margin-top: 22px !important;
margin-bottom: 0 !important;
padding: 14px 18px;
color: #5b6b7f;
background: #fff8db;
border-left: 4px solid var(--ob-yellow);
border-radius: 8px;
font-size: 14px;
line-height: 1.55;
} .ob-features {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.ob-feature {
display: flex;
gap: 14px;
align-items: flex-start;
padding: 20px;
background: #fff;
border: 1px solid #eef2f6;
border-radius: 14px;
}
.ob-feature .ob-icon {
width: 40px;
height: 40px;
padding: 9px;
color: var(--ob-navy);
background: #fff3c4;
border-radius: 10px;
}
.ob-feature h3 {
margin: 0 0 4px !important;
color: var(--ob-navy);
font-size: 16px;
font-weight: 700;
}
.ob-feature p {
margin: 0 !important;
color: #5b6b7f;
font-size: 14px;
line-height: 1.5;
} .ob-contact {
display: grid;
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
gap: 40px;
margin-top: 56px;
margin-bottom: 20px;
padding: 40px;
color: #fff;
background: var(--ob-navy);
border-radius: 20px;
scroll-margin-top: 120px;
}
.ob-contact h2 {
margin: 0 0 12px !important;
color: #fff !important;
font-size: 28px;
font-weight: 700;
}
.ob-contact h2::after {
content: '';
display: block;
width: 40px;
height: 4px;
margin-top: 12px;
background: var(--ob-yellow);
border-radius: 2px;
}
.ob-contact__intro p {
margin: 0 0 18px !important;
color: #c7d3e0;
font-size: 15px;
line-height: 1.6;
}
.ob-contact__list {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.ob-contact__list li {
display: flex;
gap: 10px;
align-items: center;
margin: 0 0 10px;
color: #fff;
font-size: 15px;
}
.ob-contact__list .ob-icon {
width: 20px;
height: 20px;
color: var(--ob-yellow);
}
.ob-contact .wpcf7-form br {
display: none;
}
.ob-contact .wpcf7-form p {
margin: 0;
}
.ob-contact .onlyblue-car-form textarea {
height: 120px;
}
.ob-contact .onlyblue-car-form input[type="submit"] {
background-color: var(--ob-blue) !important;
}
.ob-contact .onlyblue-car-form input[type="submit"]:hover {
background-color: var(--ob-blue-dark) !important;
}
.ob-contact .wpcf7-response-output {
margin: 12px 0 0 !important;
color: #fff;
border-radius: 8px;
}
.ob-contact .wpcf7-not-valid-tip {
color: #ffb4b4;
font-size: 13px;
} @media (max-width: 960px) {
.ob-cars,
.ob-features {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}
.ob-contact {
grid-template-columns: 1fr;
gap: 24px;
padding: 32px 26px;
}
}
@media (max-width: 768px) {
.ob-usp {
grid-template-columns: 1fr;
gap: 14px;
}
}
@media (max-width: 600px) {
.ob-cars,
.ob-features {
grid-template-columns: 1fr;
}
.ob-section-title {
margin-top: 44px !important;
font-size: 24px;
}
.ob-contact {
margin-top: 44px;
padding: 28px 20px;
border-radius: 16px;
}
} .ob-offer {
display: grid;
grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
gap: 32px;
align-items: start;
margin-top: 10px;
} .ob-gallery {
position: relative;
overflow: visible !important;
border-radius: 0 !important;
}
.ob-gallery__track {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
background: #fff;
border-radius: 16px;
box-shadow: 0 4px 18px rgba(13, 42, 72, 0.07);
scrollbar-width: none;
}
.ob-gallery__track::-webkit-scrollbar {
display: none;
}
.ob-gallery__slide {
flex: 0 0 100%;
margin: 0 !important;
aspect-ratio: 16 / 10;
scroll-snap-align: start;
border-radius: 0 !important;
}
.ob-gallery__slide img {
display: block;
width: 100%;
height: 100%;
padding: 4% 6%;
object-fit: contain;
border-radius: 0 !important;
}
.ob-gallery__nav {
position: absolute;
top: calc(50% - 46px);
z-index: 2;
display: none;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
color: var(--ob-navy);
background: rgba(255, 255, 255, 0.92);
border: 0;
border-radius: 50%;
box-shadow: 0 4px 14px rgba(13, 42, 72, 0.18);
font-size: 24px;
line-height: 1;
cursor: pointer;
transition: background 0.2s ease, color 0.2s ease;
}
.ob-gallery__nav:hover,
.ob-gallery__nav:focus-visible {
color: #fff;
background: var(--ob-blue);
}
.ob-gallery__nav--prev {
left: 14px;
}
.ob-gallery__nav--next {
right: 14px;
}
.ob-gallery.is-ready .ob-gallery__nav {
display: inline-flex;
}
.ob-gallery__thumbs {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 10px;
margin-top: 12px;
}
.ob-gallery__thumb {
overflow: hidden;
aspect-ratio: 16 / 10;
padding: 0;
background: #fff;
border: 2px solid transparent;
border-radius: 10px;
box-shadow: 0 2px 8px rgba(13, 42, 72, 0.06);
cursor: pointer;
opacity: 0.65;
transition: opacity 0.2s ease, border-color 0.2s ease;
}
.ob-gallery__thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 0 !important;
}
.ob-gallery__thumb:hover,
.ob-gallery__thumb.is-active {
opacity: 1;
}
.ob-gallery__thumb.is-active {
border-color: var(--ob-blue);
} .ob-gallery--photo .ob-gallery__slide img,
.ob-gallery--photo .ob-gallery__thumb img {
padding: 0;
object-fit: cover;
}
.ob-gallery--single {
overflow: hidden !important;
margin: 0 !important;
aspect-ratio: 16 / 10;
border-radius: 16px !important;
box-shadow: 0 4px 18px rgba(13, 42, 72, 0.07);
}
.ob-gallery--single img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0 !important;
} .ob-offer__info {
margin-top: 26px;
padding: 26px 28px;
background: #fff;
border-radius: 16px;
box-shadow: 0 4px 18px rgba(13, 42, 72, 0.07);
}
.ob-kicker {
display: inline-block;
margin: 0 0 10px !important;
padding: 5px 12px;
color: var(--ob-navy);
background: var(--ob-yellow);
border-radius: 999px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.6px;
text-transform: uppercase;
}
.ob-offer__info h2 {
margin: 0 0 6px !important;
color: var(--ob-navy);
font-size: 22px;
font-weight: 700;
}
.ob-offer__price {
margin: 0 0 16px !important;
color: var(--ob-navy);
font-size: 15px;
}
.ob-offer__price strong {
color: var(--ob-blue-dark);
font-size: 30px;
font-weight: 700;
}
.ob-checklist {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px 20px;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.ob-checklist li {
display: flex;
gap: 10px;
align-items: flex-start;
margin: 0;
color: #3d4f63;
font-size: 15px;
line-height: 1.45;
}
.ob-checklist li.is-wide {
grid-column: 1 / -1;
}
.ob-checklist .ob-icon {
width: 22px;
height: 22px;
padding: 4px;
color: #fff;
background: var(--ob-blue);
border-radius: 50%;
}
.ob-checklist .ob-icon svg {
stroke-width: 3.5;
}
.ob-offer__cta {
display: none;
margin-top: 20px;
} .ob-booking {
position: sticky;
top: 110px;
padding: 30px 28px;
color: #fff;
background: var(--ob-navy);
border-radius: 20px;
box-shadow: 0 12px 30px rgba(13, 42, 72, 0.18);
scroll-margin-top: 120px;
}
.admin-bar .ob-booking {
top: 142px;
}
.ob-booking h2 {
margin: 0 0 6px !important;
color: #fff !important;
font-size: 26px;
font-weight: 700;
}
.ob-booking__lead {
margin: 0 0 20px !important;
color: #c7d3e0;
font-size: 14px;
}
.ob-booking__lead strong {
color: var(--ob-yellow);
}
.ob-booking .wpcf7-form br {
display: none;
}
.ob-booking .wpcf7-form p {
margin: 0;
}
.ob-booking .onlyblue-car-form .form-row {
gap: 12px;
margin-bottom: 12px;
}
.ob-booking .onlyblue-car-form textarea {
height: 45px;
}
.ob-booking .form-check .wpcf7-list-item {
margin: 4px 0 0;
}
.ob-booking .form-check label {
display: inline-flex;
gap: 10px;
align-items: center;
color: #fff;
font-size: 14px;
font-weight: 500;
letter-spacing: 0;
text-transform: none;
cursor: pointer;
}
.ob-booking .form-check input[type="checkbox"] {
width: 18px;
height: 18px;
accent-color: var(--ob-yellow);
}
.ob-booking .onlyblue-car-form input[type="submit"] {
margin-top: 6px;
padding: 16px 30px;
color: var(--ob-navy) !important;
background-color: var(--ob-yellow) !important;
border-radius: 10px;
font-size: 16px;
letter-spacing: 1px;
}
.ob-booking .onlyblue-car-form input[type="submit"]:hover {
background-color: #ffd83d !important;
}
.ob-booking .wpcf7-response-output {
margin: 12px 0 0 !important;
color: #fff;
border-radius: 8px;
}
.ob-booking .wpcf7-not-valid-tip {
color: #ffb4b4;
font-size: 13px;
} .ob-prices {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.ob-prices--single {
grid-template-columns: minmax(0, 560px);
} .ob-models {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 18px;
}
.ob-offer__info .ob-models {
margin-top: 20px;
}
.ob-models[hidden],
.ob-price-card__pick[hidden],
.ob-booking__model[hidden] {
display: none !important;
}
.ob-models__label {
flex-basis: 100%;
margin: 0 !important;
color: var(--ob-navy);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.ob-model {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 9px 14px;
color: var(--ob-navy);
background: #fff;
border: 2px solid #dbe7f0;
border-radius: 12px;
font: inherit;
font-size: 15px;
line-height: 1.3;
text-align: left;
cursor: pointer;
transition: border-color 0.2s ease, background 0.2s ease;
}
.ob-model span {
color: #5f7287;
font-size: 12px;
}
.ob-model:hover,
.ob-model:focus-visible {
border-color: var(--ob-blue);
}
.ob-model[aria-pressed="true"] {
background: #e8f7ff;
border-color: var(--ob-blue);
}
.ob-booking__model {
margin: -8px 0 18px !important;
padding: 10px 14px;
color: #fff;
background: rgba(255, 255, 255, 0.08);
border-left: 4px solid var(--ob-yellow);
border-radius: 8px;
font-size: 14px;
}
.ob-booking__model strong {
color: var(--ob-yellow);
}
.ob-booking__model.is-error {
background: rgba(255, 99, 99, 0.15);
border-left-color: #ff6b6b;
}
.ob-models.is-error .ob-model {
border-color: #ff6b6b;
}
.ob-models.is-error .ob-models__label {
color: #d93a3a;
}
.ob-price-card {
transition: box-shadow 0.2s ease;
}
.ob-price-card.is-selected {
box-shadow: 0 0 0 3px var(--ob-blue), 0 8px 24px rgba(13, 42, 72, 0.15);
}
.ob-price-card__pick {
width: calc(100% - 48px);
margin: 4px 24px 22px;
border: 0;
font-family: inherit;
cursor: pointer;
}
.ob-price-card {
overflow: hidden;
background: #fff;
border-radius: 16px;
box-shadow: 0 4px 18px rgba(13, 42, 72, 0.07);
}
.ob-price-card__head {
padding: 18px 24px;
color: #fff;
background: var(--ob-blue);
}
.ob-price-card--low .ob-price-card__head {
background: var(--ob-navy);
}
.ob-price-card__head h3 {
margin: 0 !important;
color: #fff !important;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.ob-price-card__head p {
margin: 2px 0 0 !important;
color: rgba(255, 255, 255, 0.8);
font-size: 14px;
}
.ob-price-card__img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 10;
object-fit: cover;
}
.ob-price-table {
width: 100%;
margin: 0 !important;
border: 0 !important;
border-collapse: collapse;
}
.ob-price-table th,
.ob-price-table td {
padding: 13px 24px !important;
border: 0 !important;
border-bottom: 1px solid #eef2f6 !important;
font-size: 15px;
text-align: left;
}
.ob-price-table tr:last-child th,
.ob-price-table tr:last-child td {
border-bottom: 0 !important;
}
.ob-price-table th {
color: #4a5b70;
font-weight: 500;
}
.ob-price-table td {
color: var(--ob-navy);
font-weight: 700;
text-align: right;
}
.ob-price-table td small {
color: #8a9bb0;
font-size: 13px;
font-weight: 400;
}
.ob-price-table tr.is-best {
background: #fff8db;
} .ob-faq {
display: grid;
gap: 12px;
}
.ob-faq details {
background: #fff;
border: 1px solid #eef2f6;
border-radius: 14px;
transition: box-shadow 0.2s ease;
}
.ob-faq details[open] {
box-shadow: 0 6px 20px rgba(13, 42, 72, 0.08);
}
.ob-faq summary {
position: relative;
padding: 18px 56px 18px 22px;
color: var(--ob-navy);
font-size: 17px;
font-weight: 700;
list-style: none;
cursor: pointer;
}
.ob-faq summary::-webkit-details-marker {
display: none;
} .ob-faq summary::after {
content: '';
position: absolute;
top: 50%;
right: 20px;
width: 26px;
height: 26px;
background: linear-gradient(var(--ob-navy), var(--ob-navy)) center / 12px 2px no-repeat,
linear-gradient(var(--ob-navy), var(--ob-navy)) center / 2px 12px no-repeat,
var(--ob-yellow);
border-radius: 50%;
transform: translateY(-50%);
}
.ob-faq details[open] summary::after {
background: linear-gradient(var(--ob-navy), var(--ob-navy)) center / 12px 2px no-repeat,
var(--ob-yellow);
}
.ob-faq__body {
padding: 0 22px 18px;
}
.ob-faq__body p {
margin: 0 0 10px !important;
color: #4a5b70;
font-size: 15px;
line-height: 1.65;
}
.ob-faq__body p:last-child {
margin-bottom: 0 !important;
} .ob-car.is-current {
outline: 2px solid var(--ob-blue);
outline-offset: -2px;
}
.ob-btn.is-disabled {
color: var(--ob-navy) !important;
background: #e8f7ff;
pointer-events: none;
}
.ob-btn.is-disabled::after {
content: none;
}
@media (max-width: 1100px) {
.ob-checklist {
grid-template-columns: 1fr;
}
}
@media (max-width: 960px) {
.ob-offer {
grid-template-columns: 1fr;
}
.ob-booking {
position: static;
}
.ob-offer__cta {
display: flex;
}
}
@media (max-width: 768px) {
.ob-prices {
grid-template-columns: 1fr;
}
}
@media (max-width: 600px) {
.ob-gallery__thumbs {
gap: 6px;
}
.ob-gallery__nav {
width: 38px;
height: 38px;
}
.ob-offer__info,
.ob-booking {
padding: 22px 18px;
}
.ob-price-table th,
.ob-price-table td {
padding: 12px 18px !important;
}
} .ob-form-light .onlyblue-car-form {
color: var(--ob-navy);
}
.ob-form-light .onlyblue-car-form label {
color: var(--ob-navy) !important;
}
.ob-form-light .onlyblue-car-form input[type="text"],
.ob-form-light .onlyblue-car-form input[type="email"],
.ob-form-light .onlyblue-car-form textarea {
background-color: #fff !important;
border: 1px solid #dfe6ee !important;
}
.ob-form-light .onlyblue-car-form textarea {
height: 140px;
}
.ob-form-light .onlyblue-car-form input[type="submit"] {
background-color: var(--ob-blue) !important;
}
.ob-form-light .onlyblue-car-form input[type="submit"]:hover {
background-color: var(--ob-blue-dark) !important;
}
.ob-form-light .wpcf7-form br {
display: none;
}
.ob-form-light .wpcf7-form p {
margin: 0;
}
.ob-form-light .wpcf7-response-output {
margin: 12px 0 0 !important;
border-radius: 8px;
} .ob-more {
margin-top: 28px !important;
text-align: center;
} .ob-covers {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.ob-cover__input {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
}
.ob-cover {
position: relative;
display: flex;
flex-direction: column;
gap: 10px;
margin: 0;
padding: 26px 26px 24px;
background: #fff;
border: 2px solid #e3eaf1;
border-radius: 16px;
box-shadow: 0 4px 18px rgba(13, 42, 72, 0.06);
cursor: pointer;
transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s;
}
.ob-cover:hover {
border-color: #9fdcff;
}
.ob-cover__input:checked + .ob-cover {
background: #f3fbff;
border-color: var(--ob-blue);
box-shadow: 0 8px 26px rgba(0, 180, 255, 0.18);
}
.ob-cover__input:focus-visible + .ob-cover {
outline: 3px solid var(--ob-navy);
outline-offset: 3px;
}
.ob-cover__check {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
padding: 6px;
color: transparent;
border: 2px solid #c9d5e1;
border-radius: 50%;
transition: inherit;
}
.ob-cover__input:checked + .ob-cover .ob-cover__check {
color: #fff;
background: var(--ob-blue);
border-color: var(--ob-blue);
}
.ob-cover__check .ob-icon {
width: 100%;
height: 100%;
}
.ob-cover__check svg {
stroke-width: 3;
}
.ob-cover__badge {
position: absolute;
top: 22px;
right: 22px;
padding: 5px 11px;
color: var(--ob-navy);
background: var(--ob-yellow);
border-radius: 999px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.ob-cover__title {
color: var(--ob-navy);
font-size: 20px;
font-weight: 700;
line-height: 1.3;
}
.ob-cover__lead {
color: #5b6b7f;
font-size: 15px;
line-height: 1.55;
}
.ob-cover__points {
display: flex;
flex-direction: column;
gap: 6px;
margin-top: 4px;
}
.ob-cover__point {
display: flex;
gap: 8px;
align-items: center;
color: var(--ob-navy);
font-size: 14px;
font-weight: 500;
}
.ob-cover__point .ob-icon {
width: 18px;
height: 18px;
color: var(--ob-blue);
}
.ob-cover__point svg {
stroke-width: 3;
} body:has(#ob-cover-full:checked) .ob-cover-panel[data-cover="economy"],
body:has(#ob-cover-economy:checked) .ob-cover-panel[data-cover="full"] {
display: none;
}
@media (max-width: 768px) {
.ob-covers {
grid-template-columns: 1fr;
gap: 16px;
}
.ob-cover {
padding: 22px 20px 20px;
}
.ob-cover__title {
padding-right: 0;
font-size: 18px;
}
} .ob-home-cars {
margin-top: 0;
margin-bottom: 60px;
}
.ob-home-cars__head {
margin-bottom: 24px;
}
.ob-home-cars__title {
margin: 0 0 6px !important;
color: var(--ob-navy);
font-size: 28px;
font-weight: 700;
}
.ob-home-cars__sub {
margin: 0 !important;
color: #5b6b80;
font-size: 16px;
}
.ob-home-cars__grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
grid-auto-rows: 270px;
gap: 30px;
}
.ob-city {
position: relative;
display: block;
overflow: hidden;
border-radius: 16px;
color: #fff !important;
text-decoration: none !important;
box-shadow: 0 4px 18px rgba(13, 42, 72, 0.07);
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.ob-city:hover {
transform: translateY(-4px);
box-shadow: 0 12px 30px rgba(0, 180, 255, 0.2);
}
.ob-city--big {
grid-row: span 2;
}
.ob-city img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0 !important;
transition: transform 0.6s ease;
}
.ob-city:hover img {
transform: scale(1.05);
}
.ob-city::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(13, 42, 72, 0) 40%, rgba(13, 42, 72, 0.8) 100%);
}
.ob-city__badge {
position: absolute;
top: 16px;
right: 16px;
z-index: 1;
padding: 6px 12px;
color: var(--ob-navy);
background: var(--ob-yellow);
border-radius: 999px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.ob-city__body {
position: absolute;
left: 22px;
right: 22px;
bottom: 20px;
z-index: 1;
display: flex;
flex-direction: column;
gap: 10px;
}
.ob-city__name {
font-size: 22px;
font-weight: 700;
line-height: 1.25;
}
.ob-city__name::after {
content: '';
display: block;
width: 36px;
height: 4px;
margin-top: 8px;
background: var(--ob-yellow);
border-radius: 2px;
}
.ob-city--big .ob-city__name {
font-size: 34px;
}
.ob-city__cta {
font-size: 14px;
font-weight: 500;
letter-spacing: 0.5px;
text-transform: uppercase;
opacity: 0.9;
}
.ob-city:hover .ob-city__cta {
color: var(--ob-yellow);
opacity: 1;
}
@media (max-width: 960px) {
.ob-home-cars__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: 340px;
grid-auto-rows: 220px;
gap: 20px;
}
.ob-city--big {
grid-column: span 2;
grid-row: auto;
}
}
@media (max-width: 600px) {
.ob-home-cars__title {
font-size: 24px;
}
.ob-home-cars__grid {
grid-template-columns: 1fr;
grid-template-rows: 300px;
gap: 16px;
}
.ob-city--big {
grid-column: auto;
}
.ob-city--big .ob-city__name {
font-size: 28px;
}
} .ob-attractions {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 30px;
}
.ob-attraction__top {
position: relative;
}
.ob-attraction__media {
display: block;
aspect-ratio: 4 / 3;
overflow: hidden;
border-radius: 16px;
background: #fff;
}
.ob-attraction__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.ob-attraction__media--contain {
border: 1px solid #e6ebf1;
}
.ob-attraction__media--contain img {
object-fit: contain;
padding: 8%;
}
.ob-attraction:hover .ob-attraction__media img {
transform: scale(1.05);
}
.ob-attraction__badge {
position: absolute;
left: 15px;
bottom: 15px;
padding: 5px 10px;
border-radius: 4px;
background: #000;
color: #fff;
font-size: 12px;
font-weight: 600;
line-height: 1.3;
letter-spacing: 0.04em;
text-transform: uppercase;
pointer-events: none;
}
.ob-attraction__title {
margin: 18px 0 8px;
font-size: 18px;
font-weight: 700;
line-height: 1.35;
}
.ob-attraction__title a {
color: var(--ob-navy);
text-decoration: none;
}
.ob-attraction__title a:hover {
color: var(--ob-blue-dark);
}
.ob-attraction__text {
display: -webkit-box;
margin: 0;
overflow: hidden;
color: #6b7686;
font-size: 15px;
line-height: 1.55;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
@media (max-width: 999px) {
.ob-attractions {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 600px) {
.ob-attractions {
grid-template-columns: 1fr;
gap: 24px;
}
} .onlyblue-car-form {
color: #fff;
font-family: inherit;
}
.onlyblue-car-form .form-row {
display: flex;
gap: 15px;
margin-bottom: 15px;
}
.onlyblue-car-form .form-col {
display: flex;
flex: 1;
flex-direction: column;
}
.onlyblue-car-form .form-col.full-width {
flex: 100%;
}
.onlyblue-car-form label {
margin-bottom: 5px;
color: #e0e0e0;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.onlyblue-car-form input[type="text"],
.onlyblue-car-form input[type="email"],
.onlyblue-car-form input[type="tel"],
.onlyblue-car-form input[type="date"],
.onlyblue-car-form input[type="number"],
.onlyblue-car-form select,
.onlyblue-car-form textarea {
width: 100%;
padding: 12px 15px;
color: #333 !important;
background-color: #f0f0f0 !important;
border: none !important;
border-radius: 4px;
font-size: 14px;
}
.onlyblue-car-form textarea {
height: 45px;
resize: vertical;
}
.onlyblue-car-form input[type="submit"] {
width: 100%;
padding: 14px 30px;
color: #fff !important;
background-color: #3c4f65 !important;
border: none;
border-radius: 4px;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
transition: background 0.3s ease;
}
.onlyblue-car-form input[type="submit"]:hover {
background-color: #2b3a4c !important;
}
@media (max-width: 768px) {
.onlyblue-car-form .form-row {
flex-direction: column;
gap: 15px;
}
} body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
div {
font-family: 'Ubuntu', sans-serif !important;
} :root {
--theme-font-family: 'Ubuntu', sans-serif;
}
li,
time,
label,
th,
td,
figcaption,
blockquote {
font-family: 'Ubuntu', sans-serif !important;
} img,
figure,
.wp-block-column,
.wp-block-columns,
.wp-block-group,
.wp-block-cover,
.box-container,
.wp-block-post {
overflow: hidden !important;
border-radius: 16px !important;
}
.wp-block-cover__image-background,
.wp-block-cover__inner-container {
border-radius: 16px !important;
} .pc-wide article {
--theme-block-max-width: var(--theme-normal-container-max-width);
--theme-narrow-container-max-width: var(--theme-normal-container-max-width);
} .home .site-main > div[data-vertical-spacing],
.home .ct-container-full[data-vertical-spacing] {
padding-top: 0 !important;
}
.pc-hero {
margin-top: 0 !important;
margin-bottom: 50px !important;
padding: 70px 20px 60px;
color: #fff;
background: linear-gradient(rgba(3, 30, 56, 0.7), rgba(3, 30, 56, 0.55)), url(https://polskicypr.pl/wp-content/uploads/2026/11/nissi-beach-hero.jpg) center 80% / cover no-repeat;
border-radius: 0 !important;
}
.pc-hero__inner {
display: grid;
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
gap: 80px;
box-sizing: border-box;
width: min(100%, var(--theme-normal-container-max-width));
margin: 0 auto !important;
overflow: visible !important;
border-radius: 0 !important;
}
.pc-hero__main,
.pc-hero__side {
overflow: visible !important;
border-radius: 0 !important;
}
.pc-hero a,
.pc-hero .wp-block-post-title,
.pc-hero .wp-block-post-excerpt,
.pc-hero__label {
color: #fff !important;
}
.pc-hero a:hover {
color: var(--ob-yellow) !important;
}
.pc-q--lead .wp-block-post-title {
margin: 14px 0 18px !important;
font-size: 50px;
line-height: 1.25;
}
.pc-q--lead .wp-block-post-terms a {
padding: 4px 10px;
background: var(--ob-blue);
border-radius: 4px;
font-size: 12px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
}
.pc-hero .pc-q--lead .wp-block-post-excerpt {
margin-bottom: 0;
color: rgba(255, 255, 255, 0.75) !important;
font-size: 16px;
}
.pc-q--mini .wp-block-post-title {
margin: 10px 0 0 !important;
font-size: 16px;
line-height: 1.35;
}
.pc-hero__label {
display: flex;
gap: 10px;
align-items: center;
margin: 36px 0 18px !important;
font-size: 16px !important;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.pc-hero__label::before {
content: '';
flex: 0 0 22px;
height: 22px;
background: currentColor;
-webkit-mask: var(--pc-icon) center / contain no-repeat;
mask: var(--pc-icon) center / contain no-repeat;
}
.pc-hero__label--news {
--pc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 7l-8.5 8.5-5-5L2 17'/%3E%3Cpath d='M16 7h6v6'/%3E%3C/svg%3E");
}
.pc-hero__label--events {
--pc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10v4l14 5V5L3 10z'/%3E%3Cpath d='M20 9v6'/%3E%3Cpath d='M8 15.5V20h4v-3'/%3E%3C/svg%3E");
}
.pc-q .wp-block-post-template {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.pc-q .wp-block-post-title a {
text-decoration: none;
}
.pc-q--events li {
display: grid;
grid-template-columns: 96px minmax(0, 1fr);
grid-template-rows: 1fr auto auto 1fr;
column-gap: 18px;
margin: 0 0 18px !important;
}
.pc-q--events li:last-child {
margin-bottom: 0 !important;
}
.pc-q--events .wp-block-post-featured-image {
grid-row: 1 / -1;
margin: 0 !important;
}
.pc-q--events .wp-block-post-title {
grid-row: 2;
margin: 0 0 8px !important;
font-size: 15px;
line-height: 1.35;
}
.pc-q--events .wp-block-post-date {
grid-row: 3;
color: rgba(255, 255, 255, 0.7);
font-size: 12px;
}
.pc-home-tiles {
margin-bottom: 50px;
}
.pc-section-head {
display: flex;
gap: 16px;
align-items: baseline;
justify-content: space-between;
margin: 0 0 18px;
}
.pc-section-head h2 {
margin: 0 !important;
color: var(--ob-navy);
font-size: 26px;
font-weight: 700;
}
.pc-section-head a {
font-size: 14px;
font-weight: 500;
text-decoration: none;
white-space: nowrap;
}
.pc-q--cards {
margin-bottom: 44px !important;
}
.pc-q--cards .wp-block-post-title {
margin: 14px 0 8px !important;
font-size: 18px;
line-height: 1.35;
}
.pc-q--cards .wp-block-post-title a {
color: var(--ob-navy);
}
.pc-q--cards .wp-block-post-date {
color: #8a9bb0;
font-size: 12px;
}
.pc-promos {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px;
margin-bottom: 44px !important;
overflow: visible !important;
border-radius: 0 !important;
}
.pc-promos .wp-block-image {
margin: 0 !important;
}
@media (max-width: 960px) { .pc-hero {
background-size: auto, auto 170%;
background-position: 0 0, 30% bottom;
}
.pc-hero__inner {
grid-template-columns: 1fr;
gap: 30px;
}
.pc-q--lead .wp-block-post-title {
font-size: 30px;
}
.pc-promos {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 781px) {
.pc-q .wp-block-post-template.is-layout-grid {
grid-template-columns: 1fr !important;
}
} .single-post .hero-section[data-type="type-1"] .page-title,
.single-post .hero-section[data-type="type-1"] .entry-meta,
.single-post .hero-section[data-type="type-1"] .entry-meta a {
color: var(--ob-navy) !important;
} .single-post .ct-featured-image {
padding-bottom: 28px;
}
.single-post .hero-section[data-type="type-1"] .page-title {
font-size: 38px;
line-height: 1.25;
}
.single-post .ct-related-posts-container {
background: #f2f5f7 !important;
}
.single-post .ct-related-posts .ct-module-title {
color: var(--ob-navy);
font-size: 26px;
font-weight: 700;
text-align: left;
}
@media (max-width: 689.98px) {
.single-post .hero-section[data-type="type-1"] .page-title {
font-size: 28px;
}
} .pc-lang-flag > .ct-menu-link {
gap: 7px;
}
.pc-lang-flag svg {
display: block;
flex: 0 0 24px;
width: 24px;
height: 15px;
border-radius: 2px;
box-shadow: 0 0 0 1px rgba(13, 42, 72, 0.18);
} .pc-instagram {
margin-top: 40px;
}
.pc-instagram #sb_instagram {
padding-bottom: 0 !important;
} .pc-footer {
padding: 22px 20px 44px;
color: #44546a;
background: #f2f5f7;
font-size: 15px;
line-height: 1.6;
}
.pc-footer__inner {
box-sizing: border-box;
width: min(100%, var(--theme-normal-container-max-width));
margin: 0 auto;
}
.pc-footer a:not(.pc-footer__button) {
color: inherit;
text-decoration: none;
}
.pc-footer a:not(.pc-footer__button):hover {
color: var(--ob-blue-dark);
}
.pc-footer__social {
display: flex;
gap: 14px;
margin: 0 0 40px !important;
padding: 0 !important;
list-style: none !important;
}
.pc-footer__social li {
margin: 0 !important;
}
.pc-footer__social a {
display: block;
color: var(--ob-navy);
}
.pc-footer__social svg {
display: block;
}
.pc-footer__cols {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 40px;
align-items: center;
}
.pc-footer__logo {
display: block;
width: auto;
height: 72px;
margin-bottom: 18px;
border-radius: 0 !important;
}
.pc-footer p {
margin: 0 !important;
}
.pc-footer__join {
text-align: center;
}
.pc-footer__join h2 {
margin: 0 0 6px !important;
color: var(--ob-navy);
font-size: 26px;
font-weight: 700;
line-height: 1.25;
}
.pc-footer__button {
display: inline-block;
margin-top: 16px;
padding: 11px 22px;
color: #fff !important;
background: var(--ob-navy);
border-radius: 8px;
font-size: 15px;
font-weight: 700;
text-decoration: none;
}
.pc-footer__button:hover {
background: var(--ob-blue-dark);
}
.pc-footer__contact {
text-align: right;
}
.pc-footer__contact h3 {
margin: 18px 0 0 !important;
color: var(--ob-navy);
font-size: 15px;
font-weight: 700;
line-height: 1.6;
}
.pc-footer__contact h3:first-child {
margin-top: 0 !important;
}
@media (max-width: 781px) {
.pc-footer__social {
justify-content: center;
}
.pc-footer__cols {
grid-template-columns: 1fr;
text-align: center;
}
.pc-footer__logo {
margin-right: auto;
margin-left: auto;
}
.pc-footer__contact {
text-align: center;
}
} .ct-footer,
.ct-footer [data-row] {
background: #f2f5f7 !important;
}
.ct-footer,
.ct-footer * {
color: #44546a;
}
.ct-footer [data-row] > div {
border-top: 1px solid #dfe5ea;
} @media (min-width: 1000px) {
[data-header*="type-1"] .ct-header [data-row*="middle"] {
--height: 95px;
} [data-header*="type-1"] .ct-header [data-sticky*="yes"] [data-id="logo"] .site-logo-container {
--logo-max-height: 48px;
}
}
.ct-header [data-id="search"] {
display: none !important;
}
.pc-lang-flag span {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
}
@media (min-width: 1320px) {
.ct-header nav[data-id="menu"] {
--menu-items-spacing: 36px;
}
} .cypnews-weather_card {
box-sizing: border-box;
margin-bottom: 20px;
padding: 20px;
color: #111;
background: #fff;
border: 1px solid #eaeaea;
border-radius: 16px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.cypnews-weather_card[hidden] {
display: none;
}
.cypnews-weather_main {
display: flex;
align-items: center;
justify-content: space-between;
}
.weather-info {
display: flex;
flex-direction: column;
}
.weather-city {
color: #111;
font-size: 16px;
font-weight: 700;
}
.weather-desc {
margin-top: 2px;
color: #666;
font-size: 13px;
}
.weather-temp-wrap {
display: flex;
flex-shrink: 0;
gap: 8px;
align-items: center;
}
.weather-temp {
color: #111;
font-size: 28px;
font-weight: 700;
}
.weather-icon {
font-size: 24px;
}
.weather-meta {
display: flex;
justify-content: space-between;
margin-top: 15px;
padding-top: 10px;
color: #666;
border-top: 1px solid #f2f2f2;
font-size: 12px;
}
.cypnews-weather_dots {
display: flex;
gap: 6px;
justify-content: center;
margin-top: 12px;
}
.cypnews-weather_dots .dot {
width: 6px;
height: 6px;
padding: 0;
background: #ccc;
border: 0;
border-radius: 50%;
cursor: pointer;
transition: all 0.3s ease;
}
.cypnews-weather_dots .dot.active {
width: 16px;
background: #f39c12;
border-radius: 4px;
} .site-logo-container img {
border-radius: 0 !important;
} [data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container {
--logo-max-height: 64px;
}
@media (max-width: 999.98px) {
[data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container {
--logo-max-height: 50px;
}
}
@media (max-width: 689.98px) {
[data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container {
--logo-max-height: 36px;
}
}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}