/* 
Theme Name:     That's Entertainment WP Theme
Description:    WP theme for That's Entertainment
Author:         Cool Hat Web Design
Author URI:     https://www.coolhatwebdesign.com
Version:        2.3.39
*/

* {
	margin: 0;
	padding: 0;
}
html {
	min-height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}


body {
	background: url('images/bround.gif') #07113F repeat fixed;
	font-size: 1.1em;
	font-family: 'Lato', 'Verdana', 'Georgia', sans-serif;
	min-height: 100%;
	color: #000000; /*General text color*/
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.clear {
	clear: both;
}

strong.mobile {
	color: #000!important;
}

.widget, 
.widget li{
	list-style: none;
	margin-bottom: 20px;
}

h2.widgettitle {
	font-family: 'Bangers', cursive;
	font-size: 26px;
	letter-spacing: 2px;
	font-weight: 100;
}

input#gform_submit_button_2 {
	background: #0C247E;
	color: #fff;
	padding: 10px 15px;
	font-family: 'Bangers', cursive;
	font-size: 25px;
	letter-spacing: 2px;
	cursor:pointer;
}

.alignleft {
	float: left;
	padding-right: 25px;
	padding-bottom: 15px;
}

.alignright {
	float: right;
	padding-left: 25px;
	padding-bottom: 15px;
}

.aligncenter {
	float: none;
	display: block;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 15px;
}

table.grid td {
	background: #ffffff;
	font-size: 12px;
	padding: 8px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;		
}

table.grid td td {
	background: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;		
}

table.grid td:hover {
	background: #e3e3e3;
	opacity: 0.95;
}

a {text-decoration: underline; color: #000000;}
a:hover {text-decoration: underline; color: #000000;}

img.attachment-post-thumbnail {
	width: 150px;
	height: 150px;
}

.wp-caption {
	text-align: center;
	font-weight: 100;
	font-family: 'Bangers', cursive;
	font-size: 22px;
	letter-spacing: 2px;	
}

/*CTA
-----------------------------------------------------------------------------*/
a.cta {
	position:relative;
	background: #0C247E;
	padding: 1px 14px;
	text-decoration: none;
	color: #fff;
	width:90%;
	font-family: 'Bangers', cursive;
	font-size: 1.3em;
	border: 1px solid #0C247E;
	border-radius: 2px;
	transition: all 0.75s ease;
	text-align:center;
	display: block;
	box-shadow: 4px 4px #000;
	font-weight: 400;
	letter-spacing: 3px;
}

a.cta:hover {
	background: #fff;
	color: #0C247E;
}


/* Top
-----------------------------------------------------------------------------*/
#top-wrapper {
	display: block;
}
#top-white {
	height: 236px;
	width: 100%;
	/*background: url('images/top-white-bg.png')no-repeat #fff;*/
	background-position: center;
	position:absolute;
	z-index:100;
	top: 0;
	left: 0;
}

#top {
	background: url('images/top-bg-cmx.png') repeat #ffffff;
	background-size: auto 100%;
	/*position: fixed;*/
	width: 100%;
	height: 254px;
	top: 0px;
	display: block;
	z-index: 400;
	border-bottom: 0;
	clear: both;
	box-shadow: 0px 5px 4px 0px rgba(50, 50, 50, 0.73);
	transition: height 0.75s ease;
	font-weight: 600;
}


#top-inner {
	background: #fff;
	position:absolute;
	z-index: -1;
	width: 100%;
	height: 319px;
	top: 0;
}

#logo {
	position: relative;
	margin: 0 auto;
	text-align: center;
	z-index: 300;
	width: 270px;
}

#logo img {
	width: 100%;
	height: auto;
}

#top-details {
	position: relative;
	z-index: 300;
	background: url('images/trans.png');/*Overlay over top banner background*/
	height: 252px;
}

#top-row {
	position:Relative;
	text-align:center;
	margin: 0 auto;
	width: 100%;
}

#top-left {
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0px 10px 10px 10px;
	text-align: left;
	width: 33.3%;
	font-weight: 400;
	height: 180px;	
}

#top-left-widget-wrapper {
	display:flex;
}

.top-left-widget {
	display: block;
	clear: both;
}

.top-left-widget-positioning {
	padding: 8px 0px;
	margin-bottom: 8px;
	display:block;
}

.top-left-widget-positioning .textwidget p {
	padding-bottom: 8px!important;
}


.top-left-widget-tagline {
	display: block;
	clear: both;
}


#tagline {
	position:relative;
	font-family: 'Bangers', cursive;
	font-size: 1.25em;
	text-shadow: 0px 0px #fff;
	letter-spacing: 1px;
	top: 10px;
	padding-right: 3px;
	text-align:right;
}

#tagline p {margin-bottom: 8px;}

#shrunk-tagline {display:none;}

#top-left .widget {
    float: left;
    display: block;
    margin: 8px;
    width: 100%;
}

#top-left i {
	font-size: 1.5em;
	float: left;
	margin-right: 10px;
}

#top-middle {
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: auto;
	position:Relative;
	top: -10px;
}

#top-right {
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0px 10px 10px 10px;
	text-align: right;
	width: 33.3%;
	height: 180px;
}

/*Scrolling down desktop w/ shrunk banner
------------------------------------------------------------------------------*/


#top.shrunk {
	height: 120px;
}

#top.shrunk #top-right {
	display: none;
}

#top.shrunk #top-left {
	position:absolute;
	top: 50px;
	right: 0px;
	float: none;
	height: auto;
	padding-bottom:13px;
	width: 80%!important;
	-webkit-border-top-left-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;	
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	font-size: 0.75em;
}

