/* Variables
------------------------------------------------------------------
{
  Color: [
    {
      value: 'lightyellow',
      sample: '#ffef0d',
      base: '#ffffff',
      highlight: '#ffef0d',
      filler: '#000000',
      btnfill: '#000000',
      altbtnfill: '#ffef0d',
      border: '#e3e3e3',
      firstreply: '#f8f8f8',
      secondreply: '#f0f0f0',
      variant: 'light'
    },
    {
      value: 'darkyellow',
      sample: '#e5e717',
      base: '#000000',
      highlight: '#e5e717',
      filler: '#ffffff',
      btnfill: '#000000',
      altbtnfill: '#000000',
      border: '#333333',
      firstreply: '#232323',
      secondreply: '#2c2c2c',
      variant: 'dark'
    },
    {
      value: 'lightgreen',
      sample: '#28eb76',
      base: '#ffffff',
      highlight: '#28eb76',
      filler: '#000000',
      btnfill: '#000000',
      altbtnfill: '#28eb76',
      border: '#e3e3e3',
      firstreply: '#f8f8f8',
      secondreply: '#f0f0f0',
      variant: 'light'
    },
    {
      value: 'darkgreen',
      sample: '#31e578',
      base: '#000000',
      highlight: '#31e578',
      filler: '#ffffff',
      btnfill: '#000000',
      altbtnfill: '#000000',
      border: '#333333',
      firstreply: '#232323',
      secondreply: '#2c2c2c',
      variant: 'dark'
    },
    {
      value: 'lightpink',
      sample: '#ff66bf',
      base: '#ffffff',
      highlight: '#ff66bf',
      filler: '#000000',
      btnfill: '#000000',
      altbtnfill: '#ff66bf',
      border: '#e3e3e3',
      firstreply: '#f8f8f8',
      secondreply: '#f0f0f0',
      variant: 'light'
    },
    {
      value: 'darkpink',
      sample: '#f76dbd',
      base: '#000000',
      highlight: '#f76dbd',
      filler: '#ffffff',
      btnfill: '#000000',
      altbtnfill: '#000000',
      border: '#333333',
      firstreply: '#232323',
      secondreply: '#2c2c2c',
      variant: 'dark'
    },    
    {
      value: 'lightblue',
      sample: '#47d7ed',
      base: '#ffffff',
      highlight: '#47d7ed',
      filler: '#000000',
      btnfill: '#000000',
      altbtnfill: '#47d7ed',
      border: '#e3e3e3',
      firstreply: '#f8f8f8',
      secondreply: '#f0f0f0',
      variant: 'light'
    },
    {
      value: 'darkblue',
      sample: '#59e0f6',
      base: '#000000',
      highlight: '#59e0f6',
      filler: '#ffffff',
      btnfill: '#000000',
      altbtnfill: '#000000',
      border: '#333333',
      firstreply: '#232323',
      secondreply: '#2c2c2c',
      variant: 'dark'
    }
  ]
}
------------------------------------------------------------------
*/


/* CSS Reset
--------------------------------------------------------------------------------*/

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, iframe, img {
    margin: 0;
    padding: 0;
  font-size:100%;
  border:0;
}

a img {
    border: 0;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


body {
  line-height:1;
}

input:focus, select:focus, textarea:focus, button:focus {
  outline: none;
}

/* General Styling and Structure
--------------------------------------------------------------------------------*/

html, body {
  height: 100%;
}

.body-wrap {
  min-height: 100%;
  overflow: hidden;
}


body, #wrapper, #content {
  font-size: 14px;
  font-family: 'Sintony', Helvetica, sans-serif;
  line-height: 2;
  background: $base;
  color: $filler;
  font-weight: 700;
  word-spacing: .1em;
  letter-spacing: .02em;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  -o-font-smoothing: antialiased !important;
}

#header, #banner-wrap, #main-wrap, #footer {
  width:100%;
  max-width: 1200px;
  margin: 0 auto;
  font-size: 1em !important;
  box-sizing: border-box;
}

#sitename, #banner, #footer {
  text-align: center;
}

#sitename, h1, h2, h3, h4, h5, #banner .button-wrap a {
  font-family: 'Montserrat', Helvetica, sans-serif;
    line-height: 1 !important;
  text-transform: uppercase;
}

.wsite-logo {
  display: block;
}

.wsite-logo a img {
  max-width: 100%;
}

a {
  color: $filler;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

p, .paragraph {
    font-family: 'Sintony', Helvetica, sans-serif;
    font-size: 1.15em;
    margin: 0 auto 2.5em;
    line-height: 2.2;
}

.paragraph ul {
    line-height: 2 !important;
}

blockquote::after, blockquote::before{
  content: "" !important;
}

blockquote {
  margin: 3em 0 4em 3em !important;
  border: none !important;
}

blockquote span {
  position: relative;
  display: inline;
    background: $highlight;
    color: $btnfill;
    font-size: 1.8em;
    font-style: italic !important;
    line-height: 1.75;
    padding: .25em 0 .4em;
    box-shadow: -14px 0 0 0 $highlight, 16px 0 0 0 $highlight;
}


#content h2 {
  font-size: 1.5em;
  margin: 0 auto 1em;
}

#content .paragraph a, .blog-read-more a, #commentUserInfo a {
  color: $filler;
  border-bottom: 3px solid $filler;
}

#content .paragraph a:hover,
#content .paragraph a:active,
.blog-read-more a:hover,
.blog-read-more a:active,
#commentUserInfo a:hover,
#commentUserInfo a:active {
  border-bottom: none;
  background: $highlight;
}

/* Header
--------------------------------------------------------------------------------*/

#sitename {
  font-size: 6.5em;
  letter-spacing: .1em;
  margin: 0 auto !important;
}


/* Universal banner
--------------------------------------------------------------------------------*/

#banner {
  letter-spacing: .08em;
}

#banner h2 .wsite-headline {
  display: inline-block;
  font-size: 2.5em;
  background: $highlight;
  color: $btnfill;
  padding: .25em .5em !important;
}


/* Navigation
--------------------------------------------------------------------------------*/

#navigation {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  background: $base;
  z-index: 13;
}

.stuck {
  position: fixed !important;
}

#nav {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
  background: $base;
  z-index: 13;
}

#nav ul {
    list-style: none;
  display: block;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#nav ul li {
  list-style: none;
  display: inline-block;
  padding: 0 0 3px;
  margin: 0 12px;
  background: $base;
    font: 14px/1 'Sintony', Helvetica, sans-serif;
}

#nav ul li a {
  padding: 10px 0 7px;
  background: $base;
  display: block;
  font-weight: 700 !important;
  font-size: 15px;
}

