/*
Theme Name: 	Starkers
Theme URI: 		http://viewportindustries.com/products/starkers
Description: 	The totally nude Wordpress theme!
Version: 		4.0
Author: 		Elliot Jay Stocks & Keir Whitaker
Author URI: 	http://viewportindustries.com
Tags: 			starkers, naked, clean, basic
*/


/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/


/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";
@import "fonts/librecaslondisplay_regular_macroman/stylesheet.css";
@import "fonts/librecaslontext_bold_macroman/stylesheet.css";
@import "fonts/librecaslontext_italic_macroman/stylesheet.css";
@import "fonts/librecaslontext_regular_macroman/stylesheet.css";
@import "css/header.css";
@import "css/footer.css";
@import "css/slick.css";
div,
article,
section,
header,
footer,
nav,
li {
    position: relative;
    /* For absolutely positioning elements within containers (add more to the list if need be) */
}

.group:after {
    display: block;
    height: 0;
    clear: both;
    content: ".";
    visibility: hidden;
    /* For clearing */
}

body {
    background: #fff;
    /* Don't forget to style your body to avoid user overrides */
}

::-moz-selection {
    background: #ff0;
    color: #333;
}

::selection {
    background: #ff0;
    color: #333;
}


/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */


/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea {
    /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    /* This helps to identify headings at the initial build stage, but you should write something more precise later on */
}


/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */


/* 400 and up */