#top.shrunk #top-left .top-left-widget {
	margin-top: 2px;
	margin-right: 5px;
	width:auto!important;
	position:Relative;
	text-align:center;
	float: left;
	z-index:999;
}

#top.shrunk #top-left .top-left-widget .widget {
	margin: 0;
	float: none;
	text-align: left;
	padding: 1px 10px 3px 10px;
	width: auto !important;
	display: inline-block;
	vertical-align:top;
}

.top-left-widget-positioning.shrunk .textwidget p {
	padding-bottom: 0!important;
}

#top.shrunk #top-left .top-left-widget-positioning {
	display: inline-block;
	vertical-align: middle;
	float: none;
	padding: 0px 15px!important;
	margin: 0;
}

#top.shrunk #top-left i {
	float:left;
	padding-top: 5px;
}

#top.shrunk #top-left .top-left-widget img {
	float: none;
	width: 140px;
	height: auto;
	display:inline-block;
	vertical-align:middle;
	position: relative;
	top: 15px;
}

#top.shrunk #top-left .top-left-widget-tagline {
	margin-top: 2px;
	margin-right: 5px;
	width:auto!important;
	position:absolute;
	top: 5px;
	right: 5px;
}

#top.shrunk #top-left #tagline{
	float: none;
	display: inline-block;
	vertical-align: top;
	top:6px;
}


#top.shrunk #top-middle {
	float: left;
	position:relative;
	margin: 0;
	display:block;
}

#top.shrunk #logo {
	width: 150px;
}

#top.shrunk #nav-bar {
	position: absolute;
	background: url('images/trans.png');
	top: 0px;
	right: 2px;
	height: 45px;
	z-index: 999;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 10px;	
}

#top.shrunk #nav-bar a {
	font-size: 0.95em!important;
}

#top.shrunk #nav-bar .shailan-dropdown-menu  ul.sub-menu,
#top.shrunk #nav-bar .shailan-dropdown-menu  ul.sub-menu:hover {
	width: auto!important;
}

#top.shrunk #top-left .top-left-tagline #searchform {
	position:relative;
	top: 5px;
}

.container.scrolled {
	top: 35px!important;
}

.content.scrolled {
	top: 25px!important;
}

#top.shrunk #top-details {
	height: 120px;
}

.top-left-widget.scrolled p {
	padding-bottom: 0px!important;
}

/*Newsletter
-------------------------------------------------*/

#newsletter {
	position:relative;
	text-align:center;
	top:-8px;
}

span#success_message {
	position:relative!important;
	top:25px!important;
}

.ctct-embed-signup,
.ctct-custom-form  {
	min-width: auto!important;
}

.ctct-custom-form .ctct-button {
	min-width: auto!important;
	width: auto!important;
	height:35px!important;
}

.ctct-custom-form input[type="text"] {
	min-width: auto!important;
	width: auto!important;
	padding: 4px 10px !important;
}

input#gform_submit_button_3,
input#gform_submit_button_4,
inpout#ubmit_button_6{
	padding: 4px 10px!important;
	background-color: #0C247E!important;
	font-family: 'Bangers', cursive;
	letter-spacing: 1px;
	box-shadow: 4px 4px #000!important;
	transition:all 0.75s ease!important;
	height:35px!important;
	color:#fff;
	position:relative;
	top:-10px;
}	

input#gform_submit_button_4 {
	height: auto!important;
}

input#gform_submit_button_3:hover,
input#gform_submit_button_4:hover {
	background-color: #ffffff!important;
	color: #0C247E!important;
}

div.gform_footer.top_label {
 text-align: center;
}

input#input_3_1 .aligncenter {
	margin-bottom:0;
	padding-bottom:0;
	bottom:0;
}

.ctct-custom-form .Button {
	padding: 4px 10px!important;
	background-color: #0C247E!important;
	font-family: 'Bangers', cursive;
	letter-spacing: 1px;
	box-shadow: 4px 4px #000!important;
	transition:all 0.75s ease!important;
	height:35px!important;
	color:#fff;
}

.ctct-custom-form .Button:hover {
	background-color: #ffffff!important;
	color: #0C247E!important;
}

/*Archive*/

.wrapper.category{}
.wrapper.archive{}
.wrapper.tag{}

/*navigation*/

#nav-bar {
	position: relative;
	top: -36px;
	bottom: 0;
	color:#000000; /*navigation menu non-link text color*/
	text-shadow: 0px 0px #fff;
	letter-spacing: 2px;
	margin: 0 auto;
	text-align:center;
	display: block;
	font-weight: 400;
	z-index:0;
	transition: display 0.75s ease;
}

#nav-bar-shrunk {
	display:none;
}

.shailan-dropdown-menu {
	position: relative;
	top: 20px;
	displaY:inline-block;
}

DIV.dropdown-horizontal-container.dm-align-left.clearfix,
DIV#shailan-dropdown-wrapper--1,
DIV.widget.shailan-dropdown-menu-widget {
	border: 0;
}

UL#menu-footer-menu li a {
	text-shadow: 0px 0px;
}

#nav-bar .widget li{
	list-style: none;
	margin-bottom: -15px;
}

.shailan-dropdown-menu  ul.sub-menu,
.shailan-dropdown-menu  ul.sub-menu:hover {
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;	
	background: #07113F!important;
	width: 240px!important;
	color: #fff;
}

.shailan-dropdown-menu ul.sub-menu a {
	color: #fff!important;
}

.shailan-dropdown-menu ul.sub-menu a:hover {
	text-decoration: underline!important;
}

ul.sub-menu li ul.sub-menu li a.active {
	color: #ffffff; /*sub menu/dropdown menu link color*/
	font-weight: bold;
	text-indent: 55px;
}

