/* Available fonts :
font-family: 'Oswald', sans-serif;
*/

body, html {
	font-family: 'Oswald', sans-serif;
	margin: 0;
	padding: 0;
	overflow-x: hidden !important;
	background: #fff;
	max-width: 100% !important;
	font-size: 1.2rem;
}

p {
	font-weight: 300;
}

.nodesktop { display: none; }

/* Age Gate */
.age-gate-wrapper {
  z-index: 1000001;
}

/* COMMON */

.btn-yellow {
	background: #FFE112;
	color: #000;
	text-transform: uppercase;
	margin-top: 2rem;
}
.btn-yellow:hover {
	background: #000;
	color: #FFE112;
}



a {
	transition: all 0.2s ease;
	color: #000;
	text-decoration: none;
}

a:hover { color: #000; text-decoration: underline; }

#back-to-top {
    position: fixed;
    bottom: 40px;
    left: 1rem;
    z-index: 99999999;
    text-align: center;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    transition: all 0.2s ease;
    opacity: 0;
    border: 1px solid #000;
		border-radius: 1rem;
		padding: .7rem .5rem .9rem .5rem;
		font-size: 1rem;
		color: #000;
		box-shadow: 0 0 1px rgba(255,255,255,1);
}
#back-to-top:hover {
    background: #FFE112;
}
#back-to-top.show {
    opacity: 1;
}

#back {
    position: absolute;
    left: -3.8rem;
    top: 4.5rem;
    z-index: 9999;
    text-align: center;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    transition: all 0.2s ease;
    border: 1px solid #000;
		border-radius: 1rem;
		padding: 0 1rem;
		font-size: 1rem;
		color: #000;
		box-shadow: 0 0 1px rgba(255,255,255,1);
}
#back:hover {
    background: #FFE112;
}

.img-container {
	position: relative;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	margin-top: 4rem;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

video { height: calc(80vh - 150px); }

.text-header {
	font-size: 1.5rem;
}

.gray { 
	background-color: #EDEAEA;
	border: none !important;
	outline: 0 !important;
  box-shadow: none !important;
}


/* MAIN MENU */

.wplang {
	font-size: 1rem;
	font-weight: 600;
	color: #fff;
	display: inline-block;
	position: absolute;
	top: -2px;
	left: 125px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wplang a {
	margin-right: 1rem;
	color: rgba(255,255,255,1);
}

.wplang a:hover {
	color: #FFE112;
	text-decoration: none;
}

.wplang li.wpml-ls-current-language a {
	color: rgba(255,255,255,1);
}

.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
    margin-bottom: 0 !important;
}

.wpml-ls-legacy-list-horizontal {
    border: none !important;
    padding: 0 !important;
}

.wplang {
  .product-link {
    display: block;
    min-width: 75px;
    &:last-child {
      margin-right: 0;
    }
  }
}

.hamburger.active { position: fixed; }

.fat-nav ul {
    width: 100%;
    display: block !important;
    padding-top: 10% !important;
    overflow: hidden;
}

.fat-nav ul li {
    display: inline-block;
    /*width: 18%;*/
    margin-right: 1rem;
    margin-left: .5rem;
    text-transform: uppercase;
    text-align: left !important;
    /*text-indent: 1rem;*/
    font-size: 1.7rem;
}
.fat-nav ul li:last-child { margin: 0; }

.fat-nav ul li a::after {
	content:"";
	display: block;
	height: 5px;
	width: 5rem;
	background: #FFE112;
	position: relative;
}
.fat-nav ul li.menu-item.wpml-ls-item a::after {
	background: none;
}

.fat-nav ul li a:hover {
	color: #FFE112;
}

.fat-nav__wrapper ul {
	display: flex !important;
  justify-content: center !important;
  align-items: flex-start; !important;
}

.fat-nav__wrapper ul ul {
	display: block !important;
  justify-content: inherit !important;
  align-items: inherit !important;	
}

.fat-nav ul ul li.email a{ color: #FFE112; }
.fat-nav ul ul li.email a:hover { text-decoration: underline; }

.fat-nav ul ul li a::after {
	content:"";
	display: none !important;
	height: inherit !important;
	width: inherit !important;
	background: none;
	position: inherit !important;
}

.fat-nav ul ul li {
	font-weight: 300 !important;
	font-size: 1.2rem !important;
	width: 100% !important;
	display: block !important;
	/*text-indent: 1rem;*/
	margin-left: .5rem;
	padding: 5px;
}
.fat-nav ul ul li:last-child { margin-left: .5rem; }

#menu-menu-principal .sub-menu, #menu-menu-principal-en .sub-menu  {
	padding-top: 1rem !important;
}



/* HEADER */

header { overflow: hidden; }

header .header {
	min-height: 100px;
	background: #000;
	display: flex;
  justify-content: center;
  align-items: center;
}

header .header .logo {
  width: 250px;
  position: relative;
  z-index: 500;
}

header .header .logo img { 
	width: 100%;
	position: relative;
	z-index: 100001;
}

.menu_products {
	background: #FFE112;
	width: 100%;
	position: relative;
	transition: all 0.2s ease;
	height: 50px;
	/*overflow: hidden;*/
}

.menu_products:hover {
	/*height: 200px;*/
	transition: all 0.2s ease;
}

.menu_products .container-fluid {
	text-align: center;
	position: relative;
	z-index: 550;
	padding: 0;
}

.menu_products .container-fluid a {
	font-weight: 500;
	font-size: 1.1rem;
	line-height: 50px;
	color: #000;
	text-transform: uppercase;
	transition: all 0.2s ease;
}

.menu_products .container-fluid a:before {
	border-top: 20px solid #fff;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	transition: all 0.2s ease;
	opacity: 0;
}

.menu_products .container-fluid a:hover:before {
	border-top: 5px solid #fff;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	opacity: 1;
	transition: all 0.2s ease;
}

.menu_products .bottles a:before { 
	border: none !important;
}

.menu_products .bottles a:hover:before { 
	border: none !important;
}

.menu_products .container-fluid a {
	color: #000;
}
.menu_products .container-fluid a:hover {
	text-decoration: none;
}

.cube {
	width: 30px;
	height: 30px;
	background: #FFE112;
	transform: rotate(45deg);
	position: absolute;
	left: calc( 50% - 15px);
	top: 90px;
	z-index: 500;
}

.category { 
	display: inline-block; 
	width: auto; 
	position: relative;
	margin: 0 1.5rem;
}

.bottles a img {
	height: 290px;
}

.bottles a.smaller img {
	height: 200px;
}

.bottles a.moresmaller img {
	height: 180px;
}

.bottles a {
	margin-top: .2rem;
}

.bottles a.smaller {
	margin-top: .8rem;
}

.bottles a.moresmaller {
	margin-top: 1rem;
}

.bottles a:hover {
	margin-top: -2rem;
	transform: scale(1.2);
	position: relative;
}

.bottles a.smaller:hover {
	margin-top: -1.6rem;
	transform: scale(1.1);
}

.bottles a.moresmaller:hover {
	margin-top: -.5rem;
	transform: scale(1.1);
}

.bottles a:hover:after {
  box-shadow: 0px 0px 100px 100px rgba(255,255,255,1);
  position: relative;
  top: 0;
  left: 0;
  z-index: -1 !important;
  content: '';
  border: 1px solid transparent;
}

.nolink { cursor: default; }

.menu_products .category .bottles:hover {
  /*box-shadow: 0px 0px 100px 100px rgba(255,255,255,1);
  position: relative;
  top: 0;
  left: 0;
  z-index: -1 !important;
  content: '';
  border: 1px solid transparent;	*/
}



/* HOME SEARCH */

#search {
	/*background: url('../images/chinh-le-duc-460165-unsplash@2x.jpg') no-repeat center;*/
	background-size: cover;
	height: 50vh;
}

