/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in 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. */


/* 
GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

h1,
h2,
h3,
h4,
h5,
h6 {
font-family:"Open Sans", sans-serif;
}

h3.nav-toggle {
background:none !important;
background-color:#8A213D !important;
}

h7,
h8 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

h7 {
  font-size: 1.618em;
  line-height: 1.387em;
  font-family: "Open Sans", sans-serif;
  color: #363230;
  margin: 0;
  font-weight: bold;
}

h8 {
  font-size: 1.387em;
  font-family: "Open Sans", sans-serif;
  color: #363230;
  margin: 0;
  font-weight: bold;
}

h7 a,
h8 a {
  font-weight: normal;
}

#top .wc-nav li.cart a:before {
  display: inline-block;
  margin-right: .618em;
  font-family: "icomoon";
  font-size: 1em;
  content: "£";
  font-weight: normal;
}

header#header {
padding-bottom:0;
margin-bottom:0;
padding-top:30px !important;
}

#header hgroup {
margin-bottom:0 !important;
}

#header #navigation ul.nav > li.current-menu-item > a,
#header #navigation ul.nav > li.current_page_item > a {
color:#8A213D;
}

#header #navigation ul.nav li a:hover,
#header #navigation ul.nav > li.parent:hover a:after,
a:hover, ul.products li.product a:hover h3 {
color:#8A213D;
}

#header .nav-toggle {
border: 0.202em solid #9E475E;
}

#homepage_text {
padding-bottom:15px;
text-align:justify;
}

.slideshow_container h1,
.slideshow_container h2,
.slideshow_container h3,
.slideshow_container h4,
.slideshow_container h5,
.slideshow_container h6 {
padding:10px 0 20px 0 !important;
}

.page #main a,
section.entry a {
text-decoration:underline;
font-weight:normal;
color:#666;
}

.page #main a:hover,
section.entry a:hover 
{text-decoration:none;
color:#8A213D;
}

div.fluid-width-video-wrapper {
padding-top:380px !important;
}

#pages-2 li {
font-size:14px;
padding:6px 15px;
background-color:#eee;
margin:1px 0;
}

#comments div.reply a.comment-reply-link,
#comments div.reply a.comment-reply-link:hover {
  color: #fff;
  font-weight: bold;
  text-decoration: none !important;
}

.footer-wrap {
border-top:1px solid #ddd;
}

footer#footer {
padding-top:25px;
padding-bottom:15px;
}

#footer-widgets {
padding-bottom:25px !important;
}

td.web-design {
text-align:right; font-size:12px;
}

td.web-design p {
text-align:right;
}

.subscription-actions a.button.change_address,
.subscription-actions a.button.pay {
margin-bottom: 5px;
}

#copyright {
width:100%;
}

#copyright table {
margin-bottom:0;
}

#copyright table td {
border-bottom:0;
}

a#logo img {
width:175px;
}

a.post-edit-link,
li.edit {
display:none !important;
}

.perma a, .perma a:hover, .edit a, .edit a:hover {
text-decoration: none !important;
font-weight: bold !important;
}


a.button:hover,
a.comment-reply-link:hover,
#commentform #submit:hover,
.submit:hover,
input[type=submit]:hover,
input.button:hover,
button.button:hover {
border-radius:0.202em !important;
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#A52749', endColorstr='#8A213D');
/* For Internet Explorer 8 - 10 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#A52749', endColorstr='#8A213D')";
}

a.button {
text-decoration:none !important;
font-weight:bold !important;
color:#fff !important;
}

a.remove {
text-decoration:none !important;
}

a.button,
a.comment-reply-link,
#commentform #submit,
.submit,
input[type=submit],
input.button, 
button.button {
background-color:#9E475E;
background-image: -webkit-gradient(linear, left top, left bottom, from(#9E475E), to(#8A213D));
background-image: -webkit-linear-gradient(top, #9E475E, #8A213D);
background-image: -moz-linear-gradient(top, #9E475E, #8A213D);
background-image: -ms-linear-gradient(top, #9E475E, #8A213D);
background-image: -o-linear-gradient(top, #9E475E, #8A213D);
background-image: linear-gradient(to bottom, #9E475E, #8A213D);
-webkit-box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.075), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px #9E475E, inset 0 -1px #9E475E;
box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.075), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px #9E475E, inset 0 -1px #9E475E;
border: 1px solid #222222;
}

a.button:hover,
a.comment-reply-link:hover,
#commentform #submit:hover,
.submit:hover,
input[type=submit]:hover,
input.button:hover,
button.button:hover {
text-decoration: none;
background-color:#A52749;
background-image: -webkit-gradient(linear, left top, left bottom, from(#A52749), to(#8A213D));
background-image: -webkit-linear-gradient(top, #A52749, #8A213D);
background-image: -moz-linear-gradient(top, #A52749, #8A213D);
background-image: -ms-linear-gradient(top, #A52749, #8A213D);
background-image: -o-linear-gradient(top, #A52749, #8A213D);
background-image: linear-gradient(to bottom, #A52749, #8A213D);
}

a.button:active,
a.comment-reply-link:active,
#commentform #submit:active,
.submit:active,
input[type=submit]:active,
input.button:active,
button.button:active {
  background-color: #8A213D;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ee3700), to(#A52749));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #8A213D, #A52749);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #8A213D, #A52749);
  /* FF3.6+ */
  background-image: -ms-linear-gradient(top, #8A213D, #A52749);
  /* IE10 */
  background-image: -o-linear-gradient(top, #8A213D, #A52749);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #8A213D, #A52749);
  -webkit-box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.075), inset 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.075), inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

