.two-columns {
display: flex;
flex-direction: row;
gap: 2rem;
justify-content: space-between;
}
.two-columns img.logo {
vertical-align: text-top;
margin-right: 0.25rem;
}
.dep-end-points .two-columns img.logo {
vertical-align: unset;
}
.two-columns > div {
flex: 0 1 45%;
} .reviews {
flex: 1;
max-width: 500px;
margin-top: 0;
}
span.review-date {
white-space: nowrap;
color: var(--muted-foreground);
font-size: var(--text-sm);
} ul.features {
list-style: none;
padding: 0;
}
ul.features li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 0.75rem;
padding: 0.5rem 0;
}
ul.features li:not(:last-child) {
margin-bottom: 0.5rem;
border-bottom: 1px solid var(--border);
padding-bottom: 0.75rem;
}
ul.features img {
display: inline-block;
align-self: flex-start;
padding-top: 0.25rem;
flex-shrink: 0;
}
ul.features span {
line-height: 1.5;
} table.rooms-table {
table-layout: fixed;
width: 100%;
border-collapse: collapse;
margin: 1.5rem 0;
border: 1px solid var(--border);
border-radius: var(--radius-base);
overflow: hidden;
}
table.rooms-table th,
table.rooms-table td {
padding: 0.75rem;
text-align: left;
border: 1px solid var(--border);
word-break: break-word;
}
table.rooms-table th {
font-weight: 600;
background: var(--background-alt);
color: var(--foreground);
font-family: var(--font-heading);
font-size: var(--text-sm);
text-transform: uppercase;
letter-spacing: 0.05em;
}
table.rooms-table tr:hover td {
background: var(--brick-muted);
} .duration img {
vertical-align: text-top;
margin-right: 0.5rem;
} .free-cancel {
font-style: italic;
color: var(--green);
} ul.languages {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin-bottom: 2rem;
list-style: none;
padding: 0;
}
ul.languages li {
padding: 0.35rem 1rem;
background: var(--background-alt);
border: 1px solid var(--border);
border-radius: var(--radius-base);
font-size: var(--text-sm);
color: var(--foreground);
} #map {
width: 100%;
height: 600px;
margin-top: 1.5rem;
border-radius: var(--radius-md);
border: 1px solid var(--border);
box-shadow: var(--shadow-sm);
} .flex {
justify-content: center;
} .post-title-wrap {
display: flex;
align-items: center;
text-align: center;
justify-content: center;
flex-wrap: wrap;
margin: 1.5em 0.5em;
}
.post-title-wrap h1.post-title,
.post-title-wrap .post-stars {
font-size: var(--wp--preset--font-size--xx-large, 1.875rem);
font-family: var(--font-heading);
margin: 0;
}
.post-title-wrap .post-stars {
margin-left: 0.25em;
color: var(--gold);
} .related-posts .post-title {
font-size: 1.5rem;
font-family: var(--font-heading);
}
.related-posts .flex-ul {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
gap: 1rem 3rem;
text-align: center;
} #lightbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(26, 29, 35, 0.88);
z-index: 9999;
display: none;
opacity: 0;
transition: opacity 0.3s var(--ease-urban);
justify-content: center;
align-items: center;
margin: 0;
cursor: pointer;
}
#lightbox img {
display: block;
object-fit: contain;
border-radius: var(--radius-base);
max-width: 90vw;
max-height: 90vh;
} .elems-list-container {
columns: 2;
column-gap: 6rem;
}
.elem-list-title {
margin: 0;
font-family: var(--font-heading);
color: var(--foreground);
}
.elem-list {
break-inside: avoid;
}
.surroundings-item {
display: flex;
flex-direction: row;
gap: 1rem;
padding: 0.4rem 0;
border-bottom: 1px solid var(--border);
}
.surroundings-place {
flex: 1 1 100%;
}
.surroundings-distance {
white-space: nowrap;
color: var(--muted-foreground);
font-size: var(--text-sm);
} form.wpcf7-form input.wpcf7-form-control,
form.wpcf7-form textarea.wpcf7-form-control {
max-width: 100%;
min-height: 2rem;
padding: 0.5rem 0.75rem;
border: 1.5px solid var(--input-border);
border-radius: var(--radius-base);
background: var(--card);
font-family: var(--font-body);
font-size: var(--text-base);
transition: border-color 180ms var(--ease-urban), box-shadow 180ms var(--ease-urban);
}
form.wpcf7-form input.wpcf7-form-control:focus,
form.wpcf7-form textarea.wpcf7-form-control:focus {
outline: none;
border-color: var(--brick);
box-shadow: 0 0 0 3px var(--brick-muted);
}
form.wpcf7-form input.wpcf7-form-control.wpcf7-submit {
padding: 0.625rem 1.5rem;
background: var(--brick);
color: #fff;
border: none;
border-radius: var(--radius-base);
cursor: pointer;
font-family: var(--font-heading);
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
transition: background 200ms var(--ease-urban), box-shadow 200ms var(--ease-urban);
}
form.wpcf7-form input.wpcf7-form-control.wpcf7-submit:hover {
background: var(--brick-light);
box-shadow: var(--shadow-brick);
} div#lastcta {
display: none;
}
.flex .reviews {
margin-top: 0;
max-width: 400px;
} @media (max-width: 768px) {
body {
padding-bottom: 75px;
}
.flex .reviews {
margin-top: 1em;
}
div#lastcta {
display: block;
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 1rem;
background-color: var(--card);
z-index: 99999;
margin: 0;
box-shadow: 0 -4px 20px rgba(26, 29, 35, .08);
border-top: 1px solid var(--border);
}
#lastcta-book {
width: 100%;
}
#lastcta-book a {
display: block;
text-align: center;
padding: 0.75rem;
background: var(--brick);
color: #fff;
border-radius: var(--radius-base);
font-family: var(--font-heading);
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
}
#lastcta-book a:hover {
background: var(--brick-light);
}
.elems-list-container {
columns: 1;
}
.related-posts .flex-ul {
justify-content: left;
text-align: left;
} .attraction .post-content > .flex {
flex-direction: column;
}
.attraction .post-content > .flex > div img {
max-height: 280px;
}
}
@media (min-width: 768px) {
form.wpcf7-form.init {
columns: 2;
}
}
@media (max-width: 480px) {
.two-columns {
gap: 0.5rem;
flex-direction: column;
}
.attraction .post-header {
padding: 2rem 1rem 1.5rem;
}
.attraction .dep-end-points {
padding: 1rem;
}
}