/*
Theme Name: Breeze Blocks
Theme URI: 
Author: We R Digital <Richard Skinner>
Author URI: http://www.werdigital.co.uk/
Description: Default theme for We R Digital Wordpress sites.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: breezeblocks

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url(http://fonts.googleapis.com/css?family=Permanent+Marker|Cabin+Sketch|Amatic+SC:400,700|Covered+By+Your+Grace|Love+Ya+Like+A+Sister|Englebert);

@font-face{ 
	font-family: 'Dragline';
	src: url('css/fonts/dragline/ufonts.com_dragline_btn_dm.eot');
	src: url('css/fonts/dragline/ufonts.com_dragline_btn_dm.eot?iefix') format('eot'),
	     url('css/fonts/dragline/ufonts.com_dragline-btn-dm.woff') format('woff'),
	     url('css/fonts/dragline/ufonts.com_dragline-btn-dm.ttf') format('truetype');
	     /*url('css/fonts/dragline/EraserRegular-webfont.svg#webfont') format('svg');*/
}

/**
 * 	GLOBAL
 *****************************************/
body {
	background: url(images/treehouse-background.jpg);
	background-size: 83%;
}

#background {
	background: #000;
	opacity: 0.9;
	display: block;
	position: absolute;
	height: 100%;
	min-height: 100%;
	width: 100%;
	z-index: -1;
}

#spotlight {
	background: url(images/spotlight.png);
	content: "";
	position: absolute;
	height: 742px;
	width: 380px;
	left: -65px;
	top: -115px;
	z-index: -1;
	opacity: 0.8;
}

h1, h2, h3, h4, h5, h6, label, p, input, ul {
	color: #FFF !important;
	font-family: Dragline, Helvetica, Arial, sans-serif;
}

p {
	color: #EEE !important;
	font-family: Dragline, Helvetica, Arial, sans-serif;
}

h2 {
	/*3rem;*/
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 900;
	margin: 10px 0;
}

label {
	line-height: 1.3;
}

strong {
	color: #df6e17;
}

p {
	font-size: 16px;
}

a {
	color: #e0e3ae;
}

a:hover {
	color: #fea851;
}

strong {
	font-weight: 700;
}

.chalkboard-wrapper {
	padding: 24px 14px 21px 12px;
	margin-top: 35px;
}

.chalkboard, 
.chalkboard-mobile {
	position: absolute;
	z-index: -1;
	top: 35px;
	width: 100%;
	left: 0;
}

.chalkboard-mobile {
	display: none;
}

.fixed-col {
	position: fixed;
}

.row {
	max-width: 70rem !important;
}

.required {
	color: #f04124;
}

.alert p, 
.success p {
	line-height: 1.5rem;
	margin: 0;
}

.width-100 {
	width: 100% !important;
}

.btn-site {
	background: #df6e17;
}

h4.centre {
	text-align: center;
}

input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="month"], 
input[type="week"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"], 
textarea {
	background: none;
	border: none;
	border-bottom: 3px solid #FFF;
	font-size: 17px;
	font-weight: 700;
	height: 21px;
	line-height: 20px;
	margin-bottom: 5px;
	padding: 0px 0px;
}

input[type="text"]:focus {
	background: none;
}

.opaque {
	background: #000;
  /* Theoretically for IE 8 & 9 (more valid) */
  /* ...but not required as filter works too */
  /* should come BEFORE filter */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // IE8

  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=50); // IE 5-7
  
  /* Modern Browsers */
  opacity: 0.5;
}

/**
 * 	HEADER
 ****************************************/
header {
	margin-top: 35px;
}

header a.logo img {
	display: block;
	margin: 0 0 0 63px;
	width: 100px;
}

header h1 {margin: 0;}

header a.logo {
	display: block;
	padding: 0 20px 20px 20px;
}

/**
 * 	PAGE
 ****************************************/
.page h2 {
	text-align: center;
}

.page .content {
	padding: 0 20px;
	overflow: auto;
	height: 465px;
	width: 66%;
}

.page .google-map-shadow {
	-webkit-box-shadow:inset 0 0 15px 4px #000000;
	box-shadow:inset 0 0 15px 4px #000000;
	width: 758px;
	height: 515px;	
	position: absolute;
	z-index: 1000;
}

.page .google-map {
	width: 100%;
	height: 533px;
}

.page-contact-us .page > p {
	text-align: center;
	line-height: 0;
}

.page-contact-us .page .large-6 p {
	line-height: 1.6rem;
}

.page-contact-us .page .large-6 .button {
	display: block;
	margin: 10px auto 0 auto;
}

.page-contact-us .page label {
	font-size: 20px;
}

.page-contact-us .chalkboard {
	padding: 24px 45px 21px 45px;
}

.page-location .content {
	height: 100%;
	padding: 10px 10px 10px 10px;
	width: 100%;
	z-index: 2000;
}

.page-location .tape {
	position: absolute;
	z-index: 2000;
}

.page-location .content p {
	font-size: 22px;
	margin-bottom: 10px;
}

.page-location .content ul {
	list-style: none;
}

/**
 * 	POST
 ****************************************/
.post-type-archive .chalkboard {
	/*padding: 24px 50px 21px 50px;*/
}

.page-bookings .chalkboard {
	/*padding: 24px 50px 21px 50px;*/
}

.post-type-archive h2 {
	text-align: center;
	margin-bottom: 20px;
}

.post-type-archive li.menus,
.post-type-archive li.events,
.post-type-archive li.functions {
	position: relative;
}

