html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
nav ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before, blockquote:after {
content: "";
content: none;
}
q:before, q:after {
content: "";
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
} ins {
background-color: #ff9;
color: #000;
text-decoration: none;
} mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
} hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input,
select {
vertical-align: middle;
}
:root {
--light-grey: #ececec;
--light: #fff;
--dark: #3B3B3B;
--darker: #272727;
--primary-hover: #f0f6ff;
--heading-clr: #173551;
--heading-alt-clr: #005779;
--body-bgc: #ffffff;
--body-text-clr: #173551;
--main-padding-top: 80px;
--top-menu-transition: all 0.5s ease;
--header-bgc: #ffffff;
--header-border-clr: #f8f8f8;
--header-height: 90px;
--background: linear-gradient(100deg, rgb(178, 218, 255, 0.5), rgba(178, 218, 255, 0.1));
--link-clr: #124d84;
--page-max-width: 1400px;
}
*, *::before, *::after {
box-sizing: border-box;
}
html {
font-size: 16px;
scroll-behavior: smooth;
}
body {
font-family: "GentiumPlusRegular", serif;
text-align: center;
background-color: var(--body-bgc);
color: var(--body-text-clr);
overflow-x: hidden;
}
main {
margin-top: var(--header-height);
background: var(--background);
}
body.home main {
display: grid;
}
main.main-404 {
padding: 6rem 3rem;
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
}
img {
max-width: 100%;
height: auto;
display: block;
}
img#villa-romantica, section#javea, section#book-contact {
scroll-margin-top: var(--header-height);
}
body.customize-support header.top-header {
top: 32px;
}
@media (max-width: 782px) {
body.customize-support header.top-header {
top: 46px;
}
#wpadminbar {
position: fixed;
}
}
body.side-menu-open {
overflow: hidden;
}
@font-face {
font-family: 'GentiumPlusRegular';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/fonts/gentium-plus-v2-latin-regular.woff2) format('woff2');
}
@font-face {
font-family: 'GentiumPlusItalic';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/fonts/gentium-plus-v2-latin-italic.woff2) format('woff2');
}
@font-face {
font-family: 'GentiumPlusBold';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/fonts/gentium-plus-v2-latin-700.woff2) format('woff2');
}
@font-face {
font-family: 'GentiumPlusBoldItalic';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/fonts/gentium-plus-v2-latin-700italic.woff2) format('woff2');
}
@font-face {
font-family: SailRegular;
src: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/fonts/Sail-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: OoohBabyRegular;
src: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/fonts/OoohBabyRegular.woff2) format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
body {
font-size: 1.25rem;
line-height: 1.6;
font-weight: 400;
overflow-wrap: break-word;
}
.small-text {
font-size: 1rem;
}
p, article ul, article ol, dl, blockquote, figure, pre, table {
margin-bottom: 1.25rem;
}
article ul, article ol {
padding-left: 1.25rem;
}
a {
color: inherit;
text-decoration: none;
}
h6 {
font-size: 1.125rem;
}
h5 {
font-size: 1.1875rem;
}
h4 {
font-size: 1.25rem;
}
h3 {
font-size: 1.375rem;
}
h2 {
font-size: 1.6875rem;
}
h1 {
font-size: 2.25rem;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.3;
letter-spacing: 1%;
font-weight: 800;
margin-bottom: 1.25rem;
}
.h2-smaller {
font-size: 1.5rem;
}
.highlighted-text {
font-weight: 800;
}
.italic-lighter-text {
font-style: italic;
font-weight: 400;
}
.italic-lighter-text-alt {
font-family: Raleway-Italic;
font-weight: 400;
}
.accent-clr-saturated-tint {
color: var(--accent-saturated-lighter);
font-weight: 800;
letter-spacing: 4%;
}
.btn,
button,
input[type=button],
input[type=submit],
.wpforms-submit,
.wp-block-button__link,
.button {
display: block;
width: fit-content;
font-weight: 700;
font-size: 1.125rem;
line-height: 1;
transition: all 0.2s ease;
padding: 1.25em 2em;
border-radius: 999px;
}
.btn:hover:not(.ham),
button:hover:not(.ham),
input[type=button]:hover:not(.ham),
input[type=submit]:hover:not(.ham),
.wpforms-submit:hover:not(.ham),
.wp-block-button__link:hover:not(.ham),
.button:hover:not(.ham) {
transform: scale(1.05);
}
.wp-block-button__link, .button {
background-color: var(--primary);
font-weight: 600;
}
.wp-block-button__link:hover, .button:hover {
background-color: var(--primary-hover);
}
.telephone-btn .wp-block-button__link {
display: flex;
align-items: center;
}
.telephone-btn .wp-block-button__link::before {
content: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/icons/telephone.svg);
margin-right: 8px;
}
.email-btn a {
display: flex;
align-items: center;
line-height: 1;
}
.email-btn a::before {
content: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/icons/email.svg);
margin-right: 8px;
}
.email-btn-light a::before {
content: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/icons/email-light.svg);
}
.btn-clr-light {
background-color: var(--light);
color: var(--dark);
}
.btn-clr-dark {
background-color: var(--darker);
color: var(--light);
}
.btn-clr-dark:hover {
background-color: var(--dark);
}
.btn-clr-accent-tint {
background-color: var(--accent-tint);
color: var(--dark);
}
.btn-clr-accent-tint:hover {
background-color: var(--accent-tint-hover);
}
.btn-clr-accent-saturated {
background-color: var(--accent-saturated);
}
.btn-secondary {
display: block;
width: fit-content;
font-weight: 700;
font-size: 1.125rem;
line-height: 1;
transition: 0.25s;
text-decoration: underline;
line-height: 1.15;
}
.btn-secondary:hover {
transform: translateX(0.25rem);
}
.btn-secondary-light {
color: var(--light-grey);
}
.btn-secondary-light:hover {
color: var(--light);
}
.btn-secondary-light-telephone {
display: flex;
align-items: center;
line-height: 1;
}
.btn-secondary-light-telephone::before {
content: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/icons/telephone.svg);
margin-right: 8px;
}
.btn-secondary-dark {
color: var(--dark);
}
.btn-secondary-dark:hover {
color: var(--darker);
}
.decor {
pointer-events: none;
user-select: none;
}
.check {
display: inline-block;
background-image: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/icons/check-saturated.svg);
background-size: contain;
background-repeat: no-repeat;
} header.top-header {
width: 100%;
height: var(--header-height);
z-index: 99999;
transition: var(--top-menu-transition);
position: fixed;
top: 0;
left: 0;
box-shadow: 0 2px 5px rgba(192, 192, 192, 0.25);
background: var(--header-bgc);
}
header.top-header .primary-nav {
width: 100%;
height: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 0 1.5rem;
display: flex;
align-items: center;
justify-content: space-between;
}
header.top-header .primary-nav .desktop-tablet-menu {
justify-content: space-evenly;
display: none;
height: 100%;
}
header.top-header .primary-nav .desktop-tablet-menu li {
display: inline-block;
}
header.top-header .primary-nav .desktop-tablet-menu li a {
display: flex;
align-items: center;
font-size: 0.9375rem;
font-weight: 400;
font-family: GentiumPlusBold;
letter-spacing: 5%;
text-transform: uppercase;
padding: 0 1.125rem;
height: 100%;
transition: var(--top-menu-transition);
color: var(--body-text-clr);
}
header.top-header .primary-nav .desktop-tablet-menu li > a:hover {
text-decoration: underline;
background-color: var(--primary-hover);
}
header.top-header .primary-nav .desktop-tablet-menu .menu-item-has-children {
position: relative;
}
header.top-header .primary-nav .desktop-tablet-menu > li > .sub-menu {
width: 100vw;
position: fixed;
top: auto;
left: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
display: grid;
grid-template-columns: repeat(3, max-content);
gap: 1.5rem;
align-items: start;
justify-content: center;
background-color: #fafafa;
padding: 2rem 1.5rem;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s;
}
header.top-header .primary-nav .desktop-tablet-menu > li > .sub-menu > li.menu-label {
display: flex;
flex-flow: column nowrap;
}
header.top-header .primary-nav .desktop-tablet-menu > li > .sub-menu > li.menu-label > a {
color: #00709D;
font-weight: 800;
text-decoration: none;
cursor: default;
pointer-events: none;
padding: 0.75rem 1rem;
}
header.top-header .primary-nav .desktop-tablet-menu > li > .sub-menu > li.menu-label > a:hover {
background-color: #fafafa;
transform: none;
}
header.top-header .primary-nav .desktop-tablet-menu > li > .sub-menu > li.menu-label > .sub-menu {
display: flex;
flex-flow: column nowrap;
}
header.top-header .primary-nav .desktop-tablet-menu > li > .sub-menu > li.menu-label > .sub-menu > li > a {
text-transform: none;
text-align: start;
color: #202020;
padding: 0.75rem 1rem;
}
header.top-header .primary-nav .desktop-tablet-menu > li > .sub-menu > li.menu-label > .sub-menu > li > a:hover {
background-color: transparent;
transform: translateX(0.25rem);
}
header.top-header .primary-nav .desktop-tablet-menu .menu-item-has-children:hover > .sub-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
header.top-header .primary-nav .logo-a {
text-align: start;
font-size: 1.0625rem;
font-family: GentiumPlusBold;
line-height: 1.2;
color: var(--body-text-clr);
}
header.top-header .primary-nav .logo-a span {
font-size: 1.625rem;
font-family: SailRegular;
}
header.top-header .primary-nav .ham {
width: 28px;
height: 22px;
padding: 0;
cursor: pointer;
transition: var(--top-menu-transition);
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
background-color: transparent;
border: none;
}
header.top-header .primary-nav .ham .block {
background-color: var(--body-text-clr);
width: 100%;
height: 2px;
border-radius: 3em;
align-self: center;
display: grid;
transition: var(--top-menu-transition);
}
.secondary-nav {
text-align: start;
width: 100%;
display: flex;
flex-flow: column nowrap;
position: fixed;
inset: 0;
z-index: 2000;
visibility: hidden;
opacity: 0;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
transition: opacity 0.3s ease, visibility 0.3s ease;
background-color: var(--header-bgc);
}
.secondary-nav .side-menu {
padding: 3.5rem 0;
padding-bottom: 120px;
height: 100%;
display: flex;
flex-flow: column nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.secondary-nav .side-menu li a {
font-size: 1rem;
font-weight: 400;
padding: 1.25rem 2rem;
display: block;
text-transform: uppercase;
letter-spacing: 5%;
font-family: GentiumPlusBold;
color: var(--body-text-clr);
}
.secondary-nav .side-menu li a:hover {
text-decoration: underline;
}
.secondary-nav .side-menu .menu-label a {
background-color: #F7F7F7;
font-size: 0.75rem;
color: #00709D;
pointer-events: none;
cursor: default;
padding: 1rem 3rem;
}
.secondary-nav .side-menu .menu-label a:hover {
cursor: default;
text-decoration: none;
}
.secondary-nav .side-menu .sub-menu li a:not(.menu-label a) {
text-transform: none;
font-weight: 700;
padding: 1rem 3rem;
}
.secondary-nav .menu-close-container {
height: 54px;
position: relative;
}
.secondary-nav .menu-close-container .menu-close {
position: absolute;
top: 0;
right: 0;
width: 54px;
height: 54px;
background: transparent;
border: none;
padding: 0;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.secondary-nav .menu-close-container .menu-close:focus-visible {
outline: 2px solid black;
outline-offset: 4px;
}
.secondary-nav .menu-close-container .menu-close span {
position: absolute;
width: 18px;
height: 2px;
background: var(--body-text-clr);
transition: transform 0.3s ease, background 0.3s ease;
}
.secondary-nav .menu-close-container .menu-close span:first-child {
transform: rotate(45deg);
}
.secondary-nav .menu-close-container .menu-close span:last-child {
transform: rotate(-45deg);
}
.secondary-nav .menu-close-container .menu-close:hover span {
background: #666;
} .bottom-footer {
padding: 5rem 2rem;
background: linear-gradient(rgba(23, 53, 81, 0.9)), url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/bg/roses/roses-bg-40.jpg);
position: relative;
overflow: hidden;
}
.bottom-footer .footer-nav {
display: flex;
flex-flow: column nowrap;
align-items: center;
gap: 3rem;
}
.bottom-footer .footer-nav .logo-footer-link {
display: inline-flex;
color: var(--light);
}
.bottom-footer .footer-nav .logo-footer-link .logo-footer-img {
width: 325px;
height: auto;
}
@media (min-width: 768px) {
.bottom-footer .footer-nav .logo-footer-link .logo-footer-img {
width: 500px;
}
}
.bottom-footer .footer-nav .menus-container {
display: flex;
flex-flow: column nowrap;
align-items: center;
gap: 2rem;
z-index: 2;
}
.bottom-footer .footer-nav .menus-container .footer-menu-primary li a, .bottom-footer .footer-nav .menus-container .footer-menu-legal li a {
display: block;
padding: 1rem;
font-size: 0.9375rem;
font-weight: 600;
text-transform: uppercase;
color: var(--light);
transition: all 0.2s ease;
}
.bottom-footer .footer-nav .menus-container .footer-menu-primary li a:hover, .bottom-footer .footer-nav .menus-container .footer-menu-legal li a:hover {
text-decoration: underline;
}
.bottom-footer .footer-nav .menus-container .footer-menu-primary {
display: flex;
flex-flow: column nowrap;
gap: 1rem;
}
.bottom-footer .footer-nav .menus-container .footer-menu-primary li a {
background: rgba(23, 53, 81, 0.5);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 1px;
}
.bottom-footer .footer-nav .menus-container .footer-menu-primary li a:hover {
background: rgba(23, 53, 81, 0.8);
}
.bottom-footer .footer-nav .menus-container .footer-menu-legal li a {
padding: 0.5rem;
font-size: 0.75rem;
font-weight: 500;
color: #d1d1d1;
}
.bottom-footer .footer-nav .menus-container .footer-menu-legal li a:hover {
color: var(--light);
}
.bottom-footer .footer-nav .menus-container .sm {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: flex-start;
gap: 1.25rem;
}
.bottom-footer .footer-nav .menus-container .copyright {
padding: 0;
font-size: 0.8rem;
color: #d1d1d1;
font-weight: 300;
}
.bottom-footer .bottom-footer-bg {
position: absolute;
left: 0;
bottom: 0;
right: 0;
width: 100%;
max-height: 100%;
height: auto;
opacity: 0.75;
}
.section {
display: grid;
place-items: center;
position: relative;
}
.section .main-img {
position: absolute;
inset: 0;
object-fit: cover;
width: 100%;
height: 100%;
z-index: 0;
}
.section .overlay {
position: absolute;
inset: 0;
}
.section .text-content {
width: 100%;
position: relative;
padding: 7rem 2rem;
display: flex;
flex-flow: column nowrap;
align-items: center;
gap: 1.25rem;
z-index: 1;
overflow-x: clip;
}
.section .text-content .leading-img {
position: static;
}
.section .text-content h2 {
font-size: 2rem;
font-weight: 700;
margin: 0;
}
.section .text-content .paragraph-container p {
margin: 0 0 1rem;
font-size: 1.125rem;
font-weight: 600;
}
.section .text-content .paragraph-container p strong {
font-weight: 800;
}
.section .text-content .paragraph-container p:last-child {
margin-bottom: 0;
}
.section .design-element {
position: absolute;
right: 0;
left: 20px;
bottom: 0;
}
.section-hero {
min-height: calc(60vh - var(--header-height));
min-height: calc(60svh - var(--header-height));
overflow: hidden;
}
.section-hero .overlay {
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}
.section-hero .text-content {
padding: 1rem;
}
.section-hero .text-content p.hero-tagline {
font-size: 2.5rem;
font-family: Raleway-Italic;
font-weight: 900;
color: var(--light);
text-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
margin: 0;
}
.section-hero-fullheight {
min-height: calc(100vh - var(--header-height));
min-height: calc(100svh - var(--header-height));
overflow: hidden;
padding: 0;
}
.section-hero-fullheight .text-content .s-letter {
z-index: -1;
font-size: 268vw;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
line-height: 1;
font-weight: 900;
color: rgba(255, 255, 255, 0.4);
text-shadow: 0 18.7px 2.68px rgba(37, 90, 112, 0.05);
}
#section-hero-fp .overlay {
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
}
#section-hero-fp .text-content {
padding: 0 1rem;
}
#section-hero-fp .text-content h1 {
font-size: 1.25rem;
font-family: GentiumPlusBold;
color: var(--light);
font-weight: normal;
line-height: 190%;
margin: 0;
}
#section-hero-fp .text-content h1 span {
font-family: SailRegular;
font-size: 2.625rem;
}
#section-hero-fp .text-content p {
color: var(--light);
margin: 0;
font-size: 1.5rem;
line-height: 1.2;
font-family: OoohBabyRegular;
margin-top: -14px;
}
#section-hero-fp .text-content .nav-btn {
width: 60px;
height: 60px;
padding: 0;
margin: 4px;
background-image: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/icons/nav-btn-down.svg);
background-size: cover;
background-repeat: no-repeat;
cursor: pointer;
transition: transform 0.4s ease;
}
#section-hero-fp .text-content .nav-btn:hover {
transform: scale(1.1);
}
.fp-content-container {
border-top: 4px solid #fff;
overflow-x: hidden;
overflow-x: clip;
width: 100vw;
}
.fp-content-container .metaslider .flexslider {
margin-bottom: 0;
background: #fff;
}
.fp-content-container .metaslider .flexslider .flex-control-nav {
background: #fff;
padding: 0.8rem;
}
.fp-content-container .metaslider .flexslider .flex-control-nav li a:not(.flex-active) {
background: rgba(0, 0, 0, 0.3) !important;
}
.fp-content-container .metaslider .flexslider .flex-control-nav li a:not(.flex-active):hover {
background: rgba(0, 0, 0, 0.5) !important;
}
.fp-content-container .metaslider .flexslider .flex-control-nav li a.flex-active {
background: rgba(0, 0, 0, 0.7) !important;
}
.fp-content-container .metaslider .flexslider .flex-pauseplay .flex-pause::before {
margin-left: 0 !important;
}
.fp-content-container .metaslider .flexslider .flex-pauseplay .flex-play::before {
margin-left: 3px !important;
}
.flex-control-paging li a {
width: 10px !important;
height: 10px !important;
}
.fp-presentation-sections {
display: flex;
flex-flow: column nowrap;
align-items: center;
}
.fp-presentation-sections .fp-presentation-section, .fp-presentation-sections .fp-book-contact-section {
width: 100vw;
}
.fp-presentation-sections .fp-presentation-section .header-body-container, .fp-presentation-sections .fp-book-contact-section .header-body-container {
max-width: var(--page-max-width);
margin: 0 auto;
padding: 2.75rem 1.25rem;
}
.fp-presentation-sections .fp-presentation-section .header-body-container h2, .fp-presentation-sections .fp-book-contact-section .header-body-container h2 {
font-size: 2.25rem;
line-height: 1.5;
font-weight: 700;
font-family: GentiumPlusBoldItalic;
margin-bottom: 2.25rem;
line-height: 1.25;
}
.fp-presentation-sections .fp-presentation-section .header-body-container h2 span, .fp-presentation-sections .fp-book-contact-section .header-body-container h2 span {
font-family: OoohBabyRegular;
font-size: 1.75rem;
font-weight: 400;
line-height: 1.5;
}
.fp-presentation-sections .fp-presentation-section .header-body-container p, .fp-presentation-sections .fp-book-contact-section .header-body-container p {
font-family: GentiumPlusRegular;
background-color: rgb(255, 255, 255);
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
padding: 22px 24px;
text-align: start;
margin-bottom: 0;
font-size: 1rem;
max-width: 800px;
line-height: 1.7;
}
.fp-presentation-sections .fp-presentation-section .header-body-container p strong, .fp-presentation-sections .fp-book-contact-section .header-body-container p strong {
font-family: GentiumPlusBoldItalic;
font-size: 1.125rem;
}
.fp-presentation-sections .fp-presentation-section #images-grid-container-transparent, .fp-presentation-sections .fp-book-contact-section #images-grid-container-transparent {
background-color: transparent;
display: block;
}
.fp-presentation-sections .fp-presentation-section .images-grid-container, .fp-presentation-sections .fp-book-contact-section .images-grid-container {
display: grid;
gap: 4px;
background-color: #fff;
position: relative;
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .fp-presentation-section-image-container, .fp-presentation-sections .fp-book-contact-section .images-grid-container .fp-presentation-section-image-container {
aspect-ratio: 1/0.75;
width: 100%;
position: relative;
overflow: hidden;
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .fp-presentation-section-image-container img.fp-presentation-section-image, .fp-presentation-sections .fp-book-contact-section .images-grid-container .fp-presentation-section-image-container img.fp-presentation-section-image {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .fp-presentation-section-image-container img.fp-presentation-section-image:hover, .fp-presentation-sections .fp-book-contact-section .images-grid-container .fp-presentation-section-image-container img.fp-presentation-section-image:hover {
cursor: pointer;
transform: scale(1.1);
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .info-circle-offset, .fp-presentation-sections .fp-book-contact-section .images-grid-container .info-circle-offset {
margin-left: 65px;
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .info-circle, .fp-presentation-sections .fp-book-contact-section .images-grid-container .info-circle {
position: absolute;
z-index: 2;
display: block;
width: 75px;
height: 75px;
background: #fff;
top: 0;
border-radius: 100%;
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
font-family: GentiumPlusBoldItalic;
font-size: 0.9375rem;
line-height: 1.3;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
top: 5%;
left: 4%;
font-size: 12px;
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .info-circle span.icon, .fp-presentation-sections .fp-book-contact-section .images-grid-container .info-circle span.icon {
width: 22px;
height: 22px;
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .info-circle span.icon-tree, .fp-presentation-sections .fp-book-contact-section .images-grid-container .info-circle span.icon-tree {
background: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/icons/roentgen_tree.svg);
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .info-circle span.icon-kitchen, .fp-presentation-sections .fp-book-contact-section .images-grid-container .info-circle span.icon-kitchen {
background: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/icons/ph_cooking-pot-fill.svg);
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .info-circle span.icon-swimming-pool, .fp-presentation-sections .fp-book-contact-section .images-grid-container .info-circle span.icon-swimming-pool {
background: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/icons/ic_outline-pool.svg);
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .info-circle span.icon-shower, .fp-presentation-sections .fp-book-contact-section .images-grid-container .info-circle span.icon-shower {
background: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/icons/ph_shower-fill.svg);
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .info-circle span.icon-resting-spot, .fp-presentation-sections .fp-book-contact-section .images-grid-container .info-circle span.icon-resting-spot {
background: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/icons/streamline_chair-solid.svg);
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .info-circle span.icon-roof, .fp-presentation-sections .fp-book-contact-section .images-grid-container .info-circle span.icon-roof {
background: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/icons/roof.svg);
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .info-circle span.icon-exit, .fp-presentation-sections .fp-book-contact-section .images-grid-container .info-circle span.icon-exit {
background: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/icons/exit.svg);
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .info-circle span.icon-bedroom, .fp-presentation-sections .fp-book-contact-section .images-grid-container .info-circle span.icon-bedroom {
background: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/icons/bedroom.svg);
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .info-circle span.icon-bathtub, .fp-presentation-sections .fp-book-contact-section .images-grid-container .info-circle span.icon-bathtub {
background: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/icons/bathtub.svg);
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .info-circle span.icon-air-condition, .fp-presentation-sections .fp-book-contact-section .images-grid-container .info-circle span.icon-air-condition {
background: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/icons/air-conditioner.svg);
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .info-circle span.icon-car, .fp-presentation-sections .fp-book-contact-section .images-grid-container .info-circle span.icon-car {
background: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/icons/car.svg);
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .info-circle span.icon-walking, .fp-presentation-sections .fp-book-contact-section .images-grid-container .info-circle span.icon-walking {
background: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/icons/walking.svg);
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .info-circle span.icon-floor-heating, .fp-presentation-sections .fp-book-contact-section .images-grid-container .info-circle span.icon-floor-heating {
background: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/icons/floor-heating.svg);
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .info-circle span.icon-washing, .fp-presentation-sections .fp-book-contact-section .images-grid-container .info-circle span.icon-washing {
background: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/icons/washing.svg);
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .info-circle span.icon-water, .fp-presentation-sections .fp-book-contact-section .images-grid-container .info-circle span.icon-water {
background: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/icons/water.svg);
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .info-circle span.icon-kitchen, .fp-presentation-sections .fp-book-contact-section .images-grid-container .info-circle span.icon-kitchen {
background: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/icons/kitchen.svg);
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .info-circle span.icon-mountain, .fp-presentation-sections .fp-book-contact-section .images-grid-container .info-circle span.icon-mountain {
background: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/icons/mountain.svg);
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .flex-container, .fp-presentation-sections .fp-book-contact-section .images-grid-container .flex-container {
display: flex;
flex-flow: row nowrap;
padding: 0 1.25rem;
margin: 0 auto;
max-width: var(--page-max-width);
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .flex-container .info-circle, .fp-presentation-sections .fp-book-contact-section .images-grid-container .flex-container .info-circle {
position: relative;
top: 0;
left: 0;
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .flex-container .info-circle-offset, .fp-presentation-sections .fp-book-contact-section .images-grid-container .flex-container .info-circle-offset {
margin-left: -16px;
}
.fp-presentation-sections .fp-presentation-section p a, .fp-presentation-sections .fp-book-contact-section p a {
text-decoration: underline;
color: var(--link-clr);
}
.fp-presentation-sections #fp-presentation-section-intro .header-body-container h2, .fp-presentation-sections #javea .header-body-container h2, .fp-presentation-sections .fp-book-contact-section .header-body-container h2 {
font-size: 3.25rem;
}
.fp-presentation-sections #fp-presentation-section-floor-heating-washing-room {
padding-bottom: 2.75rem;
}
.fp-presentation-sections #fp-presentation-section-floor-heating-washing-room .header-body-container {
padding-bottom: 1.75rem;
}
.fp-presentation-sections #fp-presentation-section-floor-plan .images-grid-container {
max-width: 600px;
}
.fp-presentation-sections .fp-book-contact-section {
padding-bottom: 4rem;
}
.fp-presentation-sections .fp-book-contact-section .background-layout {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 5%, rgba(0, 0, 0, 0) 10%), url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/bg/javea-coastline.webp);
background-repeat: no-repeat;
background-size: 200%;
}
.fp-presentation-sections .fp-book-contact-section .background-layout .header-body-container h2 {
color: var(--light);
text-align: center;
margin: 0;
}
.fp-presentation-sections .fp-book-contact-section .grid-container {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
width: 95vw;
max-width: var(--page-max-width);
margin: 0 auto;
}
.fp-presentation-sections .fp-book-contact-section .grid-container .booking-calendar-outer-container .wpbc_container_booking_form {
width: 100%;
margin: 0;
}
.fp-presentation-sections .fp-book-contact-section .grid-container .booking-calendar-outer-container .wpbc_container {
margin: 0;
background: white;
background: #e5f1ff;
border-radius: 8px;
}
.fp-presentation-sections .fp-book-contact-section .grid-container .booking-calendar-outer-container .wpbc_container .wpbc_wizard__border_container {
background: linear-gradient(#c7e4ff69), url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/bg/roses/roses-bg-5.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 8px;
border: none;
padding: 1.5rem;
border: 2px solid rgba(255, 255, 255, 0.7);
}
.fp-presentation-sections .fp-book-contact-section .grid-container .booking-calendar-outer-container .wpbc_container .wpbc_wizard__border_container .wpbc__row {
max-width: 800px;
margin: 0 auto;
}
.fp-presentation-sections .fp-book-contact-section .grid-container .booking-calendar-outer-container .wpbc_container .wpbc_wizard__border_container .wpbc__row .wpbc__field {
max-width: 700px;
margin: 0;
}
.fp-presentation-sections .fp-book-contact-section .grid-container .booking-calendar-outer-container .wpbc_container .wpbc_wizard__border_container .wpbc__row .wpbc__field .bfb_element .wpbc_calendar_wraper, .fp-presentation-sections .fp-book-contact-section .grid-container .booking-calendar-outer-container .wpbc_container .wpbc_wizard__border_container .wpbc__row .wpbc__field .bfb_element .wpbc_change_over_triangle {
text-align: start;
}
.fp-presentation-sections .fp-book-contact-section .grid-container .booking-calendar-outer-container .wpbc_container .wpbc_wizard__border_container .wpbc__row .wpbc__field .bfb_element .wpbc_calendar_wraper .wpbc_cal_container, .fp-presentation-sections .fp-book-contact-section .grid-container .booking-calendar-outer-container .wpbc_container .wpbc_wizard__border_container .wpbc__row .wpbc__field .bfb_element .wpbc_change_over_triangle .wpbc_cal_container {
margin-bottom: calc(0.25em + 8px);
margin-top: 1.25rem;
}
.fp-presentation-sections .fp-book-contact-section .grid-container .booking-calendar-outer-container .wpbc_container .wpbc_wizard__border_container .wpbc__row .wpbc__field .bfb_element .wpbc_calendar_wraper .wpbc_range_selection_guidance, .fp-presentation-sections .fp-book-contact-section .grid-container .booking-calendar-outer-container .wpbc_container .wpbc_wizard__border_container .wpbc__row .wpbc__field .bfb_element .wpbc_change_over_triangle .wpbc_range_selection_guidance {
opacity: 1;
padding: 0.5rem;
background: rgba(255, 255, 255, 0.75);
}
.fp-presentation-sections .fp-book-contact-section .grid-container .booking-calendar-outer-container .wpbc_container .wpbc_wizard__border_container .wpbc__row .wpbc__field .bfb_element .wpbc_field_description {
font-size: 1.0625rem;
padding: 1rem;
background: rgba(255, 255, 255, 0.75);
font-family: GentiumPlusRegular;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
border-radius: 1px;
color: var(--body-text-clr);
}
.fp-presentation-sections .fp-book-contact-section .grid-container .booking-calendar-outer-container .wpbc_container .wpbc_wizard__border_container .wpbc__row .wpbc__field .bfb_element .date-info-field-wrapper {
display: flex;
flex-flow: column nowrap;
gap: 1rem;
width: 100%;
}
.fp-presentation-sections .fp-book-contact-section .grid-container .booking-calendar-outer-container .wpbc_container .wpbc_wizard__border_container .wpbc__row .wpbc__field .bfb_element .date-info-field-wrapper .date-info-field {
font-size: 1.0625rem;
padding: 0.75rem;
background: rgba(255, 255, 255, 0.75);
font-family: GentiumPlusRegular;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
border-radius: 1px;
color: var(--body-text-clr);
}
.fp-presentation-sections .fp-book-contact-section .grid-container .booking-calendar-outer-container .wpbc_container .wpbc_wizard__border_container .wpbc__row .wpbc__field .bfb_element label:not(.wpbc_static_text) {
font-family: GentiumPlusBold;
color: var(--body-text-clr);
}
.fp-presentation-sections .fp-book-contact-section .grid-container .booking-calendar-outer-container .wpbc_container .wpbc_wizard__border_container .wpbc__row .wpbc__field .bfb_element input, .fp-presentation-sections .fp-book-contact-section .grid-container .booking-calendar-outer-container .wpbc_container .wpbc_wizard__border_container .wpbc__row .wpbc__field .bfb_element textarea {
font-family: GentiumPlusRegular;
font-size: 17px;
color: var(--darker);
}
.fp-presentation-sections .fp-book-contact-section .grid-container .booking-calendar-outer-container .wpbc_container .wpbc_wizard__border_container .wpbc__row .wpbc__field .bfb_element input::placeholder, .fp-presentation-sections .fp-book-contact-section .grid-container .booking-calendar-outer-container .wpbc_container .wpbc_wizard__border_container .wpbc__row .wpbc__field .bfb_element textarea::placeholder {
font-family: GentiumPlusItalic;
}
.fp-presentation-sections .fp-book-contact-section .grid-container .booking-calendar-outer-container .wpbc_container .wpbc_wizard__border_container .wpbc__row .wpbc__field .bfb_element input {
padding: 0 12px;
}
.fp-presentation-sections .fp-book-contact-section .grid-container .booking-calendar-outer-container .wpbc_container .wpbc_wizard__border_container .wpbc__row .wpbc__field .bfb_element textarea {
padding: 8px 12px;
}
.fp-presentation-sections .fp-book-contact-section .grid-container .booking-calendar-outer-container .wpbc_container .wpbc_wizard__border_container .wpbc__row .wpbc__field .bfb_element p {
font-size: 1.0625rem;
}
.fp-presentation-sections .fp-book-contact-section .grid-container .booking-calendar-outer-container .wpbc_container .wpbc_wizard__border_container .wpbc__row .wpbc__field .bfb_element .wpbc_inline_checkbox a {
text-decoration: underline;
color: var(--link-clr);
}
.fp-presentation-sections .fp-book-contact-section .grid-container .booking-calendar-outer-container .wpbc_container .wpbc_wizard__border_container .wpbc__row .wpbc__field .bfb_element .wpbc_bfb__btn input {
background: #2e5679;
color: #fff;
border: 0;
border-radius: 4px;
padding: 0.25rem 3rem;
letter-spacing: 8%;
text-transform: uppercase;
font-family: GentiumPlusBoldItalic;
font-size: 18px;
}
.fp-presentation-sections .fp-book-contact-section .grid-container .under-section-container {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
border-radius: 8px;
background: #fff;
height: fit-content;
padding: 2rem;
}
.fp-presentation-sections .fp-book-contact-section .grid-container .under-section-container .under-section {
padding-bottom: 1rem;
text-align: start;
}
.fp-presentation-sections .fp-book-contact-section .grid-container .under-section-container .under-section h3 {
font-family: GentiumPlusBold;
font-weight: 600;
font-size: 1.625rem;
}
.fp-presentation-sections .fp-book-contact-section .grid-container .under-section-container .under-section ul {
margin-bottom: 1.75rem;
list-style: none;
}
.fp-presentation-sections .fp-book-contact-section .grid-container .under-section-container .under-section p, .fp-presentation-sections .fp-book-contact-section .grid-container .under-section-container .under-section li {
font-size: 1.0625rem;
}
.fp-presentation-sections .fp-book-contact-section .grid-container .under-section-container .under-section p, .fp-presentation-sections .fp-book-contact-section .grid-container .under-section-container .under-section p strong, .fp-presentation-sections .fp-book-contact-section .grid-container .under-section-container .under-section li, .fp-presentation-sections .fp-book-contact-section .grid-container .under-section-container .under-section h4, .fp-presentation-sections .fp-book-contact-section .grid-container .under-section-container .under-section h5 {
color: var(--darker);
}
.fp-presentation-sections .fp-book-contact-section .grid-container .under-section-container .under-section h5 {
font-size: 1.0625rem;
}
.fp-presentation-sections .fp-book-contact-section .grid-container .under-section-container .under-section table {
font-size: 1.0625rem;
width: 100%;
}
.fp-presentation-sections .fp-book-contact-section .grid-container .under-section-container .under-section table th, .fp-presentation-sections .fp-book-contact-section .grid-container .under-section-container .under-section table td {
border: 1px solid #e9e9e9;
padding: 8px;
text-align: left;
color: #000;
}
.fp-presentation-sections .fp-book-contact-section .grid-container .under-section-container .under-section table th {
background-color: #ecf6ff;
color: var(--darker);
}
.fp-presentation-sections .fp-book-contact-section .grid-container .under-section-container .under-section table td em {
font-size: 0.9375rem;
color: #616161;
font-style: normal;
}
.fp-presentation-sections .fp-book-contact-section .grid-container .under-section-container .under-section ul li {
list-style: none;
position: relative;
padding-left: 1.5rem;
}
.fp-presentation-sections .fp-book-contact-section .grid-container .under-section-container .under-section ul li::before {
content: "";
position: absolute;
left: 0;
top: 0.35em;
width: 1rem;
height: 1rem;
background: url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/icons/check.svg) no-repeat center;
background-size: contain;
}
.article-and-aside-container {
width: fit-content;
max-width: 1100px;
margin: 0 auto;
padding: 3rem 1.25rem;
display: grid;
gap: 3rem;
}
.article-and-aside-container article {
text-align: start;
width: 100%;
max-width: 640px;
overflow-wrap: break-word;
word-break: break-word;
}
.article-and-aside-container article p a {
font-weight: 700;
color: var(--primary);
}
.article-and-aside-container article p a:hover {
color: var(--primary-hover);
text-decoration: underline;
}
.article-and-aside-container article .ingress {
padding: 1.5rem;
color: #000;
line-height: 1.8;
}
.article-and-aside-container article .ingress strong {
font-weight: 700;
}
.article-and-aside-container article .ingress-lightblue {
background: linear-gradient(to right, #dbf5ff, #b9ebff);
box-shadow: 1px 1px 3px #76d6ff;
}
.article-and-aside-container article hr {
border-top-color: #cfcfcf;
}
.article-and-aside-container article table {
display: block;
overflow-x: auto;
white-space: nowrap;
}
.article-and-aside-container aside {
width: 100%;
} .hero-services {
background-color: #131414;
background-repeat: no-repeat;
background-size: cover;
background-position: top;
}
.hero-services h3 {
padding: 0 1em;
}
.hero-services h5 {
padding: 1rem 2rem 0;
line-height: 1.35;
}
.hero-services-cont {
backdrop-filter: blur(1.25px);
height: 100%;
display: flex;
align-items: center;
flex-flow: column nowrap;
justify-content: center;
}
.snabbt-snyggt-synligt-img {
width: 100vw;
}
.sect1-services {
height: 256px;
background-color: #52B3D8;
display: flex;
flex-flow: column nowrap;
justify-content: center;
padding: 0;
}
.sect1-services h2 {
font-size: 36px;
font-weight: 600;
}
.sect1-services h4 {
font-size: 26px;
padding-bottom: 0.75rem;
}
.sect2-services {
background: linear-gradient(#54B6DC, #00425B);
padding: 104px 52px;
}
.sect2-services .sect2-services-box {
border: solid white 2px;
border-radius: 12px;
margin: 0;
padding: 38px;
margin-bottom: 104px;
}
.sect2-services .sect2-services-box h4 {
padding: 0;
line-height: 40px;
}
.sect2-services .check-mark-and-text-container {
display: flex;
flex-flow: row nowrap;
padding-bottom: 30px;
}
.sect2-services .check-mark-and-text-container .checkmark-img {
width: 29px;
height: 23px;
padding-right: 0.75rem;
}
.sect2-services .check-mark-and-text-container .text-div h4 {
font-size: 20px;
font-weight: bold;
padding: 0;
text-align: start;
}
.sect2-services .check-mark-and-text-container .text-div p {
font-size: 1rem;
padding: 0;
text-align: start;
line-height: 25px;
}
.semibold-fontweight-600 {
font-weight: 600;
}
.blue-bold {
color: #0081B4;
font-weight: 700;
}
aside.widget-area > * {
margin-bottom: 1.5rem;
}
aside.widget-area > * :is(h1, h2, h3, h4, h5, h6):first-child {
font-size: 1.375rem;
}
aside.widget-area > * .wp-block-latest-posts__post-title {
display: block;
}
aside.widget-area > * .wp-block-latest-posts__post-title, aside.widget-area > * .wp-block-latest-posts__post-date {
text-align: start;
}
.lightbox {
position: fixed;
inset: 0;
top: var(--header-height);
display: flex;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.75);
z-index: 9999;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.25s ease;
}
.lightbox.open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.lightbox img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
max-width: 1150px;
max-height: calc(100vh - var(--header-height));
aspect-ratio: 3/2;
}
body.customize-support .lightbox {
top: calc(var(--header-height) + 32px);
}
@media (max-width: 782px) {
body.admin-bar .lightbox {
top: calc(var(--header-height) + 46px);
}
}
.wpbc_after_booking_thank_you_section .wpbc_ty__message {
margin: 1rem !important;
padding: 1rem !important;
text-align: start !important;
}
.wpbc_ty__container {
padding: 2rem !important;
}
.wpbc_ty__section_text_dates {
padding: 0.75rem !important;
background: #f9f9f9 !important;
border: 1px solid #d8d8d8 !important;
}
.wpbc_after_booking_thank_you_section .wpbc_ty__container .wpbc_ty__header {
border-left: 4px solid rgba(82, 177, 107, 0.8) !important;
}
@media (min-width: 768px) {
#section-hero-fp .text-content p {
font-size: 1.75rem;
}
#section-hero-fp .text-content h1 span {
font-size: 3.5rem;
}
.fp-presentation-sections .fp-presentation-section, .fp-presentation-sections .fp-book-contact-section {
width: 100%;
}
.fp-presentation-sections .fp-presentation-section .header-body-container, .fp-presentation-sections .fp-book-contact-section .header-body-container {
padding: 2.75rem 2.25rem;
}
.fp-presentation-sections .fp-presentation-section .header-body-container h2, .fp-presentation-sections .fp-book-contact-section .header-body-container h2 {
text-align: start;
font-size: 2.5625rem;
}
.fp-presentation-sections .fp-presentation-section .images-grid-container, .fp-presentation-sections .fp-book-contact-section .images-grid-container {
grid-template-columns: repeat(3, auto);
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .fp-presentation-section-image-container, .fp-presentation-sections .fp-book-contact-section .images-grid-container .fp-presentation-section-image-container {
width: 100%;
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .fp-presentation-section-image-container:nth-child(odd), .fp-presentation-sections .fp-book-contact-section .images-grid-container .fp-presentation-section-image-container:nth-child(odd) {
transform: rotate(0) translateX(0);
margin-bottom: 0;
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .fp-presentation-section-image-container:nth-child(even), .fp-presentation-sections .fp-book-contact-section .images-grid-container .fp-presentation-section-image-container:nth-child(even) {
transform: rotate(0) translateX(0);
margin-bottom: 0;
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .fp-presentation-section-image-container img.fp-presentation-section-image, .fp-presentation-sections .fp-book-contact-section .images-grid-container .fp-presentation-section-image-container img.fp-presentation-section-image {
border-radius: 0;
border: none;
box-shadow: none;
}
.fp-presentation-sections #fp-presentation-section-intro .header-body-container h2, .fp-presentation-sections #javea .header-body-container h2, .fp-presentation-sections .fp-book-contact-section .header-body-container h2 {
font-size: 3.5rem;
}
.fp-presentation-sections #fp-presentation-section-intro .header-body-container h2 span, .fp-presentation-sections #javea .header-body-container h2 span, .fp-presentation-sections .fp-book-contact-section .header-body-container h2 span {
font-size: 2.25rem;
}
.fp-presentation-sections #book-contact .header-body-container {
padding: 10rem 2.25rem;
}
.fp-presentation-sections #book-contact .header-body-container h2 {
margin-top: 3.75rem;
margin-bottom: 3.75rem;
font-size: 4.5rem;
}
.fp-presentation-sections #book-contact .grid-container {
grid-template-columns: 1fr 1fr;
}
.fp-presentation-sections #book-contact .grid-container .under-section-container {
padding: 2.5rem;
}
.fp-presentation-sections #book-contact .booking-calendar-outer-container .wpbc_container .wpbc_wizard__border_container {
padding: 2.5rem;
}
.fp-presentation-sections #book-contact .booking-calendar-outer-container .wpbc_container .wpbc_wizard__border_container .wpbc__row .wpbc__field .bfb_element .date-info-field-wrapper {
flex-flow: row nowrap;
width: fit-content;
}
.section-hero .text-content {
padding: 1rem 3rem;
}
.section-hero .text-content p.hero-tagline {
font-size: 3.5rem;
}
#section-hero-services .text-content h1.hero-title {
font-size: 5.0625rem;
}
#section-hero-services .text-content h1.hero-title span {
font-size: 3.375rem;
}
.services-page-section-container .services-page-section h2 {
text-align: start;
}
.services-page-section-container .services-page-section div.service-links {
flex-flow: row wrap;
}
.services-page-section-container .services-page-section div.service-links a.service-link {
max-width: 285px;
height: 285px;
}
#section-hero-fp .text-content {
padding: 2rem;
}
#section-hero-fp .text-content h1 {
font-size: 1.375rem;
}
#section-hero-fp .text-content .slogan-text-container .slogan-intro-text {
font-size: 2.5rem;
}
#section-hero-fp .text-content .slogan-text-container .slogan-intro-text-underline {
width: 250px;
}
#section-hero-fp .text-content .slogan-text-container .slogan-textparts {
width: 292px;
gap: 1.25rem;
margin: 1.5rem auto 1.25rem auto;
}
#section-hero-fp .text-content .slogan-text-container .slogan-textparts .slogan-textpart-1, #section-hero-fp .text-content .slogan-text-container .slogan-textparts .slogan-textpart-2, #section-hero-fp .text-content .slogan-text-container .slogan-textparts .slogan-textpart-3 {
font-size: 3.5rem;
}
#section-hero-fp .text-content .slogan-text-container .slogan-layout-bg {
transform: translate(-50%, -50%) scale(1.25);
top: 62%;
left: 50%;
}
.bottom-footer .footer-nav .menus-container .footer-menu-primary {
flex-flow: row nowrap;
}
}
@media (min-width: 1024px) {
#section-hero-fp .text-content p {
font-size: 2.25rem;
margin-top: -14px;
}
#section-hero-fp .text-content h1 {
font-size: 2.25rem;
}
#section-hero-fp .text-content h1 span {
font-size: 5rem;
}
.metaslider .flexslider {
margin-bottom: 40px;
}
.fp-presentation-sections #fp-presentation-section-intro .header-body-container h2 {
font-size: 3.5rem;
}
.fp-presentation-sections .fp-presentation-section .images-grid-container {
grid-template-columns: repeat(4, auto);
}
.fp-presentation-sections .fp-presentation-section .images-grid-container .info-circle, .fp-presentation-sections .fp-presentation-section .images-grid-container .flex-container .info-circle {
width: 85px;
height: 85px;
font-size: 13px;
}
#book-contact .background-layout {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0)), url(//elsasvillaromantica.com/wp-content/themes/villa-romantica/assets/img/bg/visit-javea.webp);
background-size: contain;
background-repeat: no-repeat;
}
#book-contact .background-layout .header-body-container {
padding: 6rem 2.25rem;
}
#book-contact .background-layout .header-body-container h2 {
font-size: 5rem;
}
header.top-header .primary-nav #primary-menu {
display: flex;
}
header.top-header .primary-nav .ham {
display: none;
}
main .article-and-aside-container {
grid-template-columns: minmax(0, 640px) minmax(0, 300px);
justify-content: space-between;
width: auto;
}
main .features-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
padding: 4rem 1.5rem;
overflow: hidden;
}
main .features-container .section {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.18);
max-width: 423px;
position: relative;
}
main .features-container .section .card-link {
position: absolute;
inset: 0;
z-index: 1;
}
main .features-container .section .text-content {
position: relative;
pointer-events: none;
}
main .features-container .section .text-content h2 {
font-size: 2.125rem;
}
main .features-container .section .text-content .btn, main .features-container .section .text-content .btn-secondary {
position: relative;
z-index: 2;
pointer-events: auto;
}
main .features-container .section:hover {
cursor: pointer;
transform: scale(1.05);
}
main .features-container .section, main .features-container .section .overlay, main .features-container .section .main-img {
border-radius: 1.5rem;
}
main .section .text-content .paragraph-container p:not(.features-container p) {
font-size: 1.375rem;
}
main .section-features-profitability .text-content h2 {
font-size: 3.125rem;
}
main .section-features-profitability .text-content .paragraph-container p {
font-size: 1.5rem;
font-weight: 500;
}
main .section-features-profitability .text-content .img-container .leading-img {
width: 45%;
}
main .section-hero {
min-height: calc(60vh - 90px);
min-height: calc(60svh - 90px);
}
main .section-hero-fullheight {
min-height: calc(100vh - 90px);
min-height: calc(100svh - 90px);
}
main .background .article-and-aside-container .form-wrapper-contact-page {
padding: 3rem;
}
:root {
--main-padding-top: 100px;
}
}  .pum-content p {
font-size: 19px;
margin-bottom: 2rem;
}
.pum-content p a {
text-decoration: underline;
font-weight: 700;
}
.pum-content h1 {
font-weight: 700;
margin-bottom: 2rem;
font-family: GentiumPlusBoldItalic;
font-size: 2.75rem;
}
.pum-content .wp-block-button a {
background-color: #173551;
}
.pum-content .wp-block-button.secondary-btn a {
background-color: transparent;
border: 2px solid #173551;
color: #173551;
}
#amenities-section {
scroll-margin-top: 90px;
}