/* Author: Ana Flasker */
/* ana@anaflasker.com */
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.transitiondef {
  transition: all 0.12s ease-in;
  -webkit-transition: all 0.12s ease-in;
}
/* Common LESS things */
/* Typography */
@font-face {
  font-family: 'amatic_scregular';
  src: url('../fonts/amaticsc-regular-webfont.eot');
  src: url('../fonts/amaticsc-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/amaticsc-regular-webfont.woff2') format('woff2'), url('../fonts/amaticsc-regular-webfont.woff') format('woff'), url('../fonts/amaticsc-regular-webfont.ttf') format('truetype'), url('../fonts/amaticsc-regular-webfont.svg#amatic_scregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'proxima_nova_rgregular';
  src: url('../fonts/proximanova-regular-webfont.eot');
  src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-regular-webfont.woff2') format('woff2'), url('../fonts/proximanova-regular-webfont.woff') format('woff'), url('../fonts/proximanova-regular-webfont.ttf') format('truetype'), url('../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'proxima_nova_rgbold';
  src: url('../fonts/proximanova-bold-webfont.eot');
  src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-bold-webfont.woff2') format('woff2'), url('../fonts/proximanova-bold-webfont.woff') format('woff'), url('../fonts/proximanova-bold-webfont.ttf') format('truetype'), url('../fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
html,
body {
  font-family: 'proxima_nova_rgregular', Helvetica, Arial, sans-serif;
  color: #111;
  margin: 0;
  padding: 0;
  height: 100%;
  line-height: 1.5em;
}
/*push footer down*/
.main {
  min-height: 100%;
  /* kind of equal to footer height */
  margin-bottom: -450px;
}
.main:after {
  content: "";
  display: block;
}
.main:after {
  height: 450px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'amatic_scregular', Helvetica, Arial, sans-serif;
}
h2 {
  font-size: 44px;
  line-height: 50px;
}
h3 {
  font-size: 36px;
  line-height: 42px;
}
a {
  color: #cc7f3b;
}
a:hover,
a:active,
a:focus {
  color: #a8662c;
}
p,
ul,
label,
ol {
  font-size: 15px;
  line-height: 1.5em;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.img-center {
  display: block;
  margin: 0 auto;
}
.space-top {
  margin-top: 20px;
}
.space-top-lg {
  margin-top: 25px;
}
/* Buttons*/
.btn {
  border-radius: 0px;
  padding: 8px 16px;
  font-size: 18px;
}
.btn:hover {
  transition: all 0.2s ease-in;
  outline: 0;
}
.btn:focus,
.btn:active,
button:focus,
button:active {
  outline: 0;
}
.btn-link {
  color: #cc7f3b;
  font-size: inherit;
}
.btn-link:hover,
.btn-link:outline,
.btn-link:focus {
  color: #a8662c;
}
.btn-default {
  background-color: #cc7f3b !important;
  border: transparent !important;
  color: #fff !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) !important;
  position: relative;
}
.btn-default:hover,
.btn-default:active,
.btn-default:focus {
  background-color: #a8662c !important;
  border: transparent !important;
  color: #fff !important;
}
.btn-default:after {
  position: absolute;
  background: #a8662c !important;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 4px;
  content: "";
}
.btn-primary {
  background-color: #34a844;
  border: transparent;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  position: relative;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background-color: #288134;
  border: transparent;
  color: #fff;
}
.btn-primary:after {
  position: absolute;
  background: #288134;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 4px;
  content: "";
}
.col-offset-middle {
  float: none;
  margin: 0 auto;
}
.col-sm-five {
  width: 20%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
/*Cute stuff*/
::-moz-selection {
  color: #fff;
  background: #bc7231;
}
::selection {
  color: #fff;
  background: #bc7231;
}
.mt-2 {
  margin-top: .5rem;
}
.pl-20 {
  padding-left: 20px;
}
h3 span {
  font-size: 24px !important;
}
.form-control {
  height: 42px;
  padding: 8px 12px !important;
  border: transparent !important;
  border-radius: 0px !important;
  background-color: #d9d9d9 !important;
  transition: all 0.12s ease-in !important;
  -webkit-transition: all 0.12s ease-in !important;
}
footer .form-control {
  background: rgba(255, 255, 255, 0.35) !important;
}
footer .form-control:focus {
  background: #d9d9d9 !important;
}
.select2-dropdown.select2-dropdown--below {
  height: 42px;
  background-color: #d9d9d9;
}
.select2-container--default .select2-selection--single {
  padding: 8px 4px;
  height: 42px;
  width: 100%;
  font-size: 1.2em;
  position: relative;
  background-color: #d9d9d9;
  border-radius: 0;
  font-size: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 40px;
  color: #fff;
  font-size: 1.3em;
  padding: 4px 12px;
  height: 42px;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 20px;
  background-color: #d9d9d9;
}
.select2-results {
  background-color: #d9d9d9;
}
.woocommerce-info::before {
  display: none;
}
.woocommerce-info {
  background-color: transparent !important;
  color: #cc7f3b;
  border-left: 0;
  padding: 0;
  margin-bottom: 0;
}
.hentry .entry-content a.showcoupon {
  color: #cc7f3b;
}
.hentry .entry-content a.btn {
  text-decoration: none;
}
.btn-default {
  font-weight: normal !important;
}
.btn-default.disabled {
  background-color: #d9d9d9;
}
.footer-widgets {
  padding-top: 0;
}
#block-7.widget {
  margin: 0;
}
.site-info {
  display: none;
}
.navbar {
  border-radius: 0px;
  padding: 15px 0px 20px 0px;
}
.navbar-default {
  background-color: #303030;
  border: none;
  position: relative;
}
.navbar-default:after {
  position: absolute;
  left: 0px;
  right: 0px;
  content: "";
  bottom: -8px;
  border-top: 4px solid #a8662c;
  border-bottom: 4px solid #303030;
  display: block;
  height: 8px;
}
.navbar-default .navbar-nav {
  font-size: 14px;
  margin-top: 0px;
  text-align: right;
}
.navbar-default .navbar-nav.nav > li {
  display: inline-block;
}
.navbar-default .navbar-nav.nav > li a {
  padding-top: 0px;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
  transition: all 0.12s ease-in;
  -webkit-transition: all 0.12s ease-in;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active {
  color: #cc7f3b;
  transition: all 0.12s ease-in;
  -webkit-transition: all 0.12s ease-in;
}
.navbar-default .navbar-nav > li > a:hover svg,
.navbar-default .navbar-nav > li > a:focus svg,
.navbar-default .navbar-nav > li > a:active svg {
  fill: #cc7f3b;
}
.navbar-header {
  float: none;
  margin: 0 auto !important;
}
.main {
  padding: 60px 0px 80px 0px;
}
.sign-box {
  padding: 30px 30px 10px 30px;
  background-color: #d4d4d4;
  margin-bottom: 20px;
}
.sign-box .form-control {
  background-color: #f0f0f0;
}
p + h2,
p + header h2,
p + h3,
p + h4,
ul + h2,
ul + header h2,
ul + h3,
ul + h4,
ol + h2,
ol + header h2,
ol + h3,
ol + h4,
table + h2,
table + header h2,
table + h3,
table + h4,
blockquote + h2,
blockquote + header h2,
blockquote + h3,
blockquote + h4,
form + h2,
form + header h2,
form + h3,
form + h4 {
  margin-top: 20px;
}
.item {
  text-align: center;
  margin-bottom: 50px;
}
.item.single-item {
  text-align: left;
}
.item.single-item h2 {
  margin-top: 0px;
  margin-bottom: 30px;
}
.item.single-item .img-wrap {
  margin-bottom: 30px;
}
.item .desc {
  margin-top: 10px;
  margin-bottom: 15px;
}
.item .price {
  font-size: 28px;
  margin-top: 15px;
  margin-bottom: 20px;
}
.item .btn {
  font-size: 20px;
}
/*Cart*/
.cart {
  border-top: 1px solid #d7d9d7;
  margin-top: 10px;
}
.cart .cart-head {
  padding: 12px 0;
  border-bottom: 1px solid #d7d9d7;
  font-family: 'proxima_nova_rgbold', Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.cart span.visible-xs {
  display: inline-block !important;
  padding-right: 5px;
}
.cart .cart-item {
  padding: 15px 0px;
  border-bottom: 1px solid #d7d9d7;
}
.cart .cart-item .form-control {
  height: 38px;
  padding: 6px 12px;
}
.cart .cart-total {
  margin-bottom: 7px;
}
.cart .cart-total .total {
  padding: 10px 0px;
  font-size: 22px;
  font-family: 'proxima_nova_rgbold', Helvetica, Arial, sans-serif;
}
.cart .cart-subtotal {
  margin-bottom: 7px;
}
.cart .cart-subtotal .total {
  padding: 10px 0px;
  font-size: 16px;
  font-family: 'proxima_nova_rgbold', Helvetica, Arial, sans-serif;
}
.cart.cart-total {
  border: 0;
}
.checkout-set {
  border-top: 1px solid #d7d9d7;
  margin-bottom: 20px;
}
.checkout-set .checkout-opt {
  padding-top: 20px;
  border-bottom: 1px solid #d7d9d7;
  padding-bottom: 30px;
}
.checkout-set h4 {
  font-family: 'proxima_nova_rgbold', Helvetica, Arial, sans-serif;
}
.checkout-set .address-toggle {
  cursor: pointer;
}
.checkout-set .address {
  padding-top: 20px;
  display: none;
}
.order-sum {
  background-color: #f1f2f1;
  padding: 10px 30px 30px 30px;
}
.order-sum ul {
  margin-top: 20px;
  margin-left: 0;
  padding-left: 0px;
  list-style: none;
}
.order-sum ul li {
  margin-bottom: 10px;
}
.order-sum ul .total {
  font-family: 'proxima_nova_rgbold', Helvetica, Arial, sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  position: relative;
  padding-top: 15px;
}
.order-sum ul .total:before {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 0px;
  content: "";
  display: block;
  border-top: 1px solid #bdc0bd;
  box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
}
.order-sum ul .total p {
  font-size: 20px;
}
.order-sum .input-group-btn:last-child > .btn,
.order-sum .input-group-btn:last-child > .btn-group {
  margin-left: 0px;
}
.order-sum .discount-toggle {
  cursor: pointer;
}
.order-sum .discount {
  display: none;
}
.order-sum .sum-footer {
  margin-top: 10px;
}
.order-sum .sum-footer .btn {
  margin-top: 10px;
  margin-bottom: 15px;
}
.btn-paypal {
  background-color: #ffc439;
  border: 1px solid #ffb506;
  color: #303030;
  text-transform: none;
  font-size: 14px;
  letter-spacing: 0px;
  padding: 6px 16px 10px 16px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
}
.btn-paypal .paypal {
  width: 70px;
  height: 20px;
  display: inline-block;
  background-image: url(../imgs/paypal.png);
  background-image: url(../imgs/paypal.svg);
  background-position: center right;
  background-repeat: no-repeat;
  position: relative;
  top: 6px;
}
.btn-paypal:after {
  display: none;
}
.btn-paypal:hover,
.btn-paypal:focus,
.btn-paypal:active {
  background-color: #f1a900;
  border: 1px solid #d29300;
  color: #303030;
}
/*Footer stuff*/
footer {
  padding-top: 70px;
  color: #fff;
  background-color: #303030;
  font-size: 14px;
  padding-bottom: 20px;
  background-image: url(../imgs/DarkAardvark-icon.svg);
  background-position: bottom center;
  background-repeat: no-repeat;
}
footer p,
footer ul {
  font-size: 14px;
}
footer h4 {
  font-size: 36px;
  line-height: 42px;
}
footer .footer-widget {
  margin-bottom: 30px;
}
footer form .btn {
  font-size: 20px;
}
footer .form-control {
  background: rgba(255, 255, 255, 0.35);
}
footer .form-control:focus {
  background: rgba(255, 255, 255, 0.8);
  color: #303030;
}
footer .footer-credits {
  margin-top: 50px;
  color: #999999;
}
footer .footer-credits a {
  color: #999999;
  transition: all 0.12s ease-in;
  -webkit-transition: all 0.12s ease-in;
  border-bottom: 1px solid #999999;
}
footer .footer-credits a:hover {
  text-decoration: none;
  border-bottom: 1px solid #cc7f3b;
  color: #cc7f3b;
  transition: all 0.12s ease-in;
  -webkit-transition: all 0.12s ease-in;
}
.icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  fill: currentColor;
  position: relative;
  top: 7px;
}
ul.social {
  padding-left: 0px;
}
ul.social a {
  text-align: center;
  height: 46px;
  width: 46px;
  border-radius: 50%;
  background-color: #cc7f3b;
  display: inline-block;
  padding: 10px;
  transition: all 0.12s ease-in;
  -webkit-transition: all 0.12s ease-in;
}
ul.social a i {
  color: #fff;
  font-size: 24px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
ul.social a:hover,
ul.social a:focus,
ul.social a:active {
  background-color: #a8662c;
  transition: all 0.12s ease-in;
  -webkit-transition: all 0.12s ease-in;
}
ul.social a svg {
  -webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.4));
  -filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.4));
}
ul.social:after {
  clear: both;
  display: block;
  content: "";
}
ul.social > li {
  float: left;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
}

/* Heypage uses the same CSS-drawn social circle as the existing footer
   links. The SVG itself is only the white official mark, sized slightly taller
   than the 24px Instagram/AllTrails glyphs so its inner h reads at equal
   visual weight. The existing social-link hover changes only the circle. */
ul.social > li.da-social-heypage a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
ul.social > li.da-social-heypage img {
  display: block;
  width: 26px;
  height: 26px;
  max-width: none;
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.4));
  -webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.4));
}