.post-type-archive li.menus img.tape,
.post-type-archive li.events img.tape,
.post-type-archive li.functions img.tape {
	position: absolute;
	top: -14px;
	left: -1px;
	width: 60px;
	z-index: 1000;
}

.post-type-archive li h4 {
	text-align: center;
}

.post-type-archive li img.wp-post-image {
	transform:rotate(3deg);
	-ms-transform:rotate(3deg); /* IE 9 */
	-webkit-transform:rotate(3deg); /* Opera, Chrome, and Safari */
	-webkit-box-shadow: 0 0 20px 0 #000000;
	box-shadow: 0 0 20px 0 #000000;
}

/**
 * 	FOOTER
 ****************************************/
footer {
	text-align: center;
}

footer p {
	font-family: Dragline, Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 42px;
	margin: 0;
}

.social-links-wrapper {
	display: block;
	margin: 0 auto;
	width: 135px;
}

/**
 * 	NAVIGATION
 ****************************************/
nav {
	margin: 10px 0 30px;
}

nav.tab-bar {
	margin: 0;
}

ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	width: 100%;
}

ul.menu li {
	padding: 7px 0;
}

ul.menu li a {
	font-family: 'Cabin Sketch', cursive;
	font-size: 35px;
}

/**
 * 	NIVO SLIDER
 ****************************************/
#slider {
	transform:rotate(3deg);
	-ms-transform:rotate(3deg); /* IE 9 */
	-webkit-transform:rotate(3deg); /* Opera, Chrome, and Safari */
	-webkit-box-shadow: 0 0 20px 0 #000000;
	box-shadow: 0 0 20px 0 #000000;
	margin: 30px 0 0 20px;
}

#slider img {
	width: 241px !important;
}

.home .tape {
	position: absolute;
	z-index: 2000;
}

/**
 * 	STICKY FOOTER
 ****************************************/
html, body {
	height: 100%;
}

#page {
	min-height: 100%;
	margin-bottom: -42px;
}

#page:after {
	content: "";
	display: block;
}

footer, 
#page:after {
	height: 42px;
}

/**
 * 	META SLIDER
 ****************************************/
#metaslider {
	position: absolute !important;
	transform:rotate(3deg);
	-ms-transform:rotate(3deg); /* IE 9 */
	-webkit-transform:rotate(3deg); /* Opera, Chrome, and Safari */
	-webkit-box-shadow: 0 0 20px 0 #000000;
	box-shadow: 0 0 20px 0 #000000;
	top: 60px;
	left: 26px;
}

#metaslider .tape {
	position: absolute;
	z-index: 1000;
	top: -20px;
	left: -20px;
	height: 60px;
}

/**
 * 	MEDIA QUERIES
 */
/** Medium screens */
@media only screen and (max-width: 64em) 
{
	#metaslider {
		left: 6px;
		width: 26%;
	}
	
	.page .content {
		height: 53vw;
		width: 75%;
		padding: 0 0 0 60px;
		margin-right: 38px;
	}
	
	.page-bookings .chalkboard {
		padding: 0;
		width: 1024px;
	}
	
	.page-bookings .type-page hr {
		display: none;
	}
	
	.chalkboard-wrapper {
		margin-top: 5px;
	}
	
	.chalkboard {
		top: 5px;
	}
	
	.page-bookings .type-page {
		height: 649px;
		width: 95%;
		overflow: auto;
		margin: 0 auto;
	}
	
	.page-bookings footer {
		display: none;
	}
	
} /* min-width 641px and max-width 1024px, medium screens */

@media only screen and (max-width: 48em)  
{
	.chalkboard {
		display: none;
	}
	
	.chalkboard-mobile {
		display: block;
		position: absolute;
		left: 5%;
		top: 0;
		width: 90%;
	}
	
	.page-bookings .type-page {
		height: 927px;
		width: 90%;
		overflow: auto;
		margin: 0 auto;
	}
	
	.page .content {
		height: 700px;
	}
	
	footer {
		bottom: 27px;
		left: 0;
		width: 100%;
	}
}

/** Small screens */
@media only screen and (max-width: 40em) 
{	
	.chalkboard-wrapper {
		padding: 0 0 0 0;
		margin-top: 25px;
	}
	
	.chalkboard-wrapper h2 {
		font-size: 1.3em;
		margin: 0 0 10px 0;
	}
	
	.chalkboard,
	.chalkboard-mobile {
		display: none !important;
	}
	
	footer p {
		font-size: 8px;
	}
	
	.page .google-map {
		height: 400px;
	}
	
	.page-location .chalkboard-wrapper > img {
		display: none;
	}
	
	.page-location .chalkboard-wrapper {
		margin-top: 10px;
	}
	
	footer {
		position: relative;
		left: 0;
		right: 0;
		bottom: 6px;
		height: 35px;
	}
	
	.page .content {
		height: 100%;
		width: 100%;
		overflow: visible;
		margin: 0; padding: 0 10px;
	}
	
	#metaslider {
		position: relative !important;
		top: 20px;
		width: auto;
		margin-bottom: 35px;
	}
	
	.page-bookings .page {
		height: auto;
		overflow: visible;
	}
} /* Define mobile styles */

/** Orientation Media Queries */
@media screen and (orientation:portrait) {
	.chalkboard {
		display: none;
	}
	.chalkboard-mobile {
		display: block;
	}	
}

@media screen and (orientation:landscape) {
	.chalkboard {
		display: block;
	}
	.chalkboard-mobile {
		display: none;
	}
}