/* ==============================
global.css
---------------
Developed By: NetKi Pty Ltd
Web: 	www.netki.com.au
Email: 	contact@netki.com.au
Phone: 	1300 557 849
Copyright (c) 2015 NetKi Pty Ltd
============================== */

/* Defaults
------------------------------ */


#header-icons > li:nth-child(2)
{
    margin-right: 0px;
}

li.search-li
{
    position: relative;
}

.search-results-title
{
    margin-left: 17px;
}
#search-wrapper
{
    position: absolute;
    bottom: -47px;
    right: 0;
    width: 192px;

        -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
       -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
         -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
            transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

 #search-wrapper input
    {
        width: 100%;
        padding: 9px 5px;
          -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;  
    border: solid 1px #BBBBBB;
    background: #F1F1F1;
          border-radius: 0px;
          -webkit-appearance: none; 
    }

.small #search-wrapper
{
    right: 68px;
    bottom: -10px;

}

html
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;  
}

body
{
    margin: 0px 0px 0px 0px;
    background: #221F1F;
}

a img
{
	border: none;
}

img
{
	max-width: 100%;
	height: auto;
}

img.centered, 
.aligncenter, 
div.aligncenter 
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright 
{
	padding: 4px 4px 4px 4px;
	margin: 0px 0px 2px 7px;
	display: inline;
}

img.alignleft 
{
	padding: 4px;
	margin: 0px 7px 2px 0px;
	display: inline;
}

.alignright 
{
	float: right;
}

.alignleft 
{
	float: left;
}

/* Text
------------------------------ */
.normal
{
    font-family: 'Muli', sans-serif;
}

h1
{
    margin: 0.5em 0px .5em 0px;
    padding: 0px 0px 0px 0px;
    color: #31302e;
    font-size: 2.5em;
	text-transform: uppercase;
    font-weight: 400;
	letter-spacing: 3px;
    font-family: "brandon-grotesque", sans-serif;
}

h1.page-title
{
    text-align: center;
}

h3
{
    font-weight: normal;
    letter-spacing: 2px;
    font-family: "brandon-grotesque", sans-serif;
	text-transform: uppercase;
}

strong,
b
{
    font-weight: 700;
}

.full-width.pull-quote
{
	font-size: 1.5em;
	font-family: 'Muli', sans-serif;
	text-transform: none;
	text-align: center;
	color: #ffffff;
	padding: 3em 0px 3em 0px;
	line-height: 1.3em;
	letter-spacing: 1px;
}

.textwidget p 
{
	font-size: 0.9em;
	letter-spacing: 0.3px;
	line-height: 1.4em;
}

