/*====================================================
    Villa Aquilon – Côte d'Opale Edition
====================================================*/

/* Kleurpalet */

:root{
    --ocean:#295F73;
    --sand:#D6C2A1;
    --paper:#FAF8F3;
    --mist:#EEF5F6;
    --text:#40464C;
}

/* Algemene website */

body,
.site,
#page{
    background:var(--paper);
    color:var(--text);
    font-size:18px;
    line-height:1.8;
}

/* Links */

a{
    color:var(--ocean);
    text-decoration:none;
    transition:all .25s ease;
}

a:hover{
    color:var(--sand);
}

/* Titels */

h1,h2,h3,h4,h5,h6{
    color:var(--ocean);
    font-weight:600;
    line-height:1.3;
    margin-bottom:22px;
}

h2{
    position:relative;
    padding-bottom:14px;
    margin-top:50px;
}

h2:after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:70px;
    height:2px;
    background:var(--sand);
}

/* Paragrafen */

p{
    margin-bottom:1.4em;
}

/* Gutenberg groepen */

.wp-block-group{
    padding-top:50px;
    padding-bottom:50px;
}

/* Knoppen */

.wp-block-button__link,
button,
input[type="submit"]{
    background:var(--ocean);
    color:#fff;
    border:none;
    border-radius:35px;
    padding:14px 30px;
    transition:.3s ease;
}

.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover{
    background:var(--sand);
    color:var(--text);
}

/* Afbeeldingen */

img{
    border-radius:10px;
    box-shadow:0 8px 22px rgba(0,0,0,.08);
    transition:transform .3s ease;
}

img:hover{
    transform:scale(1.015);
}

/* Promoblok */

.villa-promo{
    background:#F4ECE0;
    border-left:4px solid var(--sand);
    border-radius:12px;
    padding:24px;
    margin:35px 0;
}

/* Reviews */

blockquote{
    background:#fff;
    border-left:4px solid var(--sand);
    padding:20px;
    border-radius:8px;
    font-style:italic;
    box-shadow:0 4px 12px rgba(0,0,0,.05);
}
/*====================================================
Header Villa Aquilon
====================================================*/

.site-header{
    border-bottom:1px solid rgba(214,194,161,.45);
    padding-top:18px;
    padding-bottom:18px;
}

.site-title a{
    color:var(--ocean) !important;
    letter-spacing:.5px;
}

.main-navigation a{
    color:var(--ocean) !important;
    font-size:15px;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.main-navigation a:hover{
    color:var(--sand) !important;
}

.main-navigation .current-menu-item a{
    border-bottom:2px solid var(--sand);
}
/* Kopteksten Villa Aquilon */

h1,
h2,
h3,
h4,
h5,
h6,
.entry-title,
.page-title,
.widget-title {
    color: #295F73 !important;
}
/* Achtergrond Villa Aquilon */

body,
#page,
.site,
.site-content,
.content-area {
    background-color: #FAF8F3 !important;
}
/* Achtergrond van de contentblokken */

.site-content,
.content-area,
.entry-content,
.entry-content > *,
.wp-block-group {
    background-color: transparent !important;
}