/*******************************************************************
  SPECIAL OFFERS PAGE
*******************************************************************/

.special-wrap {
	margin: 50px 0 0 0;
}

.special-wrap .special-item {
	padding: 0 0 50px 0;
}

.special-wrap .special-item .special-item-left img {
	border: 1px solid #CCC;
}

@media handheld, only screen and (max-width: 876px) {
	.special-wrap .special-item .special-item-left img {
		display: block;
		margin: 0 auto;
	}
}

/*******************************************************************
  COUNTDOWN INTERIOR
*******************************************************************/

#countdown-desktop {
	margin-top: 40px;
}

#countdown-desktop .days,
#countdown-desktop .hours,
#countdown-desktop .minutes,
#countdown-desktop .seconds {
	background: url(http://www.hooterscasinohotel.com/images/logo-steak-n-shake-template.png) no-repeat;
	background-size: contain;
	display: inline-block;
	height: 169px;
	overflow: hidden;
	position: relative;
	width: 235px;
}

#countdown-desktop .days .count,
#countdown-desktop .hours .count,
#countdown-desktop .minutes .count,
#countdown-desktop .seconds .count {
	color: #FFF;
	display: block;
	font-size: 60px;
	font-weight: bold;
	height: 50%;
	margin: auto;
	overflow: auto;
	position: absolute; top: 0; left: 0; bottom: 0; right: 0;
	text-align: center;
	width: 50%;
	z-index: 9999;
}

#countdown-desktop .days .time,
#countdown-desktop .hours .time,
#countdown-desktop .minutes .time,
#countdown-desktop .seconds .time {
	display: block;
	height: 14%;
	font-weight: bold;
	margin: auto;
	overflow: auto;
	position: absolute; top: auto; left: 0; bottom: 0; right: 0;
	text-align: center;
	width: 50%;
}

#countdown-mobile {
	display: none;
}

#countdown-mobile {
	background: url(http://www.hooterscasinohotel.com/images/logo-steak-n-shake-template-mobile.png) no-repeat;
	background-size: contain;
	height: 378px;
	margin: 0 auto;
	position: relative;
	width: 525px;
}

#countdown-mobile .days,
#countdown-mobile .hours,
#countdown-mobile .minutes,
#countdown-mobile .seconds {
	position: absolute;
	text-align: center;
	width: 100px;
	z-index: 9999;
}

#countdown-mobile .days {
	left: 170px;
	top: 100px;
}

#countdown-mobile .hours {
	right: 170px;
	top: 100px;
}

#countdown-mobile .minutes {
	left: 170px;
	bottom: 100px;
}

#countdown-mobile .seconds {
	right: 170px;
	bottom: 100px;
}

#countdown-mobile .days .count,
#countdown-mobile .hours .count,
#countdown-mobile .minutes .count,
#countdown-mobile .seconds .count {
	color: #FFF;
	font-size: 60px;
	font-weight: bold;
	line-height: 60px;
}

#countdown-mobile .days .time,
#countdown-mobile .hours .time,
#countdown-mobile .minutes .time,
#countdown-mobile .seconds .time {
	color: #FFF;
	font-size: 16px;
}

@media handheld, only screen and (max-width: 1000px) {
	#countdown-desktop {
		display: none;
	}

	#countdown-mobile {
		display: block;
	}
}

@media handheld, only screen and (max-width: 580px) {
	#countdown-mobile {
		height: 230px;
		width: 319px;
	}

	#countdown-mobile .days .count,
	#countdown-mobile .hours .count,
	#countdown-mobile .minutes .count,
	#countdown-mobile .seconds .count {
		font-size: 24px;
		line-height: 24px;
	}

	#countdown-mobile .days {
		left: 80px;
		top: 70px;
	}
	
	#countdown-mobile .hours {
		right: 80px;
		top: 70px;
	}
	
	#countdown-mobile .minutes {
		left: 80px;
		bottom: 70px;
	}
	
	#countdown-mobile .seconds {
		right: 80px;
		bottom: 70px;
	}

	#countdown-mobile .days .time,
	#countdown-mobile .hours .time,
	#countdown-mobile .minutes .time,
	#countdown-mobile .seconds .time {
		font-size: 13px;
	}
}