#navigation,  #nav ul li, #nav, #nav ul li a {
  -webkit-transition: all 200ms linear;
      -moz-transition: all 200ms linear;
      -o-transition: all 200ms linear;
      -ms-transition: all 200ms linear;
      transition: all 200ms linear;
}

#nav ul li#active, #nav ul li:hover,  #nav ul li:focus {
  background: $filler;
}

#navigation.bodynav,  .bodynav #nav ul li, .bodynav #nav, .bodynav #nav ul li a {
  background-color: $highlight !important;
  color: $btnfill !important;
}

.bodynav #nav ul li#active, .bodynav #nav ul li:hover,  .bodynav #nav ul li:focus {
  background: $btnfill !important;
}

/* Navigation Submenu's
--------------------------------------------------------------------------------*/

#wsite-menus, .wsite-menu-wrap, .wsite-menu {
  font-size: inherit !important;
}

.wsite-menu {
  position: relative;
}

#wsite-menus .wsite-menu-wrap .wsite-menu {
  background: none;
  text-align: center;
}

#wsite-menus > .wsite-menu-wrap > .wsite-menu {
  border-left: 1px solid $border;
  border-right: 1px solid $border;
  border-bottom: 1px solid $border;
}

#wsite-menus.dropnav > .wsite-menu-wrap > .wsite-menu {
  border: none !important;
}

a .wsite-menu-title {
  padding: 0 !important;
  display: inline-block !important;
}

.wsite-menu li:first-child a {
  z-index: 14;
}

#wsite-menus .wsite-menu li a {
    padding: 10px 20px;
  font-size: 15px;
  text-align: left;
  font-weight: bold;
  text-transform: uppercase;
    border: 0;
    font-family: 'Sintony', Helvetica, sans-serif;
}

#wsite-menus .wsite-menu li a {
    color: $base;
    background: $filler;
}

#wsite-menus .wsite-menu li a:hover {
    color: $filler;
    background: $highlight;
}

#wsite-menus > .wsite-menu-wrap > .wsite-menu > li > a {
    color: $filler;
    background: $base;
}

#wsite-menus.dropnav > .wsite-menu-wrap > .wsite-menu > li > a {
    color: $btnfill;
    background: $highlight;
}

#wsite-menus > .wsite-menu-wrap > .wsite-menu > li > a:hover {
    color: $base;
    background: $filler;
}

.wsite-menu-arrow {
  display: inline-block !important;
  position: relative !important;
  height: 12px !important;
  width: 10px !important;
  line-height: 15px !important;
  margin: 0 0 0 5px !important;
  top: auto !important;
  right: auto !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  background: url(sprites/$variant-subnav.png) no-repeat center center !important;
}

a:hover .wsite-menu-arrow {
  background: url(sprites/$variant-website.png) no-repeat center center !important;
}

#wsite-menus > .wsite-menu-wrap > .wsite-menu > li > a .wsite-menu-arrow {
  background: url(sprites/$variant-website.png) no-repeat center center !important;
}

#wsite-menus > .wsite-menu-wrap > .wsite-menu > li > a:hover .wsite-menu-arrow {
  background: url(sprites/$variant-subnav.png) no-repeat center center !important;
}

#wsite-menus.dropnav > .wsite-menu-wrap > .wsite-menu > li > a .wsite-menu-arrow, #wsite-menus.dropnav > .wsite-menu-wrap > .wsite-menu > li > a:hover .wsite-menu-arrow {
  background: url(sprites/$variant-subnav.png) no-repeat center center !important;
}


/* Page type: Landing page
--------------------------------------------------------------------------------*/

.landing-page #sitename {
  padding: .7em 0;
}

.landing-page #banner h2 {
  margin: 0 auto 3.25em;
}

.landing-page #banner {
  margin: 0 auto 4.5em;
  text-align: center;
}

.landing-page #banner .button-wrap {
  display: inline-block;
  margin: 0 auto !important;
}

.landing-page #banner .wsite-button {
  font-size: 1.6em !important;
  padding: .9em 1em  !important;
}

/* Page type: Tall header
--------------------------------------------------------------------------------*/

.tall-header-page #sitename {
  padding: .45em 0 !important;
  margin: 0 auto !important;
}

.tall-header-page #banner h2 {
  margin: 0 auto;
}

.tall-header-page #banner {
  margin: 0 auto 4.5em;
}

/* Page type: Short header
--------------------------------------------------------------------------------*/

.short-header-page #sitename {
  padding: .3em 0;
}

.short-header-page #banner h2 {
  margin: 0 auto;
}

.short-header-page #banner h2 .wsite-headline {
  font-size: 1.6em;
  color: $base;
  background: $filler;
}

.short-header-page #banner {
  margin: 0 auto 4.5em;
}

/* Page type: No header
--------------------------------------------------------------------------------*/

.no-header-page #sitename {
  padding: .6em 0;
}

/* Page type: Title
--------------------------------------------------------------------------------*/

.title-page #sitename {
  padding: .3em 0 .3em;
}

.title-page #banner h2 {
  margin: 0 auto;
}

.title-page #banner h2 .wsite-headline {
  font-size: 1.6em;
  color: $base;
  background: $filler;
}

.title-page #banner p .wsite-headline-paragraph {
  font-size: 1.25em;
  color: $btnfill;
  background: $highlight;
  padding: .5em .75em !important;
  display: inline-block;
  line-height: 1;
  text-transform: uppercase;
  font-family: 'Montserrat';
}

.title-page #banner {
  margin: 0 auto 3.5em;
}


/* Main Content
--------------------------------------------------------------------------------*/

#content {
  width: 80%;
  max-width: 700px;
  margin: 0 auto;
  z-index: 11;
}

/* Form Customization
--------------------------------------------------------------------------------*/

.wsite-form-field {
  margin: 0 0 2em;
}

.wsite-form-label {
  display: inline-block;
  color: $filler;
  font-family: 'Montserrat', Helvetica, sans-serif;
  font-size: 1.25em;
  text-transform: uppercase;
  line-height: 1;
  padding: 0 0 .5em;
}

.form-required {
  color: $filler;
  font-weight: normal !important;
}

.wsite-form-input,
.wsite-search-element-input,
#wsite-search-query, 
.wsite-form-field select,
.wsite-com-product-option-dropdown select {
  font-family: 'Sintony', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.15em;
  color: $filler;
  background: $base;
  padding: 8px !important;
  border-radius: 0 !important;
}

.wsite-form-input:focus,
.wsite-search-element-input:focus,
#wsite-search-query:focus,
.wsite-form-field select:focus,
.wsite-com-product-option-dropdown select:focus {
  background-color: $highlight;
  color: $btnfill;
}

