/* Layout */
.grid, .unit { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.grid {display: block;clear: both;}
.grid .unit {float: left;width: 100%;padding:0.5em 1.5em;}
.grid .unit .unit:first-child { padding-left: 2em; }
.grid .unit .unit:last-child { padding-right: 1.2em; }
.unit .grid:first-child > .unit { padding-top: 0; }
.unit .grid:last-child > .unit { padding-bottom: 0; }
/* No padding */
.no-gutters .unit,.unit.no-gutters {padding: 0 !important;}
/* Wrapping */
.wrap .grid,.grid.wrap {max-width: 61em;margin: 0 auto;}
/* Width classes */
.grid .whole { width: 100%; }
.grid .half { width: 50%; }
.grid .one-third { width: 33.333%; }
.grid .two-thirds { width: 66.6665%; }
.grid .one-quarter { width: 25%; }
.grid .three-quarters { width: 75%; }
.grid .one-fifth { width: 20%; }
.grid .two-fifths { width: 40%; }
.grid .three-fifths { width: 60%; }
.grid .four-fifths { width: 80%; }
.grid .arb-small { width: 10%; } 
.grid .arb-large { width: 80%; } 
/* Clearfix after every .grid */
.grid { *zoom: 1;}
.grid:before, .grid:after {display: table; content: "";line-height: 0;}
.grid:after {clear: both;}
/* Positioning classes */
.align-center { text-align: center; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }
.pull-left    { float: left; }
.pull-right   { float: right; }
.no-wrap {white-space:nowrap;}

/* Responsive Stacking */
@media screen and (max-width: 50em) {
     .grid .unit {width: 100% !important;padding-left: 1.25em;padding-right: 1.25em;}
     .unit .grid .unit {padding-left: 0em;padding-right: 0em;}
     .center-on-mobiles {text-align: center !important;}
     .hide-on-mobiles {display: none !important;}
nav {width:90% !important;padding-top:0em !important;margin:0 auto !important;}
nav .primary-nav {padding:0;}
nav ul li {text-align: center !important; margin:0.1em 0.1em !important;background: #e15 !important;}
nav ul li a {display: block; padding: 0.2em 0.3em !important;color: #fff !important; border:1px dotted #fff !important;}
h1 {font-size: 1.2em !important;}
h2 {font-size: 1em !important;}
h3 {font-size: 1em !important;}
.bb-right {margin-right:0 !important;width:100%;text-align:center;}
.bb-left {margin-left:0 !important;}
img.bb {max-width:10em !important;}
}

/* Expand the wrap on larger screens */
@media screen and (min-width: 73em) {
     .wider .grid {max-width: 73em;margin: 0 auto;}
}

/* GENERAL */
body {font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #555; background:#fff; text-shadow: 0 1px 0 rgba(0,0,0,.2);line-height: 1.5em;}
body > header,body > section,body > footer {display: block;width: 100%;clear: both;float: left;}
h1, h2, h3 {font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 700;
letter-spacing: -.01em;line-height: 1.5em;}
h1 {font-size: 1.6em; margin: 0.4em 0 !important;}
h2 {font-size: 1.3em;margin: 0.4em 0;}
h3 {font-size: 1.17em;margin: 0.4em 0;}
h4 {font-size: 1em;margin: 0.4em 0;}
h5 {font-size: 0.83em;margin: 1.67em 0;}
h6 {font-size: 0.75em;margin: 2.33em 0;}
a {color: #555;text-decoration: none; -webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
a:hover, a:focus {color:#e15;border-bottom: 1px dotted #e15;}
p, ul, pre {font-size: 1.0em;line-height: 1.5em;}
table {font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;margin-bottom:1em;}

/* HEADER */
header a {border:none;}
header img {width:100%;}
header div.top {border-top:2px solid #000; padding-top:0.5em;font-family: 'Bigelow Rules', cursive;letter-spacing: .1em;line-height:4.5em;}
header span.top-red {color:#e15; font-size:4em;}
header span.top-blue {color:#19d; font-size:4em;}
.icon img {width:6em;vertical-align:middle;padding:0;}
header .social img {width:2em;height:auto;}

/* BUTTON */
.button {border-radius: 5px;background: #e15;
background-image: -moz-linear-gradient(#e15, #ebc);
background-image: -webkit-linear-gradient(#e15, #ebc);
background-image: -ms-linear-gradient(#e15, #ebc);
background-image: linear-gradient(#e15, #ebc);
border: 1px solid #fff;box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);padding: 8px 16px;color:#fff;text-shadow: 0 1px 0 #000;font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; display: inline-block; margin-bottom: .5em;}
.button:hover, .button:focus {outline: none;/*border: 1px solid rgba(204,204,204,.5);*/box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 0 10px rgba(238,17,85,.3); text-shadow: none;}

/* IMAGES */
.grid .unit .image {line-height:0em;padding:0.9em;background:#fff;box-shadow: 0 0 5px rgba(0,0,0,.1);}
.grid .unit .image img, #news img {text-align: center;width:100%;}

/* CONTENT BACKGROUND */
.border-left {border-left:5px solid #19d; border-radius:3px;padding-left:2em;}
.right-bottom {border-right:5px solid #19d;border-bottom:5px solid #19d;border-radius:0 0 10px 0;}
.plain {font-family: 'Calligraffitti', cursive; font-size:1.0em;letter-spacing:0.2em;color:#999; background:#fff;box-shadow: 0 0 5px rgba(0,0,0,.1);line-height:2.1em !important;}
.plain a {color:#e15;}

/* NAVIGATION */
nav {clear:right; background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;line-height:0;}
nav .primary-nav {margin:0;padding:0;}
nav ul {background: #fff;padding: 0 1em;list-style: none;position: relative;display: inline-table;}
nav ul li {float: left;	margin:0 0em;white-space:nowrap;}
nav ul li a {display: block; padding: 0.6em 0.9em;color: #e15; text-decoration: none;border:none;
font-family: 'Bigelow Rules', cursive;letter-spacing: .1em;font-size:1.5em;font-weight:bold;text-transform:uppercase;}
nav ul li a:hover, nav ul li a:focus {color:#fff;background-color:#e15;border-bottom:none;}
.selected a {color:#fff;background-color:#e15;}

/* FOOTER */
footer {font-size: 1em;margin-top:1em;border-top:2px solid #9be; background:#19d; color:#fff; display:block;}
footer a {color:#fff;padding:0.2em 1em;}
footer a:hover, footer a:focus {color:#fff;border-bottom: 1px dotted #fff;}

/* NEWS PAGES */
div#news ul {list-style:none;}
div#news ul li {margin:0.5em 0;clear:both;position:relative;}
div.image-news {line-height:0;max-width:10em;}
.text1-news {/*width:70%;*/float:right;}
div.image2-news {clear:right !important; float:right !important;}
.text2-news {/*width:70%;*/float:left;}

#news ul li:nth-child(odd) div.image-news {float:right; box-shadow:0 0 5px rgba(0,0,0,.1);margin:0 0 0 1em;}
#news ul li:nth-child(even) div.image-news {float:left; box-shadow: 0 0 5px rgba(0,0,0,.1);margin:0 1em 0 0;}
.pp-button-news {margin:1em auto 1em auto;border-bottom:1px dashed #eee;}
.pp-button-news input {margin-bottom:1em;}
#news ul li:nth-child(even) div.pp-button-news {float:right;margin-right:1em;}
.price-news {font-size:1.6em;margin-bottom:0.5em;color:#e15;font-weight:bold;}
h2.title-news {color:#e15;}
/*.text-news {float:right;}*/

/* BB code styling */
.bb-right {margin:1em 1em 1em 1.8em;}
.bb-left {margin:1em 1.8em 1em 1em;}
img.bb {max-width:15em;max-height:15em;background: #fff;box-shadow: 0 0 5px rgba(0,0,0,.1);}
ul.bb {list-style:disc inside;}
h1.bb {font-size: 3em !important; margin: 0em 0 !important;font-family: 'Bigelow Rules', cursive; color:#e15;letter-spacing: .1em;}
h2.bb {font-size: 2em !important; margin: 0em 0 !important;font-family: 'Bigelow Rules', cursive; color:#e15;letter-spacing: .1em;}

/* GALLERY */
.hovergallery {text-align: center;}
.hovergallery div {margin:0.5em;display:inline-block;vertical-align:top;line-height:1.2em;width:10em;}
.hovergallery img{-ms-transform:scale(0.6);-webkit-transform:scale(0.6); -moz-transform:scale(0.6); -o-transform:scale(0.6); -ms-transition-duration: 0.5s;-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; opacity: 1;line-height:0;}
.hovergallery img:hover{-ms-transform:scale(1.2);-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);  opacity: 1;}

/* COOKIE BANNER */
#cookiebanner {font-size:0.9em;padding:0em 1em; position:fixed; bottom:0; background:#f9c; width:100%; color:#fff;border-top:1px solid #e8b;}
#cookiebanner a {color:#fff;border-color:#fff;}
#cookiebanner div.button {position:relative;float:right;margin:1em 2em;padding:0;}
#cookiebanner input {color:#fff;background-color:transparent;font-size:1.5em;font-weight:bold; border:none;}

select#enquiry.select {font-weight: bolder;font:inherit;color:#999;letter-spacing: .1em;}
label.label {line-height:1.8em !important;}
select {color:#999;text-shadow: 0 1px 0 rgba(0,0,0,.2);}
.pp-button-news select {font-size:0.9em;}