/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	background: #000;
	font:400 14px/1.4 'Open Sans Condensed', Helvetica, Arial, sans-serif;
	color:#fff;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#efc317;
	text-decoration:none;
}
a:hover {
	color: #FFF !important;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-weight: 700; }
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:2048px;
	width:100%;
	margin:0 auto;
	position:relative;
}
.home main {
	background: url(https://milkboy.kinsta.cloud/wp-content/uploads/2021/08/slidebackground2.jpg) no-repeat top center;
	background-size: contain;
}

@media all and (max-width:600px) {
	.home main { background: none !important; }
}

/* header */
.header { 
	background-color: #000;
	display: flex;
	flex-direction: row; 
	align-items: center;
}
/* logo */
.logo {
	flex: 20%;
	z-index: 99999;
}

.logo-img {max-width:250px;}

/* nav */
.nav {
	flex: 50%;
	text-transform: uppercase;
	color: #FFF;
	font-weight: 700;
}
.nav ul {
	list-style: none;
	display: flex;
	flex-direction: row;
	justify-content: center;
	font-size: 1.3em;
}
.nav ul li { display: inline-block; width: auto; position: relative; padding: 10px 20px;  }

.nav ul li ul { display: none; }

.nav ul li:hover ul {
	display: flex;
	flex-direction: column;
	position: absolute;
	padding-left: 0px;
	padding: 10px;
	background: #EFC31B;
	color: #000;
	font-size: 1em;
	z-index: 1000;
}
.nav ul li:hover ul a {
	color: #000;
}
.nav ul li:hover ul li:hover a {
	color: #FFF;
}
/* header widgets */
.header-widget {
	flex: 30%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
form#searchform {
	display: flex;
	flex-direction: row;
}
#searchform input.textform {
	background: #000;
	border: 1px solid #EFC31B;
	color: #fff;
	box-shadow: none;
	padding: 5px;
	width: 145px;
}

#searchform button {
	background: #000;
	border: none;
	color: #EFC31B;
}
/* sidebar */
.sidebar {

}
/* footer */
footer .footer-wrapper {
	max-width: 1200px;
	margin: 0 auto;
	color: #aaa;
}
footer .trusted-partners {
	text-align: center;
}
footer .footer-address {
	text-align: right;
}
footer .wp-block-social-links { justify-content: flex-end; align-items: flex-end; }

footer h2 {
	text-transform: uppercase;
	font-size: 1.5rem;
	margin-bottom: 0;
}

footer p:not(:last-of-type) {
	margin: 0;
}

@media (max-width:1200px) {
	footer .wp-block-column { padding:1rem !important; }
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

.search .entry-content  { max-width: 1200px; margin: 0 auto; }

h1.page-title { text-transform: uppercase; }

main {
	font-size: 18px;
	line-height: 1.75;
}

.home main {
	position: relative;
}

.page:not(.home) main {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 3%;
}

.home article.page {
	margin: 0 auto;
	padding: 2%;
}

.home .wp-block-nextend-smartslider3 {
	max-width: 699px;
	margin: 0 auto;
}

.home .blocks-gallery-grid, .home .wp-block-gallery { margin: 0 auto; width: 100%; }

p.copyright { margin: 0 auto; text-align: center; color: #aaa; }

.footer ul.wp-block-social-links.has-large-icon-size {
	margin: 0;
}
.footer .wp-block-social-links .wp-social-link { padding: 0; }
.footer .wp-block-social-links .wp-social-link a {padding: .25em 0;}

/*------------------------------------*\
    #seetickets
\*------------------------------------*/
#seetickets .pagination .page-numbers.current, #seetickets .pagination .page-numbers:hover {
	background-color: #EFC31B;
	color: #000 !important;
}

#seetickets,
#seetickets.list-view .container {
	max-width: 2048px;
}

@media (min-width: 1024px) {
#seetickets {
	max-width: 2048px;
}
}

