/* serif font on bullets*/
.multistep-layout .HeaderHtml li {
    font-family: 'Georgia', Times, serif;
}

section.at-inner{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

section.at-inner form{
    width: 50%;
    display: flex;
    flex-direction: column;
}

section.at-inner footer{
    display: none;
}

 .threeSeals .badge {
    flex-basis: 30%;
}
.badge:last-of-type img {
    width: 80%;
    max-width: 110px;
}
  @font-face {
      font-family: 'actabook';
      src: url('https://nvlupin.blob.core.windows.net/images/van/AFSC/AFSC/1/57148/images/2021-THEME-ASSETS/fonts/live/acta-book-webfont.woff2') format('woff2'),
           url('https://nvlupin.blob.core.windows.net/images/van/AFSC/AFSC/1/57148/images/2021-THEME-ASSETS/fonts/live/acta-book-webfont.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  
  }
  
  @font-face {
      font-family: 'bonnie_condensedbold';
      src: url('https://nvlupin.blob.core.windows.net/images/van/AFSC/AFSC/1/57148/images/2021-THEME-ASSETS/fonts/live/bonniecondensed-bold-webfont.woff2') format('woff2'),
           url('https://nvlupin.blob.core.windows.net/images/van/AFSC/AFSC/1/57148/images/2021-THEME-ASSETS/fonts/live/bonniecondensed-bold-webfont.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  
  }
  
  @font-face {
      font-family: 'actabold';
      src: url('https://nvlupin.blob.core.windows.net/images/van/AFSC/AFSC/1/57148/images/2021-THEME-ASSETS/fonts/live/acta-bold-webfont.woff2') format('woff2'),
           url('https://nvlupin.blob.core.windows.net/images/van/AFSC/AFSC/1/57148/images/2021-THEME-ASSETS/fonts/live/acta-bold-webfont.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  }


  header#logo{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    max-width: 1134px;
    margin: 20px auto 10px auto;
  }
  
   header#logo img.logo-desktop{
    max-width: 154px;
    height: 80px;
    padding: 0px;
    display: block;
  }

  header#logo img.logo-mobile{
    max-width: 155px;
    height: 76px;
    padding: 0px;
    display: none;
  }

  span#blurb{
      font-size: 1.113.rem;
      font-family: 'actabook', Georgia, Times, serif;
      padding: 13px 20px;
  }

  
  p{
    font-family: 'Georgia', Times, serif;
    font-weight: normal;
    font-style: normal;
  }
  
  strong, b, p a {
    font-family: 'actabold', Georgia, Times, serif;
    font-weight: normal;
    font-style: normal;
  }
  
    .at.ngp-form.multistep-layout.split-layout{
      max-width: 1134px;
    }
  
  
    /* MAIN HEADLINE */
    .at.ngp-form header.at-title{
        width: 100%;
        font-family:'bonnie_condensedbold', Arial, sans-serif;
        font-size:2.688rem;
        font-style:normal;
        font-weight: normal;
        color: #33302b;
        padding: 0;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    
    div.content.ngp-content{
      border-top: 20px solid #33302b;
    }
    
    section.mainImage {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
    }
    
      .at.ngp-form header.at-markup.HeaderHtml{
        width: calc(43% + 1px);
    }
  
    .at.ngp-form.multistep-layout.split-layout form{
      width: 57%;
    }
  
    section.mainImage img{
          width: 100%;
          max-width: 419px;
          display: block;
          margin: 0;
          margin-top: 20px;
    }
    
    .at.ngp-form h2.headline {
        font-family:'bonnie_condensedbold', Arial, sans-serif;
        font-size: 20px;
        line-height: 1.2;
        color: #e5160f;
        font-weight: normal;
    }
    
    .at.ngp-form p{
      line-height: 28px;
      font-size: 16px;
font-family: 'Georgia', Times, serif;
    }
  
    .at.ngp-form p a{
      color: #e5160f;
      text-decoration: underline;
      font-weight: bold;
      font-family: 'Georgia', Times, serif;
    }
  
    article.build-page-copy{
      padding: 0px;
    }
    
    .at.ngp-form span.at-checkbox-title, .at.ngp-form div.at-tribute-gift, .at.ngp-form .at-recipient-info .at-title{
      text-shadow: none;
      font-family:'bonnie_condensedbold', Arial, sans-serif;
      color: #000000;
    }

    /* Amounts Styles */
    .at.ngp-form .label-amount {
        width: 30%;
        margin-right: 3%;
    }


    .at.ngp-form .label-amount, .at.ngp-form.label-amount{
      text-shadow: none;
      font-family:'bonnie_condensedbold', Arial, sans-serif;
      color: #000000;
    }
  
    .at.ngp-form .label-amount > a{
      background-color: #ffffff;
      border-color: #ced4da;
      border: 2px solid #ced4da;
    }
    
    .at.ngp-form .label-amount:hover>a{
      background-color: #ffffff;
      border: 4px solid #ea1c2d;
      opacity: 0.8;
    }
    
    .at.ngp-form .label-amount input[type="radio"]:checked+a{
      border-color: #ea1c2d;
      background-color: #ffffff;
      border: 4px solid #ea1c2d;
      font-family:'bonnie_condensedbold', Arial, sans-serif;
    }
  
  
    .at.ngp-form .radios label input[type="radio"] {
        background-color: #fff;
        border: 1px solid #7d7d7d;
        -webkit-appearance:none;
        width: 16px;
        height: 16px;
        margin: 0px;
        border-radius: 20px;
    }
    
    .at.ngp-form .radios label input[type="radio"]:checked {
      background-color: #fff;
      border: 4px solid #ea1c2d;
      -webkit-appearance:none;
    }
    
  
    .at.ngp-form .label-amount input{
      border-color: #ced4da;
      border: 2px solid #ced4da;
      background-color: #fff;
      color: #000000;
      font-family:'bonnie_condensedbold', Arial, sans-serif;
    }
  
    .at.ngp-form .label-amount input:required::selection, .at.ngp-form.label-amount input:required::selection, .at form .label-amount input:required::selection{
      color: #000000;
      background: #fff;
      background-color: #fff;
    }
  
    .at.ngp-form .label-amount input:required::selection, .at.ngp-form.label-amount input:required::selection, .at form .label-amount input:required::selection{
      color: #000000;
      background: #fff !important;
      background-color: #fff !important;
    }
  
  
    .at.ngp-form .label-amount input:required+.label-otheramount-prefix, .at.ngp-form .label-amount input+.label-otheramount-prefix{
      color: #000000;
    }
  
    .at.ngp-form .label-amount input::placeholder {
      color: #000000;
    }
  
  
  .at.ngp-form .label-amount input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #000000;
    opacity: 1;
  }
  .at.ngp-form .label-amount input::-moz-placeholder { /* Firefox 19+ */
    color: #000000;
    opacity: 1;
  }
  .at.ngp-form .label-amount input:-ms-input-placeholder { /* IE 10+ */
    color: #000000;
    opacity: 1;
  }
  .at.ngp-form .label-amount input:-moz-placeholder { /* Firefox 18- */
    color: #000000;
    opacity: 1;
  }
  
  
    .at.ngp-form span.label-otheramount-prefix{
      color: #000000;
    }
  
    .at.ngp-form .label-amount input:required{
      border-color: #ea1c2d;
      border: 4px solid #ea1c2d;
    }
  
    .at.ngp-form .label-amount input:required, .at .btn-at-primary{
      background-color: #ffffff;
      color: #000000;
    } 
  
  
    .at.ngp-form .at-step.active.valid>*:before{
      background: #ea1c2d;
    }
    
    .at.ngp-form .at-step.valid>*:before, .at .at-step.active>*:before, .at.ngp-forminput[type="checkbox"]:checked+span:before{
      background: #ea1c2d;
    }
    
    .at .at-step.active>*:before{
      background: #ea1c2d;
    }
  
  /* For the thrid button */
  .at.ngp-form .label-amount:nth-child(4n+4){
      margin-right: 4%;
  }

  .at.ngp-form input[type="checkbox"]:checked+span:before{
    background-color: #e5160f;
    border-color: #e5160f;
  }
  
    /* next and submit btn */
    .at.ngp-form div.at-form-submit.clearfix > div > div.prevNext.next > a, section > form > div.at-form-submit.clearfix > input{
      font-family:'bonnie_condensedbold', Arial, sans-serif;
      background-color: #e5160f;
      border: 1px solid #e5160f;
      border-radius: 30px;
      font-size: 27px;
      text-transform: uppercase;
    } 

    .at.ngp-form .btn-at-link{
      font-size: 27px;
      font-family:'bonnie_condensedbold', Arial, sans-serif;
    }
    
    .at.ngp-form .at-step.active>*:before{
      border-bottom-color: #e5160f;
    }
    
    .at.ngp-form .at-step.active{
      border-bottom-color: #000;
    }
  
    .at.ngp-form .at-step.active::before{
      border-bottom-color: #e5160f;
    }

    .at.ngp-form fieldset.at-fieldset.Interests{
      display: none !important;
    }

    .at.ngp-form fieldset.at-fieldset.AdditionalInformation{
      display: none !important;
    }
  
    .at.ngp-form button.submitStep{
     font-family: 'bonnie_condensedbold', Arial, sans-serif;
     font-weight: bold;
     text-transform: uppercase;
     background-color: #e5160f;
     border: 1px solid #e5160f;
     border-radius: 30px;
     font-size: 27px;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     border-radius: 30px;
    }
    
    .at.ngp-form button.submitStep small{
      font-size: 11px;
    }
    
    .at.ngp-form .at-markup.SmsLegalDisclaimer.at-legal p{
      font-family: 'Georgia', Times, serif;
      font-size: 11px;
      line-height: 1.5;
      padding: 10px 0;
    }
    
      div#premiumGift{
        padding-top: 10px; 
      }
        /* Premium Gift */
        div#premiumGift img{
          width: 100%;
          max-width: 277px;
          height:auto;
          opacity: 0.75;
          font-family: 'Georgia', Times, serif;
          }
    
        div#premiumMessage{
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            width: 100%;
        }
        
          div#giftContent{
            display: flex;
            align-items: center;
          }
    
          div#giftContent img{
            padding: 0px;
            max-width: 170px;
          }
    
          div#premiumButtons{
            padding: 0px 20px;
          }
    
            #acceptGift{
              width: 100%;
              max-width:340px;
              padding: 15px;
              color: #000000;
              background-color: #ffffff;
              border: 2px solid #ced4da;
              font-size: 16px;
              line-height: 1.2;
              text-align: center;
              margin-bottom:15px;
              border-radius: 5px;
              -webkit-border-radius: 5px;
              -moz-border-radius: 5px;
              cursor: pointer;
              font-family: 'Georgia', Times, serif;
            }
    
            #declineGift{
              width: 100%;
              max-width:340px;
              padding: 15px;
              color: #000000;
              background-color: #ffffff;
              border: 2px solid #ced4da;
              font-size: 16px;
              line-height: 1.2;
              text-align: center;   
              border-radius: 5px;
              -webkit-border-radius: 5px;
              -moz-border-radius: 5px;
              cursor: pointer;
              font-family: 'Georgia', Times, serif;
            }
    
            #declineGift.selected, #acceptGift.selected {
                color: #ffffff;
                background-color: #e5160f;
                border: none;
                border: 2px solid #e5160f;
            }
    
            #NVContributionForm875743 > section > form > fieldset.at-fieldset.Interests{
              visibility: hidden;
            }
    
    /* CONFIRMATION */
  
    section#confirmationThankyou{
      font-family: 'Georgia', Times, serif;
        padding: 20px;
        color: #000000;
        max-width: 900px;
        margin: 0 auto;
     }
  
     section#confirmationThankyou h1, section#confirmationThankyou h2, section#confirmationThankyou h3, section#confirmationThankyou h4, section#confirmationThankyou h5{
      font-family:'bonnie_condensedbold', Helvetica, sans-serif;
     }
  
      section#confirmationThankyou h1{
      font-size: 20px;
      font-weight: normal;
      font-style: normal;
     }
  
    section#confirmationThankyou h2{ 
      font-size: 18px;
      font-weight: normal;
      font-style: normal;
     }
  
    section#confirmationThankyou h3{ 
      font-size: 16px;
      font-weight: normal;
      font-style: normal;
     }
  
     section#confirmationThankyou p{
      font-family: 'Georgia', Times, serif;
      padding: 0 0 16px 0;
      line-height: 23px;
      font-weight: normal;
      font-style: normal;
     }
  
     section#confirmationThankyou p a{
      font-family: 'Georgia', Times, serif;
      font-size: 16px;
      line-height: 23px;
      font-weight: normal;
      font-style: normal;
     }
     
    span.capitalizeFirst{
      text-transform: capitalize;
     }
  
     section#confirmationThankyou a{
      color: #e5160f;
      font-family: 'Georgia', Times, serif;
     }
  
    section#confirmationThankyou ul#getInvolved{
        padding: 0px 0px 0px 30px;
        margin: 0px 0px 20px 20px;
    }
  
    section#confirmationThankyou ul#info {
      color: #000000;
      font-family: 'Georgia', Times, serif;
      padding: 0px 0px 0px 30px;
      margin: 0px 0px 20px 20px;
    }  

    ul#info li {
      list-style-type: disc;
      color: #000000;
      font-family: 'Georgia', Times, serif;
    }  

    ul#getInvolved li {
      list-style-type: disc;
      color: #000000;
      font-family: 'Georgia', Times, serif;
    }  
    
    ul#getInvolved li a {
      color: #e5160f;
      text-decoration: underline;
    }  
  
    section#confirmationThankyou ul li, section#confirmationThankyou ul li a {
      font-family: 'Georgia', Times, serif;
    }  
  
    
    /* MOBILE */
    @media only screen and (max-width: 959px){

      .at.ngp-form > section > header.at-markup.HeaderHtml,  .at.ngp-form header.at-markup.HeaderHtml,  section.at-inner form{
        width: 100%;
    }
  
    section.mainImage{
        align-items: center;
        justify-content: center;
      }
  
      section.mainImage img{
        margin-top: 0px;
      }
  
    }
  
  
  
    @media only screen and (max-width: 40em){
      header#logo{
        padding-left: 10px;
        padding-right: 10px;
       align-items: flex-start;
       flex-wrap: wrap;
       flex-direction: column;
      }

      header#logo img.logo-desktop{
        display: none;
      }

      header#logo img.logo-mobile{
        display: block;
      }

      .at.ngp-form header.at-title{
        padding-top: 30px;
        line-height: 1;
      }
  
  
      .at.ngp-form .label-amount:nth-child(4n+4){
          margin-right: 0;
      }
    
      div#giftContent{
        flex-direction: column;
      }
    
      .at.ngp-form header.at-title{
        margin-top: 20px;
        padding: 0 10px;
    }
    
      div#premiumGift img{
        padding: 20px 0px;
      }
    
        /* CONFIRMATION */
        .at.ngp-form div.content.thankYou {
            padding: 0px 20px 16px 20px;
        }
    }