/*================ Base Text Styles ===============*/

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4em line-height: 2.1;
}

.nopad {
	margin: 0 !important;
	padding: 0 !important;
}

.noquantity {
	display: none !important;
}

.site-alert{
background: #b40e1f; 
color: #ffffff; 
width: 100%; 
padding: 15px; 
margin-top: 45px;
}

@media all and (min-width: 768px) {
.site-alert{ 
margin-top: 0px;
}
}

#drp-popup {
    background: RGBA(0,0,0,0.40);
    z-index: 10000;
    padding: 60px 20px;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
}

#drp-popup .inner{
    display: block;
    position: absolute;
    left: calc(50% - 145px);
    background: #ffffff;
    padding: 30px;
    margin: 0 auto;
    width: 290px;
}

#drp-popup #closeit{
  text-decoration: underline;
  font-weight: 600;
}

icon-linkedin:before,
.icon-google:before,
.icon-instagram:before,
.icon-pinterest:before,
.icon-facebook:before,
.icon-twitter:before {
	-o-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
}

.featured-image img,
.grid img {
	-o-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-webkit-transition: opacity 0.2s ease-in-out;
}

img {
	-webkit-backface-visibility: hidden;
	transform: translate3d(0px, 0px, 0px);
}

.grid img {
	border: 1px solid #ededed;
	float: left;
	display: block;
}

a,
.text-link {
	text-decoration: none;
	background: transparent;
}

a:hover,
.text-link:hover {
	color: rgba(201, 15, 30, 1);
	text-decoration: underline;
}

a:active,
.text-link:active,
a:focus,
.text-link:focus {
	color: rgba(201, 15, 30, 1);
}

#card-finder label a {
	color: #999;
}

.cta-link {
	float: left;
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
}

.rte p a {
	color: #c90f1e !important;
}


/*Reset Headings*/

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p {
	display: inline-block;
	text-align: left;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 400;
	margin: 0;
}

.rte h1,
.rte .h1,
.rte h2,
.rte .h2,
.rte h3,
.rte .h3,
.rte h4,
.rte .h4,
.rte h5,
.rte .h5,
.rte h6,
.rte .h6 {
	margin-top: 3%;
}

.rte ul {
	float: left;
	width: 100%;
}

a {
	font-family: 'Open Sans', sans-serif !important;
	margin: 0;
}

h2 a {
	color: #333333;
}

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


/*BASE Paragraphs*/

p {
	float: left;
	font-size: 0.9em;
	line-height: 1.8em;
	display: block;
	margin-bottom: 4%;
}

.rte ul {
	float: left;
	width: 95%;
	margin: 0 0 3% 5%;
	padding: 0;
}

.rte li {
	float: left;
	width: 100% !important;
	font-size: 0.9em;
}


/*Reset Wrapper*/

.main-content {
	margin-top: 0px;
	padding-bottom: 0px;
}

.small-label {
	font-size: 15px;
	color: #666666;
	display: inline-block;
	line-height: 20px;
	margin-left: 8px;
	width: 90%;
}

header .grid__item {
	margin-bottom: 0px !important;
}

#full-page {
	position: relative;
	width: 100%;
	height: auto;
	margin: 6% 0 0 0;
	padding: 0;
}

.cart__subtotal,
.cart-additional-savings__price {
	font-size: 22px !important;
	margin-left: 5px !important;
	color: #c90f1e;
}


/*SMargin Fix on Category Page grid only*/

.template-index .grid__item,
#shop .grid__item,
#printmakers-and-illustrators .grid__item,
#art-society-ranges .grid__item,
#greeting-card-categories .grid__item,
.template-search .grid__item {
	margin-bottom: 2% !important;
}

.template-search p,
.template-search p a,
.template-search h4,
.template-search h3 {
	margin-bottom: 2% !important;
}

.template-article .grid {
	float: left;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 0px;
}

.template-article .grid__item {
	padding-left: 0px;
}

.eighty {
	width: 80%;
}


/*Collection page link for spinners*/

.full-details {
	padding-top: 40px;
}

.full-details a {
	font-size: 16px;
}

.spinner-override {
	width: 50%;
}

.soft-alert {
	border: 1px #ddd solid;
	padding: 10px 15px;
}


/*Page Titles*/

h1 {
	float: left;
	color: #333333;
	font-size: 2.2em;
	margin-bottom: 4%;
	width: 100%;
}

h1 .subz {
	display: inline-block;
	color: #666666;
	font-size: 0.6em;
	font-weight: 400;
	margin-bottom: 3%;
	margin-top: 0%;
	width: auto;
}


/*Homepage Big Headlines*/

#welcome h1 {
	font-size: 2.2em;
	color: #333333;
	margin-bottom: 3%;
	width: 100%;
	font-weight: 300;
	text-align: center !important;
}


/*Page Titles   also Homepage Column Titles base*/

h2 {
	float: left;
	color: #333333;
	font-size: 1.6em;
	margin-bottom: 4%;
	width: 100%;
}


/*Homepage Column Titles*/

#home-left h2,
#home-mid h2,
#home-right h2 {
	font-size: 1.5em;
	margin-bottom: 1%;
	margin-top: 4%;
}


/*What's New + Range headings   */

h3 {
	float: left;
	color: #666666;
	font-size: 1.4em;
	line-height: 1.4em;
	margin-bottom: 3%;
	margin-top: 0%;
	width: 100%;
}

h3 a {
	color: #666666;
}

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


/*What's New   */

h4 {
	float: left;
	font-size: 1.1em;
	margin-bottom: 6%;
	width: 100%;
}

h5 {
	float: left;
	font-size: 1.1em;
	margin-bottom: 6%;
	width: 100%;
}

h6 {
	float: left;
	font-size: 0.8em;
	margin-bottom: 6%;
	width: 100%;
}

.h6 {
	float: left;
	font-size: 0.8em;
	margin-bottom: 6%;
	width: 100%;
}


/*================ Dividers ===============*/

.divider-full {
	float: left;
	position: relative;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #ededed;
	margin: 2% 0 5% 0;
}

.divider-tight {
	float: left;
	position: relative;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #ededed;
	margin: 0 0 4% 0;
}

.about .divider-full {
	margin: 2% 0 6% 0;
	padding: 0;
}


/*SArtist page divider*/

.divider-artists {
	float: left;
	position: relative;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #ededed;
	margin: 2% 0 0 0;
}

.about h2 {
	margin-top: 0;
}


/*================ CART PAGE ===============*/

.cart__row {
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
	color: #333;
	width: 100%;
}

.cart__header-labels .grid__item {
	padding: 0;
	margin: 0;
	margin-bottom: 0 !important;
	line-height: 50px;
}

.cart__row .grid--full {
	margin-left: 0;
	padding: 0 0 0 0;
	margin: 0;
}

