/* LANDING PAGE CSS */
/* BEGIN – ALTERNATE EVENT DATE STYLES – STYLE 3 */
.event-date {
text-align: center;
color: #542b7b; /* Date and time font color */
}
.horizontal-container {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}

.with-lines::before,
.with-lines::after {
background-color: #542b7b; /* Line decor color */
}
/* END – ALTERNATE EVENT DATE STYLES – STYLE 3 */
#blockA_content h2, #blockB_content h2, #blockC_content h2, #blockD_content h2{
/* landing page: removes the default title from all sections */
display: none !important;
}
#bidder-login{
/* landing page: adds additional spacing under bidder login */
padding-bottom: 100px !important;
}
/* TICKET PAGE CSS */
/* BEGIN - CHANGE 'Notes' TO A CUSTOM LABEL */
.meal-notes-container > label {
  font-size: 0px !important;
}
.meal-notes-container > label::before {
  font-size: 12px !important;
  content: "Please list any dietary restrictions";
}
/* END - CHANGE 'Notes' TO A CUSTOM LABEL */
/* BEGIN - CUSTOMIZES 'Notes' TO A CUSTOM LABEL IN GUEST UPDATE LINK */
.guest-info > div:nth-child(8) > label {
  font-size: 0px !important;
}
.guest-info > div:nth-child(8) > label::before {
  font-size: 12px !important;
  content: "Please list any dietary restrictions";
}
/* END - CUSTOMIZES 'Selection' TO A CUSTOM LABEL IN GUEST UPDATE LINK */
/* BEGIN – ALTERNATE EVENT DATE STYLES – STYLE 3 */
.event-date {
text-align: center;
color: #542b7b; /* Date and time font color */
}
.horizontal-container {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}

.with-lines::before,
.with-lines::after {
background-color: #542b7b; /* Line decor color */
}
/* END – ALTERNATE EVENT DATE STYLES – STYLE 3 */
/* BEGIN – STANDARD SECTION HEADING FONT COLOR AND BACKGROUND */
.section_title {
/* ticket page section title */
color: #FFFFFF !important; /* font color */
background: #542b7b !important; /* background color */
}
/* END – STANDARD SECTION HEADING FONT COLOR AND BACKGROUND */
#donation_amount, #seating_request {
/* ticket page: adds additional spacing above donation amount box */
margin-top: 20px !important;
}
/* BEGIN – CHECKOUT BUTTON COLOR */
.card_show_hide_link, .checkout-btn, #submitMe {
/* ticket page: changes the button color of the ‘submit button’ in checkout */
background-color: #a9b140 !important;
}
#submitMe:hover {
/* ticket page: changes the hover color of the ‘submit button’ in checkout */
background-color: #939b2b !important;
}
.subButton:hover, #stripe_submit, #click_tap_here, #card_submit {
/* ticket page: changes the hover color of the ‘add payment’ button (for credit cards) in checkout */
background-color: #939b2b !important;
}
/* total amount */
#total {
/* ticket page: changes the font color of ‘total amount’ in checkout */
color: #836ba1 !important;
}
/* END – CHECKOUT BUTTON COLOR */
/* DONATION PAGE CSS */
#og h1 {
/* donation page: removes the default title */
display: none !important;
}
#og {
/* donation page: removes default text shadow from text*/
text-shadow: none !important;
/* donation page: changes default text color for the text body */
color: #FFFFFF !important;
}
#bg_grad {
/* donation page: removes the default black linear gradient */
display: none !important;
/* donation page: replaces the black linear gradient with another color */
/* background-image: linear-gradient(to bottom, #[HEX CODE-GRADIENT COLOR-LINEAR GRADIENT] -50%, transparent 90%) !important; */
}
.donation_thank_you_text {
/* donation page: changes the default ‘thank you’ (after donation payment) text color */
color: #FFFFFF !important;
}
[onclick="checkNavScroll('#blockC')"] {
  display: none !important;
}
/* BEGIN – SUBMIT DONATION BUTTON COLOR */
#donation_submit.checkout-btn {
/* donation page: changes the default donation page ‘submit’ button color */
background: #a9b140 !important;
border-color:#a9b140 #a9b140 #a9b140 !important;
}
/* END – SUBMIT DONATION BUTTON COLOR */
/* GUEST UPDATE LINK CSS */
/* GENERAL CSS */
a:-webkit-any-link {
/* all pages: changes all link colors to the same color */
/* color: #[HEX CODE-LINK COLOR-ALL PAGE LINKS] !important; */
/* all pages: removes underline from links on all pages */
/* text-decoration: none !important; */
}

