/*$mobile:        new-breakpoint(min-width em(540px, $font-size) 6)
$mobile-land:   new-breakpoint(min-width em(800px, $font-size) 6)
$tablet:        new-breakpoint(min-width em(980px, $font-size) 6)
$desktop:       new-breakpoint(min-width em(1380px, $font-size) 12)*/

.atv-contact-form form > div{
  margin-bottom: 20px;
}
.atv-contact-form input[type="text"],
.atv-contact-form input[type="email"],
.atv-contact-form select,
.payment-data input[type="text"]{
  display: inline-block;
  max-width: 320px;
  padding: 0.7em 1em;
}
.atv-contact-form label,
.payment-data label{
  display: inline-block;
  width: 100%;
  max-width: 170px;
}
.atv-contact-form .required{
  color: #FF0000;
}
.atv-form-dropdown {
	width: 50px
}
.gift-dropdown {
	width: 50px;
    margin: 10px 0px 75px 0px;
}
.atv-contact-form.group-signup-form label{
  max-width: 280px;
}
.atv-contact-form .atv-contact-block label{
  max-width: 100%;
}
.atv-contact-form .atv-contact-block .wpcf7-list-item{
  display: block;
  margin: 0 0 0 5px;
}

.payment-data label.company_name-label{
  max-width: 575px;
  display: block;
  float: left;
}
.payment-data label.checkbox-label{
  max-width: 100%;
}

.atv-contact-form h2{
  color: #0D7C79;
}
.payment-data h2{
  color: #0D7C79;
  margin: 10px 0;
}
.payment-data > div{
  text-align: left;
  margin: 20px 0;
}
.payment-data .billing-information > div{
  margin-bottom: 20px;
}
.payment-data .btn{
  border: none;
  cursor: pointer;
}
.payment-data .btn.btn-cancel{
  background-color: #4A4A4A;
  color: #FFFFFF;
  margin-top: 10px;
  padding-left: 2.8em;
  padding-right: 2.8em;
}
.payment-data .btn.btn-cancel:hover{
  background-color: #5a5959;
}
#main .payment-data ul.payment-types{
  margin-left: 0;
}

.payment-data .payment-types li{
  list-style: none;
  float: left;
  margin-right: 5px;
}
.payment-data .expiration-date .select{
  margin-bottom: 10px;
}
.payment-data .expiration-date .select label,
.payment-data .cvv_number-label{
  max-width: 290px;
}
.payment-data .expiration-date .select select,
.payment-data #cvv_number{
  padding: 0.7em 1em;
  display: inline-block;
  width: 100px;
}
.payment-data .amount-content .btn-block input[type="text"]{
  width: 220px;
  display: inline-block;
  padding: 1em 1em 0.7em 1em;
}
.payment-data .amount-content .btn{
  cursor: pointer;
  min-width: 50px;
  padding: 0.7em 0.9em 0.7em 0.7em;
  font-size: 18px;
}
.payment-data .amount-content .btn.enter-amount{
  padding-left: 0.9em;
	margin: 0px 0px 0px 0px;
}
.payment-data .amount-content .btn:hover{
  background-color: #0D7C79;
  color: #fff;
}
.payment-data .required label:after{
  content: "*";
  color: #FF0000;
}
.payment-data .left{
  float: left;
}
.payment-data .right{
  float: right;
}

.required-message{
  color: #FF0000;
  display: none;
}

.payment-data br{
  display: none;
}
.payment-data p{
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 980px){
  .payment-data .enter-amount-wrapper{
    width: 100%;
    display: block;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 540px){
  .payment-data .btn-block .btn{
    padding: 0.7em 0.5em 0.7em 0.5em!important;
    font-size: 1.2em;
  }
  .payment-data .enter-amount-wrapper .btn,
  .payment-data .enter-amount-wrapper #amount{
    width: 47%;
  }
  .payment-data .choose-amount{
    width: 100%;
    display: block;
    margin-top: 10px;
  }
  .payment-data .choose-amount #amount{

  }
  .payment-data .choose-amount .btn.set{
    width: 31%
  }
}

.org_behalf_name,
.memorial_gift{
  margin-top: 10px;
  height: 0;
  overflow: hidden;
  transition: opacity 1s ease-out;
  opacity: 0;
}

.org_behalf_name label,
.memorial_gift label{
  vertical-align: middle;
}


.checked.org_behalf_name,
.checked.memorial_gift {
  height: auto;
  opacity: 1;
}

