p {
	line-height: 24px;
}

a {
	
}

strong {
	font-weight: bold;
}

.button  {
	font-family: Arial;
}

.pagewide {
	max-width: 1000px;
	margin: 0px auto;
	padding: 20px;
	background-color: white;
	color: #222222;
	box-shadow: 0px 0px 2px lightgray;
    font-family: 'Open Sans', sans-serif;
}



.feedheader {
	padding: 0px;
	background-color: white;
	border-bottom: 1px solid #dddddd;
}

.feedheadertop {
	display: grid;
	grid-template-columns: 1fr .1fr;
	padding-bottom: 5px;
	margin-top: -10px;
	align-items: center;
}

.feednav {
	border-bottom: 1px solid #dddddd;
}

.feednav a {
  display: inline-block;
  color: #222222;
  padding: 15px 15px 15px 0px;
  text-decoration: none;
  font-size: 17px;
}

.feednav a:hover {
	color: #1e96ff;
	text-decoration: underline;
}

.feednav .active {
  color: #1e96ff !important;
}

.feedtitle {
	font-size: 20px;
	letter-spacing: -.05em;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}

.feedlogo {
	height: 50px;
}




/* ***************** */
/* view more content */
/* ***************** */
.viewmore {
	max-height: 100px;
	overflow-y: auto;
}

@media only screen and (min-width : 0px) and (max-width : 800px) { 
	.viewmore {
		max-height: 100px;
		overflow: hidden;
		overflow-y: hidden;
	}
}




/* ******* */
/* overlay */
/* ******* */
.feedoverlay {
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba( 0,0,0,.8);
	width: 100%;
	height: 100%;
}

.feedoverlaycontent {
	width: 400px;
	background-color: white;
	padding: 20px;
	margin: 0px auto;
	margin-top: 100px;
	text-align: center;
	border-radius: 5px;
	box-shadow: 5px 5px 5px black;
	box-sizing: border-box;
}

.feedoverlayheader {
	text-align: center;
}

.feedordericon {
	height: 200px;
}

.feedorderheadline {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 10px;
	letter-spacing: -.05em;
}

.feedoverlaymid {
	padding: 10px;
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}

.feedoverlaytitle {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 5px;
	letter-spacing: -.05em;
}

.feedswitchgrid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
	align-items: center;
	margin: 0px auto;
	margin-top: 30px;
}

.feedoverlaysub {
	color: #aaaaaa;
	font-size: 13px;
	margin-top: 5px;
}

.feedoverlaybuttons {
	margin-top: 30px;
}

.feedoverlaybutton {
	
}

.feedoverlaytip {
	font-size: 12px;
	margin-top: 20px;
	background-color: #dddddd;
	color: #333333;
	padding: 5px;
}

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

	.feedoverlaycontent {
		width: 90%;
		margin-top: 20px;
	}
	
	.feedordericon {
		height: 100px;
	}
	
	.feedorderheadline {
		font-size: 15px;
	}
	
	.feedoverlaytitle {
		font-size: 15px;
	}
}





/* ************ */
/* feed content */
/* ************ */
.feedcontent {	
    padding-top: 20px;    
}


/* ********** */
/* feed posts */
/* ********** */
.noposts {
	font-style: italic;
	background-color: #f3f3f3;
	padding: 20px;
}

.feedpost {
	border-bottom: 1px solid #dddddd;
	padding-bottom: 20px;
}

.feedpostwrapper:last-of-type .feedpost {
	border-bottom: 0px solid white;
}

.singlepost .feedpost {
	border-bottom: 0px solid white !important;
}

.feedpostcontent {
	line-height: 24px;
	margin: 10px 0px;	
}

.feedpostdelay, .feedpostlocation, .feedpostcancelled, .feedpostpostponed {
	background-color: #D9EEFD;
	padding: 20px;
}

.feedposttitle {
	font-size: 40px;
	line-height: 40px;
	font-weight: bold;
	margin-top:20px;
	font-family: 'Roboto', sans-serif;
}

.feedpostinstructions img {
	max-width: 100%;
}

.feedpostimg {
	display: block;
	max-height: 1000px;
	max-width: 100%;
	border-radius: 3px;
	padding: 5px;
	border: 1px solid #dddddd;
	box-sizing: border-box;
	background-color: #f3f3f3;
	margin: 10px 0px;
	cursor: pointer;
}

.feedattribution {
	color: #999999;
	margin-top: 5px;
	font-size: 14px;
}

.feedattributionlink {
	color: #999999 !important;
	text-decoration: none;
}

.feedattributionlink:hover {
	text-decoration: underline;
}