.list-view-title { margin: 0 auto 1em; text-align: center; font-size: 3rem; text-transform: uppercase; text-shadow: 1px 1px 3px #000; }

@media all and (min-width:1024px) {
	.list-view-title { font-size: 2.5em; }	
}

#seetickets.list-view .list-view-item { text-transform: uppercase; align-content: center; background-color: #292929; color: #aaa; padding-bottom: 0; border-bottom: none; }

#seetickets .label {
	display: none;
}
 #seetickets .dates span.month-date,
 #seetickets .dates span.day-date {
	display: none !important;
 }

#seetickets .image-url {
	width: 70%;
}

#seetickets .list-view-item .dates {
	display: block; 
	width: 30%;
	overflow: hidden;
	position: relative;
	border-right: 15px solid #efc317;
	
}
#seetickets .detail.detail_event_date { 
	color: inherit;
	text-align: right;
	font-weight: 700;
	font-size: 1.75em;
	line-height: 1.1;
}

#seetickets .list-view-item .list-view-details .detail { margin-bottom: auto !important; }

#seetickets .list-view-item .list-view-details .detail { grid-template-columns: 100% 100%; width: auto; display: inherit; margin-bottom: 1em; font-size: 1.1em;
 }
#seetickets .list-view-item .list-view-details { max-width: 60%; }
#seetickets .list-view-item .ticket-price { margin-top: 3em;
	margin-right: 3em; }
#seetickets .list-view-item .ticket-price a { border-radius: 50px; background-color:  #efc317; border-color: #efc317; color: #000; font-size: 2rem; padding: 20px; }
#seetickets .list-view-item .ticket-price a:hover { background-color: transparent; border-color: #efc317; color: #efc317; }
#seetickets .list-view-item .list-img {
	display: flex;
	flex-direction: row;
	width: 40% !important;
}
#seetickets .list-view-item .list-right { margin-left: 15px; }

#seetickets .list-view-item img {
	padding: 15px 0 15px 15px;
	margin: 0;
	aspect-ratio: 1/1;
}
#seetickets.list-view .container .pagination {
	margin-bottom: 2em;
}
#seetickets.list-view h1.headliners a {
	color: #efc317;
}

#seetickets.list-view .list-view-item h1 {
	line-height: 1.2;
	margin: 0 0 .5em;
}

#seetickets .list-view-item .list-view-details .detail .name {
	line-height: normal;
}

#seetickets.list-view .detail.detail_event_subtitle {
	text-transform: none; font-size: 1em;
}
#seetickets.list-view .detail.detail_supporting_talent .name:before {
	content: "w/ ";
	text-transform: lowercase;
}
#seetickets.list-view .detail_supporting_talent {
	color: #efc317;
	font-weight: 700;
	font-size: 1.3em;
}
#seetickets.list-view .doors-and-showtime {
	display: flex;
	flex-direction: row;
	font-size: 1.1em;
	font-weight: 700;
	color: #FFF;
	line-height: normal;
}
#seetickets .detail.detail_door_time .name:before {
	content:  "Doors: ";
}
#seetickets .calendar-event .detail.detail_event_time .name:before { content: "Show: " }


#seetickets.list-view .detail.detail_door_time .name:after {content: " / ";}

#seetickets.list-view .detail.detail_event_time:before {content: "Show: ";margin: 0 5px;display: inline-block; float: left; line-height: normal; }


#seetickets .list-view-item .event-name.headliners {
	margin: 1rem 0;
}

#seetickets .pagination .page-numbers {
	background-color: #292929;
}

#seetickets table.calendar {
	border-top: 1px solid #444;
	border-left: 1px solid #444;
	width: 100%;
}

#seetickets td.calendar-day-np {
	background: #292929;
}