/*forms common*/
.form-control {
  height: 42px;
  padding: 8px 12px;
  border: transparent;
  border-radius: 0px;
  background-color: #d9d9d9;
  transition: all 0.12s ease-in;
  -webkit-transition: all 0.12s ease-in;
}
.form-control:focus {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  transition: all 0.12s ease-in;
  -webkit-transition: all 0.12s ease-in;
}
@media all and (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
@media all and (max-width: 767px) {
  .btn {
    margin-bottom: 10px;
  }
  .btn-block,
  .btn-paypal {
    display: inline-block;
    white-space: inherit;
  }
}
/*Plugins overrides*/
.hideShowPassword-toggle {
  background-color: transparent;
  background-image: url('../imgs/invisible.png');
  background-image: url('../imgs/invisible.svg'), none;
  background-position: 0 center;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  font-size: 100%;
  height: 44px;
  margin: 0;
  max-height: 100%;
  padding: 0;
  overflow: 'hidden';
  text-indent: -999em;
  width: 46px;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.hideShowPassword-toggle-hide {
  background-image: url('../imgs/visible.png');
  background-image: url('../imgs/visible.svg'), none;
}

/* ========================================================================== */
/* Dark Aardvark modern WooCommerce compatibility layer                       */
/* No WooCommerce PHP templates are overridden by this theme.                 */
/* ========================================================================== */

/* Storefront wrappers should not add their own visual masthead. */
.da-site-header.site-header {
  padding: 0;
  margin: 0;
  background: #303030;
  border: 0;
}
.da-site-header .navbar {
  margin-bottom: 0;
}
.da-site-header .logo img {
  max-height: 112px;
}
.da-site-header .storefront-primary-navigation,
.da-site-header .site-branding {
  display: none;
}

/* Keep WooCommerce content full-width on this intentionally small store. */
.woocommerce #primary,
.woocommerce-page #primary,
.woocommerce-cart #primary,
.woocommerce-checkout #primary,
.woocommerce-account #primary {
  width: 100%;
  float: none;
  margin-right: 0;
}

/* Catalog: preserve the original three-across static-template presentation. */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  padding: 0;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {
  display: none;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  float: none;
  width: 33.333333%;
  margin: 0 0 50px;
  padding: 0 15px;
  text-align: center;
}
.woocommerce ul.products li.product a,
.woocommerce-page ul.products li.product a {
  text-decoration: none;
}
.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 430px;
  margin: 0 auto 30px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
  margin: 0 0 8px;
  padding: 0;
  color: #303030;
  font-family: 'amatic_scregular', Helvetica, Arial, sans-serif;
  font-size: 44px;
  line-height: 50px;
}
.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product a:hover .woocommerce-loop-product__title {
  color: #cc7f3b;
}
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
  display: block;
  margin: 15px 0 20px;
  color: #111;
  font-size: 28px;
  line-height: 1.2;
}
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  border: 0;
  border-radius: 0;
}
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button {
  display: inline-block;
  margin: 0;
  padding: 8px 16px 12px;
  background: #cc7f3b;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.45;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px rgba(0,0,0,.2);
  box-shadow: inset 0 -4px #a8662c;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce-page ul.products li.product .button:hover {
  background: #a8662c;
  color: #fff;
}