.feedattributiontext {
	
}

.adminonlymsg {
	font-size: 12px;
	margin-top: 5px;
	padding: 0px 5px;
	color: #999999;
	font-style: italic;
}

.organizerlinks a {
	margin-right: 5px;	
}

.feedpoststats {
	display: inline-block;
	vertical-align: middle;
}

.feedpoststats svg {
	vertical-align: bottom;
}

.postnumber {
	margin-right: 5px;
}

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

	.feedpostimg {
		margin: 0px auto;	 
	}
	
	.feedpoststats {
	 	margin-top: 10px;
	}
}

/* **************** */
/* feed posts admin */
/* **************** */
.feedadmin {
	text-align: right;
	margin-bottom: 20px;
}

.feedcompose {
	font-family: Arial;
}

.postlabel {
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 5px;	
}

.composeactions {
	width: 100%;
	background-color: white;
	text-align: right;
}

.composeactions a {
	margin: 5px 0px;
}

.actiontext {
	display: inline-block;
}

.composeactions.sticky {
	border-bottom: 1px solid #dddddd;
	padding: 10px;
	text-align: center;
	box-shadow: 0px 0px 5px #dddddd;
}

.feedsystemmessage {
	background-color: #f3f3f3;
	color: #777777;
	padding: 20px;
	margin: 10px 0px;
}

.feedsystemmessage p {
	line-height: normal !important;
}

.charsleft {
	background-color: #1e96ff;
	color: white;
	font-weight: normal;
	padding: 5px;
	box-sizing: border-box;
	display: inline-block;
}

@media screen and (max-width: 600px) {
	.feedadmin {
		text-align: center;
	}
	
	.composeactions {
		text-align: center;
	}
	
	.actiontext {
		display: block;
	}
}


/* *********** */
/* sticky menu */
/* *********** */
.sticky {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}




/* ********** */
/* extra info */
/* ********** */
.feedinfo {
	margin-top: 50px;
	line-height: 24px;
}


.infocolumns {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 20px;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 20px;
}

.infodetails {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 0px;
	grid-auto-rows: min-content;
}

.infodetailsimg {
	
}

.infodetails img {
	max-height: 300px;
	width: 100%;
	object-fit: cover;
}

.infodetailstext {
	display: grid;
	grid-template-columns: 1fr 4fr;
	grid-gap: 10px;
	padding: 20px;
	background-color: #f3f3f3;
	border: 1px solid #dddddd;
	border-top: 0px solid white;
	font-size: 12px;
}

.infoday {
	font-weight: bold;
}

.infotitle {
	font-weight: bold;
}

.infolocationdetails {

}

.infolinks {
	margin: 20px 0px;
}

.info-refundprotect {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	background-color: orange;
	padding: 2px 15px;
	border-radius: 15px;
	margin: 0;
	width: auto;
	white-space: nowrap;
}


.viewasadminmsg {
	background-color: orange;
	color: white;
	padding: 20px;
	margin-bottom: 20px;
}

.viewasadminmsg a {
	color: white;
}

.feedlinkfooter {
	margin-top: 50px;
	background-color: #dddddd;
	padding: 20px;
}

.feedinfomobilemessage {
	display: none;
}


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

	.infocolumns {
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}

	.infodetails {
		grid-template-columns: 1fr 3fr;
		grid-gap: 10px;
		align-items: normal;
	}
	
	.infodetailstext {
		background-color: white;
		border: 0px solid white;
		padding: 0px;
	}
	
	.infolinks {
		text-align: center;
	}
	
	.feedinfomobilemessage {
		display: block;
		text-align: center;
		margin-top:10px;
		color: white;
		background-color: orange;
		padding: 5px;
	}
	
	.info-refundprotect {
	    font-size: 16px;
	    font-weight: bold;
	    color: #333333;
	    background-color: inherit;
	    padding: 0;
	    border-radius: 0;
	    margin: 0;
	    width: auto;
	    white-space: nowrap;
	}	
}




















.infoentry {
	padding: 20px;
	background-color: #D9EEFD;
	border: 1px solid #1e96ff;
	color: #1e96ff;
	border-radius: 1px;
}

.infoentrytitle {
	font-weight: bold;
	margin-bottom: 5px;
}

.feedinfotitle {
	font-size: 40px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 20px;
	font-family: 'Roboto', sans-serif;
}

.feedinfotickets {
	margin-top: 20px;
}

.feedinfoticketsrows {
	border: 1px solid #dddddd;
	border-bottom: 0px solid white;
}