#seetickets td.calendar-day,
#seetickets td.calendar-day-np,
#seetickets td.calendar-day-no-events {
	width: 11%;
	max-width: 150px;
	border-bottom: 1px solid #444;
	border-right: 1px solid #444;
	text-align: center;
}
#seetickets .calendar-event .detail { grid-template-columns: 100% 100%; }

#seetickets .calendar-event .detail_seetickets_eventtitle h1 {
	font-size: 1.5rem;
	line-height: 1.25;
}
#seetickets .calendar-event .detail.detail_event_date,
#seetickets .calendar-event .detail.detail_event_header,
#seetickets .calendar-event .detail.detail_door_time,
#seetickets .calendar-event .detail.detail_event_time,
#seetickets .calendar-event .detail.detail_headliners,
#seetickets .calendar-event .detail.detail_price_range,
#seetickets .calendar-event .detail.detail_supporting_talent,
#seetickets .calendar-event .detail.detail_event_subtitle {
	display: none;
}
#seetickets .calendar-event > .date { display:none!important; }

#seetickets a.event_tickets { margin-top:10px; background-color: #efc317; border-color: #efc317; color: #000; }

#seetickets a.event_tickets:hover { background-color: #292929 !important; border-color: #efc317; color: #FFF !important; }
#seetickets.search-results h3.search-for {
	margin-bottom: 30px;
	font-size: 2em;
}

#seetickets table.calendar .calendar-event {
	background: none;
}

/* HIVE */

.hive-signup-form input {
	border-radius: 0 !important;
	border-color: #666 !important;
	box-shadow: none;
	background: #000;
	color: #666;
}
.hive-signup-form input:focus {
	color: #FFF !important;
	border-color: #efc317 !important;
}

.hive-signup-form button {
	color: #000;
	background: #EFC317 !important;
	border: 1px solid #EFC317;
	text-transform: uppercase;
}
.hive-signup-form button:hover {
	color: #efc317;
	background: #000 !important;
	border-color: #efc317;
}


/* INSTAGRAM */

.FeedHeader__container a,
.milkboy-family h2 {
	font-family: 'Open Sans Condensed';
	color: #efc317 !important;
	font-size: 3rem;
	text-transform: uppercase
}

.FeedHeader__container a:after {content: " on Instagram"; display: inline-block; padding: 0; margin: 0 0 0 5px; line-height: 1; }

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/


@media all and (min-width: 600px) {
	.blocks-gallery-grid.columns-5 .blocks-gallery-image, .blocks-gallery-grid.columns-5 .blocks-gallery-item, .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item {
		margin-right: 0;
	}
}

@media (max-width:1280px) {
	
	.nav ul:not(.sub-menu) {
		margin: 0 !important;
		width: 100% !important;
		padding: 0 !important;
	}
	.nav ul:not(.sub-menu) li { padding: 5px !important;
		flex: 1 1; white-space: nowrap; text-align: center !important; }
	.wp-block-social-links.is-style-logos-only .wp-social-link svg {
		width: 1em;
		height: 1em;
	}
	.search-results #seetickets { max-width: 100% !important; padding: 1rem; }
}

@media all and (max-width:1024px) {
	.logo {
		margin-right: 2em;
	}
	.header-widget {
		flex-direction: column;
	}
	div#block-8 {
		width: 80%;
	}
	.calendar div#block-8 {
		width: 50%;
	}
	div#block-8 ul,
	.calendar div#block-8 ul { margin: 0; }
	
	.FeedHeader__centered-style,
	.FeedHeader__centered-style .FeedHeader__container {
		align-items: flex-start !important;
	}
 	#mobmenuright li a:hover {
		color: #efc317 !important;
	}
	footer form.hive-signup-form {
		margin: 0 auto 2em;
		max-width: 90%;
	}
	.header form#searchform { display: none !important; }
	div.mobmenur-container {
		top: 35%;
		margin-right: 4%;
		margin-top: 0;}
	
}

