/*
Theme Name: Brooksbank & Collins
Theme URI: https://brooksbankcollins.com
Author: MA
Author URI: http://andrws.com/
Description: Custom resonsive WordPress theme for Brooksbank & Collins, with eCommerce
Version: 2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom,responsive,ecommerce,white
Text Domain: brooksbankcollins
*/
/* ------------------------------------------------ */
/*              Layout Stylesheet B&C               */
/* ------------------------------------------------ */

/*
COLOURS:
BLACK		#111
WHITE		#FFF
WHITE 80%	rgba(255, 255, 255, 0.8)

PX>EM:
BASE		16px

*/

* {margin: 0;}
html, body {
		height:100%;
		/*font rendering*/
		-webkit-font-smoothing:  antialiased;
		-moz-osx-font-smoothing: antialiased;
		-o-font-smoothing: 		 antialiased;
		font-smoothing: 			 antialiased;
		-ms-font-smoothing: 		 antialiased;
		/*adjust*/
		font-size: 					100%;
		-webkit-text-size-adjust: 	100%;
		-ms-text-size-adjust: 		100%;
	}
img, a, a img {
	border:none;outline:none;
}

#wrapper {
	min-height:100%;
	width:100%;
	height:auto!important;
	height:100%;
	margin:0 auto -80px; /*SEE #push*/
}

#mobileaccess {display:none;}

/* QUOTE TEXT OVERRIDE */
#quotearea h1.white,h1.dark {color:#111!important;}

/* -------------------------- TOPHEADER -------------------------- */
#header {
	/*position:fixed;*/z-index:2;top:0;height:115px;
	width:100%;background:#FFF;
	/*-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.1);-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.1);box-shadow:0px 1px 3px rgba(0,0,0,0.1);*/
}
#header2 {
	/*position:fixed;*/z-index:2;height:auto;max-height:80px;
	width:100%;background:#FFF;
	-webkit-box-shadow:1px 3px 3px rgba(0,0,0,0.1);-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.1);box-shadow:1px 1px 3px rgba(0,0,0,0.1);
}
#logo {width:100px;height:auto;float:left;margin:20px 0 0 20px;z-index:1000;}
#navigation {width:auto;height:40px;padding:8px 0 0 0;margin:0 auto 0 auto;clear:both;display:table;} /*container for access*/

.stick {
	position:fixed;top:0;/*stick*/
}


/* -------------------------- GLOBAL LAYOUT -------------------------- */
#main {width:100%;}
#content {clear:both;width:800px;max-width:99%;margin:0 auto 0 auto;padding:0;}

/* DEFAULT TEMPLATE */
#defaultpage {width:100%;min-height:200px;float:left;margin:0;padding:100px 0 0 0;}


/* POSTS */
#postcontent {width:550px;margin:10px auto 0 auto;max-width:90%;}
/* PRODUCTS */
/* product - excerpt */
#products {}
#product-excerpt {}
#product-excerpt h2 {margin-bottom:40px;margin-top:10px;}
#excerpt-image {width:550px;max-width:100%;height:auto;overflow:hidden;margin-bottom:0;}
#excerpt-image img {width:100%;height:auto;}
#excerpt-image img:hover {opacity:0.8;filter:alpha(opacity=80);}
/* product - full */
#product-full {width:100%}
#product-full h2 {margin-bottom:20px;margin-top:-3px;text-align:center;}
#product-full p {text-align:center;}
#product-full #full-image {}
#product-full img {width:550px;max-width:100%;height:auto;overflow:hidden;margin-bottom:20px;}
/* PRESS */
/* press - excerpt */
#press {margin-left:80px;}
#press-excerpt {margin:0 0 20px 0;float:left;display:block;}
#press-excerpt h2 {margin-top:10px;font-size:16px;}
#press-excerpt #excerpt-image {width:550px;height:550px;overflow:hidden;margin-bottom:0;}
#press-excerpt #excerpt-image img {width:550px;height:auto;}
#press-excerpt #excerpt-image img:hover {opacity:0.8;filter:alpha(opacity=80);}
/* press - full */
#press-full {width:100%}
#press-full h2 {margin-bottom:20px;margin-top:0;text-align:center;}
#press-full #full-image {}
#press-full img {width:550px;max-width:90%;height:auto;overflow:hidden;margin-bottom:20px;}