.wsite-form-input,
.wsite-form-field select,
.wsite-com-product-option-dropdown select {
  border: 3px solid $filler;
}

.wsite-form-field select, .wsite-com-product-option-dropdown select {
  border-radius: 0;
	height: 45px !important;
	-webkit-appearance: none;
}

.wsite-form-input:focus{
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
  padding: 11px 8px !important;
}

.wsite-com-product-option-label {
  margin-bottom: .5em;
}

.wsite-form-sublabel {
  margin: 5px 0 -10px;
}

.wsite-search-element-input,  #wsite-search-query {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 3px solid $filler;  
}

#wsite-search-results {
  border-top: none;
}

#wsite-search-header {
  border: none;
}

#wsite-search-header h2 {
  font-weight: 700;
  font-size: 28px;
  width: 25%;
  margin-right: 10%;
  padding: 6px 0 0;
  text-align: right;
}


#wsite-search-form-container {
  float: left;
  width: 65%;
  text-align: left;
}

#wsite-search-sidebar {
  width: 25%;
  margin-right: 10%;
  text-align: right;
}

#wsite-search-results {
  width: 65% !important;
  text-align: left;
}

.wsite-search-facet-entries {
  display: inline-block;
}

#wsite-search-product-results .wsite-search-product-result {
  width: 45%;  
}

#wsite-search-product-results .wsite-search-product-image-container {
  height: 175px;
}

.wsite-search-element-input::-webkit-input-placeholder { /* WebKit browsers */
  color: $filler;
}
.wsite-search-element-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: $filler;
}
.wsite-search-element-input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: $filler;
}
.wsite-search-element-input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: $filler;
}

.wsite-search-element {
  position: relative;
}

.wsite-search-element-submit, .wsite-editor .wsite-search-element-submit, #wsite-search-submit {
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  background: transparent url(sprites/$Color-search.png) no-repeat center center;  
  margin: 0 !important;
  border: none !important;
}


/* Custom Form: Backgrounds */

.wsite-com-product-option-label input, .form-radio-container input {
  display: none;
}

.wsite-com-product-option-label span:before, .form-radio-container label:before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 5px;
  vertical-align: middle;
  line-height: 0;
  font-size: 0;
}


.wsite-com-product-option-label input[type="radio"] ~ span:before, .form-radio-container input[type="radio"] ~ label:before {
  background: transparent url(sprites/$Color-radio.png) no-repeat top left;
}

.wsite-com-product-option-label input[type="checkbox"] ~ span:before, .form-radio-container input[type="checkbox"] ~ label:before {
  background: transparent url(sprites/$Color-checkbox.png) no-repeat top left;
}

.wsite-form-radio-container select, .wsite-com-product-option-dropdown select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(sprites/$Color-dropdown.png) no-repeat 97% center;
}

/* Custom Form: Radios */

.form-radio-container label {
  font-family: 'Sintony', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.2em;
  vertical-align: middle !important;
}

/* Custom Form: Checked - Used for both Radio and Checkbox */
.wsite-com-product-option-label input:checked ~ span:before, .form-radio-container input:checked ~ label:before {
  background-position: -22px top;
}

/* Custom Form: Error - Used for both Radio and Checkbox */
.form-field-error .wsite-com-product-option-label input:checked ~ span:before, .form-field-error .form-radio-container input:checked ~ label:before {
  background-position: -44px top;
}


/* Buttons
--------------------------------------------------------------------------------*/


.wsite-button, .blog-button,
.wsite-editor .wsite-button {
  font-family: 'Montserrat', Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 16px !important;
  display: inline-block;
  color: $base !important;
  background: $filler !important;
  padding: .8em 1.2em !important;
  line-height: 1 !important;
}

.wsite-button:hover, .wsite-button:active , .blog-button:hover, .blog-button:active {
  color: $btnfill !important;
  background: $highlight !important;
}

.wsite-button-inner {
  float: none;
  background: none !important;
  padding: 0 !important;
  height: auto !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  color: inherit !important;
}

.wsite-button-large, .blog-button {
  font-size: 20px !important;
  padding: .8em 1em !important;
}

.wsite-button-highlight,
.wsite-editor .wsite-button-highlight {
  color: $btnfill !important;
  background: $highlight !important;  
  border-bottom: 3px solid $filler;
}

.wsite-button-highlight:hover, .wsite-button-highlight:active {
  color: $altbtnfill !important;
  background: $filler !important;  
  border-bottom: 3px solid $highlight;
}

/* Gallery
--------------------------------------------------------------------------------*/

.imageGallery .galleryCaptionHolderInnerBg,
.wsite-com-category-subcategory-name-bg {
  background: $highlight;
  opacity: .7;
}

.imageGallery .galleryCaptionInnerText,
.wsite-com-category-subcategory-name-text {
  color: #000;
  font-family: 'Sintony';
  font-weight: 700;
  font-size: 14px;
  line-height: 1.15;
  text-shadow: none;
}

.fancybox-skin {
  padding: 0 !important;  
}

.#fancybox-thumbs ul li, #fancybox-thumbs ul li.active {
  border: none !important;
}

#fancybox-thumbs ul li:hover, #fancybox-thumbs ul li.active {
  background: $highlight;
  opacity: .75 !important;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url(sprites/fancybox_sprite.png);
}


.fancybox-next{
  right: -36px !important;
}

.fancybox-next span {
  right: 0 !important;
  background-position: 0 -104px;  
}


.fancybox-prev {
  left: -36px !important;
}

.fancybox-prev span {
  left: 0 !important;
  background-position: 0 -50px;
}

.fancybox-close {
  top: 0;
  right: -35px;
}

/* Social
--------------------------------------------------------------------------------*/

.wsite-social {
  white-space: normal;
}

.wsite-social-item {
  display: inline-block;
  width: 40px;
  color: $filler;
  font-size: 2em;
  line-height: 1.5;
  text-align: center;
}

.wsite-social-item:hover {
  background: $highlight;
}

/* Footer
--------------------------------------------------------------------------------*/

#footer {
  width: 80%;
  max-width: 700px;
  margin: 0 auto;
  padding: 5em 0 2em;
}

#footer-content {
  text-align: center !important;
  border-top: 3px solid $filler;
  padding: 5em 0 0;  
}

#footer-content h2 {
  font-size: 1.15em;
  margin: 0 auto 1.5em;
}

#footer-content .paragraph {
  font-size: .9em !important;  
}

/* Store
--------------------------------------------------------------------------------*/

.wsite-com-category-product-image-wrap, .wsite-com-category-product-featured-image-wrap, .wsite-com-category-subcategory-image-wrap {
  border: none !important;
}