.infoticketsrow {
	display: grid;
	grid-template-columns: 2fr 2fr 1fr 1fr;
	grid-template-areas: "section pricing row    seat"
						 "detail  detail  detail detail";
	align-items: center;
	padding: 5px;
}

.live-stream-tickets-row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-items: center;
	padding: 5px;
}

.infoticketsrow:nth-child(odd) {
	background-color: #f3f3f3;
}

.infoticketsrow {
	border-bottom: 1px solid #dddddd;
}

.infoticketsdetail {
	font-size: .8em;
	color: #777777;
	margin-top: 5px;
	font-style: italic;
}

.infoticketsheader {
	font-weight: bold;
	background-color: #f3f3f3 !important;
}

.feedinfosubtitle {
	font-weight: bold;
	margin-top: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #dddddd;
}

.infolinkstable {
	width: 100%;
	margin-top: 20px;
	border-collapse: separate;
	border-spacing: 10px 0px;
}

.infolinkstable td {
	text-align: center;
	background-color: white;
	padding: 10px;
	width: 50%;
}

.infobuttons {
}

.infolinkstext {
	margin-bottom: 10px;
}

.inltr1 td {
	padding-bottom: 0px;
}

.inltr2 td {
	padding-top: 0px;
}

@media screen and (max-width: 600px) {
	.infoticketsheader {
		display: none;
	}

	.feedinfoticketsrows {
		border: 0px;
	}

	.infoticketsrow {
		grid-template-columns: 1fr;
		grid-gap: 0px;
		background-color: #f3f3f3;
		margin-bottom: 5px;
	}

}




.feed-forms {
	border-top: 1px solid #dddddd;
	padding-top: 20px;
	margin-top: 50px;
}

.feed-forms-surveys {
	
}

.feed-forms-qa {
	padding: 20px;
	background-color: #f3f3f3;
	margin-bottom: 10px;
}

.feed-forms-question {
	font-weight: bold;
}

.feed-forms-response {
	margin-top: 5px;
}






/* ************ */
/* simple rules */
/* ************ */
.simplerules {
	padding: 20px;
}

.pkmulti  {
	margin-top: 10px;
	margin-left: 10px;
}

.pkmulti label {
	font-weight: normal !important;
}

.pkmulti label:before {
	content: " ";
}

.pkmulti label:after {
	content: " ";
	display: block;
}

.sectionchoices, .pricingchoices {
	display: none;
}





/* ******* */
/* compose */
/* ******* */
.composechoices {
	max-width: 800px;
	margin: 0px auto;
	margin-top: 20px;
}

.choicesheader {
	font-weight: bold;
	margin-bottom: 10px;
}

.choicenotif {
	font-size: 12px;
	margin-top: -5px;
	color: #777777;
}

.composechoice {
	display: grid;
	grid-template-columns: 1.5fr 4fr 6fr;
	align-items: center;
	padding: 20px;
}

.composechoice_dark {
	background-color: #f3f3f3;
}

.choiceicon {
	
}

.choiceicon img {
	height: 50px;
}

.choiceselect {
	font-weight: bold;
}

.choiceselect a {
	width: 150px;
	box-sizing: border-box;
	margin-top: 5px;
}

.choicedesc {

}

.choicesubdesc {
	color: #777777;
	font-size: 12px;
}

.infoscheduleddesc {
	color: #1e96ff;
}

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

	.composechoice {
		grid-template-columns: .1fr 1fr;
		grid-gap: 20px;
	}
	
	.choiceicon {
		
	}
	
	.choiceselect {

	}
	
	.choicedesc {
		grid-row:    2 / 3;
		grid-column: 1 / 3;
	}

}



/* ********* */
/* edit info */
/* ********* */
.singleinfoheader {
	display: grid;
	grid-template-columns: 1fr 1fr .2fr .5fr;
	background-color: black;
	color: white;
	padding: 10px 10px;
}

.singleinfoheader2 {
	display: grid;
	grid-template-columns: 1fr 1fr .2fr;
	background-color: black;
	color: white;
	padding: 10px 10px;
}
.pkgirdrect {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.infobiglink {
	grid-template-columns: 1fr 1fr;
	width: auto !important;
	flex-grow: 1;
}

.infoelement {

}

.infocontrols {
	text-align: right;
	width: 200px;
}

.infodeletelink {
	margin-left: 10px;
	display: inline-block;
}

.infoheading {
	text-align: right;
	margin-bottom: 5px;
}

.infocreatecontrols {
	margin-top:20px;
	margin-bottom: 500px;
}

.infoasuser {
	text-align: right;
}





.feededitgranularity {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: max-content;
	align-items: stretch;
	justify-items: center;
	grid-gap: 20px;
	margin: 20px 0px;
}

.feededitgcol {
	text-align: center;
	padding: 20px;
	height: 100%;
	border: 1px solid #dddddd;
	background-color: #f3f3f3;
	border-radius: 3px;
	box-sizing: border-box;
}

.feededitgcolselected {
	border: 1px solid #999999;
}

.feededitgranularity img {
	width: 100px;
}

.feededitgranularity a {
	text-decoration: none;
	color: #222222;
}

.feededitgtitle {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}

.feededitgdesc {
	font-size: 14px;
}

.feededitgcol .feededitcheckmark {
	display: none;
}

.feededitgcolselected .feededitcheckmark {
	width: 50px !important;
	margin-top: 10px;
	display: inline-block;
}



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

}