.cartrow-fix {
	padding-top: 2% !important;
}

.cart__row input {
	line-height: 40px;
	padding: 0 0 0 8%;
}

.h3,
.h2 {
	color: #333;
	line-height: 1.2em;
}

.h3:hover,
.h2:hover {
	color: #CCC;
	text-decoration: none;
}

.red {
	color: #C20F1F;
}

.red a {
	text-decoration: underline;
}


/*================ Product Page Overrides ===============*/

.product-single__photos a,
.product-single__photos img,
.product-single__thumbnails a,
.product-single__thumbnails img,
.cart__image img,
.grid__image img {
	border: 1px solid #ededed;
}

#spinner-collection {
	float: left;
	width: 50%;
}

#spinner-collection .grid__item {
	width: 100% !important;
	padding-left: 0;
}

#spinner-collection .grid-link__title {
	display: none;
}

#spinner-collection .grid-sku {
	display: none;
}

#spinner-collection .grid-price {
	display: none;
}

#spinner-desc {
	float: left;
	width: 45%;
	margin-left: 5%;
}

#spinner-desc p {
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 3%;
}

#spinner-collection .full-details a {
	display: none!important;
}

.cart__note {
	display: block !important;
	width: 100%;
	float: left;
}

.cart__note label {
	width: 100%;
	font-size: 17px;
}

.spinner-banner {
	float: left;
	width: 48%;
	display: block;
	background: #fff;
	padding: 0 20px 0 0;
	margin: 30px 0px 0px 0px;
}

.deal-ml-15 {
	padding-left: 2%;
	border-left: 1px solid #ededed;
}

.deal-mr-15 {
	margin-right: 2%;
}

.spinner-banner img {
	float: left;
	width: 10%;
	min-width: 70px;
	max-width: 90px;
	display: block;
	margin: 0 3% 0 0;
}

.spinner-banner h3 {
	float: left;
	width: 75%;
	font-size: 26px;
	line-height: 1.4em;
	margin: 0 0 8px 0;
}

.spinner-banner h3 a {
	text-decoration: none;
	color: #666666;
}

.spinner-banner h3 a:hover {
	text-decoration: underline;
}

.spinner-banner h3 span {
	color: #FFF;
	font-size: 22px;
	display: inline-block;
	background: #c90f1e;
	padding: 2px 8px;
	font-size: 85%;
}

.spinner-banner p {
	float: left;
	width: 75%;
	font-size: 17px;
	line-height: 28px;
	margin: 0 0 8px 0;
}

.spinner-banner p a::before {
	content: "\A";
	white-space: pre;
}

.spinner-banner p img {
	display: none !important;
}


/*================ Cistom spinner message ===============*/

#custom-spinner {
	display: none;
	font-size: 16px;
	line-height: 26px;
}


/*================ Override to hide drop select inside #trade-retail ===============*/

#trade-retail select {
	background: none;
	background-color: #fff;
	padding-right: 0;
	text-indent: 0.01px;
	pointer-events: none;
	border: none !important;
	padding: 0px;
	font-size: 0.9em;
}

#AddToCartForm .quantity-selector {
	padding: 0 10px;
}


/*================ Header Overrides ===============*/

.cart-page-link {
	display: inline-block;
	line-height: 30px;
	height: 30px;
	vertical-align: middle;
	margin: 0 !important;
	padding: 0 !important;
}

.header-bar__cart-icon {
	display: inline-block;
	font-size: 1.4em;
	line-height: 30px;
	width: 25px;
	height: 30px;
	margin: 2px 5px 0 0 !important;
}

.icon-cart:before {
	content: " ";
	width: 25px;
	display: block;
	position: absolute;
	height: 25px;
	background-image: url('basket3.gif')!important;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 25px 25px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1.0;
}

.icon-cart:hover:before {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.header-bar {
	background-color: #FFFFFF;
}

.supports-fontface .header-bar__search-input[type="search"] {
	border: 1px solid #CCC;
	border-radius: 5px;
	height: 35px;
	line-height: 35px;
}

.header-bar__search {
	width: 25%;
	min-width: 200px;
	max-width: 300px;
	font-size: 1.2em;
}

#interaction {
	float: right;
	font-size: 0.7em;
	display: block;
	width: 67%;
	margin: 1% 0 1% 3%;
	padding: 0;
	line-height: 40px;
}

#customer-search {
	float: left;
	text-align: right;
	width: 100%;
}

#customer-links {
	float: left;
	text-align: right;
	width: 100%;
}

#customer-links a {
	margin-left: 6px;
}


/*================ Search Results Fixes ===============*/

.two-thirds {
	padding-left: 5%;
}


/*================ Collection Page Icon Interaction with cart ===============*/

.gridform {
	position: relative;
	float: right;
	display: block;
	z-index: 100;
	width: 100%;
	padding: 0;
	margin: -28px 0 4px 0;
}

.gridform input[type="submit"] {
	font-size: 1.0em;
	float: right;
	background-color: #DDDDDD;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	width: 25px;
	height: 25px;
	line-height: 12px;
	padding: 0;
	margin: 0 0 0 6px;
	font-weight: 900;
	text-align: left;
	border-radius: 0px;
	text-indent: 6px;
}

.disabled,
.inverted {
	text-indent: 2px !important;
}

.viewmore {
	font-size: 0.9em;
	float: right;
	display: table;
	background-color: #DDDDDD;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0 0 0 5px;
	line-height: 20px;
	vertical-align: top;
	font-weight: 900;
	text-align: center;
	border-radius: 10px;
	text-indent: 2px;
}

.viewmore:hover,
.gridform input[type="submit"]:hover {
	background-color: #c90f1e;
	color: #FFFFFF;
	text-decoration: none;
}

.grid-sku {
	float: left;
	display: block;
	color: #666666;
	margin: 0 0 5px 0;
	padding: 0;
	width: 100%;
	font-size: 0.7em;
	line-height: 16px;
}

.grid-inbasket {
	float: left;
	display: block;
	color: #338800;
	margin: 3px 0 5px 0;
    font-weight: bold;
	padding: 0;
	width: 100%;
	font-size: 0.7em;
	line-height: 16px;
}

.grid-inbasket i, .product-inbasket i {
	color: #338800;
  margin-right: 3px;
}

.product-inbasket {
	float: left;
	display: block;
	color: #338800;
	margin: 25px 0;
    font-weight: bold;
	padding: 0;
	width: 100%;
	font-size:1em;
	line-height: 16px;
}

.grid-price {
	float: left;
	display: block;
	color: #c90f1e;
	margin: 0 0 0 0;
	padding: 0;
	width: 100%;
	font-size: 0.7em;
	line-height: 16px;
}

.grid__item {
	position: relative;
	float: left;
	display: block;
	margin-bottom: 5%;
}