@media all and (min-width:601px) and (max-width:1024px) {
	#seetickets {
		max-width: 100%;
	}
	#seetickets .list-view-item .dates { font-size: 1.25rem; }
	#seetickets .image-url { width: 75%; }
	#seetickets .list-view-item .list-view-details,
	#seetickets .list-view-item .list-right,
	#seetickets .list-view-item .ticket-price { width: 100%; max-width: 100%; }
	#seetickets .list-view-item .list-img,
	#seetickets .list-view-item .list-right { width: 50%; }
	#seetickets .list-view-item .list-right { display: flex; flex-direction: column }
}

@media (max-width:900px){
		
	#block-8 { display: none; }	
	
	.mobmenu-content #block-8 { display: block !important; }	
	
	.mobmenu-content #block-8 ul { gap: 0 !important; margin-bottom: 1rem; }	
	/* .mobmenu-content #block-8 .wp-block-social-links.is-style-logos-only .wp-social-link svg {
		width: 1.25em;
		height: 1.25em;
	} */

}

@media all and (max-width: 781px) {
	.wp-block-column:not(:only-child) {
		flex-basis: 100%;
		}
	footer .wp-block-group,
	footer .footer-address { text-align: center; }
	footer .wp-block-social-links { justify-content: center; align-items: center; }
	.home .just-announced li a { display: block; }
	#seetickets .list-view-item .list-img { display: block; }
	#seetickets .list-view-item .dates {
		display: block;
		width: 100%;
		overflow: hidden;
		position: relative;
		border-right: none;
		border-bottom: 15px solid #efc317;
	}
	#seetickets .detail.detail_event_date { text-align: left; }
	#seetickets .list-view-item img { margin: 0; }
	#seetickets .list-view-item .list-right { margin-left: 0; }
	.home .just-announced .event-date {
		width: 100%;
		justify-content: flex-start;
	}
	
	#seetickets .detail.detail_event_date .name > span {
		padding-right: 3px;
	}
	#seetickets .detail.detail_event_date br {
		display: none;
	}
	footer form.hive-signup-form {
		margin: 0 auto 2em;
		max-width: 300px;
		padding: 0;
	}
	footer h2.has-text-align-right {
		text-align: center;
	}
}

@media (max-width: 768px) {
	#seetickets table.calendar td.calendar-day, #seetickets table.calendar td.calendar-day-np, #seetickets .calendar-event .detail_seetickets_eventtitle h1 {
		font-size: 2rem;
	}
	#seetickets table.calendar .date { display: none; }
}

@media all and (max-width:600px) {
	.logo {
		flex: 10%;
	}
	.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
		margin: 0;
	}
	.wp-block-social-links .wp-social-link a {
		padding: 0;
	}
	.mobmenu-content .header-widget li a { font-size: 18px; padding: 0; }
	.wp-block-social-links { justify-content: space-between; }
	.home .wp-block-spacer { display: none !important}
	.home article.page { padding-top: 0;}
	.home .detail_event_date br { display:none!important}
	.home .detail_event_date span { margin-right: 5px; }
	#seetickets .list-img img { width: 100% !important; height: auto !important }
	#seetickets .list-view-item .list-img,
	#seetickets .list-view-item .list-right { width: 100% !important; }
	#seetickets .list-view-item .list-view-details { max-width: 100%; }
	#seetickets .list-view-item .ticket-price { margin-top: 0; }
	.footer .has-text-align-right { text-align: center}
	.footer .trusted-partners img { max-width: 300px; height: auto }
}


@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {
	.header .logo-img {
		max-width: 70%;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

@media only screen and (max-width: 800px) {
.mobmenur-container i {
	color: #efc317;
	background: #000;
}
}
/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#efc317;
	color:#000;
	text-shadow:none;
}
::-webkit-selection {
	background:#efc317;
	color:#000;
	text-shadow:none;
}
::-moz-selection {
	background:#efc317;
	color:#000;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}
