/*
 Theme Name:   Shapely child 
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Golf du luberon theme based on shapely theme
 Author:       Thibault Radelet
 Author URI:   https://thibaultradelet.com
 Template:     shapely
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         responsive-layout
 Text Domain:  shapely-child
*/


/* Typography */
body {
	font-size: 16px;
	color: #0e1015;
}

pre {
	font-family: font-family:Helvetica, Arial, sans-serif; /* for pdf print */
}

code, kbd, tt, var {
	font-family: font-family:Helvetica, Arial, sans-serif;
	font-size: 15px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Garamond, serif;
	font-weight: 700;
}

em {
	color:#565c6a;
}

.post-content .entry-content .post-title a,
h2, .post-title, .post-title a {
	font-size:45px;
	font-weight:700;
}

/*font size menu */
.main-navigation .menu li a {
	font-size: 15px;
}

.widget .widget-title {
	font-size: 25px;
}

p {color:#444; font-size:13.5pt;}

/* transparent sticky menu */
nav.fixed.scrolled {
/*background: #0000 !important;*/
}

.white-logo {
	display:inline-block;
	height:180px;	
	margin-bottom: 20px;
}

.post-content .entry-header {
	text-align:center;
}

.post-content .entry-header img {
	width:auto!important; /* restaurant logo */
	display:inline-block;
}

footer {
    padding: 35px 0;
}

.badge {
	 font-size:16px;
}

.bg-noir {
	background-color:#212529;
	color:#FFF;
}

.bg-blanc {
	background-color:#f8f9fa;;
	color:#000;
}

.bg-jaune {
	background-color:#ffc107;
	color:#000;
}

.bg-bleu {
	background-color:#0d6efd;
	color:#FFF;
}

.bg-rouge {
	background-color:#dc3545;
	color:#FFF;
}

/* overlay play button on image cf. https://stackoverflow.com/questions/12659953/is-there-a-foreground-equivalent-to-background-image-in-css */
.wp-block-image {
	position: relative;
    display: inline-block;
	padding:0;
}

a.overlay-video {
    display:inline-block;
    width: 100%;
    height: 100%;
}

a.overlay-video:before {
    position: absolute;
    content: '';
	background: rgba(0,0,0,0.2) url("images/play-button.png") center / 15% no-repeat;
    width: 100%;
    height: 100%;
    pointer-events: none;
	transition: background-color 1s;	
}

a.overlay-video:hover:before {
   background: rgba(0,0,0,0) url("images/play-button.png") center / 15% no-repeat;
   color:#FFF;
   
}

/* logo partenaire size */
.logo-carousel img {
    max-height: 100px;
}

/* Carte des vins */
figure.rouge table {
	border-left: 3px solid #E00;
}

figure.rose table {
	border-left: 3px solid #F4C5DB;
}

figure.blanc table{
	border-left: 3px solid #FFEEC6;
}

/* Le parcours */
figure.wp-block-embed {
	padding:0px!important;
}

/* Footer */

footer#colophon {
	background-color:#0e1015;
}

.btn, .button {
    border: 2px solid #FFF;
    color: #FFF;
}

footer p, footer address {
	color:#FFF;
}

i.social_icon {
	color:#FFF;
}

.widget.widget_media_image {
		text-align:center;
}

div#gdl_navbar {
	overflow: hidden;
	position: fixed;
	top:50%;
	right:0;
	margin-top:-310px;
	width: 40px;
	height:620px;
}

div#gdl_navbar a {
	display: inline-block;
	color: #333;
	text-align: center;
	width:30px;
	height:30px;
	margin: 2px 3px;
	padding-top:2px;
	text-decoration: none;
	font-size: 15px;
	border-radius: 50px;
	border: 1px solid #333;
}

div#gdl_navbar a:hover {
	text-decoration: underline;
}

@media all and (max-width: 991px) {
	/*menu item width in responsive mode*/
	.main-navigation .menu li a {
		width: 85%;
	}
	#site-navigation.main-navigation .menu > li > ul li a {
		width: 100%;
		border-bottom:1px solid #8c979e;
	}
	#site-navigation.main-navigation .menu > li > ul li:last-child a {
		border:none;
	}	
}

/* center footer ellement in smartphone mode */
@media all and (max-width: 767px) {
	.widget-title, .widget.widget_media_image {
		text-align:center;
	}
	.back-to-top {
		bottom: 50px;
	}
	br {
		display: block;
	}
	div.gdl_parcours {
		padding-right:50px;
	}
	
	.white-logo {
		height: 80px;
		margin-bottom: 10px;
	}
}

/* navbar in landcape */
@media all and (orientation: landscape) and (max-width: 767px) {
	
	div.gdl_parcours {
		padding-right:90px;
	}
	
	div#gdl_navbar {
		overflow: hidden;
		position: fixed;
		top:50%;
		right:0;
		margin-top:-170px;
		width: 80px;
		height:340px;
	}

	div#gdl_navbar a {
		display: inline-block;
		color: #333;
		text-align: center;
		width:30px;
		height:30px;
		margin: 4px 3px;
		padding-top:2px;
		text-decoration: none;
		font-size: 15px;
		border-radius: 50px;
		border: 1px solid #333;
	}
}