.center-headings h1,
.center-headings h2 {
	text-align: center;
}

/*******************************************************************
  GALLERY
*******************************************************************/

.gallery {
	text-align: justify;
}

.magnific.gallery:after {
	content: ' ';
	display: inline-block;
	width: 100%;
}

.accordion .slick.gallery {
	max-width: none;
}

.accordion .gallery a.visible {
	max-width: 100%;
	display: block;
	padding: 10px 10px 5px 10px;
	margin: 12px 0 0 12px;
	box-shadow: 0 2px 5px #666;
}

.gallery a.visible {
	max-width: 23%;
	box-shadow: none;
	margin-left:0;
	margin-right:0;
	display: inline-block;
}

/*******************************************************************
	CASINO
*******************************************************************/

#content .booking-form {
	position: relative;
	right: auto;
	top: auto;
	text-align: center;
}

#content .booking-form input[type="text"] {
	border: 1px solid #FA4616;
	background: #fff;
}

#content .booking-form .submit:link, #content .booking-form .submit:visited {
	background-color: #FA4616;
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Open Sans, Myriad Pro, Arial, sans-serif;
	margin: 0 0 0 6px;
	padding: 5px 10px;
	text-decoration: none;
}


#content .booking-form .submit:hover {
	background: #000;
	text-decoration: none;
}
/*******************************************************************
	$1,000,000 Dare Devil Contest
*******************************************************************/

.prizes {
	background: #FA4616;
	border: 4px solid #f36541;
	border-bottom: none;
	color: #FFF;
}

.prizes.last {
	border-bottom: 4px solid #f36541;
}

.prizes .prizes-item {
	background: #FA4616;
	height: 130px;
	padding: 20px;
	text-align: center;
	overflow: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	resize: vertical;
}

.prizes .prizes-item {
	border-right: 4px solid #f36541;
}

.prizes.top .prizes-item,
.prizes div.prizes-item:last-of-type {
	border-right: none;
}

.prizes .prizes-item span {
	margin: 0;
}

.prizes.top .prizes-item span {
	font-size: 48px;
	font-weight: bold;
}

.prizes.middle .prizes-item span {
	font-size: 32px;
}

.prizes.bottom .prizes-item span {
	font-size: 20px;
}

.prizes-small {
	background: #FA4517;
	border: 4px solid #F36441;
	color: #FFF;
	list-style: none;
	margin: 0;
	text-align: center;
}

.prizes-small li {
	padding: 20px;
	font-weight: bold;
	text-align: center;
}

/*******************************************************************
  TEMPLATE
*******************************************************************/
.template #content p[align='center'] img {
	width: 100%;
	/* float: right; */
}

.area-guide h2 {
	text-align: center;
}

.area-guide.night-owl h2 {
	margin: 10px 0 30px 0;
	text-align: left;
}
.area-guide .masonry-container h3 {
	position: static;
	font: 28px Oswald, Open Sans, Myriad Pro, Arial, sans-serif;
	padding: 0;

	text-shadow: 1px 1px 2px #000;
}

.area-guide .masonry-container .content {
	position: absolute;
	z-index: 10;
	bottom: 0;

	font: 300 18px Oswald, Open Sans, Myriad Pro, Arial, sans-serif;
	right: 0;
	text-shadow: 1px 1px 2px #000;
	padding: 15px 20px;
}
.area-guide .masonry-container .content {


}
.area-guide .masonry-container h4 {
	margin: 0;
	font: 300 24px/24px Oswald, Open Sans, Myriad Pro, Arial, sans-serif;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	text-transform: uppercase;
}

/*******************************************************************
  SPECIALS
*******************************************************************/

#specials .special {
	border-bottom: 1px solid #FA4616;
	overflow: hidden;
	padding: 0 0 20px 0;
}

#specials .photoheader img {
	width: 100%;
}

#specials .special h2 {
	display: block;
	margin-bottom: 10px;
}