ul.sub-menu li.last-child {
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;	
}

#nav-bar a{
	transition: all 0.75s ease;
}

#nav-bar a:hover {
	text-decoration: none!important;
	color: #000;
}


ul.sub-menu li {
	margin-bottom: 10px!important;
}

ul.dropdown ul li {
    white-space: normal!important;
}

ul.sub-menu li a {
	transition: all 0.75s ease;
}

ul.sub-menu li a:hover {
	text-decoration: none!important;
	color: #F6E465!important;
}

li.current-menu-ancestor a, li.current-menu-ancestor a:visited, li.current-menu-ancestor a:link {
    text-decoration: none!important;
}


/*Store Info Dropdowns
------------------------------------------------------------------------------*/

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
	padding: 20px;	
}


/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px;
    text-decoration: none;
    display: block;
	text-align:left;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

.close-box {
	font-weight: 600;
	position: absolute;
	right: 0;
	padding: 5px;
	font-size: 1.7em;
	cursor: pointer;
	color: #0C247E;
}

.close-box:hover {
	color: #3e8e41;
}

#address-box-wrapper {
	display: -webkit-flex; /* Safari */
	display:flex;
	flex-wrap: nowrap ;
	align-content:         stretch;  
	-webkit-align-items: center; /* Safari */
	-webkit-justify-content: center; /* Safari */
	justify-content:         center;
	position:relative;
}

.address-box {
	float: left;
}

.address-box.first {
	border-right: 2px groove #fff;
}

#worc-address-click, #fitch-address-click {
	cursor: pointer;
	background: #0C247E;
	padding: 8px;
	color: #fff;
	font-size: 1.1em;	
	transition: all 0.75s ease;
}

#worc-address-click:hover, #fitch-address-click:hover {
	color: #0C247E;
	background: #fff;
} 

#worc-address-menu, #fitch-address-menu {
	display: none;
	position: absolute;
	height: auto;
	overflow: auto;
	z-index: 500;
	font-size: 1.3em;
	background: #fff;
	border-bottom: 3px solid #07113F;
	lefT: 0;
	width: 100%;
}


/*Wrapper
------------------------------------------------------------------------------*/
.wrapper {
	position:relative;
	margin: 0 auto;
	margin-bottom: 300px;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	display: block;
}

.wrapper.scrolled {
	top: 230px;
}

/* Middle Content
-----------------------------------------------------------------------------*/
.middle {
	position: relative;
	display:block;
	background: #ffffff;
	width: 95%;
	min-height: 500px;
	height: auto!important;
	margin: 0 auto;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;	
}



/*content 
--------------------------------*/

.content {
	position: relative;
	margin: 0 auto;
	padding: 10px 3px;
	line-height: 1.3;
	width: 98%;
	top: 35px;
	overflow: hidden;
	display:flex!important;
}

.content p,
.content-blog p,
.content-sidebar p,
.content-no-sidebar p {
	margin-bottom: 15px;
}

.content h1,
.content h2,
.content h3,
.content h1 a,
.content h2 a,
.content h3 a,
.content-sidebar  h1,
.content-sidebar  h2,
.content-sidebar  h3,
.content-sidebar  h1 a,
.content-sidebar  h2 a,
.content-sidebar  h3 a
.content-no-sidebar  h1,
.content-no-sidebar  h2,
.content-no-sidebar  h3,
.content-no-sidebar  h1 a,
.content-no-sidebar  h2 a,
.content-no-sidebar  h3 a{
	font-family: 'Bangers', cursive;
	margin-top: 5px;
	margin-bottom: 20px;
	padding: 0;
	text-decoration: none;
	color: #000000;
	letter-spacing: 2px;
	font-weight: 100;
}

.content #sidebar h3 {
	color: #fff!important;
}

.content ul {
	width: 95%;
	margin: 0 auto;
	padding-bottom:15px;
}

main ul li {
	margin-left: 35px;
	display: block;
}

.content-no-sidebar {
	position: relative;
	margin: 0 auto;
	padding: 20px;
	line-height: 1.3;
	min-height: 800px;
	height: auto;
}

.content-sidebar {
	position: relative;
	width: 75%;
	min-height: 700px;
	padding: 20px 2px;
	line-height: 1.3;
}

.content-sidebar img,
.content-no-sidebar img {
	max-width: 99%;
	height: auto;
}

.content-column img{
	max-width: 85%;
}

.wrapper-home,
.wrapper-no-sidebar {
	margin: 0 auto;
	width: 100%;
	height: auto !important;
}

.wrapper-bg {
	width: 100%;
	height: auto;
	overflow: hidden;
}

/*Content Titles
--------------------------------*/

#title-position {
	position: relative;
	display:flex;
	justify-content: flex-end;
}

.category-img {
	float: right;
	width: 50px;
	position:relative;
	right: 15px;
}

.category-img i {
	font-size: 50px;
	font-weight: bold;
	padding-top:2px;
}

.category-img img {
	position:relative;
	top: 5px;
	width: auto;
	height: 40px!important;
}

#content-title {
	background: url('images/title-bg.png') no-repeat;
	background-size:cover!important;
	min-height: 50px;
	text-align: right;
	margin-bottom: 25px;
	width: 100%;
}

#content-title h1 {
	font-family: 'Bangers', cursive;
	font-size: 1.4em;
	position: relative;
	top: 5px;
	padding-right: 15px;
	float: right;
	letter-spacing: 2px;
}


/*Homepage
---------------------------------*/

#homepage-top {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

#homepage-slideshow {
	width: 100%;
	margin: 0 auto;
	clear: both;
}

#homepage-description {
	display: block;
	width: 92%;
	padding: 9px;
	margin: 0 auto;
}

