/* LANDING PAGE CSS */
#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 */
#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: #[HEX CODE-BUTTON COLOR-SUBMIT BUTTON] !important; */
}
#submitMe:hover {
/* ticket page: changes the hover color of the ‘submit button’ in checkout */
/* background-color: #[HEX CODE-HOVER BUTTON COLOR-SUBMIT BUTTON] !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: #[HEX CODE-HOVER BUTTON COLOR- ADD PAYMENT BUTTON] !important; */
}
/* total amount */
#total {
/* ticket page: changes the font color of ‘total amount’ in checkout */
/* color: #[HEX CODE-TEXT COLOR-TOTAL AMOUNT] !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;
}
/* BEGIN – SUBMIT DONATION BUTTON COLOR */
#donation_submit.checkout-btn {
/* donation page: changes the default donation page ‘submit’ button color */
/* background: #[HEX CODE-BUTTON COLOR-SUBMIT BUTTON] !important; */
/* border-color:#[HEX CODE-BUTTON BORDER COLOR-SUBMIT BUTTON] #[HEX CODE-BUTTON BORDER COLOR-SUBMIT BUTTON] #[HEX CODE- BUTTON BORDER COLOR-SUBMIT BUTTON] !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 - Responsive Table */
  table, tbody, tr, td { display:block; width:100%; }
  tr { margin-bottom:1rem; }
  td {
    border:none;
    padding:.5rem 0;
    box-sizing:border-box;
    text-align:left;
    width:100% !important;
  }
  td::before{
    content:attr(data-label);
    display:block;          /* in flow */
    font-weight:700;
    margin-bottom:.25rem;   /* space before the value */
  }
  td:last-child{ border-bottom:none; }
}
/* END - Responsive Table */
/* BEGIN - Brooks Photo */
.photo-brooks {
width: 100% !important;
padding: 20px 3px !important;
}
/* END - Brooks Photo */
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
/* BEGIN - Brooks Photo */
.photo-brooks {
width: 100% !important;
padding: 20px 3px !important;
}
/* END - Brooks Photo */
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
/* BEGIN - Brooks Photo */
.photo-brooks {
width: 20% !important;
padding: 0px 20px 20px 20px !important;
}
/* END - Brooks Photo */
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.photo-brooks {
width: 20% !important;
padding: 0px 20px 20px 20px !important;
}
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.photo-brooks {
width: 20% !important;
padding: 0px 20px 20px 20px !important;
}
}
/* END - RESPONSIVE BEHAVIOR (AUTO ADJUST FOR DIFFERENT SCREEN SIZES)*/