:root{
    --color-red: #b7124b;
    --color-yellow: #F5D410;
    --color-purple: #601959;
}

.text-purple {
    color: var(--color-purple);
}
.text-yellow {
    color: var(--color-yellow);
}
.text-red {
    color: var(--color-red);
}
.bgSwiper {
	height: 30vh;
}
.bgSwiper-actu {
    height: 50vh;
}
.navbar-brand img {
    height: 80px;
}
body {
	background:  #f2f2f2 no-repeat bottom center;
	font-family: 'Manrope', sans-serif;
    font-size: 14px !important;
}
body.page-template-page-full-17 {
    background: #f2f2f2;
}

body.page-template-page-full-17 #main,
body.page-template-page-full #main,
body.archive #main,
body.page #main {
	margin:  0 !important;
	padding:  0 !important;

}

body.page-template-page-full-17 #main,
body.page-template-page-full #main,
body.archive #main,
body.page #main {
    max-width: 100%;
}

#logo-placeholder {
	position: absolute;
	z-index: 999;
}

a {
    color: var(--color-purple);
    transition: all cubic-bezier(.17,.67,.54,.98) .5s;
}
.active a,
a:hover {
    color: var(--color-yellow);
}
.nav-day {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
}


.home header,
.archive header,
.page header,
.page-template-page-full-17 header {
    background: white;
}


.custom-shape-divider-bottom-1666886254 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    z-index: 999;
}

figure {
    margin-bottom: 0;
}


.position-sticky {
    position: sticky;
    top: 20vh;
}
.nav-link {
	font-family: 'Manrope', sans-serif;
    color: #601959 ;
	text-transform: uppercase;
	font-size: 16px;

}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    color: #9e8b23;
}

.home .nav-link,
.archive .nav-link,
.page .nav-link,
.page-template-page-full-17 .nav-link {
    color: #601959 ;
}



.swiper-slide {
	background-size: cover !important;
}

h1, h2, h3 {
	font-family: 'Manrope', sans-serif;
	font-weight: 800;
}
.slide .inner {
	background-size: cover; background-repeat: no-repeat;
	min-height:  30vh;
	text-align: center;
	width: 100%;
	display: flex; justify-content: center; align-items: center;
	color:  white;
}
#village .inner {
	background-image:  url(../images/village.jpg);
}

#suggestions .inner {
	background-image: url(../images/vins.jpg);
}
#animations .inner {
	background-image: url(../images/animations.jpg);
}


/* footer */
#footer {
	background:  var(--color-purple); color: white !important;
    background: url(/wp-content/uploads/2023/06/Image-site-cfdb-4.png) no-repeat;
    background-size: cover;
}



.pb-90 {
	padding-bottom: 120px;
}

.acf-map {
    height: 200px;
}

.date h3 {
}
.card-body {
    color: #9e8b23;
}
.text-small {
    font-size: 14px;
}

#hero-banner {
    max-height: 50vh;
    overflow: hidden;
}

.color-purple {
    color:  #601959;
}
#map {
    height: 600px;
}
.bg-gold {
    background: #9e8b23
}
.day h1 {
    font-size: 20px;
    padding-top:  7px; padding-bottom: 7px;
    margin:  0;
}
.border-top {
    border-top: 1px solid #e9ecef!important;
}
.accordion-button:not(.collapsed) {
    background: white !important;
    color: #9e8b23;
}
.accordion-button {
    color: #9e8b23;
}
.accordion-button[aria-expanded="true"] {
    background: #601959 !important;
    color:  white;
}

.accordion-button:focus {
    border: none !important;
    color:  white;
    box-shadow: none !important;
}
.accordion-button h2 {
    font-size: 20px;
    color: #9e8b23;
    font-weight: normal;
}

.accordion-button[aria-expanded="true"] h2 {
    color:  white;
}
.text-small {
    font-size: 12px;
    text-align: center;
}

/* Opacity #2 */
.slide {
    transition: all ease .4s;
}
.slide figure img {
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.slide:hover {
   transform: scale(1.2);
}
li.home {
    background: url(../images/logo_cfdb.png) no-repeat;
    background-size: cover;
    width: 100px;
    height: 106px;
}
li.home a {
    text-indent:  -9999px;
}

.navbar-expand-md .navbar-nav {
    align-items: center;
}
.menu-item {

}
.hvr-underline-reveal:before {
    background: #601959;
}
.top-min-50 {
    margin-top: -100px;
}
.z-index99 {
    z-index: 99;
}

.bg-light02 {
    background: rgba(158,139,35,0.15);
}
.bg-or {
    background: var(--color-yellow);
}
.card {
    transition: all cubic-bezier(.17,.67,.54,.98) .5s;
}
.card:hover {
    box-shadow: 0px 0px 20px rgba(0,0,0,.20);
    transition: all cubic-bezier(.17,.67,.54,.98) .5s;
    letter-spacing: 0;
}
.card:hover .read-more {
    letter-spacing: 4px;
    transition: all cubic-bezier(.17,.67,.54,.98) .5s;
}
.bold {
    font-weight: 800;
}
#video-container {
    background: url(../images/piquenique.jpg) no-repeat fixed;background-size: cover;
}
.py-120 {
    padding: 120px 0;
}
.circle-icon {
    border: 2px dashed #fff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    vertical-align: middle;
    color: white;
    text-shadow: 0px 0px 20px rgba(0,0,0,.60);
}
.circle-icon:hover {
    cursor: pointer;
}


.entry-date {
    background: var(--color-red);
    color: #fff;
    height: 70px;
    border-radius: 8px;
    position: absolute;
    bottom: -30px;
    right: 30px;
    z-index: 11;
    text-align: center;
    line-height: 1.1;
    padding: 10px 15px 0;
}
.entry-date span {
    display: block;
}
span.date {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -1px;
}
span.month {
    font-size: 13px;
    font-weight: 800;
}
.h6 {
    font-size: 45px;
}
.team .card {
    border: 5px solid #ededed
}
.team .card:hover {
    border: 5px solid var(--color-yellow);
}
.team h3 {
    color: var(--color-yellow);
}
.team .fa-circle {
    color: var(--color-red);
}
.partners {
    height: 200px;
    display: flex;
    justify-content: center;
}

.dropdown .dropdown-menu{
    display: block; 
    opacity:0;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
 }
 .dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
 }
.dropdown-menu {
    background: transparent !important;
    border: 0 !important;
}

.dropdown-item.active, .dropdown-item:active {
    background: var(--color-purple) !important;
}
.current-menu-parent>a {
    color: var(--color-yellow) !important;
}
.h5 {
    font-size: 16px;
}
.contour {
    border: 5px solid #fff;
    transform: rotate(-9deg);
}
.dropdown-menu {
    background: white !important;
}