#homepage-description h1{
	font-family: 'Bangers', cursive;
	letter-spacing: 2px;
}

.metaslider.ms-theme-outline .flexslider ul.slides .caption-wrap .caption, .metaslider.ms-theme-outline .rslides .caption-wrap .caption, .metaslider.ms-theme-outline div.nivoSlider .nivo-caption {
	font-size: 1.2em!important;
	padding: 20px!important;
}

.widget_page_teaser {
	float: left;
	width: 80%;
}

.widget_page_teaser p {
	float: left;
	width: 80%;
}

.widget_page_teaser img {
	float: left;
	padding-right: 20px;
	padding-bottom: 40px;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper object,
.videoWrapper embed  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.fb_iframe_widget {
	display: block !important;
}

.fb-like-box iframe {
 	width: 100% !important;
}

.fb-like-box span {
	width: auto !important;
	position: initial !important;
}
.fb_iframe_widget_fluid span {
	width:100% !important;
}
.fb_iframe_widget span {
	position: static !important;
}

#homepage-box-wrapper {
	width: auto;
	display: block;
	text-align:center;
}

#homepage-content {
	position: relative;
	top: 15px;
	margin: 0 auto;
	width: 100%;
	height: auto;
	text-align:center;
}

.homepage-box {
	width: 250px;
	height: 250px;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 3px;
	overflow: hidden;
}

.homepage-box img {
	width: 100%;
	height: auto;
}


a.homepage-box-content {
	background: url('images/trans3.png');
	width: 100%;
	height: 100%;
	position: relative;
	displaY:block;
	transition: all 0.75s ease;
	z-index:399;
}

.homepage-box-content h3 {
	position: absolute;
	bottom: 10px;
	right: 5px;
	font-family: 'Bangers', cursive;
	color: #fff;	
	z-index:399;
}

.homepage-box-content-bg {
	position: relative;
	bottom: 0px;
	width: 100%;
	height: 100px;
	background: #07113F;
	transition: all 0.75s ease;
	z-index: 200;
}

.homepage-box:hover .homepage-box-content-bg{
	bottom: 80px;
}

.slideshow_title {
	font-family: 'Bangers', cursive;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.homepage-social-wrapper {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	width: 95%;
	height: auto;
	overflow: hidden;
	padding: 15px 4px;
}

/*Events*/

.fb-events li {list-style: none;}

td.eventful ul li,
td.eventful-today ul li,
td.eventful-post ul li,
ul.category-events {list-style: none; padding-bottom:12px;}


td.eventful-today,
td.eventless-today {
	background: url('images/todays-event.jpg') no-repeat top;
	background-color: #fff!important;
    background-size: auto;
	background-size: contain;
}

table.em-calendar td.eventful a, table.em-calendar td.eventful-today a {
    color: #000!important;
}

@media (max-width:1440px) {
	.em.em-list {
    display: flex!important;
	flex-direction:column;
    gap: 9px;
}
}

#homepage-events-title {
	border-top:5px solid #EFD964;
	margin: 0 auto;
	displaY: block;
	text-align:center;
	width: 100%;
	color: #EFD964;
	font-family: 'Bangers', cursive;
	font-size: 1.3em;
	background: #0C247E;
	padding: 10px 0px;	
	position:relative;
}

#homepage-events-title h2 {
	color: #EFD964;
	width: 100%;
	border-top:8px solid #2440A5;
	position: relative;
	top: -15px;
}

#homepage-events-link a{
	margin: 0 auto;
	displaY: block;
	text-align:center;
	width: 100%;
	color: #EFD964;
	font-size: 1.2em;
	background: #0C247E;
	padding: 10px 0px;	
}

#homepage-events-wrapper {
	display: flex;
	justify-content: center;
	background: #0C247E;
	width: 100%;
	margin: 0 auto;	
	flex-wrap: nowrap;
}


#homepage-events-wrapper .teaser-thumb {
	float: none!important;
	displaY: inline-block;
	vertical-align: top;
	width: 25%;
}


#homepage-events-wrapper .categories-tags {
	float: none;
	display: inline-block;
	vertical-align:top;
}

#homepage-events-wrapper .categories-date {
	float: none;
	display: inline-block;
	vertical-align:top;
}

#homepage-events-wrapper .categories-date:before {
	padding: 0px 15px;
}

#homepage-events-wrapper .teaser-wrapper {
	position: relative;
	padding: 15px;
	margin: 0 auto;
	margin-bottom: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 0px;
	border: 0px;
	color: #fff;
	background: #0C247E;
	
}

#homepage-events-wrapper .teaser-wrapper:nth-child(odd) {
    background: none;
	border: 0px;
}

#homepage-events-wrapper .teaser-wrapper h2 {
	color: #EFD964;
}

#homepage-events-wrapper .teaser-wrapper a {
	color: #EFD964;
}

.homepage-fb, .homepage-ig {
	border: 1px solid #e3e3e3;
	padding: 5px;
	border-radius: 8px;
	padding: 5px;
	width: 45%;
}

.homepage-fb h2, .homepage-ig h2 {
	text-align:center;
}

.homepage-fb hr {
	margin: 0 auto;
	border-color: #e3e3e3;
	position: relative;
	top: 15px;
}

/*Homepage Facebook widget*/
.cff-wrapper .cff-post-text {color:#000!important;}

/*Homepage Gift Certificate Order Form*/

#homepage-gift-certificate-wrapper {
	position:relative;
	display:block;
	padding: 9px;
	margin: 0 auto;
}

#homepage-gc-intro {
	display: block;
}

#homepage-gc-title {
	width: 45%;
	display:inline-block;
	vertical-align: middle;
	text-align:center;
}