a.button.alt:hover,
a.comment-reply-link.alt:hover,
#commentform #submit.alt:hover,
.submit.alt:hover,
input[type=submit].alt:hover,
input.button.alt:hover,
button.button.alt:hover,
a.button.checkout:hover,
a.comment-reply-link.checkout:hover,
#commentform #submit.checkout:hover,
.submit.checkout:hover,
input[type=submit].checkout:hover,
input.button.checkout:hover,
button.button.checkout:hover {
  background-color: #777777;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#555555));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #777777, #555555);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #777777, #555555);
  /* FF3.6+ */
  background-image: -ms-linear-gradient(top, #777777, #555555);
  /* IE10 */
  background-image: -o-linear-gradient(top, #777777, #555555);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #777777, #555555);
}

a.button.alt:active,
a.comment-reply-link.alt:active,
#commentform #submit.alt:active,
.submit.alt:active,
input[type=submit].alt:active,
input.button.alt:active,
button.button.alt:active,
a.button.checkout:active,
a.comment-reply-link.checkout:active,
#commentform #submit.checkout:active,
.submit.checkout:active,
input[type=submit].checkout:active,
input.button.checkout:active,
button.button.checkout:active {
  background-color: #555555;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#777777));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #555555, #777777);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #555555, #777777);
  /* FF3.6+ */
  background-image: -ms-linear-gradient(top, #555555, #777777);
  /* IE10 */
  background-image: -o-linear-gradient(top, #555555, #777777);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #555555, #777777);
}

p {
text-align:justify;
}

article.post-44 h1 {
display:none;
}

div.pp_left p.pp_description {
display:none !important;
}

.type-post .meta .month {
background:#8A213D;
border-top:0.202em solid #8A213D;
}

aside.post-meta ul li a:hover {
color:#8A213D !important;
}

.woo-pagination .page-numbers.current {
background-color:#8A213D;
}

.woocommerce_tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li.active a {
color:#8A213D;
border-top-color:#8A213D !important;
}

.woocommerce_tabs ul.tabs li a, .woocommerce-tabs ul.tabs li a {
color:#6c6360;
}

.woocommerce_tabs ul.tabs li.active a:hover,
.woocommerce-tabs ul.tabs li.active a:hover,
.woocommerce-tabs ul.tabs li a:hover {
color:#9E475E !important;
}

.woocommerce_tabs ul.tabs li.active:before,
.woocommerce-tabs ul.tabs li.active:before {
background: #8A213D !important;
border-top: 1px solid #8A213D !important;
}

.woocommerce_message,
.woocommerce-message {
border-color:#8A213D;
}

.woocommerce_message:before,
.woocommerce-message:before {
color:#8A213D;
}

input[type="radio"]:checked {background-color:#8A213D;}

div.quantity .plus,
div.quantity .minus {
color:#8A213D;
}

div.quantity .plus:hover,
div.quantity .minus:hover {
color:#9E475E;
}

.checkout #shiptobilling label {
margin-top:3px;
margin-left:-15px;
}

.star-rating span:before {
color: #8A213D;
}

p.stars a:hover,
p.stars a.active {
  background: rgba(233, 22, 22, 0.22);
  color: #8A213D;
}

p.cptch_block {
clear:both;
}

p.cptch_block span.required {
visibility:hidden;
}

p.cptch_block label {
cursor:default;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

#learn-masonry h3 a,
#learn-masonry h4 a {
    font-weight: bold;
}

input#vat_number {
    margin-bottom: 10px;
}

.product-search.floating .product-search-results {
    width: 250%;
    margin: 0 0 0 -149% !important;
}

a.paypal-express-checkout-button img {
    margin: 0 20px 0 0 !important;
}

/* nav.col-full {
    margin-top: 125px !important;
} */

/* Entire site top banner - link colour
-------------------------------------------------------------- */

.demo_store a {
   color: #fff;
}

.demo_store a:hover {
    color:#8a213d
}

/* Out of stock notifications
-------------------------------------------------------------- */

h6.subscribe_for_interest_text {
    font-size: 1em;
    font-weight: bold;
}

input.stock_alert_email {
    max-width: 200px;
    margin-bottom: 10px;
}

.alert_container button.unsubscribe_button,
.alert_container button.unsubscribe_button:hover,
.alert_container button.unsubscribe_button:active {
    margin-top: 10px !important;
}

.alert_container button.unsubscribe_button,
.alert_container button.unsubscribe_button:hover,
.alert_container button.unsubscribe_button:active,
input.stock_alert_button,
input.stock_alert_button:hover,
input.stock_alert_button:active {
    display: inline-block;
    padding: .236em .857em;
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 1em;
    font-family: inherit;
    cursor: pointer;
    overflow: visible;
    width: auto;
    line-height: 1.618em;
    margin: 0 .327em;
    -webkit-font-smoothing: subpixel-antialiased;
    font-weight: bold;
    -webkit-border-radius: 0.125em;
    border-radius: 0.125em;
}

.alert_container button.unsubscribe_button,
input.stock_alert_button {
  background-color: #777777;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#444444));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #777777, #444444);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #777777, #444444);
  /* FF3.6+ */
  background-image: -ms-linear-gradient(top, #777777, #444444);
  /* IE10 */
  background-image: -o-linear-gradient(top, #777777, #444444);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #777777, #444444);
  text-shadow: 0 1px 0 #333333;
  border: 1px solid #222222;
  -webkit-box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.075), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px #999999, inset 0 -1px #333333;
  box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.075), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px #999999, inset 0 -1px #333333;
}

.alert_container button.unsubscribe_button:hover,
input.stock_alert_button:hover {
  background-color: #777777;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#555555));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #777777, #555555);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #777777, #555555);
  /* FF3.6+ */
  background-image: -ms-linear-gradient(top, #777777, #555555);
  /* IE10 */
  background-image: -o-linear-gradient(top, #777777, #555555);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #777777, #555555);
}

.alert_container button.unsubscribe_button:active,
input.stock_alert_button:active {
  background-color: #555555;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#777777));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #555555, #777777);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #555555, #777777);
  /* FF3.6+ */
  background-image: -ms-linear-gradient(top, #555555, #777777);
  /* IE10 */
  background-image: -o-linear-gradient(top, #555555, #777777);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #555555, #777777);
}

/* Checkout width fix
-------------------------------------------------------------- */

.woocommerce-checkout-review-order-table td.product-name {
    max-width: 400px;
}

/* MailChimp Form Classic
-------------------------------------------------------------- */

#mc_embed_signup form {display:block; position:relative; text-align:left;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}

#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}        
#mc_embed_signup .clear {clear:both;}
#mc_embed_signup div.mce_inline_error {margin-bottom: 0px !important;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

/* 
DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

@media only screen and (min-width: 1049px) {
	/* Desktop styles go here 
  nav.col-full {
    margin-top: 50px !important;
  } */
}

/* @media only screen and (min-width: 562px) and (max-width: 1049px) {
  nav.col-full {
    margin-top: 75px !important;
  }
}
@media only screen and (min-width: 296px) and (max-width: 562px) {
  nav.col-full {
    margin-top: 125px !important;
  }
} */

p.demo_store {
    z-index: 8999;
}

@media only screen and (min-width: 1049px) {
	/* Desktop styles go here */
.woocommerce-demo-store #top, .wocommerce-demo-store .nav-toggle {
    margin-top: 50px !important;
}
ul.nav ul {
    width: 16.389em; 
}
}

@media only screen and (min-width: 562px) and (max-width: 1049px) {
.woocommerce-demo-store #top, .wocommerce-demo-store .nav-toggle {
    margin-top: 75px !important;
}
.product-search.floating .product-search-results {
    width: 200%;
    margin: 0 0 0 -99% !important;
}
}
@media only screen and (min-width: 296px) and (max-width: 562px) {
.woocommerce-demo-store #top, .wocommerce-demo-store .nav-toggle {
    margin-top: 125px !important;

}
.product-search.floating .product-search-results {
    width: 200%;
    margin: 0 0 0 -99% !important;
}
}