#search p, #innersearch p {
	color: #fff;
	font-size: 2rem;
	font-weight: 500;
	margin-bottom: 1rem;
}

#search p.small, #innersearch p.small {
	font-size: 1rem;
	margin-bottom: 1rem;
}

#search ul.recettes_populaires, #innersearch ul.keywords {
	margin: 0;
	padding: 0;
}

#search ul.recettes_populaires li, #innersearch ul.keywords li {
	display: inline-block;
	border-radius: .8rem;
	border: 1px solid #fff;
	margin: 0 .5rem;
}

#search ul.recettes_populaires li a, #innersearch ul.keywords li a {
	color: #fff;
	padding: .3rem 2rem;
}

#search ul.recettes_populaires li:hover, #innersearch ul.keywords li:hover {
	background: #fff;
}

#search ul.recettes_populaires li:hover a, #innersearch ul.keywords li:hover a {
	color: #000;
	text-decoration: none;
}

#search form, #innersearch form { position: relative; }

#search input {
	background: transparent;
	border: none;
	color: #fff;
	font-size: 4rem;
	font-weight: 600;
	text-align: center;
	padding: 0 3rem 0 1rem;
	font-family: 'Oswald', sans-serif;
}

#search .searchField::before {
	border-bottom: 1px solid #fff;
  display: block;
  position: relative;
  content: "";
  top: 5.5rem;
}

#search input:focus { outline: none; }

#search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white;
}
#search input::-moz-placeholder { /* Firefox 19+ */
  color: white;
}
#search input:-ms-input-placeholder { /* IE 10+ */
  color: white;
}
#search input:-moz-placeholder { /* Firefox 18- */
  color: white;
}

#search .btn-magny::before {
	font-family:Material-Design-Iconic-Font;
	content: "\f1c3";
	color: #fff;
	font-size: 3rem;
	font-weight: 300;
	display: block;
  transform: scaleX(-1);
  left: -.5rem;
  position: relative;
  top: -1rem;
}
#search .btn-magny {
	cursor: pointer;
	display: block;
	position: absolute;
	right: 0;
	top: 2.2rem;
}
#search .btn-magny:hover::before { color: #000; }

.fake_search {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 4rem;
  font-weight: 600;
  text-align: center;
  padding: 0 3rem 0 1rem;
  font-family: 'Oswald', sans-serif;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}


/* HOME RECETTES */

section#recettes {
	padding: 3rem 5rem;
}

section#recettes h1 {
	margin-bottom: 0;
}

section#recettes h3 {
	margin-top: -.5rem;
	font-size: 2rem;
}