html,
body {
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
p,
.copyright,
.cart-link,
.buy-now-button,
.page-wrap li,
.woocommerce td,
.woocommerce th,
.woocommerce a {
    font-family: 'EB Garamond', 'Garamond Pro', 'Garamond', 'Times New Roman', 'Times', serif;
}

h1,
h2,
h3,
h4 {
    font-weight: 600;
}

.page-wrap li,
.page-wrap p {
    font-weight: 500;
    font-size: 1.1em;
}

.mobile-menu {
    position: relative;
    z-index: 1000;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.mobile-menu-bar {
    background: black;
    color: white;
    padding: 5px 20px;
}

.mobile-menu-bar a {
    color: white;
    display: block;
}

.mobile-menu-content {
    background: black;
    padding-bottom: 15px;
    display: none;
}

.mobile-menu-bar p {
    font-size: 1.7em;
}

.mobile-menu-content li {
    font-size: 1.5em;
    line-height: 140%;
    padding: 0 5px;
}

.mobile-menu-content li a {
    color: white;
}

header {
    background: url("images/corn.jpg") 50% 50% no-repeat;
    background-size: cover;
}

.header-menu-box-outer {
    background: rgba(248, 185, 99, 0.5);
    padding: 0 20px 20px 0;
}

.header-menu-box-inner {
    background: url("images/bg_menu.png") top center no-repeat;
    background-size: cover;
    padding: 20px;
    box-shadow: 10px 10px 10px #886666;
}

header nav {
    border: solid 2px #000000;
}

header nav li {
    text-align: center;
    font-family: 'libre_caslon_textregular', 'Georgia', 'Times New Roman', Times, serif;
    /*font-size: 1.5vw;*/
    line-height: 100%;
    font-size: 1.05vw;
}

header nav li a {
    /* color: black; */
    display: block;
    padding: 13px 0;
    color: #fff;
}

header nav li a:hover,
header nav li a:focus,
header nav li.current-menu-item a {
    color: #8d0303;
    /*background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 5px #555555;
    text-decoration: none;
    font-family: 'libre_caslon_textbold', 'Georgia', 'Times New Roman', Times, serif;*/
}

.logo {
    text-align: center;
}

.header-right {
    /*padding-right: 60px;
    padding-top: 30px; */
}

.instagram-icon {
    display: block;
    width: 47px;
    height: 50px;
    color: #3b5998;
    padding: 8px;
    border-radius: 10px;
    font-size: 34px;
    margin: 0 auto;
    line-height: 33px;
}

.product-showcase {
    background: #FFFFFF;
    padding: 50px 50px 0;
    box-sizing: border-box;
    margin-bottom: 50px;
}

.showcase-product {
    text-align: center;
}

.showcase-photos {
    padding-bottom: 50px;
}

.showcase-photo {
    border: solid 6px #4e4c4c;
    box-shadow: 0 0 5px #555555;
}

.product-caption {
    margin-top: 10px;
    font-size: 18px;
    text-shadow: #FFFFFF 0 0 4px;
    font-weight: bold;
    text-transform: uppercase;
}

.buy-now-button {
    display: inline-block;
    padding: 5px 45px 10px;
    font-size: 48px;
    color: #9e0b0f;
    border: solid 6px #9e0b0f;
    background: white;
    text-transform: uppercase;
    font-weight: 700;
    box-shadow: 0 0 5px #555555;
}

.buy-now-button:hover,
.buy-now-button:focus {
    color: #9e0b0f;
    text-decoration: none;
    background: #F4F4F4;
}

.certified-organic {
    padding: 50px;
    background: url(images/bg_organic.jpg) top center no-repeat;
    color: white;
}

.organic-text h3 {
    font-weight: 700;
    font-size: 50px;
    text-shadow: #000000 0 0 10px;
    margin-bottom: 20px;
}

.organic-text p {
    font-weight: 600;
    font-size: 30px;
    text-shadow: #000000 0 0 8px;
    margin-bottom: 20px;
}

.organic-text a {
    color: white;
}

.organic-text a:hover,
.organic-text a:focus {
    text-decoration: none;
    color: white;
}

.organic-logo {
    padding-top: 50px;
}

footer {
    padding: 50px 0 0;
    background: url("images/bg_footer.jpg") top center no-repeat;
}

.footer-photo {
    /*padding-left: 80px!important;*/
    /* padding: 0px 40px!important; */
    position: relative;
    z-index: 10;
}

.footer-contact-info {
    /*height: 150px;*/
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.footer-contact-info p {
    font-weight: 600;
    font-size: 30px;
    color: #231f20;
}

.footer-cart a {
    /* text-transform: uppercase; */
    color: #231f20;
}

.footer-menu {
    /*background: rgba(128, 11, 15, 0.95);*/
    padding: 10px 0;
    width: 100%;
}

.footer-menu li {
    text-align: center;
    display: inline-block;
    font-family: 'libre_caslon_textregular', 'Georgia', 'Times New Roman', Times, serif;
    font-size: 1vw;
    line-height: 120%;
    padding: 0 0.7vw;
}

.footer-menu a,
.footer-menu a:hover,
.footer-menu a:focus {
    color: white;
    text-decoration: none;
}

.copyright {
    text-align: center;
    font-size: 1.2vw;
    text-transform: uppercase;
    font-weight: 600;
    padding: 15px;
}

.copyright a,
.copyright a:hover,
.copyright a:focus {
    color: black;
}

.page-wrap {
    background: #FFFFFF;
    width: 60%;
    margin: 50px auto;
}

.page-wrap p {
    margin-bottom: 20px;
}

.page-wrap h2 {
    font-family: 'libre_caslon_textbold', 'Georgia', 'Times New Roman', Times, serif;
    font-size: 36px;
    margin-bottom: 36px;
    text-align: center;
}

.page-wrap h3 {
    font-family: 'libre_caslon_textbold', 'Georgia', 'Times New Roman', Times, serif;
    font-size: 22px;
    margin-bottom: 22px;
    margin-top: 22px;
    text-align: center;
}

.page-wrap li {
    list-style: square;
}

.page-wrap ul {
    margin: 0 0 20px 45px;
}

.page-wrap a {
    color: #111111;
    font-weight: 700;
}

.alignleft {
    float: left;
    margin: 0 10px 10px 0;
    border: solid 1px #000000;
    box-shadow: 0 0 5px #555555;
}

.shadow-photo img,
.attachment-woocommerce_thumbnail,
.woocommerce-product-gallery__wrapper {
    border: solid 1px #000000;
    box-shadow: 0 0 5px #555555;
}

.woocommerce-billing-fields .form-row,
.woocommerce-shipping-fields .form-row,
.woocommerce form .form-row {
    display: block;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
    max-width: unset;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    text-align: center !important;
}

.woocommerce-product-details__short-description p {
    margin-top: 20px;
}

.woocommerce-product-details__short-description p:last-child {
    margin-bottom: 20px;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    font-family: 'libre_caslon_textbold', 'Georgia', 'Times New Roman', Times, serif;
    font-size: 24px;
    color: #231f20;
}

.woocommerce-Price-amount {
    color: #231F20;
    font-weight: bold;
}

.footer-fb {
    display: none;
}

.cart-link a {
    color: #fff;
}

.banner-text-inner {
    font-size: 30px;
    text-align: center;
    margin: 30px 0 0;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    display: none;
}

@media screen and (min-width: 1600px) {
    /*header {
        height: 550px;
    } */
    /*.logo a {
        display: block;
        margin: 20px auto;
        background: url("images/logo.png") top center no-repeat;
        width: 411px;
        height: 440px;
        text-indent: -9999px;
    }*/
    .cart-link {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 24px;
    }
    /* .product-showcase {
        height: 652px;
    } */
    .certified-organic {
        height: 448px;
    }
    footer {
        /*height: 471px;*/
    }
}

@media screen and (max-width: 1549px) {
    .lower_section_inner h1.title {
        font-size: 29px;
    }
}

@media screen and (min-width: 1500px) and (max-width: 1599px) {
    header {
        /* padding-bottom: 50px; */
    }
    header nav li {
        /*font-size: 1.42vw;*/
    }
    header nav li a {
        padding: 9px 0;
    }
    /*.logo a {
        display: block;
        margin: 20px auto;
        background: url("images/logo.png") top center no-repeat;
        width: 300px;
        height: 300px;
        text-indent: -9999px;
        background-size: contain;
    } */
    .cart-link {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 24px;
    }
    .organic-text h3 {
        font-weight: 700;
        font-size: 42px;
        text-shadow: #000000 0 0 10px;
        margin-bottom: 20px;
    }
    .organic-text p {
        font-weight: 600;
        font-size: 24px;
        text-shadow: #000000 0 0 8px;
        margin-bottom: 20px;
    }
    .footer-contact-info {
        /*height: 125px;*/
    }
    .footer-contact-info p {
        font-weight: 600;
        font-size: 22px;
        color: #231f20;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1499px) {
    header {
        /* padding-bottom: 50px; */
    }
    header nav li {
        /*font-size: 1.5vw;*/
    }
    header nav li a {
        padding: 9px 0;
    }
    /*.logo a {
        display: block;
        margin: 20px auto;
        background: url("images/logo.png") top center no-repeat;
        width: 300px;
        height: 300px;
        text-indent: -9999px;
        background-size: contain;
    } */
    .product-showcase {
        padding: 50px 50px;
    }
    .home .product-showcase {
        padding-bottom: 0;
    }
    .buy-now-button {
        padding: 5px 45px 10px;
        font-size: 28px;
    }
    .cart-link {
        font-size: 24px;
    }
    /* .cart-link a {
        color: black;
    } */
    .organic-text h3 {
        font-size: 42px;
        margin-bottom: 20px;
    }
    .organic-text p {
        font-size: 24px;
    }
    .footer-contact-info {
        /*height: 125px;*/
    }
    .footer-contact-info p {
        font-size: 24px;
    }
    footer {
        padding-top: 50px;
    }
}

@media screen and (min-width: 1300px) and (max-width: 1399px) {
    header {
        /* padding-bottom: 50px; */
    }
    header nav li {
        /*font-size: 1.42vw;*/
    }
    header nav li a {
        padding: 9px 0;
    }
    /*.logo a {
        display: block;
        margin: 20px auto;
        background: url("images/logo.png") top center no-repeat;
        width: 300px;
        height: 300px;
        text-indent: -9999px;
        background-size: contain;
    }*/
    .product-showcase {
        padding: 50px 50px;
    }
    .home .product-showcase {
        padding-bottom: 0;
    }
    .buy-now-button {
        padding: 5px 45px 10px;
        font-size: 28px;
    }
    .cart-link {
        font-size: 24px;
    }
    /* .cart-link a {
        color: black;
    } */
    .organic-text h3 {
        font-size: 42px;
        margin-bottom: 20px;
    }
    .organic-text p {
        font-size: 24px;
    }
    .footer-contact-info {
        /*height: 100px;*/
    }
    .footer-contact-info p {
        font-size: 24px;
    }
    footer {
        padding-top: 50px;
    }
    .page-wrap {
        width: 70%;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1299px) {
    header {
        /* padding-bottom: 50px; */
    }
    header nav li {
        /*font-size: 1.36vw;*/
        font-size: 1.5vw;
    }
    header nav li a {
        padding: 9px 0;
        font-size: 14px;
    }
    .header-section-inner .header-menu ul li {
        margin-right: 8px;
    }
    /*.logo a {
        display: block;
        margin: 20px auto;
        background: url("images/logo.png") top center no-repeat;
        width: 300px;
        height: 300px;
        text-indent: -9999px;
        background-size: contain;
    }*/
    .product-showcase {
        padding: 50px 50px;
    }
    .home .product-showcase {
        padding-bottom: 0;
    }
    .buy-now-button {
        padding: 5px 45px 10px;
        font-size: 28px;
    }
    .cart-link {
        font-size: 24px;
    }
    .cart-link a {
        /* color: black; */
    }
    .organic-text h3 {
        font-size: 42px;
        margin-bottom: 20px;
    }
    .organic-text p {
        font-size: 24px;
    }
    .footer-contact-info {
        /*height: 100px;*/
    }
    .footer-contact-info p {
        font-size: 24px;
    }
    footer {
        padding-top: 50px;
    }
    .page-wrap {
        width: 80%;
    }
}

@media screen and (min-width: 1100px) and (max-width: 1199px) {
    header {
        padding-bottom: 50px;
    }
    header nav li {
        /*font-size: 1.7vw;*/
        font-size: 16px;
    }
    header nav li a {
        padding: 9px 0;
    }
    /* .logo a {
        display: block;
        margin: 20px auto;
        background: url("images/logo.png") top center no-repeat;
        width: 300px;
        height: 300px;
        text-indent: -9999px;
        background-size: contain;
    }*/
    .product-showcase {
        padding: 50px 50px;
    }
    .home .product-showcase {
        padding-bottom: 0;
    }
    .buy-now-button {
        padding: 5px 45px 10px;
        font-size: 28px;
    }
    .cart-link {
        font-size: 24px;
    }
    .cart-link a {
        /* color: black; */
    }
    .organic-text h3 {
        font-size: 42px;
        margin-bottom: 20px;
    }
    .organic-text p {
        font-size: 22px;
    }
    .footer-contact-info {
        /*height: 70px;*/
    }
    .footer-contact-info p {
        font-size: 18px;
    }
    footer {
        padding-top: 50px;
    }
    .page-wrap {
        width: 80%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1099px) {
    header {
        padding-bottom: 50px;
    }
    header nav li {
        /*font-size: 1.08vw;*/
        font-size: 16px;
    }
    header nav li a {
        padding: 9px 0;
    }
    /*.logo a {
        display: block;
        margin: 20px auto;
        background: url("images/logo.png") top center no-repeat;
        width: 300px;
        height: 300px;
        text-indent: -9999px;
        background-size: contain;
    }*/
    .product-showcase {
        padding: 30px 50px;
    }
    .home .product-showcase {
        padding-bottom: 0;
    }
    .buy-now-button {
        padding: 5px 45px 10px;
        font-size: 28px;
    }
    .showcase-photos {
        padding-bottom: 30px;
    }
    .cart-link {
        font-size: 24px;
    }
    .cart-link a {
        /* color: black; */
    }
    .organic-text h3 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .organic-text p {
        font-size: 20px;
    }
    .footer-contact-info {
        /*height: 70px;*/
    }
    .footer-contact-info p {
        font-size: 18px;
    }
    footer {
        padding-top: 50px;
    }
    .page-wrap {
        width: 90%;
    }
}

@media only screen and (max-width: 1199px) {
    .footer-menu li {
        font-size: 14px;
    }
}

@media screen and (max-width: 991px) {
    .mobile-menu {
        display: block;
    }
    .page-wrap {
        width: 90%;
    }
    .instagram,
    header nav,
    .header-left,
    .footer-menu,
    .footer-cart {
        display: none;
    }
    header {
        padding-top: 50px;
    }
    /*.logo a {
        display: block;
        margin: 20px auto;
        background: url("images/logo.png") top center no-repeat;
        width: 200px;
        height: 200px;
        text-indent: -9999px;
        background-size: contain;
    }*/
    .footer-contact-info {
        height: auto;
    }
    .footer-contact-info p {
        font-size: 19px;
    }
    .copyright {
        font-size: 1em;
    }
    footer {
        background: #FFFFFF;
        padding-top: 20px;
        /*padding-bottom: 20px;*/
    }
    .sep {
        display: none;
    }
    .line {
        display: block;
    }
    .product-showcase {
        padding: 50px 50px 0;
        box-sizing: border-box;
    }
    .showcase-product {
        margin-bottom: 30px;
    }
    .showcase-product:last-child {
        margin-bottom: 0;
    }
    .certified-organic {
        padding: 0 0 20px;
        background-size: cover;
    }
    .certified-organic h3 {
        font-size: 1.4em;
    }
    .certified-organic p {
        font-size: 1.05em;
    }
    .organic-logo {
        padding-top: 20px;
    }
    .organic-logo img {
        width: 40%;
        margin-bottom: 20px;
    }
    .available-at .wpb_button,
    .available-at .wpb_content_element,
    .available-at ul.wpb_thumbnails-fluid>li {
        margin-bottom: 0;
    }
    .our-process .wpb_button,
    .our-process .wpb_content_element,
    .our-process ul.wpb_thumbnails-fluid>li {
        margin-bottom: 10px;
    }
    .available-at h2 {
        margin-bottom: 0;
    }
    .buy-now-button {
        padding: 5px 25px;
        font-size: 21px;
    }
    .footer-fb {
        display: block;
        margin-top: 20px;
    }
}

@media screen and (max-width: 767px) {}