/* Single product: retain the original image-left / content-right design. */
.single-product div.product {
  display: flow-root;
  text-align: left;
}
.single-product div.product .woocommerce-product-gallery {
  float: left;
  width: 50%;
  margin: 0 0 30px;
  padding-right: 30px;
}
.single-product div.product .woocommerce-product-gallery img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}
.single-product div.product .summary {
  float: right;
  width: 50%;
  margin: 0 0 30px;
  padding-left: 15px;
}
.single-product div.product .product_title {
  margin: 0 0 15px;
  font-family: 'amatic_scregular', Helvetica, Arial, sans-serif;
  font-size: 44px;
  line-height: 50px;
}
.single-product div.product p.price,
.single-product div.product span.price {
  margin: 15px 0 20px;
  color: #111;
  font-size: 28px;
  line-height: 1.2;
}
.single-product div.product .desc {
  margin: 10px 0 15px;
}
.single-product div.product form.cart {
  border-top: 0;
  margin-top: 0;
}
.single-product div.product table.variations,
.single-product div.product table.variations tbody,
.single-product div.product table.variations tr,
.single-product div.product table.variations td {
  display: block;
  width: 100%;
  border: 0;
}
.single-product div.product table.variations th.label {
  display: none;
}
.single-product div.product table.variations td.value {
  padding: 0;
}
.single-product div.product table.variations select {
  width: 100%;
  max-width: 100%;
  margin: 0 0 14px;
}
.single-product div.product .reset_variations {
  display: inline-block;
  margin: 0 0 10px;
}
.single-product div.product .quantity .qty,
.woocommerce-cart table.cart .quantity .qty {
  height: 42px;
  border: 0;
  border-radius: 0;
  background: #d9d9d9;
}
.single-product div.product .single_add_to_cart_button {
  min-height: 42px;
  padding: 8px 16px 12px;
  border: 0;
  border-radius: 0;
  background: #cc7f3b;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px rgba(0,0,0,.2);
  box-shadow: inset 0 -4px #a8662c;
}
.single-product div.product .single_add_to_cart_button:hover {
  background: #a8662c;
  color: #fff;
}