.gridform .ajaxified-cart-feedback.success {
	color: #3D9970;
	padding: 0;
	margin: 0;
	text-align: right;
	font-size: 0.7em;
	top: 20px;
	position: absolute;
}


/*================ Homepage Slider Override ===============*/

.flexslider {
	min-height: 100px !important;
	overflow-x: hidden !important;
}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}


/*================ Homepage 3 Columns ===============*/

#home-left {
	float: left;
	display: block;
	width: 31%;
	margin: 3% 3% 0 0;
}

#home-mid {
	float: left;
	display: block;
	width: 31%;
	margin: 3% 0 0 0;
	min-height: 300px !important;
	background-image: url('loading.gif')!important;
	background-position: 50% 10%;
	background-repeat: no-repeat;
	background-size: 120px 120px;
}

#home-right {
	float: left;
	display: block;
	width: 31%;
	margin: 3% 0 0 3%;
}

#welcome {
	float: left;
	display: block;
	width: 100%;
	text-align: center;
}

#welcome p,
#welcome p a {
	text-align: center;
	float: none;
}

#welcome p {
	width: 100%;
	padding: 0 10%;
}


/*================ Reset Top Images  ===============*/

#home-left img,
#home-mid img,
#home-right img {
	border: 1px solid #ededed;
	float: left;
	display: block;
	width: 100%;
	height: auto !important;
}


/*================ Custom Content on homepage ===============*/

.hide-below-540 {
	display: block;
	visibility: visible;
}

.show-below-540 {
	display: none !important;
	visibility: hidden;
	width: 0px !important;
	height: 0px !important;
	overflow: hidden;
}


/*================ Product Page ===============*/

.product-single__photos {
	margin: 0 4% 0 0;
}

.product-single .quantity-selector {
	width: 80px !important;
}

.product-single label {
	display: inline-block;
	font-size: 0.9em;
	margin-bottom: 2px;
	text-align: left;
	color: #555;
}

.product-single h4,
.product-single #sku,
.product-single h6 {
	margin-bottom: 1% !important;
}

.product-single h6 {
	margin-bottom: 1% !important;
	font-weight: 400;
}

.product-single h2 {
	margin-bottom: 2% !important;
}


/*================ Image Grid Overrides ===============*/

.grid-uniform {
	margin-bottom: 3% !important;
}

.grid-link__title:hover {
	color: #b40e1f !important;
}

.grid-link__title {
	float: left;
	display: block;
	color: #333333;
	font-size: 0.9em;
	line-height: 1.2;
	font-weight: 400;
	margin: 4% 0 3% 0;
}

.grid-link__vendor {
	float: left;
	display: block;
	color: #999999;
	font-size: 0.8em;
	line-height: 1.0;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 5%;
}

.view-link {
	float: left;
	display: block;
	color: rgba(201, 15, 30, 1);
	font-size: 0.7em;
	line-height: 0.8;
}


/*================ Register Page Layout ===============*/

.fifty-left {
	float: left;
	display: block;
	width: 48%;
	padding: 0 0 2% 0;
	margin: 5% 3% 2% 0;
}

.fifty-right {
	float: left;
	display: block;
	width: 48%;
	padding: 0 0 2% 0;
	margin: 5% 1% 2% 0;
}

.full {
	float: left;
	display: block;
	width: 100%;
	padding: 5% 0 2% 0;
	margin: 0 0 2% 0;
	border-top: 1px solid #ededed;
}

.template-page .fifty-left,
.template-page .fifty-right {
	margin-top: 0px;
}

.template-page .fifty-right {
	margin-left: -60px;
	margin-top: 0px;
	border-left: 1px solid #ededed;
	padding-left: 4%;
}

.form-success {
	color: #56ad6a;
	background-color: #ecfef0;
	border-color: #56ad6a;
	padding: 3%;
	margin-bottom: 4%;
}


/*================ Header Overrides ===============*/

#custom-header {
	float: left;
	position: relative;
	width: 100%;
	display: block;
	height: 100%;
	margin: 0;
	padding: 0;
}

.nav-full {
	float: left;
	width: 100%;
	display: block;
	height: 60px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ededed;
	border-top: 1px solid #ededed;
}

.site-header {
	padding: 0;
}

.site-header__logo {
	margin: 2% auto;
}

.breads {
	float: left;
	position: relative;
	width: 100%;
	display: block;
	line-height: 20px;
	margin: 0 0 20px 0;
	padding: 0;
}


/*================ 2 Column Layout ===============*/

#custom-wrapper {
	float: left;
	position: relative;
	width: 100%;
	display: block;
	height: 100%;
	margin: 0;
	padding: 0;
}

#side-col {
	float: left;
	position: relative;
	width: 25%;
	display: block;
	margin: 0 3% 3% 0;
	padding: 0;
}

#side-col-blog {
	float: right;
	position: relative;
	width: 25%;
	display: block;
	margin: 0 0 3% 3%;
	padding: 0;
}

#side-col-blog p,
#side-col-blog li a {
	font-size: 0.8em;
	line-height: 2.2em;
}

#content-col {
	float: left;
	position: relative;
	width: 72%;
	display: block;
	margin: 0 0 3% 0;
	padding: 0;
}


/*================ Blog Overrides ===============*/

.blog-date {
	font-size: 0.7em;
	line-height: 1.3em;
	margin-top: -10px;
	border-bottom: 1px solid #ededed;
	padding-bottom: 8px;
}

#side-col-blog ul {
	width: 100%;
	margin: 0;
	padding: 0;
}

#side-col-blog ul li {
	font-size: 0.9em;
	line-height: 1.8em;
	margin: 0;
}

#side-col-blog .divider-full {
	margin: 8% 0;
	padding: 0;
}


/*================ Social Media In Page===============*/

.social-sharing.is-clean a {
	background-color: #fff;
	border: none;
	color: #333;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0;
}

.social-sharing .icon,
.social-sharing.is-clean a span {
	padding: 0;
	margin: 0 5px 0 0;
	color: #333;
}


/*Fix About Us Layout*/

.about .grid,
.about .grid__item {
	margin-left: 0px;
	padding-left: 0px;
}

.product-single .icon:before,
.social-sharing.is-clean .icon:before {
	width: 26px;
	height: 26px;
	background-size: 26px 26px;
}

.social-sharing a:hover {
	background: none !important;
	text-decoration: none !important;
	color: #CCC !important;
}


/*================ Homepage Slider Overrides ===============*/

.flexslider .slides h1 {
	font-size: 0.8em !important;
	line-height: 60px;
	color: #fff;
	position: relative;
	position: absolute;
	width: 100%;
	height: 50px;
	bottom: 0px;
	margin: 0;
	padding: 1px 20px;
	border: none;
}


/*================ Custom Navigation ===============*/

