/* Styles copyright 2023 digitalStorefront.  Not for use on other sites or redistribution.  */

a.navbar-brand { white-space:nowrap; text-align:center; word-break:break-all; }

/* Provide sufficient contrast against white background */
a { color:#0366d6; }

.btn-primary { color:#fff; background-color:#1b6ec2; border-color:#1861ac; }

.roboto-condensed-bold { font-family: "Roboto Condensed", "sans-serif"; font-weight: 700; }
.roboto-condensed-italic { font-family: "Roboto Condensed", "sans-serif"; font-weight: 400; font-style: italic; }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color:#fff; background-color:#1b6ec2; border-color:#1861ac; }

.navbar { background-color:#333; white-space:nowrap; }
.navbar-brand img { margin:-4px 8px 0 0; }
.navbar-brand .digital { color:#b566c1; }
.navbar .impersonating-text { color:#f90; text-shadow:0 0 10px #f46; }

.navbar .business-link a { color:#ecf !important; }
.navbar .business-link a:hover { color:#eaf !important; }

.digital { color:#8d319c; font-size:80%; margin-right:2px; }

@media (max-width: 576px) {
	.navbar-collapse { padding:1em; }
}

.hidden { display: none; }
.image-upload-iframe { width: 0; height: 0; border: 0; border: none; }


@media (max-width: 1200px) {
	h1 { font-size: 3rem !important; }
	h2 { font-size: 1.75rem !important; }
	h3 { font-size: 1.55rem !important; }
	h4 { font-size: 1.4rem !important; }

	.blurb { font-size: 1em; }
}

@media (max-width: 768px) {
	h1 { font-size: 2.5rem !important; }
	h2 { font-size: 1.5rem !important; }
	h3 { font-size: 1.4rem !important; }
	h4 { font-size: 1.3rem !important; }
}

/* Sticky footer styles
-------------------------------------------------- */
html { font-size: 14px; }
@media (min-width: 768px) {
  html { font-size:16px; }
}

.border-top { border-top:1px solid #e5e5e5; }
.border-bottom { border-bottom:1px solid #e5e5e5; }

.box-shadow { box-shadow:0 .25rem .75rem rgba(0, 0, 0, .05); }

button.accept-policy { font-size:1rem; line-height:inherit; }

.grecaptcha-badge { bottom: 74px !important; }


/* Modal */
.plainmodal-content { width: 600px; padding: 20px 28px; border-radius: 20px; background-color: #fff; }
.plainoverlay.plainoverlay-doc { box-sizing:content-box; }

/* Sticky footer styles
-------------------------------------------------- */
html { position: relative; min-height: 100%; }

/* Margin bottom by footer height */
body { margin-bottom:60px; }
.footer { position:absolute; bottom:0; width:100%; padding:1em; background-color:#333; color:#6c757d; }
.footer a { color:#ccc; }
.footer a:hover { color:#eee; }
.footer .footer-copyright { color:#eee; }
.footer .footer-copyright .digital { color:#b566c1; }
.navbar-brand { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); }
.nav-padding-fix { padding:8px; }

.error { color:#f00; }

.space-under { margin-bottom:1em; }

/* Breadcrumbs */
ol.breadcrumb { position:absolute; background-color:transparent; font-size:14px; opacity:0.6; }

@media (max-width: 1200px) {
	ol.breadcrumb { position: static; margin-bottom: 0; }
}

/* Form styles */
.form label { width:30%; display:inline-block; vertical-align:top; }

.form { max-width:600px; text-align:left; margin:0 auto; }
.form-small { max-width: 320px; }
.form-medium { max-width: 400px; }
.form-large { max-width: 600px; }
.form-full { max-width:100%; }

.form input,
.form textarea,
.form select,
.form button { width:65%; padding:8px 18px; border:solid 1px #aaa; border-radius:20px; }

.form input[type="submit"],
.form input[type="button"],
.form input[type="checkbox"],
.form input[type="radio"],
.form button { width:auto; }

.form .invisible-field { border:solid 1px transparent; outline:none; }
.form .invisible-field:focus { border:solid 1px #aaa; }

.form .field-row { padding:8px 0; }

@media (max-width: 768px) {
	.form label { width:100%; }
	.form input,
	.form textarea,
	.form select,
	.form button { width: 100%; }
}

/* Slider */
.switch { position: relative; display: inline-block; width: 45px !important; height: 26px; }

/* Hide default HTML checkbox */
.switch input { opacity: 0; width: 0; height: 0; }

/* The slider */
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; }
.slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 4px; bottom: 4px; background-color: white; transition: .4s; }
input:checked + .slider { background-color: #2196F3; }
input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
input:checked + .slider:before { -ms-transform: translateX(18px); transform: translateX(18px); }

/* Rounded sliders */
.slider.round { border-radius: 30px; }
.slider.round:before { border-radius: 50%; }

/* Buttons */
.button { border-radius:20px; display:inline-block; cursor:pointer; font-family:Arial; font-size:16px; font-weight:bold; padding:11px 24px; text-decoration:none; opacity:0.8; }
.button:hover { opacity:1; }
.button:active { position:relative; top:1px; }

.button-green { box-shadow:inset 0px 1px 0px 0px #caefab; background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%); background-color:#77d42a; border:1px solid #268a16; color:#306108; text-shadow:0px 1px 0px #aade7c; }
.button-green:hover { background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%); background-color:#5cb811; }

.button-orange { box-shadow:inset 0px 1px 0px 0px #f9eca0; background:linear-gradient(to bottom, #f0c911 5%, #f2ab1e 100%); background-color:#f0c911; border:1px solid #e65f44; color:#c95d00; text-shadow:0px 1px 0px #ded17c; }
.button-orange:hover { background:linear-gradient(to bottom, #f2ab1e 5%, #f0c911 100%); background-color:#f2ab1e; }

/* Tags */
.tag { float:left; width:24px; height:24px; line-height:24px; border-radius:20px; background-color:#a5d49e; text-align:center; font-size:12px; font-weight:bold; margin:4px 8px 0 0; }
.tag-hot { font-size:8px !important; letter-spacing:-5px; padding-right:5px; background-color:#ffbe94 !important; }
.tag-vg { background-color:#93b98d !important; }
.tag-gf { background-color:#e4e499 !important; }
.tag-c { background-color:#c5d6ff !important; }

/* Order table */
#order-container table { width:100%; }
#order-container table .quantity { text-align:center; }
#order-container table .cost { text-align:right; }
#order-container table .remove { text-align:right; }
#order-container table .remove a { font-weight:bold; color:#666; }
#order-container table .remove a:hover { color:#c33; }
#order-container table .quantity { width:60px; text-align:center; border:none; background-color:transparent; }
#order-container table th,
#order-container table td { padding:4px 12px; }
#order-container table tr.header { border-bottom:solid 1px #666; }
#order-container table tr.totals { font-weight:bold; border-top:solid 1px #666; background-color:#fff; }
#order-container table .processing-fee { color:#aaa; background-color:#fff !important; }

#order-container table tr:nth-child(odd) { background-color:#d7eaff; }
#order-container table tr:nth-child(even) { background-color:#fff; }

#order-container .order-actions { margin-top:20px; width:100%; }

/* Image picker */
.image-picker { background-color: #eee; padding: 12px; margin-bottom: 1em; overflow: scroll; border: solid 1px #ccc; max-height: 400px; }
.image-picker .image-picker-img { position: relative; width: 140px; height: 140px; background-color: #fff; border: solid 1px #ccc; cursor: pointer; text-align: center; float: left; margin-right: 12px; margin: 0 1em 1em 0; }
.image-picker .image-picker-img:hover { box-shadow: 0 0 10px #aaa; }
.image-picker .image-picker-img img { max-width: 100%; max-height: 80%; }
.image-picker .label { text-align: center; }
.image-picker .delete-image { position: absolute; bottom: 0; right: 4px; float: right; cursor: pointer; color: #f00; display: none; }
.image-picker-img:hover .delete-image { display: block; }

/*!
 * CropSelectJs - https://zara4.com/projects/crop-select-js
 *
 * Copyright (c) 2017 Zara 4
 *
 * Released under the GNU GPL 3.0 License
 * https://github.com/zara-4/crop-select-js/blob/master/LICENSE.md
 *
 */ 
.crop-select-js .crop-wrapper { display: block; max-width: 100%; max-height: 100%; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; background-color: #f1f1f1 }
.crop-select-js .crop-wrapper img.crop-image { display: block; margin: auto; max-width: 100%; max-height: 100%; position: relative; top: 0 }
.crop-select-js .crop-wrapper .crop-selection { position: absolute; box-sizing: border-box; display: block; width: 100px; height: 100px; cursor: move; top: 0; z-index: 5 }
.crop-select-js .crop-wrapper .crop-selection.animated { border: 0 }
.crop-select-js .crop-wrapper .crop-selection .border { display: block; position: absolute; z-index: 10 }
.crop-select-js .crop-wrapper .crop-selection .border.left { top: 0; bottom: 0; left: 0; width: 1px; border-left: 1px dashed #000 }
.crop-select-js .crop-wrapper .crop-selection .border.top { top: 0; right: 0; left: 0; height: 1px; border-top: 1px dashed #000 }
.crop-select-js .crop-wrapper .crop-selection .border.right { top: 0; bottom: 0; right: 0; width: 1px; border-right: 1px dashed #000 }
.crop-select-js .crop-wrapper .crop-selection .border.bottom { bottom: 0; right: 0; left: 0; height: 1px; border-bottom: 1px dashed #000 }
.crop-select-js .crop-wrapper .crop-selection.animated .border.bottom, .crop-select-js .crop-wrapper .crop-selection.animated .border.left, .crop-select-js .crop-wrapper .crop-selection.animated .border.right, .crop-select-js .crop-wrapper .crop-selection.animated .border.top { border: 0 }
.crop-select-js .crop-wrapper .crop-selection.animated .border { background: url(img/selection.gif) }
.crop-select-js .crop-wrapper .crop-selection .handle { position: absolute; display: block; width: 7px; height: 7px; background-color: rgba(255,255,255,.8); border: 1px solid #000; z-index: 20 }
.crop-select-js .crop-wrapper .crop-selection .handle.top-left { top: 0; left: 0; cursor: nwse-resize }
.crop-select-js .crop-wrapper .crop-selection .handle.top { left: calc(50% - 5px); top: 0; cursor: ns-resize }
.crop-select-js .crop-wrapper .crop-selection .handle.top-right { top: 0; right: 0; cursor: nesw-resize }
.crop-select-js .crop-wrapper .crop-selection .handle.right { top: calc(50% - 5px); right: 0; cursor: ew-resize }
.crop-select-js .crop-wrapper .crop-selection .handle.bottom-right { bottom: 0; right: 0; cursor: nwse-resize }
.crop-select-js .crop-wrapper .crop-selection .handle.bottom { bottom: 0; left: calc(50% - 5px); cursor: ns-resize }
.crop-select-js .crop-wrapper .crop-selection .handle.bottom-left { bottom: 0; left: 0; cursor: nesw-resize }
.crop-select-js .crop-wrapper .crop-selection .handle.left { top: calc(50% - 5px); left: 0; cursor: ew-resize }
.crop-select-js .crop-wrapper .shadow { display: block; position: absolute; background-color: rgba(0,0,0,.6); width: 0; height: 0; z-index: 10 }
.crop-select-js .crop-wrapper .shadow.left { left: 0; top: 0; height: 100% }
.crop-select-js .crop-wrapper .shadow.right { right: 0; top: 0; height: 100% }
.crop-select-js .crop-wrapper .shadow.top { left: 30px; top: 0 }
.crop-select-js .crop-wrapper .shadow.bottom { left: 60px; bottom: 0 }

/* Custom image upload styles */
#crop-select { margin: 0 auto; background-color: #ccc; }

/* Q29weXJpZ2h0IGRpZ2l0YWxTdG9yZWZyb250 */