/*
Theme Name: Chateau Perayne Theme
Theme URI: http://francois-espagnet.com
Description: Child theme of twentyseventeen theme for the Twenty Seventeen theme
Author: François Espagnet
Author URI: http://francois-espagnet.com
Template: twentyseventeen
Version: 1.0
*/

/*
SOMMAIRE
1 - Accueil
2 - Logo
	2.1 logo accueil
3 - Typographie
4 - Menu
	4.1 - Menu accueil
	4.2 - Menu Normal
	4.3 - Menu footer
	4.4 - Menu des vins
5 - Footer
6 - Content
	6.1 - Commun
	6.2 - Gallerie de catégorie
	6.3 - fiches vin
7 - Print
*/

/*////////////*/
/* 1-ACCUEIL */
/*//////////*/
.home .site-content{
	display: none;
}
.home .custom-header-media{
	display: block;
}
#wp-custom-header-video-button {
display: none;
}
/*/////////*/
/* 2-LOGO  */
/*/////////*/
/* 2.1 logo accueil */
.home .site-branding, .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 {
	margin: auto !important;
	padding: 0;
	background: transparent;
	top: 0; left: 0; bottom: 0; right: 0;
	display: block;
	height: 100%;
	vertical-align: middle;
	position: absolute;
}
.home .site-branding .wrap{
	top: 50%;
	transform: translateY(-150px); */
	-ms-transform: translateY(-50%);
	display: block;
}
.home .custom-logo-link{
	padding-right: 0;
	display: block;
	text-align: center;
}
.home .custom-logo-content{
	display: none;
}
.home .site-branding-text{
	display: block !important;
}

.home .site-description{
	/* font-size: 62px; */
}
.home .custom-logo-link img{
	max-width: 283px;
	max-height: 165px;
}

.home .site-branding-text .site-title a, .home .site-branding-text .site-description{
	color: #fff;
}
/* logo content */
body.has-header-image .site-title a, body.has-header-image .site-description, .site-branding .wrap {
	text-align: center;
	color: #000;

}
body.has-header-image .site-description, body.has-header-video .site-description{
	opacity: 1;
}

.custom-header-media, .custom-logo-link{
	display: none;
}
.site-branding{
	background: #fff;
}
.custom-logo-content{
	display: inline-block;
}
/*////////////////*/
/* 3 - TYPOGRAPHIE */
/*////////////////*/
/*
    font-family: 'Open Sans', sans-serif;
    font-family: 'Playfair Display', cursive;
*/
::-moz-selection { background: #cca740; color: #fff; }
::selection { background: #cca740; color:  #fff; }
body{
	font-family: 'Open Sans', sans-serif;
	color: #5f5e5e;
	font-weight: 300;
	letter-spacing: 2px;
	transition: all 0.3s;

}
h1, h2, h3, h4, h5, h6{
	font-family: 'Playfair Display', cursive;
	color: #cca73f;
}
h1{
	font-size: 48px;
	color: #cca73f;
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	h1{
	font-size: 35px;
	text-align: center;

}
	 }
h3{
	font-size: 71px;
}
.site-title{
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	text-align: center;
}
.site-description{
	font-family: 'Playfair Display', cursive;
	font-size: 24px;
	text-align: center;
	line-height: 1;
}
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
	font-weight: normal;
	letter-spacing: inherit;
	text-transform: inherit;
}
/*///////////*/
/* 4 - MENU */
/*/////////*/

/* 4.1 menu accueil  */
a.menu-scroll-down {
    display: none!important;
}
.home .navigation-top{
position: absolute;
top: 0;
height: 100px;
background: transparent;
border: none;
}


.home .menu-toggle{
	color: #fff;
}
.home .navigation-top a {
	color: #fff;
}
@media screen and (max-width: 765px) {
	.home .navigation-top a {
	color: #000;
	}
	.home .main-navigation a:hover, .home .navigation-top .current-menu-item a, .home .main-navigation .sub-menu a:hover, .home .main-navigation .sub-menu .current-menu-item a {
	color: #cca740 !important;
	font-weight: 300;
}
}
.home .main-navigation a:hover, .navigation-top  .current-menu-item a{
}
.home .navigation-top .wrap {
	padding: 24px 0px;
}

.home .sub-menu{
	background: transparent;
}
.home .main-navigation a:hover, .home .navigation-top  .current-menu-item a, .home .main-navigation .sub-menu a:hover, .home .main-navigation .sub-menu .current-menu-item a{
	color: #fff;
	font-weight: 400;
}
/* 4.1.2 menu des langues */
.home .main-navigation  .xili-language_Widgets{
	position: absolute;
	right: 4%;
	top: 32px;
	width: 150px;
	border-bottom: none;
}
 .main-navigation  .xili-language_Widgets{
	position: absolute;
	right: 4%;
	top: 8px;
	width: 150px;
	height: 32px;
	border-bottom: none;
	list-style:none;
}
.navigation-top .xililanguagelist {
	display: block !important;
	background: transparent;
}
.navigation-top .xililanguagelist a, .navigation-top .xililanguagelist a:hover{
	box-shadow: none !important;
	padding: 0px 20px;
	margin:0;
}
.navigation-top .xililanguagelist li, .navigation-top .xililanguagelist li:hover{
	padding: 7px 0;
	box-shadow: none !important;
}
/* 4.2 menu normal */
.navigation-top .wrap{
	width: 100%;
}
.main-navigation ul {
	text-align: center;
}
.main-navigation li{
	position: inherit;
}
.navigation-top a {
	color: #1d1d1b;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 24px;
}
.main-navigation a:hover, .navigation-top  .current-menu-item a, .main-navigation .sub-menu a:hover, .main-navigation .sub-menu .current-menu-item a, #menu-menu-vins a:hover, #menu-menu-vins .current-menu-item a, .current-category-ancestor a{
	color: #cca740;
	font-weight: 300;
}
.navigation-top .wrap {
	padding: 0;
}
.main-navigation a {
	padding: 0.1em 0.8em;
}