h2#wsite-com-product-title {
  font-size: 2em;
  font-weight: bold;
  margin: 0 auto 1em;
}

#cloudzoom-wrap {
  padding: 0 3px 10px !important;
}

#wsite-com-product-images-strip a {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 3px !important;
}

.wsite-com-product-images-secondary-outer {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
}

.wsite-imageaspectratio-image-wrap {
  background: $highlight !important;
}

#wsite-com-product-images-strip a img {
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.current-thumb img, #wsite-com-product-images-strip a:hover img, #wsite-com-product-images-strip a:focus img  {
  opacity: 0.4 !important;  
}

#wsite-com-product-sku {
  display: block;
  float: none;
  font-size: 1.15em;
  margin: 0 auto 1em;
}

#wsite-com-product-price-area {
  font-size: 2em;
  font-weight: bold;
  padding: 0;
  margin: 0 auto .75em;
  font-family: 'Montserrat';
  border: none !important;
}

#wsite-com-product-inventory, .wsite-com-product-option {
  padding-top: 2em;
  margin-top: 0;
}

#wsite-com-product-buy {
  padding-top: 2.5em;
  margin-top: 0;
}

#wsite-com-product-inventory, #wsite-com-product-options {
  font-family: 'Montserrat';
  text-transform: uppercase;
  border: none !important;
}

#wsite-com-product-options {
  margin-top: 0 !important;  
}

#wsite-com-product-quantity, .wsite-com-product-label {
  position: relative;  
  display: block;
}

#wsite-com-product-quantity label {
  position: absolute;
  top: .9em;
  left: .75em;
  z-index: 2;
}

#wsite-com-product-quantity label b {
  display: none;
}

.wsite-com-product-option-color .wsite-selected {
  background-image: url(sprites/store-check.png) !important;
}

#wsite-com-product-quantity-input {
  padding-left: 40px !important;
  border: 3px solid $filler !important;
}

#wsite-com-product-quantity label:before {
  content: 'QTY';
  font-size: 1.15em;
  display: inline-block;
}

#wsite-com-product-quantity-input:focus {
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-right: 0 !important;
  padding: 11px 8px 11px 40px !important;
}


.wsite-com-product-option-color .wsite-com-product-option-color-swatch {
  width: 40px;
  height: 40px;
  border-radius: 0;
  box-shadow: none !important;
  outline: none !important;
}

.wsite-com-product-option-color .wsite-com-product-option-color-container {
  margin: 0 10px 0 0 !important;
  box-shadow: none !important;
}

#wsite-com-product-short-description .paragraph {
  margin: 0 0 2.5em !important;
}

#wsite-com-product-short-description .paragraph {
  margin: 0 !important;
}

/* Category Dropdown */

#wsite-com-store .wsite-com-sidebar{
    width: 100%;
    float: none !important;
    padding: 5px 0 0 !important;
    text-align: center;
    position: relative;
    z-index: 10;
    margin: 0 auto 15px;
    cursor: pointer;
    min-height: 35px;
}
#wsite-com-store .wsite-com-sidebar {
    width: 100%;
    float: none !important;
    padding: 5px 0 0 !important;
    text-align: center;
    position: relative;
    z-index: 11;
    margin: 0 auto 15px;
    cursor: pointer;
    min-height: 35px;
}
#wsite-com-store .wsite-com-sidebar::after {
    content: 'VIEW ALL CATEGORIES \25be';
    padding: 0;
    text-align: center;
    font-weight: 900 !important;
    text-transform: uppercase;
    color: $base;
    background:$filler;
    clear: both;
    width:100%;
    padding:10px 18px;
    display:block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin-top:-12px;
    -webkit-transition: all 120ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: all 120ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -o-transition: all 120ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -ms-transition: all 120ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 120ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
#wsite-com-store .sidebar-expanded:after {
    display: none;
}
#wsite-com-store .sidebar-expanded {
    cursor: default !important;
}

#wsite-com-store .wsite-com-content-with-sidebar {
    margin-left: 0 !important;
    padding: 0 !important;
}

#wsite-com-store .wsite-com-content-with-sidebar #wsite-com-product-list {
  padding-top: 30px;
}

#wsite-com-store .wsite-com-content-with-sidebar h2 {
  text-align: center !important;
}


#wsite-com-store .wsite-com-sidebar #wsite-com-hierarchy > ul {
    top: 0;
    left: 0;
    width: 100%;
    padding: 3.5em 0 1.75em !important;
    background: $filler;
}

#wsite-com-store #wsite-com-hierarchy ul ul {
  margin-left: 0;
}

#wsite-com-store .wsite-com-sidebar #wsite-com-hierarchy {
    position: absolute;
    width: 100%;
    max-height: 0px;
    overflow: hidden;
    margin: 0 auto .25em;
    display: block;
    top: -8px;
    -webkit-transition: max-height 550ms cubic-bezier(0, 0.05, 0.55, 0.95);
    -moz-transition: max-height 550ms cubic-bezier(0, 0.05, 0.55, 0.95);
    -o-transition: max-height 550ms cubic-bezier(0, 0.05, 0.55, 0.95);
    -ms-transition: max-height 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: max-height 550ms cubic-bezier(0, 0.05, 0.55, 0.95);
}

.wsite-com-sidebar:hover #wsite-com-hierarchy,
#wsite-com-store .sidebar-expanded #wsite-com-hierarchy {
    max-height: 1000px !important;
}

.postload .wsite-com-sidebar:hover #wsite-com-hierarchy {
    max-height: 0px !important;
}

#wsite-com-store #close {
    position: absolute;
    z-index:13;
    width: 100%;
    top: 0px;
    text-align: center;
    font-weight: 900 !important;
    text-transform: uppercase;
    color: $base;
    display: block;
    padding:10px 0;
}
#wsite-com-store .wsite-com-sidebar #wsite-com-hierarchy a,
#wsite-com-store .wsite-com-sidebar #wsite-com-hierarchy {
    color: $base;
}

#wsite-com-store .wsite-com-sidebar #wsite-com-hierarchy a:hover, .wsite-selected {
    color: $highlight;
}

h2.wsite-checkout-header {
  padding-bottom: 0 !important;
}

/* Blog
--------------------------------------------------------------------------------*/

.blogCommentReplyWrapper, .blogCommentReplyWrapper iframe {
  height: 650px !important;
}

.blogCommentSubreplyWrapper iframe {
  padding: 12px 0 0 !important;
}

#blogTable > tbody > tr > td {
  display: block !important;
}

#content h2.blog-title {
  font-size: 2em;
  padding: 0 0 .1em !important;
  margin: 0 auto .5em !important;
  border-bottom: none !important;
}