/* Cart: style current WooCommerce cart markup rather than replacing it. */
.woocommerce-cart table.cart {
  width: 100%;
  margin-top: 10px;
  border-top: 1px solid #d7d9d7;
  border-collapse: collapse;
}
.woocommerce-cart table.cart thead th {
  padding: 12px 10px;
  border-bottom: 1px solid #d7d9d7;
  background: transparent;
  color: #111;
  font-family: 'proxima_nova_rgbold', Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.woocommerce-cart table.cart tbody td {
  padding: 15px 10px;
  border-bottom: 1px solid #d7d9d7;
  background: transparent;
  vertical-align: middle;
}
.woocommerce-cart table.cart td.product-thumbnail img {
  width: 150px;
  max-width: 100%;
}
.woocommerce-cart table.cart td.product-name a,
.woocommerce-cart table.cart td.product-remove a {
  color: #cc7f3b;
}
.woocommerce-cart table.cart td.product-remove a:hover {
  color: #a8662c;
  background: transparent;
}
.woocommerce-cart table.cart td.actions .coupon {
  display: flex;
  gap: 8px;
  align-items: center;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
  min-width: 180px;
  height: 42px;
  border: 0;
  border-radius: 0;
  background: #d9d9d9;
}
.woocommerce-cart table.cart td.actions .button,
.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
  min-height: 42px;
  padding: 8px 16px 12px;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.woocommerce-cart table.cart td.actions .button {
  background: #cc7f3b;
  box-shadow: inset 0 -4px #a8662c;
}
.woocommerce-cart .cart-collaterals .cart_totals {
  float: right;
  width: 38%;
  margin-top: 20px;
}
.woocommerce-cart .cart-collaterals .cart_totals h2 {
  display: none;
}
.woocommerce-cart .cart-collaterals .cart_totals table {
  border: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals th,
.woocommerce-cart .cart-collaterals .cart_totals td {
  padding: 7px 0 7px 12px;
  border: 0;
  background: transparent;
}
.woocommerce-cart .cart-collaterals .cart_totals .order-total th,
.woocommerce-cart .cart-collaterals .cart_totals .order-total td {
  padding-top: 12px;
  font-family: 'proxima_nova_rgbold', Helvetica, Arial, sans-serif;
  font-size: 22px;
}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
  background: #34a844;
  box-shadow: inset 0 -4px #288134;
}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover {
  background: #288134;
}

/* Classic shortcode checkout: preserve the original two-column balance. */
.woocommerce-checkout form.checkout::after {
  content: '';
  display: table;
  clear: both;
}
.woocommerce-checkout #customer_details {
  float: left;
  width: 58%;
  padding-right: 30px;
}
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
  float: right;
  clear: right;
  width: 40%;
  margin-left: 2%;
}
.woocommerce-checkout #order_review_heading {
  margin-top: 0;
  margin-bottom: 0;
  padding: 18px 30px 0;
  background: #f1f2f1;
}
.woocommerce-checkout #order_review {
  padding: 10px 30px 30px;
  background: #f1f2f1;
}
.woocommerce-checkout #order_review table,
.woocommerce-checkout #order_review th,
.woocommerce-checkout #order_review td {
  border: 0;
  background: transparent;
}
.woocommerce-checkout #order_review th,
.woocommerce-checkout #order_review td {
  padding: 9px 0;
}
.woocommerce-checkout #order_review .order-total th,
.woocommerce-checkout #order_review .order-total td {
  padding-top: 16px;
  border-top: 1px solid #bdc0bd;
  font-family: 'proxima_nova_rgbold', Helvetica, Arial, sans-serif;
  font-size: 20px;
  text-transform: uppercase;
}
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout #order_review_heading {
  font-family: 'amatic_scregular', Helvetica, Arial, sans-serif;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .select2-container .select2-selection--single {
  border: 0;
  border-radius: 0;
  background: #d9d9d9;
  box-shadow: none;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select {
  min-height: 42px;
}
.woocommerce form .form-row textarea {
  min-height: 100px;
}

/* My Account: use core WooCommerce forms, styled like the previous overrides. */
.woocommerce-account #customer_login .woocommerce-form-login,
.woocommerce-account #customer_login .woocommerce-form-register {
  padding: 30px;
  border: 0;
  border-radius: 0;
  background: #d4d4d4;
}
.woocommerce-account #customer_login h2 {
  font-size: 44px;
  line-height: 50px;
}

