/* landing page css */
#blockA_content h2, #blockB_content h2, #blockC_content h2, #blockD_content h2{
    /* landing page remove title from Section A */
  display: none !important;
}
#bidder-login{
  /* add space under login info */
  padding-bottom: 100px !important;
}
/* ticket page css */
#blurry_bg {
  /* ticket page header background */
  background-image: url("https://d2y9d0ry7vx6k5.cloudfront.net/events/17305/images/donation_logo_EIfI4YU0w9.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
/* checkout button */
.card_show_hide_link, .checkout-btn, #submitMe  {
  /* checkout buttons */
  background-color: #113961 !important;
}
#submitMe:hover {
  /* checkout button mouse hover */
  background-color: #0e2e50 !important;
}
.subButton:hover, #stripe_submit, #click_tap_here, #card_submit {
    /* checkout button mouse hover */
  background-color: #0e2e50 !important;
}
/* total amount */
#total {
  /* total amount text */
  color: #113961 !important;
}
#donation_amount, #seating_request {
  /* ticket page donation section donation amount box */
  margin-top: 20px !important;
}
/* donation page css */
#og h1 {
  /* donation page h1 title */
    display: none !important;
}
#og {
     /* donation page text */
    text-shadow: none !important;
    color: #2c2625 !important;
}
#bg_grad {
  /* donation page gradient */
  display: none !important;
  /* background-image: linear-gradient(to bottom, #eb6424 -50%, transparent 90%) !important; */
}
.donation_thank_you_text {
   /* donation page thank you text */ 
  color: #2c2625 !important;
}
/* BEGIN – SUBMIT DONATION BUTTON COLOR */
#donation_submit.checkout-btn {
/* donation page submit button */
background: #e05525 !important;
border-color:#e05525 #e05525 #e05525 !important;
}
/* END – SUBMIT DONATION BUTTON COLOR */
/* general css */
/* a:-webkit-any-link {
  color: #6eceb2 !important;
  text-decoration: none !important;
} */
#footer, #footer a {
color: #2c2625 !important;
}
/* BEGIN – RESPONSIVE BEHAVIOR (AUTO ADJUST FOR DIFFERENT SCREEN SIZES) */
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.event-logo {
width: 100% !important;
}
.event-date {
font-size: 20px !important;
}
.event-details {
font-size: 18px !important;
}
.event-attire {
font-size: 16px !important;
}
.event-url {
font-size: 16px !important;
}
.event-desc {
font-size: 18px !important;
}
.event-title-tix {
width: 80% !important;
}
  .flyer-img {
    /* ticket page event title image */
    width: 100% !important;
}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.event-logo {
width: 100% !important;
}
.event-date {
font-size: 20px !important;
}
.event-details {
font-size: 18px !important;
}
.event-attire {
font-size: 16px !important;
}
.event-url {
font-size: 16px !important;
}
.event-desc {
font-size: 18px !important;
}
.event-title-tix {
width: 80% !important;
}
  .flyer-img {
    /* ticket page event title image */
    width: 100% !important;
}
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.event-logo {
width: 45% !important;
}
.event-date {
font-size: 28px !important;
}
.event-details {
font-size: 24px !important;
}
.event-attire {
font-size: 19px !important;
}
.event-url {
font-size: 18px !important;
}
.event-desc {
font-size: 20px !important;
}
.event-title-tix {
width: 60% !important;
}
  .flyer-img {
    /* ticket page event title image */
    width: 43%  !important;
}
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.event-logo {
width: 50% !important;
}
.event-date {
font-size: 28px !important;
}
.event-details {
font-size: 24px !important;
}
.event-attire {
font-size: 19px !important;
}
.event-url {
font-size: 18px !important;
}
.event-desc {
font-size: 20px !important;
}
.event-title-tix {
width: 60% !important;
}
  .flyer-img {
    /* ticket page event title image */
    width: 43%  !important;
}
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.event-logo {
width: 50% !important;
}
.event-date {
font-size: 28px !important;
}
.event-details {
font-size: 24px !important;
}
.event-attire {
font-size: 19px !important;
}
.event-url {
font-size: 18px !important;
}
.event-desc {
font-size: 20px !important;
}
.event-title-tix {
width: 60% !important;
}
  .flyer-img {
    /* ticket page event title image */
    width: 43%  !important;
}
}
/* END - RESPONSIVE BEHAVIOR (AUTO ADJUST FOR DIFFERENT SCREEN SIZES)*/