a.btn-arrow {
	font-size: 1.2rem;
	color: #000;
	font-style: italic;
	font-weight: 300;
}
a.btn-arrow:hover { color: #FFE112 !important; text-decoration: none !important; }
a.btn-arrow i { margin-left: .5rem; }

h1 {
	font-size: 3.5rem;
	margin-bottom: 0;
	margin-bottom: 40px;
}

h2 {
	font-size: 2.5rem;
	margin-bottom: 1rem;
}

h3 {
	font-size: 2.3rem;
	font-weight: 400;
	font-style: italic;
	font-weight: 300;
}

h3::before {
	content:"";
	display: inline-block;
	height: 5px;
	width: 5rem;
	background: #FFE112;
	position: relative;
	top: -.9rem;
	margin-right: .25rem;
}

.asideCategory ul { margin: -6rem 0 0 0; padding: 0; }

.asideCategory ul li { display: block; padding: .1rem 0; }

.asideCategory ul li a {
	font-size: 1.5rem;
	color: #000;
	font-weight: 300;
}

.asideCategory ul li a:hover {
	font-weight: 700;
	text-decoration: none;
}

.asideCategory ul li:hover span.count { display: inline-block; opacity: 1; transition: all 0.2s ease;}

.asideCategory span.count {
	color: #FFE112;
	font-weight: 600;
	font-size: .8rem;
	position: relative;
	top: -.5rem;
	margin-right: .5rem;
	margin-left: .3rem;
	display: none;
	opacity: 0;
	transition: all 0.2s ease;
}

.asideCategory span.count::before {
	content:"";
	display: inline-block;
	height: 3px;
	width: 3rem;
	background: #FFE112;
	position: relative;
	top: 0;
	right: .3rem;
}

/*.recette:nth-child(2n+1) {
	margin-top: 1.5rem;
}*/

.recette a  {
	color: #000;
}

.recette a:hover  {
	text-decoration: none;
}

.recette .imgProd { 
	width: 100%; 
	height: 320px;
	display: block;
	border-radius: .5rem;
	overflow: hidden;
}

.recette a:hover .imgProd {
	background-size: auto 120% !important;
	transition: all 0.2s ease;
}

#st-1 .st-btn[data-network='sharethis'] {
	background-color:transparent !important;
}

#st-1 .st-btn[data-network='sharethis'] > svg {
	fill: black !important;
}

h4 {
	margin: 1rem 0 .5rem 0;
	font-size: 1.6rem;
}

.sharethis-inline-share-buttons {
	position: absolute;
  top: 20px;
  right: 0;
}

.recette p.description {
	font-size: 1.2rem;
	font-weight: 300;
}

.pagination, #recipes-pagination {
	display: inline-block;
	border: 2px solid #000;
	border-radius: 1rem;
	padding: .1rem .5rem;
	font-weight: 500;
	font-size: 1.2rem;
	margin-top: 2rem;
}

.single-recipes h1 {
	margin-bottom:0;
	position:relative;
}

.single-recipes .alcname {
	display:block;
}

.pagination a { color: #000; }

.pagination .paged, #recipes-pagination .paged { margin: 0 1rem; }



/* HOME BLOGUE */

section#blogue {
	padding: 3rem 5rem;
}

h2.overlayTitle {
	white-space: nowrap;
	position: relative;
	z-index: 500;
}

h2.overlayTitle span {
	font-weight: 400;
}

h5 {
	font-size: 2.5rem;
	font-weight: 400;
}

h5::after {
	content:"";
	display: block;
	height: 5px;
	width: 2.5rem;
	background: #FFE112;
	position: relative;
}

.articleContainer {
	margin-top: 2rem;
	overflow: hidden;
	display: none; /* */
}

.articleContainer .imgBlog { 
	width: 100%; 
	height: 350px;
	display: block;
	border-radius: .5rem;
	overflow: hidden;
}

.articleContainer a:hover .imgBlog {
	background-size: 120% auto !important;
	transition: all 0.2s ease;
}

.articleContainer a, .articleContainer a:hover {
	color: #000;
	text-decoration: none;
}


/* HOME MARQUE */

body.home section#branding {
	padding: 0 5rem 3rem 5rem;
}

h6 {
	color: #000;
	text-transform: uppercase;
	font-size: 2.5rem;
	font-weight: 400;
}

h6::before {
	content:"";
	width: 20%;
	height: 5px;
	background: rgba(0,0,0,.05);
	display: inline-block;
	position: relative;
	top: -.75rem;
	margin-right: 1rem;
}

h6::after {
	content:"";
	width: 20%;
	height: 5px;
	background: rgba(0,0,0,.05);
	display: inline-block;
	position: relative;
	top: -.75rem;
	margin-left: 1rem;
}

section#branding .logosFooter {
	margin: 3rem 0 0 0;
}

section#branding .logosFooter img {
    height: 80px;
    margin: auto;
    transition: all 0.2s ease;
}

section#branding .logosFooter img:hover {
    transform: scale(1.1);
}

.slick-slide a:focus {
    outline: 0;
}

section#branding .slick-list {
	overflow: inherit;
}


/* FOOTER */

footer {
	background: #F2F2F2;
	color: #000;
	padding: 2rem 0;
}

