/*///////////////////////////////////////////////////////////////////////////////////////////////////
TYPOGRAPHIC SYSTEM - rely on these rules over class-specific size+line height settings
///////////////////////////////////////////////////////////////////////////////////////////////////*/

html {
	font-size: 16px;
}

body {
	font-size: 1rem !default; /* 16px */
	line-height: 1.5 !default; /* This is the default unitless line-height, which elements should inherit */
}

h1  { font-size: 2.125rem; }
h2  { font-size: 1.9375rem; }
h3  { font-size: 1.75rem; }
h4  { font-size: 1.4375rem; }
h5  { font-size: 1.125rem; }
h6  { font-size: 1rem; }
p   { font-size: 1rem; }
div { font-size: 1rem; }

h1  { line-height: 1.333; }
h2  { line-height: 1.333; }
h3  { line-height: 1.414; }
h4  { line-height: 1.5; }
h5  { line-height: 1.5; }
h6  { line-height: 1.5; }
p   { line-height: 1.5; }
div { line-height: 1.5; }

/*///////////////////////////////////////////////////////////////////////////////////////////////////
COMMON STYLES
///////////////////////////////////////////////////////////////////////////////////////////////////*/

html {
	overflow-y: scroll;
	min-width: 320px;
}

/* Becomes root font size */
.font-tiny {font-size:8px;}
.font-small {font-size:9px;}
.font-reg {font-size:10px;}
.font-large {font-size:12px;}
.font-huge {font-size:14px;}

body, h1, h2, h3, h4, h5, h6, blockquote, p {
	margin: 0;
	padding: 0;
}

body {
	padding-top: 0rem;
	font-family: sans-serif;
	text-decoration: none;
	text-align: center; /* Temporary - eventually artists will choose */
}

p {
	margin-bottom: 1.5rem;
}

a {	text-decoration: none; }
img { border: none; }

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

.section-title {
	font-size: 1.625rem;
	display: block;
	overflow: visible;
}

.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }

.border { border: 1px solid; }
.divider { border-bottom: 1px solid; }
li.divider {border: 0;}

.divider-box {
	padding: 0 1rem;
}

.title-divider {
	max-width: 700px;
	margin: 0 auto 2.75rem;
	overflow: hidden;
	text-align: center;
	width: 75%;
}

.title-divider span {
	display: inline-block;
	font-size: 1rem;
	font-weight: bold;
	height: 0.0625rem;
	line-height: 0;
	padding: 1rem 0.625rem;
	text-transform: uppercase;
	vertical-align: middle;
}

.title-divider:before, .title-divider:after {
	content: "";
	display: inline-block;
	width: 50%;
	margin: 0 0.75rem 0 -55%;
	vertical-align: middle;
	color: white;
	border: 1px solid transparent;
}
.title-divider:after {
	margin: 0 -55% 0 0.75rem;
}

.icon-follow {
	padding: 0 0.875rem 0rem 0.3125rem;
	font-size: 1.0625rem;
	color: rgba(0, 0, 0, 0.25);
	font-weight: bold;
	letter-spacing: 0.025em;
	display: inline-block;
	vertical-align: middle;
	line-height: 0;
	cursor: default;
}

.icon {
	margin: 0 .1875rem;
	display: inline-block;
	vertical-align: middle;
}

.share {
	margin: 0.3125rem;
	border-radius: .25rem;
	padding: .3125rem 0;
	min-width: 5rem;
}

a.share:hover {
	cursor:pointer;
}

a.icon i {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.13);
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 0.9375rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0.4375rem;
	width: 0.9375rem;
}

a.share i {
	height: 0.9375rem;
	display: inline;
	vertical-align: middle;
}

a.icon i:hover {
	background-color: rgba(0, 0, 0, 0.33);
}

.icon i.fa[class*="fa-"] {
	color: white;
	text-align: center;
}

.share i.fa[class*="fa-"] {
	color: white;
	text-align: center;
	padding: 0 0 0 0.625rem;
}

.share-font {
	display: inline;
	color: #ffffff;
	font: arial, helvetica, sans-serif;
	vertical-align: middle;
	padding: 0 0.625rem 0 .5rem;
}

.lowercase {
	text-transform: lowercase;
}

