/*
 * AllOutPlay foundation styles.
 *
 * This first standalone release preserves the proven site structure while the
 * legacy rules are reduced through page-by-page visual coverage testing.
 */
/*-------------------------------------------------------------------------------------------

INDEX:

0. RESET

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks
-1.3 Typography
  -1.3.1 Typefaces
-1.4 Tables

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
  -2.2.1 Drop-down menus
-2.2.2 Top Navigation (optional)
-2.3 Header
-2.4 Content
-2.5 Sidebar
-2.6 Footer
-2.7 Breadcrumbs

3. PAGE CONTENT
-3.1 Images
-3.2 Pagination / WP-Pagenavi / Woo-Pagination

4. WIDGETS
-4.1 Generic Widgets

5. GLOBAL WOOCOMMERCE WIDGET
-5.1 Product List

6. MISC
-6.1 Forms

-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* RESET - http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 */
/*-------------------------------------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* Hand cursor on clickable input elements */
label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
  cursor: pointer;
}
/* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
textarea {
  overflow: auto;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
  margin: 0;
}
/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: #f7f7f7;
  padding: 1em;
  margin-bottom: 1.618em;
}
/* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover,
a:active {
  outline: none;
}
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Floating & Alignment  */
.fl {
  float: left;
}
.fr {
  float: right;
}
.ac {
  text-align: center;
}
.ar {
  text-align: right;
}
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.fix:before,
.fix:after,
.col-full:before,
.col-full:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.fix:after,
.col-full:after {
  clear: both;
}
mark {
  background: none;
  color: #b0a7a4;
}
/*-------------------------------------------------------------------------------------------*/
/* IMPORTS */
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
html {
  font-size: 62.5%;
}
body {
  font-size: 1.4em;
  line-height: 1.618;
  color: #6c6360;
  font-family: "Open Sans", sans-serif;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  padding: 0 1.618em;
  background: #fcfcfc;
}
img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}
hr {
  background-color: #e8e4e3;
  border: 0;
  height: 1px;
  margin-bottom: 1.618em;
}
/* 1.2 Hyperlinks */
a {
  color: #4a413e;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  color: #ff4800;
  text-decoration: none;
}
.clear {
  clear: both;
}
/* 1.3 Typography */
/*
	All typography (and layout) based on a modular scale using 12 & 14 px values scaled in accordance the golden ratio (1.618)
	http://modularscale.com/scale/?px1=14&px2=12&ra1=1.618&ra2=0
	Remember to keep margins consistent and try to avoid margin-top. If everything has an appropriate margin-bottom we don't need one and vertical rhythm will be kept consistent
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Bree Serif", sans-serif;
  color: #363230;
  margin: 0 0 .618em;
  font-weight: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: normal;
}
h1 {
  font-size: 2.244em;
  line-height: 1.387em;
}
h2 {
  font-size: 1.618em;
  line-height: 1.387em;
}
h3 {
  font-size: 1.387em;
}
h4 {
  font-size: 1em;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 0.857em;
}
p {
  orphans: 3;
  widows: 3;
}
ul,
ol,
dl,
p,
table,
form,
pre,
hr {
  margin: 0 0 1.618em 0;
}
li > ul,
li > ol {
  margin: 0 0 0 1.618em;
}
dl dt {
  font-weight: bold;
}
dl dd {
  margin-bottom: 1.618em;
}
blockquote {
  quotes: "\201C" "\201D";
  position: relative;
  color: #39302d;
}
blockquote:before {
  content: "\201C";
  font-family: sans-serif;
  font-size: 3.631em;
  position: absolute;
  top: -0.327em;
  left: -0.53em;
  color: #c6c2c1;
}
/* 1.3.1 Typefaces */
.websymbols {
  font-family: 'WebSymbolsRegular';
}
/* 1.4 Tables */
table {
  width: 100%;
  font-size: .857em;
  margin-bottom: 2.618em;
}
table th,
table td {
  border-bottom: 1px solid #e8e4e3;
  padding: 1em;
  vertical-align: top;
  text-align: left;
}
table th {
  text-transform: uppercase;
  border-bottom: 4px double #e8e4e3;
}
table tr th:first-child,
table tr td:first-child {
  padding-left: 0;
}
table tr th:last-child,
table tr td:last-child {
  padding-right: 0;
}
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
/* 2.1 Containers & Columns */
/* 2.2 Navigation */
ul.nav li a {
  padding: .5em 1em;
  display: block;
}
#navigation {
  clear: both;
  margin-bottom: 2.618em;
  display: none;
}
#navigation ul {
  list-style: none;
}
/* Optional Styling */
#navigation {
  border: 1px solid #ddd7d5;
  border-radius: 0.327em;
  background-clip: padding-box;
  background-color: #ffffff;
  /* FF3.6+ */
  background-image: linear-gradient(to bottom, #ffffff, #f5f5f5);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
}
/* 2.2.2 Top Navigation (optional) */
#top {
  background: #f7f7f7;
  margin: 0 -1.618em;
  padding: 1.618em;
}
#top:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
#top .wc-nav {
  margin-bottom: 0;
  text-align: right;
}
#top .wc-nav li {
  list-style: none;
  display: inline-block;
}
#top .wc-nav li.search {
  width: 48%;
  float: right;
}
#top .wc-nav li.search input {
  width: 100%;
  padding-left: 0;
}
#top .wc-nav li.search form {
  margin-bottom: 0;
}
#top .wc-nav li.search label,
#top .wc-nav li.search .button {
  display: none;
}
#top select {
  margin-top: .857em;
  width: 100%;
}
#top #top-nav {
  display: none;
}
/* 2.3 Header */
#header {
  padding: 1.618em 0 0;
  margin-bottom: 3.631em;
  border-bottom: 4px double #e8e4e3;
  clear: both;
  position: relative;
}
#header #logo {
  float: left;
  margin-bottom: 1.618em;
}
#header .site-title,
#header .site-description {
  display: none;
  margin-bottom: 0;
}
#header .site-title a,
#header .site-description a {
  text-transform: none;
  font-weight: normal;
  text-decoration: none;
}
#header hgroup {
  position: relative;
  margin-bottom: 1.618em;
}
#header hgroup:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
#header .nav-toggle {
  position: absolute;
  top: .53em;
  right: 0;
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  cursor: pointer;
  font-family: sans-serif;
  background-color: #ff4800;
  /* FF3.6+ */
  background-image: linear-gradient(to bottom, #ff4800, #ee3700);
  border: 0.202em solid #bb0400;
  border-radius: 3px;
  background-clip: padding-box;
  text-align: center;
}
#header .nav-toggle a {
  position: absolute;
  inset: -0.202em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
