/*

	Theme Name: Cavalier Pies
	Author: Kev Durber
	Version: 1.2
	Description: Based on standard template for Bazzoo clients

	WELCOMEBRAND STARTER THEME
	--------------------------
	Build Version : 	1.0.0
	Author : 			kev@bazzoo.co.uk
	Website :			http://www.bazzoo.co.uk
	
	CONTENTS
	--------
	01 : Global resets - Minified for convenience (using http://t.co/39Adgaq + http://t.co/YCoVZGc)
	02 : Global typography & layout rules
	03 : Page styles
	04 : Post styles 
	05 : General bits 
	
	00 : MEDIA QUERIES - Common breakpoints	
	
	Theme based on Barebones by James Young
	
	A note regarding - MEDIA QUERIES
	--------------------------------
	Skip to the bottom of the stylesheet, all media queries and breakpoints are in this stylesheet. 
	This is now based on a mobile first approach and there's more flexibility and convenience in using 
	inline declarations because there's only one stylesheet to maintain.
	Lessons learnt from looking through the 320&Up source from https://github.com/malarkey/320andup

	A note regarding - PIXEL WIDTHS
	-------------------------------
	To add even more flexibility, all widths are now declared as em units instead of pixels. It's a simple
	calculation based on: 
	
	Required element pixel value ÷ parent font size in pixels = em value
	So, our required width of 770px in ems can be calculated like this:
	770 ÷ 16 = 48.125em (Note, EM's only work to 3 decimal places)
	
	In this case, the base font size is 16px so widths can be easily worked out. 
	
*/

/* 01 START : Global reset styles */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent}ins,mark{background:#333;color:#fff;text-decoration:none}mark{padding:0 3px;}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}::-moz-selection,::-webkit-selection,::selection {text-shadow:none;background:#F1C274;color:#222;}
/* 01 END : Global reset styles */

/* 02 START : Global typography and layout rules */
html, input {
	font: 			100%/1.5 sans-serif;
}

html,body {
	
	margin: 0px;
	padding: 0px;
 	border: 0px;
	height:100%;
	width:	100%;
	min-width:400px;
}

body {
	
	background:		#2a2614;
	color:			#555;
	line-height: 	1.5;	
}
	
h1, h2, h3, h4, h5, h6 {
	font-family: 'Alef', Arial, sans-serif;	
}

h1 { }	

h2 { 
	font-size:110%;
	margin-bottom:1em;
}

h3 { }

blockquote { }
	
blockquote cite { }	

p {
	margin:0.5em 0 1em;
}	

a {
	color:#fff;
}	
	
a:hover {
	color:#ddd;
}	

img, 
a img {
	max-width: 		100%;
}

input[type=text],
input[type=tel],
input[type=email],
input[type=submit],
select {
	
}
input[type=submit]
{
	cursor:pointer;
}

figure { }

figcaption { }


.alignleft,
.alignright {
	float: left;
	display: inline;
	margin-right:12px;
}

.alignright {
	margin-left:12px;
	float: right;
}


/* 02 END : Global typography and layout rules */

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/**** STRUCTURE ****/
	.primary-content {
		display:block;		
		width:70%;
		padding:1.5% 3%;
		margin-right:0%;
		background:url(/wp-content/themes/cavalier-pies/assets/images/pie-bg.png) no-repeat #373531;
		color:#fff;
		float:left;
	}
	.secondary-content {
		display:block;
		width: 22%;
		padding:1.5% 1%;
		color:#ccc;
		background:#000;
		float:left;
	}	
	.with-menu {
		/* width:74%; */
		float:right;
	}	
	.full-width {
		width:94%;
	}		
	.content_sidebar {
		width:68%;
	}
	.site_footer {
		width:96%;
		clear:both;
		background:#000;
		color:#fff;
		padding:12px 2%;
		font-size:0.8em;
		border-top:6px solid #c52626;
	}
/*************************/

img#stretch_bg {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  min-width:400px;
}
img.flag {
	position:fixed;
	top:0;
	right:0;
}
.site_wrap {
	width:100%;
	max-width:1000px;
	height:100%;
	margin:0px auto;
	position:relative;
	z-index:10;	
}

.entry-meta {
	display:none;
}
.entry-summary {
	border-bottom: 1px solid #555;
	margin-bottom: 32px;
}

.secondary-content aside {
	margin-bottom:24px;
	
}


/* 03 START : Page styles */

/****** Header ******/
.branding_container {
	padding:0;
	width:100%;
	clear:both;	
	height:98px;	
	background:transparent;
	font-family: 'Alef', Arial, sans-serif;
}
.header_col {	
	float:left;	
	clear:none;
}
.header_logo {
	margin: 18px 3% 0;
}
.search_form {
	margin: 110px 0 6px -20px;
}
.header_contact {
	margin:6px 20px 0 0;
	float:right;
	font-size:180%;
	color:#fff;		
}
.strapline {
	float:right;
	color:#fff;
	text-align:right;
	margin-top:16px;
	font-weight:bold;
	font-size:120%;
}
.strapline li {
	list-style-image: url("assets/images/tick.png");
	float:none;
}
/********************/

