/*
 * This will be added to the file `PageContent_Specific.css` in the new site.
*/

/* Naming scheme:
 * [#|.]BoxOffice--<LabelName> {
*/


/*
 * CONTENTS
 * =========
 *
 * Colours
 * Headings
 * Wrappers
 * Boxes and Other Elements
 * Text-Only Styles
 * Button-Related Styles
*/


/*
 * Colours
 * ========
 * These will probably change --- or may even be removed completely --- in the new
 * site.
*/

#day-1-heading {
	border-top: #F06000 1px dotted;
	border-bottom: #F06000 1px dotted;
	color: #F06000;
}

#day-2-heading {
	border-top: #C03030 1px dotted;
	border-bottom: #C03030 1px dotted;
	color: #C03030;
}

#day-3-heading {
	border-top: #609090 1px dotted;
	border-bottom: #609090 1px dotted;
	color: #609090;
}

#day-4-heading {
	border-top: #309090 1px dotted;
	border-bottom: #309090 1px dotted;
	color: #309090;
}

#pass-heading {
	border-top: #985F1F 1px dotted;
	border-bottom: #985F1F 1px dotted;
	color: #985F1F;
}

.day-1 {
	background-color: #F06000;
}

.day-2 {
	background-color: #C03030;
}

.day-3 {
    background-color: #609090;
}

.day-4 {
    background-color: #309090;
}

.pass {
	background-color: #985F1F;
}


/*
 * Headings
 * =========
*/

/* <= day-*-heading */
/*
 * This rule should be defined in terms of an attribute selector in the new
 * site:
 *  *[id$="-heading"]
*/

/* *[id$="-heading"] { */
#day-1-heading,
#day-2-heading,
#day-3-heading,
#day-4-heading,
#pass-heading {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	letter-spacing: 3px;
	text-transform: uppercase;
	text-align: center;
}

.BoxOffice--ConfirmationTypeHeading {
	width: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #D2861E;
	text-align: center;
	letter-spacing: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 20px;
	border-top: #D2861E 1px dotted;
	border-bottom: #D2861E 1px dotted;
}


/*
 * Wrappers and Containers
 * ========================
*/

/* <= tickets-container */
#BoxOffice--FormWrapper {
	width: 100%;
	margin-top: 60px;
	margin-bottom: 20px;
}

.BoxOffice--GroupWrapper {
    width: 100%;
}

/* <= event-wrapper */
.BoxOffice--EventHeadingWrapper,
.BoxOffice--PassHeadingWrapper,
.BoxOffice--EventWrapper,
.BoxOffice--PassTypeWrapper {
	width: 100%;
	display: flex;
	margin-bottom: 8px;
}

/* <= event-heading-wrapper */
.BoxOffice--EventHeadingWrapper,
.BoxOffice--PassHeadingWrapper {
	margin-bottom: 15px;
}

.BoxOffice--EventWrapper,
.BoxOffice--PassTypeWrapper {
	margin-bottom: 8px;
}

/* <= event-wrapper-last */
.BoxOffice--EventWrapper:last-child,
.BoxOffice--PassTypeWrapper:last-child {
	margin-bottom: 60px;
}

/* <= totals-and-postage-wrapper */
#BoxOffice--TotalsPostageWrapper {
	width: 100%;
	margin-bottom: 50px;
	border-top: #000 1px dotted;
	border-bottom: #000 1px dotted;
	padding-top: 15px;
	padding-bottom: 15px;
}


/* <= subtotal-container */
.BoxOffice--SubtotalWrapper,
.BoxOffice--PostageWrapper,
.BoxOffice--TotalWrapper {
	width: 100%;
	display: flex;
}

.BoxOffice--SubtotalWrapper {
	margin-bottom: 20px;
}

.BoxOffice--DiscountedSubtotalWrapper {
    width: 100%;
    /* display: none; */
    display: flex;
    margin-bottom: 15px;
}

/* <= pp-container */
/* <= total-payable-container */
.BoxOffice--PostageWrapper,
.BoxOffice--TotalWrapper {
	margin-bottom: 4px;
}

/* <= postage-selection-container */
.BoxOffice--DeliverySelectionWrapper {
	width: 100%;
	margin-bottom: 30px;
}

.BoxOffice--DiscountCodeEntryWrapper {
    width: 100%;
    margin-bottom: 30px;
}

/* <= permissions-wrapper */
.BoxOffice--PermissionsWrapper,
.BoxOffice--SurveyWrapper {
    width: 100%;
    padding: 15px 0 22px 0;
    margin: 50px 0 30px 0;
}

