/*
 Theme Name:   sedimentpress
 Theme URI:    https://www.sedimentpress.com
 Description:  Custom Theme for sedimentpress.com based on Storefront by Woothemes
 Author:       Charles Robertson
 Author URI:   https://www.sedimentpress.com
 Template:     storefront
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  storefront-child
*/

/** Generated by FG **/
@font-face {
	font-family: 'DIN1451EF-EngNeu';
	src: url('fonts/DIN1451EF-EngNeu.eot');
	src: local('☺'), url('fonts/DIN1451EF-EngNeu.woff') format('woff'), url('fonts/DIN1451EF-EngNeu.ttf') format('truetype'), url('fonts/DIN1451EF-EngNeu.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'isonorm';
    src: url('fonts/isonormd-webfont.woff2') format('woff2'),
         url('fonts/isonormd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sediment-icons';
    src: url('fonts/sediment-glyphs.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/********** CONTAINERS **********/

body {
  font-family: 'isonorm', sans-serif;;
	font-size: 18px;
	/* font-weight: 400; */
	letter-spacing: .01em;
}

.site {
	overflow-x: initial;
}

div#sp-site-container {
  max-width: 880px;
	margin: 0 auto 20%;
  padding: 5% 5% 0;
	background-color: #555555;
}

div.col-full {
	margin: 0;
	width: 100%;
}


/********** HEADER & SPRITE **********/

header#masthead.site-header {
	background: none;
	padding-top: 0;
	padding-bottom: 5%;
	margin-bottom: 0;
}

body.woocommerce header#masthead {
    padding-bottom: 0;
}

div.sp-sprite {
	background-image: url('images/sediment-sprite-mobile.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

div#sediment-header {
	width: 100%;
	height: 0;
	padding-bottom: 34.5%;
}

.sq-dot-hr {
  width: 100%;
  height: 0;
  padding-bottom: 2%;
  background-size: 100% !important;
  background-position: 0 90.5%;
}

.round-dot-hr {
  width: 100%;
  height: 0;
  padding-bottom: 2%;
  background-size: 100% !important;
  background-position: 0 99.5%;
	margin-bottom: 4%;
}

/********** TYPEOGRAPHY **********/

h1, h2, h3, h4, h5 {
  font-family: 'DIN1451EF-EngNeu';
	line-height: 1;
  text-transform: uppercase;
	color: #e7e400;
	/*letter-spacing: 0.025em; */
}

.main-navigation ul li a, .menu ul li a {
	color: #FFF;
}

h1.product_title.entry-title {
	font-size: 2em;
}

input {
	font-family: 'isonorm';
	/*font-weight: 600 !important; */
}

label {
	font-weight: normal;
}

.main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a,
.site-footer .storefront-handheld-footer-bar a:not(.button), button.menu-toggle,
button.menu-toggle:hover {
	color: #FFF;
}

select {
	vertical-align: baseline;
  line-height: 1.618em;
  height: 2.5em;
  padding: 0.5em 3em .5em 0.618em;
  background-color: #f2f2f2;
  color: #222;
  outline: 0;
  border: 0;
  -webkit-appearance: none;
  border-radius: 2px;
  box-sizing: border-box;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.125);
  background-image:
		linear-gradient(45deg, transparent 50%, #222 50%),
		linear-gradient(135deg, #222 50%, transparent 50%),
		linear-gradient(to right, #CCC, #CCC);
  background-position: calc(100% - 22px) calc(1em + 3px), calc(100% - 17px) calc(1em + 3px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.7em;
  background-repeat: no-repeat;
}

select:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, gray, gray);
	background-position: calc(100% - 17px) calc(1em + 3px), calc(100% - 22px) calc(1em + 3px), 100% 0;
}

select:hover {
background-image:
	linear-gradient(45deg, transparent 50%, #222 50%),
	linear-gradient(135deg, #222 50%, transparent 50%),
	linear-gradient(to right, #BBB, #BBB);
}

select:focus:hover {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, gray, gray);
	background-position: calc(100% - 17px) calc(1em + 3px), calc(100% - 22px) calc(1em + 3px), 100% 0;
}

/******** ALL LINKS remove purple outline on focus ******/

a:focus, .button:focus, .button.alt:focus, .button.added_to_cart:focus, .button.wc-forward:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
	outline: none;
}

/****** NAV RESET *******
.storefront-primary-navigation, .main-navigation, .primary-navigation, .menu, .menu-item,
.primary-navigation ul li > a, .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	background: none;
}
*/
/********** NAV **********/

.storefront-primary-navigation {
	display: flex;
	align-items: flex-end;
  width: 100%;
	margin-bottom: 0.2%;
	margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  background: none;
	flex-wrap: nowrap;
}

nav.main-navigation {
	width: 100%;
	height: 3.6vw;
}

div.main-navigation {
	display: flex;
	width: 100%;
}

div.primary-navigation {
	display: block;
	width: 100%
}

div.primary-navigation ul {
	list-style: none;
	margin:0;
	padding:0;
	display: flex;
}

.primary-navigation ul.menu li {
	display: flex;
	margin-right: auto;
}

.primary-navigation ul.menu li a {
	padding: 0;
	text-align: center;
	font-family: 'DIN1451EF-EngNeu';
	text-transform: uppercase;
	font-size: 7.1vw;
	line-height: 1vw;
	/* letter-spacing: .025em; */
}

.site-header ul.menu li.current-menu-item > a {
	color: #e7e400 !important;
}

.site-header ul.menu li a:hover {
	color: #e7e400 !important;
}
.woocommerce.archive .menu-item-17 a, .single-product .menu-item-17 a {
	color: #e7e400;
}

.main-navigation ul li a:before {
	display: none;
}

.site-header-cart .cart-contents {
	display: flex;
	align-items: flex-end;
}

.site-header-cart .cart-contents span.cart-icon {
	content: "A";
	font-family: 'sediment-icons';
	font-size: 7.1vw;
	line-height: 1;
	font-weight: normal;
}

.site-header-cart .cart-contents div.cart-details {
	display: none;
}



#menu-shop-menu, #menu-design-menu {
  list-style: none;
  margin: 0;
  display: flex;
  justify-content: space-between;
	padding-top: 0.3%;
	padding-bottom: 0.8%;
}

#menu-shop-menu li, #menu-design-menu li {
	font-family: 'DIN1451EF-EngNeu';
	font-size: 7.1vw;
	text-transform: lowercase;
	line-height: 0.8;
}

#menu-shop-menu li a, #menu-design-menu li a {
	font-weight: normal;
}

#menu-shop-menu li a::after {
	content: "s";
}