#homepage-gc-desc {
	width: 45%;
	display:inline-block;
	vertical-align: middle;
}

#homepage-gc-button {
	border-radius: 2px;
	padding: 1px 14px;
	display: block;
	background: #0C247E;
	color: #EFD964;
	font-size: 1.3em;
	text-align:center;
	box-shadow: 4px 4px #000;
	padding: 9px;
	transition: 0.75s ease background, 0.75s ease color;
	width: 50%;
	margin: 0 auto;
}

#homepage-gc-button:hover {
	background: #fff;
	color: #0C247E;
}

#homepage-gc-button a {
	text-decoration: none;
	color: #EFD964;
}

#homepage-gc-button:hover a {
	color: #0C247E;
}

#homepage-gc-title h2 {
	color: #FE0000;
	letter-spacing: 1px;
	font-family: 'Bangers', cursive;
	font-size: 28px;
}
#homepage-gc-form {
	position:Relative;
	padding:15px;
	display:none;
}


/* Sidebar
--------------------------------*/
#sidebar {
	position: absolute;
	width: 18%;
	height: auto;
	padding: 10px 5px 10px 10px;
	list-style: none;
	font-size: 13px;
	top: 19px;
	right:0px;	
	margin-bottom: 100px;
	background: #0C247E;
	color: #fff;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 14px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 14px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 14px;	
}

#sidebar li {
	list-style: none;
	text-align:center;
}

#sidebar li.widget_black_studio_tinymce {
	clear: both;
	height: auto;
	overflow: hidden;
	padding-bottom: 10px;
	color: #fff;
}

#sidebar h1,
#sidebar h2{
	font-family: 'Bangers', cursive;
	margin-bottom: 10px;
	text-align: center;
	color: #fff;
}

#sidebar a{text-decoration: underline; color: #ffffff;}
#sidebar a:hover {text-decoration: underline;}



#menu-product-categories-menu  a.active{
	color: #ffffff;
	font-weight: bold;
}

#sidebar .widget_page_teaser {
	float: left;
	width: 100%;
	color: #fff;
}

#sidebar .widget_page_teaser p {
	float: left;
	width: auto;
	color: #fff;
}

#sidebar .widget_page_teaser img {
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
	max-width: 150px;
	height: auto;
}

#sidebar .textwidget p {
	display: inline;
}

.img-spacer {
	padding-right: 25px;
	padding-bottom: 45px;
}

.comics-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.comics-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Social Media Feeds
-----------------------------*/

.fb-feed-position {
	margin: 0 auto;
	width: 100%;
	display: block;
	height: 100%;
	text-align:center;
}

.fb-feed-position iframe {
	width: 100%!important;
	height: 100%!important;
	margin: 0 auto;
}

.fb-feed-homepage {
	margin: 0 auto;
	width:500px;
	height: auto;
}

#sidebar hr {
	width: 75%;
	margin: 0 auto;
	border: 1px solid #e3e3e3;
	position:relative;
	display: block;
	top: 25px;
	margin-bottom: 50px;
}

#sb_instagram .sb_instagram_header h3.sbi_no_bio {
	color: #fff!important;
}


/*Blog posts
--------------------------------*/


/*TEASER TEXT*/
.teaser-thumb {
	float: none!important;
	display: inline-block;
	vertical-align: top;
	width: 25%!important;
}

.teaser-thumb img{
	width: 100%;
	height: auto;
}

.categories-tags {
	float: none;
	display: inline-block;
	vertical-align:top;
}

.categories-date {
	float: none;
	display: inline-block;
	vertical-align:top;
	padding-left: 10px;
}

.teaser-text {
	float: none!important;
	display: inline-block;
	vertical-align: top;
	width: 70%;
	padding: 0 10px;
}

.teaser-text    h2 {
	position: relative;
	top: -5px;
	margin-bottom: 15px;
    padding: 0px;
    line-height: 1.2;
    font-size: 21px;
    font-weight: bold;
}

.teaser-text-2 {
	width: 550px;
}

.post-thumb {
	position: relative;
	float: right;
	width: 160px;
	text-align: center;	
}

.post-thumb img {
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
}

ul.post-categories {
	list-style:none;
	margin-left: -40px;
	margin-top: -15px;
}

ul.post-categories li {
	float: left;
	list-style: none;
	margin-right: 15px;
}

.read_more {
	display: block;
	clear: both;
}

.teaser-border {
	width: 550px;
	height: 8px;
	border-bottom: 1px dotted #000;
	margin-bottom: 10px;
}

.widget_black_studio_tinymce {
	list-style: none;
}


div.pagination span.current,
div.pagination a.inactive {
	position: relative;
	color: #C2C2C0;
	background: #000;
	width: 25px;
	padding: 2px 8px 2px 8px;
	top: 9px;
	margin-right: 5px;
}

div.pagination span.current:hover,
div.pagination a.inactive:hover {
	color: #000;
	background: #C2C2C0; /*background color of page numbers on blog post page*/
}

.content-blog {
	position: relative;
	margin: 0 auto;
	padding: 0px 20px 20px 0px;
	line-height: 1.3;
	width: 100%;
}

.post-photo {
	display: block;
	margin-bottom: 5px;
}

#prev-post {
	float: left;
	text-align: left;
	width: auto;
	font-size: 13px;
}

#next-post {
	float: right;
	text-align: right;
	width: auto;
	font-size: 13px;
}

.post-nav {
	margin: 0 auto;
	width: 200px;
}

#prev-post a:hover,
#next-post a:hover {
	color: #000000;
}

#comments {
	display: block;
	width: auto;
	height: auto;
	margin-top:125px;

}

