/*  ==========================================================================
	INDIE.WEB CUSTOM STYLES
	==========================================================================  */

/*  GENERAL ---------- */

html {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #222;
}

::-moz-selection {
	background: #b3d4fc;
}

::selection {
	background: #b3d4fc;
}

.flex-container > img {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}

.box-wrap {
    position: relative;
	height: 0;
	padding-bottom: 100%;
}

.shadow {
    box-shadow: 0 0 15px rgba(0,0,0,0.25);
}

.shadow:hover {
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
}

.img-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: hidden;
}

.img-wrap img {
    position: relative;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}


/*	Faux Table --- */

.faux-table {
	font-size: 0.875em;
}

.faux-row {
	width: 100%;
	border: 1px solid #fff;
}

.faux-row div {
	min-height: 45px;
	padding: 12.5px 15px;
	background: #eee;
	line-height: 20px;
}

.faux-table .head {
	height: 45px;
/*	background: ; Set in stylesheets.liquid snippet via Site Metafields */
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
}


/*	Responsive Video --- */
/*
.responsive-video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
*/

/*	TEXT STYLES ------ */

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 30px 0;
	font-weight: 300;
/*	letter-spacing: ;
	color: ; */
}

p {
	margin: 15px 0;
}

main p:last-child {
	margin-bottom: 30px;
}

main ul,
main ol {
	margin: 15px 0;
	padding-left: 45px;
}

main li {
	margin: 7.5px 0;
}

b,
strong {
	font-weight: 600;
}

hr {
	margin: 15px 0;
/*	border-top-color: ; */
}


/*	LINK STYLES ------ */

/*	GLOBAL --- */

a:active,
a:hover,
a:link,
a:visited {
	font-weight: 400;
/*	color: ; Set in stylesheets.liquid snippet via Site Metafields */
	text-decoration: none;
}

a:hover {
/*	color: ; Set in stylesheets.liquid snippet via Site Metafields */
}

a.link-button:active,
a.link-button:hover,
a.link-button:link,
a.link-button:visited {
    display: inline-block;
    padding: 0 30px;
    line-height: 45px;
    text-decoration: none;
	white-space: nowrap;
/*	background: ; Set in stylesheets.liquid snippet via Site Metafields */
	font-size: 0.9375em;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
}

a.link-button:hover {
/*	background: ; Set in stylesheets.liquid snippet via Site Metafields */
	color: #fff;
}

.toll-free-number {
	text-transform: uppercase;
}
/*
.alert a {
	font-weight: 600;
}
*/

/*	SECTIONS ---------- */

/*	Background x ------ */

/*
.bg-x {
	background-color: ;
	color: ;
}

.bg-x * {
	color: ;
}

.bg-x a:active,
.bg-x a:hover,
.bg-x a:link,
.bg-x a:visited {
	color: ;
	text-decoration: ;
}

.bg-x a:hover {
	color: 
}
*/


/*	Background Image ------ */

/*
.bg-wrap {
    background-position: 50% 50%;
}

.parallax-window:before {
	content: '';
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	overflow: hidden;
	background-color: ;
	background-size: cover;
	background-repeat: no-repeat;
}
*/

/*	HEADER ---------- */

/*	NAV ------ */

#nav-container,
#nav-collapse,
nav li ul li {
    background: #fff;
}

#nav-container {
	z-index: 3000; /* compete with Slick Carousel items */
/*	box-shadow: 0 0 15px rgba(0,0,0,0.5); */
}

#nav-icon span,
#nav-icon span:before,
#nav-icon span:after {
	background: #222;
}

nav a:link,
nav a:visited,
nav a:hover,
nav a:active,
#nav-container [id^=phone] {
/*	color: ; Set in stylesheets.liquid snippet via Site Metafields */
	font-size: 0.875rem;
/*	font-weight: ; */
	text-transform: uppercase;
/*	letter-spacing: ; */
}

nav a:hover,
nav .selected>a,
#nav-container [id^=phone]:hover {
/*	color: ; Set in stylesheets.liquid snippet via Site Metafields */
}

/*	NAV AUTH --- */

#nav-auth-container {
	/* These rules will cnflict with #phone-nav-ext if it is unhidden in nav.liquid snippet */
	-webkit-box-ordinal-group: 2; /* initial value 1 */
	-ms-flex-order: 1; /* initial value 0 */
	order: 1; /* initial value 0 */
}