#menu-shop-menu li a:last-child {
    padding-right: .05em;
}

#menu-shop-menu li a:hover, #menu-shop-menu li a:active, #menu-shop-menu li a:focus,
#menu-design-menu li a:hover, #menu-design-menu li a:active, #menu-design-menu li a:focus  {
	color: #e7e400;
}

#menu-shop-menu li.current-menu-item a, #menu-design-menu li.current-menu-item a  {
	color: #e7e400;
}

/*					ABOUT UNIVERSAL						*/
.post-62 .entry-content>p:first-child {
	margin-bottom: 0;
}

.page .about-text h1 {
	display: none;
}

.about-image {
	margin-bottom: 2em;
}

/*					SHOP UNIVERSAL							*/
div.summary h1.product_title {
	display: none;
}

ul.products {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0.5%;
	padding-right: 0.5%;
}

ul.products::before, ul.products::after {
	display: none;
}

ul.products li.product {
	margin-bottom: 6%;
	margin-right: auto;
}

/*
ul.products li.product:nth-child(2n) {
	margin-right: 0;
}
*/

ul.products li.product img{
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 2%;
}

ul.products li.product h3 {
	margin-bottom: 0;
}

.site-header-cart:hover .widget_shopping_cart {display: none;}

/* pagination nav */

nav.woocommerce-pagination {
    border: none;
    padding: 0 0 3%;
		width: 100%;
}

.pagination .page-numbers li .page-numbers, .woocommerce-pagination .page-numbers li .page-numbers {
	background-color: rgba(0,0,0,0.25);
}