.img-style {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.teaser-border {
	margin: 0 auto;
	width: 50%;
	height: 2px;
	border-bottom: 1px dotted #C2C2C0;
}

.teaser-wrapper {
	position: relative;
	padding: 15px;
	margin: 0 auto;
	margin-bottom: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #ededed;
}

.teaser-wrapper:nth-child(odd) {
    background: #F2F2F2;
	border: 1px solid #e0e0e0;
}

.post-img {
	float: left;
	text-align: center;
	padding: 25px;
	width: 30%;
}

.blog-content,
.search-content {
	float: left;
	width: 70%;
}

.blog-img {
	float: left;
	text-align: center;
	padding: 15px 15px 15px 0px;
	width: 30%;
}

.page-widget {
	float: left;
	text-align: left;
	width: 30%;
}

.page-widget li {
	position: relative;
	margin-left: 0px;
}

.post-excerpt {
	float: left;
	padding: 25px;
	text-align: left;
	width: 55%;
}

.post-content {
	float: right;
	margin-left: 95px;
	text-align: left;
	width: 55%;
}

#meta-container {
	display: flex;
	justify-content: left;
	background: #0C247E;
	width: 69%;
	margin: 0 auto;
}


#featured-image img {
	max-width: 400px;
	height: auto;
}

#meta-content {
	padding: 20px;
	color: #fff;
}

#meta-content a {
	color: #fff!important;
}

img.frame {
	width: 150px;
	height: auto;
}

.separator {
	width: 25%;
	height: 25px;
	text-align:center;
	border-bottom: 2px dotted #e3e3e3;
	margin: 0 auto;
}

/*Search
--------------------------------*/
label.screen-reader-text { display: none;}
input#searchsubmit {
	background: #0C247E;
	padding: 2px 8px;
	color: #fff;
	border:1px solid #0C247E;
	border-radius: 9px;
	font-family: 'Bangers', cursive;
	transition: 0.75s all ease;
}

input#searchsubmit:hover {
	background: #fff;
	color: #0C247E;
}

/*photo gallery*/
.ngg-gallery-thumbnail-box {
	float: none!important;
	display: inline-block!important;
	text-align: center;
	vertical-align: top;
}

/*Main Store Updates Page
--------------------------------*/

#updates-wrapper {
	width: 90%;
	text-align: center;
	margin: 0 auto;
}

#updates-wrapper #sb_instagram .sb_instagram_header h3.sbi_no_bio {
    color: #0C247E!important;
}

#updates-wrapper #sb_instagram .sb_instagram_header {
    margin: -25px 0 0 0!important;
    line-height: 1.2;
}

.update-box {
	position:Relative;
	width: 350px;
	height: 300px;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 3px 3px 10px 3px;
	overflow: hidden;
	font-size: 1.0em;
	text-align:left;
	border: 1px solid #e3e3e3;
	border-radius: 14px;
}

.update-box h2 {
    position: relative;
    top: -5px;
    color: #fff;
    background: #0C247E;
    display: block;
	margin: 0 auto;
	text-align:center;
}

.content.updates li {
	list-style: none!important;
}



/*Gravity Forms
--------------------------------*/

.float-field {
	float: left;
}

/*Contact Form
--------------------------------*/

.field-float {
	float: left;
	margin-right: 25px;
}

.field-block {
	display: block;
	margin-top: 100px;
}

input.wpcf7-form-control.wpcf7-submit {
	width: 150px;
	height: 50px;
	padding: 10px;
	text-align: center;
	background: #2598DA;
	border: 2px solid #ffffff;
	color: #ffffff; /*Contact form submit button color*/
	font-weight: bold;
	font-size: 18px;
}

input.wpcf7-form-control.wpcf7-submit:hover {
	background: #90D1F7;
	color: #ffffff;
}

input.wpcf7-text {
	text-align: center;
}


/* Footer
-----------------------------------------------------------------------------*/
.footer {
	position: relative;
	background: url('images/bottom-stripe.png') repeat-x bottom center #000000;
	color: #ffffff;
	bottom: 0;
	margin: 0 auto;
	width: 100%;
	height: auto;
	list-style: none;
	text-align: center;
	font-size: 12px;
	padding-bottom:150px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;	
}


.footer-text {
	padding: 20px;
}

.footer h3 {
	margin-bottom: 15px;
	color: #ffffff; /*footer header color*/
}

#footer-columns {
	position: relative;
	margin: 0 auto;
	width: 85%;
	height: auto;
	overflow: hidden;
	font-size: 1.2em;
}

.footer-column {
	float: left;
	width: 32%;
	min-height: 250px;
	margin-bottom: 15px;
	padding: 5px;
	text-align: left;
	white-space: normal;
}

.footer-column-last {
	float: left;
	width: 320px;
	min-height: 250px;
	margin-bottom: 15px;
	padding: 5px;
	text-align: right;
	white-space: normal;
}

.footer-column li {
	margin-bottom: 0;
	padding-bottom: 2px;
}

.footer-column a{
	text-decoration: underline;
	color: #fff!important;
}

.footer-column a:hover {
	text-decoration: underline;
	color: #ffffff;
}

.footer-spacer {
	margin-bottom: 15px;
}

.menu .current_page_item a:link,
.menu .current_page_item a:visited{
	color: #ffffff;
}

.footer-column h3 {
	padding-bottom: 6px;
	border-bottom: 1px solid #ffffff;
	font-weight: bold;
	width: 90%;
	font-family: 'Verdana', cursive;
}

#mobile,
#mobile-address {
	display: none;
}

.one_half {
    width: 44%!important;
    padding-right: 15px;
	float: none!important;
	display:inline-block;
	vertical-align:middle;
}

.one_half iframe {
	max-width: 95%;
	height: auto;
}

