html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0; }  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; } audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0; } [hidden],
template {
display: none; }  a {
background-color: transparent; } a:active, a:hover {
outline: 0; }  abbr[title] {
border-bottom: 1px dotted; } b,
strong {
font-weight: bold; } dfn {
font-style: italic; } h1 {
font-size: 2em;
margin: 0.67em 0; } mark {
background: #ff0;
color: #000; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }  img {
border: 0; } svg:not(:root) {
overflow: hidden; }  figure {
margin: 1em 40px; } hr {
box-sizing: content-box;
height: 0; } pre {
overflow: auto; } code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible; } button,
select {
text-transform: none; } button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default; } button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; } input {
line-height: normal; } input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; } input[type="search"] {
-webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; } legend {
border: 0; padding: 0; } textarea {
overflow: auto; } optgroup {
font-weight: bold; }  table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; } .flickity-enabled {
position: relative; }
.flickity-enabled:focus {
outline: none; }
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%; }
.flickity-slider {
position: absolute;
width: 100%;
height: 100%; } .flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab; }
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing; } .flickity-button {
position: absolute;
background: transparent;
border: none;
color: transparent; }
.flickity-button:hover {
background: transparent;
cursor: pointer; }
.flickity-button:focus {
outline: none;
box-shadow: 0 0 0 5px #19F; }
.flickity-button:active {
opacity: 0.6; }
.flickity-button:disabled {
opacity: 0.3;
cursor: auto; pointer-events: none; }
.flickity-button-icon {
fill: #D6A2AA; } .flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%; -webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.flickity-prev-next-button.previous {
left: 10px; }
.flickity-prev-next-button.next {
right: 10px; } .flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px; }
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px; }
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%; } .flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1; }
.flickity-rtl .flickity-page-dots {
direction: rtl; }
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer; }
.flickity-page-dots .dot.is-selected {
opacity: 1; } .flickity-enabled.is-fullscreen {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
padding-bottom: 35px;
z-index: 1; }
.flickity-enabled.is-fullscreen .flickity-page-dots {
bottom: 10px; }
.flickity-enabled.is-fullscreen .flickity-page-dots .dot {
background: white; } html.is-flickity-fullscreen {
overflow: hidden; } .flickity-fullscreen-button {
display: block;
right: 10px;
top: 10px;
width: 24px;
height: 24px;
border-radius: 4px; } .flickity-rtl .flickity-fullscreen-button {
right: auto;
left: 10px; }
.flickity-fullscreen-button-exit {
display: none; }
.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit {
display: block; }
.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view {
display: none; }
.flickity-fullscreen-button .flickity-button-icon {
position: absolute;
width: 16px;
height: 16px;
left: 4px;
top: 4px; }
* {
box-sizing: border-box; }
html.open,
body.open {
height: 100%;
overflow: hidden; }
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'Heebo', sans-serif;
line-height: 24px;
font-weight: 300; }
@media screen and (max-width: 567px) {
body {
font-size: 14px; } }
.container-flex-grid {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 3.75% 0 3.75%; }
.flex-container {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.container {
width: 80%;
margin: 0 10%;
padding: 96px 0; }
.container.negative-margin {
margin-top: -96px; }
@media screen and (max-width: 567px) {
.container {
width: 90%;
margin: 0 5%;
padding: 48px 0; } }
.container h2,
.container .bookmark,
.container .link {
padding-left: 5%; }
.content {
padding: 24px 20%; }
@media screen and (max-width: 567px) {
.content {
padding: 24px 10%; } }
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
margin-top: 48px; }
.content p {
margin: 24px 0; }
.box15 {
width: 14.1666666667%;
margin: 32px 1.25%;
background-color: #f7f7f7; }
@media screen and (min-width: 569px) and (max-width: 768px) {
.box15 {
width: 30.8333333333%; } }
@media screen and (max-width: 567px) {
.box15 {
width: 47.5%; } }
.box25 {
width: 22.5%;
margin: 32px 1.25%;
background-color: #f7f7f7; }
@media screen and (min-width: 569px) and (max-width: 768px) {
.box25 {
width: 47.5%; } }
@media screen and (max-width: 567px) {
.box25 {
width: 97.5%; } }
.box30 {
width: 30.8333333333%;
margin: 32px 1.25%;
background-color: #f7f7f7; }
@media screen and (max-width: 567px) {
.box30 {
width: 97.5%; } }
.box50 {
width: 47.5%;
margin: 32px 1.25%;
background-color: #f7f7f7; }
@media screen and (max-width: 567px) {
.box50 {
width: 97.5%; } }
.box60 {
width: 64.1666666667%;
margin: 32px 1.25%;
background-color: #f7f7f7; }
@media screen and (max-width: 567px) {
.box60 {
width: 97.5%; } }
.box75 {
width: 72.5%;
margin: 32px 1.25%;
background-color: #f7f7f7; }
@media screen and (min-width: 569px) and (max-width: 768px) {
.box75 {
width: 47.5%; } }
@media screen and (max-width: 567px) {
.box75 {
width: 97.5%; } }
.box100 {
width: 100%;
margin: 32px 1.5%;
background-color: #f7f7f7; }
ul {
list-style: none;
padding: 0; }
li {
line-height: 32px; }
form {
padding: 0; }
input {
border: none;
margin: 16px 0 0 0;
padding-left: 8px;
line-height: 32px;
font-size: 16px; }
input:focus {
outline: none; }
select {
border: none; }
figure {
margin: 0; }
img {
width: 100%;
height: auto;
margin: 0; }
svg {
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; }
.entry-content img {
margin: 0 0 1.5em 0; }
.alignleft, img.alignleft {
margin-right: 1.5em;
display: inline; }
.alignright, img.alignright {
margin-left: 1.5em;
display: inline; }
.aligncenter, img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both; }
h1 {
font-family: "Heebo", sans-serif;
font-size: 4em;
line-height: 4.5rem;
margin-top: 0;
margin-bottom: 2rem;
font-weight: 100;
color: #416655;
letter-spacing: -0.9px; }
@media screen and (max-width: 567px) {
h1 {
font-size: 48px;
line-height: 56px; } }
h2 {
font-family: "Heebo", sans-serif;
font-size: 3.5em;
line-height: 4rem;
margin-top: 0px;
margin-bottom: 2rem;
font-weight: 100;
color: #416655;
letter-spacing: -0.8px; }
h3 {
font-family: "Heebo", sans-serif;
font-size: 3em;
line-height: 3rem;
margin-top: 0;
margin-bottom: 1.5rem;
font-weight: 100;
color: #416655;
letter-spacing: -0.7px; }
h4 {
font-family: "Heebo", sans-serif;
font-size: 2em;
line-height: 3rem;
margin-top: 0;
margin-bottom: 1.5rem;
font-weight: 100;
color: #416655;
letter-spacing: -0.5px; }
h5 {
font-family: "Heebo", sans-serif;
font-size: 1.5em;
line-height: 1.5rem;
margin-top: 0;
margin-bottom: 1.5rem;
font-weight: 400;
color: #416655; }
h6 {
font-family: "Heebo", sans-serif;
font-size: 1.25em;
line-height: 1.5rem;
margin-top: 0;
margin-bottom: 1.5rem;
font-weight: 400;
color: #333333; }
p {
font-size: 1.125em;
line-height: 2rem;
margin: 0.5rem 0;
color: #416655;
font-family: "Heebo", sans-serif;
font-weight: 300; }
a {
text-decoration: none;
color: #416655;
font-family: "Heebo", sans-serif;
font-weight: 400; }
.bookmark {
font-family: "Lora", serif;
font-size: 1em;
line-height: 1.5rem;
margin-top: 1.5rem;
color: #d6a2aa;
margin-bottom: 16px; }
.link a {
display: inline;
padding-right: 16px;
color: #fff; }
.link svg {
-webkit-transform: translateY(2px);
transform: translateY(2px); }
.link svg g.seta-link-white {
stroke: #fff; }
address {
font-style: normal;
font-size: 14px; }
li {
font-size: 1em;
line-height: 1.5rem;
margin: 0;
color: #333333;
font-family: "Heebo", sans-serif;
font-weight: 300; }
header {
width: 100%;
height: auto;
padding: 0 10% 32px 10%;
position: absolute;
z-index: 10;
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4), transparent);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), transparent); }
header.open {
position: fixed; }
header a.logo-center {
width: 134px;
height: 104px;
background: url(//calma.pt/wp-content/themes/calma/assets/images/logo-white.svg) no-repeat center;
margin: 24px auto 0 auto;
background-size: contain;
display: block; }
@media screen and (max-width: 567px) {
header a.logo-center {
width: 99px;
height: 78px; } }
header a.logo {
width: 81px;
height: 64px;
background: url(//calma.pt/wp-content/themes/calma/assets/images/logo.svg) no-repeat center;
background-size: contain;
display: block;
margin-top: 24px; }
header .menu-icon {
position: absolute;
right: 10%;
top: 32px;
background-color: #fff;
width: 54px;
height: 54px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
border-radius: 100%;
cursor: pointer; }
header .menu-icon .lines {
-webkit-transition: -webkit-transform .4s ease-in-out;
transition: -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
-webkit-transform-origin: center;
transform-origin: center; }
header .menu-icon .lines.open {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
header .menu-icon span.line {
width: 20px;
height: 2px;
background-color: #416655;
display: block;
margin: 4px; }
header .lingua {
font-size: 18px;
text-transform: uppercase;
font-weight: 400;
position: absolute;
top: 32px;
left: 10%; }
header .lingua a {
color: #fff; }
.admin-bar header #menu-icon {
top: 52px; }
#side-menu {
position: fixed;
width: 100%;
height: 100vh;
background-color: #416655;
z-index: 7;
-webkit-transform: translateY(-120%);
transform: translateY(-120%);
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
min-height: 480px; }
@media only screen and (min-device-width: 375px) and (max-device-width: 767px) and (orientation: landscape) {
#side-menu {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
min-height: auto; } }
#side-menu.open {
-webkit-transform: translateY(0);
transform: translateY(0); }
#side-menu .menu-casas {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
padding: 0 0 0 5%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center; }
@media only screen and (min-device-width: 375px) and (max-device-width: 767px) and (orientation: landscape) {
#side-menu .menu-casas {
display: none; } }
#side-menu .menu-casas h3 {
color: #fff; }
#side-menu .menu-casas .casas-menu-container {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
padding: 0 0 16px 0;
margin-top: 120px;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
overflow-x: scroll;
-webkit-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: -webkit-transform .6s ease-out;
transition: -webkit-transform .6s ease-out;
transition: transform .6s ease-out;
transition: transform .6s ease-out, -webkit-transform .6s ease-out;
-webkit-overflow-scrolling: touch; }
#side-menu .menu-casas .casas-menu-container::-webkit-scrollbar {
display: none; }
#side-menu .menu-casas .casas-menu-container.open {
-webkit-transform: translateY(0);
transform: translateY(0); }
#side-menu .menu-casas .casas-menu-container .casa-menu {
width: 360px;
margin-right: 32px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
flex: 0 0 auto; }
@media screen and (min-width: 1445px) {
#side-menu .menu-casas .casas-menu-container .casa-menu {
width: 480px; } }
@media screen and (max-width: 567px) {
#side-menu .menu-casas .casas-menu-container .casa-menu {
width: 260px; } }
#side-menu .menu-casas .casas-menu-container .casa-menu .casa-img {
width: 100%;
height: 226px;
background-size: cover !important;
margin-bottom: 0;
display: block; }
@media screen and (max-width: 567px) {
#side-menu .menu-casas .casas-menu-container .casa-menu .casa-img {
height: 130px; } }
#side-menu .menu-casas .casas-menu-container .casa-menu h4 {
background-color: #fff;
font-size: 20px;
padding: 8px 16px;
margin-top: 0;
margin-bottom: 0;
line-height: 32px; }
#side-menu .menu-casas .casas-menu-container .casa-menu a.link {
background-color: #F7ECEE;
display: block;
padding: 8px 16px;
margin-top: 0;
line-height: 32px;
font-size: 14px; }
#side-menu .menu-casas .casas-menu-container .casa-menu a.link span {
display: inline;
margin-right: 16px; }
#side-menu .menu-casas .casas-menu-container .casa-menu a.link g.seta-link-white {
stroke: #416655; }
#side-menu .nav-container {
height: auto;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
background-color: #F7ECEE;
padding: 8px 0 8px 5%; }
@media screen and (max-width: 567px) {
#side-menu .nav-container {
padding-bottom: 72px; } }
@media screen and (min-width: 569px) and (max-width: 768px) {
#side-menu .nav-container {
padding-bottom: 40px; } }
#side-menu .nav-container nav ul {
white-space: nowrap;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch; }
#side-menu .nav-container nav ul::-webkit-scrollbar {
display: none; }
#side-menu .nav-container nav li {
display: inline-block;
margin-right: 5%;
padding: 16px 8px;
-webkit-transform: translateY(-24px);
transform: translateY(-24px);
-webkit-transition: -webkit-transform .7s ease-out;
transition: -webkit-transform .7s ease-out;
transition: transform .7s ease-out;
transition: transform .7s ease-out, -webkit-transform .7s ease-out; }
#side-menu .nav-container nav li.open {
-webkit-transform: translateY(0);
transform: translateY(0); }
#side-menu .nav-container nav li.current_page_item a {
font-weight: 400; }
#side-menu .nav-container nav a {
color: #416655;
font-size: 20px;
font-weight: 300;
padding: 8px; }
#side-menu .nav-container nav a.hover {
font-weight: 400; }
@media screen and (max-width: 567px) {
#side-menu .nav-container nav a {
font-size: 20px; } }
footer {
width: 80%;
border-top: 1px solid #416655;
margin: 48px 10%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
color: #416655;
padding-top: 24px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
footer .box {
-webkit-flex-basis: 160px;
flex-basis: 160px;
margin-bottom: 32px; }
footer .footer-nav ul {
margin: 0; }
footer .footer-nav ul a {
font-size: 14px; }
footer .contactos {
font-size: 14px;
font-weight: 300; }
footer .social {
font-size: 14px; }
@media screen and (min-width: 569px) and (max-width: 768px) {
footer .social {
text-align: left; } }
footer .social a {
display: block; }
footer .social a.livro-reclamacoes {
width: 70px;
height: 36px;
background: url(//calma.pt/wp-content/themes/calma/assets/images/livroreclamacoes.png) no-repeat center;
background-size: contain;
display: block;
margin-top: 8px; }
@media screen and (max-width: 567px) {
footer .social a.livro-reclamacoes {
margin-left: 0; } }
@media screen and (max-width: 567px) {
footer .social {
text-align: left; }
footer .social a {
margin-left: 0px;
margin-right: 16px; } }
.casa-container {
display: -webkit-box;
display: -webkit-flex;
display: flex;
overflow: hidden;
width: 100%;
margin: 72px 0;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.casa-container:nth-child(2n + 1) .casa-info-container {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
order: -1; }
@media screen and (max-width: 567px) {
.casa-container:nth-child(2n + 1) .casa-info-container {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
order: 0; } }
.casa-container:nth-child(2n + 1) .casa-info-container .casa-card {
left: 0; }
.casa-container img.casa-img {
width: 67%;
height: 480px;
-o-object-fit: cover;
object-fit: cover; }
@media screen and (max-width: 567px) {
.casa-container img.casa-img {
width: 100%;
height: 240px; } }
.casa-container .casa-info-container {
width: 33%;
height: auto;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center; }
@media screen and (max-width: 567px) {
.casa-container .casa-info-container {
width: 100%; } }
.casa-container .casa-info-container .casa-card {
width: 150%;
height: auto;
background-color: #fff;
position: relative;
left: -50%; }
@media screen and (min-width: 569px) and (max-width: 768px) {
.casa-container .casa-info-container .casa-card {
width: 175%;
left: -75%; } }
@media screen and (max-width: 567px) {
.casa-container .casa-info-container .casa-card {
width: 100%;
left: 0; } }
.casa-container .casa-info-container .casa-card .bookmark {
margin: 48px 5% 0 5%; }
@media screen and (max-width: 567px) {
.casa-container .casa-info-container .casa-card .bookmark {
margin: 24px 5% 0 5%; } }
.casa-container .casa-info-container .casa-card h3 {
padding: 16px 10%;
margin-bottom: 0px; }
@media screen and (max-width: 567px) {
.casa-container .casa-info-container .casa-card h3 {
font-size: 32px;
padding: 0 10%; } }
.casa-container .casa-info-container .casa-card p {
color: #555555;
padding: 0 10%; }
.casa-container .casa-info-container .casa-card .actions {
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin-top: 40px; }
@media screen and (max-width: 567px) {
.casa-container .casa-info-container .casa-card .actions {
margin-top: 24px; } }
.casa-container .casa-info-container .casa-card a.link {
width: 50%;
height: 72px;
line-height: 72px;
padding-left: 10%; }
.casa-container .casa-info-container .casa-card a.link:hover svg {
-webkit-transform: translateX(16px);
transform: translateX(16px); }
.casa-container .casa-info-container .casa-card a.link span {
display: inline;
margin-right: 16px; }
.casa-container .casa-info-container .casa-card a.link .seta-link-white {
stroke: #416655; }
.casa-container .casa-info-container .casa-card .booking {
width: 50%;
height: 72px;
background-color: #FAF5F6; }
.casa-container .casa-info-container .casa-card .booking .booking-logo {
width: 40%;
height: 20px;
background: url(//calma.pt/wp-content/themes/calma/assets/images/booking-logo.png) no-repeat center;
background-size: contain;
margin: 28px auto; }
.share {
padding: 0; }
.share a {
padding-right: 16px; }
.share svg g {
-webkit-transition: fill .3s ease-in-out;
transition: fill .3s ease-in-out;
fill: #416655; }
.video-container {
position: relative;
width: 100%;
height: 90vh;
overflow: hidden;
background-color: #416655;
background-size: cover !important; }
@media screen and (min-width: 569px) and (max-width: 768px) {
.video-container {
height: 70vh; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 767px) and (orientation: landscape) {
.video-container {
height: 90vh; } }
@media screen and (max-width: 567px) {
.video-container {
height: 85vh;
backhground-size: cover !important; } }
.video-container video {
position: absolute;
width: auto;
height: auto;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
opacity: 0; }
main.intro {
margin: 0 10%;
padding: 24px 0 96px 0;
width: 80%;
background-color: #fff;
margin-top: -96px;
position: relative;
z-index: 3;
min-height: 600px; }
@media screen and (max-width: 567px) {
main.intro {
margin: 0px 5% 24px 5%;
width: 90%;
padding: 24px 0 0px 0; } }
main.intro h1,
main.intro .bookmark {
padding: 0 5%; }
main.intro .intro-text {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 5%; }
main.intro .intro-text .main-text {
color: #416655;
width: 47.5%;
font-weight: 400; }
@media screen and (max-width: 567px) {
main.intro .intro-text .main-text {
width: 100%; } }
main.intro .intro-text .wikki {
width: 47.5%;
color: #555555;
font-weight: 100; }
@media screen and (max-width: 567px) {
main.intro .intro-text .wikki {
width: 100%; } }
main.intro .intro-text .wikki a {
margin-top: 64px;
display: block; }
main.intro .bird {
width: 400px;
height: auto;
position: absolute;
left: -50px;
bottom: -144px; }
@media screen and (min-width: 569px) and (max-width: 768px) {
main.intro .bird {
bottom: -96px;
width: 300px; } }
@media screen and (max-width: 567px) {
main.intro .bird {
bottom: -144px;
width: 100%;
position: relative;
margin-top: -96px; } }
main.intro .premio {
width: 120px;
height: 120px;
background: url(//calma.pt/wp-content/themes/calma/assets/images/premio.png) center no-repeat;
background-size: contain;
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
position: absolute;
top: -50px;
right: -50px; }
@media screen and (max-width: 567px) {
main.intro .premio {
right: 0; } }
section.casas {
background-color: #F7EDEE; }
section.localizacao {
background-color: #416655;
position: relative;
padding-top: 120px;
padding-bottom: 120px; }
@media screen and (min-width: 569px) and (max-width: 768px) {
section.localizacao {
padding-top: 0px;
padding-bottom: 0px; } }
@media screen and (max-width: 567px) {
section.localizacao {
padding-top: 0px;
padding-bottom: 0px; } }
section.localizacao h2 {
color: #fff;
width: 40%;
position: relative;
z-index: 2; }
section.localizacao .mapa {
position: absolute;
right: 0;
top: 0px;
width: auto;
height: 100%;
display: block; }
@media screen and (min-width: 569px) and (max-width: 768px) {
section.localizacao .mapa {
height: 80%;
top: 52px; } }
@media screen and (max-width: 567px) {
section.localizacao .mapa {
right: 0%;
height: 60%;
top: 52px; } }
.social #instafeed {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 2.5%;
grid-row-gap: 16px;
margin-top: 48px;
margin-bottom: 0; }
.social .container {
padding-bottom: 24px; }
#contactos {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
#contactos .box-info {
width: 50%;
height: 100vh;
background-color: #416655;
color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: space-evenly;
-webkit-justify-content: space-evenly;
justify-content: space-evenly;
padding: 30vh 10%; }
@media screen and (max-width: 567px) {
#contactos .box-info {
width: 100%; } }
#contactos .box-info a {
color: #fff; }
#contactos .box-info address {
font-size: 16px; }
#contactos .box-img {
background-size: cover !important;
width: 50%;
height: 100vh; }
@media screen and (max-width: 567px) {
#contactos .box-img {
display: none; } }
.page-main-img {
width: 100%;
height: 80vh;
background-size: cover !important; }
@media screen and (max-width: 567px) {
.page-main-img {
height: 60vh; } }
#casas {
background-color: #F7EDEE;
margin-top: 0; }
#casas h1 {
width: 80%;
margin: 0px 10% 0 10%;
padding: 72px 5% 0 5%;
background-color: #F7EDEE;
position: relative;
top: -96px; }
@media screen and (max-width: 567px) {
#casas h1 {
width: 100%;
margin: 0;
top: 0; } }
#casas .container {
padding-top: 0px; }
#single img.single-img {
width: 100%;
height: 80vh;
-o-object-fit: cover;
object-fit: cover;
display: block; }
#single .container {
padding: 0 0 0 5%;
background-color: #fff;
position: relative;
z-index: 5; }
@media screen and (max-width: 567px) {
#single .container {
padding: 0; } }
#single .bookmark {
padding: 0;
margin: 0;
line-height: 96px; }
@media screen and (max-width: 567px) {
#single .bookmark {
width: 100%; } }
#single .booknow {
width: 40%;
height: 96px;
background-color: #416655;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center; }
@media screen and (max-width: 567px) {
#single .booknow {
width: 100%;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
order: -1; } }
#single .booknow:hover svg {
-webkit-transform: translateX(20px);
transform: translateX(20px); }
#single .booknow .booking-logo-white {
width: 40%;
height: 24px;
background: url(//calma.pt/wp-content/themes/calma/assets/images/booking-white.png) center no-repeat;
margin-right: 8px;
background-size: 80%; }
#single h1 {
margin-top: 24px; }
@media screen and (max-width: 567px) {
#single h1 {
margin-top: 0; } }
#single main {
width: 50%; }
@media screen and (max-width: 567px) {
#single main {
width: 100%; } }
#single .carateristicas {
width: 35%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-evenly;
-webkit-justify-content: space-evenly;
justify-content: space-evenly;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: flex-start;
align-content: flex-start; }
@media screen and (max-width: 567px) {
#single .carateristicas {
margin-top: 48px;
width: 100%;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start; } }
#single .carateristicas .icon-big {
width: 54px;
height: 42px;
margin: 0 auto 8px 0; }
#single .carateristicas span {
color: #416655;
font-weight: 100;
display: block;
text-align: left; }
#single .carateristicas .pessoas {
width: 50%;
margin-bottom: 24px;
height: 100px; }
#single .carateristicas .pessoas .icon-big {
background: url(//calma.pt/wp-content/themes/calma/assets/images/pessoas.svg) no-repeat center;
background-size: contain; }
#single .carateristicas .camas {
width: 50%;
margin-bottom: 24px;
height: 100px; }
#single .carateristicas .camas .icon-big {
background: url(//calma.pt/wp-content/themes/calma/assets/images/icons/cama-casal.svg) no-repeat center;
background-size: contain; }
#single .carateristicas .wcs {
width: 50%;
height: 100px;
margin-bottom: 24px; }
#single .carateristicas .wcs .icon-big {
background: url(//calma.pt/wp-content/themes/calma/assets/images/wcs.svg) no-repeat center;
background-size: contain; }
#single .carateristicas .cozinha {
width: 50%;
height: 100px;
margin-bottom: 24px; }
#single .carateristicas .cozinha .icon-big {
background: url(//calma.pt/wp-content/themes/calma/assets/images/cozinha.svg) no-repeat center;
background-size: contain; }
.slider {
margin-top: 72px;
height: 650px;
margin-bottom: 72px; }
@media screen and (max-width: 567px) {
.slider {
height: 300px; } }
.slider img.slide {
width: 70%;
height: 100%;
margin: auto;
display: block;
margin: 0 2.5%;
-o-object-fit: cover;
object-fit: cover; }
.comodidades {
width: 60%; }
@media screen and (max-width: 567px) {
.comodidades {
width: 100%; } }
.comodidades ul {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.comodidades li {
width: 50%;
color: #333333;
line-height: 32px;
font-size: 14px; }
.comodidades .ac {
padding-left: 24px;
background: url(//calma.pt/wp-content/themes/calma/assets/images/icons/ac.svg) no-repeat left center;
background-size: auto 14px; }
.comodidades .secador {
padding-left: 24px;
background: url(//calma.pt/wp-content/themes/calma/assets/images/icons/secador.svg) no-repeat left center;
background-size: auto 16px; }
.comodidades .basicos {
padding-left: 24px;
background: url(//calma.pt/wp-content/themes/calma/assets/images/icons/basicos.svg) no-repeat left center;
background-size: auto 13px; }
.comodidades .piscina {
padding-left: 24px;
background: url(//calma.pt/wp-content/themes/calma/assets/images/icons/piscina.svg) no-repeat left center;
background-size: auto 16px; }
.comodidades .tv {
padding-left: 24px;
background: url(//calma.pt/wp-content/themes/calma/assets/images/icons/tv.svg) no-repeat left center;
background-size: auto 14px; }
.comodidades .espresso {
padding-left: 24px;
background: url(//calma.pt/wp-content/themes/calma/assets/images/icons/nespresso.svg) no-repeat left center;
background-size: auto 18px; }
.comodidades .chaleira {
padding-left: 24px;
background: url(//calma.pt/wp-content/themes/calma/assets/images/icons/chaleira.svg) no-repeat left center;
background-size: auto 16px; }
.comodidades .micro-ondas {
padding-left: 24px;
background: url(//calma.pt/wp-content/themes/calma/assets/images/icons/micro-ondas.svg) no-repeat left center;
background-size: auto 12px; }
.comodidades .limpeza {
padding-left: 24px;
background: url(//calma.pt/wp-content/themes/calma/assets/images/icons/limpeza.svg) no-repeat left center;
background-size: auto 16px; }
.comodidades .internet {
padding-left: 24px;
background: url(//calma.pt/wp-content/themes/calma/assets/images/icons/internet.svg) no-repeat left center;
background-size: auto 14px; }
.regras {
width: 35%; }
@media screen and (max-width: 567px) {
.regras {
width: 100%; } }
.regras p {
color: #333333;
line-height: 24px;
font-size: 14px; }
.disposicao {
margin-top: 72px; }
.disposicao .disposicao-container {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.disposicao .disposicao-container .divisao {
width: 33%;
padding: 24px 32px 24px 0; }
@media screen and (max-width: 567px) {
.disposicao .disposicao-container .divisao {
width: 50%; } }
.disposicao .disposicao-container .divisao h5 {
margin-bottom: 0; }
.disposicao .disposicao-container .divisao span {
font-family: "Heebo", sans-serif;
font-weight: 100;
font-size: 14px; }
.disposicao .disposicao-container .divisao .cama-casal {
width: 46px;
height: 32px;
background: url(//calma.pt/wp-content/themes/calma/assets/images/icons/cama-casal.svg) no-repeat center;
background-size: contain;
margin-bottom: 24px; }
.disposicao .disposicao-container .divisao .cama-individual {
width: 46px;
height: 32px;
background: url(//calma.pt/wp-content/themes/calma/assets/images/icons/cama-individual.svg) no-repeat center;
background-size: contain;
margin-bottom: 24px; }
.disposicao .disposicao-container .divisao .sofa-cama {
width: 46px;
height: 32px;
background: url(//calma.pt/wp-content/themes/calma/assets/images/icons/sofa-cama.svg) no-repeat center;
background-size: contain;
margin-bottom: 24px; }
.disposicao .disposicao-container .divisao .camas-solteiro {
width: 82px;
height: 32px;
background: url(//calma.pt/wp-content/themes/calma/assets/images/icons/camas-solteiro.svg) no-repeat center;
background-size: contain;
margin-bottom: 24px; }