/* CSS Document */

html{
	position: relative;
	min-height: 100%;
}

body {
	/*
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.428571429;
	*/
	/*padding-top: 110px;*/
	margin-bottom: 100px;
	background-image: url(../images/framework/full_bp_bg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Arial, sans-serif;
	font-size: 15px;
	line-height: 1.328571429;
	color: #333333;
	background-color: #0e0f0f;
}

#wrap {
  /*position: relative;
	display: block;
	min-height: calc(100% - 33px);
  height: auto !important;*/
  /* Negative indent footer by its height*/
  /*margin: 0 auto -33px;*/
  /* Pad bottom by footer height*/
  /*padding-top: 33px;*/
}

.inner-container {
	/*width: 970px;*/
	margin-right: auto;
	margin-left: auto;
}
p {
    margin-bottom: 18px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

.clearall {
	clear: both;
	float: none;
}

.rightboxspace {
	margin-bottom: 30px;
}

.nogutter {
	padding-left: 0!important;
	padding-right: 0!important;
}

/*
------------------
MAIN MENU
------------------
*/
/*.navbar {
	border: none;
	margin-bottom: -75px;
}

.main-nav-scrolled {
	position: fixed;
	width: 100%;
	top: 0;
}

header {
	height: 75px;
	margin-bottom: -75px;
	border-bottom: 1px solid #a3aaaf !important;
}*/

header.smaller {
	height: 39px;
	border-bottom: 1px solid #a3aaaf;
	background-color: #00568E;
}
header.smaller .navbar-brand {
	padding: 12px 0 0;
}
header.smaller .navbar-brand img {
	max-width: 275px;
	margin-top: 0 !important;
}

header.smaller .navbar-collapse {
	padding-top: 3px;
}
header.smaller .nav > li > a {
	margin-top: 10px;
}
header.smaller .navbar-header {
	width: 255px;
}
header.smaller nav ul {
	border-left: 1px solid #ccc;
}

/*header,
,
header .nav > li > a
header .navbar-brand,
header .navbar-brand img,
*/
header nav,
header nav ul,
header .nav,
header .navbar-header,
header .navbar-collapse {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}


	.header-block {
		width: 970px;
		margin-right: auto;
		margin-left: auto;
		height: 104px;

	}
	/*.navbar {
		position: absolute!important;
	}*/
	.main-nav-scroll{
		position: absolute!important;
	}
	.navbar-default {
		background-color: transparent;
		border: 0px none #FF0000;
		z-index: 1000;
	}

	.navbar-brand {
		float: left;
		padding: 55px 0 0 0;
		/*margin-left: 0!important;*/
	}

	.navbar-default .navbar-text,
	.navbar-default .navbar-nav > li > a {
		color: #FFFFFF;
	}

	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus {
		color: #FFFFFF;
		background-color: #05588e;
	}
	.nav {
		padding-left: 14px;
	}

	nav ul {
		font-family: 'Open Sans', sans-serif;
		font-size: 13px;
		text-transform: uppercase;
		border-left: 2px solid #05588e;
	}

	.navbar-nav > li > a {
		padding-bottom: 0px;
		padding-top: 0px;
	}

	/*nav ul li {
		float: left;
	}*/

	.nav > li > a {
		position: relative;
		display: block;
		margin-top: 58px;
		padding: 3px 11px 3px 12px;
	}

	.dropdown-menu {
	  position: absolute;
	  top: 100%;
	  left: 0;
	  z-index: 1000;
	  display: none;
	  float: left;
	  min-width: 160px;
	  padding: 5px 0;
	  margin: 2px 0 0;
	  font-family: "Open Sans", Arial, sans-serif;
	  text-transform: uppercase;
	  font-size: 12px;
	  list-style: none;
	  background-color: #333333;
	}

	.dropdown-menu .divider {
	  height: 1px;
	  margin: 9px 0;
	  overflow: hidden;
	  background-color: #e5e5e5;
	}

	.dropdown-menu > li > a {
		display: block;
		padding: 3px 20px;
		clear: both;
		font-weight: normal;
		line-height: 1.42857;
		color: #999999;
		white-space: nowrap;
	}

	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {
	  color: #ffffff;
	  text-decoration: none;
	  background-color: #05588e;
	}

	.dropdown-menu > .active > a,
	.dropdown-menu > .active > a:hover,
	.dropdown-menu > .active > a:focus {
	  color: #ffffff;
	  text-decoration: none;
	  background-color: #05588e;
	  outline: 0;
	}

	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .open > a:focus {
	  color: #ffffff;
	  background-color: #05588e;
	}

	.navbar-default .navbar-nav > .active > a{
	background-color: transparent;
	color: #FFF;
	}

	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus {
	  color: #ffffff;
	  background-color: #05588e;
	}

	button.navbar-toggle{
		 margin-top: 8px;
	 }


/* Search settings*/
#search-toggle {
	z-index: 1001;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	display: block;
}
#search-toggle .container {
	padding: 0!important;
}
.Absolute-Center {
	 margin: auto;
	 position: absolute;
	 top: 0; left: 0; bottom: 0; right: 0;
 }