ul.bellows-submenu li p {
	text-align:center;
}

.sbi_header_text.sbi_no_bio h3,
#sb_instagram .sb_instagram_header h3, .sb_instagram_header h3  {color:#fff!important;}

/*Smaller displays*/

@media screen and (min-width: 1000px) and (max-width: 1024px) {

	#nav-bar ul li ul {
		left: -50px!important;
	}
	#tagline {
		font-size: 1.0em;
	}
		
}

@media screen and (min-width: 1025px) and (max-width: 1281px) {
		#tagline {
		font-size: 1.0em;
	}
	
	
}

@media screen and (max-width: 1280px){

	#nav-bar a {
		font-size: 0.85em;
	}
	
}

@media screen and (min-width:300px) and (max-width: 768px) {
		
	#homepage-events-wrapper {
		flex-wrap: wrap;
	}
	
	.homepage-fb, .homepage-ig {width: 95%;}

}



@media screen and (max-width: 1440px){
	.dcjq-accordion	a {
		font-size: 0.65em!important;
	}

	img.callstore, #top-middle, #top-desktop, #top-white {
		display: none;
	}

	#top {
		/*position: fixed;*/
		width: 100%;
		top: 0px;
		height: auto;
	}	
	
	#mobile-address {
		display: block;
		position:relative;
		margin: 0 auto;
		padding:9px;
	}
	
	#mobile-address-item-wrapper {
		display:flex;
		justify-content: center;
	}
	
	.mobile-address-item {
		padding: 0px 5px 0px 5px;
	}
	
	#mobile {
		position: relative;
		display: block;
		padding-bottom: 5px;
		z-index: 888;
		width: 100%;
		color: #fff;
		background: #07113F;
		margin: 0 auto;
	}	
	
	#mobile-header {
		display: flex;
		justify-content: center;
		margin-bottom:2px;
	}

	#mobile-click {
		cursor: pointer;
		display: block;
		float: left;
		position:relative;
		left: 5px;
	}	
	
	#mobile-click span {
		position:relative;
		top: 15px;
		margin-right: 15px;
		font-family: 'Bangers', cursive;
		letter-spacing: 1px;
	}
	
	#mobile-menu {
		display: none;
		position: absolute;
		height: 575px;
		overflow: auto;
		z-index: 500;
		font-size: 25px;
		width: 100%;
		background: #fff;
		border-bottom: 3px solid #07113F;
	}	
	
	#mobile-menu #menu-mobile-navigation-menu a:hover {
		color: #07113F!important;
	}
	
	#mobile-logo {
		position:relative;
		right: 8px;
		top: 8px;
	}
	
	#mobile-logo span {
		margin-left: 15px;
		font-family: 'Bangers', cursive;		
		font-size: 1.7em;
		letter-spacing: 1px;
	}
	
	#mobile-logo img {
		width: 100%;
		height: auto;
	}
	
	.mobile-text {
		text-align: center; 
		color: #000;
	}
	
	.mobile-text a {color: #000;}
	
	.mobile-text a.cta {color: #fff!important;}
	
	.mobile-text a.cta:hover {color: #000!important;}
	
	#homepage-top {
		width: 95%;
	}
	
	#homepage-slideshow {
		float: none;
		margin: 0 auto;
		display: block;
		width: 100%;
	}

	#homepage-description {
		float: none;
		margin: 0 auto;
		display: block;
		padding: 9px;
	}

	#homepage-gc-intro {
		display: block; 
	}

	#homepage-gc-title {
		width: 95%;
		display:block;
	}

	#homepage-gc-desc {
		width: 95%;
		display:block;
	}
	
	.homepage-social-wrapper {
		display: block;
	}

	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe {
		width: 100% !important;
		margin: 0 auto!important;
	}

	.slideshow_container {
		margin: 0px auto;
		position: relative;
		width: 100%;
	}
	
	.middle {
		position: relative;
		background: #ffffff;
		width: 100%;
		min-height: 500px;
		height: auto!important;
		margin: 0 auto;
		margin-top: 0;
		top:0;
	}	

	.content {
		padding:0; 
		display:block!important;
	}

	.content-sidebar {
		position: relative;
		float: none;
		margin: 0 auto;
		width: 95%;
		padding: 10px;
		line-height: 1.3;
	}
	
	.content-column img {
		min-width: 100%;
		float: none;
		margin: 0 auto;
		displaY: block;
	}
	
	#sidebar {
		position: relative;
		float: none;
		margin: 0px auto 100px;
		width: 95%;
		padding: 10px;
		line-height: 1.3;
		border-top: 1px dotted #000;
			-webkit-border-bottom-right-radius: 14px;
	-webkit-border-bottom-left-radius: 14px;
	-moz-border-radius-bottomright: 14px;
	-moz-border-radius-bottomleft: 14px;
	border-bottom-right-radius: 14px;
	border-bottom-left-radius: 14px;
	}	
	
	.footer-column,
	.footer-column-last	{
		float: none;
		width: 95%;
		display: block;
	}
		
	#nav-bar, #top-left, #top-right {
		display: none;
	}
	
	.one_half {
		width: 95%!important;
	}
	
	.teaser-thumb {
		float: none!important;
		display: block;
		vertical-align: top;
		width: 100%;
		padding-right: 0px;
		margin: 0 auto;
	}

	.teaser-text {
		float: none!important;
		display: block;
		vertical-align: top;
		width: 100%;
		margin: 0 auto;
	}

	.teaser-text    h2 {
		position: relative;
		top: 0px;
		margin: 0 auto;
		margin-bottom: 15px;
		padding: 0px;
		font-size: 21px;
		font-weight: bold;
	}
	
	.teaser-wrapper {
		text-align:center;
	}

	#title-position {
		float: none;
		right: 0px;
		display:block;
	}

	.category-img {
		float: none;
		width: 75px!important;
		position:relative;
		right: 0px;
		margin: 0 auto;
		display: block;
		clear: both;
	}

	.category-img img {
		top: 0;
		width: 75px!important;
		height: auto!important;
	}
	
		
	#featured-image img {
		max-width: 250px;
		height: auto;
	}

	#content-title {
		background: url('images/title-bg.png') no-repeat 100% auto;
		height: auto;
		text-align: center;
		width: 100%;
		margin-bottom: 15px;
	}


	#content-title h1 {
		float: none;
		margin: 0 auto;
		font-size: 1.9em;
		padding: 15px 3px 3px 3px;
	}

	.update-box {
		width: 95%;
		height: auto;
		display: block;
		margin: 3px 3px 25px 3px;
		border: 1px solid blue;
		border-radius: 14px;
	}	
	
	#meta-container {
		width: auto!important;
	}

}