#previouspost {float:left;}
#nextpost {float:right;}

/* PAGES */
#pagecontent {width:550px;max-width:90%;margin:0 auto 0 auto;}
#listcontent-3up {width:800px;max-width:90%;margin:0 auto 0 auto;}

/* home */
#home {}
#home #rotator {width:800px;max-width:99%;margin:0 auto 30px auto;}
#home #rotator p {text-align:center;}
#home #rotator h1,#home #rotator h2 {text-align:center;text-transform:none;}
#home #rotator h1.black,#home #rotator h2.black {color:rgba(0, 0, 0, 0.8);}
#home #rotator h1.white,#home #rotator h2.white {/*color:rgba(255, 255, 255, 0.8);*/color:#FFF;}
#home #rotator h1 {font-size:60px;}
#home #rotator h2 {font-size:50px;letter-spacing:13px;line-height:55px;border-bottom:none;}
#home #rotator span.left h2 {text-align:left;padding-left:30%;}

/* quotes */

#rotatorholder {margin-top:20%;max-width:100%;}

/* -------------------------- WOOCOMMERCE -------------------------- */
/* product list and general styles*/
h1.page-title,p.woocommerce-result-count,form.woocommerce-ordering {display:none;}
ul.products {}
ul.products li {list-style:none!important;width:30%;max-width:30%;float:left;margin:0 0 30px 3%;}
ul.products li img {max-width:100%;height:auto;}
ul.products a:hover h3 {text-decoration:none!important;}

#productlist {}
#productlist h3 {
	font-size:16px;width:100%;line-height:100%;color:#111;margin:20px auto 10px auto;
	font-family:'Funbook_FuturaNTBook',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;text-align:center;
}
#productlist img:hover {opacity:0.8;filter:alpha(opacity=80);}
#productlist a.button.add_to_cart_button {display:none;}
#productlist span.price {display:table;margin:0 auto;}

/*single product pages*/
div.related.products {display:none;}
div.thumbnails img {margin:10px 10px 0 0;}

div.summary.entry-summary button.single_add_to_cart_button {
	cursor:pointer!important;cursor:hand;
	background:#999;color:#FFF;
	padding:5px 20px 5px 20px;
	margin:0;
	border:none;text-transform:uppercase;
}
a.button,input.button, {border:none;}

button.single_add_to_cart_button:hover {opacity:0.8;filter:alpha(opacity=80);}
div.summary.entry-summary div.quantity.buttons_added {display:none;}
.sku_wrapper,.tagged_as {display:none;}
div.images {width:50%;display:block;float:left;}
div.images img {max-width:100%;height:auto;}
div.summary.entry-summary {display:block;float:right;width:45%;}
div.summary.entry-summary h1 {
	font-size:22px;width:100%;line-height:100%;color:#111;margin:20px auto 10px auto;
	font-family:'Funbook_FuturaNTBook',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
}
ul.tabs {display:none;}
div#tab-description h2 {display:none;}
div#tab-description {display:block;float:right;width:45%;margin-top:30px;}

div.woocommerce-message {margin-bottom:20px;font-size:12px;width:100%;line-height:100%;color:#111;margin:20px auto 10px auto;
	font-family:'Funbook_FuturaNTBook',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;} 
div.ppt {font-family:'Funbook_FuturaNTBook',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;}