.uppercase {
	text-transform: uppercase;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

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

.screen-reader-text,
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

/* The following two lines are a hack to get inline block elements to appear on the same line with no space between */
.pagination .nav-links { font-size: 0; }
.pagination .nav-links .page-numbers { font-size: 1rem; }

.pagination {
	margin: 1.625rem 0 3.375rem;
	padding-top: 1.625rem;
	width: 100%;
	text-align: center;
}

.box .pagination {
	border-top: 1px solid #e3e3e3;
	margin: 1.625rem 0;
}

.pagination .page-numbers {
	padding: 0.3125em;
}

.pagination .next {
	margin-left: 0.9375rem;
}

.pagination .prev {
	margin-right: 0.9375rem;
}

.pagination .current {
	font-weight: bold;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////
PAGE LAYOUT STYLES
///////////////////////////////////////////////////////////////////////////////////////////////////*/

.d-flex {
	display: flex;
}

.align-items-center {
	-ms-align-items: center;
	align-items: center;
}

.justify-content-center {
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.custom-logo {
	/* max-width: 900px; */
	height: auto;
}

.page-title-area-banner {
	padding: 0;
}

.page-title-area-banner img {
  margin: 0 auto;
}

.page-title-area-text,
.page-title-area-logo {
	padding: 0;
}

.page-title-area-text {
	padding-left: 3rem;
	text-align: left;
	height: auto;
}

.page-title-area-logo img {
	margin-left: auto;
	max-height: 145px;
}

.max-width {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

#page {
	margin: 0 auto;
	height: 100%;
	min-height: 100vh;
}

.share-bar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 0.875rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto 1.5rem;
}

.social-bar {
	font-size: 1.0625rem;
	margin: 0 auto;
	cursor: default;
	padding: 0.75rem 0 0;
}

.fb-color {
	background-color: rgba(0, 0, 0, 0.16);
}

a.fb-color:hover {
	-webkit-transition:.1s ease-in;
	transition:.1s ease-in;
	background-color: #3b5998;
}

.tw-color {
	background-color: rgba(0, 0, 0, 0.16);
}

a.tw-color:hover {
	-webkit-transition:.1s ease-in;
	transition:.1s ease-in;
	background-color: #00aced;
}

.p-color {
	background-color: rgba(0, 0, 0, 0.16);
}

a.p-color:hover {
	-webkit-transition:.1s ease-in;
	transition:.1s ease-in;
	background-color: #cb2027;
}

.pagetitle-box, .site-branding {
	margin: 0 auto;
	padding: 2.5rem 1rem 2.5rem;
	max-width:1100px;
}

.box, .box-slideshow, .box-transparent {
	margin: 0 auto 30px;
	max-width: 900px;
	padding: 50px;
	text-align: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.box-slideshow {
	padding: 12px 50px 0;
}

.gallery-list > .box {
	display: block;
	padding: 1.625rem 1.5625rem;
	width: 100%;
}

.gallery-details {
	display: inline-block;
	vertical-align: top;
	max-width: 65%;
}

.box-slideshow {
	height: 600px;
	text-align: center;
}

.box-alert {
	margin: 0 auto 1.875rem;
	max-width: 900px;
	padding: 0.5rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.full-width {
	width: 100%;
}

.box h3 {
	margin: 0;
	font-size: 1.75rem;
}

.box .divider {
	margin: 1.625rem 0;
}

.box-archive .post-content>div p:last-child {
	margin-bottom: 0;
}

.links-column, .artwork-description, .message {
	margin-top: 1.125rem;
}

.gallery-description {
	margin: .5rem 0 0.6875rem;
}

.links-column h2.post-title {
	font-size: 1.125rem;
}

h2.gallery-title {
	font-size: 1.4375rem;
}

.post-preview {
	margin: 0;
}

.comment:first-letter, .post-preview:first-letter {
	text-transform: uppercase;
}

.comment-form .comment-form-cookies-consent label {
	display: inline-block;
	margin: 0 0 0 8px;
}

.post, .page, .artwork, .all-comments {
	margin: 0 0 0.375rem;
}

.artwork {
	text-align: center;
	overflow: hidden;
	height: 100%;
}

.artwork.empty {
	background: rgba(0, 0, 0, 0.12);
}

h2.post-title, h2.page-title, h2.artwork-title {
	font-size: 1.375rem;
	line-height: 1.375rem;
	margin-bottom: 0.25rem;
}

.description, .byline {
	margin: 0.5rem 0 0;
}

.artwork-navigation {
	margin-top: 1rem;
	margin-bottom: -0.875rem;
}

.blog-navigation {
	margin-bottom: 1.875rem;
}

.post-content, .artwork-content {
}

.post-content p, .artwork-content p {

}

.post-content div, .gallery-description, .artwork-description {

}

.post-content h1 {
	font-size: 2.125rem;
}

.post-content h2 {
	font-size: 1.75rem;
}

.post-content h3 {
	font-size: 1.375rem;
}

.post-content img, .bio-content img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0.8125rem auto 1.625rem;
}

.post-metadata {
	font-size: 0.9375rem;
	margin-top: 2rem;
}

#image-carousel {
	max-width: 600px;
}

.carousel {
	margin: 0 auto 30px;
}

.carousel-inner {
	padding-bottom:20px;
	overflow: visible;
}

.no-alternate-images {
	margin: 0 auto 10px;
}

.carousel-control {
	background-color: none;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img {
	line-height: 1;
	margin: 0 auto;
}

.carousel-control.left, .carousel-control.right {
	background-image: none;
}

.carousel-control {
	text-shadow: none;
	width: 36%;
}

.carousel-control:hover {
	color: default;
	opacity: normal;
	text-decoration: none;
	outline: none;
}

.carousel-nav {
	bottom: -24px;
	list-style: outside none none;
	padding-left: 0;
	position: absolute;
	text-align: center;
	z-index: 15;
	width: 100%;
}

.carousel-arrow {
	display: inline-block;
	font-size: 0.8125rem;
	line-height: 0.75rem;
	margin: 0 0.625rem;
	padding: 0.25rem 0.5rem;
	vertical-align: middle;
}

.carousel-indicators {
	display: inline-block;
	letter-spacing: 0.1875rem;
	line-height: 0.75rem;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	position: static;
	width: auto;
}

ol.carousel-indicators, ul.carousel-indicators {
	margin:0;
}

.carousel-indicators li {
	border: 1px solid;
}

.carousel-indicators .active {
	height: 10px;
	width: 10px;
	margin: 1px;
}

.image-rotator {
	font-size: 0.875rem;
	letter-spacing: 0.1875rem;
	padding: 1.25rem 0 0.75rem;
	text-align: center;
	line-height: 0;
}

.artwork-details {
	text-align: center;
}

.pay-button {
	border: none;
	font-size: 1.375rem;
	padding: 0.875rem 2.875rem;
	border-radius: 0.25rem;
	margin-top: 0.75rem;
	display:inline-block;
}

.checkout {
	padding: 0.875rem 1.625rem;
}

.button {
	background-color: rgba(0,0,0,.16);
	border: none;
	padding: 0.625rem 0.75rem .5rem;
	border-radius: .25rem;
	margin-top:.25rem;
	display:inline-block;
}

.button:hover {
	background-color:  rgba(0,0,0,.23);
}

.large {
	padding: 1rem 1.25rem;
}

.add-to-cart, .prints-price {
	margin: 0.75rem 0 .5rem;
}

.more-options {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.option {
	min-width: 12.5rem;
}

.comment-form,
.vscf {
	margin-top: 1.625rem;
}

.comment-form label,
.vscf label {
	display: block;
}

.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
#vscf .form-group input[type="text"],
#vscf .form-group input[type="email"],
#vscf .form-group textarea {
	font-size: 1rem;
	padding: 0.375rem 0.5rem 0.3125rem;
	margin-bottom: 1.625rem;
	box-sizing: border-box;
	min-height: 2.5rem;
	width: 100%;
}

input.error {
	text-align: left;
}

.comment-form p[class*="comment-form-"],
.vscf p[class*="comment-form-"],
.comment-form p.form-submit,
.vscf [type="submit"] {
	margin-bottom: 0.625rem;
}

.contact-form {
	margin-top: 0.375rem;
}

.contact-form .form-control,
.comment-form .form-control,
.vscf .form-control {
	font-size: 1rem;
	padding: 0.375rem 0.5rem 0.3125rem;
	margin-bottom: 1.25rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 2.5rem;
}

.contact-form label {
	margin-bottom: 1.625rem;
}

.contact-form label .text {
	font-size: 0.875rem;
	font-weight: normal;
	display: inline-block;
	vertical-align: middle;
}

.contact-form input[type="checkbox"] {
	display: inline-block;
	margin: 0.25rem;
	vertical-align: middle;
}

.captcha {
	margin-bottom: 1rem;
}

.captcha-image {
	width: 105px;
	height: 39px;
}

.captcha-audio {
	height: 20px;
	width: 22px;
	margin-left: 5px;
	margin-top: 5px;
}

.submit-button,
input.submit-button,
#vscf .form-group button,
.cart-total input.btn.btn-primary {
	border: none;
	font-size: 1.375rem;
	padding: 0.875rem 2.875rem;
	border-radius: .25rem;
	margin-top: 0.625rem;
}

.cart-message {
	display: block;
	height: 1.375rem;
	padding: 0.875rem 0 1rem;
}

.cart-art-title {
	padding: 0 0.625rem;
}

.default-cursor {
	cursor: default;
}

.small, .note {
	font-size: 0.9375rem;
}

.cart-total {
	line-height: normal;
	margin-bottom: 1.25rem;
}

.comment {
	margin-bottom: 0.375rem;
}

.comment-tab {
	background-color: rgba(0, 0, 0, 0.06);
	display: inline-block;
	left: -0.375rem;
	margin: 1.625rem 0 0.375rem 0;
	padding: 0.25rem 0.375rem;
	position: relative;
}

.bottom-margin {
	margin-bottom: 2.25rem;
}

#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before {
  color: rgba(255, 255, 255, 0.5);
}

#wpadminbar {
  /* background-color: #282f35; */
  background-color: #000;
  box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.5);
}