.woocommerce-pagination .page-numbers li a.page-numbers:hover {
    background-color: rgba(0,0,0,.18);
}

/* 				MESSAGE						*/
.woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-noreviews, p.no-comments {
		/* Safari & Chrome need border-style and border-color ¯\_(ツ)_/¯ */
	  border-style: dotted;
	  border-color: #FFFFFF;
	  border-image-source: url('images/dots.svg');
	  border-image-slice: 33% 33%;
	  border-image-repeat: round;

    padding: 1em 1.618em;
    margin-bottom: 4%;
		margin-top: .4em !important;
    background: none;
    border-width: .3em;
}

.woocommerce-message a.button, .woocommerce-message a {
	color: #e7e400;
}



/*				SINGLE PRODUCT UNIVERSAL 				*/
.single-product .site-content .col-full {
	padding-left: .3%;
	padding-right: .3%;
}

.single-product div.product .images {
	margin-bottom: 0;
}

p.print-spec {
  font-size: 0.88888889em;
  line-height: 1.2;
  color: #dddddd;
}

p.stock.in-stock:before {
	content: none;

}

p.stock.in-stock {
	color: #dddddd;
	font-size: 0.88888889em;
  line-height: 1.2;
}

p.stock.out-of-stock:before {
	content: none;
}

p.stock.out-of-stock {
	color: #e7e400;
	font-weight: 600;
	text-align: center;
	border-style: dotted;
	border-color: #FFFFFF;
	border-image-source: url('images/dots.svg');
	border-image-slice: 33% 33%;
	border-image-repeat: round;
	border-width: .3em;
	padding: 1em 1.618em;
	margin-top: .1em;
}

div.product div.summary p {
	clear: left;
}

div.product div.images div.thumbnails {
	width: 100%;
	margin-top: 0;
}

.slick-list { margin: 0; }

ul.thumbnail-nav {
	display: flex;
}

div.product div.images div.thumbnails a.zoom, .thumbnails li {
	width: 22%;
	margin-left: 0;
	margin-right: 4%;
	list-style: none;
}

/*
div.dark_rounded .pp_next:hover {
    background: url(images/arrow-right.png) center right no-repeat;
    cursor: pointer;
}

div.dark_rounded .pp_previous:hover {
    background: url(images/arrow-left.png) center left no-repeat;
    cursor: pointer;
}

div.dark_rounded .pp_close {
    width: 26px;
    height: 26px;
    background: url(images/x.png) -1px -1px no-repeat;
    cursor: pointer;
}
*/

select#options {
	font-size: 100%;
/*    margin: 0;
    vertical-align: baseline;
    padding: .5em .618em;
    background-color: #f2f2f2;
    color: #43454b;
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    border-radius: 2px;
    box-sizing: border-box;
    font-weight: 600;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.125);
		*/
}

a.reset_variations {
	display: none !important;
}

form.variations_form.cart {
	padding: 0;
}

div.product > div.summary > form.variations_form table.variations tbody {
	display: inline-block;
}

div.product div.summary p.price {
	width: 100%;
	text-align: right;
}

table.variations {
	/*float: left;*/
	/*width: auto;
	height: 5.3em;*/
}

.woocommerce-variation.single_variation {
	display: flex;
	flex-wrap: wrap;
}

.woocommerce-variation-description {
	width: 100%;
	order: 1;
}

.woocommerce-variation-availability {
	width: 100%;
	order: 2;
}

.woocommerce-variation-price {
	/*float: right;*/
	display: block;
	/*height: 5.2em;*/
	text-align: right;
	width: 100%;
	order: 3;
}

.single-product div.product table.variations {
    margin: 0;
    height: 5.3em;
}

div.product div.summary span.woocommerce-Price-amount.amount {
	font-size: 1.35rem;
	margin: 0;
}

div.woocommerce-variation-price span.price {
/*
	margin-bottom: 0 !important;
	position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	padding-top: .65em;
  padding-bottom: 0;
	*/
}