/* <= permissions-selection-box */
.BoxOffice--CheckboxWrapper {
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 5px;
}


/*
 * Boxes and Other Elements
 * =========================
*/

/* <= event-details-box */
.BoxOffice--EventHeadingBox,
.BoxOffice--PassTypeHeadingBox,
.BoxOffice--EventDetailsBox,
.BoxOffice--PassDetailsBox {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 1.5%;
	padding-right: 1.5%;
	flex-grow: 100;
}

/* <= event-time-venue */
.BoxOffice--EventTimeVenue,
.BoxOffice--PassType {
	display: block;
	text-transform: uppercase;
	text-align: left;
    /* line-height: 20px; */
}

/* <= event-time */
.BoxOffice--EventTime {
	display: inline-block;
	padding-right: 20px;
	text-transform: none;
}

/* <= event-artists */
.BoxOffice--EventArtists {
	display: block;
	text-transform: uppercase;
	text-align: left;
	font-size: 11px;
	line-height: 16px;
	padding-bottom: 2px;
}

/* <= price-box */
.BoxOffice--PriceHeadingBox,
.BoxOffice--QtyHeadingBox,
.BoxOffice--ItemTotalHeadingBox,
.BoxOffice--PriceBox,
.BoxOffice--QtyBox,
.BoxOffice--ItemTotalBox {
    padding: 4px 1.5% 4px 1.5%;
	width: 14%;
	min-width: 82px;
}

/* <= price */
.BoxOffice--Price,
.BoxOffice--Qty,
.BoxOffice--ItemTotal {
	text-align: center;
}

/* <= heading */
.BoxOffice--Heading {
	display: block;
	border-bottom: #000 1px dotted;
}

.BoxOffice--NoItemsAlert {
	width: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
    margin: 30px 0 50px 0;
}

/* <= subtotal-text-box */
/* <= pp-text-box */
/* <= total-payable-text-box */
.BoxOffice--SubtotalLabelBox,
.BoxOffice--DiscountedSubtotalLabelBox,
.BoxOffice--PostageLabelBox,
.BoxOffice--TotalLabelBox {
	padding-right: 4.5%;
	flex-grow: 100;
	text-align: right;
}

/* <= subtotal-box */
/* <= pp-box */
/* <= total-payable-box */
.BoxOffice--SubtotalAmountBox,
.BoxOffice--DiscountedSubtotalAmountBox,
.BoxOffice--PostageAmountBox,
.BoxOffice--TotalAmountBox {
	width: 12%;
	min-width: 80px;
	padding-left: 1.5%;
	padding-right: 1.5%;
	flex-shrink: 0;
	text-align: center;
}

/* <= postage-selection-text-box */
.BoxOffice--DeliverySelectionTextBox {
	width: 100%;
	text-align: justify;
	margin-bottom: 20px;
}

.BoxOffice--DiscountCodeTextBox {
    width: 100%;
    text-align: center;
    margin-bottom: 18px;
}

/* <= postage-selection-box */
.BoxOffice--DeliverySelectionRadioBox {
	width: 100%;
	text-align: center;
}

.BoxOffice--DiscountCodeEntryBox {
    width: 100%;
    text-align: center;
}

/* <= permissions-checkbox-container */
.BoxOffice--CheckboxContainer {
    width: 3%;
    min-width: 20px;
    padding-left: 0.5%;
    padding-right: 2%;
}

/* <= permissions-text */
.BoxOffice--CheckboxTextBox {
    width: 94%;
}


/*
 * Text-Only Styles
 * =================
*/

.BoxOffice--TextDate,
.BoxOffice--TextTimeVenue,
.BoxOffice--TextArtists,
.BoxOffice--TextPrice {
	padding-bottom: 2px;
}

.BoxOffice--TextPrice {
	font-size: 11px;
	text-transform: uppercase;
}


/*
 * Button-Related Styles
 * ======================
*/
#BoxOffice--SelectionButtonContainer,
#BoxOffice--ConfirmationButtonContainer {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 15px;
	padding-top: 20px;
	padding-bottom: 30px;
	border-top: #D2861E 1px dotted;
	border-bottom: #D2861E 1px dotted;
}

.BoxOffice--SelectionButtonText,
.BoxOffice--ConfirmationButtonText {
    width: 92%;
	padding-left: 4%;
	padding-right: 4%;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 20px;
}

.BoxOffice--SelectionButtonBox,
.BoxOffice--DiscountCodeButtonBox,
.BoxOffice--ConfirmationButtonBox {
	width: 100%;
	text-align: center;
}

.discountCode {
    text-align: left;
}