/*
Style name:Grenadine
Author:Félicien Breton
Author site:http://frenchscout.com/
*/

/* Police */

body {
	_font-family:ui-sans-serif,'Segoe UI',sans-serif;
}

/* Layout */

body {
	margin-top:16px;
	margin-left:8px;
	font-size:112%;
	background:#fdfffe;	/* aqua */
	float:left;
}
#norm-cox {
	margin-top:-40px;
	margin-right:-6px;
	float:right;
}
.hidden {
	position:absolute;
	margin-top:-222px;
}
main {
	margin-top:40px;
	padding-left:236px;
	width:732px;
}
article {
	margin:5em .2em;
}
figure, .across-notice, .menu, footer {	/* Delay rendering */
	content-visibility:auto;
	contain-intrinsic-height:auto 200px auto 200px;
}
.across-notice {
	text-align:center;
}
.menu {
	width:230px;
	margin-top:-2em;
}
footer {
	clear:both;
	margin-bottom:4em;
}
#current-sub {
	margin-top:-.3em;
	width:100%;
	background:#fdfffe url('http://static.guideduvin.com/icing/2n2_horizontal.gif') top left repeat-x;
}
hr, .separator {
	height:1px;
	background:url('http://static.guideduvin.com/icing/2n2_horizontal.gif') repeat-x;
}
hr {
	margin-top:3em;
	margin-bottom:1em;
	border-style:none;
}

/* Text size */

body {
	line-height:1.5;
}
.wine-label {
	font-size:120%;
}
.vignette, .p-country-name, .postal-code, .tel {
	font-size:96%;
}
small {
	font-size:92%;
}
.menu, #relationships {
	letter-spacing:1px;
}
#branding {
	font-size:2rem;
	font-weight:700;
}
h1 {
	font-size:3rem;
	font-weight:100;
}
h2 {
	padding-top:1em;
	font-size:2em;
	font-style:italic;
}
h2 {
	padding-top:1em;
	font-size:2.4em;
	font-style:italic;
}
h3, h4 {
	font-size:1.5em;
}
h3, #relationships {
	padding-top:.4em;
	text-transform:uppercase;
}
h2, h3, h4 {
	font-weight:200;
}
aside, .highlight, #natural-wine-map, .wine-label, section.across-notice, .you-might-like {
	font-family:monospace;
	font-variant-numeric:oldstyle-nums proportional-nums slashed-zero;
}

/* Buttons */

input {
	margin:1em .2em;
	vertical-align:middle;
    min-height:24pt;
}
input[type="submit"] {
	padding:.3em .6em;
	cursor:pointer;
	font-size:92%;
}
.natural-search {
	margin-top:-16px;
	white-space:nowrap;
	_display: inline-block; /*Display inline and maintain block characteristics.*/
}
#natural-input {
	border-left:1px solid #a64;	/* cocoa */
	border-top:2px solid #842;	/* cocoa */
}
.natural-search>input[type=submit] {
	border:1px solid #842;	/* cocoa */
	border-bottom-width:2px;
	background:url('http://static.guideduvin.com/icing/submit.gif');
}
button {padding:17px;cursor:pointer;background:unset;border:none}
.burger-loaf {display:block;background:#610;	/* cocoa */ width:20px;height:3px}
.burger-loaf+.burger-loaf {margin-top:4px}

/* Targets */

.tap-target {
	padding:32px 18px 0 18px;
}
#natural-wine-map, #search-map {
	height:360px;
	border-radius:3px;
}
.leaflet-popup>.leaflet-popup-content-wrapper {
	border-radius:5px;
}
.leaflet-popup>.leaflet-popup-content-wrapper, .leaflet-popup>div>.leaflet-popup-tip {
	background:rgb(245,255,250,.5);	/* aqua */
}
a {
	padding:.4em .1em;
	text-decoration:none;
}
#search-map a {
	white-space:nowrap;
	color:#d21;	/* grenadine */
	border-bottom-color:#d21;	/* grenadine */
}
.leaflet-tooltip>a:visited {
	color:#80b;
	border-bottom-color:#80b;
}
a:hover, a:focus {
	background:rgb(255,240,236,.6);	/* grenadine */
}