#nav-auth {
	width: 100%;
}

#nav-auth li a,
#nav-auth li input[type=submit] {
	font-size: 0.875rem;
}

#nav-auth form {
	height: 100%;
}

#nav-auth input[type=submit] {
	height: 100%;
	margin: 0;
	padding: 0;
	background: none;
	color: inherit;
}

#nav-auth input[type=submit]:hover {
	cursor: pointer;
}


/*	BANNER ------ */

/*
#banner .bg-wrap {
	background-color: ; /* in case image fails to load */ /*
}

#banner .txt-wrap .title,
#banner .txt-wrap .subtitle {
	font-weight: ;
}

#banner .link-button {
    background-color: ;
	color: ;
}

#banner .link-button:hover {
    background-color: ;
    color: ;
}
*/

#banner #client-logo {
	width: 100%;
}

#banner #hillcrest-logo {
	display: inline-block;
	max-width: 120px;
}

#banner #credit span {
	color: #fff;
}


/*	FOOTER ---------- */

/*	FOOTER TOP ------ */

#footer-logo {
	margin: 30px 0;
}

#social {
	margin-left: -15px;
	margin-right: -15px;
}

#social a {
	text-decoration: none;
	display: block;
}

#social a i {
	display: block;
	border-radius: 50%;
	padding: 15px;
}

ul.contact-info {
	list-style-type: none;
	padding: 0;
}

ul.contact-info li {
	margin: 30px 0;
}

ul.contact-info i {
	padding-right: 15px;
}

ul.contact-info a {
	text-decoration: none;
}

#footer-top .toll-free-number {
    font-size: 0.75em;
}

/*	FOOTER BOTTOM ------ */

/*
#footer-bottom a {
	text-decoration: none;
}
*/


/*  FORMS ---------- */

label {
	font-weight: 600;
}

input,
select,
textarea {
	background: #eee;
}

input[type=submit],
button[type=button],
button[type=submit] {
/*	background: ; Set in stylesheets.liquid snippet via Site Metafields */
	color: #fff;
	font-size: 0.9375em;
/*	font-weight: ; */
	text-transform: uppercase;
/*	letter-spacing: ; */
}

input[type=submit]:hover,
button[type=button]:hover,
button[type=submit]:hover {
/*	background: ; Set in stylesheets.liquid snippet via Site Metafields */
	color: #fff;
}


/*  FORM BROWSER RESETS ------ */

/*	customise Chrome form-field focus outline */
input:focus,
select:focus,
textarea:focus {
	outline: #222 1px solid !important;
}
/* */


/*  PLACEHOLDERS ------ */

/*  Placeholders (Standard) --- */

::-webkit-input-placeholder {
	color: #b8b8b8;
	opacity: 1;
}
:-moz-placeholder {
	color: #b8b8b8;
	opacity: 1;
}
::-moz-placeholder {
	color: #b8b8b8;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #b8b8b8;
}
:placeholder {
	color: #b8b8b8;
}

/*  Placeholders :focus --- */

:focus::-webkit-input-placeholder {
	color: #999;
}
:focus:-moz-placeholder {
	color: #999;
}
:focus::-moz-placeholder {
	color: #999;
}
:focus:-ms-input-placeholder {
	color: #999;
}
:placeholder {
	color: #999;
}

/*	FORM ERRORS ------ */

input.error,
.submitted input:required:invalid,
select.error,
.submitted select:required:invalid,
textarea.error
.submitted textarea:required:invalid {
	background: #ffebeb;
}

select.error,
.submitted select.error {
	color: #ff3b3b;
}

/*  Placeholders (Error) --- */

.error::-webkit-input-placeholder,
.submitted .error::-webkit-input-placeholder {
	color: #ff7676;
	opacity: 1;
}
.error:-moz-placeholder,
.submitted .error:-moz-placeholder  {
	color: #ff7676;
	opacity: 1;
}
.error::-moz-placeholder,
.submitted .error::-moz-placeholder {
	color: #ff7676;
	opacity: 1;
}
.error:-ms-input-placeholder,
.submitted .error:-ms-input-placeholder {
	color: #ff7676;
}
.error:placeholder,
.submitted .error:placeholder {
	color: #ff7676;
}