select {
	font-family: 'isonorm';
	/*font-weight: 400;*/
	letter-spacing: .05em;
	/*
		padding: .618em;
    background-color: #f2f2f2;
    color: #43454b;
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    border-radius: 2px;
    box-sizing: border-box;
    box-shadow: inset 0 1px 1px
		*/
}

.single-product div.product form.cart {
	padding: 0;
}

.single-product div.product .product_meta {
	padding-top: 0;
	border: 0;
}

.single-product div.product .summary {
	margin-bottom: .75em;
}

.single-product div.product .variations_button {
    padding-top: 0;
}

.single-product div.product form.cart .quantity {
	clear: both;
}

.single-product div.product form.cart .button {
	clear: right;
}

/*
div.woocommerce-variation-description p {
	margin-bottom: 0;
} */

button {
	font-family: 'isonorm';
}

/************* CART PAGE UNIVERSAL ***************/

table th, table td {
	background: none !important;
	padding-left: 0;
	padding-right: 0;
}

table.cart .product-thumbnail img {
	max-width: initial;
}

.cart-totals table.cart td, .cart-totals table.cart th {
	padding-left: 0;
}

tr.cart_item td:last-child {
	border-image-source: url('images/dots.svg');
	border-image-slice: 33% 33%;
	border-image-repeat: round;
	border-bottom: .3em dotted #FFF;
}

div.cart_totals tbody tr th {
	width: 7em;
}

.wc-proceed-to-checkout .button.checkout-button {
    font-size: 1.20em;
}

article {
	margin-bottom: 0 !important;
}

a.remove:before {
	left: -25px;
}

table.cart td.product-remove a.remove {
	right: -2%;
}

dt.variation-options {
	display: none;
}

dd.variation-options {
	display: inline-block;
	margin-bottom: 0 !important;
}

dl.variation {
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
}

tr.order-total th {
padding-top: 1.25em;
}

tr.order-total .woocommerce-Price-amount {
	font-size: 1.35rem;
	font-weight: normal !important;
}

.woocommerce-shipping-calculator p, form.woocommerce-shipping-calculator {
	margin-bottom: 0 !important;
}

.shipping-calculator-form select#calc_shipping_country {
	margin-top: 1em;
}

.shipping-calculator-form select, .shipping-calculator-form input {
	margin-bottom: 1em;
}

/******			CHECKOUT PAGE UNIVERSAL			******/
abbr.required {
	color: #e2401c;
}

span.select2-chosen {
	/* font-weight: 600; */
}

textarea /*.input-text*/ {
	font-family: 'isonorm';
	/* font-weight: 600; */
}

table.woocommerce-checkout-review-order-table thead tr th {
	border-image-source: url('images/dots.svg');
	border-image-slice: 33% 33%;
	border-image-repeat: round;
	border-bottom: .3em dotted #FFF;
}

table.woocommerce-checkout-review-order-table th.product-name {
	padding-left: 0;
}

table.woocommerce-checkout-review-order-table tr.cart_item td {
	border-image-source: url('images/dots.svg');
	border-image-slice: 33% 33%;
	border-image-repeat: round;
	border-bottom: .3em dotted #FFF;
}

table.woocommerce-checkout-review-order-table tr.cart_item td.product-name {
	padding-left: 0;
}

table.woocommerce-checkout-review-order-table tfoot th {
	padding-left: 0;
}

#order_review .shop_table {
	margin-bottom: 0;
}

.woocommerce-checkout-review-order-table td.product-name {
	width: 50%;
}

.woocommerce-checkout-review-order-table td.product-total {
	text-align: right;
}

#order_review .woocommerce-checkout-review-order-table tfoot td {
	text-align: right;
}

li.wc_payment_method label, div.payment_box {
	padding-left: 0 !important;
	padding-right: 0;
	background-color: #555555;
}

#payment .payment_methods>.wc_payment_method>label {
	width: 100%;
	padding-right: 0;
}


#payment .payment_methods label::before {
	padding-bottom: 0.5em;
	padding-top: .3em;
	float: left;
}

#payment .payment_methods li img:first-child {
	clear: left;
  margin-left: 0 !important;
}

#payment .payment_methods li img {
	float: left;
	width: 43px;
}

