/*
Theme Name:     Bière Zéro
Theme URI:      
Description:    Thème enfant pour le thème twentyseventeen
Author:         André Thijsen
Author URI:     
Template:       twentyseventeen                             
Version:        0.1.2
*/
@import url("../twentyseventeen/style.css");
@import url('https://fonts.googleapis.com/css?family=Medula+One');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=BenchNine&display=swap');
:root{
	--f-title-fam : 'Amatic SC', 'BenchNine', 'Medula One', cursive;
	--f-title-spac : -1px;
	--f-title-h : .9em;
}
body, html {
	padding: 0;
	margin: 0;
}
body .entry-content{
	text-align: justify;
}

a {
	text-decoration: none;
}
h1, h2, h3 {
	color: #E0B22B !important;
	font-weight: normal !important;
	font-family: var(--f-title-fam), cursive !important;
	text-align: center !important;
	letter-spacing: var(--f-title-spac) !important;
	line-height: var(--f-title-h) !important;
}
h1, h1 * {
	font-size: 3rem !important;
	color: #000000;
	font-family: var(--f-title-fam), cursive !important;
	letter-spacing: var(--f-title-spac) !important;
	line-height: var(--f-title-h) !important;
}

.cleanbox {
	clear: both;
}


h2 {
}
h2, h2 * {
	font-size: 2.4rem !important;
	color: #E0B22B !important;
	font-family: var(--f-title-fam), cursive !important;
}
h3, h3 * {
	font-size: 1.8rem !important;
}

.has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, 
.has-header-image.home.blog .site-branding, 
.has-header-video.home.blog .site-branding {
	height: 100%!important;
}
.post .entry-meta {
	display:none;
}
.post .entry-header {
	height:3.5em;
}

.post .entry-header .entry-title  {
	line-height: 1!important;
	line-height: var(--f-title-h) !important;
}

.post .entry-header .entry-title  a{
	color: #bbbbbb !important;
	font-size:1.6rem !important;
	padding:10px 10px 0px 10px;
	line-height: var(--f-title-h) !important;
}
.post .entry-header .entry-title  a:hover{
	color: #E0B22B !important;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
}

.single-featured-image-header,
.page-accueil {
	background-color: #eeeeee;
	background-image: url(assets/texture.png)!important;
	background-position: center center;
	background-repeat:repeat;
	background-attachment: fixed;
}

.page-accueil {
	background-color: #E0B22B !important;
	background-image: url(assets/texture.png)!important;
}
.page-accueil h1,
.page-accueil h2,
.page-accueil h3 {
	color: #ffffff !important;
}

.page-accueil p{
	color: #ffffff !important;
}


#bierezero-degustation-intro {
	max-width: 740px;
}
.bierezero-degustation-image {
	background-color: #000000;
	background-attachment: scroll!important;
	background-position-x: 50%;
	background-position-y: center!important;
    background-repeat: no-repeat;
	background-size:cover;
}
.bierezero-degustation-intro-content{
	min-height: 100%!important;
	width: 100%!important;
	background-color: rgba(0,0,0,.5);
	display: flex; 
}
.bierezero-degustation-intro-texte{
	padding: 2em!important;
	margin: auto;
}
.bierezero-degustation-intro-texte,
.bierezero-degustation-intro-texte a {
	text-align: justify;
	max-width: 740px;
	color:#ffffff;
}

.entry-summary a {
	box-shadow: inset 0 -1px 0 rgba(225, 180, 43, 1);
}
.bieres article.post {
	width: 100%;
	float: left;
	margin-left: 1%;
}
@media (min-width:740px) {
	.bieres article.post {
		width: 32%;
	}
}
/*
@media (min-width:992px) {
	.bieres article.post {
		width: 32%;
	}
}
*/
.category .post .entry-meta time,
.recent-posts .post .entry-meta time {
	display: none;
}
 a.custom-logo-link:hover,
 a.custom-logo-link:focus {
	opacity: 1.0!important;
}
 a.custom-logo-link{
	opacity: 0.5!important;
}