/* Links 
------------------------------- */
a
{
    color: #7e8158 ;
    text-decoration: none;

    -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
       -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
         -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
            transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

    -webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
       -moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
         -o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
            transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

a:hover
{
    color: #000000;
    text-decoration: none;
}

/* Buttons
------------------------------ */
a.button,
button,
input[type=submit].button
{
    cursor: pointer;
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 0.8em 2em 0.8em 2em;
    border: none;
    color: #ffffff;
    min-width: 250px;
    text-align: center;
    font-size: 0.9em;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 3px;
    background: #a0a377;
    font-family: "brandon-grotesque", sans-serif;

    -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
       -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
         -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
            transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

    -webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
       -moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
         -o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
            transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

a.button:hover,
button:hover,
input[type=submit].button:hover
{
	opacity: 0.8;
    text-decoration: none;
}

/* Layout
------------------------------ */

#instagram-header
{
	background: #ffffff;
	margin:0;
	padding: 0;
	padding-top: 4em;
	display: block;
	float: left;
	width: 100%;
}

#instagram-header .title
{
	margin: 0;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 1.9em;
	background: url(../images/site/underline.png) no-repeat center bottom;
	background-size: 330px auto;
	padding-bottom: 1.8em;
	font-weight: 500;
	letter-spacing: 3.4px;
}

.inner-container
{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1200px;
}

#header
{
    float: left;
    width: 100%;
}

a#logo-large
{
	display: none;
	float: none;
	margin: 1em auto 1em auto;
    padding: 0px 0px 0px 0px;
    width: 468px;
    height: 101px;
    background: url(../images/site/logo-large.svg) no-repeat center;
    background-size: contain;
    text-indent: -99999px;
}

a#logo
{
    float: left;
    margin: 1em 3em 1em 3em;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    width: 234px;
    height: 44px;
    background: url(../images/site/logo.svg) no-repeat center;
    background-size: contain;
    text-indent: -99999px;
}

#header.large #nav
{
	margin-top: 0.5em;
}

#nav
{
    float: left;
    margin: 1.5em 0px 0px 0px;
}

#header-cart
{
    margin: 2.0em 3.5em 0px 0px;
    float: right;
    color: #000000;
    letter-spacing: 1px;
    font-size: 0.8em;
    text-transform: uppercase;
}

#header-cart a
{
    color: #1c1c1c;
}

#header-cart i
{
    font-size: 1.1em;
}

#header-icons
{
    margin: 1.35em 5em 0px 0px;
    float: right;
}

ul.social-icons
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}

ul.social-icons li
{
    display: inline-block;
    margin: 0px 0.7em 0px 0em;
    padding: 0px 0px 0px 0px;
    list-style: none;
}

ul.social-icons li a
{
    color: #1c1c1c;
    font-size: 1.25em;
	    -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
       -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
         -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
            transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

    -webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
       -moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
         -o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
            transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

ul.social-icons li a:hover
{
	color: #333333;
}

#header.large ul.social-icons li a:hover
{
	color: #ffffff;
}

#content
{
    float: left;
    width:  100%;
    background: #ffffff;
}

article
{
    margin: 0px auto 0px auto;
    padding: 0em 0px 5em 0px;
    max-width: 1200px;
}

#footer
{
    float: left;
    width:  100%;
    color: #000000;
    padding: 4em 0px 1em 0px;
}

#footer
{
    padding: 1em 0px 1em 0px;
    background: transparent;
	color: #ffffff;
}

#footer h3
{
	font-weight: 500;
}

#footer h5
{
	color: #ebecdf;
	font-weight: 700;
	font-size: 1em;
	text-transform: uppercase;
	font-family: "brandon-grotesque", sans-serif;
	margin: 0;
}

#footer h4
{
	font-weight: 700;
	font-size: 1.2em;
	text-transform: uppercase;
	font-family: "brandon-grotesque", sans-serif;
	margin-bottom: .25em;
}

#logo-footer
{
    display: block;
    margin: 0px auto 0px auto;
    width: 185px;
    height: 107px;
    text-indent: -9999px;
	background: url(../images/site/logo-large.svg) no-repeat center;
	background-size: contain;
}

.footer-section
{
    float: left;
    width: 30.0%;
    margin: 0px 2.65% 0px 2.65%;
    padding: 0px 0px 0px 0px;
}

#footer-subscribe
{
    width: 24%;
}

#footer-copyright,
#footer-credit
{
    margin-left: 2%;
    width: 48%;
    float: left;
	font-size: 0.8em;
	margin-top: 2em;
	letter-spacing: .5px;
}

#footer a,
#footer a:link,
#footer a:visited
{
    color: #ffffff;
}

#footer-credit
{
    margin-left: 0%;
    margin-right: 2%;
    text-align: right;
}

.location
{
    float: left;
    width: 47%;
    margin: 0px 3% 0px 0px;
	font-size: .9em;
	line-height: 1.2em;
}

#footer-menu
{
	text-transform: uppercase;
	font-size: .8em;
	font-weight: 500;
	letter-spacing: 0.09em;
	margin-top: 7.4em;
    font-family: 'brandon-grotesque', sans-serif;
}

#footer-menu li
{
	margin: 0.8em 0px 0.8em 0px;
}

#footer-subscribe .newsletter-input input
{
	font-size: 1.1em;
	border: none;
	padding: .5em 5% .5em 5%;
	background: #5d5959;
	color: #ffffff;
}

#footer-subscribe .gform_wrapper .gform_footer
{
    margin: 0px 0px 0px 0px;
}

#gform_submit_button_1
{
    cursor: pointer;
	font-size: .8em;
	letter-spacing: .2em;
	background: transparent;
	padding: .6em 1.5em .6em 1.5em;
	border: solid 2px #ffffff;
	color: #ffffff;
	text-transform: uppercase;
    font-family: 'brandon-grotesque', sans-serif;
	font-weight: 500;
	-webkit-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
	-moz-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
	-o-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
	transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

#gform_submit_button_1:hover
{
	background: #494747;
}

/* Footer Menu
------------------------------ */
ul.footer-nav
{
    float: left;
    margin: 0px 3% 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    width: 47%;
}

ul.footer-nav li
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}

ul.footer-nav li a
{
    color: #ffffff;
}

/* 404 Page
--------------------------- */
.page-404 #content
{
    text-align: center;
}

/* Home Page
--------------------------- */
body.page-home article
{
}

#header
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: #7e8158 url(../images/site/pattern.png) repeat;
    -webkit-transform: translateZ(0);
}

#header.large
{
    min-height: 197px;
}

#header.large a#logo
{
	display: none;
}

#header.large ul.nav li a,
#header.large #header-cart a,
#header.large ul.social-icons li a
{
	color: #ebecdf;
}

#header.large a#logo-large
{
    display: inline-block;
}

#header.small
{
    min-height: 76px;
	background: #f7f7f7;
}

#header
{
    -webkit-transition: all 900ms cubic-bezier(0.455, 0.030, 0.030, 1.000); 
   -moz-transition: all 900ms cubic-bezier(0.455, 0.030, 0.030, 1.000); 
     -o-transition: all 900ms cubic-bezier(0.455, 0.030, 0.030, 1.000); 
        transition: all 900ms cubic-bezier(0.455, 0.030, 0.030, 1.000);

-webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.030, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.030, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.030, 1.000); 
        transition-timing-function: cubic-bezier(0.455, 0.030, 0.030, 1.000);
}

#content
{
    margin-top: 76px;
    background: #f8f8f8;
}

body.page-home #content
{
    margin-top: 165px;
}

body.page-home h1.page-title,
body.page-archive h1.page-title
{
    display: none;
}

#header.large
{
    text-align: center;
}

#header.large #header-cart
{
    position: absolute;
    top: 0;
    right: 0;
}

#header.large #header-icons
{
    position: absolute;
    margin: 0px 0px 0px 0px;
    top: 3em;
    right: 2.5em;
}

#header.large a#logo
{
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 468px;
    height: 101px;
}

#header.large #nav
{
    width: 100%;
    text-align: center;
}

#masonry-categories
{
    max-width: 1400px;
    margin: 4em auto 0px auto;
}

