@charset "utf-8";
/* CSS Document */



/* SERIF */

/* Darleston */
@font-face {
    font-family: 'darleston';
    src: url('/css/fonts/Darleston.ttf');
    font-weight: normal;
	font-style: normal; 
}

/* libre baskerville */
@font-face {
    font-family: 'librebaskerville-regular';
    src: url('/css/fonts/LibreBaskerville-Regular.ttf');
    font-weight: normal;
	font-style: normal; 
}
@font-face {
    font-family: 'librebaskerville-regular';
    src: url('/css/fonts/LibreBaskerville-Bold.ttf');
    font-weight: 700;
	font-style: normal; 
}
@font-face {
    font-family: 'librebaskerville-regular';
    src: url('/css/fonts/LibreBaskerville-Italic.ttf');
    font-weight: normal;
	font-style: italic; 
}
/* garamond */
@font-face {
    font-family: 'eb-garamond';
    src: url('/css/fonts/EBGaramond-Regular.ttf');
    font-weight: normal;
	font-style: normal; 
}
@font-face {
    font-family: 'eb-garamond';
    src: url('/css/fonts/EBGaramond-Bold.ttf');
    font-weight: 700;
	font-style: normal; 
}
/* georgia */

/* marcellus */

@font-face {
    font-family: 'marcellus';
    src: url('/css/fonts/Marcellus-Regular.ttf');
        font-weight: normal;
	font-style: normal; 
}

/* old standard */

@font-face {
    font-family: 'oldstandard-regular';
    src: url('/css/fonts/OldStandard-Regular.ttf');
    font-weight: normal;
	font-style: normal; 
}
@font-face {
    font-family: 'oldstandard-regular';
    src: url('/css/fonts/OldStandard-Bold.ttf');
    font-weight: 700;
	font-style: normal; 
}
/* roboto slab */

@font-face {
    font-family: 'robotoslab-regular';
    src: url('/css/fonts/RobotoSlab-Regular.ttf');    
    font-weight: normal;
	font-style: normal; 
}
@font-face {
    font-family: 'robotoslab-regular';
    src: url('/css/fonts/RobotoSlab-Bold.ttf');    
    font-weight: 700;
	font-style: normal; 
}
/* times */

/* freight display pro */
@font-face {
    font-family: 'freight-display-pro';
    src: url('/css/fonts/FreightDispProBook-Regular.ttf');    
    font-weight: normal;
	font-style: normal; 
}
@font-face {
    font-family: 'freight-display-pro';
    src: url('/css/fonts/FreightDispProBold-Regular.ttf');    
    font-weight: 700;
	font-style: normal; 
}
@font-face {
    font-family: 'freight-display-pro';
    src: url('/css/fonts/FreightDispProBook-Italic.ttf');    
    font-weight: normal;
	font-style: italic; 
}

/* DejaVu Serif */
@font-face {
    font-family: 'dejavuserif';
    src: url('/css/fonts/DejaVu/DejaVuSerif.ttf');
    font-weight: normal;
	font-style: normal; 
}
@font-face {
    font-family: 'dejavuserif';
    src: url('/css/fonts/DejaVu/DejaVuSerif-Bold.ttf');
    font-weight: 700;
	font-style: normal; 
}

/* SANS SERIF */



/* arial */

/* arima */
@font-face {
    font-family: 'arima';
    src: url('/css/fonts/Arima-Regular.ttf');
    font-weight: normal;
	font-style: normal; 
}
@font-face {
    font-family: 'arima';
    src: url('/css/fonts/Arima-Bold.ttf');
    font-weight: 700;
	font-style: normal; 
}
/* barlow */
@font-face {
    font-family: 'barlow';
    src: url('/css/fonts/Barlow-Regular.ttf');
    font-weight: normal;
	font-style: normal; 
}
/*
@font-face {
    font-family: 'barlowl';
    src: url('/css/fonts/Barlow-Light.ttf');
}
*/
@font-face {
    font-family: 'barlowi';
    src: url('/css/fonts/Barlow-Italic.ttf');
}
@font-face {
    font-family: 'barlowb';
    src: url('/css/fonts/Barlow-Bold.ttf');
}