/*  Placeholders (Error) :focus --- */

.error:focus::-webkit-input-placeholder,
.submitted .error:focus::-webkit-input-placeholder {
	color: #ff3b3b;
}
.error:focus:-moz-placeholder,
.submitted .error:focus:-moz-placeholder {
	color: #ff3b3b;
}
.error:focus::-moz-placeholder,
.submitted .error:focus::-moz-placeholder {
	color: #ff3b3b;
}
.error:focus:-ms-input-placeholder,
.submitted .error:focus:-ms-input-placeholder {
	color: #ff3b3b;
}
.error:placeholder,
.submitted .error:placeholder {
	color: #ff3b3b;
}


/*	CSS TRANSITIONS ---------- */

a:link,
a:visited,
a:hover,
a:active,

.catalogue-wrap a .box-wrap,
.catalogue-wrap a span.price,
.product-wrap a .box-wrap,
.product-wrap a span.price,

button,
button:hover
input,
input:hover {
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}


/*  PAGES ---------- */

/*	SEARCH ----- */

#search-form label {
	display: none;
}

#search-results-wrap {
	position: absolute;
	background: #fff;
}

#search-results {
	padding: 7.5px 0;
}

.search-result {
	padding: 7.5px 15px;
}


/*	SHOP ------ */

#nav-shop,
#shop-container {
	padding-top: 0;
}

/*	Shop Nav --- */

#nav-shop h4  {
	margin-top: 15px;
}

#nav-shop ul {
	padding-left: 17.5px;
	list-style-type: none;
	list-style-position: inside;
}

#nav-shop li {
	position: relative;
	white-space: normal;
}

#nav-shop li:before {
    content: '\276D\276D';
	position: absolute;
    left: -17.5px;
	letter-spacing: -0.1em;
	font-family: sans-serif;
}

/*	Shop Container --- */

#shop-container h3,
#shop-container h4  {
	margin: 15px 0;
}

span.price {
	position: absolute;
	display: block;
	bottom: -7.5px;
	right: -7.5px;
	color: #fff;
}

/*	Catalogues/Products List */

#catalogues .img-wrap,
#products .img-wrap,
#product-img-wrap .img-wrap {
	padding: 22.5px;
}

.img-wrap .no-img {
	text-align: center !important;
}

.link-wrap:hover .box-wrap {
	box-shadow: 0 0 15px rgba(0,0,0,0.65);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.product-wrap span.price {
	padding: 5px 12.5px;
}

.catalogue-wrap h5,
.product-wrap h5 {
	margin-bottom: 15px;
}

#pagination a {
	margin: 15px 15px 0;
}

#pagination a:only-child {
	margin: 15px auto 0;
}


/*	PRODUCT DETAILS (Content Type Template) ------ */

.product-details form > .int-wrap {
	margin: 0 -15px; /* override base.css */
}

.product-details .box-wrap {
    box-shadow: 0 0 15px rgba(0,0,0,0.25);
}

span.tag-new {
    display: block;
    position: absolute;
    top: 15px;
    left: -30px;
    z-index: 1;
    -webkit-transform: rotate(315deg);
	transform: rotate(315deg);
    padding: 5px 45px;
/*	background: ; Set in stylesheets.liquid snippet via Site Metafields */
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
}

.product-details h5 {
	margin: 15px 0;
	font-weight: 600;
}

.product-details span.price {
	padding: 7.5px 15px;
}

.product-details label {
	line-height: 45px;
}

#product-desc-wrap p:last-child {
	margin-bottom: 0;
}

#product-attr-wrap {
	padding-bottom: 0;
}

.product-details .flex-container > label {
	padding-right: 15px;
	line-height: 45px;
}

.product-details input,
.product-details select {
	margin: 0;
}

.product-details .tag-attr label {
	display: inline-block;
}

.product-details .content-type-attr:not(:last-child) select {
	margin-bottom: 15px;
}

#quantity-pricing {
	min-height: 45px;
	margin-bottom: 15px;
}

#quantity-pricing span {
	line-height: 22.5px;
}

span#quantity-min,
span#unit-type {
	font-weight: 300;
}

#total-price {
	pointer-events: none;
}

