/*
Theme Name: Intervins
Theme URI: https://www.tutowp.fr/tutowp
Author: TutoWP
Author URI: https://www.tutowp.fr/tutowp
Description: Thème WordPress basé sur Bootstrap
Version: 1.16
*/

@font-face {
    font-family: 'bodoni_bd_btbold';
    src: url('assets/fonts/bodoni_bd_bt_bold-webfont.woff2') format('woff2'),
         url('assets/fonts/bodoni_bd_bt_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bodoni_bd_btboldcondensed';
    src: url('assets/fonts/BOD_CB.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {background-color: #404042; padding-top: 20px;}
@media(min-width: 1024px) {
	body {background-color: #404042; padding-top: 80px;}
}
h1, h2, h3, h4, h5, h6 {font-family: bodoni_bd_btboldcondensed; font-stretch: condensed; -webkit-animation-duration: 0.5s; animation-duration: 0.5s;}

label.strong {font-weight: bold;}
h3 em {font-size: 0.9rem;}

.wpcf7-submit {background-color: #9e3e71; border-radius: 3px; color: #FFF; border: 2px solid #9e3e71; padding: 5px 15px;}
/*.navbar-nav {flex-direction: row;}*/
.navbar-expand-lg .navbar-nav {float: right;}
.menu-item a {color: rgba(255, 255, 255, 1); font-weight: bold; }
footer .menu-item a {font-weight: normal; }
.clickable {text-decoration: underline;}

.bg-vin {background-color: #9e3e71; color: #FFF;}
#containerstd {min-height: calc(100vh - 120px);}

@media (max-width: 992px)
{
  .wp-block-button__link {font-size: 1.0rem!important;}
}

section {
position: relative;
min-height: 100vh;
}

section h2 {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translate(0, -50%);
}
#home {
	position: relative;
	min-height: 60vh;
}
#bienvenue {
	position: relative;
	min-height: 10vh;
}
#main-logo {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 80vh;
    max-width: 60vw;
}
#vinsContainer{
	background-color: purple;
}
section h2 {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translate(0, -50%);
	color:white;
	font-size: 100px;
}
#vinsRegionaux {
	background-color: #28a745;
}
#vinsDomaines{
	background-color: purple;
}
#maisAussi {
	background-color: #28a745;
}

.btn-bottom-panel {
    position: absolute;
    bottom: 10vh;
}

.btn-bottom-panel .btn-infos-vin {
    transform: scale(0);
    max-width: 110px;
}

.post-content {color: #FFF; font-size: 2rem; width: 100%; height: 100%;}

/* DC le 5/05/2021 */
.page-section {height: 100vh; position: absolute; width: 100%; overflow: hidden;}
#section-10 {position: relative;}
.page-section h2, .page-section h3 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 8.0rem; color: #FFF; width: 90%; text-align: center; z-index: 0}
.page-section .image-fond {width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; z-index: 0; position: absolute;}
.page-section .video-fond {position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background-size: cover; }

@media (max-width: 992px) {
	.page-section h2, .page-section h3 {font-size: 3rem;}
}
/* Fade In */
@-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }
@keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }
.fadeIn { opacity: 0; -webkit-animation-name: fadeIn; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-name: fadeIn; animation-duration: 0.5s; animation-iteration-count: 1; animation-fill-mode: forwards;}

/* Fade Out */
@-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} }
@keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} }
.fadeOut { opacity: 1; -webkit-animation-name: fadeOut; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-name: fadeOut; animation-duration: 0.5s; animation-iteration-count: 1; animation-fill-mode: forwards;}


/* Slide Down */
@-webkit-keyframes slideDown { 0% {margin-top: -50px; opacity: 0;} 100% {margin-top: 0px; opacity: 1;} }
@keyframes slideDown { 0% {margin-top: -50px; opacity: 0;} 100% {margin-top: 0px; opacity: 1;} }
.slideDown { -webkit-animation-name: slideDown; animation-name: slideDown; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; }

@-webkit-keyframes halo { 0% {opacity: 0;} 10% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 0;}}
@keyframes halo { 0% {opacity: 0;} 10% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 0;}}

@-webkit-keyframes sizeIn { 0% {transform: scale(0);} 100% {transform: scale(1);} }
@keyframes sizeIn { 0% {transform: scale(0);} 100% {transform: scale(1);} }
.sizeIn { -webkit-animation-name: sizeIn; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: ease-out; animation-name: sizeIn; animation-duration: 0.5s; animation-iteration-count: 1; animation-fill-mode: forwards; animation-timing-function: ease-out; }

