/* @override http://nuitssaintpierre.dev/wp-content/themes/nuits/style.css */
/*
Theme Name: Nuits Saint Pierre 2016
Description: Custom Theme for Nuits Saint Pierre.
Version: 2016
Author: David Lewis
*/

/* Base*/
html {background: url(images/bg-html.gif) center; background-attachment: fixed; overflow-x: hidden; font-size: 16px;}
body {margin: 0; padding: 0; line-height: 1.6;}

/* Fonts*/
body, .footernav a {font-family: arial, verdana, sans-serif;}
blockquote, h3 {font-family: georgia, times, serif;}
h2, .primarynav, small, .button, input[type="submit"] {font-family: p22-underground-1, p22-underground-2, arial, sans-serif;}

/* HTML Elements */
h2 {font-size: 1.75rem; font-weight: 900; margin: 1em 0 .25em 0; color: #1d3273; text-transform: uppercase; letter-spacing: 1px;}
h3 {font-size: 1.375rem; font-style: italic; }
h4 {font-size: 1rem;}
h5 {font-size: 0.875rem; font-style: italic;}
h2, h3, h4, h5 {line-height: 1.3;}
h3 {color: #000; margin: 2em 0 .25em 0;}
h4, h5 {color: #000; margin: 2em 0 .5em 0;}
h3 a, h4 a, h5 a {color: #000; text-decoration: none;}
h2:first-child, h3:first-child, h4:first-child, h5:first-child {margin-top: 0;}
blockquote {font-size: 1.375rem; font-style: italic; text-align: center; color: #646356; margin: 2rem 4rem;}
blockquote:first-child {margin-top: 0;}
blockquote p {margin: 0;}
blockquote:before, blockquote:after {content: ""; display: block; margin: auto; width: 25%; border-top: 3px solid #c0bea6;}
blockquote:before {margin-bottom: 1rem;}
blockquote:after {margin-top: 1rem;}
p {margin: 0 0 1rem 0;}
a {color: #817963; outline: none;}
a img {border: none;}
small {font-size: .75rem; font-size: 900; color: #1d3273; text-transform: uppercase; letter-spacing: 1px; margin: .5em 0;}
img {max-width: 100%; height: auto;}

/* Structure */
#wrapper {max-width: 1250px; margin: 0 auto; position: relative; padding: 0 2rem;}
#main {background-color: #f6f2eb; padding: 4rem; border: .5rem solid white; border-top: none;}
#header {position: relative;}
#banner {position: relative;}
#content {color: #615b4b;}
#footer {text-align: center; padding: 1rem 0;}
#content .news, #content .sidebar {width: 50%; float: left; box-sizing: border-box;}
#content .news {padding-right: 1rem;}
#content .sidebar {padding-left: 1rem;}

/* Logo */
.logo a {display: block;}
.logo, .logo-img {width: 234px; height: auto;}
.logo {padding: 1rem 0; line-height: 0; margin: auto; text-align: center;}
.logo {
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.85) 20%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.85) 20%,rgba(255,255,255,0) 80%,rgba(255,255,255,0) 100%);
	background: radial-gradient(ellipse at center, rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.85) 20%,rgba(255,255,255,0) 80%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ffffff', endColorstr='#00ffffff',GradientType=1 );
}

/* Navigation */
nav ul {list-style: none; margin: 0; padding: 0;}
nav ul li {display: inline-block;}
nav ul li a {text-decoration: none;}
.primarynav {position: absolute; z-index: 10; top: 3.5rem; width: 100%; margin: 0 -2000px; padding: 0 2000px; background-color: #1d2677; background: repeating-linear-gradient(120deg, #22338a, #0f1b62 5em, #0f1b62 0, #22338a 10em); border: 1px dashed #364291; box-shadow: 0 0 0 4px #1c2661, 0px 2px 4px 4px rgba(0, 0, 0, .6);}
.primarynav ul {font-size: 0.875rem; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; text-shadow: #0e144b 2px 2px 2px; text-align: center;}
.primarynav a {display: block; color: #fff; padding: .92rem .8rem .8rem .8rem; line-height: 1;}
.footernav ul {font-size: 0; font-weight: normal;}
.footernav ul li {border-right: 1px solid #817963;}
.footernav ul li:last-child {border: none;}
.footernav ul li a {font-size: 1rem; padding: 0 .5rem;}
.utilitynav {position: absolute; top: 1rem; right: 0; font-size: 0;}
.utilitynav ul {display: inline-block; color: #615b4b;}
.utilitynav ul li {font-size: 0.875rem; margin-left: .5rem; padding-left: .5rem;}
.utilitynav ul.language-chooser li {border-left: 1px solid #615b4b;}
.utilitynav ul.language-chooser a {color: #615b4b; font-family: arial, verdana, sans-serif !important;}
.reservations {position: absolute; bottom: 1rem; right: 0;}
.reservations.button {margin: 0;}

/* Banner */
#slides {border-style: solid; background-color: white; border-bottom: none;}
#slides, #slides ul li img {border-top-left-radius: 100% 20px; border-top-right-radius: 100% 30px; border-width: .5rem; border-color: white;}
#slides ul li {overflow: hidden;}

/* Content */
#content .flickr-gallery img {border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
#content #links {list-style: none; margin: 0; padding: 0;}
#content #links h3 {color: #000; margin: 2rem 0 .5rem 0; font-size: 1.2rem;}
#content #links ul {list-style: disc; margin: 0 0 0 1.5rem;}
#content #links li {margin-bottom: .5rem;}

/* Blog */
.news article {padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: 1px solid #c0bea6;}
.meta-date + h3 {margin-top: 0;}

/* Forms */
form {margin: 1.5rem 0;}
textarea,
input[type="search"],
input[type="text"],
input[type="phone"],
input[type="email"] {
	font-size: 1.125rem;
	padding: 0.7143rem 0.8571rem;
	box-sizing: border-box;
	width: 100%;
	border-radius: 5px;
	background: #eae4d9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 0 #a9a9a9;
	transition: color .4s;
	transition: background .4s;
}
input[type="submit"] {text-transform: uppercase;}
input[type="search"] {-webkit-appearance: textfield; margin: 0;}
textarea:focus,
input[type="text"]:focus,
input[type="phone"]:focus,
input[type="email"]:focus {
	color: black;
	background-color: white;
}

/* Helpers */
.button, input[type="submit"] {border: none; box-sizing: border-box; color: white; display: inline-block; text-decoration: none; text-transform: uppercase; border-radius: 5px; background-color: #1d2677; font-size: 1rem; text-align: center; padding: 1rem 2.5rem .8rem 2.5rem; letter-spacing: 1px; margin: .5rem 0; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .3);}
.button-small {padding: .8rem 1rem .6rem 1rem; font-size: 0.875rem;}
.meta {padding-bottom: 20px; background: url(images/hr.gif) center bottom no-repeat;}
.clearfix:after {content: "."; display: block; height: 1px; visibility: hidden; clear: both;}
.clearfix {height: 1%; min-width: 1px;}
.widget {padding: 1rem 0;}
.alignright {float: right; margin: 0 0 10px 15px;}
.alignleft {float: left; margin: 0 15px 10px 0;}
.wp-caption-text {text-align: center; font-style: italic; font-weight: bold;}
.more {font-weight: bold;}

/* Trip Advisor Popup */
#modal-mask {position: absolute; float: top; z-index: 9000; background: #000; filter: alpha(opacity=70); opacity: 0.7; left: 0; display: none;}
#modal-dialog {position: absolute; display: none; z-index: 9999; background: #fff; border-radius: 12px; box-shadow: 0 0 10px #000;}
#modal-content {padding: 20px 40px;}
#modal-content h2 {color: #599442; margin-top: 2em;}
#modal-content p {color: #4d4d4d; font-size: 1.2em;}
#modal-content img {margin-bottom: 0;}

/* Trip Advisor Widget */
.ta-scroller {margin-bottom: 1rem;}
.ta-scroller > div {width: 100% !important; box-sizing: border-box; border: 1px solid #c0bea6 !important; }
.ta-reviews, .widSSP {width: 100% !important;}
.ta-reviews * {max-width: 100% !important; font-size: 0.875rem !important; line-height: 1.4 !important;}
.ta-reviews .widSSPData {border: 1px solid #c0bea6 !important; padding: 20px !important;}
.ta-reviews .widSSPDate {font-weight: bold !important;}

/* ==========================================================================
 Responsive
 ========================================================================== */
/* Default (680 - 768) */ 
body.logged-in:before {position: fixed; z-index: 99999; background: rgba(255, 255, 0, .8); content: ""; top: 32px;}

/* under 1024px */
@media (max-width: 960px) {
	body.logged-in:before {content: "under 960px";}
	html {font-size: 15px;}
	#wrapper {padding: 0 1.5rem;}
	#main {padding: 3rem;}
	#content .news {margin-bottom: 3rem;}
	#content .news, #content .sidebar {width: 100%; float: none; padding: 0; clear: both;}
	blockquote {margin: 2rem 0;}
}

/* under 768px */
@media (max-width: 768px) {
	body.logged-in:before {content: "under 768px"; top: 46px;}
	html {font-size: 14px;}
	#wrapper {padding: 0 1rem;}
	#main {padding: 2rem;}
	.logo, .logo-img {width: 200px; height: auto;}
}

/* under 640px */
@media (max-width: 640px) {
	body.logged-in:before {content: "under 640px";}
	html {font-size: 13px;}
	#wrapper {padding: 0;}
	#main {padding: 1.25rem;}
	#slides, #slides ul li img {border-top-left-radius: 0; border-top-right-radius: 0;}
	.logo, .logo-img {width: 180px; height: auto;}
	.logo {padding: 1rem 0;}
	.primarynav {position: static; margin: 2rem 0 0 0; padding: 0; border: none;}
	.utilitynav {position: static; text-align: center; margin-top: 1rem;}
	.utilitynav ul li {font-size: 1rem;}
	.reservations {position: static;}
	.reservations.button {width: 70%; margin: 0 15%;}
}

/* under 480px */
@media (max-width: 480px) {
	body.logged-in:before {content: "under 480px";}
	html {font-size: 12px;}
	#main {padding: 1rem;}
	.logo, .logo-img {width: 160px; height: auto;}
}

/* ==========================================================================
 Print
 ========================================================================== */
@media print {
	*, *:before, *:after, *:first-letter, *:first-line {background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important;}
	a, a:visited {text-decoration: underline;}
	a[href]:after {content: "(attr(href))";}
	abbr[title]:after {content: "(attr(title))";}
	a[href^="#"]:after, a[href^="javascript:"]:after {content: "";}
	pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}
	thead {display: table-header-group;}
	tr, img {page-break-inside: avoid;}
	img {max-width: 100% !important;}
	p, h2, h3 {orphans: 3; widows: 3;}
	h2, h3 {page-break-after: avoid;}
}