.search-table {
	margin: 0px 0px 0;
	padding: 2px 0;
	position: relative;
	display: inline-block;
	z-index: 101;
	background-color: #333;
	width: 100%;
	border-bottom: 2px solid #05588e;
}

.search-table .fa {
	line-height: inherit;
}



.search-icon {
	/*margin: 0px 10px 0 10px;*/
	color: #fff;
	/*vertical-align: bottom;*/
	cursor:pointer;
	font-size:13px;
}

.close-icon {
	margin: 0px 10px 0 20px;
	color: #999;
	/*vertical-align: bottom;*/
	z-index:0;
	cursor:pointer;
	font-size:20px;
	font-weight:100;
}

.search-field {
	border: none;
	background-color: transparent;
	font-size:13px;
	width: 100%;
	padding-top:2px;
	color: #fff;
}

.moveup > .navbar-brand {
	/*padding: 25px 0 0 0!important;*/
}

.nav > li > a.moveup {
	/*margin-top: 21px!important;*/
}






@media (min-width: 992px) and (max-width: 1199px){
	header .navbar-brand img {
		width: 275px;
	}
}

@media (max-width: 991px) {
	header .navbar-header {
		/*width: 175px !important;*/
		width: auto !important;
	}
	header .navbar-brand img {
		width: 200px !important;
	}
	header .navbar-brand {
		padding: 30px 0 0;
	}
	header.smaller .navbar-brand {
		padding: 17px 0 0 !important;
	}
	.nav {
		padding-left: 5px;
	}
	.nav > li > a {
		padding: 3px 7px;
		font-size: 12px;
		margin-top: 25px;
	}
	.banner-container {
		margin-top: 90px !important;
	}

	.moveup > .navbar-brand {
		padding: 40px 0 0 0!important;
	}

	.nav > li > a.moveup {
		margin-top: 36px!important;
	}
}
@media (max-width: 767px) {
	header .navbar-brand img {
		width: 220px !important;
	}
	.moveup > button.navbar-toggle{
		margin-top: 35px;
	}

	header .navbar-brand,
	header.smaller .navbar-brand{
		padding: 15px 0 0 20px !important;
	}
	.banner-container {
		margin-top: 70px !important;
	}
	header .navbar-collapse {
		background-color: #333;
	}
	.nav > li > a {
		padding: 8px 10px;
		font-size: 15px;
		margin-top: 10px;
	}



	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #fff;
		background-color: #05588E;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #555;
		background-color: #e7e7e7;
	}
	.dropdown-menu > .active > a,
	.dropdown-menu > .active > a:hover,
	.dropdown-menu > .active > a:focus {
		color: #555 !important;
		background-color: #e7e7e7 !important;
		background-image: none;
	}

}



