p {
	font-size: 1.15rem;
}
.text-shadow-lg {
	text-shadow: 0px 5px 5px rgba(0, 0, 0, .3), 0px 5px 30px rgba(0, 0, 0, .6);
}
.text-shadow-md {
	text-shadow: 0px 5px 5px rgba(0, 0, 0, .08), 0px 5px 30px rgba(0, 0, 0, .15);
}
.bg-primary {
	background-color: #009CDC !important;
}
.bg-warning {
	background-color: #FDCF42 !important;
}
.bg-info {
	background-color: #116488 !important;
}
.text-primary {
	color: #116488 !important;
}
.text-info {
	color: #009CDC !important;
}
.text-white {
	color: #FFFFFF !important;
}
.text-success {
	color: #343a40 !important;
}
a:hover {
	color: #009CDC;
	text-decoration: none;
}
a.text-success:focus, a.text-success:hover {
	color: #009CDC !important;
}
.active {
	color: #009CDC !important;
}
.btn-primary {
	background-color: #009CDC !important;
}
.mr-5 {
	margin-right: ($spacer * 3) !important;
}
.ml-5 {
	margin-left: ($spacer * 3) !important;
}
.pb-3 {
	padding-bottom: : $spacer !important;
}
.bg-page {
	background-image: url(img/page_bg-top.png), url(img/page_bg-bottom.png);
	background-repeat: repeat-x, repeat-x;
	background-position: center top, center bottom;
}
.bg-page-blue {
	background-image: url(img/page_bg-bottom.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
.bg-page-dark {
	background-image: url(img/page_bg-dark-top.png);
	background-repeat: repeat-x;
	background-position: center top;
}
.bg-page-yellow {
	background-image: url(img/page_bg-yellow-top.png);
	background-repeat: repeat-x;
	background-position: center top;
}
.bg-page-yello {
	background-image: url(img/page_bg-yellow-bottom.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
.bg-image-one {
	background-image: url(https://holidaybowllanes.com/img/bg-image-come-bowl-with-us.png);
	background-position: center center;
}
.bg-image-two {
	background-image: url(https://holidaybowllanes.com/img/bg-image-lets-party.png);
	background-position: center center;
}
.bg-image-three {
	background-image: url(https://holidaybowllanes.com/img/bg-image-lets-play.png);
	background-position: center center;
}
.happy-list li {
	padding-bottom: 10px;
}
h2.hash:after {
	content: " ";
	display: block;
	margin: 20px auto;
	width: 100px;
	height: 3px;
	background-color: #fff;
}
.oswald {
	font-family: 'Oswald', sans-serif;
}
.fjalla {
	font-family: 'Fjalla One', sans-serif;
}
.anton {
	font-family: 'Anton', sans-serif;
}
.pacifico {
	font-family: 'Pacifico', cursive;
}
.alfa {
	font-family: 'Alfa Slab One', cursive;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Anton', sans-serif;
}
.h6.sys-font {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important
}
.card-columns .card-body {
	padding-bottom: .7rem !important;
}
.card-columns .card-body p {
	margin-bottom: .5rem !important;
}
.float-right.font-weight-bold.text-right {
	margin-top: 1px;
}
.card-columns {
	-webkit-column-count: 1;
	width: 100% !important;
	-moz-column-count: 1;
	column-count: 1;
}
.embed-responsive-map::before {
	padding-top: 100%;
}
.zoom {
	animation-duration: 4s;
	animation-name: zoom;
	animation-iteration-count: infinite;
	z-index: 100;
}
.overflow-hidden {
	overflow: hidden !important;
}
.alley-top {
	position: relative !important;
}
.top-image {
	background-size: cover;
	background-position: center center;
	min-height:580px !important;
}

@keyframes donkey {
	0% {
		transform: rotate(-5deg)
	}
	50% {
		transform: rotate(5deg)
	}
	100% {
		transform: rotate(-5deg)
	}
}

@keyframes slowroll {
	0% {
		transform: rotate(-2deg)
	}
	50% {
		transform: rotate(2deg)
	}
	100% {
		transform: rotate(-2deg)
	}
}

.slowroll {
animation-name: slowroll;
animation-duration:4s;
animation-iteration-count: infinite;
}
.donkey-kong {
	position: absolute;
	z-index:1000;width:205px;bottom:-1rem; right:-1rem;
	animation-name: donkey;
  animation-duration:4s;
 animation-iteration-count: infinite;

}



@media (min-width: 576px) {


	.embed-responsive-map::before {
		padding-top: 70%;
	}
	.card-columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.zoom {
		animation-name: none;
	}
}
@media (min-width: 768px) {

	.top-image {
		background-size: cover;
		background-position: center center;
		min-height: 520px !important;
	}
	.embed-responsive-map::before {
		padding-top: 49%;
	}
	.card-columns {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	.alley-top {
		position: absolute !important;
	}
}
@media (min-width: 992px) {

	.top-image {
		background-size: cover;
		background-position: center center;
		min-height: 450px !important;
	}
	.embed-responsive-map::before {
		padding-top: 40%;
	}
	.card-columns {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}
@media (min-width: 1200px) {
	.top-image {
		background-size: cover;
		background-position: center center;
		min-height: 450px !important;
	}
	.embed-responsive-map::before {
		padding-top: 35%;
	}
}
p .badge {
	transform: translateY(-2px) !important;
	padding-top: 3px;
	border: 1px solid rgba(0, 0, 0, .06);
}
.delay-2s {
	animation-delay: 2s;
}

@keyframes zoom {
	0% {
		transform: scale3d(1, 1, 1)
	}
	50% {
		transform: scale3d(1.1, 1.1, 1)
	}
	100% {
		transform: scale3d(1, 1, 1)
	}
}


@media (max-width: 991.98px) {
.top-image.pool {
		background-size: auto 150% !important;
		background-position:center 0%;
	}
.top-image.snack-bar {
	background-size: auto 180% !important;
	background-position:22% 20%;
}
.display-3 {
	font-size:3rem;
}
.navbar-brand {
	transform: translate(0, -.3rem);
	max-width:160px;
	margin-bottom:-.4rem;
}
.display-1 {
		font-size: 4.5rem;
		font-weight: 300;
		line-height: 1.1;
	}
}
.display-5 {
	font-size: 2rem;
}
.header .container-fluid {
	max-width:992px !important;
}
@media (max-width: 767.98px){
	.card-deck .card {
		flex: none;
		margin-left:0;
		margin-right:0;
		margin-bottom:15px;
		width:100%;
	}
	.navbar {
		background-image:url('img/mr-happy-face-left.svg') !important;
		background-position: right 80px !important;
		background-repeat:no-repeat;
		background-size: 240px auto  !important;
	}	
	.nav-link {
		font-size :1.3rem !important;
	}
}
.font-weight-xbold {
	font-weight:700;
}
.lazyload,
.lazyloading {
	opacity: 0;
}
.lazyloaded {
	opacity: 1;
	transition: opacity 300ms;
}
body {
	opacity:1 !important;
}