#payment .payment_methods li .payment_box {
	padding-right: 0;
}

ul.products {
	margin-bottom: 0;
}

/**
 *		 DESIGN PAGE UNIVERSAL
 */

ul.design {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin-left: 0;
}

.design .project {
	width: 48%;
	order: 999;
}

ul.design li a {
	text-align: center;
}

ul.design li h3 {
	font-size: 4.4vw;
	line-height: 4.5vw;
}

ul.design li img {
	margin-bottom: 0.56285455vw;
}

.project.post-240 { order: 10; width: 100%; } /* eat shop live */
.project.post-331 { order: 20; width: 47.05%; margin-right: auto; } /* spruced */
.project.post-242 { order: 30; width: 48.95%; } /* copper cap honey */
.project.post-355 { order: 40; width: 49.27%; margin-right: auto; } /* goggin wedding */
.project.post-346 { order: 50; width: 46.73%; } /* lovelace invites */
.project.post-221 { order: 57; width: 21.99%; margin-right: auto; } /* nigel lyons */
.project.post-224	{ order: 60; width: 74.01%} /* rockspan */
.project.post-227 { order: 65; width: 100%; } /* j street juice */
.project.post-233 { order: 70; margin-right: auto; } /* icarus kids */
.project.post-237 { order: 80; } /* del hath no fury */
.project.post-245 { order: 100; width: 31.55%; margin-right: auto;} /* nomad */
.project.post-353 { order: 110; width: 61.45%; } /* number one sons banner */
.project.post-358 { order: 120; width: 67.37%; margin-right: auto; } /* i. hester works */
.project.post-250 { order: 130; width: 28.63%; } /* house portraits */
.project.post-361 { order: 140; width: 54.16%; margin-right: auto; } /* my dog digs del ray */
.project.post-365 { order: 150; width: 41.84%; } /* parkview flyer */
.project.post-367 { order: 160; width: 100%; } /* georgia ave coupons */

/**
 * 		SINGLE DESIGN PROJECT UNIVERSAL
 */

.design-project {
	padding-left: .3%;
	padding-right: .3%;
}

.design-project .gallery, .design-project .psgal {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 0;
}

.design-project .gallery.gallery-columns-3 .gallery-item, .psgal .msnry_item {
	width: 100%;
	margin-bottom: 5.33%;
	padding: 0;
}

.psgal .msnry_item img {
	margin: 0;
}

.galleryid-221 .gallery-item:first-child, #psgal_221_2 .msnry_item:first-child  {
	order: 2;
}

.design-project .galleryid-221 .gallery-item:last-child, #psgal_221_2 .msnry_item:last-child {
	order: 1;
	width: 50%;
}

.design-project .galleryid-227, #psgal_227_2 {
	flex-direction: row;
	flex-wrap: wrap;
}

.design-project .galleryid-227 .gallery-item:nth-child(2), #psgal_227_2 .msnry_item:nth-child(2) {
	width: 47.33%;
	margin-right: auto;
}

.design-project .galleryid-227 .gallery-item:nth-child(3), #psgal_227_2 .msnry_item:nth-child(3) {
	width: 47.33%;
}

.design-project .gallery.galleryid-250, #psgal_250_2 { /* house portraits */
	flex-direction: row;
	flex-wrap: wrap;
}

.design-project .gallery.galleryid-250 .gallery-item:nth-child(2n-1), #psgal_250_2 .msnry_item:nth-child(2n-1) {
	width: 40%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5.33%
}

.design-project .gallery.galleryid-250 .gallery-item:nth-child(2n), #psgal_250_2 .msnry_item:nth-child(2n) {
	width: 40%;
}

.design-project .gallery.galleryid-250 .gallery-item:nth-last-child(2), #psgal_250_2 .msnry_item:nth-last-child(2) {
	width: 56%;
	margin-right: auto;
	margin-bottom: 5.33%
	margin-left: 0;
}

.design-project .gallery.galleryid-250 .gallery-item:last-child, #psgal_250_2 .msnry_item:last-child {
	width: 40%;
}

.design-project .gallery.galleryid-331, #psgal_331_2 { /* spruced */
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
}

