/* COVID INTRO TEXT */
.covid-intro-text {
	text-align: left;
    padding-bottom: 46px;
   	margin: 0 auto;
    width: 100%;
    max-width: 900px;
}
.covid-intro-text span {
    font-size: 2.8rem;
    line-height: 1.091;
    letter-spacing: 0px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 15px;
}
.covid-intro-text h2 {
    font-size: 24px;
    line-height: 26px;
    text-transform: none;
}
.covid-intro-text p {
    font-size: 14px;
    line-height: 18px;
    margin: 15px auto 0;
    width: 100%;
    max-width: 290px;
}

 .covid-intro-text span {
        font-size: 2.4rem;
	}

@media (min-width: 480px) {
    .covid-intro-text p {
		width: 67%;
    	max-width: 770px;
    }
}
@media (min-width: 948px) {
    .covid-intro-text span {
        font-size: 2.5rem;
        line-height: 1.091;
    	margin-bottom: 27px;
	}
	.covid-intro-text h2 {
        font-size: 1.375rem;
    	line-height: 1.25;
    	max-width: 42rem;
    }
    .covid-intro-text p {
        font-size: 17px;
    	line-height: 24px;
        margin: 9px auto 0;
    }
}



/* eBRC FORM */
.ebrc-form-section {
  position: relative;
  padding: 60px 0;
  margin-top: 40px;  
  background: #151515;
}

.ebrc-form-section .ebrc-container {
	margin: 5%;
    max-width: 900px;
}
.ebrc-form-section.needs-height-adjustment {
  height: calc(100vh - 31.555vw);
  overflow: hidden;
}
@media (min-width: 768px) {
  .ebrc-form-section.needs-height-adjustment {
    height: calc(100vh - 5.5rem);
  }
}

@media (min-width: 1025px) {
    .ebrc-form-section .ebrc-container {
	margin: 5% 25%;
    max-width: 900px;
	}
 }