footer a { color: #000; }

footer p {
	font-size: .8rem;
	color: #000;
	margin: 0;
	padding: 0;
}

footer ul { margin: 0; }

footer li {
	font-size: .8rem;
	color: #000;
	margin: 0;
	padding: 0 .8rem;
	border-right: 1px solid #000;
	display: inline-block;
}

footer li:last-child { border: none; }

footer img {
	height: 75px;
}





/* Arrows */

.slick-arrow {
  position: absolute;
  z-index: 1000;
  top: calc(50% - 6rem);
  opacity: .8;
  cursor: pointer;
}
.slick-arrow:hover {
  opacity: 1;
}

.zmdi-chevron-left {
  color: #fff;
  left: 0;
  font-size: 6rem !important;
  margin-left: 2rem;
}
.zmdi-chevron-right {
  color: #fff;
  right: 0;
  font-size: 6rem !important;
  margin-right: 2rem;
}


/* INNER - NOS RECETTES */

body:not(.home) section#branding {
	padding: 3rem 5rem;
}

section#innersearch {
	padding: 3rem 5rem;
}

#innersearch {
	background: url('../images/chinh-le-duc-460165-unsplash@2x.jpg') no-repeat center;
	background-size: cover;
	min-height: 12rem;
}

.searchAjax, .addIngredientsAjax, .removeIngredientsAjax {
	display: block;
	background: #fff;
	padding: .5rem 1rem;
  width: 100%;
  border-radius: 5px;
  position:relative;
}

.addIngredientsAjax {
	position:relative;
}

#wrap_options_included_ingredients,
#wrap_options_excluded_ingredients {
  position: absolute;
  width: 100%;
  background: white;
  left: 0;
  border-radius: 5px;
  z-index:999;
}

.included_option,
.excluded_option {
	padding-left: 18px;
  font-weight: 300;
  color: #707070;
  cursor:pointer;
}

.included_option:hover,
.excluded_option:hover {
	background:#e4e4e4;
}

input.ajaxField {
	display: inline-block;
	width: 85%;
	border: none;
	border-bottom: 2px solid #707070;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 1.5rem;
	color: #707070;
	text-align: left;
	position: relative;
	padding: 0;
}

select.ajaxField {
	display: block;
	width: 100%;
	border: none;
	border-bottom: 2px solid #707070;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 1.5rem;
	color: #707070;
	text-align: left;
	position: relative;
	padding: 0 .75rem;
	-webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  background:white;
}

.ajaxField:focus {
	outline: 0;
}

#search_recipe_btn {
	width: 8%;
  text-align: center;
  display: inline-block;
  font-size: 1.5rem;
}

.addIngredientsAjax::after {
	font-family:Material-Design-Iconic-Font;
	content: "\f278";
	color: #000;
	font-size: 2.5rem;
	font-weight: 300;
	display: block;
  transform: scaleX(-1);
  right: 0.4rem;
  top: -.3rem;
  position: absolute;
}

.removeIngredientsAjax::after {
	font-family:Material-Design-Iconic-Font;
	content: "\f273";
	color: #000;
	font-size: 2.5rem;
	font-weight: 300;
	display: block;
  transform: scaleX(-1);
  right: 0.8rem;
  top: -.3rem;
  position: absolute;	
}

#innersearch ul.keywords {
	margin: 1rem 0;
}

#innersearch ul.keywords li a { position: relative; padding: .3rem 2rem .3rem .8rem; }

#innersearch ul.keywords li.included_ingredient a::after {
  content:"";
  font-family:Material-Design-Iconic-Font;
	content: "\f276";
	position: absolute;
	right: .5rem;
	top: .3rem;
}

#innersearch ul.keywords li.excluded_ingredient a::after {
  content:"";
  font-family:Material-Design-Iconic-Font;
	content: "\f271";
	position: absolute;
	right: .5rem;
	top: .3rem;
}

a.resetFilters {
	color: #fff;
	font-weight: 700;
	text-align: right;
	display: block;
	padding: 1rem 2rem 1rem 0;
}
a.resetFilters::after {
	content:"";
	font-size: 1.5rem;
  font-family:Material-Design-Iconic-Font;
	content: "\f1b8";
	position: absolute;
	right: 1rem;
	top: .8rem;
}

section#filters { 
	padding: 1rem 5rem .5rem 5rem; 
	background: #fff;
}

section#filters select { 
	border: none; 
	font-size: 1.2rem;
	-webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  border: none;
  color: #707070;
  font-weight: 300;
  background: #fff;
}

section#filters select:focus { outline: 0; box-shadow: none; }

section#filters select.form-control {
	padding: 0 .75rem .375rem 1.5rem;
}

section#filters select.form-control:not([size]):not([multiple]) {
    height: inherit;
} 

section#filters .form-group { 
	margin-bottom: 0 !important; 
	width: 250px;
	display: inline-block;
	position: relative;
}

section#filters .form-group:last-child { 
	width: 100px !important; 
	right: 5.75rem !important; 
	position: absolute;
	text-align: right;
}

section#filters .container-fluid > div.form-group:first-child {
	width:250px;
}

.add-arrow:after {
	content:"";
	font-size: 1.8rem;
  font-family:Material-Design-Iconic-Font;
	content: "\f2f2";
	color: #707070;
	display: inline-block;
	position: absolute;
	top: -.5rem;
}

#filters .container-fluid .form-group:nth-child(3) a {
	color: #707070;
  font-weight: 300;
}

