/*
Theme Name: Illdy for Domaine du Pavillon
Theme URI: http://colorlib.com/wp/themes/illdy/
Template: illdy
Author: Colorlib / Pixdev
Author URI: http://colorlib.com
Description: Illdy is a stunning multipurpose WordPress theme built based on Bootstrap frontend framework making it fully responsive and mobile friendly. This theme is well suited for business, landing page, portfolio or any other creative websites. This leaves heavy lifting to WordPress Customizer therefore you can create your website on live preview mode. Which means that you can see changes happen on your website in real time as you make them
Version: 2.1.9
Tested up to: 5.6
Requires PHP: 5.6
Tags: portfolio, entertainment, blog
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio
Text Domain: illdy

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Typos */

@font-face {
    font-family: 'barlow_condensed_thin';
    src: url('fonts/barlowcondensed-thin-webfont.woff2') format('woff2'),
         url('fonts/barlowcondensed-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'barlow_condensed_light';
    src: url('fonts/barlowcondensed-light-webfont.woff2') format('woff2'),
         url('fonts/barlowcondensed-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'barlow_condensed_regular';
    src: url('fonts/barlowcondensed-regular-webfont.woff2') format('woff2'),
         url('fonts/barlowcondensed-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'barlow_condensed_medium';
    src: url('fonts/barlowcondensed-medium-webfont.woff2') format('woff2'),
         url('fonts/barlowcondensed-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'barlow_condensed_bold';
    src: url('fonts/barlowcondensed-bold-webfont.woff2') format('woff2'),
         url('fonts/barlowcondensed-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Couleurs */
:root {
    --vert: #004939;
    --gris-bleu: #45586B;
    --brique: #D18660;
}

/* Paramètres */
:root {
    --triangle-size: 30px;
}

/* Général */
body, a, h1, h2, h3, h4 {
    font-family: 'barlow_condensed_light', 'Arial', 'helvetica', 'sans-serif';
    font-size: 16px;
    color: var(--gris-bleu);
}
a {
    text-transform: uppercase;
    font-size: 20px;
}
a:focus, a:visited, a:focus-visible, a:focus-within, a:active {
    color: inherit;
}
h1, h2, h3, h4 {
    text-transform: uppercase;
    font-size: 6rem; /* 36px; */
    margin: 30px 0 !important;
    color: var(--gris-bleu);
}
p {
    font-family: 'barlow_condensed_light';
    font-size: 20px;
    color: black; /* var(--gris-bleu); */
}

/* Boutons */
.wp-block-button__link.wp-element-button,
.blockart-button {
    border-radius: 0;
    font-size: 20px;
    min-width: 200px;
}
.blockart-button a.blockart-button-link {
    font-size: 20px;
}

/* Top Header */
#header .top-header,
#header .is-sticky .top-header {
    margin: 0;
    background-color: var(--vert);
}
#header .top-header .header-navigation ul li {
    font-family: 'barlow_condensed_light', 'Arial', 'helvetica', 'sans-serif';
    text-transform: uppercase;
    display: flex;
    align-items: center;
    min-height: 60px;
}
#header .top-header .header-navigation ul li a {
    display: inline-block;
    font-size: 24px;
    max-width: 120px;
    text-align: center;
}

/* Bottom Header - Front page => n'afficher que les boutons */
body.home #header .bottom-header h1,
#header .bottom-header .section-description {
    display: none;
}
#header .bottom-header .row {
    margin-top: 20%;
}
#header .bottom-header .header-button-one {
    border: none;
    background-color: var(--gris-bleu) !important;
    color: white;
    font-family: inherit;
    font-size: 20px;
}
#header .bottom-header .header-button-two {
    border: none;
    background-color: var(--brique) !important;
    color: var(--gris-bleu);
    font-family: inherit;
    font-size: 20px;
}

/* Section "Project" = Le gîte */
#projects:before {
    background-image: none !important;
}
#projects .row {
    margin: 40px 0;
}
/* icones */
#projects .section-content .blockart-icon-block .blockart-icon-wrapper svg  {
   fill: black;
}
/* boutons */
#projects .section-content .wp-block-buttons {
    display: flex;
    justify-content: space-evenly;
    margin-top: 80px;
}
#projects .section-content .wp-block-buttons .wp-block-button .wp-block-button__link.wp-element-button,
#projects .section-content .wp-block-buttons .wp-block-button .wp-block-button__link.wp-element-button:active {
    background-color: var(--gris-bleu);
}
#projects .section-content .wp-block-buttons .wp-block-button .wp-block-button__link.wp-element-button:hover {
    background-color: var(--brique);
    color: white;
}
/* Section "Full-width" = Le domaine */
#full-width h3 {
    color: var(--brique);
}
#full-width h4 {
    font-size: 3rem;
    color: black;
}
#full-width .section-content .widget_block {
    margin: 0;
}
#full-width .section-content .widget_block .wp-block-columns.is-layout-flex {
    gap: 0;
    margin-bottom: 0;
}
#full-width .section-content .widget_block .wp-block-column.text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#full-width .section-content .widget_block .wp-block-column.text > * {
    padding: 0 40px;
}
#full-width .blockart-buttons {
    margin: 40px 0;
}
#full-width .blockart-button a.blockart-button-link {
    background-color: var(--brique);
    color: white;
}
#full-width .blockart-button a.blockart-button-link:hover {
    background-color: var(--gris-bleu);
    color: white;
}