#wpadminbar *,
#adminmenuwrap .wp-menu-name {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.03em;
  font-size: 0.99em;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////
PROMO BAR
///////////////////////////////////////////////////////////////////////////////////////////////////*/

.promo-form .input-group {
	display: inline-block;
	vertical-align: middle;
	margin: 0.375rem 0;
}

.promo-bar .input-group .form-control {
	width: 9.375rem !important;
	font-size: 1rem;
	padding: .4375rem .5rem .3125rem;
	height: auto;
	line-height: inherit;
	margin-left: 0.625rem;
}

.promo-bar {
	border: none;
	font-size: 1rem;
	padding: 0;
	margin: 0;
}

.promo-bar-inside {
	padding: 0.625rem 5% 0.6875rem;
}

.promo-bar p {
	display: inline-block;
	vertical-align: middle;
	margin: .25rem 0;
}

.promo-bar .promo-button {
	font-size: 1rem;
	padding: 0.4375rem .5rem .3125rem;
	cursor: pointer;
}

.error-promo, .warning-promo {
	margin: 0.625rem auto 0;
	text-align: center;
}

/* MC Form */

.promo-form {
	display: inline-block;
	vertical-align: middle;
	margin: 0.25rem 0;
}

.promo-form form {
	display: inline-block;
	vertical-align: middle;
	margin: 0.375rem 0;
	position: relative;
	border-collapse: separate;
}