.navigation-top .wrap{
	max-width: inherit;
}
.custom-header-media::before {
	background: -moz-linear-gradient(to top,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 75%,rgba(0,0,0,.3) 100%);
	background: -webkit-linear-gradient(to top,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 75%,rgba(0,0,0,.3) 100%);
	background: linear-gradient(to top,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 75%,rgba(0,0,0,.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#4d000000",GradientType=0);
	top: 0;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 2;
}
.navigation-top {
	left: 0;
	right: 0;
	border-right: 0px;
	border-left: 0px;
	border-bottom: solid 1px #ebebeb;
	border-top: solid 1px #ebebeb;
	z-index:99;
}
.navigation-top .sub-menu a{
	font-size: 18px;
	padding: 0 .6em;
}

.sub-menu{
	width: 100%;
}
.sub-menu a{
	color: #555 ;
	width: inherit !important;
	display: inline;
}
.sub-menu li{
	display: inline !important;
	position: relative;
}
.main-navigation li li:hover, .main-navigation li li.focus{
	background: inherit;
}
.main-navigation li li:hover:after, .main-navigation li li.focus:after{
	width: 200px;
	height: 2px;
	background:green;
}
.main-navigation ul ul a {
	padding: 0.3em 0.2em;
	width: 16em;
}
.main-navigation ul li.menu-item-has-children::after, .main-navigation ul li.page_item_has_children::after, .main-navigation ul li.menu-item-has-children::before, .main-navigation ul li.menu-item-has-children::after, .main-navigation ul li.page_item_has_children::before, .main-navigation ul li.page_item_has_children::after {
	border-color:transparent;
	border: 0px;
	display: none;
}
/* 4.2.1 Menu Mobile */
@media screen and (min-width: 48em) {
	.navigation-top{
		z-index: 99;

	}
	.navigation-top .menu-toggle{
		color: #fff;

	 }
	}


/* 4.3 menu footer */
footer{
	z-index:90;
}
.footer-navigation{
	margin: auto;
	text-align: center;
}
.footer-navigation ul li {
	display: inline;
}
.footer-navigation ul li::after{
	content: '|';
	padding: 0 5px;
	color: #000;
}
.footer-navigation ul li:last-child::after{
	display: none;
}
.home .footer-navigation ul li a, .home .footer-navigation ul li:after{
	color: #fff;
}
#menu-pied-de-page{
	margin: 0 !important;
	padding:0 !important;
	text-align: center;
}
.menu-pied-de-page-container{
	display: inline-block;
}
.footer-copyright{
	text-align: center;
	display: inline-block;
	margin-bottom: 0;
}
.home .footer-copyright, .home .footer-copyright a{
	color: #fff;
}
/* 4.4 - Menu des vins */
#menu-menu-vins {
	text-align: center;
	position: relative;
	margin: 2px 0px 20px 0px;
	font-size: 18px;
}
#menu-menu-vins li {
	display: inline;
	margin: 0 10px;
}
@media (max-width: 767px) {
	#menu-menu-vins li {
	display: block;
}
	 }
