/*============================================================================
  Core Styles
==============================================================================*/

body {
  font-size: var(--body-font-size);
  line-height: 1.6;
  font-family: var(--body-font-stack);
  font-weight: var(--body-font-weight);
  font-style: var(--body-font-style);
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
	-moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.header-font,
.custom-font,
.product-description-wrapper ul.tabs li a,
.shopify-payment-button__button--unbranded {
  display: block;
  font-family: var(--header-font-stack);
  font-weight: var(--header-font-weight);
  font-style: var(--header-font-style);
  a {
    font-weight: inherit;
  }
}

a {
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-o-transition: color .2s ease;
	-ms-transition: color .2s ease;
	transition: color .2s ease;
	color: var(--link-color);
}

a:hover {
	color: var(--active-link-color);
}

#password-submit.btn:focus {
	background-color: var(--button-text-color) !important;
  color: var(--button-background-color) !important;
}

@-moz-document url-prefix() {
	input:focus, select:focus, textarea:focus, button:focus, a:focus, .btn:focus, div:focus {
		outline-style: solid;
    outline-width: 2px;
    transition: none;
	}
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

#site-title {
	text-align: center;
	padding: 50px 0 0 0;
	margin: 0;
}

#site-title a {
  text-decoration: none;
}

#container img {
	max-width: 100%;
}

#footer {
  margin-top: 50px;
  margin-bottom: 40px;
  font-size: 13px;
  text-shadow: 0 1px rgba(255,255,255,0.4);
  text-align: center;
}

#footer a {
	color: var(--password-text-color);
}

#powered {
	position: relative;
	width: 100%;
	bottom: 0;
	left: 0;
}

#powered .powered-inner {
	padding: 0 30px 30px;
	text-align: center;
}

.errors {
  background-color: var(--password-error-background);
  padding: 4px 5px;
  font-size: 15px;
  color: var(--password-error-text);
  display: block;
  margin-bottom: 15px;
}

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

.center {
  text-align: center;
  display: block;
  font-size: 17px;
}

.form-group label {
	font-weight: normal;
	text-align: center;
	width: 100%;
}

.welcome-message {
	text-align: center;
	padding: 0;
	width: 60%;
	margin: 0px auto;
	margin-bottom: 30px;
	font-size: 26px;
}

.background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.password--social-links {
	width: 100%;
	padding: 30px 0;
	display: inline-block;
	text-align: center;
}

.password--social-links li {
	display: inline-block;
    list-style-type: none;
}

.password--social-links a {
	margin: 0;
	padding: 0;
	min-height: 44px;
	min-width: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.password-mailing-list {
	text-align: center;
	padding: 0;
	max-width: 600px;
	margin: 0px auto;
}

#login-modal {
	background-color: var(--password-login-background);
	color: var(--password-login-text);
	padding: 40px 50px;
	text-align: center;
	height: auto;
	overflow: visible;
}

#login-modal #password {
	background: var(--password-login-background);
	color: var(--password-login-text);
	font-size: 14px;
	padding: 10px;
	border: 1px solid white;
	margin-top: 5px;
  width: 95%;
}

#login-modal a {
	color: var(--password-login-text);
}

#contact_form #email {
	text-align: center;
}

#password-submit.btn {
  background: var(--password-btn-background);
  color: var(--password-btn-text);
  border: 1px solid var(--password-btn-text);
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
}

#password-submit.btn {
	background: var(--button-background-color);
	color: var(--button-text-color);
	border: none;
}

#password-submit.btn:hover {
	background-color: var(--button-background-hover-color-lighten);
	cursor: pointer;
}

.password-mailing-list label {
	margin-bottom: 10px;
	display: inline-block;
}

.password-entry {
	color: var(--password-text-color);
	text-decoration: underline;
	cursor: pointer;
}

.sm-icons.password-social-links {
  padding: 0;
  margin: 0;
}

.sm-icons.password-social-links svg {
  height: 20px;
}

.password-form .input-group {
	display: block;
}

.password-form .form-control {
	display: inline-block;
}

.input-group .input-group-btn {
  display: inline-block;
  margin-top: 20px;
  width: 100%;
}

#login_form input {
	text-align: center;
}

.input-group .input-group-btn #password-submit.btn {
	padding: 10px 20px;
	margin: 0;
	font-size: 13px;
	border-radius: 0;
}

.input-group input {
	width: 200px;
  padding: 20px;
}

.password-wrapper {
	text-align: center;
	padding: 0;
}

.password-wrapper label {
	margin-bottom: 10px;
	display: inline-block;
}

.store-owner {
	display: inline-block;
	padding: 20px 0 0;
	line-height: 150%;
}

.store-owner a:hover {
	text-decoration: none;
	opacity: 0.6;
}

.modal-open {
	text-align: center;
	display: inline-block;
	width: 100%;
}

.modal-open a {
	margin: 20px 0;
	text-decoration: none;
	display: inline-block;
}

@media only screen and (max-width: 767px) {
	.input-group input {
		max-width: auto;
	}

	.welcome-message {
		font-size: 20px;
		width: 80%;
	}

	.password--social-links {
		padding: 0;
		display: block;
		max-width: 80%;
		margin: 0 auto;
	}
}

.lds-dual-ring {
  display: inline-block;
  margin: -15px -30px;
}

.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 20px;
  height: 20px;
  margin: 10px;
  border-radius: 50%;
  border: 2px solid var(--password-btn-background);
  border-color: var(--password-text-color) transparent var(--password-text-color) transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.page-alert {
  display: none;
}

.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;text-align:left}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}