/* Order confirmation/details should inherit the same clean table treatment. */
.woocommerce-order-received .woocommerce-order-details table,
.woocommerce-order-received .woocommerce-order-details th,
.woocommerce-order-received .woocommerce-order-details td {
  border-color: #d7d9d7;
}

/* Responsive behavior matching the original Bootstrap breakpoints. */
@media (max-width: 767px) {
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    width: 100%;
  }
  .single-product div.product .woocommerce-product-gallery,
  .single-product div.product .summary,
  .woocommerce-checkout #customer_details,
  .woocommerce-checkout #order_review_heading,
  .woocommerce-checkout #order_review,
  .woocommerce-cart .cart-collaterals .cart_totals {
    float: none;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .woocommerce-checkout #order_review_heading,
  .woocommerce-checkout #order_review {
    padding-left: 20px;
    padding-right: 20px;
  }
  .woocommerce-cart table.cart td.actions .coupon {
    display: block;
  }
}

/* ========================================================================== */
/* RC2 visual fidelity pass                                                    */
/* Based on the original pre-WordPress HTML and the established live design.   */
/* ========================================================================== */

/* The original composition was built on Bootstrap's 1170px desktop container.
   Storefront's narrower col-full wrapper pulled the outer products inward. */
#content > .col-full,
#colophon > .col-full {
  box-sizing: border-box;
  width: 100%;
  max-width: 1170px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}