#specials .special:last-of-type {
	border-bottom: none;
}

#specials .spViewAllLink {
	display: none;
}

/*******************************************************************
  SUB NAVIGATION
*******************************************************************/

.sub-nav {
	margin: 10px 0 30px 0;
	border-top: 1px solid #FA4616;
	border-bottom: 1px solid #FA4616;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

.sub-nav li {
	display: inline-block;
	font-size: 18px;
}

.sub-nav a:link, .sub-nav a:visited {
	display: inline-block;
	font-size: 18px;
	line-height: 20px;
	padding: 20px;
	text-transform: uppercase;
	text-decoration: none;
}

.sub-nav a:hover {
	background: #FA4616;
	color: #FFFFFF;
}

.casino .sub-nav a.casino,
.hotel .sub-nav a.hotel,
.responsible .sub-nav a.responsible,
.lost-found .sub-nav a.lost-found,
.responsible .sub-nav a.responsible,
.rewards .sub-nav a.rewards,
.hooters .sub-nav a.hooters,
.steak-n-shake .sub-nav a.steak-n-shake,
.room-service .sub-nav a.room-service,
.shopping .sub-nav a.shopping,
.bait .sub-nav a.bait,
.beach .sub-nav a.beach,
.saloon .sub-nav a.saloon,
.underground .sub-nav a.underground,
.bar .sub-nav a.bar,
.groups .sub-nav a.groups,
.pool .sub-nav a.pool,
.contact .sub-nav a.contact,
.employment .sub-nav a.employment,
.faq .sub-nav a.faq,
.lost-found .sub-nav a.lost-found,
.shopping .sub-nav a.shopping,
.entertainment .sub-nav a.entertainment,
.area-guide .sub-nav a.areaguide,
.calendar .sub-nav a.calendar,
.william-hill .sub-nav a.william-hill,
.caribou-coffee .sub-nav a.caribou-coffee,
.porch .sub-nav a.porch,
.one-million-dare-devil .sub-nav a.one-million-dare-devil
{
	font-weight: bold;
}

@media handheld, only screen and (max-width: 560px) {
	.sub-nav a:link, .sub-nav a:visited {
		padding: 20px 10px;
	}
}

@media handheld, only screen and (max-width: 480px) {
	.sub-nav a:link, .sub-nav a:visited {
		font-size: 14px;
	}
}

/*******************************************************************
	GALLERY
*******************************************************************/

.theme-default .pagination .prev {
	background: url(../images/thumbnail-arrows.png) 0 0 !important;
}

.theme-default .pagination .prev:hover {
	background-position: 0 -20px !important;
}

.theme-default .pagination .next {
	background: url(../images/thumbnail-arrows.png) -18px 0 !important;
}

.theme-default .pagination .next:hover {
	background-position: -18px -20px !important;
}

/*******************************************************************
	ACCORDIONS
*******************************************************************/

.accordion {
	clear: both;
	margin: 20px 0;
}

.accordion > h2 {
	background: #FA4616;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	margin: 2px 0;
	padding: 10px;
}

.accordion > h2:hover {
	background-color: #000;
	color: #FFFFFF;
}

.accordion > div {
	display: none;
	margin: 20px auto;
	clear: both;
	overflow: hidden;
}

.accordion > div .side {
	float: right;
	margin: 0 5px 0 45px;
	overflow: visible;
	width: 310px;
}

.accordion .gallery {
	max-width: 310px;
}

.accordion.galleries .gallery {
	max-width: none;
}

.accordion.galleries {
	text-align: justify;
}

.accordion .magnific.gallery:after {
	display: none;
}

.accordion .slick.gallery {
	max-width: none;
}

.accordion .gallery a.visible {
	max-width: 100%;
	display: block;
	padding: 10px;
	margin: 8px 0 8px 8px;
	box-shadow: 0 2px 5px #666;
}

.accordion.galleries a.visible {
	max-width: 23%;
	box-shadow: none;
	margin-left:0;
	margin-right:0;
	display: inline-block;
}

.accordion > div .side p {
	text-transform: uppercase;
}

.accordion > div .side p.open-gallery {
	display: inline-block;

}

.accordion > div .side p.booking {
	display: inline-block;
	float: right;

}

.accordion > div .side p.open-gallery .open,
.accordion > div .side p.booking .checkrates {
	background-color: #FA4616;
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 14px;
	margin: 0 0 0 6px;
	padding: 5px 10px;
	text-decoration: none;
}


.accordion > div .side p.open-gallery .open:hover,
.accordion > div .side p .checkrates:hover {
	background: #000;
	text-decoration: none;
}
.accordion > p {
	display: none;
}

.accordion > div .side a img {
	width: 100%;
}

.accordion > div .main {
	overflow: hidden;
}

.accordion h3 {
	margin-top: 30px;
}

.accordion h3:first-child {
	margin-top: 0;
}

@media handheld, only screen and (max-width: 1050px) {
	.accordion h2 {
		max-width: 100%;
	}
}


/*******************************************************************
  TESTIMONIALS
*******************************************************************/

.testimonial-sender {
	color: #FA4616;
	font-weight: bold;
	margin: 0 0 20px 0;
}

/*******************************************************************
  CONTACT FORM
*******************************************************************/

.form {
	margin: 0 0 20px 0;
}

.form p {
	margin: 0 0 10px 0;
}

/* Contact form inputs and text areas*/
.form input[type='text'], .form textarea {
	max-width: 50%;
	border: 1px solid #cccccc;
	padding: 0.25em 0.5em;
	background-color: white;
	font-family: inherit;
	color: rgba(0, 0, 0, 0.75);
	-webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
	-moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
	transition: box-shadow 0.45s, border-color 0.45s ease-in-out; 
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Resizes the text area*/
.form textarea {
	width: 90%;
	max-width: 95%;
	height: 150px;
}

/* Removes the Chrome outline on focus, and produces an animation*/
.form input[type='text']:focus, .form textarea:focus {
	-webkit-box-shadow: 0 0 5px #999999;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border-color: #999999; 
    border-color: #999999;
    outline: none;
}

.form input[type="radio"]:last-of-type {
	margin-left: 25px;
}

/* Submit button for the form*/
.form .submit {
	display: inline-block;
	margin-top: 1px;
	padding: 8px 25px;
	border-style: none;
	background-color: #FA4616;
	color: #FFFFFF;
	font: bold 16px/20px 'Open Sans','Myriad Pro', sans-serif;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	border-radius: 3px;
}

/* Submit hover state*/
.form .submit:hover {
	background: #FFFFFF;
	/* border: solid black 1px; */
	/* margin: 0 -1px -1px -1px; */
	text-decoration: none;
	color: #FA4616;
}

/* Contact form error messages*/
.form strong.required, .form div.error {color: #ff0000}

/* Displays a GIF loading animation once the form is submitted*/
.form .throbber {
	display: none;
	padding-left: 10px;
}

/* Surrounds the inputs witha  red border if an error is found on submit*/
.form input.error,.form textarea.error {border: 1px solid #ff0000}

/* Hides error messages above individual inputs*/
.form p.error {display: none !important} 

/* The contact form success container. Displays a thank-you messgae*/
.form_success {
	display: none;
}

@media handheld, only screen and (max-width: 1010px) {
	.masonry-container.masthead .item:nth-child(2) {
		display: none;
	}
}

@media handheld, only screen and (max-width: 685px) {
	.masonry-container .item, .masonry-container .item.w3x, .masonry-container .item.w2x {
		width: 315px;
		margin-left: 0px;
	}
	
	.masonry-container.masthead .item:nth-child(3) {
		display: none;
	}
}

@media handheld, only screen and (max-width: 650px) {
	.accordion > div .side {
		float: none;
		max-width: none;
		width: auto;
		margin: 10px auto;
	}

	.accordion .side  .gallery {
		max-width: none;
	}

	.accordion .side .gallery a.visible {
		
		padding: 0;
		box-shadow: none;

	}

	#content {
		padding: 0 10px;
	}

}