/*
 Theme Name:   NZ Natural Formulas Theme
 Theme URI:    http://nznaturalformulas.com/
 Description:  WordPress theme for NZ Natural Formulas.
 Author:       The Good Agency
 Author URI:   http://goodagency.co.nz/
 Template:     storefront
 Version:      1.0.0
 Text Domain:  nznf
*/

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.grid {
    position: relative;
    width: 100%;
    max-width: 65.141em;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
.column,
.columns {
    width: 100%;
    float: left;
    box-sizing: border-box;
}

/* For devices larger than 768px */
@media (min-width: 768px) {
    .column,
    .columns {
        margin-left: 4%;
    }
    .column:first-child,
    .columns:first-child {
        margin-left: 0;
    }

    .one.column,
    .one.columns                    { width: 4.66666666667%; }
    .two.columns                    { width: 13.3333333333%; }
    .three.columns                  { width: 22%;            }
    .four.columns                   { width: 30.6666666667%; }
    .five.columns                   { width: 39.3333333333%; }
    .six.columns                    { width: 48%;            }
    .seven.columns                  { width: 56.6666666667%; }
    .eight.columns                  { width: 65.3333333333%; }
    .nine.columns                   { width: 74.0%;          }
    .ten.columns                    { width: 82.6666666667%; }
    .eleven.columns                 { width: 91.3333333333%; }
    .twelve.columns                 { width: 100%; margin-left: 0; }

    .one-third.column               { width: 30.6666666667%; }
    .two-thirds.column              { width: 65.3333333333%; }

    .one-half.column                { width: 48%; }

    /* Offsets */
    .offset-by-one.column,
    .offset-by-one.columns          { margin-left: 8.66666666667%; }
    .offset-by-two.column,
    .offset-by-two.columns          { margin-left: 17.3333333333%; }
    .offset-by-three.column,
    .offset-by-three.columns        { margin-left: 26%;            }
    .offset-by-four.column,
    .offset-by-four.columns         { margin-left: 34.6666666667%; }
    .offset-by-five.column,
    .offset-by-five.columns         { margin-left: 43.3333333333%; }
    .offset-by-six.column,
    .offset-by-six.columns          { margin-left: 52%;            }
    .offset-by-seven.column,
    .offset-by-seven.columns        { margin-left: 60.6666666667%; }
    .offset-by-eight.column,
    .offset-by-eight.columns        { margin-left: 69.3333333333%; }
    .offset-by-nine.column,
    .offset-by-nine.columns         { margin-left: 78.0%;          }
    .offset-by-ten.column,
    .offset-by-ten.columns          { margin-left: 86.6666666667%; }
    .offset-by-eleven.column,
    .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

    .offset-by-one-third.column,
    .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
    .offset-by-two-thirds.column,
    .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

    .offset-by-one-half.column,
    .offset-by-one-half.columns     { margin-left: 52%; }

}
/* Self Clearing Goodness */
.grid:after,
.row:after,
.featured-product:after {
    content: "";
    display: table;
    clear: both;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body,
button,
input,
textarea,
select {
    font-family: 'Biryani', sans-serif;
    font-weight: 400;
    line-height: 28px;
    font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    clear: both;
    font-weight: 400;
    color: #201d1e;
}
h1 {
    font-size: 40px;
    letter-spacing: 1px;
    line-height: 1.214;
    font-weight: 400;
}
h1 span {
    font-weight: 300;
}
h2 {
    font-family: 'HurmeGeometricSans3-Black', sans-serif;
    font-size: 28px;
    letter-spacing: 0;
    color: #87c547;
}
h2 em {
    font-style: normal;
    letter-spacing: 12px;
}
h2 small {
    font-size: 18px;
    color: #848080;
}
h2.dark {
    color: #201d1e;
}
h3 {
    font-size: 24px;
}
h4 {
    font-family: 'HurmeGeometricSans3-Black', sans-serif;
    font-size: 18px;
    color: #87c547;
}
hr {
    background-color: rgba(0, 0, 0, .025);
    border: 0;
    height: 3px;
    margin: 0 0 1.618em;
}
p > a {
  color: #201d1e;
  text-decoration: underline;
  font-weight: normal;
}
.main-navigation ul li a,
.secondary-navigation ul li a {
    font-weight: 600;
}
.woocommerce-breadcrumb {
    border-bottom: 3px solid rgba(0,0,0,.025);
    font-size: 14px;
    margin-bottom: 2.618em;
    padding: 1.618em 0 1em;
}
.widget-area .widget {
    font-size: 1em;
}
input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
textarea, 
.input-text {
    line-height: normal;
}

/* General
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#page {
    background-image: url('images/white-wave-background.png');
    background-repeat: no-repeat;
    background-position-y: 300px;
}
body.custom-background {
    background: linear-gradient(transparent, transparent 800px, #ffffff 800px);
}
img, iframe {
  margin-bottom: 1.618em;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.added_to_cart {
    padding: 1em 1em 0.75em;
    background-color: #334720;
    font-size: 13px;
}
button.alt, 
input[type="button"].alt, 
input[type="reset"].alt, 
input[type="submit"].alt, 
.button.alt, 
.added_to_cart.alt, 
.widget-area .widget a.button.alt, 
.added_to_cart, 
.pagination .page-numbers li .page-numbers.current, 
.woocommerce-pagination .page-numbers li .page-numbers.current {
    background-color: #334720;
    border-color: #334720;
    color: #ffffff;
}


button.alt:hover, 
input[type="button"].alt:hover, 
input[type="reset"].alt:hover, 
input[type="submit"].alt:hover, 
.button.alt:hover, 
.added_to_cart.alt:hover, 
.widget-area .widget a.button.alt:hover, 
.added_to_cart:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
.added_to_cart:hover,
.widget-area .widget a.button:hover,
.site-header-cart .widget_shopping_cart a.button:hover {
    background-color: #303030;
    border-color: #303030;
    color: #ffffff;
}
button:focus, 
input[type="button"]:focus, 
input[type="reset"]:focus, 
input[type="submit"]:focus, 
.button:focus, 
.added_to_cart:focus {
    outline-color: #87c547;
}
.hentry .entry-header {
    border-bottom: 3px solid rgba(0,0,0,0.025);
    margin-bottom: 1.618em;
}
.hentry .entry-header h1 {
    border-bottom-width: 0;
    margin-bottom: 0;
}

/* Homepage
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-template-template-homepage #page {
    background-image: url('images/white-wave-background.png');
    background-repeat-y: no-repeat;
    background-position-y: 2000px;
    background-position-x: 50%;
}
body.custom-background.page-template-template-homepage {
    background-image: linear-gradient(transparent, transparent 2400px, #ffffff 2400px);
}
.page-template-template-homepage .site-main {
    padding-top: 0;
}
.homepage {
    padding: 1.618em 0;
    margin-bottom: 4.236em;
}
.homepage:after {
    content: "";
    background: rgba(0, 0, 0, .025);
    position: absolute;
    bottom: 0;
    left: 20%;
    height: 3px;
    width: 60%;
    display: block;
}
.banner {
    position: relative;
    width: 100%;
}
.banner img {
    width: 100%;
}
.page-template-template-homepage .woocommerce-message {
    margin-bottom: 3em!important;
}
.homepage.hero {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
}
.homepage.hero:after, .homepage.testimonials:after {
    display: none;
}
.homepage.hero p {
    font-size: 16px;
}
.home.page #content .col-full {
    margin-top: -4em;
}
.home.page .woocommerce {
    width: 82.6666666667%;
    margin-left: 8.66666666667%;
}
.cta {
    text-align: center;
    margin: 2.618em 0;
}
.cta .button {
    font-size: 28px;
    font-weight: 400;
    background-color: #87c547;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    padding: 0.6em 3em;
    color: white;
    text-decoration: none;
}
.cta.small {
    margin: 1.618em 0;
}
.cta.small .button {
    font-size: 22px;
    padding: 0.5em 2em;
}
.cta .free-shipping {
    font-size: 12px;
    padding-top: 5px;
    color: #848080;
    display: block;
}
.nznf-green-bg {
    background-color: #87c547!important;
}
.nznf-green-bg:hover {
    background-color: #474b53!important;
    border-color: #474b53!important;
}

/* products section */
.callout {
    text-align: center;
}
.callout p > a {
    color: #87c547;
    font-weight: 600;
    text-decoration: none;
}
.callout img {
    margin: 0 auto;
}
.add-to-cart {
    padding: 1.618em 0;
}
.add-to-cart .button {
    margin-bottom: 1em;
}
.add-to-cart .amount {
    display: block;
    padding-bottom: 10px;
    color: #303030;
}
.callout p {
    text-align: left;
    margin-bottom: 1.618em;
}
.beat-cramp h3 { color: #931c1f; }
.banish-jetlag h3 { color: #183d54; }
.boost-energy h3 { color: #334720; }
.endurance h3 { color: #76171d; }

/* testimonials */
.homepage.testimonials {
    border-bottom-width: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.homepage.testimonials .heading {
    text-align: center;
    padding-bottom: 4.236em;
}
.homepage.testimonials h2 {
    font-size: 36px;
}
.homepage.testimonials h4 {
    color: #201d1e;
}
.homepage.testimonials .stars i {
    color: #87c547;
    padding-right: 1px;
}
.homepage.testimonials .name {
    font-size: 12px;
}
.homepage.testimonials p {
    font-size: 14px;
}
.homepage.testimonials hr {
    background-color: rgba(0, 0, 0, .025);
    height: 3px;
}

/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-search .cta {
    margin: 0;
    text-align: right;
}
.site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link {
    margin-bottom: 0;
}

.site-branding {
    display: none!important;
}

/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-footer {
    color: #848080;
    font-size: 14px;
    line-height: 1.618;
}
.align-right {
    text-align: right;
}
.site-info .row {
    font-size: 12px;
}
.white,
.site-footer .white a:not(.button) {
    color: white;
}
.footer-credit {
    padding-bottom: 1rem;
    text-align: right;
}
.footer-credit img {
  max-width: 20px;
  position: absolute;
  top: -4px;
  left: -30px;
  margin-bottom: 0;
}

.footer-credit a {
  color: #4cb848!important;
  position: relative;
}

/* Woocommerce
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.product_list_widget li, .widget_shopping_cart p.total {
    border-bottom: 3px solid rgba(0,0,0,.025);
}
/* shop page */
.woocommerce ul.products li.product {
    width: 22.05%;
    margin-right: 3.8%;
    margin-bottom: 2.244em;
}
.woocommerce-tabs {
    border: 3px solid rgba(0,0,0,.025);
    border-width: 3px 0;
}
ul.products li.product h3 {
    font-family: 'Biryani', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: none;
}
ul.products li.product .price {
    font-weight: 300;
    font-size: 16px;
}
ul.products li.product .review {
    font-size: 13.5px;
    margin-top: 1.618em;
    margin-bottom: 0;
    line-height: 22px;
    color: #848080;
    text-align: left;
    font-weight: 300;
}
ul.products li.product .reviewer {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0.618em;
}
ul.products li.product .volume {
    display: block;
    font-size: 12px;
    font-weight: normal;
}
.post-type-archive-product hr {
    margin: 0.618em 0 2.618em;
}
/* featured product */
.featured-product {
    position: relative;
    margin-bottom: 2.618em;
}
.featured-product .left-column {
    float: left;
    padding: 1em;
    width: 50%;
    color: white;
    background-image: url('images/blur-background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    line-height: 1.618em;
    position: relative;
}
.featured-product .right-column {
    float: right;
    width: 50%;
    content: "";
    position: absolute;
    height: 100%;
    left: 50%;
    background: url('images/care-boxv2.jpg') no-repeat center;
    background-size: cover;
}
.featured-product .right-column img {
    height: 264px;
}
.featured-product h1 {
    font-size: 24px;
    color: white;
    line-height: 1;
}
.featured-product p {
    margin-bottom: 1em;
}
.featured-product ul {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
}
.featured-product span.quantity {
    font-family: 'Biryani', sans-serif;
    font-size: 14px;
    font-weight: 600;
}
.featured-product span.number {
    font-family: 'Biryani', sans-serif;
    font-size: 12px;
    font-weight: 600;
}
.featured-product .care-add-to-cart {
    position: absolute;
    right: 15px;
    text-align: center;
    bottom: 15px;
}
.featured-product .care-add-to-cart a {
    background-color: #00A5E4;
    font-family: 'Biryani', sans-serif;
    border: 1px solid white;
    text-transform: none;    
    /*padding-left: 1.618em;*/
    /*padding-right: 1.618em;*/
}
.featured-product .care-add-to-cart span {
    display: block;
    margin-top: 8px;
    font-size: 12px;
}

/* single product page */
.woocommerce-tabs ul.tabs {
    display: none;
}
.woocommerce-tabs .panel {
    width: 100%;
}
.wcpb-bundled-product-title h1 {
    font-size: 24px;
}
.wcpb-bundled-product-stock span.wcpb-in-stock-label { 
    display: none; 
}
div.yith-wcpb-product-bundled-item-instock {
    display: none;
}
body.single-product h1 {
    font-family: 'HurmeGeometricSans3-Black', sans-serif;
    font-size: 28px;
    letter-spacing: 0;
    color: #87c547;
}
body.single-product h1 small {
    font-size: 18px;
    color: #848080;
}
body.single-product .price .free-shipping {
    color: #848080;
    float: right;
}

/* shopping cart widget */
.widget h3.widget-title, .widget h2.widgettitle {
    font-family: 'HurmeGeometricSans3-Black', sans-serif;
    border-bottom-width: 0;
    margin-bottom: 0;
}
.product_list_widget li img {
    margin-bottom: 0;
}
.widget-area .widget a.button.checkout {
    background-color: #87c547;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    font-size: 16px;
    padding: 0.75em;
    color: white;
    text-decoration: none;
}

/* nav widget */
.site-header .widget_shopping_cart li,
.site-header .widget_shopping_cart p.buttons,
.site-header .widget_shopping_cart p.total {
    background-color: white;
}

/* messages */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message,
.woocommerce-noreviews,
p.no-comments {
    background-color: #87c547;
    padding: 1em 1.618em 0.618em;
    margin-bottom: 1em;
}

/* Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul.menu li > a {
    font-weight: 400;
}
ul.menu li.current-menu-item > a {
    color: #303030;
    font-weight: 700;
}


/* Reviews slider
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.unslider {
    position: relative;
}

/* Testimonials widget
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.hms-testimonials-form .required .hms-testimonials-label::after {
    content: ' \002A';
    color: red;    
}
.hms-testimonials-form .required {
    color: #201d1e;
}
.hms-testimonials-form td, 
.hms-testimonials-form tr:nth-child(2n) td {
    background-color: transparent;
}
.hms-testimonials-label {
    width: 20%;
}
.hms-testimonial-container .rating {
    color: #87c547;
}
.hms-testimonial-container .author {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}
.widget_hms_testimonial_rotator {
    margin-bottom: 1.618em!important;
}
.hms-testimonials-rotator {
    position: relative;
}
.hms-testimonials-rotator .prev,
.hms-testimonials-rotator .next {
    position: absolute;
    top: 40%;
    color: transparent!important;
}
.hms-testimonials-rotator .prev:focus,
.hms-testimonials-rotator .next:focus {
    outline: none;
}
.hms-testimonials-rotator .prev {
    left: -30px;
}
.hms-testimonials-rotator .next {
    right: -30px;
}
.hms-testimonials-rotator:hover .prev::before {
    content: '\2039';
    color: gray!important;
    font-size: 48px;
    display: inline-block;
}
.hms-testimonials-rotator:hover .next::after {
    content: '\203A';
    color: gray!important;
    font-size: 48px;
    display: inline-block;
}

/* Responsive
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.mc-field-group {
    margin-bottom: 13px;
}

/* Responsive
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (min-width: 768px) {
    .storefront-product-sharing {
        border-top: 3px solid rgba(0,0,0,.025)!important;
        padding-bottom: 2em!important;
    }        
    .storefront-product-sharing ul li a:before {
        margin-bottom: 0.25em!important;
    }
    .main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
        margin: -0.75em 0 1.5em;
        padding: 0.75em 1em;
    }
    .callout {
        position: relative;
        height: 800px;
    }
    .callout .bottom {
        position: absolute;
        width: 100%;
        bottom: 0;
    }
    .woocommerce-active .site-header .secondary-navigation {
      width: 39.8260869565%;
    }
    .woocommerce-active .site-header .site-search {
      width: 29.7391304348%;
    }
}

@media screen and (max-width: 767px) {
    #page, .page-template-template-homepage #page {
        background: #f8f8f8;
    }
    .featured-product .right-column {
        display: none;
    }
    .featured-product .left-column {
        width: 100%;
    }
    .callout .add-to-cart {
        padding-top: 0;
    }
    .woocommerce ul.products li.product {
        width: 100%;
        margin-right: 0;
    }
    .home.page #content .col-full {
        margin-top: 0;
    }
    .site-footer .align-right {
        text-align: center;
    }
    .site-footer img, .homepage.highlight img {
        margin-left: auto;
        margin-right: auto;
    }
    .homepage.highlight h3 {
        text-align: center;
    }
    .homepage.testimonials .cta {
        float: none;
    }
    .site-search {
        display: none;
    }
    .footer-credit {
        text-align: center;
    }
    small.free-shipping {
        display: block;
    }
}


/* Miscellany
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Fix for FB life button flyout */
.fb_iframe_widget_lift {
    max-width: none;
}
.fb_iframe_widget {
  float: left;
}