.promo-form form label {
	font-weight: normal;
	display: inline;
}

.promo-form input[type="text"],
.promo-form input[type="email"] {
	width: 9.375rem !important;
	font-size: 1rem !important;
	padding: 0.4375rem .5rem .3125rem !important;
	height: auto;
	line-height: 1rem;
	margin-left: 0.625rem;
	border: 1px solid #ccc;
	border-radius: 4px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	display: table-cell;
	position: relative;
	z-index: 2;
	float: left;
	margin-bottom: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.promo-form input.button[type="submit"] {
	font-size: 1rem !important;
  padding: 0.4375rem .5rem .3125rem !important;
  cursor: pointer !important;
	border: 1px solid !important;
	border-radius: 0;
	margin-top: 0;
	line-height: normal;
}

.promo-form .an_mailchimp_wrapper p,
.promo-form .an_mailchimp_wrapper label {
	margin: 0;
	padding: 0;
}

.promo-form .an_mailchimp_wrapper p {
	float: left;
}

.sold-dot {
	/* TODO */
	/* background: url('../img/sold-dot.png') no-repeat; */
	width: 8px;
	height: 8px;
	position: relative;
	top: 3px;
	right: 2px;
	overflow: hidden;
}

/* Check these two? */

.error {
	color: #E34C4C;
	text-align: center;
	font-size: 0.875rem;
	margin: 0 0 1.125rem 0;
}

.warning {
	color: #3FA15A;
	text-align: center;
	font-size: 0.875rem;
	margin: 0 0 1.125rem 0;
}

.error-message {
	font-size: 1.375rem;
	font-weight: bold;
	padding: 1.25rem;
	text-align: center;
}

.success-message {
	font-size: 1.375rem;
	font-weight: bold;
	padding: 1.25rem;
	text-align: center;
}

.error-list {
	font-size: 1rem;
}

ol.error-list, ul.error-list {
	margin: 0;
	text-align: left;
}

#subscr {
	width: 160px;
}

.top-block {
	margin: 0 auto;
	border-bottom: 1px solid;
}

.bio-img {
	display: inline;
	margin: 0px 20px 20px 0px;
	float: left;
	max-width: 128px;
}

.gallery-grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 1073px;
	margin: 0 auto;
}

.home-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 0.625rem;
}

.gallery, .home-gallery, .home-row-1, .home-row-2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
}

.home-gallery > .gallery-thumb-box, .gallery-grid > .gallery-thumb-box {
	padding: 0 14px 0.875rem;
}

.gallery-grid .gallery-thumb-box, .gallery-grid .thumb-inner, .gallery-grid .gallery-container, .gallery-grid .image-link {
	width: 240px;
	height: 240px;
	max-height: none;
	max-width: none;
	overflow: hidden;
}

.gallery-grid img.im {
	position: absolute;
	left: 50%;
	top: 50%;
	min-height: 100%;
	min-width: 100%;
	max-height: none;
	max-width: none;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%, -50%);
	width: auto;
}

.home-row-1 > .gallery-thumb-box, .home-row-2 > .gallery-thumb-box {
	padding: 0 14px 0;
	margin: 0 0 1.875rem;
}

.home-row > .gallery-thumb-box {
	padding: 0 14px 3.75rem;
	margin: 0 0 1.875rem;
}