.design-project .gallery.galleryid-331 .gallery-item:first-child, #psgal_331_2 .msnry_item:first-child {
	width: 22.93%;
	margin-right: auto;
}

.design-project .gallery.galleryid-331 .gallery-item:nth-child(2), #psgal_331_2 .msnry_item:nth-child(2) {
	width: 71.73%;
}

.design-project .gallery.galleryid-331 .gallery-item:nth-child(3), #psgal_331_2 .msnry_item:nth-child(3) {
	width: 47.33%;
	margin-right: auto;
}

.design-project .gallery.galleryid-331 .gallery-item:nth-child(4), #psgal_331_2 .msnry_item:nth-child(4) {
	width: 47.33%;
	margin: 0;
}

.design-project .gallery.galleryid-346, #psgal_346_2 {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
}

.design-project .gallery.galleryid-346 .gallery-item:nth-child(1), #psgal_346_2 .msnry_item:nth-child(1) {
	width: 47.33%;
	margin-right: auto;
}

.design-project .gallery.galleryid-346 .gallery-item:nth-child(2), #psgal_346_2 .msnry_item:nth-child(2) {
	width: 47.33%;
	margin: 0;
}

/* Goggin Wedding Single Project */
.design-project .gallery.galleryid-355 .gallery-item:nth-child(1), #psgal_355_2 .msnry_item:nth-child(1) {
	width: 47.33%; margin-right: auto; }
.design-project .gallery.galleryid-355 .gallery-item:nth-child(2), #psgal_355_2 .msnry_item:nth-child(2) {
	width: 47.33%; margin: 0; }

/* Georgia Ave Coupon */
.design-project .gallery.galleryid-367 .gallery-item:nth-child(1), #psgal_367_2 .msnry_item:nth-child(1) {
	width: 100%; margin: 0 0 5.34% ; }
.design-project .gallery.galleryid-367 .gallery-item:nth-child(2), #psgal_367_2 .msnry_item:nth-child(2) {
	width: 47.33%; margin-right: auto; }
.design-project .gallery.galleryid-367 .gallery-item:nth-child(3), #psgal_367_2 .msnry_item:nth-child(3) {
	width: 47.33%; margin: 0; }

/*					FOOTER				*/



div#primary {
	margin-bottom: 0;
}

main#main {
	margin-bottom: 0;
}

footer#colophon {
    background: none;
    color: #ffffff;
		margin-bottom: 4%;
		padding-top: 0;
		padding-bottom: 5%;
}

footer#colophon div.sq-dot-hr {
	margin-bottom: 2%;
}

footer#colophon div.site-info {
	padding-top: 0;
	padding-bottom: 0;
	text-align: right;
	color: #FFF;
	/* font-weight: 600; */
}


/*						SHOP below 500px						*/
/* 2 column on mobile */
@media screen and (max-width: 499px) {



	.site-main ul.products li.product {
		width: 47.5%;
		float: left;
		clear: both;
	}

	ul.products li.product:nth-child(2n) {
		float: right;
		clear: none;
		margin-right: 0;
	}

	ul.products li.product h3 {
			font-size: 4.4vw;
			line-height: 4.5vw;
	}


}

/* 					SHOP 500 and above        */
@media screen and (min-width: 500px) {
	header#masthead.site-header {
		padding-bottom: 3%;
	}

	div.sp-sprite {
		background-image: url('images/sediment-sprite.png');
	}

	div#sediment-header {
		padding-bottom: 17.5%;
		margin-bottom: .2%;
	}

	.sq-dot-hr {
	  padding-bottom: 1.25%;
	  background-size: 100% !important;
	  background-position: 0 86.5%;
	}

	.round-dot-hr {
		padding-bottom: 1.25%;
		background-size: 100% !important;
		background-position: 0 99.5%;
		margin-bottom: 3%;
	}

	.storefront-primary-navigation {
		padding-top: .2vw;
	}

	nav.main-navigation {
		height: auto;
	}

	.primary-navigation ul.menu li:last-child {
		margin-right: auto;
	}

	div.primary-navigation ul.menu li a {
		font-size: 5.3vw;
		line-height: 0.8;
	}

	.site-header-cart .cart-contents span.cart-icon {
		font-size: 5.3vw;
		line-height: 0.8;
	}

	.site-header-cart .cart-contents div.cart-details {
		display: block;
		text-align: right;
		padding-left: 0.5em;
		padding-top: 0.1vw;
	}

	.site-header-cart .cart-contents span.amount {
			margin-right: 0;
			font-size: 3.636vw;
			line-height: 1;
			display: block;
			word-wrap: normal;
		}

	.site-header-cart .cart-contents span.count {
		display: none;
	}

	#menu-shop-menu li, #menu-design-menu li {
		font-size: 5.3vw;
	}

	.site-main ul.products {
		padding-left: .3%;
		padding-right: .3%;
		display: flex;
		flex-wrap: wrap;
	}

