/* 
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 */



/* CHANGE FONTS */

/* NOT WORKING
header h1 {
  font-family: "Arial", sans-serif;
  color: #363230;
  margin: 0 0 .618em;
  font-weight: normal;
}
*/

/*
h3 {
  font-family: "Open Sans", sans-serif;
  color: #363230;
  margin: 0 0 .618em;
  font-weight: normal;
}

body {
  font-size: 1.4em;
  line-height: 1.618;
  color: #6c6360;
  font-family: "Open Sans", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  padding: 0 1.618em;
  background: #fcfcfc;
}
*/



h1 {
  font-family: "Droid Sans", sans-serif;
  color: #585a5e;
  /*margin: 0 0 .618em;*/
  font-weight: normal;
  font-size: 22pt;
}
  

h2 {
  font-family: "Droid Sans", sans-serif;
  color: #535e66;
  font-weight: normal;
}


h3 {
  font-family: "Droid Sans", sans-serif;
  /*color: #525357;*/
  color: #535e66;
  font-weight: bold;
  font-size: 13pt;
}




/*
h3 {
  font-family: "Open Sans", sans-serif;
  color: #4b4d51;
  font-weight: normal;
  font-size: 13.5pt;
}
*/



/* MODIFY HEADER TO CENTER LOGO */
#header {
  padding: 2.000em 0 0;
  margin-bottom: 3.631em;
  border-bottom: 4px double #e8e4e3;
  clear: both;
  position: relative;
}

#header #navigation ul {
  padding: 2.3em 0 0;
  float: none;
}


/* REMOVE BREADCRUMBS FROM HOME*/
.home .breadcrumb {
    display: none;
}


/* BREADCRUM AND FOOTER COLOUR */
a {
color: #6c777f;
text-decoration: none;
font-weight: bold;
}

#breadcrumbs {
  margin-bottom: 1.618em;
  padding-bottom: 1.618em;
  font-size: .857em;
  font-weight: bold;
}




/* MODIFY TOP NAVIGATION */
#top {background-color:#f3f6f7;}

/*
#top ul.nav > li a {
 padding: 1.387em 1em;
 color: #7b868e;
 }
*/


/* MODIFY MAIN NAVIGATION (NOTE: this modification also happens somewhere else)*/

#navigation ul.nav > li a:hover {
text-decoration: none;
color: #00a2d0;
}



/* CHANGE WOOCOMMERCE PRICE DISPLAY*/

/* WooCommerce Price (Default) */

.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price, .woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price {
	color: #b85f56;
	/* font-size: 1em;
	font-weight: normal; */
}

 
/* WooCommerce Price (From Text) */
/*
.woocommerce ul.products li.product .price .from, .woocommerce-page ul.products li.product .price .from, .woocommerce div.product span.price .from, .woocommerce div.product p.price .from, .woocommerce #content div.product span.price .from, .woocommerce #content div.product p.price .from, .woocommerce-page div.product span.price .from, .woocommerce-page div.product p.price .from, .woocommerce-page #content div.product span.price .from, .woocommerce-page #content div.product p.price .from {
	color: #777777;
	font-size: 0.85em;
	text-transform: uppercase;
}
*/
 
/* WooCommerce Price (Regular Price) */
.woocommerce div.product span.price del, .woocommerce div.product p.price del, .woocommerce #content div.product span.price del, .woocommerce #content div.product p.price del, .woocommerce-page div.product span.price del, .woocommerce-page div.product p.price del, .woocommerce-page #content div.product span.price del, .woocommerce-page #content div.product p.price del, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del, .product-price del, .woocommerce ul.cart_list li .quantity del, .woocommerce-page ul.cart_list li .quantity del, .woocommerce ul.product_list_widget li .quantity del, .woocommerce-page ul.product_list_widget li .quantity del {
	color: #6c777f;
	/* font-size: 0.85em;
	text-decoration: line-through; */
}

 
/* WooCommerce Price (Sale Price) */
/*
.woocommerce ul.products li.product .price ins, .woocommerce-page ul.products li.product .price ins, .woocommerce div.product span.price ins, .woocommerce div.product p.price ins, .woocommerce #content div.product span.price ins, .woocommerce #content div.product p.price ins, .woocommerce-page div.product span.price ins, .woocommerce-page div.product p.price ins, .woocommerce-page #content div.product span.price ins, .woocommerce-page #content div.product p.price ins, .product-price ins, .woocommerce ul.cart_list li .quantity ins, .woocommerce-page ul.cart_list li .quantity ins, .woocommerce ul.product_list_widget li .quantity ins, .woocommerce-page ul.product_list_widget li .quantity ins {
	color: #CF6700;
}
*/





/* REMOVE "SALE" TAG */
.onsale { display: none !important; }