#content h2.blog-title a {
  border-bottom: 3px solid $highlight;
}

.blog-date, .blog-comments {
  width: 46%;
  display: block;
  font-family: 'Montserrat' !important;
  font-size: 1.25em !important;
  text-transform: uppercase;
}

.blog-date > span, .blog-comments > span{
  float: none !important;
}

.blog-date {
  text-align: right;
  padding-right: 10%;
}

.blog-comments {
  text-align: left;
}

span.date-text {
  font-weight: bold;
  margin: 0 20px 0 0 !important;
}

.blog-sidebar, .column-blog {
  width: 100%;
  display: block !important;
}

.blog-comments-bottom, #commentCancelCaptcha {
  display: none !important;
}

.wsite-blog-index .blog-post {
  margin: 0 auto 2.5em !important;
}

.wsite-blog-post .blog-post {
  margin: 0 auto !important;
}

.blogCommentText {
  margin: 0 auto 1.5em !important;
}

.blog-post .blog-read-more {
  text-align: center !important;
  font-size: 1.15em !important;
  font-style: italic;
  font-size: 1.15em;
}

.blog-content .paragraph {
  margin: 0 auto !important;
}

.blog-separator {
  display: none !important;
}

.blog-post .blog-header {
  margin: 0 auto 1em !important;
  text-align: center;
}

.blogCommentWrap div, .blogCommentWrap {
  background: none !important;
  padding: 0 !important;
  color: $filler !important;
}

.blogCommentWrap {
  margin: 0 auto 42px;
}

.blogCommentHeadingInner, #commentAreaTitle {
  font-family: 'Montserrat' !important;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
}

#commentAreaTitle:after, #commentReplyTitle:after {
  font-size: 28px !important;
  text-align: center !important;
}

#commentReplyTitle, #commentAreaTitle {
  font-size: 0 !important;
}

#commentReplyTitle:after, #commentAreaTitle:after {
  content: 'LEAVE A COMMENT';
  display: block;
}

.blogCommentHeading .blogCommentHeadingInner, .blogCommentHeading .blogCommentAuthor, .blogCommentHeading .blogCommentAuthor span.name, .blogCommentHeading .blogCommentAuthor a.name, .blogCommentHeading .blogCommentAuthor span.email {
  height: auto !important;
  font-size: 18px;
}

.blogCommentText, .blogCommentText p, #secondlist .blogCommentText p {
  font-family: 'Sintony';
  font-style: italic;
  font-weight: 700;
  font-size: 16px;
  line-height: 2.6;
  color: $filler !important;
}

#commentUserInfo  {
  font-family: 'Sintony';
  font-style: italic;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.75;
  color: $filler !important;
  display: block !important;
  float: none !important;
  width: 100% !important;
  clear: both !important;
  margin: 0 auto 16px  !important;
}

.field-notify {
  margin: 0 auto 16px  !important;  
}

.blogCommentOptions, #commentReplyTitle {
  text-align: center;  
}

.blog-button span {
  background: none !important;
}

.blog-button {
  font-family: 'Montserrat';
  font-size: 22px !important;
  height: auto !important;
  display: inline-block !important;
}

.blogCommentLevel1 .blog-button.reply-comment {
  font-size: 18px !important;
  padding: .8em 1.2em !important;
  margin: 0 auto !important;
}

.blogCommentAuthor, .blogCommentDate {
  width: 100%;  
  font-size: 18px !important;
  text-align: center !important;
  clear: both !important;
  float: none !important;
}

.blogCommentAuthor {
  display: inline-block;
  border-bottom: 2px solid $highlight;
  width: auto !important;
}

.blogCommentAuthor > span, .blogCommentAuthor > a, .blogCommentOptions .blog-button {
  float: none !important;
}

.iframeWrapper {
  border: none !important;
}

#commentArea, .blogCommentHeading .blogCommentAuthor span.name, .blogCommentHeading .blogCommentAuthor a.name, .blogCommentHeading .blogCommentDate {
  color: $filler !important;
  text-shadow: none;
}

.blogCommentHeading .blogCommentAuthor a.link {
  color: $base !important;
  display: inline-block;
  margin-right: 0 !important;
  background: url(sprites/$variant-website.png) no-repeat left center;
}
#commentPostArea {
  text-align: center;
}

#commentPostDiv {
  max-width: none !important;
}

#commentPostDiv .field {
  margin: 0 0 34px 0;
  text-align: left;
}

#commentPostDiv .field label {
  font-family: 'Montserrat';
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
}

#commentPostDiv .field input[type=text], #commentPostDiv .field textarea {
  font-family: 'Sintony';
  border: 3px solid $filler;
  font-weight: bold;
  max-width: 97%;
  background: none !important;
  color: $filler !important;
  padding: 8px !important;
  border: 3px solid $filler;
}

#commentPostDiv .field input[type=text]:focus, #commentPostDiv .field textarea:focus {
  background: $highlight !important;
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
  padding: 12px 8px !important;
  outline: none;
  color: $btnfill !important;
}

#commentSubmit {
  float: none !important;
}

#commentText > div {
  position: relative;
}

#commentText .blogCommentLevel0 {
  margin: 3em auto 0 !important;
}


.blogCommentLevel1.first .blogCommentHeading:before {
  position: absolute;
  top: -40px;
  left: 50%;
  margin-left: -20px;
  color: $firstreply;
  font-size: 36px;
  content:'\25B2';
  z-index: 10;
  -ms-transform: scale(3,1);
  -webkit-transform: scale(3,1);
  transform: scale(3,1);
}

#commentText .blogCommentLevel2.first .blogCommentHeading:before {
  position: absolute;
  top: -40px;
  left: 50%;
  margin-left: -20px;
  color: $secondreply;
  font-size: 36px;
  content:'\25B2';
  z-index:10;
  -ms-transform: scale(3,1);
  -webkit-transform: scale(3,1);
  transform: scale(3,1);
}

#commentText .blogCommentLevel1 {
  padding: 2em !important;
  background: $firstreply !important;
  margin: 2em auto 0 !important;
}

#commentText .blogCommentLevel1.first {
  margin: 3em auto 0 !important;
}

#commentText .blogCommentLevel2 {
  padding: 2em 2em 0 !important;
  background: $secondreply !important;
  margin: 0 auto 1px !important;
}

#commentText .blogCommentLevel2.first {
  margin: 0 auto 1px !important;
}

/* Mobile General Styles
--------------------------------------------------------------------------------*/

