@font-face {
font-family: "New Republic";
src: url("assets/fonts/SF New Republic.woff") format('woff');
}

body {background-color: #F9FAF2; }
a {color: #878d11;}
a:hover {color: #878d11; text-decoration: underline;}
.container-fluid {padding: 0;}


/*****************************
/* Barre de menu
******************************/
.site-header {margin: 0!important; font-family: 'New Republic';}
@media(max-width: 767px) {
	#header-menu {padding-top: 15px; padding-bottom: 10px; margin-top: 20px; background-color: #F9FAF2; z-index: 255; width: 100vw;}
	body {}
	.custom-logo-link img {height: 80px; width: auto;}
	#mainnavbar {position: absolute; top: 15px; left: 0px; width: 20%;}
	#mainnavbar .container-fluid {width: 100vw;}
	.navbar-light .navbar-toggler {color: #878d11; border-color: #878d11; margin-left: 15px;}
	#menu-menu-entete .menu-item {padding: 5px 15px;}
	
}

#header-menu .navbar-nav .nav-link {color: #6f6f6d; text-transform: uppercase; font-weight: normal; padding-top: 0; padding-bottom: 0; }
#header-menu .navbar-nav .nav-link:hover, #header-menu .navbar-nav .nav-link:focus, #header-menu .navbar-nav .current-menu-item .nav-link {color: #6f6f6d; text-decoration: none;}
@media(min-width: 768px) {
#header-menu .navbar-nav .menu-item.active {position: relative;}
#header-menu .navbar-nav .menu-item.active::after {position: absolute; width: calc(100% - 48px); left: 24px; bottom: -10px; height: 2px; content:""; background-color: #878d11;}
}
.navbar.bg-light {background-color: transparent!important;}
@media (min-width: 768px) {
	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
	}
}

.wpcf7-submit {background-color: #006eb3; color: #FFF; border: 1px solid #006eb3; padding: 0.5rem 1rem; text-transform: uppercase; font-weight: normal;}
.wpcf7-spinner {display: block;}
.site-header {margin: 0 -0.75rem; background: transparent url(assets/images/fond_feuille.jpg) top right; background-repeat: no-repeat; background-size: 28vw;}
@media (min-width: 1600px) {
	#mainnavbar .container-xxl {max-width: calc(100% - 200px);}

}


@media(min-width: 1400px) {
	#header-menu {margin-left: 0px; justify-content: space-between;}
	#mainnavbar::before {width: calc(300px + (100vw - 1296px) / 2); }
}

@media(min-width: 1600px) {
	#header-menu {margin-left: 150px; }
	#mainnavbar::before {width: 400px; }
}
@media(max-width: 767px)
{
	#mainnavbar .custom-logo-link img {height: 64px; width: auto;}
}

@media(min-width: 768px)
{
	#mainnavbar .custom-logo-link {min-width: 300px;}
}

@media(max-width: 1399px) {
	#mainnavbar .custom-logo-link {margin-left: 15px;}
}

.btn {border-radius: 0;}
.btn:focus {box-shadow: none;}
.btn-primary, .btn-primary:hover {background-color: #006eb3; color: #FFF; border: 1px solid #006eb3; outline: transparent;}
.btn-primary.btn-outline {border: 3px solid #006eb3; border-radius: 0px; background-color: #FFF; color: #006eb3; font-weight: 700; padding: 2px 15px;}

.lien-telephone, .lien-telephone p {margin-bottom: 0!important;}

@media(max-width: 767px) {
	.bg-white-mobi {background-color: #FFF;}
}

.ico-sociaux {font-size: 2.5rem;}

a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

.wpcf7 input:not([type="submit"]), .wpcf7 textarea {background-color: #FFF!important;}
.wpcf7 input.wpcf7-submit {background-color: #006EB3; color: #FFF;}
/*****************************
/* Contenus
******************************/
#liste-vins {list-style-type: none; margin-top: 30px; color: #5b5b5b; max-width: 300px; float: right;}
#liste-vins>li {text-transform: uppercase; font-weight: bold; margin-bottom: 15px;}
#liste-vins>li .label { padding-right: 10px;}
#liste-vins>li ul {padding-left: 0;}
#liste-vins>li ul li {text-transform: none; list-style-type: none;  padding-right: 10px;}
#liste-vins>li ul li a {color: #878d11; font-size: 1rem; font-weight: normal; text-decoration: none;}
#liste-vins>li ul li.active {background-color: #878d11;}
#liste-vins>li ul li.active a {color: #FFF;}

.dropdown-menu {background-color: #F9FAF2;}
.dropdown-menu .dropdown-item-text {text-align: center; color: #5b5b5b; font-weight: bold;}
.dropdown-menu .dropdown-item {color: #878d11; text-align:center;}
.dropdown .btn-default {color: #878d11;}

.galerie-servin .gallery-item img {width: 100%; max-height: 180px; object-fit: cover;}
/**********************************
/* Actualites
***********************************/

#actualites .actualite {border: 2px solid #878d11; position: relative; color: #6b6b6b; height: 100%;}
#actualites .actualite .date {position: absolute; left: -2px; top: -24px; padding: 2px 10px; line-height: 20px; background-color: #878d11; color: #f9faf2;}
#actualites .actualite h2 {color: #878d11; font-size: 20px;}

/**********************************
/* Millésimes
***********************************/
#millesimes .millesime {color: #6b6b6b;}
#millesimes .millesime h2 {color: #878d11; font-size: 20px;}
/* Footer */
body>footer {background-color: #878d11; color: #F9F9EF; position: relative;}
footer {font-family: 'New Republic';}
footer .navbar {padding: 0;}
footer a, footer a:hover {color: #FFF; text-decoration: none;}
footer {font-size: 0.8rem;}

#menu-pied-de-page {margin-bottom: 20px;}
#menu-pied-de-page li.menu-item a {border: 1px solid #FFF; padding: 5px 10px; font-size: 1.3rem;}

#menu-footer {width: 100%;}
#menu-footer li.menu-item {display: list-item; list-style-type: none; font-size: 0.8rem;  padding: 15px;}
#menu-footer li.menu-item a {text-transform: uppercase; text-decoration: underline;}
#menu-footer .sub-menu {padding: 0;}
#menu-footer .sub-menu li.menu-item {padding: 0; margin-top: 5px;}
#menu-footer .sub-menu li.menu-item a {text-transform: none; text-decoration: none; font-size: 0.8rem;}
#menu-footer .sub-menu li.text-uppercase a {text-transform: uppercase;}
#menu-footer .sub-menu li.text-underline a {text-decoration: underline;}

footer #membre-gcc {font-size: 0.6rem; line-height: 0.6rem;}
footer #membre-gcc img {width: 250px; max-width: 60%;}
@media(max-width: 768px) {
	footer #membre-gcc img {width: 250px; max-width: 40%;}
}