/* Restore the original 550x200 logo proportions. The rc1 height cap made the
   masthead substantially shorter than the established site. */
.da-site-header .logo img {
  width: 100%;
  height: auto;
  max-width: 550px;
  max-height: none;
}

/* The legacy shop/home page intentionally starts with the products themselves. */
.post-type-archive-product .woocommerce-products-header,
.post-type-archive-product .woocommerce-ordering,
.post-type-archive-product .woocommerce-result-count,
.post-type-archive-product .storefront-sorting {
  display: none !important;
}

/* With full featured images restored by functions.php, let each image use the
   width of its original one-third Bootstrap column. */
.woocommerce ul.products li.product img.da-catalog-product-image,
.woocommerce-page ul.products li.product img.da-catalog-product-image {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: none;
  margin: 0 auto 15px;
  object-fit: contain;
}

/* Match the original product-detail two-column row rather than Storefront's
   narrower gallery presentation. */
.single-product div.product {
  margin-right: -15px;
  margin-left: -15px;
}
.single-product div.product .woocommerce-product-gallery,
.single-product div.product .summary {
  box-sizing: border-box;
  width: 50%;
  padding-right: 15px;
  padding-left: 15px;
}
.single-product div.product .woocommerce-product-gallery {
  margin-bottom: 30px;
}
.single-product div.product .woocommerce-product-gallery img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}
.single-product div.product .woocommerce-product-gallery__trigger,
.single-product div.product .flex-control-thumbs,
.single-product div.product .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:not(:first-child) {
  display: none !important;
}
.single-product div.product .reset_variations {
  display: none !important;
}

/* The old live product page used a deliberately narrower variation selector. */
.single-product div.product table.variations,
.single-product div.product .variations_form .variations {
  max-width: 378px;
}
.single-product div.product table.variations select {
  max-width: 378px;
}

/* Storefront's .site-footer selector is more specific than the historical
   element-only footer rule. Explicitly restore the established dark footer. */
#colophon.site-footer {
  padding-top: 70px;
  padding-bottom: 20px;
  color: #fff;
  background-color: #303030;
  background-image: url('../imgs/DarkAardvark-icon.svg');
  background-position: bottom center;
  background-repeat: no-repeat;
}
#colophon.site-footer,
#colophon.site-footer p,
#colophon.site-footer ul,
#colophon.site-footer ol,
#colophon.site-footer label,
#colophon.site-footer h1,
#colophon.site-footer h2,
#colophon.site-footer h3,
#colophon.site-footer h4,
#colophon.site-footer h5,
#colophon.site-footer h6,
#colophon.site-footer .widget-title {
  color: #fff;
}
#colophon.site-footer a:not(.btn) {
  color: #999;
}
#colophon.site-footer a:not(.btn):hover,
#colophon.site-footer a:not(.btn):focus {
  color: #cc7f3b;
}
#colophon.site-footer .form-control,
#colophon.site-footer input[type="text"],
#colophon.site-footer input[type="email"],
#colophon.site-footer textarea {
  color: #fff;
  background: rgba(255,255,255,.35) !important;
}
#colophon.site-footer .form-control:focus,
#colophon.site-footer input[type="text"]:focus,
#colophon.site-footer input[type="email"]:focus,
#colophon.site-footer textarea:focus {
  color: #303030;
  background: rgba(255,255,255,.8) !important;
}
#colophon.site-footer .footer-credits,
#colophon.site-footer .footer-credits a {
  color: #999;
}

/* The public shop/cart/checkout pages do not need Storefront's generated page
   edit link. Keeping it out also restores the original public composition when
   an administrator happens to be logged in while testing. */
.woocommerce-page .edit-link {
  display: none;
}

/* Modern cart internals, but visually based on the original cart.html. */
.woocommerce-cart .entry-header {
  display: none;
}
.woocommerce-cart .da-cart-page-heading {
  margin-bottom: 10px;
}
.woocommerce-cart .da-cart-page-heading h2 {
  margin-top: 0;
}
.woocommerce-cart table.cart th.product-remove,
.woocommerce-cart table.cart td.product-remove {
  width: 4%;
}
.woocommerce-cart table.cart th.product-thumbnail,
.woocommerce-cart table.cart td.product-thumbnail {
  width: 23%;
}
.woocommerce-cart table.cart th.product-name,
.woocommerce-cart table.cart td.product-name {
  width: 27%;
}
.woocommerce-cart table.cart th.product-price,
.woocommerce-cart table.cart td.product-price,
.woocommerce-cart table.cart th.product-quantity,
.woocommerce-cart table.cart td.product-quantity,
.woocommerce-cart table.cart th.product-subtotal,
.woocommerce-cart table.cart td.product-subtotal {
  width: 15%;
}
.woocommerce-cart table.cart td.product-thumbnail img {
  width: auto;
  max-width: 200px;
  max-height: 260px;
  object-fit: contain;
}