#masonry-1,
#masonry-2,
#masonry-3,
#masonry-4
{
	margin: 1em 2.5% 1em 2.5%;
    position: relative;
    float: left;
    height: 100%;
    width: 45%;
}

.masonry-item
{
    float: left;
    width: 100%;
}

.masonry-inner
{
    position: relative;
    width: 100%;
    line-height: 0;
}

.masonry-item.masonry-item-3
{
    margin-top: 16.2%;
}

.masonry-item.masonry-item-6
{
    margin-top: 16%;
}

.masonry-item a
{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    overflow: hidden;
}

.masonry-item a:after
{
    line-height: 0;
    top: 0;
    left: 0;
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #000000;
    -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
       -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
         -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
            transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

    -webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
       -moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
         -o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
            transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.masonry-item a:hover:after
{
    opacity: 0.3;
}

.masonry-item img
{
    width: 100%;
    position: relative;
}

.masonry-item .title
{
    margin-top: 0;
    top: 42%;
    width: 100%;
    text-align: center;
    position: absolute;
    font-size: 2.5em;
    color: #ffffff;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 3px;
	font-family: "brandon-grotesque",sans-serif;
    text-transform: uppercase;
    z-index: 10;
}

.full-width
{
    margin: 0px auto 0px auto;
	padding: 2em 0px 2em 0px;
    max-width: 800px;
}

.quote-wrapper
{
	float: left;
    width: 100%;
  	background: #898a64 url(../images/site/pattern.png) repeat;
}

/* Shop Pages
--------------------------- */
body.page-shop h1.page-title
{
    display: none;
}

#sidebar
{
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 30px 10px 30px 10px;
    float: left;
    width: 320px;
    padding-bottom: 100px;
    background: #7e8158 url(../images/site/pattern.png) repeat;
}

ul.category-list
{
    width: 320px;
}

ul.category-list,
ul.category-list ul
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    text-align: left;
	font-family: "brandon-grotesque",sans-serif;
}

ul.category-list li,
ul.category-list ul li
{
    margin: 0px 0px 0px 0px;
    padding: 0.25em 0px 0.25em 0px;
    list-style: none;
}

ul.category-list li
{
    letter-spacing: 2px;
    text-transform: uppercase;
margin-bottom: 2em;
}

ul.category-list > li > a
{
    display: block;
    padding: .5em 0em 0.7em 3.3em;
    font-size: 1.2em;
    font-weight: 500;
	color: #d7d7cb;
	text-align: left;
}

ul.category-list li ul li a
{
    font-size: 0.8em;
	text-align: left;
	padding-left: 15px;  
    color: #ffffff;
    display: block;
}

ul.category-list > li > a:hover,
ul.category-list > li.current-cat a
{
	color: #ffffff;
}

/* Popular Products - Home Page 
--------------------------- */
#most-popular-wrapper
{
    padding: 1em 50px 0em 50px;
    display: block;
    float: left;
    width: 100%;
    background: #ffffff;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

#most-popular-wrapper h3.title,
#featured-categories h3.title
{
    margin: 0px 0px 1.5em 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    font-size: 1.9em;
	background: url(../images/site/underline.png) no-repeat center bottom;
	background-size: 330px auto;
	padding-bottom: 1.8em;
	font-weight: 500;
	letter-spacing: 3.4px;

}

#most-popular-inner
{
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    max-width: 1600px;
}

.owl-item
{
    padding: 0px 1em 0px 1em;
    text-align: center;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.most-popular-product
{
    margin: 0px auto 0px auto;
    position: relative;
    line-height: 0;
    text-align: center;
    max-width: 277px;
}

.product-details h3
{
    padding: 10px .2em 10px .2em;
    font-weight: 300;
    font-size: 0.9em;
	line-height: normal;
}

.owl-theme .owl-controls .owl-buttons div
{
    position: absolute;
    margin-top: -1.0em;
    top: 50%;
    color: #2e2c2a;
    opacity: 1;
    font-size: 3em;
    background: transparent;
}

.owl-theme .owl-controls .owl-buttons .owl-prev
{
    left: -50px;
}

.owl-theme .owl-controls .owl-buttons .owl-next
{
    right: -50px;
}

.owl-theme .owl-pagination
{
    display: none;
}

#featured-categories
{
    padding: 0em 0px 6em 0px;
    float: left;
    width: 100%;
    background: #ffffff;
}

/* Collection 
---------------------------- */
.pp_description
{
    display: none !important;
}

a.collection-image
{
    float: left;
    width: 20%;
    line-height: 0;
}

body.page-collection #content
{
    max-width: none;
}

article.collection
{
    max-width: none;
}

.collection-images
{
    float: left;
    width: 100%;
}

ul.collection-list
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}

ul.collection-list li
{
    margin: 0px 1em 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    display: inline-block;
    font-size: 0.9em;
    text-transform: uppercase;
    letter-spacing: 2px;
}

ul.collection-list li a
{
    color: #000000;
}

ul.collection-list li a.active
{
}

/* Product Listing
--------------------------- */
#woocommerce-content
{
    float: left;
    width: 80%;
    padding-bottom: 2em;
}

.woocommerce-breadcrumb
{
    margin: 1em 0px 0px 1em;
    float: left;
    width: 45%;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.9em;
}

ul.sortby
{
    width: 45%;
    float: right;
    margin: 1em 1em 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    text-align: right;
    letter-spacing: 1px;
}

ul.sortby li
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    display: inline;
    text-transform: uppercase;
    font-size: 0.9em;
}

