/*
 * _base-sass.scss
 */
/*
 * _foundation-customization.scss
 */
/*
 * helpers/_variables.scss
 */
/*
 * helpers/_mixing.scss
 */
/*
 * sections/public/page-templates/_program-overview.scss
 */
#program-description {
  color: #193a64;
  font-size: 1.1875rem;
  padding: 3rem;
  background-color: rgba(230, 230, 230, 0.2);
}

.programs__image {
  margin-top: 2rem;
}

#program-cta-bar {
  padding: 2rem;
  margin-top: 1rem;
  background: url(/images/program-overview/world-map-bg.png), linear-gradient(#193a64, #193a64);
}

.program-cta-bar__button {
  border-radius: 0.4rem;
  font-weight: bold;
}

/*
 * sections/public/page-templates/_program-detail.scss
 */
.program-summary {
  color: #193a64;
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: rgba(230, 230, 230, 0.2);
}

.program-detail {
  padding: 1rem;
  color: #fefefe;
  background-color: #2a7c53;
}

.timeline {
  color: #193a64;
  margin-top: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.timeline h1, .timeline h2, .timeline h3, .timeline h4, .timeline h5, .timeline h6 {
  color: #de4e15;
}

.timeline thead {
  display: none;
}

.timeline thead, .timeline tbody, .timeline tfoot {
  border: 0;
  background: none;
}

.timeline tr td:nth-child(1) {
  font-family: "FontAwesome", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.5rem;
  text-align: center;
}

.timeline tr td:nth-child(2) {
  font-weight: bold;
  min-width: 145px;
}

/*
 * sections/public/pages/_home.scss
 */
.mission-statement {
  border-bottom: 1px solid #0a0a0a;
  background-image: url(/images/home/wae-bg.jpg);
  padding: 1rem;
  color: #193a64;
}

#social-media-container {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/*
* sections/public/page-templates/_state-contacts.scss
*/
.state-contacts-overview {
  padding: 3rem;
  background-color: #193a64;
  color: #fefefe;
}

.state-contacts-overview__heading {
  font-size: 1.5625rem;
  font-weight: bold;
}

.state-block {
  float: left;
  position: relative;
}

.state-contact__heading--link {
  font-size: 1.375rem;
  font-weight: bold;
}

.state-contact-list {
  margin-top: 20px;
}

.state-block__image {
  cursor: pointer;
  position: relative;
}

.state-block.state-block--expanded .state-contact {
  max-height: 500px;
  margin-bottom: 10px;
}

.state-contact {
  position: relative;
  top: 0;
  box-sizing: content-box;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-in-out, margin-bottom 0.1s 0.2s;
}

.state-block.state-block--collapsed .arrow--down {
  width: 100%;
}

.state-block.state-block--expanded .arrow--down {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 25px solid #222;
  bottom: -25px;
  display: inline-block;
  height: 0;
  left: 47%;
  margin: auto;
  position: absolute;
  width: 0;
}

.state-block__accent-bar {
  bottom: 0;
  color: #fefefe;
  line-height: 3.4375rem;
  position: absolute;
  text-align: center;
  width: 100%;
}

.state-block__accent-bar-link {
  color: #fefefe;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 2.1875rem;
}

.state-contact__heading {
  color: #2a7c53;
  font-size: 1.375rem;
  font-weight: bold;
  margin-bottom: 0;
}

.state-contact__subheading {
  font-size: 1.1875rem;
  color: #193a64;
}

.state-contact__info {
  display: inline-block;
  padding: 50px;
  width: 24%;
}

.rotate-accent-color.state-block--expanded:nth-of-type(4n+1) .arrow--down {
  border-top: 25px solid #de4e15;
}

.rotate-accent-color.state-block--expanded:nth-of-type(4n+2) .arrow--down {
  border-top: 25px solid #caab1b;
}

.rotate-accent-color.state-block--expanded:nth-of-type(4n+3) .arrow--down {
  border-top: 25px solid #43a173;
}

.rotate-accent-color.state-block--expanded:nth-of-type(4n+4) .arrow--down {
  border-top: 25px solid #2d8c9a;
}

.rotate-accent-color.state-block--expanded:nth-of-type(4n+1) .state-contacts-container {
  border-top: 10px solid #de4e15;
}

.rotate-accent-color.state-block--expanded:nth-of-type(4n+2) .state-contacts-container {
  border-top: 10px solid #caab1b;
}

.rotate-accent-color.state-block--expanded:nth-of-type(4n+3) .state-contacts-container {
  border-top: 10px solid #43a173;
}

.rotate-accent-color.state-block--expanded:nth-of-type(4n+4) .state-contacts-container {
  border-top: 10px solid #2d8c9a;
}

.rotate-accent-color.state-block--collapsed:nth-of-type(4n+1) .rotate-accent-color--accent {
  background: rgba(222, 78, 21, 0.5);
}

.rotate-accent-color.state-block--collapsed:nth-of-type(4n+2) .rotate-accent-color--accent {
  background: rgba(202, 171, 27, 0.5);
}

.rotate-accent-color.state-block--collapsed:nth-of-type(4n+3) .rotate-accent-color--accent {
  background: rgba(67, 161, 115, 0.5);
}

.rotate-accent-color.state-block--collapsed:nth-of-type(4n+4) .rotate-accent-color--accent {
  background: rgba(45, 140, 154, 0.5);
}

@media only screen and (max-width: 530px) {
  .state-block {
    width: 50%;
  }
  .state-block:nth-of-type(2n+2) .state-contact {
    margin-left: -100%;
  }
  .state-block:nth-of-type(2n+3) {
    clear: left;
  }
  .state-contact {
    width: 200%;
  }
}
@media only screen and (min-width: 531px) {
  .state-block {
    width: 33.3333%;
  }
  .state-block:nth-of-type(3n+2) .state-contact {
    margin-left: -100%;
  }
  .state-block:nth-of-type(3n+3) .state-contact {
    margin-left: -200%;
  }
  .state-block:nth-of-type(3n+4) {
    clear: left;
  }
  .state-contact {
    width: 300%;
  }
}
.apply-to-host .callout,
.apply-go-abroad .callout {
  padding: 3rem;
  min-height: 250px;
}