/*--All screen width--*/

/*Make sure the cover image is at least high in normal browser. JS runs on page to make the image smaller and according to size to fit device with less than*/

.wp-block-cover.is-light.cover-image {
		min-height: 880px !important; 
	}

/*Hide the all events button that is used by Bands in town. The website got his own button*/
.bit-upcoming-events-show-all-button{
	visibility: hidden !important;
}

.colums-homepage-first {
	gap: 25px !important;
	z-index: 1 !important;
	padding-bottom: 20px !important;
}

.wp-site-blocks > * + * {
	margin-block-start: 0 !important;
}

.wp-site-blocks {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

figure{
	margin-bottom: 0px !important;
}

/*sticky header code
header {
	z-index: 100;
	position: sticky;
	top: 0;
	width: 100%;
}
*/

/*Make the 5 shop images zoom in when hoovering*/
.shop-image:hover {
	transform: scale(1.10);
	opacity: .9;
	transition: all .5s;
	-webkit-transition: all .3s;
}
/*Make sure the images stay inside the page*/
.shop-row {
	overflow-x: hidden !important;
	overflow-y: hidden !important;
}


.wp-block-spacer.spacer-top {
	display: none;
}

/*Make sure the live page is always full screen so the footer doesnt show up halfway*/
.live-shows-groups{
	min-height: 100vh !important;
}

/*Remove underlining from all links*/
a {
	text-decoration: none !important;
}

/*Give black buttons a nice hover state*/
.shop-button :hover, .order-now-button :hover {
	border-color: #2b2b2b !important;
	background-color: #2b2b2b !important;
	color: #fff !important;
	transition: all .5s;
	-webkit-transition: all .3s;
}

/*Give white buttons a nice hover state*/
.all-shows-buttons a:hover, .all-shows-buttons strong:hover, .bit-multi-ticket-button:hover{
	border-color: #fff !important;
	background-color: #030303 !important;
	color: #fff !important;
	transition: all .5s;
	-webkit-transition: all .3s;
}

.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background{
	margin-right: 0px !important;
	margin-left: 0px !important;
}

.contact-link a {
	text-decoration: underline !important;
}

.bit-event.hidden {
        display: none; /* Hide all bit-events with the "hidden" class */
      }

.header-nav{
	padding-bottom: var(--wp--preset--spacing--70);
}

.all-shows-buttons{
	display: grid;
  width: fit-content;
}

.shows-header {
	width: fit-content !important;
	padding: 0px 15px !important;
}

.wp-site-blocks .alignfull {
	margin-right: 0px !important
}

.wp-block-group.alignfull{
	padding-right: 0px !important
}

/*Css specific for screens bigger than 600px*/
@media only screen and (min-width: 600px) {
	.wp-block-cover .wp-block-cover__image-background {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}
	
.wp-block-cover__image-background.wp-image-16 {
	
    width: auto;
    height:900px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 900px;
}
	
	/*make youtube player a bit smaller because full screen is bigger than the screen*/
.youtube-player{
	width: 95% !important;
	margin-left: 3% !important;
}

	
/*bottom gradient color*/
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10 {
	opacity: 1 !important;
	background: linear-gradient(180deg, #fff 0%, rgb(0, 0, 0, 0%) 5%, rgb(0, 0, 0, 0%) 95%, #fff 100%);
}
	
	.bit-multi-ticket-button{
	width: 120% !important;
}

.bit-event-buttons{
	margin-right: 5% !important;
}
}
/*End css specific for big screens*/

/*hide the shop header incase device is not mobile*/
@media only screen and (min-width: 600px)
{
	.shop-header{
		display: none !important;
	}
}

/*center the image on macbook screens*/
@media (min-width:1430px) and (max-width:1500px){
	.echoPalaceImage img {
		margin-right: -5rem !important;
	}
}

@media only screen and (max-width: 1400px){
			.wp-block-cover .wp-block-cover__image-background {
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
		height: auto;
}

}

/*--For smaller devices--*/
@media only screen and (max-width: 600px) {
		.wp-block-cover .wp-block-cover__image-background {
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
		height: auto;
}

	
	.wp-block-cover.is-light.cover-image {
		min-height: none !important; 
	}
	
	.shop-row{
		display: flex !important;
    flex-direction: column !important;
		padding-left: 0px !important;
		align-items: center !important;
	}
	.header-social, .spacer-top, .bit-rsvp-container {
		display: none !important;
	}
	.header-group {
		padding: 0px !important;
	}
	.show-group, .shop-row{
		padding-left: 5% !important;
	}
	.bit-event, .bit-container {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
	}
	/*
	.bit-event-buttons{
		margin-left: 0px !important;
	}*/
	.bit-widget.bit-layout-desktop .bit-date-wrapper{
		min-width: 0px !important;
	}

	.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background {
		margin-right: 0px !important;
	}

	/*hide outer shop images on mobile*/
	.shop-image-hide{
		display: none !important;
	}
}
/*--End for smaller devices--*/