a.two-wheels 	{padding-right:20px;background:url('http://static.guideduvin.com/icing/cycling.png') center no-repeat}
a.by-foot		{padding-right:16px;background:url('http://static.guideduvin.com/icing/icon-walk.png') right no-repeat}
a.transportation {padding-right:16px;background:url('http://static.guideduvin.com/icing/bus_15x15.png') right no-repeat}
a.directions 	{padding-right:18px;background:url('http://static.guideduvin.com/icing/bus_15x15.png') right 12px no-repeat}
a.itineraries, a[rel^="license"] {padding-right:18px;background:url('http://static.guideduvin.com/icing/wine-itineraries.gif') right 12px no-repeat}
a.to-search-map {padding-right:20px;padding-bottom:0;
	background:url('http://static.guideduvin.com/icing/map-pin_16x16.png') right no-repeat}
a.natural-wine-map {padding-right:20px;background:url('http://static.guideduvin.com/icing/map-pin-blue_12x20.png') right no-repeat}
a.newsletter 	{padding-right:16px;background:url('http://static.guideduvin.com/icing/mail_front.gif') right no-repeat}
a.email			{padding-right:16px;background:url('http://static.guideduvin.com/icing/mail_back.gif') right no-repeat}
a.higher-on-page, a.low-enough {padding-right:12px;background:url('http://static.guideduvin.com/icing/arrow_up.gif') right no-repeat}
a.low-enough {
	right:16px;
	bottom:16px;
}
a.back-to-top {
	position:fixed;
	width:36px;
	height:16px;
}

/* Illustrations */

a>img, .vignette>a>img {
	border:none;
}
.align-left {
	float:left;
	margin:.2em 1.1em .5em 0;
}
.align-right {
	float:right;
	margin:.2em 0 .5em 1em;
}

/* Bullet points */

.wine-label {
	margin-top:3em;
	text-indent:-3px;
}
.wine-label::before {	/* add bullet */
    content:"\2022";	/* Unicode */
    font-weight:bold;
    padding-right:.4em;
}
.red-wine::before {color:#d66}
.white-wine::before {color:#fd0}
.sparkling-wine::before {color:#aa8}
.rose-wine::before {color:#fb4}
ul {
	list-style-image:url('http://static.guideduvin.com/icing/bullet-mouche.gif');
}
li {
	padding-bottom:.4em;
}
.flowing-text {
	column-count:2;
	column-gap:2em;
	padding-bottom:.4em;
}

@media screen AND (max-width:990px) {
	body, main, article {
		margin-left:1px;
		margin-right:1px;
		padding:0;
	}
	main {
		width:100%!important;
	}
	ul {
		margin-left:1em;
	}
	.menu {
		margin-top:2em;
	}
}

@media print {
	body {
		padding-left:1px;
	}
	main {
		width:100%;
	}
	article {
		color:#000;
	}
	form, .vignette, .menu, .footer {
		display:none;
	}
	#branding, article .vignette {
		display:block;
	}
}

/* Text details */

body {
	_font-variant-numeric:proportional-nums slashed-zero;
	-webkit-font-smoothing:antialiased;
}
input, select {
	color:inherit;
	font:inherit;
}
form {
	text-align:center;
}
body, table {
	color:#410;	/* cocoa */
}
#branding a {
	color:#610;	/* cocoa */
}
h1, h2, h3, .menu {
	color:rgb(240,90,70);	/* grenadine */
	_color:rgb(215,95,86);	/* Raspberry Blush */
}
dfn, .locality, .p-locality, .highlight {
	color:rgb(240,90,70);	/* grenadine */
	font-weight:bold;
}
.you-might-like {
	background:url('http://static.guideduvin.com/icing/wine-splotches.png') no-repeat right;
}
#current-sub {
	font-style:italic;
}