/*
Theme Name: Wellness Club
description: Storefront Child Theme
Author: Crunch42.com
Author URI: http://crunch42.com
Template: storefront
Version: 1.0.0
*/

@import url("../storefront/style.css");

.site-info a { display: none; }
.site-header { background-color: #fff; }
.entry-content a, div#secondary a, #main a { color: #0a0a6e; text-decoration: underline; }
.entry-content a:hover, div#secondary a:hover { text-decoration: none; }
ul.sub-menu li.menu-item a:hover { color: #666; }

a.add_to_cart_button { color: white !important; margin-left: 20px; text-transform: capitalize; }
a.single_add_to_cart_button, a.checkout-button, a.product_type_simple { color: white !important; text-decoration: none; }
#beforefooter { display: block; clear: both; padding: 20px; background-color: #999; }
ul.badges { text-align: center; }
ul.badges li { list-style-type: none; display: inline-block; }
ul.badges li:not(:first-child) { margin-left: 20px; }
p.footerlinks { color: #ccc; }
p.footerlinks a { color: blue !important; text-decoration: none; }
p.footerlinks a:hover { color: blue !important; text-decoration: underline; }

a.button_blue {
    background-color: #008CBA; 
    border: none;
    color: white !important;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}
a.button_blue:hover { background-color: blue; }
.awesomplete>input[type=search] {
	width: 160px !important;
}
span.wc-memberships-products-grant-access a { color: #cedcff; font-weight: bold; }
.woocommerce-active .site-header .main-navigation { width: 100% !important; }

.site-branding { width: 100% !important; background: url('https://www.drmyattswellnessclub.com/wp-content/themes/wellnessclub/images/header.jpg') no-repeat top left; background-size: contain; margin-bottom: 0 !important; }
.site-header { padding-top: 20px !important; }
.featuredsection { padding: 20px; background-color: #d0e7ff; margin-top: 20px; border-radius: 10px; overflow: hidden; }
.featuredsection h2 { color: #999; }
.featuredsection h3, .featuredsection p { margin-bottom: 0; padding-bottom: 0; }
#masthead { padding-top: 0 !important; margin-top: 0 !important; background-color: #0a0a6e; }
.topnav { text-align: right; padding-top: 10px; background-color: #0a0a6e; }
.topnav a { color: white; }
.topnav a:hover { text-decoration: underline; transition-duration: .5s; }
ul#menu-main-menu.nav-menu li a { color: #fff; }
ul.sub-menu li a { color: #0a0a6e !important; }
ul.sub-menu li a:hover { color: #282bcd !important; }

.subscribeform { padding: 10px; background-color: #0a0a6e; border-radius: 10px; margin-bottom: 30px; }
.subscribeform p { color: white; }
.subscribeform h2 a { color: #d0e7ff !important; }
.subscribeform button { margin-top: 13px; border-radius: 10px; }

.hidden { display: none; }
.unhidden { display: block; }

.hentry.type-post .entry-content { width: 100%; }
a.lightblue { color: #d0e7ff !important; }
a.lightblue:hover { text-decoration: underline; }

#headersubscribe { padding-right: 10px; display: block; float: right; padding-top: 30px; font-weight: bold; color: white; text-shadow: 2px 2px 4px #000000; }
#headersubscribe h2 { margin-bottom: 10px; color: white; }
#headersubscribe p { margin-bottom: 5px; }
#headersubscribe p.ligthblue { color: rgba(179, 255, 211, 1); }
#headersubscribe input.text { height: 20px; width: 140px; }
#headersubscribe input.submit { height: 45px; }
#sidebarsubscribe { display: none; }

ul#menu-main-menu li a { padding-top: 5px; padding-bottom: 5px; }
.headerimage { display: none; }

div.storefront-breadcrumb { padding: .75em; margin-bottom: 1em; }
h1.entry-title { margin-bottom: 0; }
div.product_meta { display: none; }
div.woocommerce-Tabs-panel--description h2:first-of-type { display: none; }
a.cart-contents span.woocommerce-Price-amount, a.cart-contents span.count, .site-header-cart .cart-contents::after, a.wc-backward, a.sv-wc-payment-gateway-payment-form-manage-payment-methods { color: white !important; }

@media only screen and (max-width: 1110px) {
	.headerimage { display: block; }
	#headersubscribe { display: none; }
	#sidebarsubscribe { display: block; }
}

@media only screen and (max-width: 767px) {
	.main-navigation ul li a, .site-header ul.menu li.current-menu-item > a { color: white !important; }
}

/**
 *
 * slippry v1.4.0 - Responsive content slider for jQuery
 * http://slippry.com
 *
 * Authors: Lukas Jakob Hafner - @saftsaak
 *          Thomas Hurd - @SeenNotHurd
 *
 * Copyright 2016, booncon oy - http://booncon.com
 *
 *
 * Released under the MIT license - http://opensource.org/licenses/MIT
 */
/* kenBurns animations, very basic */
@-webkit-keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%); }
  100% {
    -webkit-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%); } }
@-o-keyframes left-right {
  0% {
    -o-transform: translateY(-20%) translateX(-10%);
       transform: translateY(-20%) translateX(-10%); }
  100% {
    -o-transform: translateY(0%) translateX(10%);
       transform: translateY(0%) translateX(10%); } }
@keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
         -o-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%); }
  100% {
    -webkit-transform: translateY(0%) translateX(10%);
         -o-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%); } }
@-webkit-keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%); }
  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%); } }