.site-main ul.products::before, .site-main ul.products::after {
		display: none;
}

	.site-main ul.products li.product {
		width: 31.2%;
		margin-right: 3.2%;
		margin-bottom: 3%;
	}

	.site-main ul.products li.product.last {
		margin-right: 0;
	}

	ul.products li.product h3, ul.design li.project h3 {
		font-size: 3vw;
		line-height: 1;
	}

	.site-main ul.design {
		padding-left: 0.3%;
		padding-right: 0.3%;
	}

/*			DESIGN ABOVE 500 			*/
.project.post-240 { order: 10; width: 100%; } /* eat shop live */
.project.post-331 { order: 20; width: 29.45%; margin-right: auto; } /* spruced */
.project.post-242 { order: 30; width: 30.64%; margin-right: auto; } /* copper cap honey */
.project.post-355 { order: 40; width: 33%; margin-right: 0; } /* goggin wedding */
.project.post-346 { order: 50; width: 33.42%; margin-right: auto; } /* lovelace invites */
.project.post-221 { order: 55; width: 27.50%; margin-right: auto; } /* nigel lyons */
.project.post-250 { order: 57; width: 32.08%; margin-right: 0; } /* house portraits */
.project.post-224	{ order: 60; width: 61.18%; margin-right: auto; } /* rockspan */
.project.post-245 { order: 63; width: 31.82%; margin-right: 0} /* nomad */
.project.post-227 { order: 65; width: 100%; } /* j street juice */
.project.post-233 { order: 70; margin-right: auto; } /* icarus kids */
.project.post-237 { order: 80; } /* del hath no fury */
.project.post-361 { order: 90; width: 32.64%; margin-right: auto; } /* my dog digs del ray */
.project.post-353 { order: 100; width: 63.56%; } /* number one sons banner */
.project.post-358 { order: 120; width: 64.46%; margin-right: auto; } /* i. hester works */
.project.post-365 { order: 150; width: 31.74%; } /* parkview flyer */
.project.post-367 { order: 160; width: 100%; } /* georgia ave coupons */

}

/******* ABOVE 768px *********/

@media screen and (min-width: 768px) {
	body {
		background-image: url('images/background.png');
		background-size: 10rem;
	}

/* 				NAV OVER 768 					*/

	section.storefront-primary-navigation {
    margin: 0;
    padding: 0;
		background: none;

	}

	.main-navigation ul.menu>li:first-child, .main-navigation ul.nav-menu>li:first-child {
	    margin-left: 0;
	}

	.woocommerce-active .site-header .main-navigation {
		width: 100%;
		float: none;
		margin: 0;
		clear: none;
	}


	div.primary-navigation ul.menu li a {
		font-size: 4.7vw;
		line-height: .8;
	}

	.woocommerce-active .site-header .site-header-cart {
	    width: auto;
			float: none;
	}

.site-header-cart .cart-contents span.cart-icon {
		font-size: 4.7vw;
		padding-right: 0;
	}

.site-header-cart .cart-contents div.cart-details {
	display: block;
	text-align: right;
	padding-left: 0.5em;
}

.site-header-cart .cart-contents span.amount {
		margin-right: 0;
		font-size: 1.818vw;
		line-height: .9;
		display: block;
	}

.site-header-cart .cart-contents span.count {
	font-size: 2.045vw;
	line-height: .9;
	font-weight: 600;
	display: block;
	white-space: nowrap;
	opacity: 1;
	padding-top: .2vw;
}

	a.cart-contents {
		padding: 0 !important;
	}

	a.cart-contents::after {
		display: none !important;
	}

	#menu-shop-menu li, #menu-design-menu li {
		font-size: 4.7vw;
	}


	/********* ABOUT ABOVE 768px *********/
		.about-image {
			width: 55%;
			float: left;
			margin-bottom: 4%;
			margin-right: 4%;
		}

		.page .entry-title {
			display: none;
		}

		.about-text {
			width: 40%;
			float: left;
			margin-bottom: 4%
		}

		.page .about-text h1 {
			display: block;
		}