div.woocommerce-message a {
	display:block;width:20%;text-align:center;
	cursor:pointer!important;cursor:hand;
	background:#999;color:#FFF;
	padding:5px 20px 5px 20px;
	margin:0 0 20px 0;
	border:none;text-transform:uppercase;}
	
/* popup titles and images */
p.pp_description,div.ppt {display:none!important;}
div.pp_gallery {display:none!important;}
div.pp_gallery li a {} 
div.pp_gallery img {margin-top:-33px;}


/* custom page templates */

p.backlink {display:block;float:right;width:45%;margin-top:50px}
p.backlink a {text-decoration:none!important;font-size:14px;}


/* -------------------------- FOOTER -------------------------- */
#push {width:100%;height:80px;clear:both;} /*TOTAL HEIGHT OF #footer & #footercontent */
#footer {width:100%;height:80px;clear:both;background:none;}
#footercontent {width:auto;max-width:90%;height:auto;clear:both;margin:0 auto 0 auto;padding-top:14px;text-align:center;}
#footer li, #footer p, #footer a {font-size:8px;line-height:12px;color:rgba(0, 0, 0, 0.4);}
#footer a:hover {color:#111!important;}

#footerinstagram {width:100%;}
#footerinstagram img {
	display:block;margin:auto;opacity:0.25;
	/* transition */
	-webkit-transition: all 0.5s ease;
	-moz-transition: 	all 0.5s ease;
	-o-transition: 		all 0.5s ease;
	transition: 			all 0.5s ease;
}
#footerinstagram img:hover {opacity:0.75;}

/* -------------------------- NAVIGATION -------------------------- */
#access,#mobileaccess {
	width:auto;marging:0 auto 0 auto;padding-top:2px;
	display:table-cell;
  	text-align:center;
   	vertical-align:middle;
}
#access .menu-header {margin-left:0;}
#access .menu-header ul ul {padding:0;margin:0;} 
#access .menu-header li, div.menu li {float:left;position:relative;}
#access ul ul {display: none;position:absolute;z-index:99999;}
#access ul li:hover > ul {display: block;}
#access li a {margin-bottom:0;}

#access li a,#mobileaccess li a {
	display:block;
	font-family:'Funbook_FuturaNTBook', Helvetica, Arial, sans-serif;
	font-weight:normal;font-style:normal;
	text-decoration:none;
	line-height:100%;
	font-size:16px;
	color:#111;	
	padding-bottom:4px;
	border-bottom:2px solid #FFF;
}
#access li:hover > a,#mobileaccess li:hover a {color:#000;text-decoration:none;border-bottom:2px solid #CCC;}

#access li,
#mobileaccess li {margin-right:60px;} /* SPACING BETWEEN */
#access li:first-child {margin-left:0;}
#access li:last-child {margin-right:0!important;} /* FIX R */

#access ul li.current_page_item  > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a,
#mobileaccess ul li.current_page_item  > a,
#mobileaccess ul li.current-menu-item > a,
#mobileaccess ul li.current-menu-parent > a {text-decoration:none;padding-bottom:4px;border-bottom:2px solid #111;}
#access ul li.current-menu-ancestor > a,
#mobileaccess ul li.current-menu-ancestor > a {text-decoration:none;padding-bottom:4px;border-bottom:2px solid #CCC;}

/* DROPDOWN (LEVEL 1) */
#access ul ul,
#mobileaccess ul ul {
	border:none;
	position:absolute;
	background:#FFF;
	margin: 0 0 0 -10px!important;
	border-bottom:none;
}
#access ul ul li,
#mobileaccess ul ul li {
	border-right:none;min-width:140px;font-size:16px;text-align:left;padding:5px 5px 10px 10px;
	background:none;
}
#access ul ul li > a:before,
#mobileaccess ul ul li > a:before {content:"- ";}
#access ul ul li > a,
#mobileaccess ul ul li > a {border-bottom:2px solid #FFF; display:inline;}
#access ul ul li:hover > a,
#mobileaccess ul ul li:hover > a {border-bottom:2px solid #CCC; display:inline;}