body .atv-centered-block{
  max-width: 870px;
  font-size: 18px;
  margin-left: auto;
  margin-right: auto;
}

.atv-input-block label{
  width: auto;
}
.atv-input-block>div{
  display: inline-block;
}
.atv-input-block input[type="text"]{
  max-width: 120px;
}
.atv-input-block .wpcf7-form-control-wrap{
  margin-left: 10px;
  margin-right: 20px;
}
.atv-input-block .wpcf7-form-control-wrap:last-child{
  margin-right: 0;
}

@media only screen and (max-width: 766px){
  .atv-input-block label{
    width: 100%;
    max-width: 120px;
  }
  .atv-input-block>div{
    display: block;
    margin-bottom: 20px;
  }
  .atv-input-block .wpcf7-form-control-wrap{
    margin-left: 0;
    margin-right: 0;
  }
}

.atv-contact-form .even-block > div{
  margin-bottom: 20px;
}
@media only screen and (min-width: 766px){
  .atv-contact-form .even-block{
    width: 50%;
    float: left;
  }
  .atv-contact-form .even-block > div label{
    max-width: 114px;
  }
  .atv-contact-form .even-block .atv-contact-block label{
    max-width: 100%;
  }

  .atv-contact-form .even-block > div input{
    max-width: 284px;
  }
}

body .jump-nav li, body .impact-nav li{
  width: 20%;
}
body .jump-nav ul li:nth-child(2) a, body .impact-nav ul li:nth-child(2) a{
  color: #FFD132;
}
body .jump-nav a, body .impact-nav a{
  /*color: #FFD132;*/
}
#upcoming-projects{
  padding-bottom: 3em;
}
#upcoming-projects, #upcoming-projects .jump-nav li.active a, #upcoming-projects .impact-nav li.active a{
  background-color: #ededed;
  color: #4a4a4a;
}

#upcoming-projects .widget-title, #upcoming-projects h3, #upcoming-projects p{
  color: #4a4a4a;
}

#upcoming-projects h3:after{
  border-color: #4a4a4a;
}

.text-left{
  text-align: left;
}

.notice{
  font-size: 1.2em;
}

.notice strong{
  width: 100px;
}/*$mobile:        new-breakpoint(min-width em(540px, $font-size) 6)
$mobile-land:   new-breakpoint(min-width em(800px, $font-size) 6)
$tablet:        new-breakpoint(min-width em(980px, $font-size) 6)
$desktop:       new-breakpoint(min-width em(1380px, $font-size) 12)*/

.atv-contact-form form > div{
  margin-bottom: 20px;
}
.atv-contact-form input[type="text"],
.atv-contact-form input[type="email"],
.atv-contact-form select,
.payment-data input[type="text"]{
  display: inline-block;
  max-width: 320px;
  padding: 0.7em 1em;
}
.atv-contact-form label,
.payment-data label{
  display: inline-block;
  width: 100%;
  max-width: 170px;
}
.atv-contact-form .required{
  color: #FF0000;
}
.atv-form-dropdown {
	width: 50px
}
.gift-dropdown {
	width: 50px;
    margin: 10px 0px 75px 0px;
}
.atv-contact-form.group-signup-form label{
  max-width: 280px;
}
.atv-contact-form .atv-contact-block label{
  max-width: 100%;
}
.atv-contact-form .atv-contact-block .wpcf7-list-item{
  display: block;
  margin: 0 0 0 5px;
}

.payment-data label.company_name-label{
  max-width: 575px;
  display: block;
  float: left;
}
.payment-data label.checkbox-label{
  max-width: 100%;
}

.atv-contact-form h2{
  color: #0D7C79;
}
.payment-data h2{
  color: #0D7C79;
  margin: 10px 0;
}
.payment-data > div{
  text-align: left;
  margin: 20px 0;
}
.payment-data .billing-information > div{
  margin-bottom: 20px;
}
.payment-data .btn{
  border: none;
  cursor: pointer;
}
.payment-data .btn.btn-cancel{
  background-color: #4A4A4A;
  color: #FFFFFF;
  margin-top: 10px;
  padding-left: 2.8em;
  padding-right: 2.8em;
}
.payment-data .btn.btn-cancel:hover{
  background-color: #5a5959;
}
#main .payment-data ul.payment-types{
  margin-left: 0;
}