#product-actions button {
	margin: 15px 15px 0;
}

#product-alerts p {
	margin-top: 0;
	text-align: center !important;
}

#product-alerts .alert {
	opacity: 0;
	visibility: hidden;
}

#product-alerts #cart-link-wrap p {
	margin-bottom: 15px; /* override base.css :last-child rule */
}

#product-template #price-info {
	text-align: center;
}


/*	CART ------ */

/*	Faux Table */

#cart .faux-table .quantity:not(.head) {
	padding: 0;
	background: #ddd;
}

#cart .quantity input[type=number] {
	min-height: 45px;
	margin: 0;
	padding: 0 15px !important;
	background: #ddd;
}

#cart .total {
	font-weight: 400;
}

/*	Remove */

#cart .faux-row .remove.head {
	background: none;
}

#cart .faux-row .remove:not(.head) {
	width: 45px;
	padding: 0;
}

#cart .remove * {
	text-align: center !important;
}

#cart .remove button {
	width: 100%;
	height: 100%;
	min-height: 45px;
	margin: 0;
	padding: 0;
}

#cart button,
#cart .link-button {
	margin: 15px 15px 0;
}

/*	Shipping */

#cart #shipping-head,
#cart #shipping-price {
	font-weight: 400;
}

#cart #shipping #shipping-options {
	padding: 0;
}

#cart #shipping-options select {
	margin: 0;
	background: #ddd;
}

/*	Total */

#cart #total {
	border: 1px solid #fff;
}

#cart #total div {
	border: 0;
	background: #ccc;
	font-weight: 600;
}

/*	Cart Actions */

#cart-actions {
	margin-left: -15px;
	margin-right: -15px;
}

/*	Cart Alerts */

#cart-alerts > div {
	padding: 0 15px 15px;
}

#cart-alerts p {
	margin-top: 0;
}

#cart-alerts .alert-shipping {
	opacity: 0;
}

#cart-alerts .alert-shipping p {
	margin-bottom: 0;
}


/*	CHECKOUT ------ */

#checkout form > div {
/*	margin-top: -15px; */
	padding-top: 0;
}

#checkout form #amount .pos-rel {
	height: calc(1.4em + 15px);
}

#checkout form #amount .alert {
	position: absolute;
	display: none;
	width: 100%;
}

#checkout form #amount .alert p,
#checkout form #payment-method label:first-child {
	margin: 0 0 15px;
}

#checkout form #payment-method input + label {
	font-weight: revert;
}

#checkout form label[for=terms] {
	display: inline;
}


/*	ORDER STATUS ------ */

#order-status button,
#order-status a.link-button {
	margin-bottom: 0;
}


/*	USER PAGES ------ */

#register .int-wrap > div,
#login .int-wrap > div,
#account .int-wrap > div {
	padding-top: 0;
}

#register form > p:first-child,
#login input#auth-email,
#password-forgot input#auth-email,
#password-reset input#auth-password {
	margin-top: 0;
}


/*	ACCOUNT ------ */

#account ul {
	margin-top: 0;
	padding: 0;
	list-style-type: none;
}

#account .alert {
	opacity: 0;
}


/*	UPDATE ------ */

#update .int-wrap > div {
	padding-top: 0;
}


/*  CONTACT ------ */
/*
#google-map {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 25%;
}

#google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
*/

/*	TERMS ------ */

#terms-list li {
	margin: 15px 0;
}


/*  ==========================================================================
	INDIE.WEB CUSTOM MEDIA QUERIES
	==========================================================================  */

/*	Screen Sizes 240px and smaller ---------- */
@media only screen 
and (max-width : 240px) {

	/*	HEADER ---------- */

	/*	BANNER ------ */

	#banner .subtitle {
		color: #fff; /* override banner.css */
	}

/*
	#banner {
		background-color: #fff; /* match page background color for mobile */ /*
	}
*/
	/*	Carousel --- */
/*
	.slick-arrow {
		padding: 0 15px;
	}
*/
	/*	Pager */
	/*	Styles for both dot over page and dot over banner to account for <240px and =240px, respectively */