/* calibri */

/* DejaVu Sans */
@font-face {
    font-family: 'dejavusans';
    src: url('/css/fonts/DejaVu/DejaVuSans.ttf');
    font-weight: normal;
	font-style: normal; 
}
@font-face {
    font-family: 'dejavusans';
    src: url('/css/fonts/DejaVu/DejaVuSans-Bold.ttf');
    font-weight: 700;
	font-style: normal; 
}

/* helvetica */

/* lato */

@font-face {
    font-family: 'lato-light';
    src: url('/css/fonts/Lato-Light.ttf');
    font-weight: 100;
	font-style: normal; 
}
@font-face {
    font-family: 'lato-light';
    src: url('/css/fonts/Lato-Regular.ttf');
    font-weight: normal;
	font-style: normal;  
}
@font-face {
    font-family: 'lato-light';
    src: url('/css/fonts/Lato-Bold.ttf');
    font-weight: 700;
	font-style: normal;  
}
/* libre franklin */

@font-face {
    font-family: 'libre-franklin';
    src: url('/css/fonts/LibreFranklin-Light.ttf');
    font-weight: 100;
	font-style: normal; 
}
@font-face {
    font-family: 'libre-franklin';
    src: url('/css/fonts/LibreFranklin-Regular.ttf');
    font-weight: normal;
	font-style: normal;  
}
@font-face {
    font-family: 'libre-franklin';
    src: url('/css/fonts/LibreFranklin-Bold.ttf');
    font-weight: 700;
	font-style: normal;  
}
/* montserrat */