/* BEGIN – RESPONSIVE BEHAVIOR (AUTO ADJUST FOR DIFFERENT SCREEN SIZES) */
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

/* BEGIN – ALTERNATE EVENT DATE STYLES – STYLE 3 */
.font-details {
font-size: 20px !important;
}
.font-desc {
font-size: 20px !important;
}
.font-btn {
font-size: 20px !important;
}
.with-lines {
position: relative;
padding: 0 10px;
}
.with-lines::before,
.with-lines::after {
content: '';
position: absolute;
height: 2px;
width: 110px;
}
.text.with-lines::before {
top: -10px; /* Adjust this value to position the line above */
left: 0px; /* Extend more on the left */
right: 0px;
margin: auto;
}
.time.with-lines::before {
top: -10px; /* Adjust this value to position the line above */
left: 0px;
right: 0px; /* Extend more on the right */
margin: auto;
}
.text.with-lines::after {
bottom: -10px; /* Adjust this value to position the line below */
left: 0px; /* Extend more on the left */
right: 0px;
margin: auto;
}
.time.with-lines::after {
bottom: -10px; /* Adjust this value to position the line below */
left: 0px;
right: 0px; /* Extend more on the left */
margin: auto;
}
.text {
font-size: 12px;
letter-spacing: 3px;
}
.number {
font-size: 48px;
}
.time {
font-size: 12px;
letter-spacing: 3px;
}
.month {
font-size: 20px;
display: block;
margin-top: -8px; /* Adjust this value to make the ‘month’ text closer to the line */
padding-bottom: 0px; /* Add some padding if needed for spacing */
padding-top: 0px; /* Add some padding if needed for spacing */
padding-right: 5px; /* Add some padding if needed for spacing */
}
.month-two {
font-size: 30px;
display: block;
margin-top: -8px; /* Adjust this value to make [EVENT MONTH] closer to the line */
padding-bottom: 35px; /* Add some padding if needed for spacing */
padding-top: 50px; /* Add some padding if needed for spacing */
padding-right: 0px; /* Add some padding if needed for spacing */
}
.month-tix {
font-size: 25px;
display: block;
margin-top: 30px; /* Adjust this value to make the ‘month’ text closer to the line */
padding-bottom: 5px; /* Add some padding if needed for spacing */
}
.mobilev {
font-size: 25px;
display: block;
padding-bottom: 35px !important;
}
.mobilevt {
font-size: 30px;
display: block;
padding: 40px 0 0 10px !important;
}

/* END – ALTERNATE EVENT DATE STYLES – STYLE 3 */
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

