/* ==========================================================================
   Google webfont https://www.google.com/fonts
   ========================================================================== */

	 @import 'https://fonts.googleapis.com/css?family=Raleway:200,500,700';

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
   
	html { box-sizing: border-box; }
	*, *:before, *:after { box-sizing: inherit; }
	::-moz-selection { background: #b3d4fc; text-shadow: none; }
	::selection { background: #b3d4fc; text-shadow: none; }
	a:focus, *:focus { outline: none; }
	hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 15px 0; padding: 0; }
	audio, canvas, iframe, img, svg, video { vertical-align: middle; }
	textarea { resize: vertical; min-height: 150px; }

/* ==========================================================================
   Sticky Footer by Ryan Fait http://ryanfait.com/
   ========================================================================== */
   
	* { margin: 0; }
	html, body { height: 100%; }
	.wrapper { min-height: 100%; margin: 0 auto -165px; }
	footer.site-footer, .push { min-height: 165px; }
	
	/* with wordpress admin bar */
	html.admin_bar_showing { height: calc(100% - 32px); }
	
	/* when wordpress makes admin bar responsive */
	@media only screen and (max-width: 782px) {
		html.admin_bar_showing { height: calc(100% - 46px); }
	}
  
/* ==========================================================================
   Design classes
   ========================================================================== */
	
	body { 
		font-family: 'Raleway', sans-serif; 
		font-weight: 500;
		background: #fff4e1;
	}
	
	.wrapper {
		background-repeat: no-repeat;
		background-position: center 186px;
		/*background-size: cover;*/
		background-size: contain;
	}
	
	.site-header-top .container {
		position: relative;
	}
	
	.top-nav {
		position: absolute;
		bottom: 10px;
		right: 55px;
	}
	
	.site-description {
		background: url( '../images/stroke-header-bg.png' ) bottom center transparent;
		padding-bottom: 15px;
		color: #fff;
		font-weight: 200;
	}
	
	.site-description-inner {
		padding: 0 40px;
		font-size: 22px;
	}
	
	.cart-contents,
	.profile,
	.hamburger {
		display: inline-block;
		width: 38px;
		height: 38px;
		
	}
	
	.cart-contents {
		background: url( '../images/icon-cart.png' ) no-repeat bottom center transparent;
	}
	
	.profile {
		background: url( '../images/icon-login.png' ) no-repeat bottom center transparent;
		margin-left: 15px;
	}
	
	.hamburger {
		margin-left: 15px;
		background: url( '../images/icon-menu.png' ) no-repeat bottom center transparent;
	}
	
	/*.cart-contents:hover,
	.profile:hover,
	.hamburger:hover {
		background-position: bottom center;
	}*/
	
	.navigation-container { position: relative; }

	.navigation {
		position: absolute;
		left: 15px;
		right: 15px;
		background: #464646;
		padding: 12px 40px;
	}
	
	.navigation > li > a {
		padding: 0 10px;
	}
	
	.navigation .menu {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	.navigation .menu-item {
		float: left;
		border-left: 1px solid #fff;
	}
	
	.navigation .menu-item:first-child {
		border-left: 0;
	}
	
	.navigation .menu-item > .sub-menu {
		display: none;
		
		list-style: none;
		padding: 0;
		margin: 0;
		padding: 12px 40px;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		
		
		width: 100%;
		background: #CB4800;
	}
	
	.navigation .menu-item.current_page_item > .sub-menu,
	.navigation .menu-item.current-menu-item > .sub-menu,
	.navigation .current_page_ancestor > .sub-menu,

	/* when viewing single product */
	.single-product .menu-item-42 .sub-menu {
		display: block;
	}
	
	.navigation .menu-item.current_page_item > a,
	.navigation .menu-item.current-menu-item > a,
	.navigation .current_page_ancestor > a {
		text-decoration: underline;
	}
	
	.navigation .menu-item a {
		padding: 0 10px;
		color: #fff;
	}
	
	.navigation .menu-item:first-child > a {
		padding-left: 0;
	}
	
	.site-main .hentry {
		margin-top: 30%;
		background: #fff4e1;
	}
	
	.site-main .hentry {
		padding: 20px 40px;
	}
	
	.page-id-30 .site-main .hentry {
		margin-top: 55%;
	}
	
	h1 {
		font-weight: 200;
		margin-top: 0;
		margin-bottom: 20px;
	}
	
	.page-message {
		background: #CB4800;
		color: #fff;
		padding: 10px;
		margin-bottom: 20px;
		font-weight: 200;
	}
	
	.page-message a {
		color: #fff;
		text-decoration: underline;
	}
	
	.block {
		position: relative;
		overflow: hidden;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	
	.block .caption {
		position: absolute;
		top: 81%;
		background: #464646;
		color: #fff;
		margin-right: 15px;
		padding: 0 10px;
		
		transition: 300ms all;
		font-size: 11px;
		min-height: 85%;
		left: 15px;
		right: 0px;
	}
	
	.block:hover .caption {
		top: 15%;
		background: #cb4800;
	}
	
	.caption a {
		text-decoration: none;
		color: inherit;
	}
	
	h2 {
		font-weight: 200;
	}
	
	.block .caption h2 {
		margin-top: 10px;
		font-size: 15px;
		font-weight: 500;
		
	}
	
	.ajax-loader {
		display: none;
	}
	
	footer.site-footer { 
		background: url( '../images/stroke-footer-bg.png' ) top center transparent;
		padding-top: 15px;
		margin-top: 15px;
		color: #fff;
	}
	
	.site-footer-inner {
		padding: 12px 40px;
	}
	
	.footer-navigation .menu {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.woocommerce form .form-row label.checkbox, 
	.woocommerce-page form .form-row label.checkbox {
		padding-left: 20px;
	}
	.woocommerce form .form-row label.checkbox .input-checkbox {
		margin: 0 0 0 -20px;
	}
	 
	
	/*
	.footer-navigation .menu-item {
		width: 25%;
		float: left;
	}
	*/
	/*
	.footer-navigation .menu-item:nth-child(2n) {
		padding-left: 15px;
	}
	**/
	.footer-navigation .menu-item a {
		color: inherit;
		font-size: 17px;
	}
		
	.site-footer .text-center {
		margin-top: 12px;
	}
	
	.site-footer-inner a {
		color: inherit;
	}
	
	a.powered {
		color: #6e0001;
	}
	
	.social-links a {
		text-decoration: none;
	}
	
	.gallery-caption a {
		color: inherit;
		font-size: 12px;
	}
	
/* ==========================================================================
   Bootstrap overrides
   ========================================================================== */
	
	.navbar-brand {
		height: auto;
		padding: 22px 40px 0;
		margin-bottom: -10px;
	}
	
/* ==========================================================================
   WordPress wysiwyg editor classes
   ========================================================================== */
   
	.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.alignleft {
		float: left;
		margin: 0.5em 1em 0.5em 0;
	}

	.alignright {
		float: right;
		margin: 0.5em 0 0.5em 1em;
	}
   
/* ==========================================================================
   Pretty gallery
   ========================================================================== */
   
	.gallery:before, .gallery:after { content: " "; display: table; }
	.gallery:after { clear: both; }

	.gallery-item {
		display: block;
		float: left;
		padding: 15px;
		width: 25%;
		min-height: 220px;
	}
	
	.gallery-lightbox-container.controls > .play-pause { display: none; }
	
	.gallery-icon img {
		max-width: 150px;
		height: auto;
	}
	.gallery-lightbox-container .title-description .title { display: block; }
	.gallery-lightbox-container .title-description .description { display: none; }
	.info { background: rgba(0,0,0,0.4); padding: 5px; margin: 5px 0; display: block; border-radius: 3px; }
	
	@media ( min-width: 800px ) {
		.gallery-lightbox-container .indicator li {
			height: 75px;
			width: 75px;
			border-radius: 0;
		}
	}
	
	
/* ==========================================================================
   Contact form 7
   ========================================================================== */

	div.wpcf7 {
		padding: 30px 20px;
		background: #ccc5c1;
	}
	
	.wpcf7-form-control	{
		background: #fffefd;
		border: 0;
		padding: 17px;
	}
	
	div.wpcf7 label {
		display: block;
	}
	
	.wpcf7-text,
	.wpcf7-textarea {
		display: block;
		width: 100%;
		border: 1px solid #fffefd;
		transition: all 300ms;
	}
	
	.wpcf7-text:focus,
	.wpcf7-textarea:focus {
		box-shadow: 0 0 5px rgba(194,83,45, .7);
		border: 1px solid #c2532d;
	}
	
	.wpcf7-submit {
		background: #c2532d;
		display: block;
		width: 100%;
		color: #fff;
		font-size: 24px;
	}
	
	span.wpcf7-not-valid-tip {
		color: #e74c3c;
		text-align: right;
		padding: 5px;
	}
	
	div.wpcf7-response-output {
		margin: 0 0 15px;
		padding: 15px;
	}
	
	div.wpcf7-validation-errors {
		background: #e74c3c;
		color: #fff;
		border: 0;
	}
	
	div.wpcf7-mail-sent-ok {
		background: #27ae60;
		color: #fff;
		border: 0;
	}
	
	.wpcf7-form.sent > p {
		display: none;
	}
   
/* ==========================================================================
   WooCommerce
   ========================================================================== */
   
   
	.woocommerce input.button:disabled, .woocommerce input.button[disabled]:disabled,
	.woocommerce #respond input#submit, 
	.woocommerce a.button, 
	.woocommerce button.button, 
	.woocommerce input.button,
	.woocommerce ul.products li.product .button,
	.woocommerce div.product form.cart .button {
		background: #c2532d;
		color: #fff;
		font-size: 16px;
		text-align: center;
		border-left: 0;
		transition: all 300ms;
		padding: 17px;
		
		border-radius: 0;
	}
	
	
	.woocommerce #payment #place_order, .woocommerce-page #payment #place_order,
	.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
	.woocommerce a.button.alt:hover,
	.woocommerce input.button.alt:hover	{
		background: #c2532d;
		color: #fff;
		
		padding: 17px;
	}
	
	.woocommerce a.button {
		padding: 10px 15px;
	}
	
	.woocommerce-error, .woocommerce-info, .woocommerce-message {
		font-size: 16px;
		line-height: 32px;
	}
	
	.woocommerce input.button:disabled:hover, .woocommerce input.button[disabled]:disabled:hover,
	.woocommerce #respond input#submit:hover, 
	.woocommerce a.button:hover, 
	.woocommerce button.button:hover, 
	.woocommerce input.button:hover {
		background-color: #c2532d;
		text-decoration: none;
		background-image: none;
		color: #fff;
	}
	
	.woocommerce ul.products li.product .button {
		display: block;
		width: 100%;
	}
	
	.woocommerce div.product form.cart .button {
		float: right;
		width: 75%;
	}
	
	.reset_variations {
		display: none !important;
	}
	
	.woocommerce div.product form.cart .variations label {
		color: #333;
		font-size: 16px;
		font-weight: 500;
	}
	
	.woocommerce div.product form.cart .variations select {
		display: block;
		width: 100%;
		border: 1px solid #333;
		transition: all 300ms;
	}
	
	.woocommerce div.product form.cart .variations select option {
		padding: 6px;
	}
	
	.woocommerce div.product form.cart .variations {
		margin-bottom: 0;
	}
	
	.woocommerce div.product form.cart .variations td, 
	.woocommerce div.product form.cart .variations th {
		line-height: 32px;
		vertical-align: middle;
	}
	
	.woocommerce div.product form.cart div.quantity {
		width: 20%;
	}
	
	.single_variation_wrap {
		margin-top: 12px;
	}
	
	.woocommerce-variation-add-to-cart {
		margin-top: 12px;
	}
	
	.woocommerce-variation-price {
		text-align: right;
	}
	
	.single-product.woocommerce .quantity .qty {
		display: block;
		text-align: center;
		padding: 14px;
		float: left;
		width: 100%;
	}
	
	.woocommerce td.product-remove {
		width: 54px;
	}
	
	.woocommerce a.remove {
		color: #fff !important;
		background: #e74c3c;
		
		font-size: 18px;
		line-height: 17px;
		margin-left: 5px;
	}
	
	.woocommerce-cart table.cart td.actions .coupon .input-text {
		background: #fffefd;
		padding: 17px;
		display: block;
		width: 50%;
		border: 1px solid #333;
		transition: all 300ms;
	}
	
	.woocommerce form .form-row .input-text {
		background: #fffefd;
		padding: 17px;
		border: 1px solid #333;
	}
	
	.woocommerce form .form-row .input-text:focus {
		box-shadow: 0 0 5px rgba(194,83,45, .7);
		border: 1px solid #c2532d;
	}
	
	.woocommerce table.cart td.actions .coupon {
		width: 70%;
	}
	
	.woocommerce .cart .button, .woocommerce .cart input.button {
		float: left;
	}
	
	.woocommerce td.product-name dl.variation dd {
		margin: 0;
	}
	
	.woocommerce .order_details {
		margin: 0;
		padding: 0;
	}
	
	.woocommerce-thankyou-order-details.order_details > p {
		margin-top: 10px;
	}
	
	.woocommerce .order_details li {
		text-transform: none;
		font-size: 14px;
	}
	
	.woocommerce-MyAccount-navigation ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	.woocommerce-EditAccountForm,
	.woocommerce-ResetPassword,
	.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
		border-radius: 0;
		padding: 30px 20px;
		background: #ccc5c1;
	}
	
	.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
		border: 1px solid #fffefd;
	}
	
	.is-active {
		text-decoration: underline;
	}
	
	.woocommerce form .form-row label {
		line-height: inherit;
		margin: 0;
	}
	
	.woocommerce-MyAccount-navigation a {
		color: inherit;
	}
   
	.block { min-height: 210px; }
	
	@media only screen and (min-width: 992px) {
		.block { min-height: 140px; }
	}
	@media only screen and (min-width: 1200px) {
		.block { min-height: 153px; }
	}
   
/* ==========================================================================
   Slider SlickJS
   ========================================================================== */

	.slider {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.slider .slick-slider,
	.slider .slick-slider p {
		margin: 0;
	}
	
	.slick-prev::before, 
	.slick-next::before {color: #000;}

	.slick-prev,
	.slick-next { z-index: 1; opacity: 0; transition: all 300ms; }

	.slick-prev { left: 0; }
	.slider:hover .slick-prev { left: 25px; opacity: 1; }

	.slick-next { right: 0; }
	.slider:hover .slick-next { right: 25px; opacity: 1; }

	.slider .slick-slide {
		position: relative;
	}

	.slider .slick-slide img {
		max-width: 100%;
		height: auto;
	}

	.slider .caption {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 6px;
		color: #fff;
		background: rgba(0,0,0,.6);
	}
	

/* ==========================================================================
   Clearfix
   ========================================================================== */

	.clearfix:before, .clearfix:after { content: " "; display: table; }
	.clearfix:after { clear: both; }

/* ==========================================================================

	Following Bootstrap responsive utilities

	Phones 		 			< 768px
	Tablets					>= 768px
	Desktops Medium 		>= 992px
	Desktops Large			>= 1200px

	Wordpress likes other utilities...
	WP Phones				< 782px
	
   ========================================================================== */
	
	/* Desktops medium */
	@media only screen and (max-width: 1400px) {
		
		
		.site-main .hentry {
			margin-top: 50%;
		}
	}
	
	@media only screen and (max-width: 992px) {
		
		.navigation.open {
			display: block !important;
		}
		
		.navigation .menu-item {
			width: 50%;
			border: 0;
		}
		
		.navigation .menu-item a {
			padding: 0;
		}
		
		.woocommerce ul.products li.product .button {
			font-size: 12px;
		}
		
		.site-main .hentry {
			margin-top: 40%;
		}
	}
	
	/* Phones */
	@media only screen and (max-width: 768px) {
		.navbar-brand,
		.navigation,
		.navigation .menu-item > .sub-menu,
		.site-description-inner,
		.site-main .hentry,
		.site-footer-inner {
			padding-left: 10px;
			padding-right: 10px;
		}
		.top-nav {
			right: 25px;
			top: 10px;
			bottom: auto;
		}
		
		.navigation .menu-item {
			display: block;
			float: none;
			border: 0;
			width: 100%;
			text-align: center;
		}
		
		.navigation .menu-item a {
			padding: 0;
		}
		
		.blocks a:nth-child(3) .block,
		.blocks a:nth-child(4) .block {
			margin-top: 15px;
		}
		
		.block {
			margin-bottom: 30px;
		}
		
		.block img { width: 100%; }
		
		.gallery-icon img {
			max-width: 120px;
		}
		
		.woocommerce ul.products li.product .button {
			font-size: 12px;
		}
		
		.map, .social-links {
			margin-top: 15px;
		}
		
		.social-links a {
			width: 23%;
			display: inline-block;
		}
		
		.footer-navigation .menu-item a {
			font-size: 14px;
		}
		
		h1 {
			font-size: 28px;
		}
		/*
		.wrapper {
			background-size: 200%;
		}
		*/
		.site-main .hentry {
			margin-top: 50%;
		}
		.woocommerce .cart .button, 
		.woocommerce .cart input.button {
			float: none;
		}
		
		.woocommerce td.product-remove {
			width: auto;
		}
		
		.woocommerce form .form-row-first,
		.woocommerce form .form-row-last, 
		.woocommerce-page form .form-row-last {
			float: none;
			width: 100%;
		}
		
		.woocommerce .order_details li {
			border: 0;
			margin-bottom: 5px;
		}
		
		.woocommerce-MyAccount-navigation {
			margin-bottom: 20px;
		}
		
		.woocommerce ul.products li.product, 
		.woocommerce-page ul.products li.product, 
		.woocommerce-page[class*="columns-"] ul.products li.product, 
		.woocommerce[class*="columns-"] ul.products li.product {
			width: 100%;
			float: none;
		}
		
	}
	
	/* Tablets */
	@media only screen and (min-width: 768px) {
		
	}
	
	/* Desktops medium */
	@media only screen and (min-width: 992px) {
		.navigation .menu-item a {
			padding-right: 8px;
		}
	}
	
	/* Desktops large */
	@media only screen and (min-width: 1200px) {
		.container {
			width: 1025px;
		}
	}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

	@media print {
		*,
		*:before,
		*:after {
			background: transparent !important;
			color: #000 !important; /* Black prints faster:
									   http://www.sanbeiji.com/archives/953 */
			box-shadow: none !important;
			text-shadow: none !important;
		}

		a,
		a:visited {
			text-decoration: underline;
		}

		a[href]:after {
			content: " (" attr(href) ")";
		}

		abbr[title]:after {
			content: " (" attr(title) ")";
		}

		/*
		 * Don't show links that are fragment identifiers,
		 * or use the `javascript:` pseudo protocol
		 */

		a[href^="#"]:after,
		a[href^="javascript:"]:after {
			content: "";
		}

		pre,
		blockquote {
			border: 1px solid #999;
			page-break-inside: avoid;
		}

		/*
		 * Printing Tables:
		 * http://css-discuss.incutio.com/wiki/Printing_Tables
		 */

		thead {
			display: table-header-group;
		}

		tr,
		img {
			page-break-inside: avoid;
		}

		img {
			max-width: 100% !important;
		}

		p,
		h2,
		h3 {
			orphans: 3;
			widows: 3;
		}

		h2,
		h3 {
			page-break-after: avoid;
		}
	}