/* =========================
   DONATION UNAVAILABLE
========================= */

.page-donation .donation-disabled {

  position:relative;

  max-width:600px;

  margin:40px auto;

  padding:35px 30px;

  text-align:center;

  background:
    linear-gradient(
      180deg,
      rgba(18,18,18,.96),
      rgba(8,8,8,.98)
    );

  border-radius:16px;

  border:1px solid rgba(255,255,255,.08);

  overflow:hidden;

  box-shadow:
    0 10px 30px rgba(0,0,0,.35);
}


/* gold stripe */

.page-donation .donation-disabled::before {

  content:"";

  position:absolute;

  left:0;
  top:0;
  bottom:0;

  width:5px;

  background:
    linear-gradient(
      180deg,
      rgba(243,211,124,1),
      rgba(243,211,124,.25)
    );

}


/* icon */

.donation-icon {

  font-size:42px;

  margin-bottom:15px;

  color:rgba(243,211,124,.9);
}


/* text */

.donation-disabled h1 {

  color:rgba(243,211,124,.95);

  margin-bottom:14px;

}


.donation-disabled p {

  color:rgba(255,255,255,.65);

  line-height:1.6;

}


/* button */

.donation-contact {

  display:inline-block;

  margin-top:20px;

  padding:11px 24px;

  border-radius:999px;

  text-decoration:none;

  color:#111;

  background:#f3d37c;

  font-weight:600;

  transition:.2s ease;

}


.donation-contact:hover {

  transform:translateY(-2px);

  box-shadow:
    0 0 18px rgba(243,211,124,.35);

}


@media(max-width:768px){

  .page-donation .donation-disabled {

    margin:20px;

    padding:28px 20px;

  }

}