/* landing page css */
#df-toggle-donor-address {
  /* donor address button */
  background-color: #b2853b !important;
}

#df-toggle-donor-address:hover {
  /* donor address button */
  background-color: #b2853b !important;
}

#label-file-1 {
    /* tap to choose file button */
    background-color: #b2853b !important;
}

#label-file-1:hover {
  /* tap to choose file button hover */
    background-color: #a17329 !important;
}

#df_submit {
    /* submit donation button */
    background-color: #b2853b !important;
}

#df_submit:hover {
  /* submit donation button hover */
    background-color: #a17329 !important;
}
#blockA_content h2, #blockB_content h2, #blockC_content h2, #blockD_content h2{
/* removes title from all sections */
display: none !important;
}
#bidder-login{
/* add space under login info */
padding-bottom: 100px !important;
}
/* ticket page css */
/* checkout button */
.card_show_hide_link, .checkout-btn, #submitMe  {
  /* checkout buttons */
  background-color: #b2853b !important;
}
#submitMe:hover {
  /* checkout button mouse hover */
  background-color: #a17329 !important;
}
.subButton:hover, #stripe_submit, #click_tap_here, #card_submit {
    /* checkout button mouse hover */
  background-color: #a17329 !important;
}
/* total amount */
#total {
  /* total amount text */
  color: #d9293e !important;
}
#blurry_bg {
  /* ticket page header background */
  background-image: url("https://d2y9d0ry7vx6k5.cloudfront.net/events/14311/images/block_a_2q3McZ4VEU.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

#donation_amount, #seating_request {
/* donation section - add margin above donation amount box */
margin-top: 20px !important;
}
/* donation page css */
#donation_submit.checkout-btn {
  /* donation page submit button */
  background: #b2853b !important;
  border-color:#b2853b #b2853b #b2853b !important;
}
#og h1 {
/* removes standard h1 title */
display: none !important;
}
#og {
/* removes text shadow from text*/
text-shadow: none !important;
/* changes text color to white*/
color: #FFFFFF !important;
}
#bg_grad {
/* removes black linear gradient */
display: none !important;
/* changes black linear gradient to another color */
/* background-image: linear-gradient(to bottom, #eb6424 -50%, transparent 90%) !important; */
}
.donation_thank_you_text {
/* changes thank you (after donation payment) text color */
color: #FFFFFF !important;
}
/* general css */
/* a:-webkit-any-link { */
/* changes all link colors on all pages */
/* color: #6eceb2 !important; */
/* 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) {
.trans-box {
padding: 10px 10px 10px 10px !important;
}
.title-img {
width: 80% !important;
}
.stitle-img {
width: 100% !important;
}
.donate-img {
width: 100% !important;
}
.button-img {
width: 90% !important;
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.trans-box {
padding: 10px 10px 10px 10px !important;
}
.title-img {
width: 80% !important;
}
.stitle-img {
width: 100% !important;
}
.donate-img {
width: 100% !important;
}
.button-img {
width: 90% !important;
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.trans-box {
padding: 60px 60px 100px 60px !important;
}
.title-img {
width: 40% !important;
}
.stitle-img {
width: 75% !important;
}
.donate-img {
width: 50% !important;
}
.button-img {
width: 40% !important;
}
  }

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.trans-box {
padding: 60px 60px 100px 60px !important;
}
.title-img {
width: 40% !important;
}
.stitle-img {
width: 75% !important;
}
.donate-img {
width: 50% !important;
}
.button-img {
width: 40% !important;
}
  }

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.trans-box {
padding: 60px 60px 100px 60px !important;
}
.title-img {
width: 40% !important;
}
.stitle-img {
width: 75% !important;
}
.donate-img {
width: 50% !important;
}
.button-img {
width: 40% !important;
}
  }


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