.ebrc-form-section .during-submission-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ebrc-form-section .during-submission-content svg {
  width: 5rem;
  height: 5rem;
  animation: rotate 1s linear infinite;
}
.ebrc-form-section a {
  font: inherit;
  letter-spacing: inherit;
  color: white;
  text-decoration: underline;
}
.ebrc-form-section form {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1.5rem;
  margin-bottom: -1.5rem;
}
.ebrc-form-section form > * {
  margin: 0 1.5rem 1.5rem 0;
}
.ebrc-form-section .form-radio-group {
  padding-top: 0.5rem;
}
@media (min-width: 768px) {
  .ebrc-form-section .form-radio-group {
    width: calc(50% - 1.5rem);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
.ebrc-form .local-mac-code .form-radio-group {
  display: none;
}
.ebrc-form .ebrc-form-section .local-mac-code .form-field--checkbox {
  width: 100%;
}
.ebrc-form-section .form-field {
  position: relative;
  width: 100%;
}
.ebrc-form-section .form-field label {
  display: block;
}
.ebrc-form-section .form-field .errors {
  padding-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1;
  position: absolute;
  top: 100%;
  display: none;
}
.ebrc-form-section .form-field .errors ul {
  padding: 0;
  list-style: none;
}
.ebrc-form-section .form-field--text {
  background: #151515;
  color: #C4C4C4;
}
.ebrc-form-section .form-field--text label {
  position: absolute;
  top: calc(0.5rem + 1px);
  left: calc(0.5rem + 1px);
  font-size: 0.75rem;
  line-height: 1;
}
.ebrc-form-section .form-field--text label > * {
  margin-left: 0.25rem;
  color: #8D8D8D;
  opacity: 1;
  transition: opacity 0.125s linear;
}
.ebrc-form-section .form-field--text label > *:empty {
  opacity: 0;
}
.ebrc-form-section .form-field--text input {
  border: 1px solid white;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  padding: 1.5rem 0.5rem 0.5rem 0.5rem;
  color: white;
  width: 100%;
}
.ebrc-form-section .form-field--text input:-webkit-autofill {
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px #151515 inset;
  transition: background-color 5000s ease-in-out 0s;
}
.ebrc-form-section .form-field--text ::-webkit-input-placeholder {
  color: #C4C4C4;
}
.ebrc-form-section .form-field--text ::-moz-placeholder {
  color: #C4C4C4;
}
.ebrc-form-section .form-field--text :-ms-input-placeholder {
  color: #C4C4C4;
}
.ebrc-form-section .form-field--text :-moz-placeholder {
  color: #C4C4C4;
}
.ebrc-form-section .form-field--text.has-error {
  color: red;
}
.ebrc-form-section .form-field--text.has-error .errors {
  display: block;
}
.ebrc-form-section .form-field--text.has-error * {
  border-color: currentColor;
  color: currentColor;
  stroke: currentColor;
}
.ebrc-form-section .form-field--text.has-error ::-webkit-input-placeholder {
  color: currentColor;
}
.ebrc-form-section .form-field--text.has-error ::-moz-placeholder {
  color: currentColor;
}
.ebrc-form-section .form-field--text.has-error :-ms-input-placeholder {
  color: currentColor;
}
.ebrc-form-section .form-field--text.has-error :-moz-placeholder {
  color: currentColor;
}
.ebrc-form-section .form-field--text div {
  position: relative;
}
@media (min-width: 700px) and (max-width: 947px) {
  .ebrc-form-section .form-field--text {
    width: calc(33.333% - 1.5rem);
  }
  .ebrc-form-section .form-field--text:nth-of-type(-n+2) {
    width: calc(50% - 1.5rem);
  }
  .ebrc-form-section .form-field--text:nth-of-type(-n+5):nth-of-type(n+4) {
    width: calc(66.666% - 1.5rem);
  }
}
@media (min-width: 948px) {
  .ebrc-form-section .form-field--text:nth-of-type(-n+2),
  .ebrc-form-section .form-field--text:nth-of-type(4),
  .ebrc-form-section .form-field--text:nth-of-type(5) {
    width: calc(37.5% - 1.5rem);
  }
  .ebrc-form-section .form-field--text:nth-of-type(3n) {
    width: calc(25% - 1.5rem);
  }
}
.ebrc-form-section .form-field--choice label {
  cursor: pointer;
  padding-left: 1.5rem;
  font-size: 1rem;
  line-height: 1.2857;
  letter-spacing: 0.015625rem;
  position: relative;
  z-index: 1;
}
.ebrc-form-section .form-field--choice svg {
  position: absolute;
  width: 1rem;
  height: 1rem;
}
.ebrc-form-section .form-field--radio svg {
  top: 2px;
}
.ebrc-form-section .form-field--choice .has-selection {
  opacity: 0;
  transition: opacity 0.125s;
}
.ebrc-form-section .form-field--choice input {
  position: absolute;
  left: -999rem;
}
.ebrc-form-section .form-field--choice input:focus + svg {
  outline-color: #FFCC01;
  outline-style: auto;
  outline-width: 5px;
}
.ebrc-form-section .form-field--choice input:checked + svg .has-selection {
  opacity: 1;
}
@media (min-width: 768px) {
  .ebrc-form-section .form-field--radio {
    /*width: 50%;*/
  }
}
.ebrc-form-section .form-field--radio .has-selection {
  fill: #FFCC01;
}
@media (min-width: 768px) {
  .ebrc-form-section .form-field--checkbox {
    padding-top: 0.5rem;
    /*width: calc(50% - 1.5rem);*/
  }
}
.ebrc-form-section .form-field--checkbox .has-selection rect {
  fill: #FFCC01;
}
.ebrc-form-section .form-field--checkbox .has-selection polyline {
  stroke: #151515;
}
@media (max-width: 767px) {
  .ebrc-form-section .form-submit {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .ebrc-form-section .form-submit {
    flex: 0 0 auto;
    margin-right: 1.5rem;
  }
}
.ebrc-form-section .form-submit button {
  background: #FFCC01;
  padding: 0.75rem 2rem;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-family: 'us_army_bold', sans-serif;
  white-space: nowrap;
  position: relative;
  transition: color 0.125s, background 0.125s;
}
.ebrc-form-section .form-submit button::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #FFCC01;
  opacity: 0;
  transition: opacity 0.125s;
}
@media (max-width: 767px) {
  .ebrc-form-section .form-submit button {
    width: 100%;
    text-align: center;
  }
}
.ebrc-form-section .form-submit button:focus {
  background: transparent;
  color: #FFCC01;
}
.ebrc-form-section .form-submit button:focus::before {
  opacity: 1;
}
.ebrc-form-section .form-submit button:active {
  color: #FFCC01;
}
.ebrc-form-section .form-submit button[disabled] {
  background: #6f6f6f !important;
  color: #4c4c4c !important;
  cursor: not-allowed;
}
.ebrc-form-section .form-submit button[disabled]::before {
  opacity: 0 !important;
}
@media (hover: hover) {
  .ebrc-form-section .form-submit button:hover {
    background: transparent;
    color: #FFCC01;
  }
  .ebrc-form-section .form-submit button:hover::before {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .ebrc-form-section .form-privacy-notice {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .ebrc-form-section .form-privacy-notice {
    flex: 1;
  }
}
.ebrc-form-section .form-privacy-notice p {
  font-size: 0.75rem;
  line-height: 1.2;
  letter-spacing: 0.015625rem;
  color: #8D8D8D;
  max-width: 30rem;
}
.ebrc-post-form-steps {
  padding-bottom: calc(4.5rem * 0.625);
  padding-bottom: calc(var(--ebrc-section-padding) * 0.625);
}

.ebrc-post-form-steps h4 {
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .ebrc-post-form-steps h4 {
    margin-right: 60px;
    text-align: left;
  }
}
.ebrc-post-form-steps ol {
  list-style: none;
  margin: 0;
  padding: 0;

}

.ebrc-post-form-steps .next-header li {
  counter-increment: post-form-steps;
  display: flex;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .ebrc-post-form-steps li {
    margin-top: 1rem;
    padding-right: 10px;
  }
}
@media (min-width: 768px) {


  .ebrc-post-form-steps li {
    align-items: center;
  }

}
.ebrc-post-form-steps li p {
  font-size: 14px;
  letter-spacing: .25px;
  line-height: 18px;
  padding-top: 2px;
}
.ebrc-post-form-steps .next-header li::before {
  content: counter(post-form-steps);
  text-align: center;

  flex-shrink: 0;
  margin-right: 3rem;

  width: 1.412rem;

  line-height: 1.412rem;
    position: relative;
    top: -2px;
    font-size: 24px;
    border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.5);
        height: 40px;
    width: 40px;
    padding-top: 7px;
    color: #FFCC01;

}
@media (min-width: 768px) {
  .ebrc-post-form-steps li::before {
    margin-right: 20px;
    width: 52px;
    font-size: 24px;
    line-height: 52px;
  }
}

/* NEW FORM CSS */
.ebrc-thank-you {

    margin-bottom: 30px;
}
.ebrc-thank-you h2 {
    font-size: 32px;
    line-height: 32px;
}
.ebrc-thank-you p,
.ebrc-post-form-lockup p {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .25px;

    width: 100%;

}

.ebrc-post-form-lockup img {
    width: 100%;
    margin-bottom: 30px;
}



@media (min-width: 948px) {
	.ebrc-thank-you {
    	margin-bottom: 60px;
    }
    .ebrc-thank-you h2 {

        font-size: 50px;
        line-height: 60px;
        margin-bottom: 5px;
    	width: 50%;
    }
    .ebrc-thank-you p,
	.ebrc-post-form-steps li p,
	.ebrc-post-form-lockup p {
    	font-size: 17px;
        line-height: 24px;
    }
    .ebrc-post-form-steps,
    .ebrc-post-form-lockup {
        margin-bottom: 70px;
    }


    .ebrc-post-form-lockup__image {
        margin-right: 30px;
    }
	.ebrc-post-form-lockup img {
		margin-bottom: 0;
    }

}

@keyframes rotate {
  from {
    transform: scaleX(-1) rotate(0deg);
  }
  to {
    transform: scaleX(-1) rotate(-360deg);
  }
}

.pre-form-submission .post-submission-content,
.pre-form-submission .during-submission-content,
.during-form-submission .post-submission-content,
.post-form-submission .pre-submission-content,
.post-form-submission .during-submission-content,
.over-17-certified .over-35, 
.under-17-certified .over-35,
.over-35-certified .under-17,
.over-35-certified .over-17,
.under-17-certified .over-17,
.over-17-certified .under-17 {
  display: none;
}

/* New Thank you page */

.questions {
	display: none;
}

.questions.active {
	display: block;
}

.resources {
	display: none;
}

.resources.active {
	display: block;
}

.next-header {
	margin-bottom: 130px;
}

.under-17 .next-header {
	margin-bottom: 80px;
}

.next-header li {
	margin-bottom: 20px;
}

.next-header li p {
	font-size: 14px;
    line-height: 28px;

}

.next-header ul {
	margin: 0;
    padding: 0;
    list-style: none;
}

.next-header ul li a {
	color: #FFCC01;
    text-decoration: underline;
}

.resources-container h4,
.ebrc-post-form-steps h4,
.next-header h4 {

    font-size: 30px;
    line-height: 36px;
    color: #fff;
    margin-bottom: 80px;
}

.under-17 .next-header h4 {
	margin-bottom: 25px;
}

.resources-container h5,
.ebrc-post-form-steps h5 {
	font-size: 16px;
    color: white;

    line-height: 22px;
    text-transform: inherit;
    margin-bottom: 30px;
}

.resources-container h3 {
	font-size: 17px;
    margin: 25px 0 47px 0;
    text-transform: inherit;
}


.questions-container {
	margin-bottom: 130px;
}

.questions-container h4 {
	font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    color: #fff;
}

dl.questions {
    border-bottom: 1px solid rgba(141, 141, 141, 0.5);
    display: none;
}

dl.questions dt {
    color: #fff;

    font-size: 24px;
    font-weight: 400;
    position: relative;
    cursor: pointer;
    margin: 45px 0;
padding-right: 50px;
}

dl.questions dt[data-status="active"]:after {
    transform: rotate(180deg);
}

dl.questions dt[data-status="active"] + dd {
    display: block !important;
}

dl.questions dt:after {
    content: '';
    background: url(../../../../../../content/dam/goarmy/thank-you/caret-down-gold.svg) center top no-repeat transparent;
    width: 35px;
    height: 35px;
    position: absolute;
    right: 0;
    top: -7px;
    border-radius: 100%;
    border: 0.891667px solid rgba(255, 204, 1, 0.5);
    background-position: 11px 13px;
}

dl.questions dd {
    color: #fff;
    font-size: 16px;

    margin: 45px 0;
    display: none;
}

dl.questions dd p {
    line-height: 22.4px;
    padding-bottom: 15px;
}

dl.questions dd p a {
    text-decoration: underline;
}

.resources {
    margin: 0;
    padding: 0;
    list-style: none;
}

.resources-container h4 {
	margin-bottom: 20px;
}

.resources li a {
	text-decoration: underline;

    font-size: 16px;
    margin-bottom: 31px;
    display: block;
    color: #B79308;
}


/* Light ebrc form */

.ebrc-form-section.light {
	background: #FFCC01;
}

.ebrc-form-section.light a {
	color: #000;
}

.ebrc-form-section.light .pre-submission-content {
	color: #000;
}

.ebrc-form-section.light .covid-intro-text span {
	font-weight: 700;
}

.ebrc-form-section.light .covid-intro-text h2 {
	font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
}

.ebrc-form-section.light .form-field--text input {
	background: white;
    color: black;
    border-color: #000;
}


.ebrc-form-section.light .form-field--text label {
	color: rgba(0,0,0,0.6);
}

.ebrc-form-section.light .form-field--radio svg g {
	stroke: #000;
}

.ebrc-form-section.light .form-privacy-notice p {
	color: #665200;
    font-weight: 400;
}

.ebrc-form-section.light .form-privacy-notice p a {
	color: #665200;
}    

.ebrc-form-section.light .form-submit button {
	background: #000;
    color: #fff;
}

.ebrc-form-section.light .form-submit button::before {
    border: 1px solid #000;
}

.ebrc-form-section.light dl.questions dd,                            
.ebrc-form-section.light dl.questions dt,                            
.ebrc-form-section.light .questions-container h4, 
.ebrc-form-section.light .ebrc-post-form-steps h4, 
.ebrc-form-section.light .resources-container h2,
.ebrc-form-section.light .resources-container h3,            
.ebrc-form-section.light .next-header h4,                            
.ebrc-form-section.light .ebrc-thank-you {
	color: #000;
}            

.ebrc-form-section.light dl.questions dt:after {
    content: '';
    background: url(../../../../../../content/dam/goarmy/thank-you/caret-down.svg) center top no-repeat transparent;                
}