/* Current WooCommerce checkout markup in the original pre-WP 8/4 visual
   balance. CSS Grid keeps the order summary at the top instead of allowing
   float/clear rules to push it halfway down the form. */
.woocommerce-checkout form.checkout {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(310px, 1fr);
  grid-template-rows: auto 1fr;
  column-gap: 30px;
  align-items: start;
}
.woocommerce-checkout #customer_details {
  grid-column: 1;
  grid-row: 1 / span 2;
  float: none;
  width: auto;
  padding-right: 0;
}
.woocommerce-checkout #order_review_heading {
  grid-column: 2;
  grid-row: 1;
  float: none;
  clear: none;
  width: auto;
  margin: 0;
  padding: 18px 30px 0;
}
.woocommerce-checkout #order_review {
  grid-column: 2;
  grid-row: 2;
  float: none;
  clear: none;
  width: auto;
  margin: 0;
  padding: 10px 30px 30px;
}

@media (max-width: 767px) {
  #content > .col-full,
  #colophon > .col-full {
    padding-right: 15px;
    padding-left: 15px;
  }
  .single-product div.product {
    margin-right: 0;
    margin-left: 0;
  }
  .single-product div.product .woocommerce-product-gallery,
  .single-product div.product .summary {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .single-product div.product table.variations,
  .single-product div.product .variations_form .variations,
  .single-product div.product table.variations select {
    max-width: 100%;
  }
  .woocommerce-checkout form.checkout {
    display: block;
  }
  .woocommerce-checkout #customer_details,
  .woocommerce-checkout #order_review_heading,
  .woocommerce-checkout #order_review {
    width: 100%;
  }
  .woocommerce-cart .da-cart-page-heading .text-right {
    text-align: left;
  }
}


/* ========================================================================== */
/* RC3 storefront polish                                                       */
/* ========================================================================== */

/* The new Printful mockups have transparent canvases. A shared light-gray
   stage restores the original intentional product-image presentation while
   retaining enough contrast for the very light Silver Panda shirt. */
.woocommerce ul.products li.product img.da-catalog-product-image,
.woocommerce-page ul.products li.product img.da-catalog-product-image,
.single-product div.product .woocommerce-product-gallery img {
  background-color: #dedede;
}

/* Stronger catalog CTA and vertically centered label. The 4px lower inset is
   the legacy Dark Aardvark button shadow, so the text sits slightly above the
   geometric center of the full box and centered in the visible face. */
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button {
  display: inline-flex;
  min-height: 44px;
  padding: 0 18px 4px;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* Storefront's previous/next-product edge navigation is intentionally absent;
   this is a single-image product page rather than a carousel-like experience. */
.single-product .storefront-product-pagination {
  display: none !important;
}

/* Storefront can combine text-decoration and its link treatment in the footer,
   which made this legacy credit link look double-underlined. */
#colophon.site-footer .footer-credits a {
  border-bottom: 0 !important;
  box-shadow: none !important;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

/* ========================================================================== */
/* RC4 measured product-image geometry                                         */
/* ========================================================================== */

/* The original desktop mockups used true Bootstrap thirds. Storefront's more
   specific three-column rule was still narrowing each product and inserting
   inter-column margins, so the current mockups rendered smaller and farther
   apart than the original composition. Override that rule at matching/higher
   specificity and restore equal thirds. */
@media (min-width: 992px) {
  .site-main ul.products.columns-3 li.product,
  .site-main ul.products.columns-3 li.product.last {
    flex: 0 0 33.333333%;
    width: 33.333333%;
    max-width: 33.333333%;
    margin-right: 0;
  }

  /* Original home mockup image boxes measure about 351 x 367 px. Keep the new
     Printful image sharp, crop only the excess transparent side canvas, and
     move it slightly upward so the box lands where the original image did. */
  .woocommerce ul.products li.product img.da-catalog-product-image,
  .woocommerce-page ul.products li.product img.da-catalog-product-image {
    width: 350px;
    max-width: 100%;
    aspect-ratio: 351 / 367;
    height: auto;
    object-fit: cover;
    object-position: center center;
    margin-right: auto;
    margin-left: auto;
    transform: translateY(-17px);
  }

  /* Original product-detail mockup image box measures about 521 x 545 px.
     Its left edge already matched well; the modern square image was simply
     too wide and sat about 45 px too high. */
  .single-product div.product .woocommerce-product-gallery img {
    width: 520px;
    max-width: 100%;
    aspect-ratio: 521 / 545;
    height: auto;
    object-fit: cover;
    object-position: center center;
    margin-right: auto;
    margin-left: 0;
    transform: translateY(45px);
  }
}


/* ========================================================================== */
/* RC5 CTA and home-page vertical spacing                                      */
/* ========================================================================== */

/* The catalog button still opens the variable product page so the customer can
   choose a size, but use the familiar storefront CTA requested for this shop.
   Text is supplied by functions.php; retain the existing visual centering. */

/* The RC4 home/shop page left about 25-30 px more white space between the
   product CTAs and footer than the original reference at equivalent scale.
   Keep the original 60 px top rhythm but trim only the shop's bottom padding. */
@media (min-width: 992px) {
  .post-type-archive-product .main {
    padding-bottom: 50px;
  }
}

/* ========================================================================== */
/* RC9 interaction polish and remaining WooCommerce states                    */
/* ========================================================================== */

/* The legacy 4px inset shadow makes geometric centering read slightly high.
   Keep the button dimensions, but move Add to Cart labels down by about 2px
   on both the catalog/home view and the single-product form. */
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button {
  padding-top: 2px;
  padding-bottom: 2px;
}

.single-product div.product .single_add_to_cart_button {
  display: inline-flex;
  min-height: 42px;
  padding: 2px 16px;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* The original concepts used green for forward-progress/account actions.
   Keep WooCommerce's current login/register markup and apply only the visual
   treatment, rather than copying account templates into the child theme. */
.woocommerce-account #customer_login .woocommerce-form-login .woocommerce-button,
.woocommerce-account #customer_login .woocommerce-form-register .woocommerce-button {
  min-height: 42px;
  padding: 2px 18px;
  border: 0;
  border-radius: 0;
  background: #34a844;
  color: #fff;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px rgba(0,0,0,.2);
  box-shadow: inset 0 -4px #288134;
}
.woocommerce-account #customer_login .woocommerce-form-login .woocommerce-button:hover,
.woocommerce-account #customer_login .woocommerce-form-login .woocommerce-button:focus,
.woocommerce-account #customer_login .woocommerce-form-register .woocommerce-button:hover,
.woocommerce-account #customer_login .woocommerce-form-register .woocommerce-button:focus {
  background: #288134;
  color: #fff;
}