ul.sortby li a
{   
    margin: 0px .25em 0px .25em;

}

ul.sortby li a.selected
{
    font-weight: 700;
}

ul.products
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    float: left;
    display: block;
    width: 100%;
}

ul.products li
{
    margin: 1em 1em 1em 1em;
    width: 277px;
    height: 416px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    background: #ffffff;
    list-style: none;
}

ul.products li img
{
width: 100%;
}

ul.products li .second-picture
{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: 0;

    -webkit-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
       -moz-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
         -o-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
            transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

    -webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
       -moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
         -o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
            transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.product-details
{
    position: absolute;
    left: 0;    
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 4;

    -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
       -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
         -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
            transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

    -webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
       -moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
         -o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
            transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

 .product-details a
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
    color: #ffffff;
}

 .product-details a h3
 {
	 position: absolute;
	 text-align: center;
	 width: 100%;
	 top: 40%;
	 font-size: 1em;
	 font-weight: 500;
	 letter-spacing: 2px;
	 vertical-align: middle;
 }
 
 .product-details a.product-category-title
{
    padding: 0px 0px 0px 0px;
    text-align: center;
    width: 100%;
}

ul.products li .product-details .button
{
    display: none;
}

ul.products li:hover .product-details,
.most-popular-product:hover .product-details,
ul.products li:hover .second-picture
{
    opacity: 1;
}

/* Single Product
--------------------------- */
table.sizing td
{
    padding: 1em 1em 1em 1em;
}

table.sizing tr td
{
    background: #fefefe;
}

.single-product .woocommerce-breadcrumb
{
    float: left;
    margin-left: 0;
    width: 95%;
}

.variations select
{
    margin: 0.25em 1em 0.25em 1em;
	background: #a0a377;
	border: none;
	font-family: 'Muli', sans-serif;
	text-transform: uppercase;
	padding: 0.8em 1em 0.8em 1em;
	letter-spacing: 0.5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}

.variations select option
{
    text-transform: uppercase;
}

.variations
{
	margin-bottom: 0;
}

.variations_button input
{
	background: #a0a377;
	padding: 0.5em 1em 0.5em 1em;
	border: none;
	font-family: 'Muli', sans-serif;margin: 0px .25em 0px .25em;
	text-align: center;
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

    -webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
       -moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
         -o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
            transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.quantity input[type=number]
{
	width: 20px;
}

.quantity input[type=button]
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.variations_button
{
	margin-top: 20px;
}

.variations_button .single_add_to_cart_button.button.alt
{
	margin-top: 20px;
}

.reset_variations
{
	display: none;
}

.variations_button label
{
	float: left;
	text-transform: uppercase;
	font-size: 0.9em;
	letter-spacing: 1px;
	margin-top: 6px;
}

.variations_button input:hover
{
	background: #EEE4FC;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.single-product
{
    float: left;
    width: 100%;
    display: block;
}

.single-product .summary
{
    margin: 3em 0px 0px 0px;
    padding: 0px 0px 0px 28px;
    float: left;
    width: 30%;
}

.summary p
{
	font-size: .9em;
	letter-spacing: .3px;
	line-height: 1.5em;
}

.single-product .images
{
    margin: 3em 4em 4em 0em;
    float: left;
    width: auto;
    max-width: 35%;
	height: auto;
    opacity: 1 !important;
/*	min-width: 500px; */
}

/*
.single-product .images a.woocommerce-main-image
{
    float: right;
    max-width: 100%;
    position: relative;
}*/

.single-product .images
{
    margin-left: 1em;    
}

.thumbnails
{
    margin: 0em 0px 0px 0px;
    float: left;
    width: 100%;
}

body .yith_magnifier_gallery li
{
    display: inline-block !important;
    margin: 1%;
    margin-bottom: 0;
    width: 31% !important;
}

body .yith_magnifier_gallery li a
{
        
}
.thumbnails a
{
    margin-top: 1em;
    margin-bottom: 1em;
    position: relative;
    float: left;
    width: 45%;
    line-height: 0;

    -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
       -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
         -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
            transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

    -webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
       -moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
         -o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
            transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.thumbnails a:hover
{
    opacity: 0.8;
}

.thumbnails a:nth-child(odd)
{
/*margin-left: 1.8em; */
    float: left;
}

.thumbnails a:nth-child(even)
{
    float: right;
}

.summary h1
{
	font-family: "brandon-grotesque", sans-serif;
	text-transform: uppercase;
	font-size: 1.7em;
	letter-spacing: 3px;
	font-weight: 500;
	margin-bottom: 0;
}

p.price
{
	margin-top: 0px;
    margin-bottom: 0px;
	font-family: "brandon-grotesque", sans-serif;
	font-size: 1.4em;
	font-weight: 500;
	color: #3a3a3a;
	letter-spacing: 3px;
}

.summary div[itemprop="description"]
{
	text-transform: uppercase;
	font-size: 0.8em;
	letter-spacing: 0.5px;
	margin-top: 0px;
}

.variations
{
	text-transform: uppercase;
	font-size: 0.9em;
	letter-spacing: 1px;
	margin-top: 3em;
	margin-bottom: 0.1em;
}

#sizing-info
{
    display: none;
}

#btn-sizing
{
	font-size: 0.8em;
	display: block;
	margin-top: 16px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

#sizing-info
{
	font-size: 0.9em;
	text-transform: uppercase;
}

.single-product .woocommerce-breadcrumb
{
    margin: 1.79em 0px 0px 2em;
    display: inline-block;
    width: auto;
}

a.category-back.button
{
    margin: 1em 0px 0px 1em;
    padding-left: 1em;
    padding-right: 1em;
    display: inline-block;
    min-width: 0px;
}

#social-share-wrapper
{
    float: left;
    width: 100%;
}

#social-share-wrapper .count
{
    display: none !important;
}

#social-share-wrapper .ssb-share.flat a
{
    width: 50px;
    height: 50px;
}

#social-share-wrapper .ssb-share a span.icon
{
    margin: 10px 10px 10px 10px;
}

/* Slide out shopping cart
--------------------------- */
#store-cart-wrapper
{
    position: fixed;
    top: -100%;
    right: 0;
    width: 25%;
    min-width: 300px;
    max-width: 450px;
    height: auto;
    z-index: 100;
    background: #f0f0f0;
    max-height: 90%;
    overflow-y: auto;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}

#store-cart-wrapper.active
{
    top: 76px;
}

#store-cart-wrapper.large.active
{
    top: 197px;
}

#store-cart-wrapper h3
{
    margin: 0px 0px 0px 0px;
    padding: 0.5em 0.5em 0.5em 0.5em;
    display: block;
    font-size: 1.1em;
    text-align: center;
	color: #ffffff;
    text-transform: uppercase;
    background: #7e8158;
    position: relative;
}

a.close-cart
{
    position: absolute;
    right: 1em;
}

#store-cart-wrapper a.button
{
    margin: 0px 0px 0px 0px;
    padding: 0.5em 0.5em 0.5em 0.5em;
    float: none;
    font-size: 1.17em;
    color: #ebecdf;
    display: block;
    max-width: none;
    font-family: "brandon-grotesque", sans-serif;
    background: #a0a377;
    border: none;
    font-weight: 500;
    border-radius: 0;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.cart-item
{
    position: relative;
    margin: 1em 1em 1em 1em;
    padding: 1em 0em 1em 0em;
    border-bottom: solid 2px #d6d6d6;
    display: block;
}

a.cart-title
{
    font-size: 1.1em;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.cart-item dl.variation
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.cart-item dl.variation dt
{
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-transform: uppercase;
    width: 40%;
}

.cart-item dl.variation dd
{
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-transform: uppercase;
    width: 40%;
}

.cart-item dl.variation dd p
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.cart-item .cart-qty
{
    display: block;
    text-transform: uppercase;
}

a.cart-remove
{
    position: absolute;
    top: 0;
    right: 0;
}

.cart-thumbnail
{
    display: inline-block;
    max-width: 15%;
}

.cart-details
{
    margin: 0px 0px 0px 5%;
    display: inline-block;
    max-width: 80%;
    font-size: 0.8em;
    letter-spacing: 1px;
    vertical-align: top;
}

.cart-details .amount
{
    display: block;
    margin: 1em 0px 0px 0px;
    font-weight: 500;
    color: #494949;
}

p.cart-empty
{
    margin: 1em 1em 1em 1em;
    display: block;
}

/* Mobile Menu
--------------------------- */
#mobile-nav-trigger
{
    display: none;
    position: absolute;
    left: 1em;
    top: 0.55em;
    color: #000000;
    font-size: 1.5em;
}

#mobile-menu
{
    position: fixed;
    top: 3.3em;
    left: -80%;
    z-index: 10000;
    background: #545454;
    width: 80%;

    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}

a#mobile-menu-close 
{
    position: absolute;
    right: 0.7em;
    top: 0.5em;
    font-size: 1.5em;
    color: #898989;
}

#mobile-menu.active
{
    transform: translate3d(100%,0,0);
    -webkit-transform: translate3d(100%, 0, 0);
}

ul.mobile-nav
{
    margin: 0px 0px 0px 0px;
    padding: 3em 0px 1em 0px;
    list-style: none;
    overflow-y: auto;
}

ul.mobile-nav ul
{
    margin: 0px 0px 0px 1em;
    padding: 0em 0px 0em 0px;
    list-style: none;
    font-size: 0.9em;
}

ul.mobile-nav li
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}

ul.mobile-nav li a
{
    display: block;
    padding: 1em 1em 1em 2em;
    color: #ffffff;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
}

/* Contact Form
--------------------------- */
body .gform_wrapper
{
    max-width: 100%;
    margin: 10px 0px 10px 0px;
}

.gform_body label
{
    text-transform: uppercase;
}

.gform_wrapper .top_label label.gfield_label
{
    font-weight: normal;
    font-size: 0.9em;
    letter-spacing: 1px;
}

.gform_wrapper .gfield_required
{
    display: none;
}

li.form-left,
li.form-right
{
    display: inline-block;
    margin-left: 0;
    margin-right: 2%;
    padding-left: 0;
    padding-right: 0;
    float: left;
    width: 48% !important;
    clear: none !important;
}

li.form-right
{
    float: right;
    width: 48% !important;
    margin-left: 2%;
    margin-right: 0;
}

body .gform_wrapper .top_label input.large, 
body .gform_wrapper .top_label input.medium,
body .gform_wrapper .top_label select.large, 
body .gform_wrapper .top_label textarea.textarea
{
    border: none;
    background: #f3f3f2;
    display: block;
    font-size: 14px;
    width: 100%;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 20px 0px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.gform_wrapper .gform_footer
{
	padding: 0!important;
}

#footer-social h3
{
	margin-bottom: .2em;
	font-weight: 300;
}

body .gform_wrapper .top_label textarea.textarea
{
    width: 100% !important;
}

/* Stockists
--------------------------- */
.location_search
{
    margin: 0px auto 0px auto;
    font-size: 0.9em;
    max-width: 100%;
    text-transform: uppercase;
}

.location_search label
{
    text-transform: uppercase;
}

.location_search input[type=text]
{
    margin: 0px 0px 0px 0px;
    padding: 0.5em 0.5em 0.5em 0.5em;
    border: none;
    background: #f1f1f2;
}

#location_search_1_tr
{
    display: none;
}

#location_search_submit_field
{
    min-width: 0;
}

.location_search_row,
.location_search_title
{
    text-align: center;
}

.location_search_empty_cell.location_search_cell
{
    display: none;
}

.location_search_cell
{
    margin: 1em 1em 1em 1em;
    display: inline-block;
}

div.result:hover
{
    background: #ececec;
}

/* Instagram Feed
--------------------------- */
#netki-instagram-feed-wrapper
{
	float: left;
    min-height: 207px;
	background: #ffffff;
}

#netki-instagram-feed
{
    float: left;
    margin: 2em 0px 2em 0px;
    padding: 0px 0px 0px 0px;
}

#netki-instagram-feed a.instagram-feed
{
    margin: 2em 0.75% 0px 0.75%;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 17.25%;
}

#netki-instagram-feed a.instagram-feed.instagram-photo-3
{
    margin: 0px 0.75% 0px 0.75%;
    width: 23.5%;
}

.ppt,
.pp_expand
{
	display: none!important;
}

/* WooCommerce Pagination 
------------------------------- */
.woocommerce-pagination
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 100%;
}

ul.page-numbers
{
    margin: 0px 0px 0px 1em;
    padding: 0px 0px 0px 0px;
    list-style: none;
}

ul.page-numbers li
{
    margin: 0px 0.5em 0px 0.5em;
    padding: 0px 0px 0px 0px;
    list-style: none;
    display: inline-block;
}

ul.page-numbers li a
{

}
/* Checkout 
------------------------------- */
body .woocommerce .woocommerce-info, 
body .woocommerce-page .woocommerce-info
{
	background: none;
	border-top: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}

body .woocommerce .woocommerce-info:before, 
body .woocommerce-page .woocommerce-info:before
{
	display: none;
}

body .woocommerce form input.input-text
{
	padding: .7em 0.5em .7em .5em;
	border: none;
	background: #f3f3f2;
	font-family: 'Muli', sans-serif;}

body .chosen-container-single .chosen-single
{
	border: none;
	padding: .4em 0.5em .4em .5em;
	border-radius: 0px;
	background: #f3f3f2;
	box-shadow: none;
	-webkit-box-shadow: none;
}

body .woocommerce table.shop_table, 
body .woocommerce-page table.shop_table
{
	border-radius: 0px;
}

body .woocommerce input.button.alt
{
    cursor: pointer;
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 0.5em 2em 0.5em 2em;
    border: solid 2px #31302e;
    color: #31302e;
    min-width: 250px;
    text-align: center;
    font-size: 0.9em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: transparent;
    font-family: 'Muli', sans-serif;-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
       -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
         -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
            transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

    -webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
       -moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
         -o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
            transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
			
	box-shadow: none;
	-webkit-box-shadow: none;
	text-shadow: none;
	border-radius: 0px;
}

body .woocommerce input.button.alt:hover
{
	background: #31302e;
	color: #ffffff;
}

body .woocommerce input.button,
body .woocommerce .cart .button, body .woocommerce .cart input.button
{
	box-shadow: none;
	-webkit-box-shadow: none;
	text-shadow: none;
}

body .chosen-container
{
	max-width: 100%;
}


/* Effects
--------------------------- */
#content 
{
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Gravity Forms Validation
--------------------------- */
.hide-label label
{
    display: none !important;
}

body .gform_wrapper div.validation_error
{
    display: none;
}

.gform_wrapper .top_label .gfield_description.validation_message, 
.gform_wrapper .gfield_description.validation_message
{
    display: none;
}

body .gform_wrapper li.gfield.gfield_error.gfield_contains_required
{
    margin-top: inherit;
    margin-bottom: inherit !important;
    margin-left: inherit !important;
}

body .gform_wrapper li.gfield.gfield_error, 
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning
{
    background-color: inherit !important;
    margin-bottom: inherit !important;
    padding: inherit !important;
    border-top: inherit !important;
    border-bottom: inherit !important;
}

body .gform_wrapper li.gfield_error input[type=text], 
body .gform_wrapper li.gfield_error input[type=url], 
body .gform_wrapper li.gfield_error input[type=email], 
body .gform_wrapper li.gfield_error input[type=tel], 
body .gform_wrapper li.gfield_error input[type=number], 
body .gform_wrapper li.gfield_error input[type=password], 
body .gform_wrapper li.gfield_error textarea
{
    border: solid 1px #fa4b4b !important;
}

body .gform_wrapper .top_label .gfield_error,
.gform_wrapper .top_label .gfield_error
{
    width: inherit;
}

body .gform_wrapper li.gfield.gfield_error.gfield_contains_required
{
    padding-left: inherit !important;
}

body .gform_wrapper .top_label .gfield_error
{

}

.gform_wrapper li, 
.gform_wrapper form li
{
    list-style-type: inherit !important;
    list-style-image: inherit !important;
    list-style: inherit !important;
    overflow: visible;
}

/* Media Query
--------------------------- */
@media screen and (max-width: 1227px)
{
    #header ul#header-icons
    {
  
        float: right;
    }
    
    #header-cart,  
    #header.large #header-cart
    {
        position: absolute;
        right: 1em;
        top: 0.7em;
        margin: 0em 0px 0px 0px;
    }
    
    #header-cart
    {
       top: 26px; 
    }
    
    #header
    {
        padding-bottom: 0;
    }

    #header a#logo,
    #header.large a#logo
    {
        max-width: 120px;
        width: 234px;
        height: 44px;
    }
}

@media screen and (max-width: 1200px)
{
    #footer .inner-container
    {
        width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }
}

@media screen and (max-width: 1145px)
{
    .masonry-item .title
    {
        font-size: 1.5em;
        font-weight: 500;
    }
}

@media screen and (max-width: 1085px)
{
    #store-cart-wrapper.active
    {
        top: 53px;
    }

    #nav,
    #header-icons,
    #cart-text
    {
        display: none;
    }

    #header,
    #header.large
    {
        position: relative;
        text-align: center;
        z-index: 999999;
        position: fixed;
        left: 0;
        top: 0;
        background: #a0a377;
        min-height: 0px !important;
    }

    #slider
    {
        margin-top: 0;
    }

    #content,
    body.page-home #content
    {
        margin-top: 53px;
    }

    #header-cart
    {
        position: absolute;
        margin: 0px 0px 0px 0px;
        right: 1em;
        top: 0.7em;
        font-size: 1.5em;
    }

    a#logo
    {
        float: none;
        margin-top: 0.3em;
        margin-left: 1em;
        margin-right: 1em;
        margin-bottom: 0.3em;
        max-width: 120px;
    }

    #mobile-nav-trigger
    {
        display: block;
    }

    #sidebar
    {
        width: 130px;
    }

    ul.category-list
    {
        width: 130px;
    }
    
    ul.category-list > li > a
    {
        padding-left: 1em;
    }
	
	ul.category-list li ul li a
	{
		padding-left: 1em;
	}

    ul.products li 
    {
        /*
        width: 185px;
        height: 278px;
        */
        margin: 1em 5% 1em 5%;
        width: 38%;
        height: auto;
    }
    
    .product-details h3
    {
        padding: 0.5em 0.5em 0.5em 0.5em;
        margin: 0px 0px 0px 0px;
        font-size: 0.8em;
    }
	    
    .product-details,
    ul.products a.second-picture
    {
        display: none;
    }
}

@media screen and (max-width: 1040px)
{
/*    .single-product .images
    {
        margin: 1em 0px 0px 0px;
        float: left;
        width: 100%;
        text-align: center;
    }*/

    .single-product .images a.woocommerce-main-image
    {
/*        max-width: 100%; */
    }
    
    .zoomWrapper:after,
    .zoomWrapper::after
    {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: transparent;
    }

    .single-product .images .thumbnails
    {
        display: block;
        width: 100%;
        max-width: 300px;
        float: none;
        margin: 1em auto 1em auto;
    }

    .single-product .summary
    {
        margin: 2em 1em 1em 1em;
        float: left;
        display: block;
    }
    
    .zoomContainer,
    .zoomContainer img
    {
        display: none !important;
    }

    .zoomWrapper
    {
        float: left;
        position: relative;
        width: 100% !important;
        height: auto !important;
    }
    
    .zoomWrapper img
    {
        position: relative !important;
    }

}

@media screen and (max-width: 1033px)
{		
	.single-product .images
	{
	}
}

@media screen and (min-width: 900px) and (max-width: 1260px)
{
    .panel-grid
    {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

@media screen and (max-width: 900px)
{
    article
    {
        margin-left: 30px;
        margin-right: 30px;
    }

    body.page-collection article
    {
        margin-left: 0px;
        margin-right: 0px;
    }

    ul.collection-list,
    body.page-collection h2
    {
        margin-left: 30px;
    }

    a.collection-image
    {
        width: 33.3333333%;
    }
        
    #masonry-1,
    #masonry-2,
    #masonry-3,
    #masonry-4
    {
        float: left;
        margin: 1em 5% 0.9em 5%;
        width: 40%;
    }
    
    #masonry-2
    {
        clear: right;
        margin-bottom: 1em;
    }

    #masonry-3,
    #masonry-4
    {
        margin-top: 2em;
    }

    .masonry-item.masonry-item-3
    {
        margin-top: 8%;
    }
    
    .masonry-item.masonry-item-6
    {
        margin-top: 32%;
    }

    .masonry-item .title
    {
        font-size: 1.5em;
        font-weight: 500;
    }
}

@media screen and (max-width: 890px)
{	
    #footer-location,
    #footer-menu
    {
        float: left;
        width: 44.7%;
    }
	
    #footer-subscribe
    {
        width: 89.4%;
    }

    #footer-subscribe-form
    {
        margin-top: 2em;
        float: left;
        width: 50%;
    }

    #footer-social-wrapper
    {
        margin-top: 2em;
        float: right;
        width: 44%;
    }
}

@media screen and (max-width: 820px)
{
    .single-product .images
    {
        text-align: center;
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 300px;
    }
    .single-product .summary
    {
        margin-left: 0;
        margin-right: 0;
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box;
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 700px)
{
    .single-product .summary label,
    .single-product .summary select,
    .single-product .summary input
    {
        font-size: 1.2em;
    }

    .single-product #woocommerce-content
    {
        text-align: center;
    }

    .single-product #woocommerce-content .summary
    {
        text-align: center;
    }
    
    a.category-back.button
    {
        float: none;
        display: inline-block;
        margin: 0px auto 0px auto;
        font-size: 0.8em;
    }

    .single-product .woocommerce-breadcrumb
    {
        margin: 1em auto 1em auto;
        display: block;
        text-align: center;
        width: 100%;
    }

    table.variations,
    table.variations tbody,
    table.variations tr,
    table.variations td
    {
        display: block;
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    table.variations tr
    {
        margin-top: 1em;
    }

    .single-product .summary select
    {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        display: block;
        float: none;
        box-sizing: padding-box;
        -webkit-box-sizing: padding-box;
        -moz-box-sizing: padding-box;
    }
    
    .single-product .summary label
    {
        margin-right: 1em;
    }

    .single-product .quantity label
    {
        margin-right: 0;
    }

    #social-follow-wrapper .column
    {
        width: 100%;
    }

    a.button,
    button
    {
        padding-top: 1em;
        padding-bottom: 1em;
        font-size: 1.1em;
        min-width: 0px;
    }

    #footer-content
    {
        margin-bottom: 1em;
        float: left;
        width: 100%;
        text-align: center;
    }

    #footer ul.footer-nav
    {
        float: left;
        margin: 0px 0px 0px 0px;
        width: 100%;
        text-align: center;
    }

    #sidebar
    {
        display: none;
    }

    #woocommerce-content
    {
        width: 100%;
    }

    #woocommerce-content ul.products
    {
        text-align: center;
    }

    #woocommerce-content ul.products li
    {
    }
    
    #woocommerce-content ul.products li .product-details
    {
        bottom: 4px;
        opacity: 0.9;
        padding: 1em 0px 1em;
        display: block !important;
    }

    #woocommerce-content ul.products li .product-details h3
    {
        font-size: 1em;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    ul.sortby
    {
        padding: 0em 0px 0px 1em;
        width: 80%;
        text-align: left;
        float: left;
    }

    .woocommerce-breadcrumb
    {
        margin-right: 0;
        width: 80%;
    }

    #footer
    {

    }

    #footer-social
    {
        float: left;
        width: 100%;
        text-align: center;
    }

    #footer input[type=submit]
    {
        max-width: none;
        width: 100%;
    }

    #footer ul.footer-nav
    {
        margin-top: 1em;
    }

    #footer ul.social-icons li a
    {
        margin: 0px 0.25em 0px 0.25em;
        font-size: 2.25em;
    }

    .copyright-left,
    .copyright-right
    {
        margin: 0px 5% 0.5em 5%;
        width: 90%;
        text-align: center;
    }

    #netki-instagram-feed a.instagram-feed.instagram-photo-1,
    #netki-instagram-feed a.instagram-feed.instagram-photo-2,
    #netki-instagram-feed a.instagram-feed.instagram-photo-3
    {
        margin: 0px 0px 0px 0px;
        width: 33.333333%;
    }

    a.instagram-photo-4,
    a.instagram-photo-5,
    a.instagram-photo-6
    {
        display: none;
    }
}

@media screen and (max-width: 660px)
{
    a.collection-image
    {
        width: 50%;
    }

    #masonry-1,
    #masonry-2,
    #masonry-3,
    #masonry-4
    {
        margin: 1em 5% 1em 5%;
        float: left;
        width: 90%;
    }

    .masonry-item.masonry-item-6
    {
        margin-top: 2em;
    }

    #featured-categories
    {
        padding-top: 2.2em;
    }

    #featured-categories h3.title
    {
        margin-bottom: 0.5em;
    }

    #masonry-categories
    {
        margin-top: 0em;
    }
	

    #footer-social-wrapper,
    #footer-subscribe-form
    {
        float: none;
        margin: 0;
        width: 100%;
        text-align: center;
    }

    #footer-subscribe-form
    {
        margin: 0px auto 0px auto;
        max-width: 100%;
    }

    #footer-subscribe-form .gform_wrapper form
    {
        text-align: center;
    }
        
    #footer-menu
    {
        display: none;
    }
    
    #footer-location,
    #footer-subscribe
    {
        width: 94.7%;
        text-align: center;
    }

    .location
    {
        margin-bottom: 1em;
        width: 100%;
        text-align: center;
    }

    #footer-copyright,
    #footer-credit
    {
        margin: 0px 0px 0px 0px;
        text-align: center;
        width: 100%;
    }
	
	#most-popular-wrapper h3.title, #featured-categories h3.title
	{
		font-size: 1.4em;
		padding-bottom: 1.3em;
		background-size: 246px auto;
	  
	}
	
	article
	{
		padding-bottom: 2em;
	}
	
	.full-width.pull-quote
	{
		font-size: 1em;
		padding-left: 1em;
		padding-right: 1em;
	}
	
	body.page-home #featured-categories
	{
		padding-bottom: 3em;
	}
	
	.product-details a h3
	{
		top: 49%;
		font-size: 1.5em;
	}
	
}

@media screen and (max-width: 500px)
{
    .variations_button
    {
        text-align: center;
    }

    button.single_add_to_cart_button.button.alt
    {
        margin-left: auto;
        margin-right: auto;
        float: none;
        display: inline-block;
    }
}