/*
------------------
SIDEBAR NAVAGATION
------------------
*/
	.side-nav-wrapper {
	padding: 10px;
	/*width: 270px;*/
	max-width: 345px;
	background: rgba(252, 252, 252, 0.5);
	background-color: #E7E7E7\9; /*IE8 AND BELOW ONLY*/
	margin-bottom: 30px;
	}

	ul#sliding-navigation  {
	list-style: none;
	font-size: 13px;
	font-family: "Open Sans", Arial, sans-serif;
	padding-left: 0px;
	text-transform: uppercase;
	margin: 0px;
	text-align: left;
	}

	ul#sliding-navigation li.sliding-element h3,
	ul#sliding-navigation li.sliding-element a {
		display: block;
		max-width: 325px;
		margin-bottom: 5px;
		margin-top: 0;
		margin-right: 0;
		margin-left: 0;
		padding-top: 5px;
		padding-right: 15px;
		padding-bottom: 5px;
		padding-left: 15px;
	}

	ul#sliding-navigation li.sliding-element h3 {
		color: #CCC;
		background: #333;
		border: 1px solid #1a1a1a;
		font-weight: 400;
		font-family: "fjalla One", Arial, sans-serif;
		font-size: 20px;
	}

	ul#sliding-navigation li.sliding-element a {
		color: #333;
		border: 1px solid #CCCCCC;
		text-decoration: none;
		background-color: #CCC;
	}

	ul#sliding-navigation li.sliding-element a:hover {
		color: #FFFFFF;
		background-color: #05588E;
		border: 1px solid #05588E;
	}

	ul#sliding-navigation li.active a {
	color: #FFFFFF;
	background-color: #05588E;
	border: 1px solid #05588E;
	text-indent: 15px;
	background-image: url(../images/framework/arrow1.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	}




/*
------------------
FOOTER STYLES
------------------
*/

	#footer {
		height: 33px;
		background-color: #00568e;
		/*margin-top: 50px;
		position:relative;*/
		position: absolute;
		bottom: 0;
		width: 100%;
	}

	.foot-left,
	.foot-right {
		font-family: "Open Sans", Arial, sans-serif;
		color: #FFF;
		font-size: 10px;
		padding-top: 0;
		padding-right: 18px;
		padding-bottom: 0;
		padding-left: 18px;
		height: 33px;
		line-height: 33px;
		background-image: url(../images/framework/footer-line.png);
		background-repeat: repeat-y;
		background-position: left top;
	}

	.foot-left a,
	.foot-right a {
		color: #FFF;
		text-decoration: none;
	}

	.foot-left{
		float: left;
	}
	.foot-right {
		float: right;
	}



/*
------------------
PAGE STYLES
------------------
*/
h2.first {
	margin-top: 0!important;
	padding-top: 0!important;
}
.banner-container {
	margin-top: 168px;
	display: block;
	position: relative;
}
.content-container {
	display: block;
	position: relative;
}

.content-container {
	display: block;
	position: relative;
}
.bp-head {
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	width: 100%;
}
.bp-head-bot-bar {
	height: 35px;
	background-image: linear-gradient(bottom, rgb(0,0,0) 0%, rgb(41,41,41) 30%);
	background-image: -o-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(41,41,41) 30%);
	background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(41,41,41) 30%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(41,41,41) 30%);
	background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(41,41,41) 30%);

	background-image: -webkit-gradient(
		linear,
		right bottom,
		right top,
		color-stop(0, rgb(0,0,0)),
		color-stop(0.3, rgb(41,41,41))
	);
	background-color: #292929\9; /*for IE8 and Below*/
}

.bp-head-bot-bar div.right-text {
	float: right;
	font-family: "fjalla One", Arial, sans-serif;
	color: #CCC;
	font-size: 17px;
	padding-right: 10px;
	line-height: 35px;
}
.bp-head-bot-bar div.right-text a {
	color: #e8c867;
}

.page-bg {
	background: rgba(245, 245, 245, 0.85);
	background-color: #D2D3D4\9; /*for IE8 and Below*/
	border-bottom: solid 4px #FFFFFF;
	padding-top: 35px;
	padding-bottom: 40px;
	padding-left: 30px;
}

.round-share-buttons {
	padding-top: 5px;
	padding-left: 5px;
}
.page-content {
	line-height: 140%;
}
.page-content div.headline,
.page-content h1.headline
{
	font-family: "fjalla One", Arial, sans-serif;
	font-size: 35px;
	text-transform: uppercase;
	line-height: 48px;
	margin-top: 0;
	margin-bottom: 25px;
	border-bottom: 1px solid #999;
}