/* Durées d'animation */
.animation-duration-1 { -webkit-animation-duration: 1s; animation-duration: 1s; }
.animation-duration-2 { -webkit-animation-duration: 2s; animation-duration: 2s; }
.animation-duration-3 { -webkit-animation-duration: 3s; animation-duration: 3s; }
.animation-duration-4 { -webkit-animation-duration: 4s; animation-duration: 4s; }
.animation-duration-5 { -webkit-animation-duration: 5s; animation-duration: 5s; }

figure.img-cover, figure.img-contain {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1;}
figure.img-cover img {width: 100%; height: 100%; object-fit: cover;}
figure.img-contain img {width: 100%; height: 100%; object-fit: contain;}

.modal-backdrop {display: none!important;}
.modal-content {background-color: rgba(61, 4, 22, 0.8); border-radius: 0; border: 0; font-family: Arial;}
.modal-header {border: none; padding: 0.5rem;}
.modal-header .close {opacity: 1.0;}
.modal-header .close img {width: 26px;}
.modal-body {color: #FFF;}
.modal-title {color: #FFF; font-size: 1.5rem; text-align:center;}
.btn-primary {background-color: #9e3e71; border-color: #9e3e71;}
.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active {background-color: #9e3e71; border-color: #FFF;}

#header-menu .menu-item {padding: 0 15px;}
#header-menu .menu-item  a {text-shadow: 0px 0px 2px #000;}

/* elements specifiques */
/* Accueil */
#section-10 h1 {display: none;}
.logo-home img {position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); max-width: 50vw; max-height: 80vh; width: auto; height: auto;}
.logo-bienvenue img { position: absolute; top: 5%; left: 50%; transform: translate(-50%, -50%); max-width: 60vw; width: auto; height: auto;}
@media(max-width: 1024px) {
.logo-bienvenue img { top: 25%; }
}


#section29 #page-section-29 .image-fond {opacity: 0;}

.mots-clefs {position: relative; width: 100%; height: 100%;}
.mots-clefs .section-mc {color: #FFF; position: absolute; font-size: 5rem; font-weight: bold; opacity: 0;}
@media(max-width: 992px) {
	.mots-clefs .section-mc {font-size: 1.5rem;}
}
.mots-clefs .section-mc:first-child {top: 10vh; left: 10vw;}
.mots-clefs .section-mc:nth-child(2) {top:10vh; right: 10vw; }
.mots-clefs .section-mc:nth-child(3) {bottom: 5vh; left: 8vw; }
.mots-clefs .section-mc:nth-child(4) {bottom: 7vh; right: 10vw; }
.mots-clefs .section-mc:nth-child(5) {top: 15vh; left: 20vw; }
.mots-clefs .section-mc:nth-child(6) {bottom: 15vh; right: 20vw; }
.mots-clefs .section-mc:nth-child(7) {top: 15vh; right: 20vw; }
.mots-clefs .section-mc:nth-child(8) {bottom: 15vh; left: 20vw; }

.mots-clefs.animate .section-mc {-webkit-animation-name: halo; animation-name: halo; -webkit-animation-duration: 5s; animation-duration: 5s; animation-iteration-count: infinite; }
.mots-clefs.animate .section-mc:first-child {animation-delay: 0s;}
.mots-clefs.animate .section-mc:nth-child(2) {animation-delay: 1.5s; }
.mots-clefs.animate .section-mc:nth-child(3) {animation-delay: 3s; }
.mots-clefs.animate .section-mc:nth-child(4) {animation-delay: 4.5s; }
.mots-clefs.animate .section-mc:nth-child(5) {animation-delay: 6s;}
.mots-clefs.animate .section-mc:nth-child(6) {animation-delay: 7.5s; }
.mots-clefs.animate .section-mc:nth-child(7) {animation-delay: 9s; }
.mots-clefs.animate .section-mc:nth-child(8) {animation-delay: 10.5s; }
.logo-bas-droit {position: absolute; bottom: 15px; right: 15px; z-index: 100; max-width: 10vw;}

#page-section-54 h3 {opacity: 0;}
/*#page-section-54 .photos-visites-cave {height: 30vh; position: absolute; bottom: 15px; }
#page-section-54 .photos-visites-cave .wp-block-image {transform: scale(0); transition: transform 0.5s 0s; max-height: 30vh; margin: 0 auto;}
#page-section-54 .photos-visites-cave .wp-block-image img {width: 100%; height: 30vh; object-fit: cover;}
#page-section-54 .photos-visites-cave.animate {display: block;}
#page-section-54 .photos-visites-cave.animate .wp-block-column:nth-child(1) .wp-block-image {transform: scale(1); transition: transform 0.5s 0s;}
#page-section-54 .photos-visites-cave.animate .wp-block-column:nth-child(2) .wp-block-image {transform: scale(1); transition: transform 0.5s 0.2s;}
#page-section-54 .photos-visites-cave.animate .wp-block-column:nth-child(3) .wp-block-image {transform: scale(1); transition: transform 0.5s 0.5s;}

#page-section-54 .wp-block-column {
    flex-basis: 0!important;
}

@media (max-width: 768px) {
	#page-section-54 .photos-visites-cave .wp-block-image {max-height: 15vh;}
	#page-section-54 .photos-visites-cave .wp-block-image img {height: 15vh;}
}
*/
#bouton-galerie-domaines {position: absolute; bottom: 20vh; opacity: 0; width: 100%;}
#page-section-54 .image-fond {opacity: 0; z-index: -1; position: relative;}

#page-section-63 .image-fond {opacity: 0; z-index: 0; position: relative;}
#page-section-63 .titre-second {opacity: 0;}
#page-section-63 h4 {left: 100%; top: 60%; position: absolute; color: #FFF; font-size: 4rem; width: 50%;}
@media(max-width: 1024px) {
	#page-section-63 h4 {font-size: 2rem;}
}
/* Budget cave */
#page-section-79 .post-content {position: absolute; top: 100vh; width: 100%; height: 100vh; left: 0;}
#page-section-79.fondvert {background-color: #8ca42b!important; transition: background-color 1s 1s;}
#page-section-79.fondvert h2 {top: 10%; font-size: 4.0rem; transition: all 1s 1s;}
.tarifs-budget-cave {position: absolute; top: 0vh; height: 80vh; left: 50%; transform: translate(-50%, 0); font-family: bodoni_bd_btbold;}
.tarifs-budget-cave .wp-block-column:not(:first-child) {margin-left: 0; }
.tarifs-budget-cave .prix-mensuel {font-size: 120px!important; line-height: 100px; margin-bottom: 0px; margin-top: 10px;}
.tarifs-budget-cave .wp-block-columns .wp-block-column {margin-top: 100vh; transition: margin-top 0.5s 0s;}
.tarifs-budget-cave .wp-block-columns .wp-block-column:first-child {background-color: #9f3e71; height: 60vh; /*margin-top: 40vh;*/}
.tarifs-budget-cave .wp-block-columns .wp-block-column:nth-child(2) {background-color: #80325a; height: 80vh; /*margin-top: 20vh;*/}
.tarifs-budget-cave .wp-block-columns .wp-block-column:last-child {background-color: #642746; height: 100vh; /*margin-top: 0vh;*/}

.tarifs-budget-cave.animate .wp-block-columns .wp-block-column:nth-child(1) {margin-top: 40vh; transition: margin-top 0.5s 0s;}
.tarifs-budget-cave.animate .wp-block-columns .wp-block-column:nth-child(2) {margin-top: 20vh; transition: margin-top 0.5s 0.3s;}
.tarifs-budget-cave.animate .wp-block-columns .wp-block-column:nth-child(3) {margin-top: 0vh; transition: margin-top 0.5s 0.7s;}
.tarifs-budget-cave .wp-block-column { flex-basis: 0!important; }

#bouton-budget-cave {position: absolute; top: 65vh; width: 100%; z-index: 255;}

@media(max-width: 992px) {
  #bouton-budget-cave {top: 70vh; }
}
@media(max-width: 768px) {
	.descriptif-budget-cave {font-size: 1.5rem;}
  .descriptif-budget-cave p {margin-bottom: 0.}
	.tarifs-budget-cave .prix-mensuel {font-size: 70px!important; line-height: 60px; }
	.tarifs-budget-cave {font-size: 1.0rem; padding: 0!important;}
}

/* Rhumerie */
#page-section-114 .image-fond {opacity: 0; z-index: 1;}
#page-section-114 .post-content {z-index: 0; position: relative;}
#page-section-114 h2 { z-index: 2; top: 10vh; }

/* Whiskie */
#page-section-122 .image-fond {opacity: 0; z-index: 1;}
#page-section-122 .post-content .img-cover {z-index: 0; position: relative;}
#page-section-122 h2 { z-index: 2; top: 10vh; }
#page-section-122 .post-content h3:first-child {top: 15%; font-size: 4.9rem; left: 50%; transform: none; text-align: left; z-index: 4;}
#page-section-122 .post-content h4 {position: absolute; top: 5vh; left: 50%; transform: translate(-50%, 0); font-size: 6rem; z-index: 4; opacity: 0;}
@media (max-width: 1024px) {
	#page-section-122 .post-content h3:first-child {font-size: 2.5rem; }
	#page-section-122 .post-content h4 {font-size: 3rem; left: 0; transform: none; text-align: center; width: 100%;}
}

#page-section-100 .post-content {opacity: 1; /*transition: opacity 0.5s 0s;*/ background-color: #000;}
#page-section-100 h2 {top: 40vh; z-index: 255; /*transition: color 0.5s 1s;*/}
/*#page-section-100.animate .post-content {opacity: 0; transition: opacity 0.5s 1s;}*/
#page-section-100.animate h2 {color: #b19344; top: 20vh; transition: color 1s, top 0.2s;}
#page-section-100 .mots-clefs {position:relative; text-align: center;}
#page-section-100 .mots-clefs .section-mc {position: absolute; top: 100vh; left: 50%; z-index: 100; opacity: 1; transform: translate(-50%, 0); transition: top 0.8s; color: #685a31; font-size: 7rem;}
#page-section-100.animate .mots-clefs .section-mc:first-child {top: 40vh; transition: top 0s 0.8s;}
#page-section-100.animate .mots-clefs .section-mc:nth-child(2) {top: 46vh; transition: top 0.2s 0.8s;}
#page-section-100.animate .mots-clefs .section-mc:nth-child(3) {top: 52vh; transition: top 0.4s 0.8s;}
#page-section-100.animate .mots-clefs .section-mc:nth-child(4) {top: 58vh; transition: top 0.6s 0.8s;}
#page-section-100.animate .mots-clefs .section-mc:nth-child(5) {top: 64vh; transition: top 0.8s 0.8s;}
#page-section-100.animate .mots-clefs .section-mc:nth-child(6) {top: 70vh; transition: top 1s 0.8s;}
#page-section-100.animate .mots-clefs .section-mc:nth-child(7) {top: 76vh; transition: top 1.2s 0.8s;}
#page-section-100.animate .mots-clefs .section-mc:nth-child(8) {top: 82vh; transition: top 1.4s 0.8s;}
#page-section-100 figure.img-cover {z-index: 0;}
@media(max-width: 1024px) {
	#page-section-100 .mots-clefs .section-mc {font-size: 4rem; width: 100%; }
}

#page-section-141 h2 {display: none;}

/* ceremonies */
#page-section-145 .post-content .img-cover {z-index: 0;}
#page-section-145 .post-title {width: 100%; position: absolute; height: 100vh; /*background-color: #9e3e71;*/ z-index: 2;}
#page-section-145 .post-title h2 {text-shadow: 0px 0px 10px #DDD;}

/* ceremonies */
#page-section-155 .post-content .img-cover {z-index: 0;}
#page-section-155 .post-title {width: 100%; position: absolute; height: 100vh; /*background-color: #9fb91b;*/ z-index: 2;}
#page-section-155 .post-title h2 {color: #9e3e71; text-shadow: 0px 0px 2px #FFF;}
/* Epicerie */
#section177 {/*width: 100vw;*/ overflow: hidden;}
#page-section-177 h2{top: 40vh;}
#page-section-177 h3.titre-second {top: 60vh; font-size: 5.0rem;}
@media(max-width: 992px)
{
  #page-section-177 h3.titre-second {font-size: 2.0rem;}
}
#page-section-180 {width: 25vw; /*left: 100vw;*/ top: 0;}

#page-section-184 {width: 25vw; /*left: 100vw;*/ top: 0;}
#page-section-188 {width: 25vw; /*left: 100vw;*/ top: 0;}
#page-section-192 {width: 25vw; /*left: 100vw;*/ top: 0;}
#page-section-180 h3, #page-section-184 h3, #page-section-188 h3, #page-section-192 h3 {display: none;}

#popmake-239 h3 {color: #9e3e71;}
#popmake-239 .Regions .wpcf7-list-item{display: block;}
#popmake-239 label.strong {color: #9e3e71;}
#formule-souscription .wpcf7-list-item{display: block; position: relative;}
#formule-souscription .wpcf7-list-item:first-child .wpcf7-list-item-label::after{content:'2 x 6 bouteilles tous les 3 mois'; margin-left: 30px; font-style: italic; font-size: 0.8rem;}
#formule-souscription .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::after{content:'2 x 6 bouteilles + 3 tous les 3 mois'; margin-left: 30px; font-style: italic; font-size: 0.8rem;}
#formule-souscription .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label::after{content:'3 x 6 bouteilles tous les 3 mois'; margin-left: 30px; font-style: italic; font-size: 0.8rem;}

/* Fiches degustation */
.fiche-degustation, .fiche-degustation .bg-intervins {background-color: #9e3e71; color: #000; }
.fiche-degustation .main {background-color: #FFF; color: #000; padding-top: 50px;}
.logo-fiche-degustation {max-height: 200px;}
.fiche-degustation .valeurs label {font-weight: bold;}
.fiche-degustation .valeurs .description {margin-bottom: 2em;}