/* Give the otherwise generic empty-cart state the same restrained typography
   and caramel return action used elsewhere on the storefront. */
.woocommerce-cart .cart-empty.woocommerce-info {
  margin: 0 0 18px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #303030;
  font-family: 'amatic_scregular', Helvetica, Arial, sans-serif;
  font-size: 38px;
  line-height: 1.2;
}
.woocommerce-cart .cart-empty.woocommerce-info::before {
  display: none;
}
.woocommerce-cart .return-to-shop .button {
  display: inline-flex;
  min-height: 42px;
  padding: 2px 18px;
  align-items: center;
  justify-content: center;
  background: #cc7f3b;
  color: #fff;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px rgba(0,0,0,.2);
  box-shadow: inset 0 -4px #a8662c;
}
.woocommerce-cart .return-to-shop .button:hover,
.woocommerce-cart .return-to-shop .button:focus {
  background: #a8662c;
  color: #fff;
}

/* ========================================================================== */
/* RC10 standard-page title hierarchy                                          */
/* ========================================================================== */

/* Storefront's native standard-page H1 was rendering smaller than Dark
   Aardvark's section H2s, which made Terms of Service read like another
   subsection instead of the page title. Restore a clear heading hierarchy
   without touching WooCommerce account/product/cart/checkout headings. */
body.page:not(.woocommerce-page) .hentry .entry-header .entry-title {
  margin: 0 0 16px;
  font-size: 52px;
  line-height: 58px;
}

@media (max-width: 767px) {
  body.page:not(.woocommerce-page) .hentry .entry-header .entry-title {
    font-size: 44px;
    line-height: 50px;
  }
}

/* ========================================================================== */
/* RC12 Contact Form 7 footer rhythm                                           */
/* ========================================================================== */

/* Current CF7 auto-formatting inserts paragraph/line-break spacing around the
   otherwise unchanged footer controls. Neutralize only those generated gaps,
   then restore the compact rhythm of the original Dark Aardvark footer form. */
#colophon.site-footer .wpcf7-form {
  margin: 0;
}
#colophon.site-footer .wpcf7-form p {
  margin: 0;
}
#colophon.site-footer .wpcf7-form p br {
  display: none;
}
#colophon.site-footer .wpcf7-form .wpcf7-form-control-wrap {
  display: block;
  margin: 0 0 15px;
}

/* Turnstile is intentionally part of the same vertical rhythm. When the
   interaction-only challenge remains invisible, it contributes no extra box;
   when Cloudflare shows it, the submit button stays one field-gap below it. */
#colophon.site-footer .wpcf7-form .wpcf7-turnstile,
#colophon.site-footer .wpcf7-form .cf-turnstile {
  margin: 0 0 15px;
}
#colophon.site-footer .wpcf7-form .wpcf7-submit {
  margin: 0;
}