.page-content h2 {
	font-family: "fjalla One", Arial, sans-serif;
	font-size: 24px;
	line-height: 140%;
	margin-top: 30px;
}

.page-sidebar {
	padding-left: 18px;
	position: relative;
}
.page-sidebar div.headline,
.page-sidebar h2.headline
{
	font-family: "fjalla One", Arial, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 10px;
}
.left-box {
	margin-bottom: 10px;
	margin-right: 10px;
	display: inline-block;
	position: relative;
	float: left;
}
.right-box {
	margin-bottom: 10px;
	display: inline-block;
	position: relative;
	float: left;
}
.feature-sm {
	position: relative;
	display: block;
	margin-bottom: 4px;
}

@media (max-width: 767px) {
	.page-bg {
		padding-left: 15px;
	}

}

/*
-----------------
Bootstrap-forms STYLES
-----------------
*/
.form-actions {
	padding: 17px 20px 10px;
	margin-top: 18px;
	margin-bottom: 0;
	background-color: #f5f5f5;
	border-top: 1px solid #e5e5e5;
	*zoom: 1;
}
.form-actions:before,
.form-actions:after {
	display: table;
	content: "";
}
.form-actions:after {
	clear: both;
}

/*
-----------------
SHOW BLOCK INSERT STYLES
-----------------
*/
.event_list {
	margin: 15px 0 0 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #999;
}

#showblock div.item {
	display: block;
	position: relative;
	font-size: 12px;
	padding: 10px 0 20px;
	border-bottom: 1px dotted #666;
	border-left: 8px solid #BABABA;
}

#showblock div.top-item {
	border-top: 1px dotted #999;
}

#showblock div.item:hover {
	background: rgba(252, 252, 252, 0.4);
	text-decoration: none;
	border-left: 8px solid #00568e;
	padding-left: 0;
}

.item div.img {
	font-size: 10px;
	height: 125px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;

}

