/* customization for email signup */

.content {
    margin-bottom:auto;
}

.gift-type-select div {
  width: 50%;
  margin-right: 0px;
  float: left;
}
.crm-container .gift-type-select label {
  display: block;
  font-weight: bold;
  text-align: center;
  padding: 16px 16px; 
  font-size: 20px;
  font-variant: small-caps;
  cursor: pointer;
  border: 1px solid #1092DE;
}

.gift-type-select div:hover label {
    background-color: #1092DE;
}
.gift-type-select .selected label {
  background-color: #1092DE;
  color: #FFF;
}

.gift-type-select:after {
  content: "";
  display: table;
  clear: both;
}

#gift-type-label.red {
    background-color: #d90429;
    color: #000814;
    text-align: center;
    /*width: 100%;*/
    padding: 16px 16px; 
    font-size: 20px;
    /*clip-path: polygon(41% 25%, 23% 1%, 59% 26%, 100% 26%, 100% 100%, 0 99%, 0 26%);*/
    clip-path: polygon(21% 11%, 22% 0, 23% 11%, 100% 11%, 100% 100%, 0 100%, 0 11%);
}
#gift-type-label.green {
    background-color: #567f0f;
    color: #000814;
    text-align: center;
    /*width: 100%;*/
    /*height: 100%;*/
    padding: 16px 16px; 
    font-size: 20px;
    /*clip-path: polygon(41% 25%, 23% 1%, 59% 26%, 100% 26%, 100% 100%, 0 99%, 0 26%);*/
    /*clip-path: polygon(21% 11%, 22% 0, 23% 11%, 100% 11%, 100% 100%, 0 100%, 0 11%);*/
}

/*.gift-type-label::after {
  top: -15px; left: calc(50% - 15px);
}*/

/* contribution page layout for widish screens */
@media all and (min-width: 960px) {
  #crm-main-content-wrapper.has-intro-text .crm-contribution-main-form-block {
    width: 40%;
    float: right;
    border: 1px solid #1092DE;
    padding: 10px 10px;
    background-color: #fbc763;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 10px 10px;
    font-size: 90%;
  }
  #crm-main-content-wrapper.has-intro-text .crm-contribution-main-form-block #priceset fieldset {
    border-top: none;
  }
  #crm-main-content-wrapper.has-intro-text #intro_text {
    width: 55%;
    float: left;
  }

  #civicrm-footer {
    clear: both;
  }
}