/*  Nav Styles */

    .nav-trigger {
        display:none;
        text-align:center;
        position:absolute;
        top:0;
    }
    label.nav-trigger{
        padding:6px;
        margin-top:13px;
    }
    .nav-trigger span.mobile {
        display:block;
        background-color: $filler;
        cursor:pointer;
        height:3px;
        width:25px;
        position:relative;
        margin:0 auto 5px;
    }
    .nav-trigger span.mobile:last-child{
      margin-bottom:0;
    }
    .nav-trigger a{
      display:inline-block;
      padding:15px;
    }
    nav#nav-mobile {
        position:relative;
        display:none
    }
    .navmobile-wrapper label{
        display:inline-block;
    }
    /*.navmobile-wrapper .nav-trigger{
        padding:10px;
    }*/
    nav#nav-mobile ul.wsite-menu-default {
        display:none;
        list-style-type:none;
        position:absolute;
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
        text-align:left;
        background-color:#f6f6f6;
        z-index:2;
        border-bottom:solid 1px #d0d0d0;
    }
    nav#nav-mobile ul.wsite-menu-default>li {
        display:block;
        padding:5px 0;
        margin:0 5px;
        border-bottom:solid 1px #d0d0d0;
    }

    nav#nav-mobile ul.wsite-menu-default>li>a{
        font-weight:700;
    }

    nav#nav-mobile ul.wsite-menu-default>li:last-child {
        border-bottom:none;
    }

    nav#nav-mobile a {
        display:block;
        color:#5F5F5F;
        padding:10px 30px;
    }
    #navmobile{
        display:none;
    }
    #wrapper{
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        left:0;
        width:100%;
        position:relative;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }
    .wsite-button-chevron{
        display:none;
    }


/* Mobile - Layouts 1024px
--------------------------------------------------------------------------------*/

@media (max-width:1024px){

/*  Header */

    .wsite-logo{
        font-size:55%;
    }


/* banner */
    
    #banner h2 > span,
    #banner h2 > span font{
        font-size:1.6em;
    }
    .tall-header-page #banner h2 > span,
    .tall-header-page #banner h2 > span font {
        font-size:1.5em;
    }
    .short-header-page #banner h2 > span,
    .short-header-page #banner h2 > span font {
        font-size:1.2em;
    }
    .short-header-page #banner{
        margin:0 auto;
    }
    
/* Gallery */

    .fancybox-wrap{
        /*width: 100% !important;
        height: 100% !important;*/
        /*left: 0 !important;*/
        /*top: 0 !important;*/ /* remove for center */
        /*position: fixed !important;*/ /* remove for center */
        display: table !important;
    }
    .fancybox-wrap > div{
        display: table-cell !important;
        vertical-align: middle !important;
       /* padding-top:60px!important;*/
        text-align: center;
        border-radius:0;
    }
    .fancybox-inner{
        margin: 0 auto;
        width: 100% !important;
        height: auto !important;
    }
    .fancybox-nav, 
    .fancybox-nav:active, 
    .fancybox-nav:focus{
        right: 0px !important;
        display: none !important;
    }
    .fancybox-close{
        top:10px;
        right:10px;
    }
    .fancybox-opened ~ #wsite-mini-cart{
        display:none;
    }
    .fancybox-skin,
    #fancybox-thumbs{
        background:#FFFDFE;
    }
    #fancybox-thumbs{
        border:1px solid #FFFDFE;
        padding:10px 0;
    }

/* Blog */

    .blog-sidebar{
        padding-left:20px;
    }
}

/* Mobile - Layouts 992px
--------------------------------------------------------------------------------*/


@media (max-width:992px){

/*  General */

    #header,
    #banner,
    #footer,
    #content-wrap{
        padding:0 4.5em; /* must have same margin as below */
    }
    #content-wrapper{
        padding:3em 9em;
    }
    #wsite-mini-cart {
      background: none !important;
        margin-right:4.5em; /* must have same margin as below */
    }
    #wsite-mini-cart .wsite-cart-bottom {
      background: none !important;
      display: block !important;
    }
    #wsite-com-checkout-button{
        margin-top:0px;
    }
    #navmobile{
        top:86px;
    }
    #content{
        width:100%;
        max-width:none;
    }
    #wrapper{
        padding:10px 0;
    }


/*  Nav */
    
    #navmobile{
        position:absolute;
        width:70%;
        /*top:90px;
        left:37px;*/
        display:block;
    }
    #navmobile a{
        padding:4px 0 2px;
        cursor:pointer;
        border-bottom:3px solid transparent;
    }
    #navmobile a:hover,
    #navmobile li#active a{
        border-bottom:3px solid $btnfill;
    }
    #navmobile .wsite-menu-default,
    #navmobile .wsite-menu{
        list-style-type:none;
    }
    #navmobile .wsite-menu-slide li{
        font-size:1.1em;
        text-transform:uppercase;
        letter-spacing:0.06em;
        margin:0 0 7px;
    }
    .wsite-mobile-menu{
        width:70%;
    }
    #nav ul li {
        display: none !important;
    }
    #nav ul li#member-login {
      display: block !important;
      position: fixed;
      top: 20px;
      right: 100px;
      z-index: 12;
    }
    input.nav-trigger,
    input.nav-trigger-close{
        display:none;
    }
    body.menu-open #wrapper{
        left:35%;
       /* position:fixed;*/
        width:100%;
    }
    .close-btn{
        display:inline-block;
        padding:4px 0;
        margin:1px;
    }
    #navigation {
      -webkit-box-shadow: inset -1px 0px 3px 0px rgba(0, 0, 0, 0.15);
      -moz-box-shadow:    inset -1px 0px 3px 0px rgba(0, 0, 0, 0.15);
      box-shadow:         inset -1px 0px 3px 0px rgba(0, 0, 0, 0.15);
    }
    #navigation,
    .wsite-menu-default{
        width: 35%;
        box-sizing: border-box;
    }
    #page-wrap{
        display:inline-block;
        background:$base;
        position:relative;
        width:100%;
        height:100%;
    }
    .trigger-wrap{
        height:65px;
        position: relative;
        width:100%;
        z-index:11;
        background:$base;
        border-bottom:3px solid $filler;
        padding:0 2em;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }
    .nav-trigger,
    nav#nav-mobile {
        display:block;
    }
    #navigation{
        z-index:0;
        display:block;
        height:100%;
        position:fixed;
        padding-left:2.25em;
    }
    .close-btn,
    .nav-trigger{
       /* padding:15px;*/
        /*margin:20px 0 0 6%;*/
    }
    .close-btn{
        display:inline-block;
        margin:0;
        /*padding:9px;*/
    }
    span.mobile.mobile-close{
        width:25px;
    }
    .mobile-close:first-child{
        -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        transform:rotate(45deg);
        top:4px;
    }
    .mobile-close:last-child{
        -webkit-transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        transform:rotate(-45deg);
        top:-4px;
    }
    .bodynav #nav ul li#active,
    .bodynav #nav ul li:hover, 
    .bodynav #nav ul li:focus,
    #nav ul li#active, 
    #nav ul li:hover, 
    #nav ul li:focus{
        background:transparent!important;
    }
    #nav ul li#active a,
    #nav ul li a:hover{
        border-bottom:3px solid #000;
    }
    #nav ul li a{
        border-bottom:3px solid transparent;
        background:transparent;
    }
    .wsite-menu-mobile-arrow{
        display:inline-block!important;
        font-size:inherit!important;
        padding:0 5px;
        margin-top:-3px;
    }
    .wsite-menu-mobile-arrow:before{
        display:inline-block;
        padding:0 0 3px;
        content:url(sprites/$variant-website.png);
        vertical-align:bottom;
    }
    .wsite-menu-back-item .wsite-menu-mobile-arrow:before{
        content:'\2039';
    }
    a:hover .wsite-menu-arrow,
    a .wsite-menu-arrow{
        display:none!important;
    }

    #navigation.bodynav,  .bodynav #nav ul li, .bodynav #nav, .bodynav #nav ul li a {
      background-color: $base !important;
    }
    
    .w-ui.ui-dialog.popup-modal .ui-dialog-content>div .close-x, .w-ui .ui-dialog.popup-modal .ui-dialog-content>div .close-x {
      top: 60px !important;
    }