@media only screen and (min-width : 0px) 
  and (max-width : 568px) {
        
	.infobiglink {
		grid-template-columns: 1fr;
	}
	
	.infoelement {
		text-align: left;
	}

	.infocontrols {
		text-align: center;
		grid-row:    1 / 5;
		grid-column: 2 / 3;
	}
	
	.infodeletelink {
		margin-left: 0px;
		margin-top: 5px;
	}
	
	.singleinfoheader {
	 	display: none;
	}
}



/* ********** */
/* post admin */
/* ********** */
.postadmin {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}

.postpreviewwrapper {
	background-color: #f3f3f3;
	border: 1px solid #dddddd;
	max-width: 500px;
	padding: 20px;
}

.postpreview {
	box-sizing: border-box;
	background-color: white;
	padding: 5px 20px 20px 20px;
}

.postadmincontrols {
	
}

.postadmincontrol {
	background-color: #f3f3f3;
	padding: 20px;
}

.postadmincontroltitle {
	font-weight: bold;
}

.postadmincontroldesc {
	font-size: 12px;
	margin-bottom: 20px;
}

.postadminsearchresults {
	width: 100%;
	margin-top: 20px;
	font-size: 12px;
}

.postadminsearchresults th {
	text-align: left;
	font-weight: bold;
	text-align: center;
}

.postadminsearchresults td {
	background-color: white;
	padding: 4px;
	border: 1px solid #dddddd;
	text-align: center;
}

@media screen and (max-width: 600px) {
	.postadmin {
		grid-template-columns: 1fr;
	}
}




/* ******** */
/* settings */
/* ******** */
.feedsettings {
	max-width: 800px;
	margin: 0px auto;
	margin-bottom: 100px;
}

.feedsettingsrow {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	border-bottom: 1px solid #dddddd;
	padding: 10px 0px;
}

.feedsettingsright {
	text-align: right;
}

.feedsettingsdesc {
	font-size: 12px;
	color: #777777;
	margin-top: 5px;
}

.feedcontrolsrow {
	border-bottom: 0px;
}

.feedsettingsgrouptitle {
	font-weight: bold;
	margin-top: 30px;
	background-color: #f3f3f3;
	padding: 10px;
	display: inline-block;
}

@media screen and (max-width: 600px) {
	.feedsettingsrow {
		grid-template-columns: 2fr 1fr;
	}
}































@media screen and (max-width: 600px) {
	.pagewide {
		padding: 10px;
	}

	.feedcontent {
		
	}
	
	.feednav {
		margin-top: 40px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 5px;
		text-align: center;
		border: 0px;
		align-items: stretch;
	}
	
	.feednav a {
		padding: 5px 5px 5px 0px;
		background-color: #f3f3f3;
	}

	.feedheader {
		position: fixed;
		width: 100%;
		box-sizing: border-box;
		top: 0;
		left: 0;
		padding: 10px;
		padding-bottom: 0px;
	}
	
	.feedtitle {
		font-size: 20px;
		padding-bottom: 0px;
		border-bottom: 0px;
	}
	
	.feedheadertop {
		margin-top: 0px;
	}
	
	.feedlogo {
		height: 20px;
	}

	
}





/* *************** */
/* Ticket Download */
/* *************** */
.ticketdownloadpage {
	border-top: 0px solid white;
	color: #222222;
}

.ticketdownloadheader {
	padding: 20px;
	border-bottom: 1px solid #dddddd;
}

.printmsg {
	color: #999999;
	background-color: #f3f3f3;
	margin-bottom: 30px;
	display: inline-block;
	padding: 20px;
	border: 1px solid #dddddd;
}

.ticketdownloadheader table {
	width: 100%;
}

.tdheadertitle {
	text-align: right;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -.05em;
} 


.ticketdownloadcontent {
	text-align: center;
	padding: 20px;
	max-width: 800px;
	margin: 20px auto;
}