.aResult {
	background: #fff;
	margin: 2rem 0;
	border-radius: .5rem;
}

.aResult h4 {
	background: #fff;
	font-size: 3rem;
	margin-bottom: .5rem;
}

.aResult span, .recettes-single-content span {
	background: #fff;
	font-size: 1.5rem;
	font-weight: 300;
	color: #000;
}
.aResult span::after, .recettes-single-content span::after {
	content:"";
	display: inline-block;
	width: 2px;
	height: 1.2rem;
	background: #707070;
	margin: 0 1rem;
}
.aResult span.alcname, .recettes-single-content span.alcname {
	background: #fff;
	font-size: 2rem;
	font-weight: 300;
	color: #000;
}
.aResult span.alcname::after, .recettes-single-content span.alcname::after  { display: none; }
.aResult span:last-child::after, .recettes-single-content span:last-child::after { display: none; }
.aResult p, .recettes-single-content p {
	color:#9F9F9F;
	font-size: 1rem;
}

.aResult .alcname {
	display:block;
}

.aResult a.more, a.more {
	border: 1px solid #000;
	border-radius: 1rem;
	padding: 0 1.5rem .1rem 1.5rem;
	font-size: 1rem;
	color: #000;
	content: "";
	overflow: hidden;
	display: inline-block;
	position: absolute;
	text-align: center;
	transition: all 0.2s ease;
	right: 0;
	margin-top: -1rem;
	margin-right: -1rem;
	z-index: 500;
	box-shadow: 0 0 1px rgba(255,255,255,1);
}

body.blog a.more {
	right: 2rem;
	bottom: 2rem;
}

.aResult a.more:hover, a.more:hover {
	text-decoration: none;
}

.aResult a.more::after, a.more::after {
	content:"";	
  font-family:Material-Design-Iconic-Font;
	content: "\f301";
}

.aResult a.more span::after, a.more span::after {
	display: none;
}

.aResult a.more span, a.more span {
	margin: 0;
	padding: 0;
	background: none;
	font-size: 1rem;
	opacity: 0;
	width: 0px;
	height: 0px;
	display: inline-block;
	transition: all 0.2s ease;
	white-space: nowrap;
}

.aResult a.more:hover span, a.more:hover span {
	opacity: 1;
	width: auto;
	height: auto;
	margin-right: 1rem;
	transition: all 0.2s ease;
}

.favoriteDrink {
	display: block;
	position: absolute;
	right: 1.5rem;
  top: 0.5rem;
	background-size: cover;
	z-index: 999;
	color: #fff;
	font-size: 1.5rem;
}
.favoriteDrinkActive {
	color:#FFE112 !important;
}

#section_favoris .recipeImg {
  height: 100%;
  width: 100%;
}

#section_favoris .aResult > a {
	padding:0;
}

.imgBg { position: relative; border-radius: .5rem 0 0 .5rem; }

#recipes-ajax-results {
	margin: 2rem 0;
}

#recipes-ajax-results .aResult.even .imgBg { border-radius: 0 .5rem .5rem 0; }

#recipes-ajax-results a .recipeImg {
	width:100%;
	height:100%;
}

#recipes-ajax-results .aResult.even a.more {
	right: -1rem;
}

#recipes-ajax-results .aResult.even a.more::after {
	content: "";
  font-family: Material-Design-Iconic-Font;
  content: "\f301";
}

#recipes-ajax-results .aResult.odd .col-lg-5 {
	padding-left:0;
}

#recipes-ajax-results .aResult.even .col-lg-5 {
	padding-right:0;
}

/* RECETTES SINGLE */

section#recettes-single {
	padding: 0 0 0 5rem;
}

.recettes-single-content {
	padding: 3rem 1.5rem 3rem .75rem;
	overflow: hidden;
}

ul.ingredients {
	margin: 1rem 0 0 0;
	padding: 0 0 0 1rem;
	border-left: 1px solid #C2C2C2;
	list-style: none;
}

ul.ingredients li a {
	font-weight: 700;
	color: #000;
	text-decoration: underline;
}

ul.ingredients li a:hover {
	color: #FFE112;
	text-decoration: none;
}

.truc-de-pro {
	background: #FFE112;
	text-align: right;
	padding: 1.5rem;
	width: 60%;
	margin: auto;
	display: block;
	position: absolute;
	bottom: -7rem;
	left: 20%;
}
.truc-de-pro h4 { margin-top: 0; margin-bottom: .5rem; }
.truc-de-pro p { font-weight: 300; margin-bottom: 0; font-size: 1rem; }

section#preparation {
	background: #F5F5F5;
	padding: 3rem 5rem 5rem 5rem;
}

section#preparation h4 { margin-top: 0; }

.bottlesFeatured { 
	text-align: right; 
	position: absolute;
	width: 100%;
	height: 200px;
	bottom: -4rem;
}
.bottlesFeatured img { 
	display: inline-block;
	margin: 0 1rem;
	max-height: 100%;
	transition: all 0.2s ease;
	margin-top: -2.5rem;
}
.bottlesFeatured a:hover { text-decoration: none !important; }



/* PRODUITS SINGLE */

section#produits-single {
	padding: 3rem 5rem;
}

section#instagram-feed .feedTitle {
	text-align: center;
	margin-bottom: 2rem;
}