ul#main-nav {
	height: 60px;
	clear: both;
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	list-style: none;
	text-align: center;
	line-height: 60px!important;
	z-index: 9999;
}

ul#main-nav li {
	vertical-align: top;
	font-size: 0.9em;
	text-transform: uppercase;
	letter-spacing: 2px;
	display: inline-block;
	position: relative;
	line-height: 60px !important;
	margin: 0;
	border-right: 1px solid #ededed;
	padding: 0 35px;
}

ul#main-nav li:hover {}

ul#main-nav li a {
	display: block;
	color: #333;
	position: relative;
	margin: 0;
	padding: 0;
	line-height: 60px !important;
}

ul#main-nav li a:hover {
	color: rgba(201, 15, 30, 1) !important;
	text-decoration: none !important;
}

ul#main-nav li ul li a:hover,
ul#main-nav li ul li a:hover {
	background-color: rgba(201, 15, 30, 1) !important;
}

ul#main-nav li ul.sub {
	display: none;
	position: absolute;
	top: 55px;
	z-index: 999999!important;
	left: -20px;
	background: #FFF;
}

ul#main-nav li:hover ul.sub,
.submenu {
	display: block;
	-webkit-box-shadow: 8px 10px 10px -6px rgba(179, 179, 179, 0.25);
	-moz-box-shadow: 8px 10px 10px -6px rgba(179, 179, 179, 0.25);
	box-shadow: 8px 10px 10px -6px rgba(179, 179, 179, 0.25);
}

ul#main-nav li ul.sub li {
	line-height: 40px! important;
	margin: 0;
	padding: 0;
	width: 100%;
	white-space: nowrap;
	min-width: 220px;
	float: left;
	border-right: none;
}

ul#main-nav li ul.sub li:hover {
	background-color: rgba(201, 15, 30, 1) !important;
	cursor: pointer !important;
}

ul#main-nav li ul.sub li:hover>a {
	color: #FFF !important;
}

ul#main-nav li ul.sub li a {
	width: 100%;
	display: block;
	text-align: left;
	font-weight: 400 !important;
	font-size: 15px;
	padding: 0 20px;
}

ul#main-nav li ul.sub li a:hover {
	color: #FFF;
}

.sub li:hover>ul.submenu {
	display: block;
	position: absolute;
	left: 100%;
	top: 0;
	background: {
		{settings.dropdown-hover-background
		}
	}
	;
}

.submenu {
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 45px;
	z-index: 5;
	left: 300px !important;
	background: #FFF;
}

.rightarrow {
	position: absolute;
	right: 10px;
	top: 0;
	font-size: 8px;
	color: {
		{
			settings.dropdown-link-color
		}
	}
	;
}

.down-iconz {
	width: 15px;
	position: absolute;
	right: 15px;
	top: 0px;
	font-size: 14px;
}

.icon-arrow-down {
	font-size: 13px;
	color: #333333;
}

.right-iconz {
	width: 15px;
	position: absolute;
	right: 15px;
	top: 0;
}

.bookend {
	border-left: 1px solid #ededed;
	width: 1px;
	margin: 0;
	padding: 0;
	display: inline-block;
	height: 60px;
}

.site-nav--active a {
	font-weight: 600;
}


/*================ Mobile Main Menu and Expanded Menu ===============*/

.mobile-nav li {
	float: left;
	width: 100%;
	margin: 0;
	height: auto;
	line-height: 50px;
}

.mobile-nav__sublist {
	float: left;
	width: 100%;
	list-style: none;
	margin: 0;
	display: none;
	background-color: #fff;
}

.mobile-nav__sublist-link a {
	width: 100%;
}


/*================ Custom Left Menu Navigation ===============*/

.togglebox :before,
togglebox:after {
	content: '';
	display: block;
	position: absolute !important;
	box-sizing: border-box;
}

.togglebox {
	float: left;
	font: 15px 'Open Sans', sans-serif;
	width: 100%;
	height: auto;
	margin: 0 0 3% 0;
	background: #FFF;
}

.togglebox li {
	width: 100%;
	line-height: 0px;
	list-style: none;
	height: 0px;
	overflow: hidden;
	-o-transition: 0.2s linear 0s ease;
	-moz-transition: 0.2s linear 0s ease;
	-webkit-transition: 0.2s linear 0s ease;
	-o-transition: opacity 0.3s 0.2s;
	-moz-transition: opacity 0.3s 0.2s;
	-webkit-transition: opacity 0.3s 0.2s;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.togglebox li a {
	color: #999;
	text-decoration: none;
}

.togglebox li a:hover {
	color: #b40e1f;
	text-decoration: none;
}

.menu-radio {
	position: absolute;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.finder-label {
	background-image: url('mag.gif')!important;
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: 40px;
	position: relative;
	display: block;
	padding: 0;
	margin: 0 0 5% 0;
	font-size: 1.4em;
	font-weight: normal;
	color: #666666;
	background-size: 34px 34px;
	background-position: 0 50%;
}

.finder-label span {
	display: none;
	visibility: hidden;
	text-indent: 0px !important;
}

.label {
	position: relative;
	text-align: left !important;
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	color: #999;
	background: #FFF;
	border-bottom: 1px solid #ededed;
	cursor: pointer;
}

.label:hover {
	background: #FFF;
}

.label:after {
	content: '>';
	position: absolute;
	top: 0px;
	right: 0px;
	font-weight: bold;
}

.ul-holder {
	font: 13px 'Open Sans', sans-serif;
	width: 100%;
	margin: 0 0;
	padding: 0;
	list-style: none;
	height: 0px;
	overflow: hidden;
	-o-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
}

.menu-radio:checked~label {
	color: #000000;
}

.menu-radio:checked~label:after {
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
}

.menu-radio:checked~.ul-holder {
	height: auto;
	margin: 10px 0;
}

.menu-radio:checked~.ul-holder li,
.li-on {
	line-height: 1.8em;
	height: 1.8em;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1.0;
}

.sidebar-active {
	color: #b40e1f !important;
}


/*================ Postition card finder ===============*/

#card-finder {
	position: relative;
	float: left;
	width: 100%;
}


/*================ BLOG PAGE ===============*/

.blog-list-holder {
	display: block;
	float: left;
	width: 100%;
	margin: 0 0 3% 0;
	padding: 0;
}

.featured-image {
	display: block;
	float: left;
	width: 30%;
	margin: 0 3% 3% 0;
	padding: 0;
	display: block;
}

.about p img,
.rte p img {
	float: left;
	display: block;
	margin: 0 3% 3% 0;
	padding: 0;
	width: 30%;
	height: auto;
}


/*Blog Article image not in paragrah*/

.rte img {
	width: 100%;
	height: auto;
}

.template-collection .featured-image img,
.template-collection .grid img {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: 1px solid #ededed;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.grid__image img:hover,
.template-index .grid-link__image-centered img:hover,
.template-index #home-left img:hover,
.template-index #home-right img:hover,
.template-collection .featured-image img:hover,
.template-collection .grid img:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.excerpt {
	float: left;
	width: 67%;
	margin: 0 0 3% 0;
	padding: 0;
}

article .rte {
	margin-bottom: 6% !important;
}


/*================ Footer STYLES ===============*/

footer input,
.input-group .input-group-field {
	padding: 0 10px !important;
	line-height: 40px !important;
	height: 40px !important;
}

.input-group .btn,
.cart .btn,
.cart .btn--secondary,
.comment-form .btn,
#customer_login .btn,
.fifty-right .btn,
.contact-form .btn {
	padding: 0 10px !important;
	margin: 0!important;
	height: 40px;
	line-height: 40px;
}

#MobileNav input,
#MobileNav .btn,
#MobileNav .icon {
	height: 50px !important;
	line-height: 50px !important;
	margin: 0 !important;
	padding-top: 0 !important;
}

.input-group-btn {
	vertical-align: bottom !important;
}


/*================ Contact Form Checkbox ===============*/

.contact-form p label {
	line-height: 20px;
	width: calc(100% - 30px);
	margin-bottom: 8px;
}

.contact-form #trade,
.contact-form #privacy,
#marketing,
.contact-form #tax {
	height: 18px !important;
	line-height: 18px !important;
}