/* BEGIN – ALTERNATE EVENT DATE STYLES – STYLE 3 */
.font-details {
font-size: 20px !important;
}
.font-desc {
font-size: 20px !important;
}
.font-btn {
font-size: 20px !important;
}
.with-lines {
position: relative;
padding: 0 10px;
}
.with-lines::before,
.with-lines::after {
content: '';
position: absolute;
height: 2px;
width: 180px;
}
.text.with-lines::before {
top: -10px; /* Adjust this value to position the line above */
left: -70px; /* Extend more on the left */
right: 0px;
margin: auto;
}
.time.with-lines::before {
top: -10px; /* Adjust this value to position the line above */
left: 0px;
right: -70px; /* Extend more on the right */
margin: auto;
.text.with-lines::after {
bottom: -10px; /* Adjust this value to position the line below */
left: -70px; /* Extend more on the left */
right: 0px;
margin: auto;
}
.time.with-lines::after {
bottom: -10px; /* Adjust this value to position the line below */
left: 0px;
right: -70px; /* Extend more on the left */
margin: auto;
}
.text {
font-size: 15px;
letter-spacing: 3px;
}
.number {
font-size: 50px;
}
.time {
font-size: 15px;
letter-spacing: 3px;
}
.month {
font-size: 25px;
display: block;
margin-top: -8px; /* Adjust this value to make [EVENT MONTH] closer to the line */
padding-bottom: 0px; /* Add some padding if needed for spacing */
padding-top: 0px; /* Add some padding if needed for spacing */
padding-right: 5px; /* Add some padding if needed for spacing */
}
.month-two {
font-size: 30px;
display: block;
margin-top: -8px; /* Adjust this value to make [EVENT MONTH] closer to the line */
padding-bottom: 35px; /* Add some padding if needed for spacing */
padding-top: 50px; /* Add some padding if needed for spacing */
padding-right: 0px; /* Add some padding if needed for spacing */
}
.month-tix {
font-size: 25px;
display: block;
margin-top: 30px; /* Adjust this value to make [EVENT MONTH] closer to the line */
padding-bottom: 5px; /* Add some padding if needed for spacing */
}
.mobilev {
font-size: 25px;
display: block;
padding-bottom: 35px !important;
}
.mobilevt {
font-size: 30px;
display: block;
padding: 40px 0 0 10px !important;
}
/* END – ALTERNATE EVENT DATE STYLES – STYLE 3 */
}
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
/* BEGIN – ALTERNATE EVENT DATE STYLES – STYLE 3 */
.font-details {
font-size: 30px !important;
}
.font-desc {
font-size: 30px !important;
}
.font-btn {
font-size: 30px !important;
}
.with-lines {
position: relative;
padding: 0 20px;
}
.with-lines::before,
.with-lines::after {
content: '';
position: absolute;
height: 2px;
width: 250px;
}
.text.with-lines::before {
top: -10px; /* Adjust this value to position the line above */
left: -50px; /* Extend more on the left */
right: 0;
margin: auto;
}
.time.with-lines::before {
top: -10px; /* Adjust this value to position the line above */
left: 0;
right: -50px; /* Extend more on the right */
margin: auto;
}
.text.with-lines::after {
bottom: -10px; /* Adjust this value to position the line below */
left: -50px; /* Extend more on the left */
right: 0;
margin: auto;
}
.time.with-lines::after {
bottom: -10px; /* Adjust this value to position the line below */
left: 0;
right: -50px; /* Extend more on the left */
margin: auto;
}
.text {
font-size: 28px;
letter-spacing: 3px;
}
.number {
font-size: 98px;
}
.time {
font-size: 28px;
letter-spacing: 3px;
}
.month {
font-size: 50px;
display: block;
margin-top: -8px; /* Adjust this value to make [EVENT MONTH] closer to the line */
padding-bottom: 0px; /* Add some padding if needed for spacing */
padding-top: 0px; /* Add some padding if needed for spacing */
padding-right: 25px; /* Add some padding if needed for spacing */
}
.month-two {
font-size: 50px;
display: block;
margin-top: -8px; /* Adjust this value to make [EVENT MONTH] closer to the line */
padding-bottom: 35px; /* Add some padding if needed for spacing */
padding-top: 50px; /* Add some padding if needed for spacing */
padding-right: 25px; /* Add some padding if needed for spacing */
}
.month-tix {
font-size: 35px;
display: block;
margin-top: 30px; /* Adjust this value to make [EVENT MONTH] closer to the line */
padding-bottom: 5px; /* Add some padding if needed for spacing */

}
.mobilev {
font-size: 50px;
display: block;
padding-bottom: 40px !important;
}
.mobilevt {
font-size: 50px;
display: block;
padding: 50px 0 0 10px !important;
}
/* END – ALTERNATE EVENT DATE STYLES – STYLE 3 */
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
/* BEGIN – ALTERNATE EVENT DATE STYLES – STYLE 3 */
.font-details {
font-size: 30px !important;
}
.font-desc {
font-size: 30px !important;
}
.font-btn {
font-size: 30px !important;
}
.with-lines {
position: relative;
padding: 0 20px;
}
.with-lines::before,
.with-lines::after {
content: '';
position: absolute;
height: 2px;
width: 250px;
}
.text.with-lines::before {
top: -10px; /* Adjust this value to position the line above */
left: -50px; /* Extend more on the left */
right: 0;
margin: auto;
}
.time.with-lines::before {
top: -10px; /* Adjust this value to position the line above */
left: 0;
right: -50px; /* Extend more on the right */
margin: auto;
}
.text.with-lines::after {
bottom: -10px; /* Adjust this value to position the line below */
left: -50px; /* Extend more on the left */
right: 0;
margin: auto;
}
.time.with-lines::after {
bottom: -10px; /* Adjust this value to position the line below */
left: 0;
right: -50px; /* Extend more on the left */
margin: auto;
}
.text {
font-size: 28px;
letter-spacing: 3px;
}
.number {
font-size: 90px;
}
.time {
font-size: 28px;
letter-spacing: 3px;
}
.month {
font-size: 50px;
display: block;
margin-top: -8px; /* Adjust this value to make [EVENT MONTH] closer to the line */
padding-bottom: 0px; /* Add some padding if needed for spacing */
padding-top: 0px; /* Add some padding if needed for spacing */
padding-right: 25px; /* Add some padding if needed for spacing */
}
.month-two {
font-size: 50px;
display: block;
margin-top: -8px; /* Adjust this value to make [EVENT MONTH] closer to the line */
padding-bottom: 35px; /* Add some padding if needed for spacing */
padding-top: 50px; /* Add some padding if needed for spacing */
padding-right: 25px; /* Add some padding if needed for spacing */
}
.month-tix {
font-size: 35px;
display: block;
margin-top: 30px; /* Adjust this value to make [EVENT MONTH] closer to the line */
padding-bottom: 5px; /* Add some padding if needed for spacing */
}
.mobilev {
font-size: 50px;
display: block;
padding-bottom: 40px !important;
}
.mobilevt {
font-size: 50px;
display: block;
padding: 50px 0 0 10px !important;
}
/* END – ALTERNATE EVENT DATE STYLES – STYLE 3 */
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
/* BEGIN – ALTERNATE EVENT DATE STYLES – STYLE 3 */
.font-details {
font-size: 30px !important;
}
.font-desc {
font-size: 30px !important;
}
.font-btn {
font-size: 30px !important;
}
.with-lines {
position: relative;
padding: 0 20px;
}
.with-lines::before,
.with-lines::after {
content: '';
position: absolute;
height: 2px;
width: 250px;
}
.text.with-lines::before {
top: -10px; /* Adjust this value to position the line above */
left: -50px; /* Extend more on the left */
right: 0;
margin: auto;
}
.time.with-lines::before {
top: -10px; /* Adjust this value to position the line above */
left: 0;
right: -50px; /* Extend more on the right */
margin: auto;
}
.text.with-lines::after {
bottom: -10px; /* Adjust this value to position the line below */
left: -50px; /* Extend more on the left */
right: 0;
margin: auto;
}
.time.with-lines::after {
bottom: -10px; /* Adjust this value to position the line below */
left: 0;
right: -50px; /* Extend more on the left */
margin: auto;
}
.text {
font-size: 28px;
letter-spacing: 3px;
}
.number {
font-size: 90px;
}
.time {
font-size: 28px;
letter-spacing: 3px;
}
.month {
font-size: 50px;
display: block;
margin-top: -8px; /* Adjust this value to make [EVENT MONTH] closer to the line */
padding-bottom: 0px; /* Add some padding if needed for spacing */
padding-top: 0px; /* Add some padding if needed for spacing */
padding-right: 25px; /* Add some padding if needed for spacing */
}
.month-two {
font-size: 50px;
display: block;
margin-top: -8px; /* Adjust this value to make [EVENT MONTH] closer to the line */
padding-bottom: 35px; /* Add some padding if needed for spacing */
padding-top: 50px; /* Add some padding if needed for spacing */
padding-right: 25px; /* Add some padding if needed for spacing */
}
.month-tix {
font-size: 35px;
display: block;
margin-top: 30px; /* Adjust this value to make [EVENT MONTH] closer to the line */
padding-bottom: 5px; /* Add some padding if needed for spacing */
}
.mobilev {
font-size: 50px;
display: block;
padding-bottom: 40px !important;
}
.mobilevt {
font-size: 50px;
display: block;
padding: 50px 0 0 10px !important;
}
/* END – ALTERNATE EVENT DATE STYLES – STYLE 3 */
}
/* END - RESPONSIVE BEHAVIOR (AUTO ADJUST FOR DIFFERENT SCREEN SIZES)*/