.post-thumbnail a {
	width: inherit;
	height: inherit;
	box-shadow: inset 0 -1px 0 #E0B22B;
}
.post-thumbnail a:hover,
.post-thumbnail a:focus {
	width: inherit;
	height: inherit;
	-webkit-box-shadow: inset 0 0 0 rgba(225, 180, 43, 1), 0 3px 0 rgba(225, 180, 43, 1);
	box-shadow: inset 0 0 0 rgba(225, 180, 43, 1), 0 3px 0 rgba(225, 180, 43, 1);
}

.post-thumbnail a img{
	width: inherit;
	height: inherit;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
}
 
.post-thumbnail a:hover > img,
.post-thumbnail a:focus > img {
	opacity: 1;
	width: inherit;
	height: inherit;
	transform: scale(1.25);
	-ms-transform: scale(1.25);
	-webkit-transform: scale(1.25);
	-o-transform: scale(1.25);
	-moz-transform: scale(1.25);
}

.post-thumbnail a:hover,
.post-thumbnail a:focus{
	opacity: 1;
}

.meta-item {
	display: block;
	float: left;
	width: 50%;
	height: 100px;
}
@media (min-width:740px) {
	.meta-item {
		width: 25%;
	}
}
.meta-item .meta-label,
.meta-item .meta-value {
	display: block;
	text-align: center!important;
}
.meta-item .meta-value {
	font-weight: bold;
}
			
.meta-saveur,
.meta-cote {
	width: 100%;
	clear: both;
}
.meta-cote{
	margin-bottom: 2em;
	display: none;
}
.meta-cote .meta-label{
	display: none;
}
.meta-indice-0 .meta-value,
.meta-indice-1 .meta-value,
.meta-indice-2 .meta-value,
.meta-indice-3 .meta-value,
.meta-indice-4 .meta-value,
.meta-indice-5 .meta-value {
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-clip: border-box;
	background-size: contain !important;
	color: transparent!important;
}
.meta-indice-0 .meta-value {
	background-image: url(assets/meta-indice-0.png)
}
.meta-indice-1 .meta-value {
	background-image: url(assets/meta-indice-1.png)
}
.meta-indice-2 .meta-value {
	background-image: url(assets/meta-indice-2.png)
}
.meta-indice-3 .meta-value {
	background-image: url(assets/meta-indice-3.png)
}
.meta-indice-4 .meta-value {
	background-image: url(assets/meta-indice-4.png)
}
.meta-indice-5 .meta-value {
	background-image: url(assets/meta-indice-5.png)
}
.meta-cote .meta-value{
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border-radius: 50%;
	background-image: url(assets/texture.png)!important;
	background-color: #bbbbbb;
	background-position: center center;
	background-repeat:repeat;
	background-size: 50%;
	color: #ffffff;
	padding-top: 25px;
	font-size: 2em;
	font-weight: normal!important;
}
.meta-label::after,
.meta-value::after {
	font-size: 0.5em;
	font-weight: normal!important;
}
.meta-cote .meta-value::after{
	content: "/20";
}
.meta-alcool .meta-value::after{
	content: "%";
}
.meta-contenance .meta-value::after{
	content: "cl";
}
.meta-calories .meta-value::after{
	content: "Kcal";
}
.meta-couleur .meta-label::after{
	content:'/EBC';
}
.meta-couleur  .meta-value {
	width: 30px;
	height: 30px;
	margin: 0 auto;
	padding-top: 2px;
	border-radius: 50%;
	color:#ffffff;
	font-weight: normal!important;
}
.meta-couleur .meta-value span {
/* 	display: none; */
	font-size: 12px;
	color: rgba(255,255,255,0.5);
}
article.couleur {
	text-align: center;
}

			article.couleur .meta-item {
				float: left!important;
				width: 100px!important;
				height: 100px!important;
				margin: 20px;
				display: block;
			}
			article.couleur .meta-value{
				display: block;
				width: 100px!important;
				height: 100px!important;
				border-radius: 50%;
				text-align: center;
				font-size: 20px!important;
				padding-top: 40px!important;
			}
