@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Playfair+Display:wght@400;700&display=swap');

:focus {
	outline: none;
}
body {
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	line-height: 1.4;
	color: #333333;
	background-color: #fff;
	margin: 0;
	width: 100%;
}
header#page-header {
	width: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 999;
}
div.head-1 {
	width: 100%;
	margin: 0;
	padding: 0;
	min-height: 2px;
	line-height: 20px;
	background-color: #502B8F;
	text-align: center;
}
div.head-1 ul {
	margin: 0;
	padding: 8px 15px;
}
div.head-1 li {
	display: inline-block;
	margin: 1px 2px;
	padding: 0;
}
div.head-1 li a {
	display: inline-block;
	font-size: 16px;
	padding: 5px;
	color: #fff;
	border: 1px solid #676767;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.24px;
}
div.head-1 li a:focus,
div.head-1 li a:hover,
div.head-1 li.active a {
	border: 1px solid #fff;
	text-decoration: none;
	transition-property: border-color;
	transition-duration: .3s;
}
div.head-1 input.form-control {
	height: 25px;
	width: 120px;
}
div#countdown-box {
	color: #fff;
	width: 100%;
	font-size: 20px;
	padding: 3px;
}
div#countdown-box a {
	color: #fff;
	padding: 4px 6px;
}
div#countdown-box a:focus,
div#countdown-box a:hover {
	color: #fff;
	border: 1px solid #fff;
	text-decoration: none;
}
div.head-2 {
	letter-spacing: 0.24px;
	background-color: #f7f7f7;
	border-bottom: 2px solid #502B8F;
	padding: 0 15px;
}
div#fixed-header-spacer {
	display: inline-block;
	width: 100%;
	z-index: 1000;
	vertical-align: top;
}
div.head-3 {
	margin-top: 60px;
	width: 100%;
	text-align: center;
	border-bottom: 2px solid #000;
}
div.head-3 img {
	max-width: 1008px;
	width: 100%;
}
li.menu-account {
	min-width: 180px;
}
div#main-outer {
	min-height: 760px;
	padding-bottom: 20px;
}
div#content {
	padding-top: 15px;
}
/* Home Page */
div.front-band {
	display: inline-block;
	width: 100%;
	padding: 30px 0;
}
div.front-logo {
	display: inline-block;
	width: 100%;
	padding: 30px 0 0 0;
}
div.front-logo img {
	width: 100%;
}
div.front-logo img.logo-wide {
	max-width: 784px;
}
div.front-logo img.logo-square {
	max-width: 431px;
	display: none;
}
div.front-band h1,
div.front-band h3 {
	margin-top: 30px;
}
div.front-band h1 {
	margin-bottom: 30px;
}
div.front-band p {
	font-size: 20px;
}
div.front-band i {
	color: #502B8F;
}
div.front-band ul {
	margin-bottom: 0;
}
div.front-band table td {
	vertical-align: top;
	font-size: 20px;
	padding: 2px;
}
ul.links li {
	font-size: 20px;
}
div.partners {
	text-align: center;
}
div.partners a {
	display: inline-block;
	margin: 10px;
	border: 2px solid #fff;
}
div.front-band div.partners a:focus,
div.front-band div.partners a:hover {
	border: 2px solid #502B8F;
}
div.front-band div.partners img {
	height: 225px;
}
.float-left {
	float: left;
	margin: 0 40px 20px 0;
}
.float-right {
	float: right;
	margin: 0 0 20px 40px;
}
div.slider-photos { height: 350px; }
div.slider-partner { height: 210px; }
div.slider-partner a { cursor: pointer; }
div.slider { width: 100%; max-width: 450px; margin: 0 auto; position: relative; }
div.slider div { position: absolute; top: 0; left: 0; max-height: 300px; width: 100%; opacity: 0; text-align: center; }
div.slider img { margin: 0 auto; max-width: 100%; }
div.dog-box {
	color: #333;
	display: inline-block;
	margin: 15px;
	border: 2px solid #333;
}
div.dog-box:focus,
div.dog-box:hover {
	background-color: #ddd;
}
div.dog-img {
	text-align: center;
}
div.dog-img img {
	max-height: 200px;
}
div.dog-info {
	margin: 10px;
}
footer {
	margin-top: 40px;
}
div#foot-1 {
	color: #fff;
	font-family: 'Playfair Display', serif;
	font-size: 20px;
	text-align: center;
	letter-spacing: 1.25px;
	background-color: #2B8F82;
	padding-top: 40px;
	padding-bottom: 30px;
}
div#foot-2 {
	color: #fff;
	font-size: 16px;
	text-align: center;
	background-color: #333;
	padding-top: 50px;
	padding-bottom: 40px;
}
div#foot-2 div.logo {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	font-family: 'Playfair Display', serif;
	margin-bottom: 30px;
	letter-spacing: 1.25px;
}
div#foot-1wp {
	color: rgba(255, 255, 255, 0.6);
	font-size: 16px;
	text-align: center;
	line-height: 27.52px;
	letter-spacing: 0.24px;
	background-color: #502b8f;
	padding-top: 60px;
	padding-bottom: 64px;
}
div#foot-1wp b {
	letter-spacing: 0.41px;
}
div#foot-2wp {
	color: #fff;
	font-size: 13px;
	line-height: 20px;
	background-color: #141617;
	padding-top: 29px;
	padding-bottom: 29px;
}
p.quote-title {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 28px;
}
footer a,
footer a:focus,
footer a:hover {
	color: #fff;
}
footer div.copyright {
	padding-top: 8px;
	float: left;
}
footer div.fb {
	float: right;
	background-color: #3b5998;
	color: #fff;
	padding: 8px 12px;
	font-size: 20px;
	border-radius: 4px;
}
div.site-error {
	padding: 20px;
}
main a:focus i.fa-heart,
main a:hover i.fa-heart,
main a i.fa-heart-o {
	color: gray;
}
main a:focus i.fa-heart-o,
main a:hover i.fa-heart-o,
main a i.fa-heart {
	color: red;
}
main .note-toolbar a {
	text-decoration: none;
}
.note-color-reset, .note-color-select, .note-holder-custom {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #502b8f;
}
div.banner-well.banner-home {
	margin: 50px 0 20px 0;
}
div.banner-well {
	padding: 5px 5px 15px 5px;
	display: flex;
	align-items: center;
}
div.banner-well p {
	margin: 8px 10px 0 10px;
}
div.banner-well img {
	float: left;
	width: 300px;
	max-width: calc( 100% - 20px );
	margin: 10px 15px 0 10px;
}
div.banner-well img.banner-no-txt {
	float: none;
	width: calc( 100% - 20px );
	max-height: 300px;
	margin: 10px 15px 0 10px;
}
div.side-box {
	border: 1px solid #502B8F;
	background-color: #E5DFEE;
}
div.me-page img {
	width: 100%;
	max-width: 180px;
	margin: 10px;
}
div.datepicker {
	border: 2px solid #381e05;
}
div.datepicker .active {
	background-color: #923300;
}
table.table-bordered>tbody>tr>td,
table.table-bordered>tbody>tr>th,
table.table-bordered>tfoot>tr>td,
table.table-bordered>tfoot>tr>th {
	border-left: none;
	border-right: none;
}
table.table-bordered>thead>tr>td,
table.table-bordered>thead>tr>th {
	border: none;
}
input[type=checkbox] {
	transform: scale( 1.5 );
}
div.checkbox-hint,
input.checkbox-adjust {
	position: relative;
	top: 6px;
}
div.checkbox-hint {
	display: inline-block;
	font-size: 16px;
	padding: 3px 0 3px 10px;
}
a.btn {
	text-decoration: none;
	font-family: sans-serif;
}
a.btn-menu {
	max-width: 300px;
	width: 100%;
}
.outline-btn {
	display: inline-block;
	border: 1px solid #333;
	color: #333;
	background-color: #fff;
	font-size: 16px;
	padding: 0 4px;
	cursor: pointer;
}
.outline-btn-sm {
	font-size: 14px;
}
.outline-btn:focus,
.outline-btn:hover {
	color: #333;
	text-decoration: none;
	background-color: #ddd;
}
div.hint-block {
	color: #502B8F;
}
a.blocked {
	color: #555;
	pointer-events: none;
}
button.blocked {
	pointer-events: none;
}
.big li,
.big p {
	font-size: 18px;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.nowrap {
	white-space: nowrap;
}
.red {
	color: red;
}
.pink {
	color: #8F2B38;
}
.yellow {
	background-color: yellow;
}
.orange {
	background-color: orange;
}
.green {
	background-color: lightgreen;
}
.width-45 {
	width: 45px;
}
table.about-imgs {
	display: inline-block;
	padding-bottom: 20px;
	width: 100%;
	max-width: 1212px;
}
table.about-imgs td {
	padding: 6px;
}
table.about-imgs td img {
	width: 100%;
}
div.video-box {
	display: inline-block;
	width: 100%;
	margin: 0 auto;
}
div.about-videos {
	padding-bottom: 20px;
}
div.toggle-buttons a {
	margin: 3px;
}
table.reports-small {
	border-bottom: 1px solid black;
}
table.reports thead tr td,
table.reports-small thead tr td {
	font-weight: bold;
	border-bottom: 1px solid black;
	padding-bottom: 0;
}
table.reports td {
	font-size: 18px;
	padding: 10px;
}
table.reports-small td {
	font-size: 14px;
	padding: 0 2px;
}
table.reports-small tr.line td {
	border-top: 1px solid black;
}
table.checkin div.btn-checkin, div.btn-scratch {
	width: 78px;
}
table.checkin div.btn-default span.ed {
	display: none;
}

span.wait-day-Tue, span.wait-day-Fri { color: green; }
span.wait-day-Wed, span.wait-day-Sat { color: red; }
span.wait-day-Thu, span.wait-day-Sun { color: blue; }
span.wait-day-Mon { color: magenta; }

img.i100 { height: 100px; }

div.row div.col-lg-10 div.head-3 {
	padding: 0 0 0 1px;
}

div.class-map {
	text-align: center;
}
div.class-map img {
	max-width: 100%;
}
ul.sort-list.multi-col {
	-moz-column-count: 3;
	-moz-column-gap: 10px;
	-webkit-column-count: 3;
	-webkit-column-gap: 10px;
	column-count: 3;
	column-gap: 10px;
}

@media screen and ( max-width: 1000px ) {
	div.head-1 li.barcode-form {
		display: none;
	}
}
@media screen and ( max-width: 767px ) {
	header#page-header {
		position: initial;
	}
	div#fixed-header-spacer {
		display: none;
	}
	div.head-3 {
		margin-top: 10px;
	}	
	div.front-band {
		padding: 10px;
	}
	div.front-band h1 {
		font-size: 28px;
	}
	div.front-band h3 {
		font-size: 20px;
	}
	div.front-band p {
		font-size: 18px;
	}
	.float-left,
	.float-right {
		width: 100%;
		text-align: center;
	}
	h1, h2, h3 {
		text-align: center;
	}
	div.section-img img {
		max-width: 80%;
	}
}
@media screen and ( max-width: 600px ) {
	div.banner-well {
		display: block;
	}
	div.banner-well img {
		width: calc( 100% - 20px );
		margin: 10px 15px 10px 10px;
	}
	div.front-logo {
		display: inline-block;
		width: 100%;
		padding: 30px 0 0 0;
	}
	div.front-logo img.logo-wide {
		display: none;
	}
	div.front-logo img.logo-square {
		display: initial;
	}
}
@media print {
	.hidden-print {
		display: none !important;
	}
}