/* MODIFY WOOCOMMERCE CHECKOUT + - ITEM QUANTITY*/
.woocommerce .quantity .plus, .woocommerce .quantity .minus, .woocommerce #content .quantity .plus, .woocommerce #content .quantity .minus, .woocommerce-page .quantity .plus, .woocommerce-page .quantity .minus, .woocommerce-page #content .quantity .plus, .woocommerce-page #content .quantity .minus {
    cursor: pointer;

    font-size: 15px;
    font-weight: bold;
    width: 20px;
}



/* MODIFY RADIO BUTTONS*/
input[type="radio"] {
  /*-webkit-appearance: none;*/
  /* Hides the default checkbox style */

  height: 1.4em;
  width: 1.4em;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */

  box-sizing: border-box;
  /* Opera/IE 8+ */

  border: 0.382em solid #d7d3d2;
  cursor: pointer;
  position: relative;
  -webkit-transition: .15s;
  border-radius: 2em;
  background-color: #d7d3d2;
}

/* REMOVE HIGHLIGHTING OF RADIO BUTTONS, ETC IN CHROME*/
*:focus {
    outline: 0;
}


/* MODIFY CHECKBOX STYLE (E.g., the red X for ship to different address is a checkbox */
input[type="checkbox"] {
  -webkit-appearance: none;
  /* Hides the default checkbox style */

  height: 1.4em;
  width: 1.4em;
  cursor: pointer;
  position: relative;
  -webkit-transition: .15s;
  border-radius: 0em;
  border: 2px solid #6c777f;
  background-color: #fff;
  margin-right: 1em;
  margin-top: .53em;
}
input[type="checkbox"]:checked {
  background-color: #6c777f;
}
input[type="checkbox"]:before,
input[type="checkbox"]:checked:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 1.618em;
  text-align: center;
  color: #fff;
  content: "";
  font-family: 'WebSymbolsRegular';
  font-size: .618em;
}
input[type="checkbox"]:checked:before {
  content: '.';
}
input[type="checkbox"]:hover:before {
  /*background: rgba(255, 255, 255, 0.3);*/
  background-color: #B9C4CC;
}
	