/*  Cart */
    
    #wsite-mini-cart{
        padding:0!important;
        width:auto;
        position:fixed!important;
        border: none !important;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        margin:0;
        padding: 12px 35px !important;
        background:#fff;
        opacity:1!important;
        left:auto!important;
        top:0!important;
        right:0!important;
        box-shadow:none;
        border-radius:0;
        z-index:12;
        display:block!important;
        background:transparent;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    #wsite-com-minicart-checkout-button {
      padding: 0 !important;
      font-size: 1em !important;
      border-bottom: none !important;
      background: none !important;
    }
    
    #wsite-com-minicart-checkout-button:before {
      content: '';
      display: block;
      margin: 0 auto -18px;
      width: 12px;
      height: 20px;
      border-radius: 100%;
      border: 3px solid $filler;
    }
    
    #wsite-com-minicart-checkout-button .wsite-button-inner {
      display: none;
    }
    
    #wsite-mini-cart:before,
    #wsite-mini-cart:after{
        border:none!important;
    }
    #wsite-mini-cart.full{
        display:block!important;
    }

    #wsite-mini-cart.arrow-top, 
    #wsite-mini-cart.arrow-left{
       background:transparent;
       border:none;
    }
    #wsite-mini-cart.full{
        display:block!important;
    }
    .wsite-product-list{
        display:none!important;
    }
    .wsite-cart-bottom{
        font-weight:700;
        word-spacing:0.1em;
        text-align:right;
        display:inline-block;
        float:right;
        padding:0;
    }    
    .wsite-subtotal-wrapper{
        display:none;
    }
    #wsite-com-checkout-button{
        padding:4px 10px 3px!important;
        font-size:0.8em!important;
        border-bottom:3px solid $filler;
    }

/* Checkout */
    .wsite-com-continue-shopping .caret{
        vertical-align: middle;
    }
    #wsite-com-checkout-list .wsite-com-quantity-action, 
    #wsite-com-checkout-summary-list .wsite-com-quantity-action{
        margin-top:24px;
    }
    #wsite-com-checkout-list .wsite-remove-button, 
    #wsite-com-checkout-summary-list .wsite-remove-button{
        top:48px;
        left:-19px;
    }
    .wsite-button-chevron{
      display:inline-block;
      min-width: 20px;
      height: 16px;
      text-align: center;
      background: $filler !important;
      color: $highlight !important;
      font-size: 14px !important;
      padding: 4px;
    }
    input[type='text'],
    input[type='number'],
    textarea {
        font-size: 16px;
    }

/*  Search */

    #wsite-search-results{
        width:100%!important;
    }
    .wsite-search-element-input, 
    #wsite-search-query{
        border-bottom:3px solid $filler;
    }
    #wsite-search-form-container{
        float:right;
    }

/* Blog */

    #content h2.blog-title{
        min-width:0;
        display:block;
    }
    .wsite-multicol-table-wrap{
        margin:0!important;
    }

/* Comments */

    #commentPostDiv .field input[type=text],
    #commentPostDiv .field textarea{
        max-width:90%;
    }

/* Forms */

    .jqTransformRadioWrapper .jqTransformRadio{
        background:none;
        border:3px solid #000;
        border-radius:30px;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }
    .jqTransformRadioWrapper a.jqTransformChecked{
        background-color:yellow;
        border:7px solid #000;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        border-radius:30px;
    }

}

/* Mobile - Layouts 767px
--------------------------------------------------------------------------------*/


@media (max-width:767px){

/*  General */

    #wrapper{
        padding:0;
    }
    #header,
    #banner,
    #footer,
    #content-wrap{
        padding:0 2em;
    }
    #content-wrapper{
        padding:2em 2em;
    }
    
    #wsite-mini-cart{
      padding: 10px 35px !important;
    }  
     .trigger-wrap{
        height:60px;
        padding:0;
    }
    .nav-trigger,
    #navmobile{
        margin-left:2em; 
    }
    #navmobile{
        top:89px;
    }
    #navmobile{
        width:100%;
    }
    #content{
         width:100%;
         max-width:none;
    }
    .wsite-com-content{
        padding:0;
    }
    .paragraph,
    .paragraph span{
        font-size:1em!important;
        line-height:30px!important;
        margin:0 auto 3em !important;
    }
    #content .paragraph a, 
    .blog-read-more a, 
    #commentUserInfo a{
        border-bottom:2px solid #000;
    }
    #content h2{
        margin:1em auto 0em;
        font-size:1.5em;
        padding-bottom:1em;
    }
    blockquote{
        font-size:70%;
        margin:3em 0 5em 1.5em !important;
    }

    /*  Tables */

        .wsite-multicol-col{
            width:100%!important;
            display:block;
            padding:0!important;
        }

/*  Nav */
    
    #page-wrap.open{
        left:100%;
        position:fixed;
        -webkit-transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s !important;
        -moz-transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s !important;
        -o-transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s !important;
        -ms-transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s !important;
        transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s !important;
    }
    #navigation,
    .wsite-menu-default{
        width: 100%;
        padding:0;
    }
    #navigation{
        top:0;
        overflow: auto;
    }
    body.menu-open #wrapper{
        left:100%;
        width:100%;
    }