.soldout div.img-overlay {
	width: 100%;
	height: 125px;
	background-image: url(../images/framework/events/soldout_170.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;

}

.postponed div.img-overlay {
	width: 100%;
	height: 100%;
	background-image: url(../images/framework/events/postponed_170.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
}

.cancelled div.img-overlay {
	width: 100%;
	height: 100%;
	background-image: url(../images/framework/events/cancelled_170.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
}

.postponed div.ev-dt-image img,
.cancelled div.ev-dt-image img {
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
	opacity: .8;
	display: block;
}

.info-block {
	padding-bottom: 20px;
	text-align: left;
}

.item div.date {
	text-transform: uppercase;
	line-height: 14px;
	color: #666;
	padding-bottom: 8px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 3px;
}

.item div.date sup {
	text-transform: none;
	font-size: 9px;
	font-weight: bold;
	margin-left: 1px;
}

.item div.artist {
	font-size: 26px;
	color: #00568e;
	line-height: 28px;
	font-family: "fjalla One", Arial, sans-serif;
	text-transform: uppercase;
	text-align: left;
}

.item .SLN, .item .SLI, .item .SRN, .item .SRI, .item .SBN, .item .SBI {
	font-size: 13px;
	line-height: 14px;
}

.item .LLN, .item .LLI, .item .LRN, .item .LRI, .item .LBN, .item .LBI {
	font-size: 16px;
	line-height: 18px;
}

.item .SLN, .item .SLI, .item .LLN, .item .LLI {
	font-weight: 200
}

.item .SRN, .item .SRI, .item .LRN, .item .LRI {
	font-weight: 400
}

.item .SBN, .item .SBI, .item .LBN, .item .LBI {
	font-weight: 800
}

.item .SLI, .item .SRI, .item .SBI, .item .LLI, .item .LRI, .item .LBI {
	font-style: italic;
}

.item .SLN, .item .SRN, .item .SBN, .item .LLN, .item .LRN, .item .LBN {
	font-style: normal;
}

.item div.special, .item div.support {
	color: #666;
}

.item div.onsale {
	font-size: 13px;
	color: #333;
}

.item a:hover,
.item div.artist:hover,
.item div.special:hover,
.item div.support:hover {
	text-decoration: none;
}

.item div.optiontext {
	color: #900;
	margin-top: 8px;
}

.button_bar {
	clear: both;
	float: left;
	white-space: nowrap;
	/*padding-left: 188px;*/
}

.button_bar .but {
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
	height: 20px;
	width: 125px;
	color: #FFF;
	text-transform: uppercase;
	float: left;
	margin-right: 20px;
	border: 1px solid #999;
}

.noshow div.img-overlay {
	width: 170px;
	height: 125px;
	background-color: rgba(252, 252, 252, 0.8);
}

.noshow div.date,
.noshow div.artist,
.noshow div.special_SR,
.noshow div.special_SI,
.noshow div.special_LR,
.noshow div.special_LI,
.noshow div.support_SR,
.noshow div.support_SI,
.noshow div.support_LR,
.noshow div.support_LI,
.noshow div.onsale {
	color: #999;
	text-decoration: line-through;
}

.noshow div.optiontext {
	font-size: 14px;
}

.noshow .info div {
	background-image: linear-gradient(left, rgb(89, 89, 89) 0%, rgb(199, 199, 199) 40%, rgb(199, 199, 199) 60%, rgb(89, 89, 89) 100%);
	background-image: -o-linear-gradient(left, rgb(89, 89, 89) 0%, rgb(199, 199, 199) 40%, rgb(199, 199, 199) 60%, rgb(89, 89, 89) 100%);
	background-image: -moz-linear-gradient(left, rgb(89, 89, 89) 0%, rgb(199, 199, 199) 40%, rgb(199, 199, 199) 60%, rgb(89, 89, 89) 100%);
	background-image: -webkit-linear-gradient(left, rgb(89, 89, 89) 0%, rgb(199, 199, 199) 40%, rgb(199, 199, 199) 60%, rgb(89, 89, 89) 100%);
	background-image: -ms-linear-gradient(left, rgb(89, 89, 89) 0%, rgb(199, 199, 199) 40%, rgb(199, 199, 199) 60%, rgb(89, 89, 89) 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0, rgb(89, 89, 89)),
		color-stop(0.4, rgb(199, 199, 199)),
		color-stop(0.6, rgb(199, 199, 199)),
		color-stop(1, rgb(89, 89, 89))
	);
	text-shadow: 0 0 10px rgba(89, 89, 89, 1), 0 0 10px rgba(89, 89, 89, 1), 0 -1px 0 rgba(0, 0, 0, 0.2);
}

@media (max-width: 600px){
	.event_list  div.info-block {
		padding-left: 0;
	}
	.event_list   div.img {
		height: 75px;
		margin-bottom: 15px;
	}
}

@media (min-width: 992px) {
	.sidebar  div.info-block {
		padding-left: 0;
	}
	.sidebar  div.img {
		height: 75px;
	}
	.sidebar  div.date {
		line-height: 12px;
		font-size: 12px;
		padding-bottom: 4px;
	}
	.sidebar  div.artist {
		line-height: 24px;
		font-size: 22px;
	}
	/*.button_bar .but {
		width: 125px;
	}*/
}
@media (min-width: 1200px) {
	.sidebar  div.img {
		height: 85px;
	}

}

/*
-----------------
List STYLES
-----------------
*/

.accordion {
	margin-left: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

.accordion a {
	color: #05588E;
	text-decoration: underline;
}

.accordion h3 {
	font-size: 13px !important;
	/*font-weight: 400;*/
}
ul.price li span {
	width: 150px;
	display: inline-block;
	position: relative;
}


@media (max-width: 767px) {
	.staff .cl-em {
		padding-bottom: 15px!important;
	}
}

/*
-----------------
Modal STYLES
-----------------
*/
.modal-title {
	font-family: "fjalla One", Arial, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
}
.modal-header {
	/*border:none;*/
}
.modal-body {
	padding: 10px 20px 10px 20px;
}
.modal-footer {
	border:none;
	padding-top: 0;
}

/*.modal {
	text-align: center;
	padding: 0!important;
}

.modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}*/
.jumbotron p {
	font-size: 16px !important;
}
.covid-body {
	padding: 30px;
}
.covid-body p {
	margin: 0 0 10px;
}

.row-equal {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
/*.row-equal > [class*='col-'] {
	display: flex;
	flex-direction: column;

}*/