@font-face {
	font-family: 'montserrat';
	src: url('/css/fonts/Montserrat-VariableFont_wght.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'montserrat';
	src: url('/css/fonts/Montserrat-Italic-VariableFont_wght.ttf');
	font-weight: normal;
	font-style: italic;
}
/* open sans */

@font-face {
    font-family: 'opensans-regular';
    src: url('/css/fonts/OpenSans-Regular.ttf');
    font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'opensans-regular';
	src: url('/css/fonts/OpenSans-Light.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'opensans-regular';
	src:url('/css/fonts/OpenSans-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'opensans-regular';
	src: url('/css/fonts/OpenSans-Italic.ttf') format('truetype');
    font-weight: normal;
	font-style: italic;  
}
/* open sans light */

@font-face {
    font-family: 'opensans-light';
    src: url('/css/fonts/OpenSans-Light.ttf');
    font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'opensans-light';
	src:url('/css/fonts/OpenSans-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

/* oswald */

@font-face {
	font-family: 'oswald';
	src: url('/css/fonts/Oswald-VariableFont_wght.ttf');
	font-weight: normal;
	font-style: normal;
}

/* raleway */

@font-face {
	font-family: 'raleway';
	src: url('/css/fonts/Raleway-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'raleway';
	src: url('/css/fonts/Raleway-Bold.ttf');
	font-weight: 700;
	font-style: normal;    
}
/* roboto */
@font-face {
	font-family: 'roboto';
	src: url('/css/fonts/Roboto-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'roboto';
	src: url('/css/fonts/Roboto-Bold.ttf');
	font-weight: 700;
	font-style: normal;    
}
@font-face {
	font-family: 'roboto';
	src: url('/css/fonts/Roboto-Light.ttf');
	font-weight: 100;
	font-style: normal;    
}
@font-face {
	font-family: 'roboto';
	src: url('/css/fonts/Roboto-Italic.ttf');
	font-weight: normal;
	font-style: italic;    
}
/* Tahoma */

/* time sans serif */
@font-face {
    font-family: 'timessansserif';
    src: url('/css/fonts/timessansserif.ttf');
}

/* trebuchet MS */

/* Ubuntu */

@font-face {
    font-family: 'ubuntu-regular';
    src: url('/css/fonts/Ubuntu-Regular.ttf');
}

/* verdana */

/* questrial */

@font-face {
    font-family: 'questrial';
    src: url('/css/fonts/Questrial-Regular.ttf');
    	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'questrial';
	src: url('/css/fonts/Questrial-Bold.ttf');
	font-weight: 700;
	font-style: normal;    
}

/* HANDWRITING */

/* charm */

@font-face {
    font-family: 'charm';
    src: url('/css/fonts/Charm-Regular.ttf') ;
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'charm';
    src: url('/css/fonts/Charm-Bold.ttf') ;
	font-weight: 700;
	font-style: normal; 
}

/* caveat */

@font-face {
    font-family: 'caveat';
    src: url('/css/fonts/Caveat-Regular.ttf') ;
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'caveat';
    src: url('/css/fonts/Caveat-Bold.ttf') ;
	font-weight: 700;
	font-style: normal; 
}

/* dancing-script */

@font-face {
    font-family: 'dancing-script';
    src: url('/css/fonts/DancingScript-Regular.ttf') ;
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'dancing-script';
    src: url('/css/fonts/DancingScript-Bold.ttf') ;
	font-weight: 700;
	font-style: normal; 
}

/* CONDENSED SERIF */

/* DejaVu Serif Condensed */
@font-face {
    font-family: 'dejavuserifcondensed';
    src: url('/css/fonts/DejaVu/DejaVuSerifCondensed.ttf');
    font-weight: normal;
	font-style: normal; 
}
@font-face {
    font-family: 'dejavusanscondensed';
    src: url('/css/fonts/DejaVu/DejaVuSerifCondensed-Bold.ttf');
    font-weight: 700;
	font-style: normal; 
}

/* CONDENSED SANS SERIF */

/* barlow */
@font-face {
    font-family: 'barlowcond';
    src: url('/css/fonts/BarlowCondensed-Regular.ttf');
    font-weight: normal;
	font-style: normal; 
}
/*
@font-face {
    font-family: 'barlowcondl';
    src: url('/css/fonts/BarlowCondensed-Light.ttf');
}
*/
@font-face {
    font-family: 'barlowcondi';
    src: url('/css/fonts/BarlowCondensed-Italic.ttf');
}
@font-face {
    font-family: 'barlowcondb';
    src: url('/css/fonts/BarlowCondensed-Bold.ttf');
}
/* DejaVu Sans Condensed */
@font-face {
    font-family: 'dejavusanscondensed';
    src: url('/css/fonts/DejaVu/DejaVuSansCondensed.ttf');
    font-weight: normal;
	font-style: normal; 
}
@font-face {
    font-family: 'dejavusanscondensed';
    src: url('/css/fonts/DejaVu/DejaVuSansCondensed-Bold.ttf');
    font-weight: 700;
	font-style: normal; 
}
/* din condensed*/

@font-face {
    font-family: 'dincond-regular';
    src: url('/css/fonts/ff_din_condensed_regular-webfont.ttf') ;
        	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'dincond-regular';
    src: url('/css/fonts/ff_din_condensed_bold-webfont.ttf') ;
    	font-weight: 700;
	font-style: normal; 
}
/* open sans condensed */

@font-face {
    font-family: 'opensanscond';
    src: url('/css/fonts/OpenSans-Condensed-Light.ttf');
    font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'opensanscond';
	src:url('/css/fonts/OpenSans-Condensed-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
/* roboto condensed */

@font-face {
    font-family: 'robotocondensed';
    src: url('/css/fonts/RobotoCondensed-Regular.ttf');
        font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'robotocondensed';
    src: url('/css/fonts/RobotoCondensed-Bold.ttf');
    	font-weight: 700;
	font-style: normal;
}
:root,
[data-theme='light'] {

	--body-bg-color :#FFFFFF url(../../images/textures/1.png);
	--body-text-color : #454545;
	--body-title-color : #BA875C;

	--border-color :#BA875C;

	--reverse-bg-color :#BA875C;
	--reverse-text-color : #FFFFFF;
	--reverse-title-color : #FFFFFF;

	--nav-bg-color :#BA875C;
	--nav-text-color : #FFFFFF;

	--btn-bg-color :#BA875C;
	--btn-text-color : #FFFFFF;

	--map-filter-grayscale:0%;
	--map-filter-brightness:100%;

	--footer-bg-color :#EEE;
	--footer-text-color : #313;/*#42403F*/
	--recyclage-bg-color :#F9F9F9;
	
	--head-bg-color :#fff;
	--head-no-image-color :#000;
	--head-default-color :#000;

	--img-brightness:1;

--highlight-bg-color : #BA875C;

--text-inactive-color : #FFFFFF;

--text-highlight-color : #BA875C ;

--text-midnight-color : #454545 ;

--img-bg-color : transparent;

}



[data-theme='dark'] {

	--body-bg-color : #1D1E20; /* body black #303134; #1f1f1f; #1c1c1e ;*/
	--body-text-color : #cccccc; /*#fefefe ;*/
	--body-title-color : #cccccc; /*#fefefe ;*/

	--border-color : #34383A; /* #585858; */

	--reverse-bg-color :#34383A;
	--reverse-text-color : #cccccc;
	--reverse-title-color : #cccccc;

	--nav-bg-color :#171717;
	--nav-text-color : #e4e7ea;

	--btn-bg-color :#2a2b2e;
	--btn-text-color :#e4e7ea; /* bleu google #79aef2 */

	--map-filter-grayscale:80%;
	--map-filter-brightness:70%;

	--footer-bg-color :#171717;
	--footer-text-color : #8C8C8C;
	--recyclage-bg-color :#171717;

	--head-bg-color : rgba(28,28,30, .6);
	--head-no-image-color :#000;
	--head-default-color :#cccccc;

	--img-brightness:.95;

--highlight-bg-color : #37373d; /*5f6367*/

--text-inactive-color : #8c8c8c;

--text-highlight-color : #fefefe ;

--text-midnight-color :#181818;

--img-bg-color : #ffffff;

}

/*=================================================================================================
		GLOBAL
=================================================================================================*/

body {
    background:var(--body-bg-color);
    color:var(--body-text-color);
}


body, h3, h4, h5 {
	font-family:"montserrat", Arial;
}

h1, h2 {
	font-family:"montserrat", Arial;
	color:var(--body-text-color);
}



/*=================================================================================================
		NAV
=================================================================================================*/

.midnightHeader.default a {
	color :var(--head-default-color) !important ;
}

.midnightHeader.no-image a {
	color :var(--head-no-image-color) !important ;
}

@media only screen and (max-width: 991px){

	.navbar-mobile.active a{
		color:var(--head-default-color)!important;		
	}
	.navbar-mobile.active {		
		background: var(--head-bg-color);
	}
	.with-header-empty a:not(.btn) {
  		color: var(--body-text-color);
	}

}

/*=================================================================================================
		MENU
=================================================================================================*/

.menu-wrapper, .languages-wrapper {
	background-color:var(--nav-bg-color) !important;
	color:var(--nav-text-color) !important;
}

.nav-lang li a {
	color:var(--nav-text-color)!important;
	display: block;
	padding: 5px 40px;
}

.nav-lang li a:hover, .nav-lang li a:active, .nav-lang li a:focus {
	background: var(--nav-text-color) !important;
	color:var(--nav-bg-color) !important;
	opacity: 1;
}

.nav-lang .menu-running, .nav-lang .menu-running a {
	background: var(--nav-text-color) !important;
	color: var(--nav-bg-color) !important;
	opacity: 1;
}
.menu-search-wrapper {
	border-bottom:1px solid var(--nav-text-color);	
}
.menu-search-form {
    border: 1px solid var(--nav-bg-color);
}

.menu-search-input {
	color: var(--nav-bg-color);
}

.menu-search-button {
    background-color: var(--nav-text-color);
}
.menu-search-button i{
	color:var(--nav-bg-color);
}
/*=================================================================================================
		PAGE CONTENT
=================================================================================================*/

.product-btn, .header-btn, .cart-btn, .link-btn, .owner-link {
	background-color:var(--btn-bg-color) !important;
	color:var(--btn-text-color) !important;
}

.cart-btn-group .dropdown-menu a, .cart-btn-group .dropdown-menu a:hover {
	background-color:var(--btn-bg-color) !important;
	color:var(--btn-text-color) !important;
}

.content-section-inner a{
	color:var(--body-text-color);
}
.content-section-inner a:hover{
	color:var(--body-text-color);
	text-decoration:underline;
}

.wine-advices-wrapper, .wine-advices-wrapper a, .wine-advices-wrapper a:hover {
	background-color:var(--reverse-bg-color) !important;
	color:var(--reverse-text-color) !important;
}

.wine-press-content, .wine-press-content a{
    	color:var(--body-text-color) !important;
}

td.right-border, th.right-border, div.right-border {
	border-right:1px solid var(--border-color)!important;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
	background-color: var(--border-color);
}
.table-hover tr {
	border-bottom:1px solid var(--border-color)!important;
}

/*=================================================================================================
		WINERY PAGE CONTENT
=================================================================================================*/

.content-section h2 {
	border-bottom: 2px solid var(--border-color)  !important;

}

.content-section-subtitle {
	border-left: 4px solid var(--border-color)  !important;
	font-family:"montserrat", Arial;
	color:var(--body-title-color);
}
.wine-authentification-table h4 {

	font-family:"montserrat", Arial!important;
	color:var(--body-title-color);
}
.wine-advices-wrapper h2{
	border-bottom: 2px solid var(--reverse-text-color) !important;
	color:var(--reverse-title-color) !important;

}

.wine-advices-subtitle {
	border-left: 4px solid var(--reverse-text-color)  !important;
	color: var(--reverse-title-color) !important;

}
.page-content-col-presentation {
	background-color:var(--body-bg-color);
}

/*=================================================================================================
		CFA  CONTENT
=================================================================================================*/

.wine-cfa-wrapper, .cfa-btn {
	background: #BA875C;
	font-family:"montserrat", Arial;
	color: #FFFFFF!important;
}

.wine-cfa-wrapper-top, .wine-cfa-content-top, .wine-cfa-link-top {
	background: #BA875C;
	font-family:"montserrat", Arial;
	color: #FFFFFF!important;
}
/*=================================================================================================
		MAP
=================================================================================================*/

.marker-infobox,
.marker-infobox:after, 
.marker-infobox h2, 
.marker-infobox a, 
.leaflet-popup-content-wrapper, 
.leaflet-popup-tip, 
.infobox-mail a,
.infobox-tel a {
	background-color:var(--reverse-bg-color) !important;
	color:var(--reverse-text-color) !important;
}
.leaflet-tile-pane{

	filter:grayscale(var(--map-filter-grayscale)) brightness(var(--map-filter-brightness));
	
}
/*=================================================================================================
	FOOTER
=================================================================================================*/
.page-footer {	
	background-color : var(--footer-bg-color);
	color : var(--footer-text-color) ;
}

.footer-advice img {
	filter: invert(60%);
}

.page-footer a {	
	color : var(--footer-text-color) !important ;
}
a.footer-btn-action:hover {	
	background-color : var(--btn-bg-color)!important;
	color : var(--btn-text-color)!important;
}

.page-footer .footer-link {
	font-weight:normal;
	text-decoration:none!important;
}

.page-footer .footer-advice {
	font-weight:300;
	/*text-transform:uppercase;*/
}

.iframe-piwik{
	background-color : var(--body-bg-color)!important;
}

.recyclage-content{
    background:var(--recyclage-bg-color);
}