@-o-keyframes right-left {
  0% {
    -o-transform: translateY(0%) translateX(10%);
       transform: translateY(0%) translateX(10%); }
  100% {
    -o-transform: translateY(-20%) translateX(-10%);
       transform: translateY(-20%) translateX(-10%); } }
@keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
         -o-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%); }
  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
         -o-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%); } }
/* added to the original element calling slippry */
.sy-box.sy-loading {
  background: url("https://www.drmyattswellnessclub.com/wp-content/themes/wellnessclub/images/sy-loader.gif") 50% 50% no-repeat;
  -webkit-background-size: 32px 32px;
          background-size: 32px;
  min-height: 40px; }
  .sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager {
    visibility: hidden; }

/* element that wraps the slides */
.sy-slides-wrap {
  position: relative;
  height: 100%;
  width: 100%; }
  .sy-slides-wrap:hover .sy-controls {
    display: block; }

/* element that crops the visible area to the slides */
.sy-slides-crop {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden; }

/* list containing the slides */
.sy-list {
  width: 100%;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute; }
  .sy-list.horizontal {
    -webkit-transition: left ease;
         -o-transition: left ease;
            transition: left ease; }
  .sy-list.vertical {
    -webkit-transition: top ease;
         -o-transition: top ease;
            transition: top ease; }

/* single slide */
.sy-slide {
  position: absolute;
  width: 100%;
  z-index: 2; }
  .sy-slide.kenburns {
    width: 140%;
    left: -20%; }
    .sy-slide.kenburns.useCSS {
      -webkit-transition-property: opacity;
           -o-transition-property: opacity;
              transition-property: opacity; }
      .sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {
        -webkit-animation-name: left-right;
             -o-animation-name: left-right;
                animation-name: left-right;
        -webkit-animation-fill-mode: forwards;
             -o-animation-fill-mode: forwards;
                animation-fill-mode: forwards; }
      .sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {
        -webkit-animation-name: right-left;
             -o-animation-name: right-left;
                animation-name: right-left;
        -webkit-animation-fill-mode: forwards;
             -o-animation-fill-mode: forwards;
                animation-fill-mode: forwards; }
  .sy-slide.sy-active {
    z-index: 3; }
  .sy-slide > img {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    border: 0; }
  .sy-slide > a {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%; }
    .sy-slide > a > img {
      margin: 0;
      padding: 0;
      display: block;
      width: 100%;
      border: 0; }

/* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */
.sy-controls {
  display: none;
  list-style: none;
  height: 100%;
  width: 100%;
  position: absolute;
  padding: 0;
  margin: 0; }
  .sy-controls li {
    position: absolute;
    width: 10%;
    min-width: 4.2em;
    height: 100%;
    z-index: 33; }
    .sy-controls li.sy-prev {
      left: 0;
      top: 0; }
      .sy-controls li.sy-prev a:after {
        background-position: -5% 0; }
    .sy-controls li.sy-next {
      right: 0;
      top: 0; }
      .sy-controls li.sy-next a:after {
        background-position: 105% 0; }
    .sy-controls li a {
      position: relative;
      width: 100%;
      height: 100%;
      display: block;
      text-indent: -9999px; }
      .sy-controls li a:link, .sy-controls li a:visited {
        opacity: 0.4; }
      .sy-controls li a:hover, .sy-controls li a:focus {
        opacity: 0.8;
        outline: none; }
      .sy-controls li a:after {
        content: "";
        background-image: url("https://www.drmyattswellnessclub.com/wp-content/themes/wellnessclub/images/arrows.svg");
        background-repeat: no-repeat;
        -webkit-background-size: cover;
                background-size: cover;
        text-align: center;
        text-indent: 0;
        line-height: 2.8em;
        color: #111;
        font-weight: 800;
        position: absolute;
        background-color: #fff;
        width: 2.8em;
        height: 2.8em;
        left: 50%;
        top: 50%;
        margin-top: -1.4em;
        margin-left: -1.4em;
        border-radius: 50%; }
  @media only screen and (max-device-width: 600px) {
    .sy-controls {
      display: block; }
      .sy-controls li {
        min-width: 2.1em; }
        .sy-controls li a:after {
          width: 1.4em;
          height: 1.4em;
          margin-top: -0.7em;
          margin-left: -0.7em; } }

/* captions, styled fo the overlay variant */
.sy-caption-wrap {
  position: absolute;
  bottom: 2em;
  z-index: 12;
  left: 50%; }
  .sy-caption-wrap .sy-caption {
    position: relative;
    left: -50%;
    background-color: rgba(0, 0, 0, 0.54);
    color: #fff;
    padding: 0.4em 1em;
    border-radius: 1.2em; }
    .sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited {
      color: #e24b70;
      font-weight: 600;
      text-decoration: none; }
    .sy-caption-wrap .sy-caption a:hover, .sy-caption-wrap .sy-caption a:focus {
      text-decoration: underline; }
  @media only screen and (max-device-width: 600px), screen and (max-width: 600px) {
    .sy-caption-wrap {
      left: 0;
      bottom: 0.4em; }
      .sy-caption-wrap .sy-caption {
        left: 0;
        padding: 0.2em 0.4em;
        font-size: 0.92em;
        border-radius: 0; } }

/* pager bubbles */
.sy-pager {
  clear: both;
  display: block;
  width: 100%;
  margin: 1em 0 0;
  padding: 0;
  list-style: none;
  text-align: center; }
  .sy-pager li {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    margin: 0 1em 0 0;
    border-radius: 50%; }
    .sy-pager li.sy-active a {
      background-color: #e24b70; }
    .sy-pager li a {
      width: 100%;
      height: 100%;
      display: block;
      background-color: #ccc;
      text-indent: -9999px;
      -webkit-background-size: 2em 2em;
              background-size: 2em;
      border-radius: 50%; }
      .sy-pager li a:link, .sy-pager li a:visited {
        opacity: 1.0; }
      .sy-pager li a:hover, .sy-pager li a:focus {
        opacity: 0.6; }

/* element to "keep/ fill" the space of the content, gets intrinsic height via js */
.sy-filler {
  width: 100%; }
  .sy-filler.ready {
    -webkit-transition: padding 600ms ease;
         -o-transition: padding 600ms ease;
            transition: padding 600ms ease; }