.meta-couleur-2 .meta-value { background-color:#fef8c5 ;}  
.meta-couleur-4 .meta-value { background-color:#fef399 ;}  
.meta-couleur-6 .meta-value { background-color:#ffe678 ;}  
.meta-couleur-8 .meta-value { background-color:#fed94d ;}  
.meta-couleur-10 .meta-value { background-color:#ffc730 ;}  
.meta-couleur-12 .meta-value { background-color:#feba01 ;}  
.meta-couleur-14 .meta-value { background-color:#ffaf00 ;}  
.meta-couleur-16 .meta-value { background-color:#fda600 ;}  
.meta-couleur-18 .meta-value { background-color:#fc9700 ;}  
.meta-couleur-20 .meta-value { background-color:#ff9000 ;}  
.meta-couleur-22 .meta-value { background-color:#fe8500 ;}  
.meta-couleur-24 .meta-value { background-color:#f77b01 ;}  
.meta-couleur-26 .meta-value { background-color:#f07100 ;}  
.meta-couleur-28 .meta-value { background-color:#ea6401 ;}  
.meta-couleur-30 .meta-value { background-color:#e55b00 ;}  
.meta-couleur-32 .meta-value { background-color:#dc5100 ;}  
.meta-couleur-34 .meta-value { background-color:#d24f01 ;}  
.meta-couleur-36 .meta-value { background-color:#cd4400 ;}  
.meta-couleur-38 .meta-value { background-color:#c03e00 ;}  
.meta-couleur-40 .meta-value { background-color:#b83500 ;}  
.meta-couleur-42 .meta-value { background-color:#b33100 ;}  
.meta-couleur-44 .meta-value { background-color:#ab2a00 ;}  
.meta-couleur-46 .meta-value { background-color:#a32800 ;}  
.meta-couleur-48 .meta-value { background-color:#9b2000 ;}  
.meta-couleur-50 .meta-value { background-color:#961801 ;}  
.meta-couleur-52 .meta-value { background-color:#8e1500 ;}  
.meta-couleur-54 .meta-value { background-color:#881301 ;}  
.meta-couleur-56 .meta-value { background-color:#7f0e00 ;}  
.meta-couleur-58 .meta-value { background-color:#790601 ;}  
.meta-couleur-60 .meta-value { background-color:#760700 ;}  
.meta-couleur-62 .meta-value { background-color:#6d0702 ;}  
.meta-couleur-64 .meta-value { background-color:#630400 ;}  
.meta-couleur-66 .meta-value { background-color:#5f0401 ;}  
.meta-couleur-68 .meta-value { background-color:#5b0302 ;}  
.meta-couleur-70 .meta-value { background-color:#530201 ;}  
.meta-couleur-72 .meta-value { background-color:#4c0201 ;}  
.meta-couleur-74 .meta-value { background-color:#490301 ;}  
.meta-couleur-76 .meta-value { background-color:#430301 ;}  
.meta-couleur-78 .meta-value { background-color:#3d0302 ;}  
.meta-couleur-80 .meta-value { background-color:#3a0201 ;}  
.meta-couleur-82 .meta-value { background-color:#330505 ;}  
.meta-couleur-84 .meta-value { background-color:#320505 ;}
.meta-couleur-86 .meta-value { background-color:#2f0505 ;}  
.meta-couleur-88 .meta-value { background-color:#2c0404 ;}  
.meta-couleur-90 .meta-value { background-color:#290404 ;}  
.meta-couleur-92 .meta-value { background-color:#240303 ;}  
.meta-couleur-94 .meta-value { background-color:#1f0303 ;}  
.meta-couleur-96 .meta-value { background-color:#1b0303 ;}  
.meta-couleur-98 .meta-value { background-color:#170202 ;}  
.meta-couleur-100 .meta-value { background-color:#120202 ;}
.meta-couleur-102 .meta-value { background-color:#0e0101 ;}  
.meta-couleur-104 .meta-value { background-color:#0a0101 ;}  
.meta-couleur-106 .meta-value { background-color:#060101 ;}  
.meta-couleur-108 .meta-value { background-color:#030000 ;}  
.meta-couleur-110 .meta-value { background-color:#010000 ;}  
.meta-couleur-112 .meta-value { background-color:#000000 ;} 
.notype span { display: none;} 
.meta-shop {
	width: 100%;
	clear: both;
	text-align: center;
}
.meta-shop .meta-item {
	background-size: content;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.1;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
}
.meta-shop .meta-item:hover,
.meta-shop .meta-item:focus {
	-o-transition: all 1s;
	transform: scale(1.25);
	-ms-transform: scale(1.25);
	-webkit-transform: scale(1.25);
	-o-transform: scale(1.25);
	-moz-transform: scale(1.25);
	opacity: 0.5;
}
.meta-shop .meta-shop-AV {	background-image: url(assets/shop-AV.svg); }
.meta-shop .meta-shop-AVBH{	background-image: url(assets/shop-AVBH.svg); }
.meta-shop .meta-shop-BW {	background-image: url(assets/shop-BW.svg); }
.meta-shop .meta-shop-SB {	background-image: url(assets/shop-SB.svg); }
.meta-shop .meta-shop-UV {	background-image: url(assets/shop-UV.svg); }
.meta-shop .meta-shop-SM {	background-image: url(assets/shop-SM.svg); }
.meta-shop .meta-shop-CB {	background-image: url(assets/shop-CB.svg); }
.meta-shop .meta-shop-BJ {	background-image: url(assets/shop-BJ.svg); }
.meta-shop .meta-shop-MH {	background-image: url(assets/shop-MH.svg); }
.meta-shop .meta-shop-BS {	background-image: url(assets/shop-BS.svg); }


.meta-shop .meta-item .hidescreen {
	display: block;
	width:10px;
	height: 10px;
	text-indent: 50px;
	overflow: hidden;
}

.meta-shop-mention {
	display: block;
	padding-bottom: 20px;
	font-size:0.75em;
}

.meta-pays {
	width: 100%!important;
}
.meta-pays .meta-label {
	display: none;
}
.meta-pays .meta-value {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 1;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	color:transparent;
	width: 3em;
	height: 3em;
	display: block;
	margin: 0 auto;
}



.meta-pays-AL .meta-value {	background-image: url(assets/pays/1x/pays-AL.png); }
.meta-pays-AR .meta-value {	background-image: url(assets/pays/1x/pays-AR.png); }
.meta-pays-AU .meta-value {	background-image: url(assets/pays/1x/pays-AU.png); }
.meta-pays-AZ .meta-value {	background-image: url(assets/pays/1x/pays-AZ.png); }
.meta-pays-BE .meta-value {	background-image: url(assets/pays/1x/pays-BE.png); }
.meta-pays-BL .meta-value {	background-image: url(assets/pays/1x/pays-BL.png); }
.meta-pays-BO .meta-value {	background-image: url(assets/pays/1x/pays-BO.png); }
.meta-pays-BU .meta-value {	background-image: url(assets/pays/1x/pays-BU.png); }
.meta-pays-CR .meta-value {	background-image: url(assets/pays/1x/pays-CR.png); }
.meta-pays-CY .meta-value {	background-image: url(assets/pays/1x/pays-CY.png); }
.meta-pays-CZ .meta-value {	background-image: url(assets/pays/1x/pays-CZ.png); }
.meta-pays-DE .meta-value {	background-image: url(assets/pays/1x/pays-DE.png); }
.meta-pays-DK .meta-value {	background-image: url(assets/pays/1x/pays-DK.png); }
.meta-pays-EI .meta-value {	background-image: url(assets/pays/1x/pays-EI.png); }
.meta-pays-ES .meta-value {	background-image: url(assets/pays/1x/pays-ES.png); }
.meta-pays-FA .meta-value {	background-image: url(assets/pays/1x/pays-FA.png); }
.meta-pays-FI .meta-value {	background-image: url(assets/pays/1x/pays-FI.png); }
.meta-pays-FR .meta-value {	background-image: url(assets/pays/1x/pays-FR.png); }
.meta-pays-GO .meta-value {	background-image: url(assets/pays/1x/pays-GO.png); }
.meta-pays-GR .meta-value {	background-image: url(assets/pays/1x/pays-GR.png); }
.meta-pays-HU .meta-value {	background-image: url(assets/pays/1x/pays-HU.png); }
.meta-pays-IC .meta-value {	background-image: url(assets/pays/1x/pays-IC.png); }
.meta-pays-IS .meta-value {	background-image: url(assets/pays/1x/pays-IS.png); }
.meta-pays-IT .meta-value {	background-image: url(assets/pays/1x/pays-IT.png); }
.meta-pays-KA .meta-value {	background-image: url(assets/pays/1x/pays-KA.png); }
.meta-pays-LI .meta-value {	background-image: url(assets/pays/1x/pays-LI.png); }
.meta-pays-LT .meta-value {	background-image: url(assets/pays/1x/pays-LT.png); }
.meta-pays-LU .meta-value {	background-image: url(assets/pays/1x/pays-LU.png); }
.meta-pays-MA .meta-value {	background-image: url(assets/pays/1x/pays-MA.png); }
.meta-pays-MC .meta-value {	background-image: url(assets/pays/1x/pays-MC.png); }
.meta-pays-MO .meta-value {	background-image: url(assets/pays/1x/pays-MO.png); }
.meta-pays-MT .meta-value {	background-image: url(assets/pays/1x/pays-MT.png); }
.meta-pays-NL .meta-value {	background-image: url(assets/pays/1x/pays-NL.png); }
.meta-pays-NW .meta-value {	background-image: url(assets/pays/1x/pays-NW.png); }
.meta-pays-PL .meta-value {	background-image: url(assets/pays/1x/pays-PL.png); }
.meta-pays-PT .meta-value {	background-image: url(assets/pays/1x/pays-PT.png); }
.meta-pays-RO .meta-value {	background-image: url(assets/pays/1x/pays-RO.png); }
.meta-pays-RU .meta-value {	background-image: url(assets/pays/1x/pays-RU.png); }
.meta-pays-SC .meta-value {	background-image: url(assets/pays/1x/pays-SC.png); }
.meta-pays-SE .meta-value {	background-image: url(assets/pays/1x/pays-SE.png); }
.meta-pays-SK .meta-value {	background-image: url(assets/pays/1x/pays-SK.png); }
.meta-pays-SN .meta-value {	background-image: url(assets/pays/1x/pays-SN.png); }
.meta-pays-SP .meta-value {	background-image: url(assets/pays/1x/pays-SP.png); }
.meta-pays-SW .meta-value {	background-image: url(assets/pays/1x/pays-SW.png); }
.meta-pays-TK .meta-value {	background-image: url(assets/pays/1x/pays-TK.png); }
.meta-pays-UK .meta-value {	background-image: url(assets/pays/1x/pays-UK.png); }
.meta-pays-UR .meta-value {	background-image: url(assets/pays/1x/pays-UR.png); }
.meta-pays-ZW .meta-value {	background-image: url(assets/pays/1x/pays-ZW.png); }



.meta-accompagne {
	width: 100%!important;
}
.meta-accompagne .meta-label {
	color: #E0B22B;
}
.meta-accompagne .meta-value {
	font-weight: normal;
}

/* LOGO PAGE */
.custom-logo-link {
	display: block;
	position: relative;
	float: left;
	padding: 0;
	background-image: url(assets/bierezero-icon.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-clip: border-box;
	background-size: contain !important;
	opacity: 1!important;
}
.post-template-default .custom-logo-link,
.archive .custom-logo-link,
.blog .custom-logo-link,
.page .custom-logo-link {
	width: 100px;
	height: 100px;
	opacity:1!important;
}

.archive .site-branding,
.post-template-default .site-branding {
	background-color: rgba(0,0,0,0.5);
}
.site-branding .warp {
	text-align: left!important;	
}
.site-branding-text {
	padding-top: 20px;
	padding-left: 20px;
	text-align: left;	
}
.site-title, 
.site-description {
	font-family: var(--f-title-fam), cursive !important;
	text-align: left !important;

}
.site-title{
	font-size: 2rem !important;
	line-height: 1 !important;
	padding: 0;
	margin: 0;
	text-transform: none!important
}
.site-description{
	font-size: 1.5rem !important;
	line-height: 1 !important;
	padding: 0;
	margin: 0;
	color: rgba(225, 180, 43, 1)!important;
}

header.entry-header {
	margin-bottom: 1em !important;
}

/* LOGO HOME */

.home .site-branding .warp {
	text-align: center!important;	
}
.home .custom-logo-link {
	background-position: center center;
	background-repeat: no-repeat;
	background-clip: border-box;
	background-size: 80% !important;
	background-image: url(assets/bierezero-label.svg);
	position: relative;
	padding: 0;
	margin: 0 auto;
	display: block;
	float: none;
	height:100vh!important;
	opacity:1!important;
	width:auto!important;
}
@media (min-width:740px) {
	body.home .custom-logo-link {
		background-size: 50% !important;
	}
}

body.home .site-branding-text,
.custom-logo-link img {
	display:none!important;
}

.bieres article.post {
	margin-bottom:1em;
	padding-bottom:0;
	position: relative;
}
.bieres article.post .post-thumbnail {
}
.type-post  {
	position: relative;
}
.type-post .post-thumbnail {
}
.type-post a.cote {
	width: 30%;
	height: 20%;
	position: absolute;
	bottom: -3%;
	left:35%;
	text-align: center;
	vertical-align: middle;
	padding-top: 10%;
	box-shadow: none!important;
	display: none;
}
.type-post a.cote span {
	background-color: #ffffff;
	border: #E0B22B 1px solid;
	border-radius: 50%;
	padding:10px;
	color:#E0B22B;
	display: none;
}
.category-mes-coups-de-coeur a.cote {
	background-color: transparent;
	background-image: url(assets/bierezero-like.svg)!important;
	background-position: center top;
	background-repeat:no-repeat;
	background-size: content;
	border: transparent 0 none;
	display: block;
}
.category-mes-coups-de-coeur a.cote:hover,
.category-mes-coups-de-coeur a.cote:focus {
	width: 50%;
	height: 30%;
	bottom: -3%;
	left:25%;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
}
.category-mes-coups-de-coeur a.cote span {
	background-color: transparent!important;
	border: transparent 0 none!important;
	color:#ffffff;
}

body.search .category-mes-coups-de-coeur .entry-summary a.cote {
	display: block;
	position: relative;
	top:-50px;
	width: 100%;
	margin: 0 auto 30px auto;
	height: 50px;
	left:0;
	background-color: transparent;
	background-image: url(assets/bierezero-like.svg)!important;
	background-position: center top;
	background-repeat:no-repeat;
	background-size: content;
	border: transparent 0 none;
}
body.search .category-mes-coups-de-coeur .entry-summary a.cote:hover,
body.search .category-mes-coups-de-coeur .entry-summary a.cote:focus {
	position: relative;
	margin: 0 auto 0 auto;
	height: 80px;
	left:0;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
}
h2.widget-title {
	letter-spacing: normal;
	font-size: 1.5em !important;
	letter-spacing: normal!important;
	margin-bottom:1em !important;
	margin-top:2em !important;
}
.post header.entry-header {
	padding:0!important;
	margin-top:1em!important;
}