/* MODIFY WOOCOMMERCE CHECKOUT BUTTON V3*/
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce #content input.button,.woocommerce-page a.button,.woocommerce-page button.button,.woocommerce-page input.button,.woocommerce-page #respond input#submit,.woocommerce-page #content input.button
{
font-size:100%;margin:0;line-height:1em;cursor:pointer;position:relative;font-family:inherit;text-decoration:none;overflow:visible;padding:6px 10px;text-decoration:none;
font-weight:bold;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;left:auto;
text-shadow:0 1px 0 #ffffff;
color:#5e5e5e;
text-shadow:0 1px 0 rgba(255,255,255,0.8);
border:1px solid #c7c0c7;
background:#f7f6f7;
background:-webkit-gradient(linear,left top,left bottom,from(#f7f6f7),to(#dfdbdf));
background:-webkit-linear-gradient(#f7f6f7,#dfdbdf);
background:-moz-linear-gradient(center top,#f7f6f7 0%,#dfdbdf 100%);
background:-moz-gradient(center top,#f7f6f7 0%,#dfdbdf 100%);
white-space:nowrap;display:inline-block;
-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.075), inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.075), inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1);
box-shadow:inset 0 -1px 0 rgba(0,0,0,0.075), inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1)
}

.woocommerce a.button.loading,.woocommerce button.button.loading,.woocommerce input.button.loading,.woocommerce #respond input#submit.loading,.woocommerce #content input.button.loading,.woocommerce-page a.button.loading,.woocommerce-page button.button.loading,.woocommerce-page input.button.loading,.woocommerce-page #respond input#submit.loading,.woocommerce-page #content input.button.loading
{color:#777777;border:1px solid #f7f6f7}


.woocommerce a.button.loading:before,.woocommerce button.button.loading:before,.woocommerce input.button.loading:before,.woocommerce #respond input#submit.loading:before,.woocommerce #content input.button.loading:before,.woocommerce-page a.button.loading:before,.woocommerce-page button.button.loading:before,.woocommerce-page input.button.loading:before,.woocommerce-page #respond input#submit.loading:before,.woocommerce-page #content input.button.loading:before
{
content:"";
position:absolute;top:0;right:0;left:0;bottom:0;
background:url(../images/ajax-loader.gif) center no-repeat rgba(255,255,255,0.65)
}

/*
.woocommerce a.button.added:before,.woocommerce button.button.added:before,.woocommerce input.button.added:before,.woocommerce #respond input#submit.added:before,.woocommerce #content input.button.added:before,.woocommerce-page a.button.added:before,.woocommerce-page button.button.added:before,.woocommerce-page input.button.added:before,.woocommerce-page #respond input#submit.added:before,.woocommerce-page #content input.button.added:before
{
content:"";position:absolute;height:16px;width:16px;top:0.35em;right:-26px;text-indent:0;background:url(../images/success.png) no-repeat
}
*/


.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce #respond input#submit:hover,.woocommerce #content input.button:hover,.woocommerce-page a.button:hover,.woocommerce-page button.button:hover,.woocommerce-page input.button:hover,.woocommerce-page #respond input#submit:hover,.woocommerce-page #content input.button:hover
{
background:#f7f6f7;
background:-webkit-gradient(linear,left top,left bottom,from(#f7f6f7),to(#d3ced3));
background:-webkit-linear-gradient(#f7f6f7,#d3ced3);
background:-moz-linear-gradient(center top,#f7f6f7 0%,#d3ced3 100%);
background:-moz-gradient(center top,#f7f6f7 0%,#d3ced3 100%);
text-decoration:none
}


.woocommerce a.button:active,.woocommerce button.button:active,.woocommerce input.button:active,.woocommerce #respond input#submit:active,.woocommerce #content input.button:active,.woocommerce-page a.button:active,.woocommerce-page button.button:active,.woocommerce-page input.button:active,.woocommerce-page #respond input#submit:active,.woocommerce-page #content input.button:active
{top:1px}


.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce #respond input#submit.alt,.woocommerce #content input.button.alt,.woocommerce-page a.button.alt,.woocommerce-page button.button.alt,.woocommerce-page input.button.alt,.woocommerce-page #respond input#submit.alt,.woocommerce-page #content input.button.alt
{
background:#00a2d0;
background:-webkit-gradient(linear,left top,left bottom,from(#00a2d0),to(#007a9d));
background:-webkit-linear-gradient(#00a2d0,#007a9d);background:-moz-linear-gradient(center top,#00a2d0 0%,#007a9d 100%);
background:-moz-gradient(center top,#00a2d0 0%,#007a9d 100%);
border-color:#00536a;color:#d4f2fb;
text-shadow:0 -1px 0 rgba(0,0,0,0.6)
}


.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover,.woocommerce #respond input#submit.alt:hover,.woocommerce #content input.button.alt:hover,.woocommerce-page a.button.alt:hover,.woocommerce-page button.button.alt:hover,.woocommerce-page input.button.alt:hover,.woocommerce-page #respond input#submit.alt:hover,.woocommerce-page #content input.button.alt:hover
{
background:#00a2d0;
background:-webkit-gradient(linear,left top,left bottom,from(#00a2d0),to(#006684));
background:-webkit-linear-gradient(#00a2d0,#006684);
background:-moz-linear-gradient(center top,#00a2d0 0%,#006684 100%);
background:-moz-gradient(center top,#00a2d0 0%,#006684 100%);
color:#e5ffff;text-shadow:0 -1px 0 rgba(0,0,0,0.6)
}

.woocommerce .cart .button,.woocommerce .cart input.button,.woocommerce-page .cart .button,.woocommerce-page .cart input.button{float:none}.woocommerce a.added_to_cart,.woocommerce-page a.added_to_cart
{padding-top:.5em;white-space:nowrap;display:inline-block}





/* MODIFY WOOCOMMERCE CHECKOUT BUTTON V1*/
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt {
    background: -moz-linear-gradient(center top , #00B0D1 0%, #00859E 100%) repeat scroll 0 0 transparent;
    border-color: #005A6B;
    color: #ebf1f3;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
}
div.product div.summary button.button:hover, div.product div.summary a.button:hover{
border-radius: 2px 2px 2px 2px;
background: -moz-linear-gradient(center top , #F7F6F7 0px, #555 100%) !important;
color: #FFFFFF;
text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}







/* MODIFY WOOCOMMERCE ALT BUTTON COLOR (originally grey buttons)*/
/*
.woocommerce a.alt.button, .woocommerce button.alt.button, .woocommerce input.alt.button, .woocommerce #respond input.alt#submit, .woocommerce #content input.alt.button, .woocommerce-page a.alt.button, .woocommerce-page button.alt.button, .woocommerce-page input.alt.button, .woocommerce-page #respond input.alt#submit, .woocommerce-page #content input.alt.button{
background:#6c777f !important;
border-color:#6c777f !important;
/*
background:-webkit-gradient(linear,left top,left bottom,from(#00a2d0),to(#007a9d));
background:-webkit-linear-gradient(#00a2d0,#007a9d);
background:-moz-linear-gradient(center top,#00a2d0 0%,#007a9d 100%);
background:-moz-gradient(center top,#00a2d0 0%,#007a9d 100%);
border-color:#00536a;color:#d4f2fb;text-shadow:0 -1px 0 rgba(0,0,0,0.6);
*/
}
*/





/* 
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: 768px) {
	/* Desktop styles go here */
}