.payment-data .payment-types li{
  list-style: none;
  float: left;
  margin-right: 5px;
}
.payment-data .expiration-date .select{
  margin-bottom: 10px;
}
.payment-data .expiration-date .select label,
.payment-data .cvv_number-label{
  max-width: 290px;
}
.payment-data .expiration-date .select select,
.payment-data #cvv_number{
  padding: 0.7em 1em;
  display: inline-block;
  width: 100px;
}
.payment-data .amount-content .btn-block input[type="text"]{
  width: 220px;
  display: inline-block;
  padding: 1em 1em 0.7em 1em;
}
.payment-data .amount-content .btn{
  cursor: pointer;
  min-width: 50px;
  padding: 0.7em 0.9em 0.7em 0.7em;
  font-size: 18px;
}
.payment-data .amount-content .btn.enter-amount{
  padding-left: 0.9em;
	margin: 20px 0px 0px 0px;
}
.payment-data .amount-content .btn:hover{
  background-color: #0D7C79;
  color: #fff;
}
.payment-data .required label:after{
  content: "*";
  color: #FF0000;
}
.payment-data .left{
  float: left;
}
.payment-data .right{
  float: right;
}

.required-message{
  color: #FF0000;
  display: none;
}

.payment-data br{
  display: none;
}
.payment-data p{
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 980px){
  .payment-data .enter-amount-wrapper{
    width: 100%;
    display: block;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 540px){
  .payment-data .btn-block .btn{
    padding: 0.7em 0.5em 0.7em 0.5em!important;
    font-size: 1.2em;
  }
  .payment-data .enter-amount-wrapper .btn,
  .payment-data .enter-amount-wrapper #amount{
    width: 47%;
  }
  .payment-data .choose-amount{
    width: 100%;
    display: block;
    margin-top: 10px;
  }
  .payment-data .choose-amount #amount{

  }
  .payment-data .choose-amount .btn.set{
    width: 31%
  }
}

.org_behalf_name,
.memorial_gift{
  margin-top: 10px;
  height: 0;
  overflow: hidden;
  transition: opacity 1s ease-out;
  opacity: 0;
}

.org_behalf_name label,
.memorial_gift label{
  vertical-align: middle;
}


.checked.org_behalf_name,
.checked.memorial_gift {
  height: auto;
  opacity: 1;
}

body .atv-centered-block{
  max-width: 870px;
  font-size: 18px;
  margin-left: auto;
  margin-right: auto;
}

.atv-input-block label{
  width: auto;
}
.atv-input-block>div{
  display: inline-block;
}
.atv-input-block input[type="text"]{
  max-width: 120px;
}
.atv-input-block .wpcf7-form-control-wrap{
  margin-left: 10px;
  margin-right: 20px;
}
.atv-input-block .wpcf7-form-control-wrap:last-child{
  margin-right: 0;
}

@media only screen and (max-width: 766px){
  .atv-input-block label{
    width: 100%;
    max-width: 120px;
  }
  .atv-input-block>div{
    display: block;
    margin-bottom: 20px;
  }
  .atv-input-block .wpcf7-form-control-wrap{
    margin-left: 0;
    margin-right: 0;
  }
}

.atv-contact-form .even-block > div{
  margin-bottom: 20px;
}
@media only screen and (min-width: 766px){
  .atv-contact-form .even-block{
    width: 50%;
    float: left;
  }
  .atv-contact-form .even-block > div label{
    max-width: 114px;
  }
  .atv-contact-form .even-block .atv-contact-block label{
    max-width: 100%;
  }

  .atv-contact-form .even-block > div input{
    max-width: 284px;
  }
}

body .jump-nav li, body .impact-nav li{
  width: 20%;
}
body .jump-nav ul li:nth-child(2) a, body .impact-nav ul li:nth-child(2) a{
  color: #FFD132;
}
body .jump-nav a, body .impact-nav a{
  /*color: #FFD132;*/
}
#upcoming-projects{
  padding-bottom: 3em;
}
#upcoming-projects, #upcoming-projects .jump-nav li.active a, #upcoming-projects .impact-nav li.active a{
  background-color: #ededed;
  color: #4a4a4a;
}

#upcoming-projects .widget-title, #upcoming-projects h3, #upcoming-projects p{
  color: #4a4a4a;
}

#upcoming-projects h3:after{
  border-color: #4a4a4a;
}

.text-left{
  text-align: left;
}

.notice{
  font-size: 1.2em;
}

.notice strong{
  width: 100px;
}