section#instagram-feed .feedTitle a {
	color: #000;
	text-decoration: none;
}

section#instagram-feed .feedTitle a:hover {
	color: #FFE112;
}

section#instagram-feed .feedTitle i { 
	display: inline-block; 
	font-size: 3rem;
	margin-right: 1rem;
}

section#instagram-feed .feedTitle h2 {
	display: inline-block; 
}



/* Cacher le instagram feed pour coureur des bois*/
body.postid-486 #instagram-feed,
body.postid-179 #instagram-feed,
body.postid-180 #instagram-feed,
body.postid-484 #instagram-feed
{ /*display: none !important;*/ }



#produits-video { position: relative; cursor: pointer; }

.videoBtn {
	position: absolute;
	color: #fff !important;
	font-size: 8rem !important;
	left: calc(50% - 4rem);
	top: calc(50% - 4rem);
}

section#produits-single h2 { 
	margin-bottom: 1rem; 
}

section#produits-single p { 
	font-weight: 300;
}

section#produits-single select { 
	border: none; 
	font-size: 1.2rem;
	-webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  color: #707070;
  font-weight: 300;
  outline: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}

section#produits-single select:focus { 
	outline: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}

section#produits-single select.form-control {
	padding: .375rem .75rem .375rem  2rem;
	outline: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}

section#produits-single select.form-control:not([size]):not([multiple]) {
    height: inherit;
} 

section#produits-single .form-group::after {
	content:"";
	font-size: 1.8rem;
  font-family:Material-Design-Iconic-Font;
	content: "\f2f9";
	color: #707070;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 2rem;
}

.interactive-bottle {
	position: relative;
	width: 50%;
	margin: auto;
}

.interactive-bottle img {
	width: 100%
}

.interactive-bottle .dot {
	position: absolute;
	display: block;
	background: #fff;
	line-height: 0;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.2s ease;
}

.interactive-bottle .dot:hover {
	transform:scale(1.2);
	color: #000;
}

.interactive-bottle .dot1 {
	top: -.5rem;
	right: calc(50% - 2rem);
	z-index: 99997;
	border: 1px solid #fff;
	padding: 0 .08rem;
	color: #bbb;
}

  /* Page Overwrite(s) */
  /* Rhum Chic Choc Noir new bottle is shorter than previous bottle */
  .products-template-default.postid-1640 .interactive-bottle .dot1,
  .products-template-default.postid-1641 .interactive-bottle .dot1 {
    top: 5rem;
  }

.interactive-bottle .dot2 {
	top: 50%;
	left: -.5rem;
	color: #bbb;
	z-index: 99999;
	border: 1px solid #fff;
	padding: 0 .08rem;
}

.interactive-bottle .dot3 {
	bottom: 0;
	right: -.2rem;
	color: #bbb;
	z-index: 99998;
	border: 1px solid #fff;
	padding: 0 .08rem;
}

.infoBox {
	background: #fff;
	padding: 1.5rem;
	box-shadow: 0 0 2rem rgba(0,0,0,0.3);
	position: absolute;
	width: inherit;
	color: #000;
	line-height: 1.5;
	text-align: left;
	width: 40vh;
}

.infoBox h4 { margin: 0; margin-bottom: 1rem; font-size: 1.2rem; }
.infoBox p { font-size: .9rem; margin: 0; }

.interactive-bottle .dot1 .infoBox {
	left: 2rem;
	top: 0;
	display: none;
}

.interactive-bottle .dot2 .infoBox {
	right: 2rem;
	top: -150%;
	display: none;
}

.interactive-bottle .dot3 .infoBox {
	bottom: 0;
	left: 2rem;
	display: none;
}

.interactive-bottle .dot1:hover .infoBox {
	display: block;
}

.interactive-bottle .dot2:hover .infoBox {
	display: block;
}

.interactive-bottle .dot3:hover .infoBox {
	display: block;
}

.awards { 
	text-align: center; 
	padding-top: 2rem;
}





/* Pages internes */

section.header-img {
	height: 30vw;
}

body.single-post section.header-img {
	height: inherit !important;
}

section#inner {
	padding: 3rem 5rem;
}

body.page-template-template-contact section#inner {
	padding: 0;
}

body.page-child h1, body.page-template-template-contact h1, body.blog h1 {
	font-size: 3.5rem;
	font-weight: 400;
}

body.blog h1 { margin-bottom: 1rem!important; }

body.page-child h1::after,  body.page-template-template-contact h1::after, body.blog h1::after {
	/*content:"";
	display: block;
	height: 5px;
	width: 5rem;
	background: #FFE112;
	position: relative;
	margin-bottom: 2rem;*/
}

.banner img { width: 100%; }

.newsletter {
	background: #FFDF00;
	border-radius: 5px;
	overflow: hidden;
}

.newsletter form {
	margin: 2rem 0 0 0 !important;
}

.newsletter form .btn-primary {
	background: #000;
}

.form-control {
	border: none;
	color: #000;
	margin-bottom: .5rem;
}
.form-control:focus {
    color: #000;
    background-color: #fff;
    border: none;
    outline: 0;
    box-shadow: none;
}

.btn-primary {
    border: none;
    width: 100% !important;
}
.btn-primary:focus {
    box-shadow: none;
}

