/* 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;
}


/* ticket page css */
/* checkout button */
.card_show_hide_link, .checkout-btn, #submitMe  {
  /* checkout buttons */
  background-color: #035d99 !important;
}
#submitMe:hover {
  /* checkout button mouse hover */
  background-color: #034d7e !important;
}
.subButton:hover, #stripe_submit, #click_tap_here, #card_submit {
    /* checkout button mouse hover */
  background-color: #034d7e !important;
}
/* total amount */
#total {
  /* total amount text */
  color: #035d99 !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: #FFFFFF !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: #FFFFFF !important;
}

/* general */
/* BEGIN - responsive behavior (auto adjust for different screen sizes) */


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
#donate-font {
font-size: 16px !important;
}
.event-img {
width: 100% !important;
margin: 0 0 50px 0 !important;
}
.shapesize {
  width: 250px !important;
  height: 250px !important;
  border-radius: 150px !important;
  }
 .fontsize {
     font-size: 26px !important;
         padding-left: 50px !important;
  }
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
#donate-font {
font-size: 16px !important;
}
.event-img {
width: 100% !important;
margin: 0 0 50px 0 !important;
}
.shapesize {
  width: 250px !important;
    height: 250px !important;
  border-radius: 150px !important;
  }
   .fontsize {
     font-size: 26px !important;
         padding-left: 50px !important;
  }
  .fsizemth {
    font-size: 85px !important;
  }
  .fsizenum {
        font-size: 28px !important;

  }
  .fsizetime {
            font-size: 28px !important;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
#donate-font {
font-size: 20px !important;
margin: 0 20px 150px 0 !important;
}
.event-img {
width: 50% !important;
}
.shapesize {
  width: 200px !important;
    height: 200px !important;
  border-radius: 100px !important;
  }
 .fontsize {
     font-size: 20px !important;
         padding-left: 0px !important;
  }
  .fsizemth {
    font-size: 85px !important;
  }
  .fsizenum {
        font-size: 28px !important;

  }
  .fsizetime {
            font-size: 28px !important;
  }
  }

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
#donate-font {
font-size: 20px !important;
}
.event-img {
width: 50% !important;
margin: 0 20px 150px 0 !important;
}
.shapesize {
  width: 200px !important;
    height: 200px !important;
  border-radius: 100px !important;
  }
 .fontsize {
     font-size: 20px !important;
         padding-left: 0px !important;
  }
  .fsizemth {
    font-size: 24px !important;
  }
  .fsizenum {
        font-size: 72px !important;

  }
  .fsizetime {
            font-size: 18px !important;
  }
  }

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
#donate-font {
font-size: 20px !important;
}
.event-img {
width: 50% !important;
margin: 0 20px 150px 0 !important;
}
.shapesize {
  width: 200px !important;
    height: 200px !important;
  border-radius: 100px !important;
  }
 .fontsize {
     font-size: 20px !important;
         padding-left: 0px !important;
  }
  .fsizemth {
    font-size: 24px !important;
  }
  .fsizenum {
        font-size: 72px !important;

  }
  .fsizetime {
            font-size: 18px !important;
  }
  }


/* END - responsive behavior (auto adjust for different screen sizes) */