.site-footer {
	margin: 0 !important;
	padding: 0 !important;
}

footer h5,
footer h4 {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 8% 0;
	padding: 0;
	color: #333333;
	font-size: 1.0em;
	line-height: 1.2em;
	white-space: nowrap;
}

footer ul {
	float: left;
	width: 100%;
	height: auto;
}

footer li {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 3% 0;
	padding: 0;
	line-height: 1.3em;
}

footer li a,
footer p {
	display: inline-block;
	width: 100%;
	margin: 0 0 0 0;
	color: #666666;
	font-size: 13px !important;
}

.site-footer p {
	font-size: 15px !important;
	line-height: 1.5em;
	margin-bottom: 5%;
}

footer li a:hover {
	text-decoration: none;
}

footer .grid__item {
	margin: 6% 3% 0 0;
	padding: 0 3% 0 0;
	width: 22%;
	background: url('key-right.gif');
	background-position: right;
	background-repeat: repeat-y;
}

.footcol__one,
.footcol__two,
.footcol__three,
.footcol__four {
	display: block;
	visibility: visible;
}

.footcol__four {
	background: none !important;
}

footer .grid-uniform {
	margin-left: 0px !important;
}

footer .grid {
	float: left;
	position: relative;
	width: 100%;
	margin: 2% 0 3% 0;
	padding: 2% 0 0 0;
	background: url('key-horiz.gif');
	background-position: top;
	background-repeat: repeat-x;
}

footer .grid .grid__item {
	margin: 0 !important;
	background: none !important;
	width: 100% !important;
	height: 50px;
	padding: 0 !important;
}

footer .site-footer__links {
	width: 25%;
	margin: 3% 0 0 0;
	padding: 0;
	float: left;
	font-size: 13px !important;
	display: inline-block;
	line-height: 20px;
	white-space: nowrap;
}

footer .site-footer__links a {
	color: #666666 !important;
	font-size: 13px !important;
	display: inline-block;
}

.powered {
	position: relative;
	width: 25%;
	margin: 0 0 20px 0px !important;
	padding: 0 !important;
	float: left;
	font-size: 13px !important;
	display: inline-block;
	white-space: nowrap;
}

.powered img {
	float: right;
	display: inline-block;
	max-width: 100%;
	height: auto;
	margin-top: 5px;
	border: none !important;
}

.powered a {
	float: left;
	line-height: 50px;
	display: inline-block;
	font-size: 13px;
	color: #666666;
}

.footer-social {
	width: 25%;
	float: right;
	height: 40px;
	display: inline-block;
	overflow: hidden;
	font-size: 14px;
	color: #666666;
	margin: 2% 0 0 0;
	padding: 0;
	white-space: nowrap;
}

.footer-social h5 {
	float: right;
	width: auto;
	text-align: left;
	display: inline-block;
	line-height: 40px;
	font-size: 1.7em;
	margin: 0 2% 0 0 !important;
	padding: 0;
	white-space: nowrap;
	font-family: 'Amatic SC', cursive !important;
	text-transform: uppercase !important;
}

.footer-social ul {
	float: right;
	width: auto;
	display: inline-block;
	line-height: 50px;
	font-size: 2em;
	margin: 0;
	padding: 0;
}

.footer-social ul li {
	margin-left: 0;
	width: 34px;
	height: 50px;
	margin: 0;
	padding: 0;
	float: left;
}

.footer-social ul li .icon {
	font-size: 22px;
	line-height: 50px;
}

footer .grid-uniform {
	margin-bottom: 1% !important;
	display: block;
}


/*footer input[type="submit"], footer .input-group-field, input{
		height: 40px;
		line-height: 40px;}*/



footer input[type="submit"] {
	background-color: #333333;
}
.btn:hover {
	background-color: #ee1d2e;
}
.input-group btn,
.cart .btn,
.cart .btn--secondary,
.comment-form .comment-form .btn,
#customer_login .btn,
.fifty-right .btn,
.contact-form .btn {
	height: 40px !important;
	line-height: 40px !important;
}
.site-footer input {
	margin-bottom: 10px !important;
}