/*  Buttons */

    .landing-page #banner .wsite-button{
        font-size:1.2em!important;
        padding:0.7em 0.9em!important;
    }
    .wsite-button, .blog-button{
        font-size:0.9em!important;
    }
    .wsite-button-large, .blog-button{
        font-size:1.15em!important;
    }
    .wsite-button-highlight,
    .wsite-button-highlight:hover, 
    .wsite-button-highlight:active{
        border-bottom:3px solid #000;
    }

/*  Header */
    
    .wsite-logo{
        font-size:35%;
        letter-spacing:0.1em;
        line-height:1.35em;
    }
    #banner h2 > span,
    #banner h2 > span font {
        font-size: 1.25em!important;
    }
    .landing-page #sitename,
    .tall-header-page #sitename,
    .short-header-page #sitename,
    .no-header-page #sitename,
    .title-page #sitename{
        padding: .1em 0 !important;
    }
    .landing-page #banner h2{
        margin:0 auto 2.15em;
    }
    .landing-page #banner{
        margin:0 auto 2em;
    }
    .title-page #banner{
        margin:0 auto 1em;
    }
    .title-page #banner h2{
        margin:0 auto 0.1em;
    }
    .wsite-logo a img{
        margin:0!important;
    }
    .tall-header-page #banner{
        margin:0 auto 2.5em;
    }

/*  Footer */
    #footer {
      width: 100%;
    }

    #footer-content{
        padding:3em 0 0;
    }

/*  Forms */
    
    .wsite-name-field .wsite-form-input-first-name,
    .wsite-name-field .wsite-form-input-last-name{
        width:100%;
    }
    .wsite-form-input{
        border:3px solid #000;
    }
    .wsite-form-input:focus{
        padding:11px 8px!important;
    }
    .wsite-form-label{
        font-size:1.1em;
    }
    .form-radio-container label{
        font-size:1em;
    }

/*  Blog */

    #content h2.blog-title{
        font-size:1.25em;
    }
    .blog-date, .blog-comments{
        font-size:0.9em!important;
    }
    .blog-post .blog-header{
        margin:0 auto 1em!important;
    }

/*  Store */

    #wsite-com-category-product-group.wsite-com-category-product-group .wsite-com-column{
        width:100%!important;
        height:auto!important;
    }

/*  Product */

    #wsite-com-product-images{
        width:100%;
        margin-bottom:2em;
        max-width:none!important;
    }
    #wsite-com-product-info {
        margin-left:0!important;
        width:100%;
    }

/*  Checkout */

    .wsite-com-checkout-item-image img,
    #wsite-com-checkout-list tbody td:first-child, 
    #wsite-com-checkout-summary-list tbody td:first-child{
        max-width:50px;
    }
    #wsite-com-checkout-list th, 
    #wsite-com-checkout-summary-list th, 
    #wsite-com-checkout-list td, 
    #wsite-com-checkout-summary-list td,
    #wsite-com-checkout-list th, 
    #wsite-com-checkout-summary-list th{
        font-size:0.8em;
    }
    .wsite-com-checkout-item-details-inner{
        font-size:0.8em;
        line-height:1.7em;
    }
    #wsite-com-checkout-list .wsite-form-input, 
    #wsite-com-checkout-summary-list .wsite-form-input{
        padding:2px 0!important;
    }
    #wsite-com-checkout-list .wsite-remove-button, 
    #wsite-com-checkout-summary-list .wsite-remove-button{
        top:41px;
        left:-10px;
    }
    #wsite-com-checkout-list .wsite-com-checkout-item-image, 
    #wsite-com-checkout-summary-list .wsite-com-checkout-item-image{
        width:40px;
        height:40px;
    }
    a.wsite-com-continue-shopping{
        font-size:0.8em;
    }
    
    /* Stripe Checkout Page
    ---------------------------------------*/

    .wsite-com-checkout-payment-column,
    .wsite-com-checkout-summary-column {
      display: block !important;
      width: auto !important;
      max-width: 100% !important;
      margin: 0 auto 1em !important;
    }

    #wsite-com-checkout-cart-footer {
      text-align: center;
    }

    .wsite-com-continue-shopping {
      display: block;
      margin: 0 auto 5px;
    }

    #wsite-com-checkout-cart-footer form {
      float: none !important;
    }

    .wsite-com-continue-shopping .caret {
      vertical-align: middle;
    }

    #wsite-com-checkout-payment-order {
      margin-left: 0;
    }

/*  Cart */

    #wsite-com-checkout-button{
        font-size:0.9em!important;
    }


/* Search */

    #wsite-search-header h2{
        padding-top:0;
        margin-top:16px;
        font-size:1.2em;
    }
    input#wsite-search-query{
        padding-bottom:0!important;
        font-size:1.2em;
        line-height:2em;
        padding:8px 37px 0px 8px!important;
    }

    #wsite-search-sidebar {
      display: none;
    }
/*  Gallery */

    .fullwidth-mobile{
        width:100%!important;
    }
    .galleryCaptionHolder{
        display:none;
    }
    .fullwidth-mobile .galleryCaptionHolder{
        display:block;
    }
    .fancybox-wrap{
        /*left: 0 !important;*/
        /*top: 0 !important;*/ /* remove for center */
        /*position: fixed !important;*/ /* remove for center */
    }

/* Categories */

    .wsite-com-category-subcategory-group .wsite-com-column{
        height:auto!important;
    }
    /*.wsite-com-category-subcategory-name-text{
        display:none;
    }*/
    .wsite-com-category-product-name,
    .wsite-com-product-price .wsite-com-price,
    .wsite-com-product-price.single-sale-price .wsite-com-sale-price{
        font-size:0.8em;
    }
    #wsite-com-store #wsite-com-hierarchy ul .wsite-com-link-text{
        font-size:0.8em;
    }
    #wsite-com-product-list .wsite-com-category-product-featured-group .wsite-com-column{
        width:100%!important;
        height:auto!important;
    }

/* Categories */

    .wsite-com-column-group.wsite-com-category-product-featured-group .wsite-com-column{
        width:100%!important;
    }
    .wsite-com-content{
        width:100%;
        margin-left:0;
    }
    .wsite-com-category-subcategory-name-text{
        font-size:1.25em;
    }
    .wsite-com-column-group.wsite-com-category-subcategory-group .wsite-com-column{
        width:50%!important;
    }
    .wsite-com-category-subcategory-name{
        top:0;
    }
    #wsite-com-store #wsite-com-hierarchy ul .wsite-com-link-text{
        font-size:0.8em;
    }
}