/*
	#banner .slick-dots li button:before {
		color: ; /* dot color over page */ /*
	}
	#banner .slick-dots.pos-abs li button:before {
		color: ; /* dot color over banner */ /*
	}
	
	#banner .slick-dots li.slick-active button:before {
		color: ; /* active dot color over page */ /*
	}
	#banner .slick-dots.pos-abs li.slick-active button:before {
		color: ; /* active dot color over banner */ /*
	}
*/


	/*	PAGES ---------- */

	/*	SEARCH ------ */

	#search-form {
		padding: 0 7.5px;
	}

	#search-results-wrap {
		position: absolute;
		margin: 7.5px;
	}

}


/*	Screen Sizes 240px and larger ---------- */
@media only screen 
and (min-width : 240px) {

	/*	HEADER ---------- */
	
	/*	BANNER ------ */

	/*	Carousel --- */
/*
	.slick-arrow {
		padding: 0 30px;
	}
*/
	/*	Pager */
/*
	#banner .slick-dots li button:before {
		color: ; /* dot color over banner */ /*
	}
	
	#banner .slick-dots li.slick-active button:before {
		color: ; /* active dot color over banner */ /*
	}
*/


	/*	PAGES ---------- */

	/*	SEARCH ------ */
	
	#search-form {
		padding: 0 15px;
	}

	#search-results-wrap {
		margin: 7.5px 15px;
	}

}


/*	Screen Sizes 320px and smaller ---------- */
@media only screen 
and (max-width : 320px) {

	/*	HEADER ---------- */

	/*	BANNER ------ */

	#banner #client-logo {
		margin-top: 15px;
	}

	#banner .subtitle {
		margin-bottom: 15px;
	}

	#banner #credit {
		margin-bottom: 7.5px;
	}


	/*  CONTACT ------ */
/*
	#google-map {
		padding-bottom: 100%;
	}
*/
}


/*	Screen Sizes 320px and larger ---------- */
@media only screen 
and (min-width : 320px) {

	/*	HEADER ---------- */

	/*	NAV ------ */

	#nav-auth li {
		display: inline-block;
	}

	#nav-auth li:not(.desktop) {
		padding: 0 15px;
	}

}


/* Screen Sizes	320px - 480px		--------- */
@media only screen 
and (min-width : 320px)
and (max-width : 560px) {


}


/* Screen Sizes	320px - 560px		--------- */
@media only screen 
and (min-width : 320px)
and (max-width : 560px) {

	/*	PAGES ---------- */

	/*  CONTACT ------ */
/*
	#google-map {
		padding-bottom: 50%;
	}
*/
}


/* Screen Sizes	320px - 640px		--------- */
@media only screen 
and (min-width : 320px)
and (max-width : 640px) {

	/*	HEADER ---------- */

	/*	BANNER ------ */

	#banner #client-logo {
		margin-top: 30px;
	}

	#banner #credit {
		margin-bottom: 22.5px;
	}

}


/*	Screen Sizes 400px and smaller ---------- */
@media only screen 
and (max-width : 400px) {

	/*	MAIN ---------- */

	main ul.contact-info {
		text-align: center;
	}
	

	/*	FOOTER ---------- */

	#footer-top .inner > div:nth-child(2) {
		text-align: center;
	}

	#social {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	#footer-top .inner > div:last-child {
		text-align: center;
	}

	#footer-top ul.contact-info .flex-container {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	/*	Affects Contact page info also */
	ul.contact-info .flex-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	ul.contact-info i {
		padding-right: 0;
	}

	.icon-wrap {
		margin: 7.5px 0;
	}


	/*	PAGES ---------- */
	
	/*	SHOP ------ */

	.cart-link {
		margin: 0 auto;
	}

	.catalogue-wrap,
	.product-wrap {
		width: 100%;
	}

	/*	Shop Container --- */

	/*	Catalogues/Products List */

	#pagination {
		-webkit-justify-content: space-around;
		justify-content: space-around;
	}


	/*	PRODUCT DETAILS (Content Type Template) ------ */

	#product-actions {
		-webkit-justify-content: space-around;
		justify-content: space-around;
	}


	/*	CART ------ */

	#cart-actions {
		-webkit-justify-content: space-around;
		justify-content: space-around;
	}


	/*	ACCOUNT ------ */

	#account #orders .head.desktop {
		display: none;
	}

	#account #orders .faux-row > div {
		width: 100%;
	}

	#account #orders .faux-row .head.mobile {
		display: block;
	/*	background: ; Set in stylesheets.liquid snippet via Site Metafields */
		font-weight: 400;
		color: #fff;
	}

}