.left {
	float:left;	
}
.right {
	float:right;
}


/************ FOOTER **************/
.footer_menu li {
	float:left;
	margin:0 6px;
}


/**************** PIE MENU ****************/
.secondary_menu a {
	color:#fff;
	text-decoration:none;
	padding:12px 12px 12px 42px;
	display:block;
}
.secondary_menu a:hover {
	background:#C52626;
	color:#fff;
	
}
.secondary_menu li {
	border-bottom:12px solid #C52626;
	background:url(/wp-content/themes/cavalier-pies/assets/images/crest-small.png) no-repeat left center;	
}
.secondary_menu li:last-child {
	border-bottom:none;
}

.banner {
	width:48%;
	margin:16px 3% 0;
	min-width:360px;
	float:left;
	background:#000;
	color:#fff;		
	border:6px solid #C52626;
	text-align:center;
	font-family: 'Alef', Arial, sans-serif;	
}
.banner img {
	margin:16px;
}
.banner p {
	margin:16px 15%;
}

/*** Top Navigation ***/
.top_menu {
	float:right;
	width:100%;
}
.top_menu li {
	float:right;
	display:inline-block;
	margin: 0 1%;
}
.top_menu a {
	color:#444;
	background:#fff;
	font-size:80%;
	text-decoration:none;
}
.top_menu a:hover {
	color:#a1a1a1;
}

/*** Main navigation ***/
.main_menu {	
	clear:both;
	margin: 0 auto;  	
  	width:77%;
	float:right;
	font-family: 'Alef', Arial, sans-serif;
}

.main_menu ul,
div.main_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main_menu li,
div.main_menu li {
	display:inline-block;
	position: relative;
	width:auto;
}
.main_menu ul ul {
	display: none;
	position: absolute;
	top: 32px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}

.main_menu ul li:hover > ul {
	background:#00aef0;
	background-opacity:80%;
	/* color:#f1cf00; */
	display: block;
}
.main_menu a {
	display:block;
	padding:5px 13px;
	font-size:120%;
	font-weight:bold;
	text-decoration:none;
	color:#c52626;
	/* text-shadow: 0px 0px 5px #fff;  */
}
.main_menu a:hover {
	color:#fff;
	background:#c52626;
	text-shadow: none; 
}
.main_menu ul ul a {
	color:#c52626;
	background:#00aef0;
}
 .main_menu ul ul a:hover {
	color:#fff;
} 
.main_menu ul ul li {
	/* padding:6px 9px; */
	display:block;
}
.main_menu .current_page_item a {
	background:#C52626;
	color:#fff;
	/* text-shadow: 1px 1px 1px #fff; */
}
.main_menu .current_page_item a:hover {
	color:#fff;
}
.main_menu ul ul .current_page_item a {
	color:#c52626;
}


/************* OVERRIDE WOO SHOP STYLES ******************/
#container {
	clear:both;
	width:96%;
	padding:2%;
	background:#373531;
	color:#ddd;
}
#container a {
	color:#fff;
}
#container a:hover {
	background:#c52626;
}
.the-content a {
	color:#fff;
	/* text-decoration:none;	 */
}
.the-content a:hover {
	background:#c52626;
}

.overlapper {
	margin-right:-60px;
}



/*********** FOOTER **************/
.footer_col {
	width:31%;
	margin:1%;
	background:#fdf;
	display:inline-block;
}

/* 03 END : Page styles */



/* 04 START : Post styles */

/* 04 END : Post styles */



/* 05 START : General bits */

/* 05 END : General bits */


/* 00 START : MEDIA QUERIES - Common breakpoints */

/* 480px equivalent breakpoint */
@media only screen and (max-width: 30em) { 
	
}



/* 600px equivalent breakpoint */
@media only screen and (max-width: 37.5em) { 
	.banner {
		width:30%;
	}
}



/* 768px equivalent breakpoint */
@media only screen and (max-width: 37.5em) { 
	.alignleft,
	.alignright {
		/* left and right float triggered on bigger screens */
		float: none;
	}
	
	.primary-content {
		width:94%;
	}
	.secondary-content {
		width:100%;
	}
	
	.main_menu {
		width:100%;
	}
	
	.main_menu li,
	div.main_menu li {
		width:100%;
	}
	
	.site_wrap {
		min-width:400px;
	}
	
	.banner {
		width:64%;
	}
}



/* 1024px equivalent breakpoint */
@media only screen and (max-width: 64em) {
	.header_logo {
		width:16%;
	}
	.banner {
		width:67%;
		float:right;
	}
	.strapline {
		margin-top:0;
		margin-bottom:16px;
	}
	.strapline li {
		float:left;
		margin:0 30px;
	}
}



/* 1260px equivalent breakpoint */
@media only screen and (max-width: 78.75em) { 

}
/* 00 END : MEDIA QUERIES - Common breakpoints */


/* PRINT STYLES */

@media print {
	/* If you're going to have a print stylesheet, now's the time */
}