.home-row-1 > .gallery-thumb-box > .thumb-inner > .image-container, .home-row-2 > .gallery-thumb-box > .thumb-inner > .image-container, .home-row > .gallery-thumb-box > .thumb-inner > .image-container {
	padding-bottom: 0;
}

.home-row-2 {
	margin-top: -120px;
	margin-bottom: 1.25rem;
}

.gallery-thumb-box {
	margin: 0 0 2.25rem;
	max-height: 260px;
	padding: 0 14px 4.375rem;
}

.thumb-inner {
	max-height: 328px;
	position: relative;
}

.image-container, .gallery-container {
	max-height: 260px;
	padding-bottom: 4.375rem;
	position: relative;
}

.gallery-container {
	padding-bottom:0;
}

.image-link {
	display:block;
	position:relative;
}

a.gallery-image {
	margin-right: 1.5625rem;
	display: inline-block;
	vertical-align: top;
}

img.im {
	max-height: 260px;
	vertical-align: top;
	max-width: 100%;
	width: inherit;
	height: auto;
}

.gallery-list img.im {
	max-height: 160px;
}

.image-info, .gallery-info {
	left: 0;
	position: absolute;
	width: 100%;
}

a.gallery-info, a.gallery-info:hover {
	color: rgba(255,255,255,.97) !important;
}

.gallery-info {
	background: rgba(0,0,0,.5);
	text-shadow: 1px 1px 6px rgba(0,0,0,.5);
	margin: 0 auto;
	padding: 1.25rem 1.25rem 1.125rem;
	bottom: 0;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.image-inner {
	min-height: 3.75rem;
	padding-top: 0.8125rem;
}

.info-container {
	line-height: 125%;
}

.image-title, .gallery-title {
	font-size: 1.0625rem;
}

.image-title {
	height: 1.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.gallery-count {
	margin-left: 0.625rem;
	white-space: nowrap;
}

i.fa.fa-clone {
	font-size: 0.8125rem;
	position: relative;
	top: -0.0625rem;
	margin-left: -0.125rem;
}

.image-details {
	font-size: 0.9375rem;
}

.two-only {
	max-height: 320px !important;
}

.one-only {
	max-height: none !important;
}

.footer-block {
	margin: 2.5rem auto 0;
	padding: 1.875rem 0;
	position: relative;
	border-top: 1px solid;
}

.footer {
	text-align: center;
	line-height: 1.5rem;
}

.footer a.color-text:hover {
	text-decoration: underline;
}

.phone-address-block {
	margin: 0 auto;
}


/*///////////////////////////////////////////////////////////////////////////////////////////////////
UNIQUE STYLES FOR TEMPLATE 2
///////////////////////////////////////////////////////////////////////////////////////////////////*/

.bio-img {
	margin: 5px 32px 20px 0px;
}

table, tbody, tr, td {
	border-collapse: collapse;
	padding: 0;
	margin: 0 auto;
	border: none;
}

@media only screen and (max-width: 480px) {
	.gallery-thumb-box {
		max-height: 100%;
		max-width: 300px;
		padding:20px 10px 0;
	}
}


/*///////////////////////////////////////////////////////////////////////////////////////////////////
BOOTSTRAP FIXES
///////////////////////////////////////////////////////////////////////////////////////////////////*/

.dropdown-backdrop {
	position: static;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	background-color: inherit;
	text-decoration: none;
}

.main-nav {
	margin-bottom: 1.875rem;
}

.search-form-submit {
	height: 2.125rem !important;
}

.input-group-addon {
	width: auto !important;
	font-size: 0.875rem;
	padding: 6px 0.625rem;
	margin-left: -1px;
}

.input-group .form-control {
	width: auto !important;
	font-size: 1rem;
	padding: 0.4375rem .5rem .3125rem;
	height: 2.125rem;
}

.navbar-form .input-group > .form-control {
	max-width: 8.125rem;
}

.form-control {
	background-color: #ffffff;
}

.btn-default {
	background-color: rgba(0,0,0,.06);
}

.btn-default:hover {
	background-color: rgba(0,0,0,.13);
}

.form-control:focus {
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
}

.btn-default:focus, .btn-default:active,
.btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active,
.btn-default:active:focus, .btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
	background-color: rgba(0,0,0,.23);
	-webkit-box-shadow:none;
	box-shadow:none;
	outline: none;
}

#complete_open_graph_metabox {
	display: none;
}

.btn-default:active {
	background-color: rgba(0,0,0,.23);
	-webkit-box-shadow:none;
	box-shadow:none;
}

.no-padding {
	padding: 0;
}

.container-fluid {
	margin: 0 auto;
	text-align: left;
	padding: 0;
}

.navbar {
	min-height: 3.625rem;
	margin-bottom: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
	margin:0;
}