/* Screen sizes 400px and larger ---------- */
@media only screen 
and (min-width : 400px) {

	/*	FOOTER ---------- */

	/*	FOOTER TOP ------ */

	#footer-top .contact-info .icon-wrap i {
		vertical-align: middle;
	}


	/*	PAGES ---------- */

	/*	SHOP ------ */

	.pos-rel > .cart-link {
		position: absolute;
		right: 15px;
	}


	/*	CART ------ */

	/*	Cart Actions */

	#cart-actions {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}


	/*	ACCOUNT ------ */

	#account #orders .faux-row .mobile {
		display: none;
	}

	#account #orders .faux-row .head.mobile {
		display: block;
		background: #eee;
		color: inherit;
	}

	#account #orders .faux-row > div {
		width: 33.3333%;
	}

}


/* Screen Sizes	400px - 480px		--------- */
@media only screen 
and (min-width : 400px)
and (max-width : 480px) {

	/*	PAGES ---------- */
	
	/*	SHOP ------ */

	.catalogue-wrap,
	.product-wrap {
		width: 50%;
	}

	/*	Shop Container --- */

	/*	Catalogues/Products List */

	#pagination {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}


	/*	PRODUCT DETAILS (Content Type Template) ------ */

	#product-actions {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}

}


/*	Screen Sizes 400px - 640px ---------- */
@media only screen 
and (min-width : 400px)
and (max-width : 640px) {

	/*	FOOTER ---------- */

	#footer-top .inner > div:nth-child(2) {
		text-align: left;
	}

	#footer-top #social {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	#footer-top .inner > div:last-child {
		text-align: left;
	}

	#footer-top ul.contact-info .flex-container {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

}


/* Screen sizes 480px and smaller ---------- */
@media only screen 
and (max-width : 480px) {

	/*  PAGES ---------- */

	/*	SHOP ------ */

	#nav-shop,
	#shop-container {
		width: 100%;
	}


	/*	CART ------ */

	#cart .attributes,
	#cart .price,
	#cart .quantity {
		width: 100%;
	}

	#cart .total {
		width: calc(100% - 45px);
	}

	/*	Shipping */
	
	#cart #shipping-head {
		width: 100%;
	}

	#cart #shipping-options,
	#cart #shipping-price {
		width: 100%;
	}

	/*	Total */

	#cart .cart-total-head,
	#cart .cart-total {
		width: 100%;
	}

}


/*	Screen Sizes 480px - 640px ---------- */
@media only screen 
and (min-width : 480px)
and (max-width : 640px) {

	/*  PAGES ---------- */

	/*	SHOP ------ */

	#nav-shop,
	#shop-container {
		width: 50%;
	}

	.catalogue-wrap,
	.product-wrap {
		width: 100%;
	}

	/*	Shop Container --- */

	/*	Catalogues/Products List */

	#pagination {
		-webkit-justify-content: space-around;
		justify-content: space-around;
	}


	/*	PRODUCT DETAILS (Content Type Template) ------ */

	#product-actions {
		-webkit-justify-content: space-around;
		justify-content: space-around;
	}


	/*	PAGES ---------- */

	/*	CART ------ */

	#cart .name,
	#cart .attributes {
		border-bottom: 2px solid #fff;
	}

	#cart .attributes {
		width: 100%;
	}

	#cart .price,
	#cart .quantity,
	#cart .total {
		width: calc(33.3333% - 15px);
	}

	/*	Shipping */

	#cart #shipping-head {
		width: 100%;
	}

	#cart #shipping-options {
		width: calc(66.6666% - 30px);
	}

	#cart #shipping-price {
		width: calc(33.3333% + 30px);
	}

	/*	Total */

	#cart .cart-total-head {
		width: calc(66.6666% - 30px);
	}

	#cart .cart-total {
		width: calc(33.3333% + 30px);
	}

}


/*	Screen Sizes 480px - 800px ---------- */
@media only screen 
and (min-width : 480px)
and (max-width : 800px) {

}


