/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles at the end of this file instead 
of style.css so it is easier to update the theme. 
Simply copy an existing style from style.css to this file, 
and modify it to your liking.
*/




/*	OVERALL
---------------------------------------------------------------------------- */
	/* header and top area */
	body { padding:0;overflow-x:hidden; }

	#wrapper {padding:0;max-width: 100% !important;}
	#top {padding:0 20px;}
	
	#header-container {padding:0 20px;background: #FCFCFC url('https://fifthandbrannan.com/blog/wp-content/themes/canvas/images/layout/bg.gif') repeat;border-bottom: 2px solid #F7F7F7;margin-bottom:2em; }
	
	.home #header-container { margin-bottom:0; }
	
	#header { padding-top:1em !important;padding-bottom:1em !important; }

	#top_wrap { position:relative;width:100%;overflow:hidden; }
	#top_wrap .topArea { margin:0 auto;text-align:right;max-width:1140px; }
	#top_wrap .topArea span { font-size:0.75em; } 
	#top_wrap .topArea span.amount { font-size:100%; }
	#top_wrap .topArea .bagWrap { color:#555;height:18px;} 
	#top_wrap .topArea .shippingText { text-transform:uppercase;margin-right:1em; }
	#top_wrap .topArea .loginLink { margin-right:0.5em; }
	#top_wrap .topArea .bagPrice a,
	#top_wrap .topArea .bagPrice a span,
	#top_wrap .topArea .loginLink { color:#555;text-decoration:none; }

	#top_wrap .topArea .bagPrice:hover,	
	#top_wrap .topArea .bagPrice a:hover,
	#top_wrap .topArea .bagPrice a:active,
	#top_wrap .topArea .bagPrice a:hover span { color:#111; }

		/* mobile specific */
		@media only screen and (max-width: 767px) {
			#top_wrap {  }
			#top_wrap .topArea { max-width:767px; }
		}
		
		/* tablet specific */
		@media only screen {
			#top_wrap .topArea,
			#header,
			#main-sidebar-container #main,
			#footer-widgets,
			#footer {
				padding-left: 20px;
				padding-right: 20px;
			}	
		}



	/* nav */
	#navigation { float:right;width:auto;background:#9a928e;border-color:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin-bottom:2em; }
	#navigation ul.nav { margin-right:0; }
	#navigation ul.nav li a { text-transform:uppercase;padding-top:0.5em !important;padding-bottom:0.5em !important;color:#555;text-decoration:none; }

	#navigation ul.nav > li { border-right-color:#fff; }
	#navigation ul.nav li:last-child,
	#navigation ul.nav li.last a { border-right:0; }

	#navigation ul.nav li a:hover,
	#navigation ul.nav li a:active,
	#navigation ul.nav li:hover a,
	#navigation ul.nav li.current_page_item a,
	#navigation ul.nav li.current_page_parent a,
	#navigation ul.nav li.current-menu-ancestor a,
	#navigation ul.nav li.current-cat a,
	#navigation ul.nav li.current-menu-item a { background:#cac5c0;color:#315537;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important; }
	
	
		/* mobile specific */
		@media only screen and (max-width: 767px) {
			#navigation { float:none;display:block;margin-bottom:2em; }
			#navigation ul.nav li a { float:left; }
		}

	/* breadcrumbs */
	.breadcrumb { margin-bottom:2em;border:0;padding:0 0 0 5px;background:#fafafa; }
	.breadcrumbs { text-transform:uppercase;color:#aaa;font-size:11px; }


	/* buttons */
	body input[type="submit"] { opacity:0.9; }
	
	body #wrapper #content .button,
	body #wrapper #content .button:visited,
	body #wrapper #content .reply a,
	body #wrapper #content #respond .form-submit input#submit,
	body input[type="submit"],
	#navigation ul.nav li a {
		padding:4px 10px;
		border:0px;
		border-radius:0px;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		background:#9a928e;
		color:#fff;
		font:bold 11px 'Open Sans', Helvetica, arial, sans-serif;
		text-transform:uppercase;
		text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
		cursor:pointer;
	}
	
	/* buttons - green, action */
	#footer-widgets input.go,
	body #wrapper #content button.single_add_to_cart_button { background:green; }

	body #wrapper #content button.single_add_to_cart_button { padding:10px 40px; }	
	
	/* buttons - out of stock */
	body #wrapper #content a.out_of_stock { background:#aa0000; }
	body #wrapper #content a.out_of_stock:hover { background:#dd0000; }	
	
	/* input */
	input[type="text"],
	input#s { padding:3px; font:normal 11px 'Open Sans', Helvetica, arial, sans-serif; }
	
	/* type */
	.entry a:link, .entry a:visited { border-bottom:1px dotted #aaa;text-decoration:none; }
	.entry a:hover, .entry a:active { border-bottom:1px solid;text-decoration:none; } 


	/* SLIDER */
	.wooslider { -webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0;border:0;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important; }
	body .wooslider .slide-content { margin:0;} 
	
	input { padding:2px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0; } 
	table th { background:#fcfcfc !important;-webkit-box-shadow:0;-moz-box-shadow:0;box-shadow:0; } 
	
	/* olark chat window */
	body #habla_beta_container_do_not_rely_on_div_classes_or_names .habla_window_div_base {
		-webkit-box-shadow:0 0 5px rgba(0,0,0, 0.0) !important;
		-moz-box-shadow:0 0 5px rgba(0,0,0, 0.0) !important;
		box-shadow:0 0 5px rgba(0,0,0, 0.0) !important;
		border:1px solid #f0f0f0 !important;
		border-width:1px 1px 0 !important;
	}
	body #habla_beta_container_do_not_rely_on_div_classes_or_names #habla_topbar_div {
		background:#CAC5C0 !important;
	}


/*	CAT PAGES
---------------------------------------------------------------------------- */
	.term-pocket-squares #header-container,
	.term-accessories #header-container { margin-bottom:0; }
	.tax-product_cat .catBanner { margin-bottom:20px; }


/*	PRODUCT PAGES
---------------------------------------------------------------------------- */ 
	a.zoom.cloud-zoom { background-repeat:no-repeat; }
	.mousetrap { background-image:url('https://fifthandbrannan.com/blog/wp-content/themes/canvas/images/spacer.png')\9; }
	.cloud-zoom-lens { background-repeat:no-repeat !important;background: rgb(255, 255, 255) !important; /* The Fallback */ background: rgba(255, 255, 255, 0.5) !important;border:1px solid #ccc;/* width:150px !important;height:150px !important;position:50% 50%; */  }
	.cloud-zoom-big { border:1px solid #ccc; }
	
	ul.products li { margin-bottom:3.5em; }
	ul.products li.product a { text-decoration:none; }
	ul.products li.product a h3 { font-size:16px; }

	ul.products li.product a h3,
	ul.products li.product a span.price { color:#666; }
	ul.products li.product a:hover h3,
	ul.products li.product a:hover span.price { color:#111; }

	.woocommerce .summary p { line-height:1.8em !important;margin-bottom:0.8em !important; }
	.woocommerce .summary p.calloutLink a:link,
	.woocommerce .summary p.calloutLink a:visited { text-decoration:underline !important; }	
	.woocommerce .summary p.price { border:0;padding:0; }

	/* single product page */
	.woocommerce .product_meta { font-size:11px;color:#aaa;border-style:dotted; }
	.woocommerce .product_meta a { color:#666; }
	
	.related h2 { font-size:18px;margin-bottom:1em; }
	.related ul.products li.product a h3 { font-size:14px; }
	.related ul.products li.product a span.price { font-size:12px; }
	
	.woocommerce .summary p.stock,.woocommerce .summary p.out-of-stock { background: #DD5000;color: white;font-weight: bold;padding: 5px;width: 30%;text-align: center; }
	.woocommerce .summary p.out-of-stock { background:#aa0000; }
	
	.woocommerce .woocommerce_tabs { padding:1em 0 0;border:1px solid #eee;border-width:1px 0 0; }
	.woocommerce .woocommerce_tabs p { margin-bottom:0.8em; }
	.woocommerce label.attrib { margin-right:1em; }

	.woocommerce .product ins span.amount { color:#d00; }
	
	.single-product .product ins { text-decoration:none; }
	
	.woocommerce .product ins span.amount,
	.single-product .product ins span.amount { font-weight:bold; }

	.quantity .plus, .quantity .minus { display:none; } 
	.quantity input.qty { width:30px !important;border-right:1px solid #e6e6e6 !important;border-left:1px solid #e6e6e6 !important; } 
	
	/* DESKTOP-specific */
		/* 4 to a row */
		@media only screen and (min-width: 768px) {
			#top { background:#2F3438; }
			ul.products li.product { width: 18.1%; margin-right:9.2%; }
			.woocommerce .images { width:40%;margin-right:4.98%; }
			.woocommerce .summary { width:55%; }
		}
	
	/* MOBILE-specific */		
		@media only screen and (max-width: 767px) {
			#top { background:none; }
			#top #mobileMenu_top-nav { border:1px solid #999;padding:4px; }
			#logo { text-align:center; }
			#cloud-zoom-big, .cloud-zoom-lens { display:none;visibility:hidden;cursor:default; }  
			.woocommerce .woocommerce_tabs { border:0; }
		}
		
/*
		@media only screen and (max-width: 481px) {
			#cloud-zoom-big.cloud-zoom-big {width:320px !important; height:140px !important;left:1em !important;top:1em !important; }
*/		

		}
	
	/* TABLET-specific */
/*
		@media only screen and (min-width: 321px) and (max-width: 767px) {
			#cloud-zoom-big.cloud-zoom-big {width:500px !important; height:250px !important;left:4em !important;top:4em !important; }	
			.cloud-zoom-lens {  }	

		}
*/
	


/*	PRODUCT CAT PAGES
---------------------------------------------------------------------------- */
	body.tax-product_cat #main { width:100%; }
	body.tax-product_cat #sidebar { display:none; }
	
	

/*	CHECKOUT - general
---------------------------------------------------------------------------- */
	#shipping_method { padding:0; }
	#shipping_method li { list-style-type:none; }
	#coupon_code { text-align:left; }

	/* text */
	.form-row .input-text,
	.form-row select { font:normal 12px/1.3em 'Open Sans', arial, sans-serif;color:#333; }



/*	CHECKOUT - cart page
---------------------------------------------------------------------------- */
	@media only screen and (max-width: 768px) {
	  	.cart-collaterals .cart_totals,
		.cart-collaterals .shipping_calculator,
		.cart-collaterals .cross-sells { width:100%; }
	}

	.woocommerce table th, .woocommerce table td { padding:0.5em 1em !important; }

	.woocommerce-message { margin:0 0 1em;padding:5px;background:rgb(231, 249, 255); }  

	.shop_table input.checkout-button { background-color:green !important; }




/*	CHECKOUT - payment page
---------------------------------------------------------------------------- */
	.post-627 p.woocommerce_info { margin-bottom:0;font-weight:bold;font-size:12px;background:#f3f3f3;padding:5px 0 5px 5px; }
	.post-627 a.showcoupon { text-transform:uppercase; }
	.post-627 form.checkout_coupon { margin-bottom:3em;background:#f3f3f3;padding:1em 0 2px 5px; }
	.post-627 form.checkout_coupon p { margin-bottom:0; }

	.post-627 .checkout { margin-top:2em; }

	.post-627 .payment_methods { margin:3em 0 1.5em !important;background:#EAFAFA;padding:1em !important; }

	.place-order input.button { padding:10px 40px !important;background-color:green !important; }



	/* Desktop Styles */
	@media only screen and (min-width: 768px) {
		.col2-set .col-1 {
			width: 47%;
			float: left;
		}
		
		.col2-set .col-2 {
			width: 47%;
			float: right;
		}
	 }
	 
	 /* Mobile Styles */
	@media only screen and (min-width: 321px) {
		
	}



/*	CHECKOUT - order received page
---------------------------------------------------------------------------- */
	.post-634 .entry ul,
	.post-634 dl.customer_details { margin-bottom:3em; }
	.post-634 dl.customer_details dt { float:left;margin-right:10px; }
	.post-634 .addresses header.title { margin-bottom:0; }
	




/*	BLOG
---------------------------------------------------------------------------- */	
	/* resets */
	abbr { border-bottom:0;cursor: inherit; }
	.post { margin:0 0 6em; }
	.post-meta { margin:0 0 1em 0; }
	.post .title { margin: 0 0 0.4em; }
	.post-more { font-weight:bold;text-transform:uppercase; }

	#text-5 { background:#eee;padding:1em; }
	#text-5 h3, #text-5 p { color:#111; }
	#text-5 h3 { background:transparent url(https://fifthandbrannan.com/blog/wp-content/themes/canvas/images/layout/mailingListTitle.gif) no-repeat; } 

	/* MOBILE-specific */	
		@media only screen and (max-width: 767px) {
			#text-5 h3, #text-7 h3 { border-bottom:0;margin-bottom:0; }
			#text-6 { text-align:center; }
		}


	
	
	
/*	FOOTER
---------------------------------------------------------------------------- */
	#footer { padding:20px 1.5em 10px; }
	
	#footer-band { background:#666 url('https://fifthandbrannan.com/blog/wp-content/themes/canvas/images/layout/footer/concrete.jpg') repeat; padding:3em 0;border-top:2px solid #444; }
	#footer-band p { text-align:center; }

	#footer-container, #footer-widgets-container { background: #f4f3f1 url('https://fifthandbrannan.com/blog/wp-content/themes/canvas/images/layout/bg.gif') repeat; }
	#footer-widgets-container { border-top:2px solid #f1ede8; }
	
	#footer #copyright p,
	#footer #credit p,
	#footer a { font-size: 10px;color: #ccc;font-weight: bold;text-transform: uppercase;text-shadow: 0 1px 0 white; }
	#footer #copyright img.logo { margin-bottom:0.5em; }	
	
	
	/* widgets */
	#footer-widgets { border-top:0;padding:2em 1.5em; }
	#footer-widgets h3 { font:normal 14px/1.6em 'Merriweather', arial, sans-serif;border-bottom:0;padding-bottom:0; }
	#footer-widgets .menu li a,
	#footer-widgets p { font:normal 12px/1.6em 'Open Sans', arial, sans-serif; }
	
	#footer-widgets #text-8 a img { margin-right:1em; }
	
	#footer-widgets .widget_woodojo_instagram ul.instagram-photos { width:auto; }
	#footer-widgets .widget_woodojo_instagram ul.instagram-photos li { margin:0 1.4em 1.4em 0 !important; }
	
		/* MOBILE-specific */	
		@media only screen and (max-width: 767px) {
			#footer-widgets { text-align:center; }
		}
	
	

	
	
/*	HIDE THINGS
---------------------------------------------------------------------------- */

	body.home .breadcrumb.breadcrumbs.woo-breadcrumbs,
	body.home .breadcrumb,
	.breadcrumb .breadcrumb-title,
	#header .nav-toggle, /* hides nav toggle on mobile */
	.woocommerce h1.page-title,
	.woocommerce_ordering,
	.product_meta span.sku_wrapper,
	.location-twitter,
	.screen-reader-text,
	body.woocommerce-checkout #footer-widgets-container,
	body.woocommerce-checkout #footer-container,
	body.woocommerce-account #footer-widgets-container,
	body.woocommerce-cart #footer-widgets-container,

	
	body #wrapper #content li.product .product_type_simple,
	body #wrapper #content li.product .product_type_variable,
	
	.woocommerce .woocommerce_tabs ul.tabs,
	.woocommerce #main .onsale,
	.woocommerce .product span.from,
	.hideMe {
		display:none !important;
		visibility:hidden !important;
	}
	

	
	#text-5 h3,
	.hideText {
		text-indent:-9999px;
		overflow:hidden;
		display:block;
		*text-transform:capitalize;
		*font-size:0;
	}