.navbar-toggle {
	margin: 0;
	float: none;
	display: inline-block;
}

.navbar-toggle .fa:before {
	content: "\F00D";
}

.navbar-toggle.collapsed .fa:before {
	content: "\F0C9";
}

.navbar-default .navbar-collapse {
	overflow: visible;
}

.container-fluid>.navbar-collapse {
	margin-left: 0;
	margin-right: 0;
}

.navbar-default .navbar-collapse {
	border: none;
}

.navbar-default {
	background: none;
	border: none;
}

.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.navbar-default .navbar-collapse>.navbar-nav {
	margin-top: 0;
}

.dropdown-menu {
	border:none;
	margin: 0;
	border-radius: 0;
	padding: 0.6875rem 0 0.5rem;
	left: -0.4375rem;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.1);
	box-shadow: 0 3px 6px rgba(0,0,0,.1);
}

.dropdown-menu > li.divider {
	margin: 0.5rem 0;
	overflow: hidden;
}

.navbar-default .navbar-nav>.active>a {
	background: rgba(0,0,0,0.06);
}

.dropdown-menu {
	font-size: 1em;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
	background: #dedede;
	color: #333;
}

.nav-pills>li+li {
	margin-left: 0px;
}

.navbar-default .navbar-toggle {
	padding: 1.3125rem 0.9375rem 1.25rem 0.9375rem;
	border: none;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: transparent;
	border-radius: 0;
}

.nav > li > a {
	padding: 1.25rem 0.78125rem;
}

.navbar-nav > li {
	float:none;
	vertical-align:middle;
}

.nav > li {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}

.nav > li > a:focus, .nav > li > a:hover,
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
	background-color:transparent;
	border:none;
	color:default;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	background-color:transparent;
	color:default;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	background-color:transparent;
	color:default;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
	background-color:transparent;
	color:default;
}