/*================ FOOTER SOCIAL ICONS ===============*/
.icon-mag:before,
.icon-linkedin:before,
.icon-google:before,
.icon-instagram:before,
.icon-pinterest:before,
.icon-facebook:before,
.icon-twitter:before {
	content: '';
	float: left;
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: 0.6;
	display: block !important;
	visibility: visible !important;
	background-size: 100%;
}
.icon-twitter:before {
	background-image: url('tw-icon.png')!important;
	background-position: top left;
	background-repeat: no-repeat;
}
.icon-facebook:before {
	background-image: url('fb-icon.png')!important;
	background-position: top left;
	background-repeat: no-repeat;
}
.icon-pinterest:before {
	background-image: url('pi-icon.png')!important;
	background-position: top left;
	background-repeat: no-repeat;
}
.icon-instagram:before {
	background-image: url('in-icon.png')!important;
	background-position: top left;
	background-repeat: no-repeat;
}
.icon-google:before {
	background-image: url('go-icon.png')!important;
	background-position: top left;
	background-repeat: no-repeat;
}
.icon-linkedin:before {
	background-image: url('li-icon.png')!important;
	background-position: top left;
	background-repeat: no-repeat;
}
.icon-google:hover:before,
.icon-twitter:hover:before,
.icon-facebook:hover:before,
.icon-pinterest:hover:before,
.icon-linkedin:hover:before,
.icon-instagram:hover:before {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/*================ TURN FOOTER ITEMS ON AND OFF BELOW / ABOVE 768 ===============*/
.port__plus {
	display: block;
	visibility: visible;
	overflow: visible;
}
.port__down {
	display: none;
	visibility: hidden;
	height: 0px;
	overflow: hidden;
}

/*================ Order Page ===============*/
.table-wrap {
	font-size: 0.8em;
	line-height: 1em;
	width: 100%;
}

/*================ Cart ===============*/
.errors {
	float: left !important;
	position: relative !important;
	margin: 0;
	width: 100%!important;
	padding: 12px 3%!important;
	color: #c90f1e!important;
	background: #FAE7EA!important;
	text-align: center!important;
	line-height: 1.4em!important;
	font-size: 0.8em !important;
	border: none!important;
}
.errors-sm {
	float: left !important;
	position: relative !important;
	margin: 0 0 2% 0;
	width: 100%!important;
	padding: 2px 8px !important;
	background: #FAE7EA!important;
	color: #c90f1e!important;
	font-weight: 400!important;
	text-align: left!important;
	line-height: 1.4em!important;
	font-size: 0.7em !important;
	border: none!important;
}
.errors-sm a {
	font-weight: 600 !important;
	text-decoration: underline!important;
}
.form-success {
	float: left !important;
	position: relative !important;
	margin: 2% 0;
	width: 100%!important;
	padding: 2% 3%!important;
	color: #093 !important;
	background: #ecfef0!important;
	font-weight: 600!important;
	text-align: center!important;
	line-height: 1.4em!important;
	font-size: 0.8em !important;
	border: none!important;
}

/*================ ARTISTS FEED PAGE ===============*/
.template-list-collections p a,
.template-collection a p,
.template-page p a {
	color: #555;
}
.template-collection .blog-list-holder {
	margin-bottom: 0px;
}
.template-collection h1 {
	margin-bottom: 3%;
}

/*================ HOME FEATURES ===============*/
.home-features .fifty-left img,
.home-features .fifty-right img {
	float: left;
	width: 25%;
	height: auto;
	margin: 0 5% 25px 0;
	padding: 0;
}
.home-features .fifty-left h2,
.home-features .fifty-right h2 {
	float: left;
	width: 70%;
	font-size: 1.4em;
}
.home-features .fifty-left p,
.home-features .fifty-right p {
	float: left;
	width: 70%;
	font-size: 0.8em;
}
.footer-stamp {
	float: left;
	max-width: 70px;
	margin: 0 50px 0 0;
}
.footer-stamp img {
	border: none;
}
.footer-right {
	text-align: right;
}
@media all and (max-width: 1250px) {
	.grid-link__title {
		font-size: 0.9em;
	}
	
	.site-header__logo {
		width: 30%;
		margin: 2.5% 0;
	}
	
	.nav-full,
	.ul#main-nav,
	ul#main-nav li,
	ul#main-nav li a,
	.bookend {
		line-height: 50px!important;
		height: 50px!important;
	}
	
	ul#main-nav li {
		padding: 0 28px;
		font-size: 0.8em;
	}
	
	ul#main-nav li ul.sub {
		top: 45px;
	}
	
	@media all and (max-width: 1024px) {}
	
	.divider-full {
		margin-top: 1%;
		margin-bottom: 4%;
	}
	
	.about .divider-full {
		margin: 4% 0 8% 0;
		padding: 0;
	}
	/*================ MASTER TEXT STYLES BELOW 1024 ===============*/
	
	p {
		font-size: 0.9em;
		line-height: 1.9em;
		margin-bottom: 3%;
	}
	/*Page Titles*/
	
	h1 {
		font-size: 1.8em;
		margin-bottom: 5%;
	}
	/*Homepage Big Headlines*/
	
	#welcome h1 {
		font-size: 2.0em;
	}
	/*Page Titles*/
	
	h2 {
		font-size: 1.4em;
		margin-bottom: 5%;
	}
	/*Homepage Column Titles*/
	
	#home-left h2,
	#home-mid h2,
	#home-right h2 {
		font-size: 1.1em;
	}
	/*What's New + Range headings   */
	
	h3 {
		font-size: 1.2em;
		margin-bottom: 3%;
	}
	
	h4 {
		font-size: 0.8em;
		margin-bottom: 6%;
	}
	
	h5 {
		font-size: 1.0em;
		margin-bottom: 6%;
	}
	
	h6 {
		font-size: 0.8em;
		margin-bottom: 6%;
	}
	
	.h6 {
		font-size: 0.8em;
		margin-bottom: 6%;
	}
	/*================ END MASTER TEXT STYLES BELOW 1024 ===============*/
	
	ul#main-nav li {
		padding: 0 25px;
		font-size: 0.8em;
	}
	
	.site-header__logo {
		width: 36%;
		margin: 3% 0;
	}
	
	#interaction {
		width: 57%;
	}
	
	.down-iconz {
		text-indent: 5px;
	}
	
	.spinner-banner h3 {
		font-size: 20px;
	}
	
	.spinner-banner p {
		font-size: 15px;
		margin-bottom: 10px;
	}
}
@media all and (max-width: 900px) {
	.spinner-banner {
		width: 100%;
	}
	
	.deal-mr-15 {
		margin-right: 0px;
		border-bottom: 1px solid #ededed;
		padding-bottom: 15px;
	}
	
	.deal-ml-15 {
		padding-left: 0px;
		border-left: none;
		margin-bottom: 15px;
	}
	
	footer input[type="submit"],
	footer .input-group-field,
	.contact-form input,
	.site-footer input {
		height: 50px !important;
		line-height: 50px !important;
		vertical-align: top;
		margin-top: 5px;
	}
	/*================ Card Finder Mobile ===============*/
	
	#card-finder {
		z-index: 2000;
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 50px;
		overflow: hidden;
		margin: 3% 0 3% 0;
		padding: 0px 8px;
		background: #FFF;
		border: 1px solid #ededed;
		-webkit-transition: all 0.3s cubic-bezier(.7, 0, .175, 1) 0s;
		-ms-transition: all 0.3s cubic-bezier(.7, 0, .175, 1) 0s;
		transition: all 0.3s cubic-bezier(.7, 0, .175, 1) 0s;
		max-height: 50px;
	}
	
	.finder-label {
		line-height: 50px;
	}
	
	.finder-label {
		font-size: 1.2em;
		line-height: 50px;
	}
	
	.finder-label span {
		display: block;
		visibility: visible;
		position: absolute;
		top: 0px;
		right: 0px;
		font-size: 15px;
		font-weight: bold;
		-o-transition: all 0.3s linear 0s!important;
		-moz-transition: all 0.3s linear 0s!important;
		-webkit-transition: all 0.3s linear 0s!important;
	}
	
	#card-finder:hover {
		cursor: pointer;
	}
	
	.expands {
		width: 100% !important;
		padding: 0px 8px !important;
		height: auto !important;
		max-height: 1000px !important;
		-webkit-transition: all 0.3s cubic-bezier(.7, 0, .175, 1) 0s;
		-ms-transition: all 0.3s cubic-bezier(.7, 0, .175, 1) 0s;
		transition: all 0.3s cubic-bezier(.7, 0, .175, 1) 0s;
	}
	
	.rotate {
		transform: rotate(180deg)!important;
		-moz-transform: rotate(180deg)!important;
		-o-transform: rotate(180deg)!important;
		-ms-transform: rotate(180deg)!important;
		-webkit-transform: rotate(180deg)!important;
		-o-transition: all 0.3s linear 0s!important;
		-moz-transition: all 0.3s linear 0s!important;
		-webkit-transition: all 0.3s linear 0s!important;
	}
	/*================ FOOTER FORM SIZE ===============*/
	
	footer .input-group-btn,
	.input-group-btn,
	.input-group .btn,
	.cart .btn,
	.cart .btn--secondary,
	.comment-form .btn,
	#customer_login .btn,
	.fifty-right .btn,
	.contact-form .btn {
		height: 50px !important;
		margin: 0!important;
	}
	
	footer input[type="submit"],
	footer .input-group-field,
	.input-group .input-group-field {
		height: 50px !important;
		line-height: 50px !important;
		margin: 0!important;
	}
	
	footer input {
		padding: 0 10px;
		height: 50px;
		line-height: 50px !important;
	}
	
	ul#main-nav li {
		padding: 0 23px;
		font-size: 0.7em;
		letter-spacing: 0.5px;
	}
	/*================ Page Layouts ===============*/
	
	#content-col {
		width: 100%;
		display: block;
		margin: 0 0 10% 0;
		padding: 0 0 0 0;
		border-bottom: 1px solid #ededed;
	}
	/*For Card Finder*/
	
	#side-col {
		position: relative;
		width: 100%;
		height: 40px;
		top: -40px;
		padding: 0;
		margin: 0 0 6% 0;
		overflow: visible;
	}
	
	#side-col-blog {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0 0 6% 0;
		overflow: visible;
	}
}
@media all and (max-width: 768px) {
	#customer_register_link {
		padding-left: 5px;
	}
	
	.header-bar__cart-icon {
		margin: 6px 5px 0 0 !important;
	}
	/*================ Product Page ===============*/
	
	.product-single__photos {
		margin: 0 0 4% 0 !important;
	}
	/*================ CART PAGE ===============*/
	
	small {
		font-size: 0.8em;
		line-height: 1.6em;
		display: inline-block;
	}
	
	.cartrow-fix {
		padding: 12% 0 5% 0 !important;
	}
	
	.cart__row .grid__item {
		margin-bottom: 0;
	}
	
	.h3 {
		font-size: 1.2em!important;
		line-height: 1.2em;
	}
	/*================ Register Page Layout ===============*/
	
	.fifty-left {
		float: left;
		display: block;
		width: 100%;
		padding: 0 0 10% 0;
		margin: 0 0 10% 0;
		border-bottom: 1px solid #ededed;
	}
	
	.fifty-right {
		float: left;
		display: block;
		width: 100%;
		padding: 0 0 10% 0 !important;
		margin: 0 0 10% 0 !important;
		border: none !important;
		border-bottom: 1px solid #ededed;
	}
	
	.full {
		border-top: none !important;
		padding: 0 0 10% 0;
		margin: 0 0 10% 0;
		border-bottom: 1px solid #ededed;
	}
	/*================ GRID VERTICAL SPACING ===============*/
	
	.grid__item {
		margin-bottom: 8%;
	}
	/*================ FOOTER ===============*/
	
	.footcol__two,
	.footcol__three {
		display: none;
		visibility: hidden;
	}
	
	.footcol__one {
		width: 47% !important;
	}
	
	.footcol__four {
		width: 46% !important;
		margin-right: 0 !important;
		margin-left: 2% !important;
	}
	
	.port__plus {
		display: none !important;
		visibility: hidden !important;
		height: 0px;
		overflow: hidden;
	}
	
	.port__down {
		display: block;
		visibility: visible;
		width: 100%;
		height: auto;
		overflow: visible;
	}
	
	footer .site-footer__links,
	.powered {
		width: 37% !important;
		margin: 0 !important;
	}
	
	.footer-social {
		width: 100%;
		float: left;
		margin: 2% 0 4% 0;
	}
	
	.footer-social h5 {
		float: left;
	}
	
	.footer-social ul {
		float: left;
	}
	
	.icon-linkedin:before,
	.icon-google:before,
	.icon-instagram:before,
	.icon-pinterest:before,
	.icon-facebook:before,
	.icon-twitter:before {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	}
	/*================ MASTER TEXT STYLES BELOW 768 ===============*/
	
	p {
		font-size: 0.9em;
		line-height: 1.9em;
		margin-bottom: 3%;
	}
	/*Homepage Big Headlines*/
	
	#welcome h1 {
		font-size: 1.9em;
		margin-bottom: 6%;
	}
	/*Blog Titles*/
	
	h2 {
		font-size: 1.4em;
		margin-bottom: 5%;
	}
	/*Homepage Column Titles*/
	
	#home-left h2,
	#home-mid h2,
	#home-right h2 {
		font-size: 1.0em;
		margin-bottom: 1%;
	}
	/*What's New + Range headings   */
	
	h3 {
		font-size: 1.2em;
		margin-bottom: 3%;
	}
	
	h4 {
		font-size: 0.9em;
		margin-bottom: 5%;
	}
	
	h5 {
		font-size: 1.0em;
		margin-bottom: 5%;
	}
	
	h6 {
		font-size: 0.8em;
		margin-bottom: 5%;
	}
	
	.h6 {
		font-size: 0.8em;
		margin-bottom: 5%;
	}
	/*================ END MASTER TEXT STYLES BELOW 768 ===============*/
	
	.divider-full {
		margin-top: 3%;
		margin-bottom: 6%;
	}
	
	#interaction {
		display: none;
		visiblity: hidden;
	}
	
	.nav-full {
		display: none;
		visibility: hidden;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	
	#custom-header {
		margin: 0 0 0 0;
	}
	
	.site-header__logo {
		width: 66%;
		margin: 15% 17% 6% 17%;
	}
	/*================ MOBILE BAR AND NAV ===============*/
	
	.mobileheader {
		position: absolute;
		position: fixed;
		z-index: 9999;
		background: #FFF;
		border-bottom: 1px solid #ededed;
		height: 47px;
		width: 100%;
		margin: 0;
		padding: 5px 0;
		font-size: 1.0em;
		top: 0px;
		left: 0px;
	}
	
	#MobileNav {
		margin-top: 70px;
	}
	
	.addnote {
		font-size: 21px !important;
		margin-top: 10px;
		font-weight: 600;
	}
	
	.mobile-nav__link>a {
		display: block;
		padding: 5px 0px;
		color: #333333;
		text-transform: uppercase;
	}
	
	.mobile-nav__link>a:hover {
		text-decoration: none !important;
		color: #c90f1e;
	}
	
	.mobile-nav__sublist-link a {
		font-weight: 400 !important;
		color: #666666;
		text-transform: uppercase;
		font-size: 0.8em;
		border-top: 1px solid #ededed;
		padding: 5px 15px;
	}
	
	.mobile-nav__sublist-link a:hover {
		text-decoration: none !important;
		color: #CCC;
	}
	
	.mobile-nav__link {
		display: block;
		border-color: #ededed;
		border-bottom: 1px solid #ededed;
		border-top: none;
	}
	
	.header-bar__search {
		float: left;
		width: 100%;
		min-width: 200px;
		max-width: none;
		font-size: 1.2em;
		margin: 20px 0;
	}
	
	.supports-fontface .header-bar__search-submit {
		width: 45px;
		font-size: 1.0em;
		position: absolute;
		top: 3px;
		left: 0px;
	}
	
	.mobileheader p {
		float: left;
		line-height: 35px;
		width: auto;
		font-size: 0.7em;
		margin-right: 10px;
	}
	
	.right {
		margin: 0 0 0 8px;
	}
	
	.mobile-cart-page-link {
		font-weight: 400;
	}
	
	.mobile-cart-page-link:hover,
	.mobile-cart-page-link:active,
	.mobile-cart-page-link:focus {
		text-decoration: none !important;
		color: #000;
	}
	
	.mobile-nav-trigger {
		display: block;
		float: left;
		background: none;
		border: 0 none;
		padding: 0;
		margin: 0 4px 0 0;
		width: 30px;
		height: 35px;
		overflow: hidden;
	}
	
	.mobile-nav-trigger .icon {
		top: -5px;
		left: -5px;
	}
	/*================ END MOBILE BAR AND NAV ===============*/
	
	.about img,
	.featured-image img {
		margin-right: 6%;
	}
}
@media all and (max-width: 540px) {
	.spinner-banner h3,
	.spinner-banner p {
		width: 70%
	}
	
	#spinner-collection {
		float: left;
		width: 100%;
	}
	
	#spinner-desc {
		float: left;
		width: 100%;
		margin-left: 0;
	}
	
	footer .site-footer__links,
	.powered {
		width: 100% !important;
		margin: 0 0 15px 0 !important;
	}
	
	.footer-social {
		width: 290px;
		overflow: visible;
		float: left;
		margin: 20px auto;
		float: none;
	}
	
	.powered img {
		width: 75%;
		margin: 0 auto !important;
		position: relative;
		display: block;
		float: none;
	}
	
	.powered a {
		width: 100%!important;
	}
	
	.footer-stamp {
		float: left;
		max-width: 100%;
		width: 100%;
		margin: 0;
	}
	
	.footer-stamp img {
		width: 100px;
		margin: 0 auto !important;
		float: none;
	}
	
	.footer-right {
		text-align: right;
	}
	/*Artsts Feed Image*/
	
	.template-collection .featured-image {
		width: 100%;
		height: auto;
		margin: 0 0 6% 0;
	}
	
	.contact-form .btn {
		width: 100%;
	}
	/*================ Blog on Mobile ===============*/
	
	.template-blog .featured-image,
	.template-blog .featured-image img {
		width: 100% !important;
		margin: 0 0 5% 0;
	}
	
	.excerpt {
		width: 100%;
		margin: 0 0 0% 0;
	}
	
	.blog-date {
		margin-bottom: 8%;
	}
	
	.grid-link__title {
		font-size: 0.9em;
	}
	
	.rte p img {
		margin: 0 0 3% 0;
		width: 100%;
	}
	/*================ FOOTER ===============*/
	
	.footcol__one {
		display: none !important;
		visibility: hidden !important;
	}
	
	.footcol__four {
		width: 100% !important;
		margin: 12% 0 12% 0 !important;
		padding: 0 !important;
	}
	
	footer h4 {
		text-align: left;
		margin: 0 0 4% 0;
		font-size: 1.4em;
		line-height: 1.4em;
	}
	
	.site-header__logo {
		width: 100%;
		margin: 22% 0 6% 0;
	}
	/*================ MASTER TEXT STYLES BELOW 540 ===============*/
	
	p {
		font-size: 0.9em;
		line-height: 1.9em;
		margin-bottom: 5%;
	}
	/*Homepage Big Headlines*/
	
	#welcome h1 {
		font-size: 1.9em;
		margin-bottom: 8%;
		padding: 0 4%;
	}
	
	#welcome p {
		font-size: 0.8em;
		line-height: 1.9em;
		margin-bottom: 10%;
		padding: 0 4%;
	}
	/*Page Titles*/
	
	h1 {
		margin-bottom: 10%;
	}
	
	h2 {
		font-size: 1.4em;
		margin-bottom: 8%;
	}
	/*Homepage Column Titles*/
	
	#home-left h2,
	#home-mid h2,
	#home-right h2 {
		font-size: 1.0em;
		margin-bottom: 1%;
	}
	/*Homepage Column Titles*/
	
	#home-left p,
	#home-mid p,
	#home-right p {
		font-size: 0.9em;
		margin-bottom: 3%;
	}
	/*What's New + Range headings   */
	
	h3 {
		font-size: 1.2em;
		margin-bottom: 5%;
	}
	
	h4 {
		font-size: 0.9em;
		margin-bottom: 10%;
	}
	
	h5 {
		font-size: 1.0em;
		margin-bottom: 10%;
	}
	
	h6 {
		font-size: 0.8em;
		margin-bottom: 10%;
	}
	
	.h6 {
		font-size: 0.8em;
		margin-bottom: 10%;
	}
	/*================ END MASTER TEXT STYLES BELOW 540 ===============*/
	
	.divider-full {
		margin-top: 8%;
		margin-bottom: 12%;
	}
	
	.about .divider-full {
		margin: 8% 0 12% 0;
		padding: 0;
	}
	
	.hide-below-540 {
		display: none;
		visibility: hidden;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	
	.show-below-540 {
		display: block !important;
		visibility: visible !important;
		height: auto !important;
		width: 48% !important;
	}
	
	#home-left {
		float: left;
		display: block;
		width: 48%;
		margin: 0 2% 0 0;
	}
	
	#home-mid {
		float: left;
		display: block;
		width: 100%;
		margin: 0 0 0 0;
	}
	
	#home-right {
		float: left;
		display: block;
		width: 48%;
		margin: 0 0 0 2%;
	}
}