/*//////////////*
/* 5 - FOOTER */
/*////////////*/

footer{
	width: 100%;
	background: #fff;
}
.home footer{
	background: transparent;
	border: none;
	position: absolute;
	bottom: 0;
}
.site-footer .wrap {
	padding: 25px 0 25px 0;
}
.home .site-footer .wrap{
	padding: 20px 0 8px 0;
}

.site-footer .widget-area {
	padding-bottom: 0;
	padding-top: 0;
}
.entry-footer .cat-tags-links{
	display: none;
}
.entry-footer{
	border:none;
}
/*//////////////*
/* 6 - CONTENT */
/*////////////*/
/* 6.1 - Commun */
#primary{
	max-width: inherit !important;
}
.wrap{
	padding-left: 0;
	padding-right: 0;
	max-width:inherit ;
	margin: auto;
}
.page .wrap {
	width: auto;
}
.padding10{
	padding: 2em 10%;
}
.padding20{	padding: 2em 20%;}
.padding30{	padding: 2em 30%;}

.category .entry-header, .page .entry-header{
	display: none;
}
.site-content {
	padding: 0;
}
.widget {
	padding-bottom: 0em;
}
.widget ul li, .widget ol li {
	border-bottom: none;
	border-top: none;
	padding: 0.5em 0;
	list-style: disc;
	padding-left: 5px;
	line-height: 1.2;
}
/* wrap media query */
/* Large desktop */
@media (min-width: 1200px) {
	.wrap{
		width: 1200px;
	}

 }


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.wrap{
		width: 900px;
	}
}
/* bloc de marge*/
@media (max-width: 1200px) {

	.padding10, .padding20, .padding30{
		padding: 1em 10%;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.wrap{
		width: 600px;
	}
	 }

/* Landscape phones and down */
@media (max-width: 480px) {
	.wrap{
		width: 300px;
	}
}

/* 6.2 - Galerie des vins (categories) */
.category .page-header{
	display: none;
}
.category article {
	text-align: center;
	float: left;
	width: 220px;
	border: 1px solid #c5c5c5;
	border-radius: 4px;
	margin: 30px 40px;
	padding: 15px 10px 8px 10px !important;
	height: 460px;
}
.category article:hover {
	border-color: #cca740;
}
.category article:hover a, .category article:hover h1 {
	color: #cca740;
}

.category article h1, .category article a{
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	color: #9b9b9b;
}
.category article .entry-title {
	margin-top: 7px;
}

.post-thumbnail a img {
	max-height: 350px;
	width: auto;
}
.entry-content a img, .entry-content .wp-block-image a{
	box-shadow: none;
	border:
}
.page:not(.home) #content{
	padding-bottom: 0px;
}
.page .site-footer{
	margin-top: 0;
}
/*teableau */
 table{
    border:0px solid #e5e5e5;
    border-collapse:collapse;
    border-spacing:0;
    margin-bottom:25px
}
 tr th:first-child, tr td:first-child{
     font-weight: bold;
}
 th{
     background: transparent;
}
 th, td{
 /*    font-family: 'Playfair Display', sans-serif !important; */
     padding: 5px 5px 5px 5px;
     border-right: 0px;
     border-left:0px;
     line-height:1.2;
     font-size: 0.8em;
}
 tr:hover{
     background: #f5f5f5;
}
th, td {
     padding: 5px;
}
 td:first-child {
     width: 180px;
}
 a{
    color:#006f3e;
}
 a:hover,a:focus{
    text-decoration:none;
     color:#006f3e;
}

/* 6.3 - fiches vin */
.single-featured-image-header {
	background-color: transparent;
	border-bottom: none;
	width: 30%;
	margin: auto;
}

.single article{
	width: 60%;
}

.single article, .single .single-featured-image-header{
	float: left;
}
@media (max-width: 767px) {
	.single article, .single .single-featured-image-header{
	float: inherit;
}
	.single article{
	width: 100%;
	padding: 1em;
}
	 }

.single .content-area{
	margin-top: 3em;
}

/*////////////*/
/* 7-PRINT */
/*//////////*/
@media print {
	.noPrint{
		display: none;
	}
	.single-post .entry-title, .page .entry-title{
		font-size: 24pt;
	}
}