/*
Theme Name: Chalet La Cerise
Description: chaletlacerise.co.uk
Author: Matt Blank
Version: 2
*/

/***** GLOBAL ******/
@-ms-viewport {width: device-width}
@-o-viewport {width: device-width}
.clearfix:after 				{ content: ""; display: table; clear: both; } 
:first-child+html .clearfix 	{ min-height: 0; }
* html .clearfix 				{ zoom: 1 } /* IE6 */
*:first-child+html .clearfix 	{ zoom: 1 } /* IE7 */
body {margin: 0; background: #f3f4f8; font-family: 'OpenSans', Helvetica, sans-serif; font-size: 18px; color: #666; line-height: 32px}
a {text-decoration: none; color: #2d71cf}
a:hover {color: #049cdb}
h1 {font-family: 'Quicksand', Helvetica, sans-serif; font-size: 50px; color: #000; margin: 0; padding-bottom: 0; line-height: 25px; margin-bottom: 15px; letter-spacing: -4px; font-weight: 300}
h2 {font-family: 'Quicksand', Helvetica, sans-serif; font-size: 30px; color: #000; margin: 0; padding-bottom: 0; line-height: 25px; margin-bottom: 15px; letter-spacing: -1px; font-weight: 300}
h3 {font-family: 'Quicksand', Helvetica, sans-serif; font-size: 30px; color: #000; margin: 0; padding-bottom: 0; line-height: 25px; margin-bottom: 15px; letter-spacing: -1px; font-weight: 300; border-bottom: 1px solid #bbb; padding-bottom: 20px; width: 100%}
h4 {font-weight: bold; margin: 0; padding: 0}
img {border: 0}
.clear {float: none; clear: both}
ul {list-style: none; padding: 0; margin: 0}

#headerbg {background: url("/wp-content/uploads/blue-sky.jpg") no-repeat center; height: 526px; margin-bottom: 20px; display: table; text-align: center; width: 100%; background-size: cover}
.page-about #headerbg {background: url("/wp-content/uploads/chalet.jpg") no-repeat center; background-size: cover}
.page-location #headerbg {background: url("/wp-content/uploads/green-land.jpg") no-repeat center; background-size: cover}
.page-skiing #headerbg {background: url("/wp-content/uploads/skiing.jpg") no-repeat center; background-size: cover}
.page-summer #headerbg {background: url("/wp-content/uploads/summer.jpg") no-repeat center; background-size: cover}
.page-gallery #headerbg {background: url("/wp-content/uploads/goats2.jpg") no-repeat center; background-size: cover}
.page-booking #headerbg {background: url("/wp-content/uploads/food.jpg") no-repeat center; background-size: cover}
.tagline {display: table-cell; vertical-align: middle; font-family: 'Quicksand', Helvetica, sans-serif; font-size: 40px; color: #fff; line-height: 50px; letter-spacing: -3px; font-weight: 300}
.tagline span {font-weight: 400}
.page-skiing .tagline {text-shadow: 1px 1px 3px #000}
.page-booking .tagline {text-shadow: 1px 1px 3px #000}
#header {background-color: rgba(0,0,0,0.2); width: 100%; height: 109px; display: table; text-align: center; position: absolute}
.logo {color: #fff; font-size: 40px; font-family: 'Quicksand', Helvetica, sans-serif; margin: 0; padding-bottom: 0; line-height: 25px; margin-bottom: 15px; letter-spacing: -4px; font-weight: 300}
.logo:hover {color: #fff}
.headercontent {font-family: 'Quicksand', Helvetica, sans-serif; display: table-cell; vertical-align: middle; width: 1002px}
.nav a {padding: 3px 15px; color: #fff; text-transform: uppercase; font-size: 20px}
.nav a:hover {background: #fff; color: #000; border-radius: 5px}

.wrapper {width: 942px; padding: 0 30px; margin: auto}
.main {float: left}

.details {margin-bottom: 30px}
.home h1 {padding: 0}
#left {width: 618px; float: left; margin-right: 30px}
/*.dataTables_wrapper {margin-top: 40px}*/
.page-about #left ul {list-style: disc; margin-bottom: 30px; padding-left: 20px}
.tablepress caption {display: none}
.tablepress thead th, .tablepress tfoot th {background-color: #2d71cf !important; color: #fff !important; font-weight: 300 !important}
.tablepress thead th:hover, .tablepress tfoot th:hover {background-color: #049cdb !important}
.gallery-item {float: left; text-align: center; margin-right: 15px}
.gallery-item dd {margin: 0; font-size: 14px}
.page-gallery .ngg-galleryoverview {margin-top: 40px}
.page-gallery .ngg-gallery-thumbnail-box {margin-right: 20px}
.bookingform {padding: 5px 10px; background: #2d71cf; color: #fff; text-align: center; text-transform: uppercase}
.bookingform:hover {background: #049cdb; color:#fff}

#right {width: 294px; float: left}
.ngg-gallery-thumbnail {margin-bottom: 20px !important}
.ngg-gallery-thumbnail img {border: none !important; background: none !important; margin: 0 !important; padding: 0 !important}
.ngg-gallery-thumbnail img:hover {background: none !important}
.horizgal .ngg-gallery-thumbnail img {margin-right: 15px !important}

.buckets {margin-top: 30px}
.buckets li {width: 294px; margin-right: 30px; float: left; font-size: 17px; line-height: 30px}
.buckets li:last-child {margin-right: 0}
.buckets a {font-weight: bold}



/***** CONTACT ******/
form p {margin-bottom:0.5em}
input {padding: 7px; border: 1px solid #ddd; width: 531px; font-size: 18px; font-family: 'Quicksand', Helvetica, sans-serif; color: #999; padding-left: 65px; padding-right: 20px}
input:hover {border: 1px dotted #ddd}
input:focus {background: #f9f9f9}
textarea {padding: 7px; border: 1px solid #ddd; font-size: 18px; line-height: 24px; width: 531px; height: 255px; font-family: 'Quicksand', Helvetica, sans-serif; color: #999; padding-left: 65px; padding-right: 20px}
textarea:hover {border: 1px dotted #ddd}
textarea:focus {background:#f9f9f9}
.button {width: 153px; height: 35px; background: #2d71cf; text-align: center; color: #fff; display: block; border: none; cursor: pointer; padding-left: 0; padding-right: 0px; font-family: 'Quicksand', Helvetica, sans-serif; line-height: 24px; -webkit-appearance: none; text-transform: uppercase}
.button:hover {background: #049cdb; border: none}
.error {color: #eaff00; background: #000; padding: 5px}
.errorlist {color: #cc0000; font-size: 20px; line-height: 30px; padding: 20px 0}
label {position: absolute; z-index: 888; padding-left: 15px; margin-top: 9px; padding-right: 15px; border-right: 1px dashed #ccc; height: 22px}
.formmessage {padding-top: 105px; height: 132px}
::-webkit-input-placeholder {color: #ccc; font-style: italic; font-size: 14px; line-height: 22px}
:-moz-placeholde {color: #ccc; font-style: italic; font-size: 14px; line-height: 22px}
::-moz-placeholder {color: #ccc; font-style: italic; font-size: 14px; line-height: 22px}
:-ms-input-placeholder {color: #ccc; font-style: italic; font-size: 14px; line-height: 22px}
.page-contact #footer {background: #f3f4f8; border-bottom: none; margin-top: 0; padding-top: 0}
.page-contact #footer h2 {display: none}
.page-contact #wpcf7-f46-p47-o1 {display: none}
.page-contact .smoking {display: none}
.page-contact .footernav {display: none}
.page-contact .callme {margin-top: 15px}
.captchatext {float: left; margin-bottom: -7px; width: 100%}
.captcha input {padding-left: 10px; width: 160px}



/***** FOOTER ******/
#footer {float: left; width: 100%; background: #e6ebf2; padding-top: 20px; margin-top: 30px; position: relative; z-index: 450; border-bottom: 25px solid #d3d8de}
#footer .main {margin-top: 0}
.contactform {float: left; width: 618px; margin-right: 30px}
.callme {float: left; width: 294px; margin-bottom: 30px; margin-top: 40px; line-height: 27px}
.callme img {float: left; margin-right: 15px; margin-top: 5px}
.footernav {font-size: 14px; line-height: 20px}
.footernav li {margin-bottom: 7px}
.footernav ul {margin-top: 20px; margin-bottom: 20px}
.smoking {line-height: 24px}