@media screen and (max-width:1440px) and (orientation:portrait) {
	
	#top.shrunk {
		height: 77px;
	}
	
	.wrapper,
	.wrapper.scrolled {
		/*top: 73px;*/
	}	
	
	#mobile-click {
		top: 15px;
	}	
	
	#mobile-click span.title {
		font-size: 1.1em;
	}
	
	#mobile-logo span.logo {
		width: 65px;
		height: auto;
		float: right;
	}
	
}

@media screen and (max-width:1440px) and (orientation:landscape) {
	
	#top.shrunk {
		height: 63px;
	}
	
	.wrapper,
	.wrapper.scrolled {
		top: 61px;
	}	
	
	#mobile-click {
		top: 5px;
	}	
	
	
	#mobile-click span.title {
		font-size: 1.2em;
	}
	
	#mobile-logo span.logo {
		width: 50px;
		height: auto;
		float: right;
	}
	
}

@media screen and (min-width: 250px) and (max-width: 415px) {
	#featured-image img {
		max-width: 150px;
		height: auto;
	}
		
	#mobile-click span {
		top: 15px;
	}
	
	#mobile-address-item-wrapper {
		display:block;
	}
	
	.mobile-address-item {
		padding: 0px 5px 0px 5px;
		float: none;
	}
	
	.ctct-custom-form {
		max-width: 95%!important;
	}
	
	p.mobile-menu-newsletter {
		display:block!important;
		text-align:center;
	}
	
	p.mobile-menu-newsletter span,
	p.mobile-menu-newsletter button {
		display: block!important;
		margin: 0 auto!important;
		margin-bottom:8px;
	}

}

.tt_responsive .tt_timetable.small .tt_items_list .value a.event_hour_booking,
.tt_timetable .event a.event_hour_booking,
a.event_hour_booking,
.tt_timetable .event a{
	background-color: #ffffff!important;
	display:block!important;
	text-align:center!important;
	color:#000000!important;
}

.tt_timetable .event a.event_hour_booking:hover,
a.event_hour_booking:hover,
.tt_timetable .event a:hover{
	background-color: #f7f7f7!important;
	color:#000000!important;
}

.event_hour_booking_wrapper a,
.event_hour_booking_wrapper a.event_hour_booking,
.tt_responsive .tt_timetable.small .tt_items_list .value a.event_hour_booking {
	color:#000000!important;
}

@media (max-width:1440px) {
	.tt_timetable .event a.event_hour_booking,
	a.event_hour_booking,
	.tt_timetable .event a{
		background-color: #ffffff!important;
		display:block!important;
		text-align:center!important;
		color:#000000!important;
	}
	
	.tt_responsive .tt_timetable.small .tt_items_list .value a.event_hour_booking,
	a.event_hour_booking {color:#000!important;}

	.tt_timetable .event a.event_hour_booking:hover,
	a.event_hour_booking:hover,
	.tt_timetable .event a:hover{
		background-color: #f7f7f7!important;
		color:#000000!important;
	}
	.event_hour_booking_wrapper.always {
		background-color:#fff!important;
		color:#000!important;
	}

}

@media (max-width:768px) {
	.tt_responsive .tt_timetable.small .tt_items_list .value a.event_hour_booking,
	.event_hour_booking_wrapper.always,
	a.event_hour_booking, .event_hour_booking	{
		color:#000000!important;
	}
}

footer .em.pixelbones b, 
footer .em.pixelbones strong {
	color:#fff!important;
}

.cff-media-link,
.cff-share-tooltip,
.cff-post-links {display:none!important;}

.cff-visual-header .cff-header-hero {
	height:auto!important;
}

.tt_timetable .event_container {
    padding: 7px 1px;
    position: relative;
}

.em.pixelbones td, .em.pixelbones th {
	padding:1px!important;
	font-size:0.9em;
}


@media (min-width:1144px) and (max-width:1299px) {
.em.pixelbones td, .em.pixelbones th  {
	padding:1px!important;
	font-size:0.85em;
	zoom:0.9;
}

}

@media (min-width:1440px) and (max-width:1600px) {
	#sidebar 	{ position: absolute;
	width: 15%!important;
	height: auto;
	padding: 10px 5px 10px 10px;
	list-style: none;
	font-size: 13px;
	top: 19px;
	right:0px;	
	margin-bottom: 100px;
	background: #0C247E;
	color: #fff;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 14px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 14px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 14px;
}
}

.tt_tabs .ui-tabs-panel {
	overflow-x:scroll!important;
	scrollbar-color: #0C247E #ffffff!important;
}

.preorder-form-mod img {
	width:200px!important;
	float: left!important;
	margin: 0px 15px 15px 0px!important;
}