#access ul ul li:first-child,
#mobileaccess ul ul li:first-child {padding-top:20px;}

/* -------------------------- UNIVERSAL LINKS / TYPOGRAPHY ---------------------------- */
a {transition:color .3s linear;-webkit-transition:color .3s linear;-moz-transition:color .3s linear;}
a:link,
a:visited {color:#111;text-decoration:none;}
a:hover {color:rgba(0, 0, 0, 0.6);text-decoration:none;}
a:active {color:#111;text-decoration:none;}

p,ul,ol,li,tr,td,address,a.edit {color:#111;line-height:16px;margin-bottom:10px;font-family:'Funbook_FuturaNTBook',Helvetica,Arial,sans-serif;font-weight:normal;}
p,ul,ol,li {font-size:12px;}
tr,td {font-size:12px;}
#content li {list-style:disc;}
#content {text-align:left;}
#content p a {text-decoration:underline;}
address,a.edit {font-style:normal;font-size:12px;}

p.postdate {text-align:center;margin-bottom:30px;}

strong,b,span.strong {font-family:'Funsmed_FuturaNTMedium',Helvetica,Arial,sans-serif;font-weight:normal;}

hr {background-color:#EEE;border:0;clear:both;height:1px;margin:20px 0 20px 0;}
.line {clear:both;width:100%;height:1px;background:#EEE;margin:20px auto 20px auto;}

/* -------------------------- HEADINGS ---------------------------- */
h1 {font-size:30px;width:100%;max-width:100%;line-height:120%;color:#111;margin:0 auto 10px auto;font-family:'Funbook_FuturaNTBook',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;}
h2 {font-size:16px;width:100%;line-height:120%;color:#111;margin:20px auto 10px auto;font-family:'Funbook_FuturaNTBook',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;text-align:center;}
h3 {
	font-size:16px;width:100%;line-height:20px;color:#111;margin:20px auto 10px auto;
	font-family:'Funbook_FuturaNTBook',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
}

/* -------------------------- CLASSES ---------------------------- */
.hidden {position:absolute;left:-9000px;}
.screen-reader-text {display:none;}
.center {margin:0 auto 0 auto;text-align:center;}
.left {float:left;}
.right {float:right;}
.rightalign {text-align:right;}
.clearfix {width:100%;clear:both;height:1px;}

.grey {color:rgba(0, 0, 0, 0.6);}

.spacer {clear:both;width:100%;margin:0;height:1px;}
.spacer5 {clear:both;width:100%;margin:0;height:5px;}
.spacer10 {clear:both;width:100%;margin:0;height:10px;}
.spacer20 {clear:both;width:100%;margin:0;height:20px;}
.spacer30 {clear:both;width:100%;margin:0;height:30px;}
.spacer40 {clear:both;width:100%;margin:0;height:40px;}
.spacer50 {clear:both;width:100%;margin:0;height:50px;}
.spacer100 {clear:both;width:100%;margin:0;height:100px;}
.spacer200 {clear:both;width:100%;margin:0;height:200px;}

ul {list-style:none;margin:0 0 3px -10px;}
ol {list-style:none;margin:0 0 18px 1.5em;}
ol ol {list-style:upper-alpha;}
ol ol ol {list-style:lower-roman;}
ol ol ol ol {list-style:lower-alpha;}
ul ul,ol ol,ul ol,ol ul {margin-bottom:0;}
dl {margin:0 0 24px 0;}
dt {font-weight:bold;}
dd {margin-bottom:18px;}
tr {}
td {}


/* -------------------------- @ FONT FACE -------------------------- */
@font-face {
	font-family: 'Funbook_FuturaNTBook';
	src: url('fonts/Funbook_.eot');
	src: local('☺'), url('fonts/Funbook_.woff') format('woff'), 
	url('fonts/Funbook_.ttf') format('truetype'), 
	url('fonts/Funbook_.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Funsmed_FuturaNTMedium';
	src: url('fonts/Funsmed_.eot');
	src: local('☺'), url('fonts/Funsmed_.woff') format('woff'), 
	url('fonts/Funsmed_.ttf') format('truetype'), 
	url('fonts/Funsmed_.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.funbook {font-family:'Funbook_FuturaNTBook', Helvetica, Arial, sans-serif;font-weight:normal;font-style:normal;}
.funmedk {font-family:'Funsmed_FuturaNTMedium', Helvetica, Arial, sans-serif;font-weight:normal;font-style:normal;}



/* -------------------------- FORMS / FIELDS / CONTACT FORM / SEARCH ---------------------------- */
.wpcf7-submit,
#searchsubmit,
.submitbutton,
.send  {
	cursor:pointer!important;cursor:hand;border:none;background:none;width:auto;margin:0;padding:2px 0 0 10px;line-height:100%;color:#000;
	font-family:'Funbook_FuturaNTBook', Helvetica, Arial, sans-serif;font-weight:normal;font-style:normal;font-size:16px;
}
.wpcf7-submit:hover,
#searchsubmit:hover,
.submitbutton:hover,
.send:hover {color:rgba(0, 0, 0, 0.6);;text-decoration:none;}
input[type="text"],
textarea {
	border:1px solid #CCC;
	margin:0;
	width:95%;
	padding:10px;
	margin-bottom:4px;
	background:#FFF;
	-webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.1);-moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.1);box-shadow: inset 0px 1px 3px rgba(0,0,0,0.1);
	font-family:'Funbook_FuturaNTBook',Helvetica, Arial, sans-serif;font-size:12px;
}
.widget_search label {display:none;}


/* -------------------------- IMAGES @ STANDARD WORDPRESS SETTINGS -------------------------- */
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width:100%; /* When images are too wide for containing element, force them to fit. */
	height:auto; /* Override height to match resized width for correct aspect ratio. */
}

/*aligned images*/
.alignleft,img.alignleft {display:inline;float:left;padding:0 24px 10px 0!important;background:#FFF!important;}
.alignright,img.alignright {display:inline;float:right;padding:0 0 10px 24px!important;background:#FFF!important;}
.aligncenter,img.aligncenter {clear:both;display:block;margin-left:auto;margin-right:auto;}
.alignleft,.alignright,.aligncenter {box-shadow:none!important;-moz-box-shadow:none;-webkit-box-shadow:none;}

/*captions*/
.wp-caption {
	background:none;line-height:16px;margin-bottom:20px;padding:4px;text-align:right;
	max-width:500px!important; /* prevent too-wide images from breaking layout */
}
.wp-caption p.wp-caption-text {color:#000;font-size:11px;margin:5px;}
.wp-caption img {margin:5px 5px 0;}
.wp-smiley {margin:0;}

/*gallery*/
.gallery {margin:0 auto 18px;}
.gallery .gallery-item {float:left;margin-top: 0;text-align: center;width: 33%;}
.gallery-columns-2 .gallery-item {width:50%;}
.gallery-columns-4 .gallery-item {width:25%;}
.gallery-columns-2 .attachment-medium {max-width:92%;height:auto;}
.gallery-columns-4 .attachment-thumbnail {max-width:84%;height:auto;}
.gallery .gallery-caption {color:#594D2A;font-size:12px;margin:0 0 12px;}
.gallery dl {margin:0;}
.gallery br+br {display:none;}

.gallery img /* default WP gallery */ {
	border: 10px solid #FFF!important;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.1)!important;-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.1)!important;box-shadow: 0px 1px 3px rgba(0,0,0,0.1)!important;margin:0 6px 6px 0!important;
}

#content .attachment img {display:block;margin:0 auto;} /*single attachment images should be centered*/


/* CSS Document */