* {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.container,
.container-fluid,
.row,
[class*="col-"] {
	box-sizing: border-box;
}

.navbar * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

a:focus, a:hover {
	text-decoration: none;
}

.cart-icon {
	display:inline-block;
}

.cart-icon > a > i {
	display: inline-block;
	line-height: normal;
	padding: 0.125rem 0 0.0625rem;
	cursor: pointer;
}

.shopping-count {
	font-size: 0.6875rem;
	font-weight: bold;
	line-height: 0;
	position: relative;
	top: -0.6875rem;
	padding-left: 0.125rem;
}

.loading-box {
	max-height: 260px;
	width: 100px;
}

.loading-inner {
	height: 100%;
	width: 100%;
	display: table;
}

.loading-container {
	height: 50px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0;
}

.display-none { display: none; }

/*///////////////////////////////////////////////////////////////////////////////////////////////////
MOBILE STYLES
///////////////////////////////////////////////////////////////////////////////////////////////////*/

/* Tiny devices (480px and below) */
@media (max-width: 480px) {
	.icon-follow {
		display:block;
		padding: 0 0 1.625rem;
	}
	.social-bar {
		padding: 1.375rem 0 0;
	}
}

/* Small devices (small phones, 767px and below) */
@media (max-width: 767px) {
	.container-fluid {
		margin: 0;
		text-align: left;

	}
	.nav > li {
		clear:both;
		display:block;
	}
	.nav > li > a {
		padding: 1rem 1.0625rem;
	}
	.dropdown-menu {
		position: static;
		width: 100%;
		-webkit-box-shadow: 1px 4px 7px -6px rgba(0,0,0,.15) inset, 0px 1px 0px rgba(255, 255, 255, .05);
		box-shadow: 1px 4px 7px -6px rgba(0,0,0,.15) inset, 0px 1px 0px rgba(255, 255, 255, .05);
	}
	.dropdown-menu > li > a {
		padding: 0.1875rem 1.625rem;
	}
	.cart-icon {
		float: right;
		padding: 1.375rem 1.125rem 1.3125rem;
	}
	.nav > li.desktop-only, .desktop-only {
		display: none;
	}
	.gallery, .home-row, .home-row-1, .home-row-2 {
		padding: 0 1rem;
	}
	.home-gallery > .gallery-thumb-box {
		padding: 0 14px 2.5rem;
	}

	.box, .box-transparent {
		padding: 1.625rem 1rem;
	}
	.gallery-list > .box {
		padding: 1.1875rem 1rem 0.75rem;
		display: block;
		max-width: 580px;
		margin-bottom: 2.5rem;
		text-align: center;
	}
	a.gallery-image {
		margin: 0 auto 1.1875rem;
		display: block;
	}
	.gallery-details {
		display:block;
		max-width: none;
	}
	.navbar-form {
		padding: 0.625rem 0.25rem;
		margin: 0 0 1.125rem 0.8125rem;
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.gallery-thumb-box {
		max-height: none;
		max-width: none;
		padding: 0 14px 20px;
		margin: 0 0 2%;
	}
	.gallery-grid .gallery-thumb-box {
		margin: 0 0 2.25rem;
	}
	.thumb-inner {
		max-height: none;
	}
	.image-container, .gallery-container {
		max-height: none;
	}
	img#im, .gallery-list img#im {
		max-height: none;
	}
	.artwork {
		overflow: visible;
	}
	.desktop-only {
		display:none;
	}
}

/* Medium devices (smartphones, tablets, 768px and up) */
@media (min-width: 768px) {
	.mobile-only {
		display:none;
	}
}

/* Gallery Grid breakpoint (1090px and below) */
@media (max-width: 1090px) {
	.gallery-grid {
		max-width: 822px;
	}
}

/* Gallery Grid breakpoint (822px and below) */
@media (max-width: 822px) {
	.gallery-grid {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

/* Gallery Grid breakpoint (576px and below) */
@media (max-width: 576px) {
	.gallery-grid .gallery-thumb-box, .gallery-grid .thumb-inner, .gallery-grid .gallery-container, .gallery-grid .image-link {
		width: 360px;
		height: 360px;
		max-height: none;
		max-width: none;
		overflow: hidden;
	}
}

/* Gallery Grid breakpoint (413px and below) */
@media (max-width: 413px) {
	.gallery-grid .gallery-thumb-box, .gallery-grid .thumb-inner, .gallery-grid .gallery-container, .gallery-grid .image-link {
		width: 200px;
		height: 200px;
		max-height: none;
		max-width: none;
		overflow: hidden;
	}
}

/* Home Rows breakpoint (950px and below) */
@media (max-width: 950px) {
	.home-row-2 {
		margin-top: 0;
	}
	.home-row-1 .gallery-thumb-box, .home-row-2 .gallery-thumb-box {
		max-height: none;
		max-width: none;
		margin-bottom: 2.25rem;
		padding: 0 14px 0.625rem;
	}
	.home-row-1 .image-container, .home-row-1 .gallery-container, .home-row-1 .thumb-inner, .home-row-2 .image-container, .home-row-2 .gallery-container, .home-row-2 .thumb-inner  {
		max-height: none;
	}
	.home-row-1 img#im, .home-row-2 img#im {
		max-height: none;
	}
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///// TYPEFACES ///////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/


/* Titles & Headers */

h1, h2, h3, h4, h5, h6
{ font-family: 'Quicksand', sans-serif; }


/* Regular Text */

body, .links-column h2, h4 a.button, input.pay-button, .title-divider span
{ font-family: 'Quicksand', sans-serif; }


/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///// WEBSITE BACKGROUND //////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/


/* Page Color & Texture */

body
{ background-color: #009bc6; }


/* Free background patterns provided by subtlepatterns.com */

/* Title Color */

h1
{ color: #f7f1ff; }


/* Regular Text Color */

body, .color-text, .footer > a.color-text, .info-container > .image-title, .info-container > .image-details, .title-divider, i.fa.fa-search
{ color: #f7f1ff; }

/* Link Colors */

a, a:link, a:visited, .link-color-1, .navbar-default .navbar-toggle
{ color: #ffffff; }

a:hover, a:active, .link-color-2, .navbar-default .navbar-toggle:hover
{ color: #a6c6ff; }


/* Borders */

.top-block
{ border-bottom-color: #ffffff; }

.footer-block
{ border-top-color: #ffffff; }

.title-divider:before, .title-divider:after
{ -webkit-box-shadow: 0px 1px #ffffff; box-shadow: 0px 1px #ffffff; }


.promo-button, .form-control, .form-control:focus,
.btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active,
.btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active,
.btn-default:active:focus, .btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover
{ border-color: rgba(0, 0, 0, 0.15); }


/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///// WEBSITE FOREGROUND //////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/


/* Foreground Color*/

.box, .dropdown-menu, .error-message, .success-message, .title-divider span
{ background-color: #ffffff; }

/* Foreground Header & Subheader Color */

.box h1, .box h2, .box h3, .box h4, .box h5, .box h6
{ color: #00224a; }

/* Foreground Regular Text Color */

.box, .box-alert, .title-divider span, .carousel-indicators li, a.carousel-arrow > i, .dropdown-menu > li > a, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:active
{ color: #00224a; }

.carousel-indicators li
{ border-color: #00224a; }

.carousel-indicators .active
{ background-color: #00224a; }


/* Foreground Links & Button Colors */


.box a, .box a:link, .box a:visited, .box .link-color-1, .box .dropdown-menu > li > a
{ color: #b8006a; }

.box a:hover, .box a:active, .box .link-color-2, .box .dropdown-menu > li > a:hover, .box .dropdown-menu > li > a:focus
{ color: #730041; } /* This should become the new hover_foreground_link_color */

.pay-button, a.pay-button, .submit-button, a.pay-button.checkout, input.submit-button, #vscf .form-group button, .cart-total input.btn.btn-primary
{
	background-color: #b8006a;
	color: #ffffff;
}

.pay-button:hover, a.pay-button:hover, .submit-button:hover, input.submit-button:hover, #vscf .form-group button:hover, .cart-total input.btn.btn-primary:hover
{
	background-color: #730041;
	color: #ffffff;
}

.box .button
{ color: #b8006a; }

.box .button:hover
{ color: #b8006a; }


/* Foreground Dividers */

.divider
{ border-color: #e3e3e3; }

.dropdown-menu > li.divider
{ background-color: #e3e3e3; }

.bio-content img.alignleft,
.post-content img.alignleft {
	float: left;
	margin: 0 0.9375rem 0 0;
}

.bio-content img.alignright,
.post-content img.alignright {
	float: right;
	margin: 0 0 0 0.9375rem;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///// PROMO BAR ///////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/


/* Bar Color */

.promo-bar
{ background-color: #00224a; }


/* Promo Bar Text Color */

.promo-bar p, .error-promo, .warning-promo
{ color: #ffffff; }


/* Promo Bar Button & Link Colors */

.promo-button
{
	background-color: #006a9e;
	color: #ffffff;
}

.promo-button:hover
{
	background-color: #003474;
	color: #ffffff;
}

.promo-bar a
{ color: #006a9e; }

.promo-bar a:hover
{
	color: #003474;
}


/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///// MISCELLANEOUS ///////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/


/* Input Text Color */

.form-control
{ color: #00224a; }

/* Error & Success Messages */

.box-alert
{background: repeating-linear-gradient(-45deg, #b8006a, #b8006a 0.625rem, #ffffff 0.625rem, #ffffff 1.25rem); }

.thumb-shadow-4pm-deep
{
	-webkit-box-shadow:
	1px 1px 1px rgba(0, 0, 0, .16),
	2px 1px 2px rgba(0, 0, 0, .14),
	4px 2px 3px rgba(0, 0, 0, .12),
	8px 4px 4px rgba(0, 0, 0, .09),
	12px 7px 5px rgba(0, 0, 0, .05);
	box-shadow:
	1px 1px 1px rgba(0, 0, 0, .16),
	2px 1px 2px rgba(0, 0, 0, .14),
	4px 2px 3px rgba(0, 0, 0, .12),
	8px 4px 4px rgba(0, 0, 0, .09),
	12px 7px 5px rgba(0, 0, 0, .05);
}

.shadow-4pm-deep
{
	-webkit-box-shadow:
	2px 1px 1px rgba(0, 0, 0, .14),
	4px 2px 3px rgba(0, 0, 0, .12),
	8px 4px 5px rgba(0, 0, 0, .10),
	15px 8px 10px rgba(0, 0, 0, .06),
	18px 9px 17px rgba(0, 0, 0, .035),
	25px 10px 16px rgba(0, 0, 0, .015);
	box-shadow:
	2px 1px 1px rgba(0, 0, 0, .14),
	4px 2px 3px rgba(0, 0, 0, .12),
	8px 4px 5px rgba(0, 0, 0, .10),
	15px 8px 10px rgba(0, 0, 0, .06),
	18px 9px 17px rgba(0, 0, 0, .035),
	25px 10px 16px rgba(0, 0, 0, .015);
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///// MOBILE STYLES ///////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/


/* Small devices (small phones, 767px and below) */
@media (max-width: 767px) {

	.dropdown-menu
	{ background-color: rgba(0,0,0,.04); }

	.dropdown-menu > li > a
	{ color: #ffffff; }

	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus
	{ color: #a6c6ff; }

	.dropdown-menu > li.divider
	{ background-color: rgba(0,0,0,.06); }

}

/*///////////////////////////////////////////////////////////////////////////////////////////////////
WORDPRESS OVERRIDES
///////////////////////////////////////////////////////////////////////////////////////////////////*/

.no-comments {
	margin-bottom: 0;
	font-style: italic;
	text-align: center;
}

#ub-cookie-notice {
	background: #000;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///// END CUSTOM STYLES ///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
/*--------------------------------------------------------------
# Import Modules
--------------------------------------------------------------*/

/* @import '~normalize-scss/sass/normalize/import-now';*/

/* For Bootstrap 4: @import '~bootstrap/scss/bootstrap'; */

/* For Bootstrap 3.3.7, when not invoked from header.php */

/*@import '~bootstrap/dist/css/bootstrap-theme.css';*/

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Partials
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Pages
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# OG Premier Template Code. Deprecate eventually.
--------------------------------------------------------------*/


/*# sourceMappingURL=style.css.map*/