/*
Theme Name: Bespoke
Description: Bespoke Theme
Version: 1.3
Author: Anna Needham, Ian Atkins
Author URI: http://www.addedlovely.com
*/

/* ==========================================================================
	Fonts
   ========================================================================== */
@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?66741098');
  src: url('fonts/fontello.eot?66741098#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff?66741098') format('woff'),
       url('fonts/fontello.ttf?66741098') format('truetype'),
       url('fonts/fontello.svg?66741098#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

.icon-active:before { content: '\e800'; } 
.icon-bag:before { content: '\e801'; } 
.icon-search:before { content: '\e802'; }
.icon-next:before { content: '\e805'; }
.icon-previous:before { content: '\e806'; }
.icon-facebook:before { content: '\e807'; } 
.icon-pinterest-circled:before { content: '\e808'; } 
.icon-down:before { content: '\e809'; } 
.icon-twitter:before { content: '\e80a'; } 
.icon-instagram:before { content: '\e80b'; } 


/* Default Fontello */
[class^="icon-"]:before, [class*=" icon-"]:before {font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/* ==========================================================================
	Helpers
   ========================================================================== */
.clear:after {content: ""; visibility: hidden; display: block; height: 0; clear: both;}
.v-center {position: absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.v-container {display:table; height: 100%;}
.v-content {display:table-cell; vertical-align:middle; height: 100%;}
.center {display:block; margin-left: auto; margin-right:auto;} 
.cover {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.lazy {display: none;}
.browsehappy {position: fixed; bottom: 0; left: 0; right: 0; text-align: center; background: #000; color: #fff;}

/* ==========================================================================
	General
   ========================================================================== */
* {margin: 0; padding: 0;}
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; box-sizing: border-box;} 
*, *:before, *:after  {box-sizing: inherit;}

body {background: #ffffff; color: #8c7359; font-size: 19px; line-height: 1.263; font-family: 'Chronicle Display A', 'Chronicle Display B';}
img {border: 0; display: block; outline: none; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto;}

/* ==========================================================================
	Typography
   ========================================================================== */
h1, h2, h3, h4 {font-weight: normal;}
h1 {font-size: 30px; line-height: inherit;}
h2 {font-size: 26px; line-height: 1; color: #5a2049; font-weight: normal; margin-bottom: 20px;}
h3 {font-size: 19px; line-height: inherit; color: #5a2049; padding-bottom: 4px; font-weight: normal;} /* news */

p {font-size: 19px; line-height: inherit; padding-bottom: 20px;}

li {list-style-type: none;}
a {text-decoration: none; outline: none; color: #8c7359;}
cite {font-style: normal;}
address {font-style: normal;}

/* ==========================================================================
	Forms
   ========================================================================== */ 
button, input, optgroup, select, textarea {color: inherit; font: inherit; outline: none; border: none; -webkit-font-smoothing: antialiased;}
input[type=text], input[type=submit], input[type=email], input[type=password] {-webkit-appearance: none; border-radius:0;}
button, input[type="button"], input[type="submit"] {cursor: pointer;}
textarea {resize: none; overflow: auto; -webkit-appearance: none;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none; line-height: normal;}

::-webkit-input-placeholder {color: #000;}
:-moz-placeholder {color: #000;}
::-moz-placeholder {color: #000;}
:-ms-input-placeholder {color: #000;}

fieldset {border: 0;}

/* ==========================================================================
	Structure
   ========================================================================== */
.container, .header-container  {max-width: 1007px; margin: 0 auto; position: relative; padding: 0 20px; }

/* ==========================================================================
	Header
   ========================================================================== */
.header {max-width: 1007px; height: 162px; margin: 0 auto 40px auto; padding: 0 20px;}
.header-container {padding-bottom: 0; overflow: visible; height: 100%; border-bottom: 1px solid #8c7359;}
.logo {background: url(images/logo.svg) no-repeat; display: block; width: 412px; height: 94px; position: absolute; left: -80px; top: 0;}

/* Search form */
.search-form {font-size: 15px; line-height: 20px; display: inline-block; position: relative; width: 80px; margin-right: 30px; height: 30px;}
.search-form fieldset {border: none; width: 60px;}

.search-form input {background: transparent; text-indent: 10px; color: #8c7359; line-height: 24px; margin-bottom: 0;}
.search-form input.submit {position: absolute; width: 16px; height: 16px; bottom: 9px; right: 0; text-indent: 0; margin-bottom: 0; cursor: pointer; background: url(images/search.svg) no-repeat center center; background-size: 16px 16px;}

.search-form input::-webkit-input-placeholder {color: #8c7359;}
.search-form input:-moz-placeholder {color: #8c7359;}
.search-form input::-moz-placeholder {color: #8c7359;}
.search-form input:-ms-input-placeholder {color: #8c7359;}
.search {font-size: 16px; line-height: 1.5;}


/* Menu */
.menu {position: absolute; bottom: 0; left: 0; height: 34px; font-size: 0;}
.menu li {display: inline-block; font-size: 16px;  padding: 0 10px 0 10px;  opacity: 1; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; position: relative;}
.menu > li:after {content: ''; width: 1px; height: 16px; position: absolute; right: 0px; bottom: 33px; background: #8c7359;}
.menu > li:last-child:after {display: none;}
.menu > li {line-height: 30px; height: 56px;}
.menu > li:first-child {padding-left: 0;}
.menu > li:hover > a {opacity: 0.5;}
.menu > li.current-menu-item:before, .menu > li.current_page_parent:before {content: '\e800'; font-family: 'fontello'; font-size: 26px; position: absolute; bottom: -3px; left: 50%; margin-left: -25px; }

/* Submneu */
.sub-menu {background: #FFF; position: absolute; top: 35px; left: 0; z-index: 2; visibility: hidden; opacity: 0; border-left: 1px solid #8c7359; border-right: 1px solid #8c7359; border-bottom: 1px solid #8c7359; padding: 10px 0; width: 100%;}
.sub-menu li {display: block; line-height: 30px;}
.sub-menu li:hover a {opacity: 0.5;}
.sub-menu a {display: block; border-bottom: 1px dotted #8c7359;}
.sub-menu li:last-child a {border: none;}

/* Show submenu */
.menu > li:hover .sub-menu {visibility: visible; opacity: 1;}

/* Shop-nav */
.shop-nav {position: absolute; top: 70px; right: 0; font-size: 16px;}

/* Login */
.login {margin-right: 30px;}

/* Basket count */
.basket-count:after { content: '\e801'; font-family: 'fontello'; font-size: 20px; margin-left: 6px; position: relative; bottom: 2px;}

/* Social media */
.social-media {font-size: 26px; position: absolute; right: 0; top: 126px;}
.social-media a {padding: 0 10px; float: left;} 
.social-media a:before {font-size: 27px;}
.social-media a:last-child {padding-right: 0;}

/* ==========================================================================
	Home
   ========================================================================== */
.home h2 a, .home h3 a {color: #5a2049;}
.home h1 {font-size: 65px; position: absolute; top: -100px; left: 30px; color: #fff;  line-height: 1; font-weight: normal; }
.home h2.key-line {background-image: url(images/dotted-line.png); background-repeat: no-repeat; background-position: center center; text-align: center; clear: both;}
.home h2 span {background-color: #fff; padding: 0 10px 0 10px;} 
.our-news h3 {text-align: center; padding: 0 20px;} 

/* Owl carousel */
.slideshow {margin-bottom: 20px; z-index: 0;}

/* Owl nav */
.owl-prev, .owl-next {font-family: "fontello"; position: absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 1;}
.owl-prev {left: 50px;}
.owl-next {right: 50px;}
.owl-next:before, .owl-prev:before {font-size: 27px;}
.owl-next:before { content: '\e805'; } 
.owl-prev:before { content: '\e806'; } 

/* Slideshow */
.slideshow .mask {background: #FFF; opacity: 0.8; height: 100%; width: 100%; position: absolute; z-index: 1;}
.slideshow .left {right: 50%; margin-right: 482px;}
.slideshow .right {left:50%; margin-left: 482px;}
.slideshow {width: 100%; margin-bottom: 20px; position: relative; overflow: hidden;}
.slideshow .image {margin: 0 auto 0 auto; position: relative; overflow: visible !important;}
.slideshow .image img {position: absolute; top:0; left:0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
.slideshow img {margin: 0 auto 0 auto; }
.slideshow-text {text-align: center;}

/* Sell for you */
.sell-for-you {position: relative;}
.sell-for-you:before {content:''; position:absolute; top:0; bottom: 0; right:-2.5%; width: 1px;  border-right: 1px dotted #8c7359;}
.sell-for-you li {margin: 0 0 20px 24px; list-style-type: none; position: relative; } 
.sell-for-you li:before {position: absolute; left:-26px;}
.sell-for-you li:nth-child(1):before {content:'1.';}
.sell-for-you li:nth-child(2):before {content:'2.';}
.sell-for-you li:nth-child(3):before {content:'3.';}
.sell-for-you li strong {color: #8c7359; padding-bottom: 0;}  
.sell-for-you h2 {text-align: center;}

/* New products */
.new-products {border-bottom: 1px dotted #8c7359; margin-bottom: 30px;}

/* Our news / Latest press */
.our-news, .latest-press {border-right: 1px dotted #8c7359; text-align: center; font-size: 16px; line-height: 1.5; padding-right: 14px; margin-bottom: 12px;}
.our-news {border-right: 0;}
.latest-press {border: none;}
.latest-press img {margin: 0 auto; -webkit-box-shadow: 4px 12px 40px -20px #000000; box-shadow: 4px 12px 40px -20px #000000;}
.our-news p, .latest-press p {padding: 0 20px 20px 20px; font-size: 16px; line-height: 1.5;}


/* ==========================================================================
	Page
   ========================================================================== */
.page-images img {margin-bottom: 20px;}

/* ==========================================================================
	Page : Terms
   ========================================================================== */
.page-terms p {font-size: 16px;}

/* ==========================================================================
	Product Listing - New Arrivals on Homepage
   ========================================================================== */
.product-block {color: #8c7359; margin: 0 0 30px 0; position: relative; overflow: hidden;}   
.product-block figure {position: relative;}         
.product-block img {margin-bottom: 10px;}
.product-block h3 {color: #8c7359; padding-bottom: 0;}

/* Sale / Reserved */
span.on-sale {position: absolute; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; left: -60px; width: 200px; top: 20px;}
span.reserved {position: absolute; width: 100%; text-transform: uppercase;} 
span.on-sale, span.reserved {background: rgba(141,116,90, 0.75); color: #fff; text-align: center; line-height: 1.8;}

/* Sort by */
.woocommerce-ordering {position: absolute; top:0; right:20px;}
.woocommerce-ordering.icon-down:before {position: absolute; right: 0; top: 0; font-size: 10px; line-height: 36px; pointer-events: none;}
.orderby {background: #fff; margin-right: 40px; -webkit-appearance: none; -moz-appearance: none; appearance:         none;}

/* Pagination */
.woocommerce-pagination {font-size: 0; line-height: 27px; height: 25px; text-align: center; margin: 0 auto; position: absolute; top: 0; left: 0; right: 0; /* max-width: 200px; */}
.woocommerce-pagination li {color: #8c7359; padding: 0 5px 0 5px; display: inline; font-size: 19px;}
.woocommerce-pagination li:hover a, .woocommerce-pagination span.current {opacity: 0.5;}
.woocommerce-pagination:last-of-type {position: static;}

.prev, .next {position: relative; font-family: 'fontello'; display: inline-block;}
.prev {border-right: 1px solid #c5b9ac;}
.next {border-left: 1px solid #c5b9ac;} 
.prev:before, .next:before {display: inline-block; font-size: 12px; vertical-align: middle;}
.prev:before {content: '\e806'; padding-right: 12px;}
.next:before {content: '\e805'; padding-left: 12px;} 


/* ==========================================================================
	Product Single
   ========================================================================== */
.product-images {position: relative; margin-bottom: 20px;}
.product-images:after {content: 'Click to zoom'; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; line-height: 50px; color: white; pointer-events: none;}
.touchevents .product-images:after {content: 'Press and hold to zoom';}

/* Owl Carousel */
.product-images .owl-prev, .product-images .owl-next {width: 30px; height: 60px; background: rgba(255,255,255,0.5);  }
.product-images .owl-prev {left: 0; -webkit-border-top-right-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topright: 30px; -moz-border-radius-bottomright: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 30px;}
.product-images .owl-next {right: 0; -webkit-border-top-left-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomleft: 30px; border-top-left-radius: 30px; border-bottom-left-radius: 30px;}

.product-images .owl-prev:before, .product-images .owl-next:before {font-size: 27px; line-height: 60px; color: #8d745a; text-align: center;}
.product-images .owl-prev:before {padding-left: 3px;} 
.product-images .owl-next:before{padding-left: 13px;}


/* Product info */
.product-info, .product-info p {position: relative; padding-bottom: 10px;}
.product-info h1 {margin-bottom: 14px;}
.price {padding-bottom: 0;}
.price ins {color: #5a244b; text-decoration: none;}/* Sale price */
.dimensions {display: block;}
.product-meta {margin-bottom: 24px;}
.product-info .cart {margin: 10px 0 30px 0; display: inline-block;}
.product-info .button {min-width: 223px; font-size: inherit; line-height: 36px;}
.product-info em {color: #8c7359; font-style: italic;}
.product-info a.back {position: absolute; font-size: 16px; line-height: 1.5; top: 101px; right: 0; color: #8c7359; padding-top: 10px;}
.onsale {display: none;}
.back-to-shop {position: absolute; top: 12px; right:0; font-size: 16px; line-height: 1.5;}

/* Reference */
.sku-wrapper {font-style: italic;}
.sku {font-style: normal;}

/* Social sharing */
.social-sharing {padding-bottom: 30px; border-bottom: 1px dotted #8c7359;}
.social-sharing a {padding: 0 7px;}
.social-sharing span {margin-right: 10px;}

/* Delivery */
.product-additional-info {padding-top: 20px;}
.product-additional-info a {text-decoration: underline;}

/* Reserved */
p.product-reserved {color: #5a244b; padding-bottom: 30px;}

.stock-notification input {line-height: 24px; font-size: 15px;}
.stock-notification .email {background: #f1f0ec; max-width: 223px; border: 1px solid transparent; margin-bottom: 30px;}
.stock-notification .submit {text-indent: 0; background: transparent; border: 1px solid #8c7359; min-width: 55px; margin-left: 8px; text-transform: uppercase;}

::-webkit-input-placeholder {color: #8c7359;}
:-moz-placeholder {color: #8c7359;}
::-moz-placeholder {color: #8c7359;}
:-ms-input-placeholder {color: #8c7359;}


/* ==========================================================================
	Contact
   ========================================================================== */
.opening-times a, .location a {color: #8c7359;}
.opening-times em, .location em {color: #5a2049; font-style: normal;}
.map {font-size: 14px; margin-bottom: 20px;}


/* ==========================================================================
	News
   ========================================================================== */
.news h2 {color: #8c7359;}

.news-block {padding: 0 0 20px 0; border-bottom: 1px dashed #5a2049; margin: 0 0 30px 0; display: block;}
.news-block em {font-size: 16px; line-height: 1.5; color: #8c7359; font-style: normal; margin-bottom: 10px; display: block;}
.news-block a.readmore, .news-block a.readless {font-style: italic; color: #8c7359; font-size: 14px;}
.news-block p, .news-block img {padding-bottom: 10px;}

.news-block .more, .news-block .readless {display: none;}
.news-block.active .more {display: block;}
.news-block.active .readmore {display: none;}
.news-block.active .readless {display: block;}

.pagination {text-align: center; margin-bottom: 20px;}
.pagination a {padding: 0 10px;}
.pagination .icon-next, .pagination .icon-previous {padding: 0;}

/* ==========================================================================
	Sell with us
   ========================================================================== */
.sell em {color: #5a2049; font-style: normal;}


/* ==========================================================================
	Footer
   ========================================================================== */
footer {background-color: #e2dad1; text-align: center; font-size: 16px; line-height: 1.5; padding: 30px 0; position: relative; margin-top: 40px;}
footer p {padding-bottom: 30px; font-size: 16px;}
footer address, footer a {display: inline-block; padding: 0 10px;}
footer small, .site-credit {font-size: 15px; line-height: 1.6; font-style: normal; display: block;}

footer.fixed { position: fixed; left: 0; right: 0; bottom: 0; }

footer .social-media { position: static; margin-bottom: 10px; }
footer .social-media a {float: none; }
footer .social-media a:before {font-size: 22px;}

/* ==========================================================================
	Cross Browser
   ========================================================================== */
.browserupgrade {padding: 10px; position: fixed; bottom: 0; left:0; right:0; font-size: 13px; text-align: center; color: #000; background-color: #FFF;}
.browserupgrade a {color: #000; text-decoration: underline;}


/* ==========================================================================
	WooCommerce
   ========================================================================== */
.checkout-heading {color: #8d745a; margin-bottom: 38px;}
form.checkout {position: static !important;}

/* Breadcrumb */
.woocommerce-breadcrumb, .breadcrumb {text-transform: none; margin-bottom: 14px; font-size: inherit; line-height: inherit;}
.woocommerce-breadcrumb a , .breadcrumb a {color: #b6ada6;}
.single-product .woocommerce-breadcrumb {position: static;}
.search .woocommerce-breadcrumb a:first-child, .search .woocommerce-breadcrumb span:first-of-type {display: none;}
.shop-home .woocommerce-breadcrumb a:first-child, .shop-home .woocommerce-breadcrumb span:first-of-type {display: none;}

/* Forms */
input, select {background: #b5ada6; line-height: 30px; text-indent: 10px;}
textarea {background: #dad6d2; padding: 10px; width: 100%; min-height: 100px;}
input[type=text], input[type=tel], input[type=email],  input[type=password], select {width: 100%; margin-bottom: 6px;}
label {display: inline-block; line-height: 30px; text-transform: none; font-size: 16px;}
.select2-container {margin-bottom: 6px !important;}

.form-row { width: 48%; float:left;}
.form-row-wide { float: left; width: 100%; clear: both; }
.form-row-first {clear: left;}
.form-row-last {float: right;}
.form-row.notes, .form-row.terms, .form-row.place-order {width: 100%;}
.form-row.terms label {display: inline;}
.form-row.terms input {margin-right: 10px;}
.form-row.display-inline { display: inline-block; width: auto; float: left;}

p.form-row {padding-bottom: 10px;}

.col2-set {clear: both;}
.col-1, .col-2 {float:left; width: 50%; display: inline-block;}

/* Buttons */
.button {background: #8c7359; color: #FFF; text-transform: uppercase; text-align: center; padding: 0 20px; display: inline-block; margin-bottom: 20px; font-size: 14px; line-height: 36px; text-indent: 0; }
.edit {text-decoration: underline;}

/* Checkout button */
.wc-proceed-to-checkout {text-align: right;}
.wc-proceed-to-checkout a {margin-bottom: 0;}

/* Tables */
.shop_table {width: 100%; border-collapse: collapse; text-align: left; margin-bottom: 25px;}
.shop_table th {font-size: inherit; line-height: 1.263; color: #8c7359; margin-bottom: 10px; font-weight: normal; border-top: 1px solid #8c7359; border-bottom: 1px solid #8c7359;}
.shop_table td, .shop_table th {vertical-align: top; padding: 15px 0;}
.shop_table .button {background: #b5ada6; margin-bottom: 0;}
.cart th:last-of-type, .cart tr td:last-of-type {text-align: right; padding-right: 20px;}

th.product-thumbnail {display: none;}
td.product-thumbnail {width: 130px;}

.shop_table  .remove {text-decoration: underline; font-weight: normal;}
.shop_table .dimensions {margin: 10px 0 30px 0;}
.shop_table .actions {display: none;}

/* Cart totals */
th.product-name {padding-left: 20px;}

.cart td {border-bottom: 1px solid #8c7359;}
.cart tr:last-of-type td {border-bottom: 0;}
.product-name a {font-weight: bold;}
.product-quantity {display: none;}

.calculated_shipping h2 {display: none;}
.cart_totals table {width: 100%; background: #f3f1ee; padding:24px 24px 14px 24px; margin-bottom: 20px;}
.cart_totals th {text-align: left; padding: 15px 0;}
.cart-subtotal td, .order-total td, .cart-discount td {text-align: right;}
.order-total th, .order-total td, .cart-discount td {border-bottom: 1px solid #8c7359; border-top: 1px solid #8c7359;}
.cart-discount a {font-size: 12px; display: block;}

.cart-collaterals {position: relative; padding: 15px; background: #F3F1EE;}
.cart-collaterals h2 {display: none;}

/* Cart Coupon */
.coupon label {display: none;}
.coupon .input-text { display: inline-block; float: left; width: 200px;}
.coupon .button { width: 150px; float: left; height: 30px; line-height: 30px; margin-left: 5px;}
.cart .actions {display: table-cell;}
.cart .actions .button {display: none;}
.cart .actions .coupon .button {display: block;}

/* Shipping */
.shipping_method {margin: 0 10px 20px 0; }
.woocommerce-shipping-calculator {display: none;}

.shipping th, .shipping td {display: block;} 
.shipping th {border: 0;}
.cart-subtotal th, .cart-subtotal td  {border-top: 1px solid #8c7359; border-bottom: 1px solid #8c7359; vertical-align: top; padding: 15px 0;}

/* Payment Methods */
ul.payment_methods {margin-bottom: 10px;}
ul.payment_methods li {line-height: 40px;}
ul.payment_methods input {vertical-align: middle;}
.input-radio {margin: 0 10px 0 1px;}
.payment_box {font-size: 16px;}
.payment_box p {font-size: 14px; margin-top:10px; line-height: 1.5;}

/* Payment Method : Paypal */
.payment_method_paypal img { display: inline-block; vertical-align: middle; width: 160px; height: auto; margin-left: 10px;}
.about_paypal {display: none;}

/* Payment Methods : Stripe */
.payment_method_stripe img {display: inline-block; vertical-align: middle;}
.payment_method_stripe img:first-child {margin-left: 10px;}


/* Errors */
.woocommerce-error, .woocommerce-message, .woocommerce-info {padding: 10px; margin-bottom: 30px; font-size: 14px;}
.woocommerce-error {background: #5a244b; color: #fff;}
.woocommerce-error a.button {background: transparent; margin-bottom: 0; text-decoration: underline;}
.woocommerce-error a {text-decoration: underline; padding: 0 10px 0 0;}
.woocommerce-invalid label {color: #5a244b;}


/* Confirmations */
.woocommerce-message, .woocommerce-info {background: #8c7359; color: #fff;}
.woocommerce-info a, .woocommerce-error a, .woocommerce-message a {color: inherit;}
.woocommerce-message .button, .woocommerce-info .button {margin-bottom: 0; background: transparent; text-decoration: underline; color: inherit; padding: 0 10px 0 0;}

/* Billing Details */
a.select2-choice, div.select2-container {background: #f1efec!important; color:#8c7359!important; font-size: 16px!important; line-height: 30px!important;}
.select2-container .select2-choice {border: none!important;}
.select2-search {padding-left: 0; padding-right: 0;}
.select2-search input {border: none!important;}

.select2-results, .select2-results .select2-ajax-error, .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {background:#f1efec !important; color:#8c7359; font-size: 16px!important; line-height: 30px!important;}
.select2-results .select2-highlighted .select2-result-label  {background: #8c7359!important; color: #ffffff!important;}
.select2-results .select2-result-label {color:#8c7359;}

.select2-drop-active {border:0 !important;}
.select2-drop {border:0; background: #f1efec!important;  border-radius: 0 !important;}

#ship-to-different-address-checkbox {margin-left: 10px;}

/* ==========================================================================
	WooCommerce : Checkout
   ========================================================================== */

.cart-heading {color: #8d745a; border-bottom: 1px dotted #8c7359; margin-bottom: 0; padding-bottom: 20px;}
.cart_item .product-total {text-align: right;}

.woocommerce-checkout-review-order {background: #f3f1ee; padding: 20px 20px 0 20px;}
   
/* .checkout-progress {margin-bottom: 34px;} */
.checkout-progress:first-child {margin-bottom: 0;}
.checkout-progress .checkout-stage {height: 38px; overflow: hidden;}
.checkout-progress .checkout-stage.open {height: auto;}
.checkout-progress h3 {line-height: 38px; cursor: pointer; color: #8c7359; position: relative;}
.checkout-progress h3:first-child {border-top: 1px solid #8c7359;}
.checkout-progress h3:after {content: '\e809'; position: absolute; top: 0; right: 24px; line-height: 38px; font-size: 9px; font-family: 'fontello';}
.checkout-progress .checkout-stage.open h3 {border-bottom: 0;}
.checkout-progress .checkout-stage.open h3:after {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}

/* Navigation */
nav.checkout-nav {margin-left: -0.5%; margin-right: -0.5%; margin-bottom: 34px;}
nav.checkout-nav a, nav.checkout-nav span {line-height: 38px; color: #fff; background: #c6baad; width: 32.333%;  display: inline-block; text-align: center; margin-left: 0.5%; margin-right: 0.5%;}
nav.checkout-nav a.active, nav.checkout-nav span.active {background: #8c745a!important;}



/* Login */
.checkout-guest p, .checkout-login p {font-size: 16px;}
.checkout-login .woocommerce-info {margin-bottom: 20px; background: transparent; color: #8c745a; padding: 0; font-size: 16px;}
.input-text { background: #f1efec!important; height: 30px; font-size: 16px;}
.showlogin {text-decoration: underline;}
.lost_password {    font-size: 16px; clear: both; text-decoration: underline;}
#rememberme {margin-left: 10px;}
#customer_login .form-row {width: 100%;}

/* Register */
#customer_login .form-row.display-inline { display: inline-block; width: auto; float: left;}
#customer_login #subscribe_to_newsletter_field {    display: inline-block; width: auto; float: left; clear: none; margin-left: 12px; line-height: 34px;}

/* Order Review */
.checkout .woocommerce {position: relative; min-height:850px;}
.checkout footer {position: static !important;}
#order_review {position: absolute; top:72px; right:0; margin: 0 !important;}

/* Validation */
.checkout-form {clear: both;}
.checkout-form .woocommerce-error { width: 48.7590486%;}

/* ==========================================================================
	Order Confirmation
   ========================================================================== */
.order-confirmation {border-top: 1px solid #8c7359; padding-top: 20px;}
.order-confirmation h2 {font-size: 19px; color: #8c7359; font-weight: bold; margin-bottom: 10px;}
.order-confirmation-sidebar {background: #f3f1ee; padding: 20px;}
.order-confirmation-sidebar h2, .order-confirmation-sidebar h3 {font-size: 24px; color: #8d745a; border-bottom: 1px dotted #8c7359; padding-bottom: 20px; margin-bottom: 0;}
.order-confirmation-sidebar h3 {padding-bottom: 20px;}
.order-confirmation-sidebar header {height: auto; margin-bottom: 0; padding: 0;}
.order-confirmation-sidebar address {margin-top: 20px;}
.order-confirmation-sidebar th.product-name {border: none; padding-left: 0;}
.order-confirmation-sidebar .shop_table tbody td, .order-confirmation-sidebar .shop_table tbody th { border-bottom: 1px dotted #8c7359; border-top:0; }
.order-confirmation-sidebar .shop_table td, .order-confirmation-sidebar .shop_table th {border: 0;}

/* ==========================================================================
	Core Owl Carousel CSS File
   ========================================================================== */
.owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative;}
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y;}
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel .owl-refresh .owl-item { display: none;}
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d;}
.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto;}
.owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl;}
.owl-carousel.owl-rtl .owl-item { float: right;}
.no-js .owl-carousel { display: block; } /* No Js */

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease;}
.owl-carousel .owl-item img { transform-style: preserve-3d;}

/* ==========================================================================
	Cloud Zoom CSS. (c)2012-2015 Star Plugins
   ========================================================================== */

/* CSS for lens */
.cloudzoom-lens {
    border:5px solid #888;
    width:100px;
    height:100px;
    box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
    cursor:crosshair;
    z-index: 9999;
}
/* CSS for zoom window. */
.cloudzoom-zoom {
    border:1px solid #888;
    width:600px;
    height:200px;
    box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
	z-index: 9999;
}
/* CSS for zoom window in 'inside' mode. */
.cloudzoom-zoom-inside {
    border:none;
    box-shadow:none;
	z-index: 9999;
}

/* A blank image */
.cloudzoom-blank {
    background-image:url(blank.png);
}

/* The animated ajax loading image */
.cloudzoom-ajax-loader {
    background-image:url(ajax-loader.gif);
    width:32px;
    height:32px;
}

/* ==========================================================================
	Media Queries
   ========================================================================== */
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 468px) {
	
	/* Order Review */
	#order_review {position: static;} 	
	.checkout-form .woocommerce-error { width: 100%;}
}

@media only screen and (min-width : 468px) and (max-width : 768px) {
	
	/* Order Review */
	#order_review { top:58px;} 	
}

@media only screen and (max-width : 768px) {
	
	body {font-size: 16px; padding-top: 75px; }
	.container {padding: 0px 20px 0 20px; width: 100%;}
	
	/* Helpers */
	.m-mb {margin-bottom: 30px;}
	
	/* Typography */
	h1 {font-size: 26px;}
	h2 {font-size: 22px;}
	h3 {font-size: inherit; line-height: inherit;}	

	p {font-size: inherit;}

	/* Header */
	.header {height: 55px; width: 100%; position: fixed; top: 0; left: 0; background: #fff; z-index: 1; margin-bottom: 0;}
	.header .container {margin: 0 20px; padding: 0;}
	.logo {width: 172px; background-size: 172px 39px; height: 39px; left: 0; z-index: 2;}

	.shop-nav {z-index: 1; position: absolute; top: 14px; right: 30px;}
	.basket-count {top: 0; right: 20px; position: absolute; margin-right: 10px;}
	.icon-bag {margin-right: 10px;}
	.icon-search {position: absolute; right: 0px; top: 3px;}

	.search-form input {margin-bottom: 0; font-size: 20px; color: #fff;}
	.search-form fieldset {position: fixed; top: 54px; left: 0; right: 0; background: #8c745a; color: #fff; padding: 10px 20px; display: none; }
	
	/* Show Search form */
	.show-search .search-form fieldset {display: block; border-bottom: 1px solid #f3f1ee; width: 100%;}
		
	.search-form input::-webkit-input-placeholder {color: #fff;}
	.search-form input:-moz-placeholder {color: #fff;}
	.search-form input::-moz-placeholder {color: #fff;}
	.search-form input:-ms-input-placeholder {color: #fff;}
	
	/* Menu */
	.menu {background: #fff;width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; position: fixed; z-index: 1; padding-top: 100px; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; -webkit-overflow-scrolling: touch; overflow: scroll;} 
	.show-menu {overflow: hidden;  position:fixed;}
	.show-menu .menu  {visibility: visible; opacity: 1; height: auto;}
	.menu li {width: 100%; text-align: center; font-size: 20px; height: 40px; line-height: 40px; overflow: hidden; padding: 0 20px;}
	.menu li.active {background: none; height: auto; }
	.menu li:after {display: none;}
	.menu > li:nth-child(3) > a:before {content: '\e809'; position: absolute; right: 20px; top: 0; font-family: 'fontello'; font-size: 10px;}
	.menu > li.active > a:before {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
	.menu li.active:before {display: none;}
	.menu a {display: block;}
	.menu > li:first-child {padding-left: 20px;}	
	.menu li.active .sub-menu {visibility: visible; opacity: 1; height: 250px;}
	
	.sub-menu {position: static; border: none; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
	.sub-menu a {font-size: 16px; border: none;}
	
	/* Secondary Menu */
	.menu .secondary { margin-top: 20px; font-size: 16px;}
	
	/* Burger  CSS */
	.burger {top: 10px; right: 10px; position: fixed; z-index: 3; padding: 10px; display: block;}
	.burger span {width: 16px; height: 14px; border-top: 2px solid; border-bottom: 2px solid; border-color: #8c745a; display: block; position: relative;}
	.burger span:after, .burger span:before {content:''; height: 2px; background-color: #8c745a; left: 0; right: 0; position: absolute; top: 50%; margin-top: -1px; -webkit-transform-origin: center center; transform-origin: center center;}
	.burger span:before, .burger span:after {-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
	
		
	/* Show-menu Burger */
	.show-menu .burger span {border-color: transparent;}
	.show-menu .burger span:after {-webkit-transform:rotate(45deg); transform:rotate(45deg); }
	.show-menu .burger span:before {-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
		
	/* Home */
	.home {padding-top: 55px;}
	.home .header-container {border: none;}
	.home .container {padding-top: 0;}
	.home h1 {font-size: 34px; left: 20px; top: -70px;}
	.home .owl-prev {left: 20px;}
	.home .owl-next {right: 20px;}
	.slideshow-text {padding-right: 0;}
	.slideshow-text p {font-size: 16px;}

	/* Home : Sell for you */
	.sell-for-you:before  {display: none;}
	.sell-for-you li {font-size: 16px;}
	.sell-for-you { border-bottom: 1px dotted #8c7359; margin-bottom: 30px;}
	
	.owl-prev, .owl-next {z-index: 0;}
	
	.our-news {padding-right: 0;}
	.our-news, .latest-press {border: none;}
	
	/* Product Single */
	.back-to-shop {display: none;}
	.product-info .cart {margin-bottom: 10px;}
	
	/* Stock Notification */
	.stock-notification .email { max-width: 214px;}
	
	/* Woocommerce */
	.button {line-height: 30px;}
	label {font-size: 14px;}
	

	.woocommerce-breadcrumb, .woocommerce-ordering {display: none;}
	.woocommerce-pagination {position: static; margin-bottom: 20px;}
	.woocommerce-pagination li {font-size: 16px;}
	
	/* Shopping Bag */
	nav.checkout-nav {margin-bottom: 20px;}
	nav.checkout-nav a, nav.checkout-nav span {padding: 0 1%; font-size: 14px;}
	.shop_table .dimensions {margin-bottom: 10px;}
	.cart td.product-thumbnail {width: 110px;}
	.cart .actions {padding-right: 0 !important;}
	.cart .actions input {width: 50%; margin: 0;}
	.coupon .input-text {width: 110px;}
	.wc-proceed-to-checkout a {width:100%;}
	
	/* Checkout */
	.woocommerce-checkout-review-order {margin-bottom: 20px;}
	.checkout-progress h3:after {right: 0;}
	.checkout-heading {margin-bottom: 20px;}
	.payment_method_stripe img {width: 28px;}
	
	/* Order Confirmation */
	.shop_table {margin-bottom: 0;}
	.shop_table td, .shop_table th {padding: 10px 0;}
	
	/* News */
	.news-block {margin: 0 0 30px 0;}
	.pagination {margin-bottom: 30px;}
	
	/* Login */
	#customer_login .col-1, #customer_login .col-2 {width: 100%;}
	#customer_login .login {margin-right: 0;}	
	.checkout-guest p, .checkout-login p {width: 100%;}
	.checkout-login .login {margin-right: 0;}

	
	/* Footer */
	footer {padding: 20px; position: static; margin-top: 20px; font-size: 14px;}
	footer p {font-size: inherit; }
}