/******** PRODUCT PAGE over 768px *********/

	div.product h1.product_title {
		display: none;
	}

	div.summary h1.product_title {
		display: block;
	}

	.storefront-full-width-content.single-product div.product .images {
			width: 60%;
			margin-right: 4%;
			margin-bottom: 4%;
	}
	.storefront-full-width-content.single-product div.product .images .thumbnails a.zoom {
			width: 22.15%;
			margin-right: 3.8%;
 	}

	.storefront-full-width-content.single-product div.product .images .thumbnails a.zoom:last-child {
			margin-right: 0;
 	}

	.storefront-full-width-content.single-product div.product .summary {
			width: 36%;
	}

/******** DESIGN PAGE over 768px *********/

	.design-project .gallery, .design-project .psgal {
		width: 60%;
		margin-right: 4%;
		margin-bottom: 4%;
		float: left;
	}

	.design-project h1 {
		width: 36%;
		float: right;
	}

	.design-project .summary {
		width: 36%;
		float: right;
	}

/******		CART PAGE OVER 768 **********/

		table.cart .product-thumbnail img {
			max-width: 4em;
		}

		table.shop_table thead tr th {
			border-image-source: url('images/dots.svg');
			border-image-slice: 33% 33%;
			border-image-repeat: round;
			border-bottom: .3em dotted #FFF;
		}

		tr.cart_item td {
			border-image-source: url('images/dots.svg');
			border-image-slice: 33% 33%;
			border-image-repeat: round;
			border-bottom: .3em dotted #FFF;
		}

		table.cart td.product-remove {
			padding: 1.618em 0 1.618em 1.618em;
		}

		table.shop_table_responsive tbody tr th {
			padding-left: 0;
			}

		table.shop_table_responsive tbody tr td {
			text-align: right;
		}

		/*****			FOOTER OVER 768			******/
		footer div.col-full {
			padding-left: 0;
			padding-right: 0;
		}

}



/********* LARGER THAN 800px **********/

@media screen and (min-width: 800px) {
	div#sp-site-container {
		padding: 40px 40px 0;
	}
}


@media screen and (min-width: 880px) {
	.col-full {
		padding-left: 0;
		padding-right: 0;
	}

	div.primary-navigation ul.menu li a {
		font-size: 41.36px;
		/*line-height: 1;*/
	}

	.site-header-cart .cart-contents span.cart-icon {
		font-size: 41.36px;
	}

	.site-header-cart .cart-contents div.cart-details {
		padding-bottom: .06em;
	}

	.site-header-cart .cart-contents span.amount {
		font-size: 16px;
	}

	.site-header-cart .cart-contents span.count {
		font-size: 16px;
	}

	#menu-shop-menu li, #menu-design-menu li {
		font-size: 41.36px;
	}

	ul.products li.product h3, ul.design li.project h3 {
		font-size: 26.4px;
	}

	ul.design li.project img {
		margin-bottom: 4.95312px;
	}


/*********** LARGER THAN 1075px **************/

@media screen and (min-width: 1075px) {
	header#masthead div.col-full {
		padding-left: 0;
		padding-right: 0;
	}
}

/*********** IPAD LANDSCAPE *************/
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape) {

		div#sp-site-container {
		  max-width: 1024px;
		}

		.site-main ul.products li.product {
	    width: 31.355932%;
	    margin-right: 2.966102%;
		}
	}