/*	Screen Sizes 560px and smaller ---------- */
@media only screen 
and (max-width : 560px) {

	/*	HEADER ---------- */
	
	/*	BANNER ------ */
/*	
	#banner {
		max-height: calc(100vh - 60px);
	}
*/

	/*	PAGES ---------- */

	/*  CART ------ */

	/*	Cart Alerts */

	#cart-alerts > div {
		width: 100%;
	}

	#cart-alerts .alert-shipping p,
	#cart-alerts #price-info {
		text-align: center;
	}

}


/*	Screen Sizes 560px and larger ---------- */
@media only screen 
and (min-width : 560px) {

	/*	PAGES ---------- */

	/*  CART ------ */

	/*	Cart Alerts */

	#cart-alerts {
		flex-direction: row-reverse;
	}

	/*	Cart Alerts */
	
	#cart-alerts > div {
		width: 50%;
	}
	
	#cart-alerts .alert-shipping p {
		text-align: right;
	}

}


/*	Screen Sizes 560px - 800px ---------- */
@media only screen 
and (min-width : 560px)
and (max-width : 800px) {

	/*	HEADER ---------- */

	/*	Banner ------ */
/*	
	#banner {
		max-height: calc(100vh - 75px);
	}
*/

	/*	PAGES ---------- */

	/*  CONTACT ------ */
/*
	#google-map {
		padding-bottom: 33.3333%;
	}
*/
}


/*	Screen sizes 640px and smaller ---------- */
@media only screen 
and (max-width : 640px) {

	/*	HEADER ---------- */

	/*	BANNER ------ */

	#banner .flex-container {
		flex-wrap: wrap;
	}

	#banner .flex-box {
		width: 100%;
		text-align: center;
	}

	#banner #client-logo {
		max-width: 100%;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	#banner .subtitle {
		margin-top: 0;
	}

	#banner #hillcrest-logo {
		margin: 7.5px 0;
	}


	/*	PAGES ---------- */

	/*	SEARCH ------ */

	#search-form input {
		height: 30px;
	}

	#search-results-wrap {
		top: 45px;
	}

}


/*	Screen Sizes 640px and larger ---------- */
@media only screen
and (min-width : 640px ) {

	/*	HEADER ---------- */

	/*	BANNER ------ */

	#banner .flex-container {
		flex-wrap: nowrap;
	}

	#banner #client-logo {
		margin: 30px 0;
	}

	#banner .subtitle {
		margin-top: 30px;
	}

	#banner #credit {
		margin-bottom: 30px;
	}
	

	/*	FOOTER ---------- */

	#footer-top .inner > div:nth-child(2) {
		text-align: center;
	}

	#social {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	#footer-top .inner > div:last-child {
		text-align: right;
	}

	#footer-top ul.contact-info .flex-container {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}


	/*	PAGES ---------- */
	
	/*	SHOP ------ */

	/*	Shop Container --- */

	/*	Catalogues/Products List */

	#pagination {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}


	/*	CHECKOUT ------ */

	#checkout-form textarea {
		height: 345px;
	}
	
}


/*	Screen Sizes 640px - 800px ---------- */
@media only screen 
and (min-width : 640px)
and (max-width : 800px) {

	/*  PAGES ---------- */

	/*	SHOP ------ */

	#nav-shop {
		width: 33.3333%;
	}

	#shop-container {
		width: 66.6666%
	}

	.catalogue-wrap,
	.product-wrap {
		width: 50%;
	}


	/*	PRODUCT DETAILS (Content Type Template) ------ */

	#product-actions {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}


	/*	PAGES ---------- */

	/*	SEARCH ------ */

	#search-results-wrap {
		top: 60px;
	}
	

	/*	CART ------ */

	#cart .name {
		border-bottom: 2px solid #fff;
	}

	#cart .attributes {
		width: calc(40% - 45px);
	}

	#cart .price,
	#cart .quantity,
	#cart .total {
		width: 20%;
	}

	/*	Shipping */

	#cart #shipping-head {
		width: calc(40% - 45px);
	}

	#cart #shipping-options {
		width: 40%;
	}

	#cart #shipping-price {
		width: calc(20% + 45px);
	}

	/*	Total */

	#cart .cart-total-head {
		width: calc(80% - 45px);
	}

	#cart .cart-total {
		width: calc(20% + 45px);
	}

}