/* Page contact */
.wp-block-buttons.contact-resa-buttons {
    display: flex;
    justify-content: space-evenly;
    margin-top: 80px;
}
.wp-block-buttons.contact-resa-buttons .wp-block-button .wp-block-button__link.wp-element-button {
    background-color: var(--gris-bleu);
    color: white;
    text-decoration: none;
}
.wp-block-buttons.contact-resa-buttons .wp-block-button:last-child .wp-block-button__link.wp-element-button{
    background-color: var(--brique);
}
div.wpforms-container-full button[type="submit"],
div.wpforms-container-full button[type="submit"]:not(:hover):not(:active) {
    background-color: var(--gris-bleu);
    color: white;
    font-size: 20px;
    padding: 10px 20px;
    border-radius: 0;
}

/* Pages internes */
#header .bottom-header .row {
    margin-top: auto;    
}
#header .bottom-header h1 {
    font-family: 'barlow_condensed_light', 'Arial', 'helvetica', 'sans-serif';
    text-transform: uppercase;
}

#blog {
    padding-top: 0; /* contenu collé à la photo principale */
}
#blog h2 {
    color: black;
    text-align: center;
    font-size: 24px;
}

/* h2 {
    font-size: 4rem;
    line-height: 32px;
    margin: 0 10px !important;
    display: inline-block;
}
h2:before {
    content: "";
    position: absolute;
    background-color: var(--gris-bleu);
    transform: translateX(-10%);
    height: 32px;
    width: 200%;
}
h2:after {
    content: "";
    position: absolute;
    display: inline;
    background-color: white;
    height: 32px;
    left: 0;
    width: 100%;
} */


.arrow-heading {
  display: inline-block;
  position: relative;
  background-color: #4a576b; /* dark slate blue */
  color: white;
  font-family: 'Arial Narrow', sans-serif;
  font-size: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 6px 20px 6px 40px;
  margin: 0;
}

.arrow-heading::before,
.arrow-heading::after {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  height: 0
}

/* Domaine viticole */
.domaine-histoire {
    margin: 0;
    padding: 0;
    position: relative;
}

.domaine-histoire-1, .domaine-histoire-2 {
    padding: 60px;
    position: relative;
}

.domaine-histoire-1:before, .domaine-histoire-2:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: var(--triangle-size) solid transparent;
    border-right: var(--triangle-size) solid transparent;
    border-top: var(--triangle-size) solid black;
    display: inline-block;
    top: 0;
    left: calc(50% - var(--triangle-size)/2);
}

.domaine-histoire-1 {
    background-color: var(--brique);
    color: black;
}
.domaine-histoire-1:before {
    border-top-color: white;
}

.domaine-histoire-2 {
    background-color: white;
    color: black;
}
.domaine-histoire-2:before {
    border-top-color: var(--brique);
}

/* Pas de liens sur les étiquettes de vins */
.grid-vins .ultp-block-image a {
    pointer-events: none;
}

/* Calendrier & Formulaire de réservation Dégustation sur 2 colonnes */
.wpbs-main-wrapper-calendar-2.wpbs-main-wrapper-form-2 {
    display: flex;
    gap: 30px;
}
.wpbs-calendar-2 {
    padding-top: 20px;
}
.wpbs-calendar-2:before {
    content: "Choisissez votre périod parmi celles disponibles";
    font-weight: bold;
    line-height: 50px;
}
.wpbs-main-wrapper .wpbs-form-container {
    flex-grow: 1;
}


/* Footer */
#footer {
    background-color: var(--vert);
    color: white;
}
#footer ul li a,
#footer p {
    color: white;
    font-size: 2.5rem;
}
#footer ul li:before {
    display: none;
}
#footer .widget_block {
    margin-bottom: 20px;
}
.bottom-footer {
    padding: 10px 0;
}
.bottom-footer a,
.bottom-footer .copyright,
.bottom-footer .copyright a {
    font-size: 16px;
    text-transform: none;
}