.download-area { 
	background: #fff;
	border-radius: 5px; 
	padding: 1rem;
	transition: all 0.2s ease;
	position: relative;
	overflow: hidden;
	margin: 1rem 0;
}

.download-area img {
	height: 100px;
}

.download-area .bgcolor { 
	transition: all 0.2s ease;
	display: none; 
	background-color: #ffffff;
	height: 10px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

.download-area:hover .bgcolor { 
	height: 10px;
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

.download-area:hover {
	transform: scale(1.1);
}

.download-area:hover .bgcolor { display: block; }

a.download-btn {
	border: 2px solid #000;
	border-radius: 2rem;
	display: block;
	padding: .25rem 2rem;
	color: #000;
	margin: 0 .5rem;
}

a.download-btn:hover {
	color: #fff;
	background: #000;
	text-decoration: none;
}

a.download-btn::after {
	content: "\f220";
	font-family: Material-Design-Iconic-Font;
	color: #000;
	font-size: 1.5rem;
	display: block;
  right: 3rem;
  top: .25rem;
  position: absolute;
}

a.download-btn:hover::after {
	content: "\f220";
	font-family: Material-Design-Iconic-Font;
	color: #fff;
	font-size: 1.5rem;
	display: block;
  right: 3rem;
  top: .25rem;
  position: absolute;
}

/* Form */

.wpcf7 {
    max-width: 100%;
    margin: 15px;
}

.contactForm {
	top: -5rem;
	position: relative;
	background: #FFE112;
	padding: 1rem 2.5rem 2.5rem 2.5rem;
}

.wpcf7 .wpcf7-validation-errors, .wpcf7 input[type=color], .wpcf7 input[type=date], .wpcf7 input[type=datetime-local], .wpcf7 input[type=datetime], .wpcf7 input[type=email], .wpcf7 input[type=file], .wpcf7 input[type=month], .wpcf7 input[type=number], .wpcf7 input[type=range], .wpcf7 input[type=search], .wpcf7 input[type=submit], .wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 input[type=time], .wpcf7 input[type=url], .wpcf7 input[type=week], .wpcf7 select, .wpcf7 textarea {
    color: #707070;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    -webkit-transition: none;
    transition: none;
    border-bottom: 1px solid #000;
    padding-left: 0;
}

.wpcf7 .wpcf7-validation-errors:focus, .wpcf7 input:focus[type=color], .wpcf7 input:focus[type=date], .wpcf7 input:focus[type=datetime-local], .wpcf7 input:focus[type=datetime], .wpcf7 input:focus[type=email], .wpcf7 input:focus[type=file], .wpcf7 input:focus[type=month], .wpcf7 input:focus[type=number], .wpcf7 input:focus[type=range], .wpcf7 input:focus[type=search], .wpcf7 input:focus[type=submit], .wpcf7 input:focus[type=tel], .wpcf7 input:focus[type=text], .wpcf7 input:focus[type=time], .wpcf7 input:focus[type=url], .wpcf7 input:focus[type=week], .wpcf7 select:focus, .wpcf7 textarea:focus {
    color: #495057;
    background-color: #fff;
    border: 0;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: .375rem .75rem;
}

.contactBtn {
	border-radius: 25px;
	border: 2px solid #000;
	display: inline-block;
	text-transform: uppercase;
	position: relative;
	width: auto;
	color: #000;
	padding: .25rem 4rem .25rem 1rem;
	background-color: transparent;
	cursor: pointer;
}
.contactBtn:hover {
	background: #000;
	color: #fff;
}
.contactBtn::after {
	font-family: Material-Design-Iconic-Font;
	content: "\f301";
	font-size: 2rem;
	position: absolute;
	right: .75rem;
	top: -.25rem;
	display: block;
}
.wpcf7 input:focus[type=submit] { background: #000 !important; color: #fff !important; }


/* BLOG */

body.blog {
	background: #F2F2F2;
}

body.blog section#branding { background: #fff; padding: 3rem 0; }

.blogImg img { width: 100%; /*border-radius: 10px;*/ }

article {
	/*margin: 2rem 0;*/
	margin: 0 0 2rem 0;
	background: #fff;
	/*border-radius: 10px;*/
}

article:nth-child(odd) .blogImg {
	float: right;
	padding-right: 0;
}
article:nth-child(odd) .theBlogContent {
	float: left;
}

article:nth-child(even) .blogImg {
	float: left;
	padding-left: 0;
}
article:nth-child(even) .theBlogContent {
	float: right;
}

article footer {
	background: transparent;
	padding-top: 0;
}

.blog-date, .tags-links {
	color: #707070;
	font-size: 1rem;
	font-weight: 300;
	display: inline-block;
	margin-right: 2rem;
}
.tags-links a {
	color: #707070;
}
.understrap-read-more-link { display: none; }

body.blog h2 {
	line-height: 2.3rem;
	margin-bottom: 1rem;
}

body.single-post h1 br { 
	display: none; 
}
body.single-post .postinfos {
	margin-bottom: 2rem !important;
}

.yellowbox {
	background: #FFDF00;
	padding: 1.5rem;
	padding-top: 0;
	color: #000;
	text-align: right;
	width: 40%;
	float: right;
	margin: 0 0 0 2rem;
}
.yellowbox h4 { margin-bottom: 1rem; font-size: 1.2rem; }
.yellowbox p { font-size: 1rem; }


.mute-video,.unmute-video {
	border: 0;
	background: transparent;
	position: absolute;
	bottom: 2rem;
	right: 2rem;
	z-index: 10000000;
}
.mute-video:focus, .unmute-video:focus {
    outline: 0;
}

.mute-video::before {
  font-family:Material-Design-Iconic-Font;
	content: "\f3bb";
	font-size: 2rem;
	color: #fff;

}
.unmute-video::before {
  font-family:Material-Design-Iconic-Font;
	content: "\f3bc";
	font-size: 2rem;
	color: #fff;
}


body.single-products ul.slick-dots { 
	list-style: none;
	position: absolute;
	right: -3rem;
	top: 0;
	display: none !important; /* */
}

body.single-products ul.slick-dots li button:focus { outline: 0; }

body.single-products ul.slick-dots li button {
	background: transparent;
	border: none;
	color: transparent;
	font-size: 1rem;
}

body.single-products ul.slick-dots li button::before {
	font-family: Material-Design-Iconic-Font;
	content: "\f26d";
	color: #D9D7D7;
}

body.single-products ul.slick-dots li.slick-active button::before {
	font-family: Material-Design-Iconic-Font;
	content: "\f26d";
	color: #291E53;
}

body.single-products .slick-slider {
	/*height: 100%;*/
	max-width: 100%;
}


.asideCategory li.active a {
    font-weight: 700;
    text-decoration: none;
}

.asideCategory li.active span.count {
    display: inline-block; 
    opacity: 1; 
    transition: all 0.2s ease;
}

h2.lined::before {
	content:"";
	display: inline-block;
	height: 5px;
	width: 5rem;
	background: #FFE112;
	position: absolute;
	bottom: 1.5rem;
	left: 1rem;
}

h2.lined {
	margin-bottom: 2rem;
}

.prodContent {
	display: flex;
  justify-content: center;
  flex-direction: column;
}



/* IE10 and IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#search {
		display: block !important;
		padding: 5rem 0 !important;
		height: auto !important;
		max-height: inherit;
		min-height: inherit;
	}
	#search .col-lg-12 { max-width: 1200px !important; margin: auto !important; }
	.bottles a:hover:after {
	  box-shadow: inherit !important;
	  z-index: inherit !important;
	  border: none !important;
	  content: none !important;
	}
	header .header .logo img { margin-top: 15px !important; }
	section#produits-single .form-group::after { content: none !important; }
	.add-arrow::after { content: none !important; }
	section#produits-single .form-group option {
		border: none !important;
		background: #fff !important;
	}
	.thePaginationRow { display: block; }
	body.home video { height: inherit !important; }
}

/* EDGE */
@supports (-ms-ime-align:auto) {
	.bottles a:hover:after {
	  box-shadow: inherit !important;
	  z-index: inherit !important;
	  border: none !important;
	  content: none !important;
	}
}


section#videobloc {
    padding: 0rem 5rem;
}

section#videobloc p > a {
    text-decoration: underline;
}

body.home video { height: inherit; }


body.page-template-template-produits-double .newsletterSection { display: none; }
body.page-template-template-produits-double h1 { text-align: center; text-shadow: 0 0 15px rgba(0,0,0,1); }
body.page-template-template-produits-double #branding { margin-top: 3rem; }

a.goleft-btn {
	border: 2px solid #000;
	border-radius: 2rem;
	display: inline-block;
	padding: .25rem 2rem .25rem 4rem;
	color: #000;
	margin: 0;
	position: relative;
	margin: 1rem 0;
}

a.goleft-btn:hover {
	color: #fff;
	background: #000;
	text-decoration: none;
}

a.goleft-btn::after {
	content: "\f2ff";
	font-family: Material-Design-Iconic-Font;
	color: #000;
	font-size: 1.5rem;
	display: block;
  left: 1rem;
  top: 0;
  position: absolute;
}

a.goleft-btn:hover::after {
	content: "\f2ff";
	font-family: Material-Design-Iconic-Font;
	color: #fff;
	font-size: 1.5rem;
	display: block;
  left: 1rem;
  top: 0;
  position: absolute;
}


a.goright-btn {
	border: 2px solid #000;
	border-radius: 2rem;
	display: inline-block;
	padding: .25rem 4rem .25rem 2rem;
	color: #000;
	margin: 0;
	position: relative;
	margin: 1rem 0;
}

a.goright-btn:hover {
	color: #fff;
	background: #000;
	text-decoration: none;
}

a.goright-btn::after {
	content: "\f301";
	font-family: Material-Design-Iconic-Font;
	color: #000;
	font-size: 1.5rem;
	display: block;
  right: 1rem;
  top: 0;
  position: absolute;
}

a.goright-btn:hover::after {
	content: "\f301";
	font-family: Material-Design-Iconic-Font;
	color: #fff;
	font-size: 1.5rem;
	display: block;
  right: 1rem;
  top: 0;
  position: absolute;
}

.imgDoubleProd {
	display: block;
	margin: auto;
}


.newsletterSection { display: none !important; }

.error-404 a.download-btn::after {
    display: none;
}

body.blog .entry-title br { display: none; }
body.blog .postinfos {
    margin-bottom: 2rem !important;
}