.ticketdownloadcontent table {
	width: 100%;
	border-collapse: collapse;
}

.ticketdownloadcontent td {
	background-color: #f3f3f3;
	padding: 50px;
	border: 1px solid #dddddd;
	margin: 0px;
	border-collapse: collapse;
	vertical-align: middle;
	box-sizing: border-box;
}

.voucherstable td {
	background-color: #D2EAFF;
	border-color: #A5D5FF;
}

.voucherstable .ticketdesctop {
	border-color: #A5D5FF;
}

.pdficon {
	height: 25px;
	vertical-align: middle;
}

.optionlabel {
	font-weight: bold;
}

.optionc1 {
	width: 100px;
	padding: 10px !important;
}

.optionc1b {
	padding: 0px !important;
}

.optionc2 {
	padding: 10px !important;
}

.optionc3 {
	padding: 10px !important;
}

.ticketname {
	font-weight: normal;
	font-size: 12px;
	color: #999999;
}

.ticketevent {
	font-weight: normal;
	font-size: 12px;
	color: #999999;
	padding-top: 5px;
}

.ticketbarcode {
	max-width: 200px;
}

.applewallet {
	margin-top: 20px;
}

.applewallet img {
	width: 50%;
	margin: 0px auto;
}

.ticketdownloadlink {
	font-size: 12px;
}

.tdinstructions {
	margin-top: 10px; 
	font-size: 12px;
	color: #999999;
}

.singleticketinstructions {
	background-color: white !important;
	padding: 10px !important;
}

.ticketdesc {
	font-size: 12px;
	padding: 10px;
	margin: 30px 0px;
}

.ticketdesctop {
	border-bottom: 1px solid #dddddd;
	padding-bottom: 2px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

.ticketdescbottom {
	padding-top: 2px;
}

@media (max-width: 700px) {
	.ticketdownloadheader {
		padding: 20px;
		border-bottom: 0px solid white;
	}

	.ticketdownloadheader td {
		vertical-align: middle;
	}
	
	.ticketdownloadheader img {
		width: 100px;
	}	
	
	.singleticketinstructions { 
		padding: 20px 20px !important;
	}

	.tdheadertitle {
		font-size: 20px;
	} 

	.ticketdownloadcontent {
		padding: 10px;
		width: 100%;
		max-width: 100%;
		margin: 0px auto;
		box-sizing: border-box;
		margin-bottom: 200px;
	}
	
	.ticketdownloadcontent table,
	.ticketdownloadcontent tbody,
	.ticketdownloadcontent tr {
		display: block;
	}
	
	.ticketdownloadcontent td {
		padding: 20px;
		display: block;
		border-bottom: 0px solid white;
	}

	.singleticketinstructions {
		font-size: 12px;
	}
	
	.optionlabel {
		font-size: 25px;
	}

	.ticketdescwrapper {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		grid-gap: 5px;
		box-sizing: border-box;
		padding: 10px;
	}

	.ticketdescwrapperseats {
		grid-template-columns: 2fr 2fr 1fr 1fr !important;
	}

	.optionc1 {
		width: 100%;
	}
	
	.optionc2 {
		
	}
	
	.optionc3 {
		height: 100%;
	}
	
	.eachticketrow {
		margin-bottom: 20px;
		border-bottom: 1px solid #dddddd;
	}
	
	.optionc13 {
		
	}
	
	.ticketbarcode {
		
	}
	
	.ticketdesc {
		display: inline-block;
		width: 100%;
		box-sizing: border-box;
		margin: 0px;
		padding: 0px;
	}
	
	.ticketdesctop {
		padding-bottom: 3px;
	}
	
	.ticketdescbottom {
		padding-top: 8px;
	}
}



/* =================
	Live Streaming
   ================= */
.no-stream-container {
	background-color: #1e96ff;
	color: white;
	padding: 20px;
	margin-bottom: 20px;
}

.test-mode-container {
	background-color: red;
	color: white;
	padding: 20px;
}

.live-stream-reset {
	margin: 20px;
	background-color: #f3f3f3;
	padding: 20px;
	text-align: center;
}

.player-wrapper {
	background: #f3f3f3;	
}
















/* =======================
	Live Stream Watch
   ======================= */
.feed-watch-area {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 20px;
	min-height: 400px;
}

.video-js {
	width: 100%;
}

.chat-iframe {
	width: 100%;
	height: 100%;
}

@media only screen and (min-width : 0px) and (max-width : 800px) { 
.feed-watch-area {
	grid-template-columns: 1fr;
}

.chat-iframe {
	width: 100%;
	height: 400px;
}
}












