body {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23d4d4d4' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"); }

body.page-template-page-garagesale .container {
  margin: 0px auto;
}
.vignette {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 200px rgba(0, 0, 0, 0.2) inset;
          box-shadow: 0 0 200px rgba(0, 0, 0, 0.2) inset; }

.wrap {
  overflow-y: hidden; }


#sp_headline {
  position: relative;
  width: 100%;
  height: auto;
  background-color: black;
  color: white;
  margin: 2rem 0 0.5rem;
  padding: 2rem 1rem;
}

#sp_headline .container-full {
  display: flex;
}

#sp_headline h1 {
  text-transform: uppercase;
  font-family: Verdana;
  font-weight: bold;
  line-height: 1.25;

}

#gs_header h1 {
  position: relative;
  display: inline-block; }
  @media (max-width: 870px) {
    #gs_header h1 {
      margin-bottom: 10px; } }
  #gs_header h1 a.logo {
    position: relative;
    display: inline-block;
    width: 80px;
    height: auto;
    margin: 0px 10px;
    padding: 10px 0;
    top: 20px; }

#sp_header {


}

@media screen and (max-width: 767px) {

  * .container {

    margin: 0 !important;
    }

  #sp_header img {
    max-width: 50% !important;
  }

  #sp_header #logo_wrap {
    height: 200px;
  }

  #vr_logo {
    max-width: 100px !important;
  }
}

#gs_video {
  padding: 20px 0px; }
  #gs_video .plyr {
    /* padding: 20px 0 0;
    margin: 0 0 20px 0;
    z-index: 1000;  */}
  #gs_video img.photo.left {
    position: absolute;
    border: 5px solid white;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    left: -35%;
    top: -820px;
    -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
            transform: rotate(-12deg);
    width: 200px; }
    @media (max-width: 1230px) {
      #gs_video img.photo.left {
        left: -38%; } }
    @media (max-width: 870px) {
      #gs_video img.photo.left {
        left: -44%; } }
    @media (max-width: 600px) {
      #gs_video img.photo.left {
        display: none; } }
  #gs_video img.photo.right {
    position: absolute;
    border: 5px solid white;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    right: -45%;
    top: -800px;
    -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
            transform: rotate(12deg);
    width: 300px; }
    @media (max-width: 1230px) {
      #gs_video img.photo.right {
        right: -55%; } }
    @media (max-width: 870px) {
      #gs_video img.photo.right {
        right: -61%; } }
    @media (max-width: 600px) {
      #gs_video img.photo.right {
        display: none; } }
  #gs_video img.photo.left.lower {
    position: absolute;
    border: 5px solid white;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    left: -36%;
    top: 20px;
    -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
            transform: rotate(-12deg);
    width: 240px; }
    @media (max-width: 1230px) {
      #gs_video img.photo.left.lower {
        left: -44%; } }
    @media (max-width: 985px) {
      #gs_video img.photo.left.lower {
        left: -48%; } }
    @media (max-width: 868px) {
      #gs_video img.photo.left.lower {
        left: -54%; } }
    @media (max-width: 600px) {
      #gs_video img.photo.left.lower {
        display: none; } }
  #gs_video img.photo.right.lower {
    position: absolute;
    border: 5px solid white;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    right: -45%;
    top: -60px;
    -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
            transform: rotate(12deg);
    width: 260px; }
    @media (max-width: 1230px) {
      #gs_video img.photo.right.lower {
        right: -50%; } }
    @media (max-width: 870px) {
      #gs_video img.photo.right.lower {
        right: -61%; } }
    @media (max-width: 600px) {
      #gs_video img.photo.right.lower {
        display: none; } }
  #gs_video p {
    text-align: left; }
    #gs_video p strong {
      color: #d61830 !important;
      font-weight: 700; }

#gs_lower {
  padding: 20px 0; }
  #gs_lower p {
    text-align: left;
    font-size: 16px; }
    #gs_lower p strong {
      color: #d61830; }

#gs_form .form-row .give-fl-wrap-input, #gs_form .form-row .give-fl-wrap-select {
  width: 100%; }
  #gs_form .form-row .give-fl-wrap-input label, #gs_form .form-row .give-fl-wrap-select label {
    text-align: left; }

#gs_form .give-submit-button-wrap .give-btn, #gs_form .give-submit-button-wrap input[type=submit] {
  margin: 0 auto;
  float: none; }


  #gs_form.sp .give-submit-button-wrap .give-btn, #gs_form.sp .give-submit-button-wrap input[type=submit] {
  margin: 0 auto;
  float: none; 
  max-width: 100%;
  font-size: 24px;
}

  #gs_form.sp .give-total-wrap, #gs_form.sp #give-comment-wrap {
    display: none;
  }

 

  ol, li {
	  list-style: decimal;
  }
  
  ol {
	  text-align: left;
  }
  
  li {
	  margin-bottom: 8px;
  }

  .tick-wrap {
    display: flex;
    flex-direction: column;
    width: 200px;
    margin: 0 auto 3rem;

  }

  .tick-wrap input[name=numberOfTickets] {
    font-size: 48px;
    font-weight: bold;
    color: #DE0832;
    text-align: center;
    margin: 0 0 0 8px;
    background-color: transparent;
  }

  .tick-wrap .button_wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .tick-wrap .button_wrapper button {
    width: 49%;
    color: white;
    font-weight: bold;
    background-color: #DE0832;
    border: 0px;
  }

footer {
  background: black;
  height: auto;
  padding: 20px; }
  footer p {
    color: grey;
    font-size: 12px; }

.give-form-title, .give_error, .give_warning {
  display: none; }

.give-total-wrap .give-donation-amount {
  text-align: center; }

.give-total-wrap {
  text-align: center;
  position: relative;
  display: block;
  width: auto; }
  .give-total-wrap .give-donation-amount {
    text-align: center; }
    .give-total-wrap .give-donation-amount .amount-wrapper {
      position: relative;
      display: inline-block;
      margin: 0 auto;
      padding: 20px; }
    .give-total-wrap .give-donation-amount #give-amount {
      position: relative; }

ul.give-donation-levels-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  ul.give-donation-levels-wrap li {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 10px;
    padding: 10px; }
    ul.give-donation-levels-wrap li button.give-donation-level-btn {
      background: grey;
      color: white;
      width: 100%;
      height: auto;
      padding: 4%;
      font-size: 1em;
      -webkit-transition: 0.25s all ease;
      transition: 0.25s all ease;
      -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.34);
              box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.34);
      text-transform: none; }
      ul.give-donation-levels-wrap li button.give-donation-level-btn:hover, ul.give-donation-levels-wrap li button.give-donation-level-btn.give-default-level {
        background: #DE0832;
        -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.34);
                box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.34); }

.give-btn, input[type=submit] {
  text-align: center;
  background: #DE0832;
  color: white;
  position: relative;
  display: block;
  margin: 0px auto !important;
  text-transform: uppercase;
  font-size: 2em;
  text-align: center;
  font-family: 'ProximaNova-Bold', 'Arial Black', 'Verdana', sans-serif !important; }


  .give-progress-bar {
    overflow: visible;
    margin-bottom: 40px;
  }

  .give-progress-bar:before {
    content: '';
    position: absolute;
    background-color: #333;
    width: 2px;
    height: 28px;
    top: -4px;
    left: 50%;
    transform: translateX(-50%);
	display: none;
  }

  .give-progress-bar:after {
    content: 'Get us to $75k!!!';
    color: #333;
    font-size: 24px;
    text-align: center;
    top: 12px;
    position: relative;
	display: none;
  }

  .give-progress-bar span {
/*    width: 100% !important;*/
  }