/*	Screen Sizes 800px and smaller ---------- */
@media only screen
and (max-width : 800px ) {

	/*	HEADER ---------- */

	/*	NAV ------ */

	nav .desktop {
		display: none;
	}


	/*	PAGES ---------- */

	/*	SHOP ------ */

	/*	PRODUCT DETAILS (Content Type Template) --- */

	#product-img-wrap,
	#product-desc-wrap,
	#product-attr-wrap,
	#product-quant-wrap {
		width: 100%;
	}


	/*	CART ------ */

	#cart .faux-row:not(#total) {
		margin-bottom: 15px;
	}

	#cart .minus-800 {
		display: inline;
	}

	#cart .plus-800 {
		display: none;
	}

	#cart .desktop {
		display: none;
	}

	#cart .name,
	#cart .remove {
		width: 100%;
	}

	#cart .faux-row .name a {
		font-weight: 400;
		color: #fff;
	}

	#cart .alert-cart-empty {
		margin-top: 0;
	}

	/*	Remove */

	#cart .faux-row .remove {
		background: none;
		text-align: right !important;
	}

	#cart .remove button {
		display: inline-block;
		width: 45px;
	}

}


/*	Screen Sizes 800px and larger ---------- */
@media only screen
and (min-width : 800px ) {

	/*	HEADER ---------- */

	/*	NAV ------ */

	nav .desktop {
		padding: 0;
	}

	nav .desktop span {
		display: inline-block;
		line-height: 90px;
	}

	/* sub-menu list */

/*	nav li ul {
		box-shadow: 0 0 15px rgba(0,0,0,0.5);
		clip: rect(0px, 600px, 1200px, -15px); /* 600px and 1200px essentially set the maximum width and height (respectively) of the sub ul element */ /*
		-webkit-clip-path: inset(0 -15px -15px -15px);
		clip-path: inset(0 -15px -15px -15px);
	}
*/

	/*	BANNER ------ */
/*
	#banner {
		max-height: calc(100vh - 90px);
	}
*/

	/*	PAGES ---------- */

	/*	SEARCH ------ */

	#search-results-wrap {
		top: 75px;
	}

	
	/*	SHOP ------ */

	#shop-container {
		width: 75%
	}

	#nav-shop {
		width: 25%;
	}

	.catalogue-wrap,
	.product-wrap {
		width: 33.3333%;
	}

	/*	PRODUCT DETAILS (Content Type Template) --- */

	#product-img-wrap,
	#product-desc-wrap,
	#product-attr-wrap,
	#product-quant-wrap {
		width: 50%;
	}


	/*	CART ------ */

	#cart .faux-row {
		border: 1px solid #fff;
	}

	#cart .minus-800 {
		display: none;
	}

	#cart .plus-800 {
		display: inline;
	}

	#cart .name {
		width: calc(30% - 45px);
	}
	
	#cart .attributes {
		width: 25%;
	}

	#cart .total.head {
		width: calc(15% + 45px);
	}
	
	#cart .price,
	#cart .quantity,
	#cart .total:not(.head) {
		width: 15%;
	}

	#cart .alert-cart-empty p {
		margin-top: 30px;
		text-align: center !important;
	}

	/*	Shipping */

	#cart #shipping-head {
		width: calc(30% - 45px);
	}

	#cart #shipping-options {
		width: 55%;
	}

	#cart #shipping-price {
		width: calc(15% + 45px);
	}

	/*	Total */

	#cart .cart-total-head {
		width: calc(85% - 45px);
	}

	#cart .cart-total {
		width: calc(15% + 45px);
	}

}


/*	Screen Sizes 800px - 960px ---------- */
@media only screen 
and (min-width : 800px)
and (max-width : 960px) {

	/*	HEADER ---------- */

	/*	NAV ------ */

	/* provide more room for menu items */
/*	#phone-nav-ext {
		display: none;
	}
*/

	/*	PAGES ---------- */

	/*	PRODUCT DETAILS (Content Type Template) ------ */

	#product-actions {
		-webkit-justify-content: space-around;
		justify-content: space-around;
	}

}


/*	Screen Sizes 960px and larger ---------- */
@media only screen
and (min-width : 960px ) {

	/*	PAGES ---------- */

	/*	PRODUCT DETAILS (Content Type Template) ------ */

	#product-actions {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}

}