#header .nav-toggle a mark {
  color: #fff;
}
#header .nav-toggle a:hover {
  text-decoration: none;
}
#header .nav-toggle span {
  display: none;
}
#header .site-description {
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  color: #9f9693;
}
#header #topad {
  float: right;
}
#header #navigation ul {
  float: none;
}
/* 2.4 Content */
/* 2.4.1 Slider */
/* 2.5 Sidebar */
#sidebar .secondary {
  float: left;
  margin-right: 20px;
}
#sidebar .secondary.last {
  margin: 0;
}
/* 2.6 Footer */
.footer-wrap #footer:first-child {
  border-top: 0;
}
#footer {
  padding: 2.618em 0;
  border-top: 1px solid #e8e4e3;
  color: #877c78;
}
#footer #credit img {
  vertical-align: middle;
}
#footer #credit span {
  display: none;
}
#footer-widgets {
  border-top: 1px solid #e8e4e3;
  padding: 3.631em 0;
}
/* 2.7 Breadcrumbs */
#breadcrumbs {
  display: none;
  margin-bottom: 1.618em;
  padding-bottom: 1.618em;
  color: #c1b8b5;
  font-size: .857em;
  font-weight: bold;
}
#breadcrumbs .sep {
  color: #e3dad7;
  padding: 0 .618em;
}
/*-------------------------------------------------------------------------------------------*/
/* 3. PAGE CONTENT */
/*-------------------------------------------------------------------------------------------*/
#breadcrumb {
  margin-bottom: 1.618em;
}
.type-page {
  margin: 0 0 3.631em;
  /* 3.1 Images */
}
.type-page header:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.type-page img {
  padding: .53em;
  border: 1px solid #e8e4e3;
  background: #fff;
  max-width: 100%;
  height: auto !important;
  display: block;
}
.type-page img:hover {
  border-color: #d1cac7;
}
.type-page img.thumbnail {
  padding: 0;
  border: 0 !important;
  border-bottom: 0.327em solid #ff4800 !important;
}
.type-page img.wp-smiley {
  padding: 0;
  border: 0;
}
.type-page .alignleft {
  float: left;
  margin: 0 1.618em 1em 0;
}
.type-page .alignright {
  float: right;
  margin: 0 0 1em 1.618em;
}
.type-page .aligncenter {
  display: block;
  text-align: center;
  margin: 0 auto 1.618em;
}
.type-page .wp-caption {
  text-align: center;
  background: #fff;
  border: 1px solid #e8e4e3;
  max-width: 100%;
  padding-top: .327em;
}
.type-page .wp-caption img {
  margin: 0;
  padding: .53em;
  background: none;
  border: 0;
  box-sizing: border-box;
}
.type-page .wp-caption-text {
  margin: 0;
  padding: 0 .53em .53em .53em;
  text-align: center;
}
/* 3.2 Pagination / WP-Pagenavi */
.wp-pagenavi {
  padding: 1em 1.618em;
}
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.1 Generic Widgets */
.widget {
  margin-bottom: 2.618em;
}
.widget h3 {
  color: #39302d;
  border: 1px double #e8e4e3;
  border-width: 1px 0 4px;
  padding: .618em 0;
  font-family: "Open Sans", sans-serif;
}
.widget ul {
  list-style: none;
}
.widget:first-child h3 {
  border-top-width: 0;
  padding-top: 0;
}
.widget.widget_recent_entries li:before,
.widget.widget_recent_comments li:before,
.widget.widget_archive li:before,
.widget.widget_categories li:before,
.widget.widget_meta li:before,
.widget.widget_product_categories li:before,
.widget.widget_links li:before,
.widget.widget_nav_menu li:before {
  font-family: 'WebSymbolsRegular';
  display: inline-block;
  font-size: .857em;
  margin-right: .618em;
  font-weight: normal;
  content: ">";
  color: #e3dad7;
  width: .857em;
}
/*-------------------------------------------------------------------------------------------*/
/* 5. GLOBAL WOOCOMMERCE WIDGET */
.widget ul li .count {
  float: right;
}
.widget ul.product_list_widget li {
  margin-bottom: .618em;
  padding-bottom: .618em;
  border-bottom: 1px dashed #e8e4e3;
}
.widget ul.product_list_widget li:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.widget ul.product_list_widget li a {
  display: block;
}
.widget ul.product_list_widget li img {
  float: right;
  width: 2.244em;
  height: auto;
  margin-left: 1em;
  border-radius: 100%;
  background-clip: padding-box;
}
.widget ul.product_list_widget li del {
  opacity: 0.5;
}
.widget ul.product_list_widget li ins {
  font-weight: bold;
  text-decoration: none;
  margin-left: .618em;
}
.widget ul.product_list_widget li:last-child {
  border-bottom: 0;
}
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/
/* 6.1 Forms */
.form-row label {
  display: block;
}
.form-row .input-text {
  width: 100%;
}
input[type=text],
input.input-text,
textarea,
input.txt,
input[type=tel],
input[type=email] {
  padding: .236em .5em;
  border: 1px solid #c4c0bf;
  border-radius: 0.125em;
  background-clip: padding-box;
  font-size: 1em;
  /* Make inputs the same size as normal text */
  line-height: 1.618em;
  font-family: inherit;
  /* Make inputs use the correct typeface instead of the browser default */
  outline: none;
  margin: 0 .327em;
  background: #f7f7f7;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.03), inset 0 1px 2px #d8d4d3, 0 1px #ffffff;
}
input[type=text]:focus,
input.input-text:focus,
textarea:focus,
input.txt:focus,
input[type=tel]:focus,
input[type=email]:focus {
  border-color: rgba(255, 72, 0, 0.8);
  background: #fff;
  box-shadow: 0 0 0 0.327em rgba(255, 72, 0, 0.1), 0 0 0.202em rgba(255, 72, 0, 0.4);
}
a.button,
a.comment-reply-link,
#commentform #submit,
.submit,
input[type=submit],
input.button,
button.button {
  display: inline-block;
  padding: .236em .857em;
  color: white;
  text-align: center;
  text-decoration: none;
  font-size: 1em;
  /* Make inputs the same size as normal text */
  font-family: inherit;
  /* Make inputs use the correct typeface instead of the browser default */
  cursor: pointer;
  /* Inputs need pointers! */
  overflow: visible;
  /* IE fix */
  width: auto;
  /* IE fix */
  line-height: 1.618em;
  margin: 0 .327em;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: bold;
  text-shadow: 0 1px 0 #cc1500;
  background-color: #ff5911;
  /* FF3.6+ */
  background-image: linear-gradient(to bottom, #ff5911, #dd2600);
  border: 1px solid #bb0400;
  border-radius: 0.202em;
  background-clip: padding-box;
  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 #ff7b33, inset 0 -1px #cc1500;
}
a.button.alt,
a.comment-reply-link.alt,
#commentform #submit.alt,
.submit.alt,
input[type=submit].alt,
input.button.alt,
button.button.alt {
  background-color: #777777;
  /* FF3.6+ */
  background-image: linear-gradient(to bottom, #777777, #444444);
  text-shadow: 0 1px 0 #333333;
  border: 1px solid #222222;
  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;
}
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 {
  background-color: #777777;
  /* FF3.6+ */
  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 {
  background-color: #555555;
  /* FF3.6+ */
  background-image: linear-gradient(to bottom, #555555, #777777);
}
a.button.large,
a.comment-reply-link.large,
#commentform #submit.large,
.submit.large,
input[type=submit].large,
input.button.large,
button.button.large {
  font-size: 1.387em;
}
a.button.small,
a.comment-reply-link.small,
#commentform #submit.small,
.submit.small,
input[type=submit].small,
input.button.small,
button.button.small {
  font-size: .857em;
}
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: #ff5911;
  /* FF3.6+ */
  background-image: linear-gradient(to bottom, #ff5911, #ee3700);
}
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: #ee3700;
  /* FF3.6+ */
  background-image: linear-gradient(to bottom, #ee3700, #ff5911);
  box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.075), inset 0 1px 2px rgba(0, 0, 0, 0.2);
}
a.remove {
  font-family: 'WebSymbolsRegular';
}