/* General campaign styles */

body.page-template-tpl-campaign-contest .entry-content, body.page-template-tpl-campaign-offer .entry-content  {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
}

body.page-template-tpl-campaign-contest .entry-content.devicespace, body.page-template-tpl-campaign-offer .entry-content.devicespace  {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

@media screen and (max-width: 768px) {
  body.page-template-tpl-campaign-contest .entry-content.devicespace, body.page-template-tpl-campaign-offer .entry-content.devicespace, body.page-template-tpl-campaign-application .entry-content.devicespace  {
    padding-left: 2em;
    padding-right: 2em;
  }
}

.featured-campaign {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  height: 50vh;
  max-height: 50vh;
  background-size: cover;
  background-repeat: no-repeat;
}

.featured-campaign-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.2);
  z-index: 100;
}

.featured-campaign-content {
  position: absolute;
  z-index: 200;
  color: #FFF;
  padding: 0 2rem;
  text-align: center;
}

.campaign-section-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media screen and (max-width: 768px) {
  .campaign-section-wrapper {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

/* Campaign contest */

body.page-template-tpl-campaign-contest .featured-campaign-overlay {
    background: rgba(0,0,0,0.1) !important;
}

.form-wrapper {
  padding-top: 0 !important;
}

.terms-wrapper {
  background: #f9f4ed;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media screen and (max-width: 768px) {
  .terms-wrapper {
    margin-bottom: 2.5rem !important;
  }
}

.terms-wrapper .terms {
  font-size: 85%;
  line-height: 1.2em;
  color: #000;
}

/* Campaign offer */

.featured-campaign-offer-badge {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 12rem;
  height: 12rem;
  padding: 2rem;
  border-radius: 10rem;
  right: 20%;
  bottom: -2rem;
  background: #cfa46f;
  color: #FFF;
  z-index: 200;
  text-align: center;
}

.featured-campaign-offer-badge-content {
  display: flex;
  flex-direction: column;
}

.book-wrapper {
  padding-top: 0 !important;
}

.book-wrapper .cta {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 60px !important;
  line-height: 60px !important;
  font: 16px "Avenir heavy", Helvetica,Arial,sans-serif !important;
}

.featured-campaign-offer-badge-content .featured-campaign-offer-discount {
  font: 36px/1.2em "Avenir Black", Arial, sans-serif;
}

.featured-campaign-offer-badge-content .featured-campaign-offer-desc {
  font: 14px/1.2em "Avenir Medium", Arial, sans-serif;
  line-height: 1.1em !important;
}

@media screen and (max-width: 768px) {
  .featured-campaign-offer-badge {
    right: -1rem;
    width: 10rem;
    height: 10rem;
    padding: 1rem;
    border-radius: 10rem;
  }

  .featured-campaign-offer-badge-content .featured-campaign-offer-discount {
    font: 26px/1.2em "Avenir Black", Arial, sans-serif;
  }

  .featured-campaign-offer-badge-content .featured-campaign-offer-desc {
    font: 12px/1.2em "Avenir Medium", Arial, sans-serif;
    line-height: 1.1em !important;
  }

}

/* Campaign jobs */

body.page-template-tpl-campaign-application .entry-content .main-content p:first-of-type {
  font-size: 24px !important;
  line-height: 1.6em;
  padding-top: 2rem;
}

body.page-template-tpl-campaign-application .entry-content h2 {
  text-transform: none !important;
  font: 48px/1.2em "Avenir Black",Arial,sans-serif;
}

@media screen and (max-width: 768px) {

  body.page-template-tpl-campaign-application .entry-content h2 {
    text-transform: none !important;
    font: 28px/1.2em "Avenir Black",Arial,sans-serif;
  }

  body.page-template-tpl-campaign-application .entry-content .main-content p:first-of-type {
    font-size: 20px !important;
    line-height: 1.6em;
    padding-top: 2rem;
  }

}



body.page-template-tpl-campaign-application .job-details-wrapper {
  padding-top: 0;
}

body.page-template-tpl-campaign-application .job-details-wrapper .job-details-content {
  display: flex;
  flex-direction: column;
  background: #f9f4ed;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}

body.page-template-tpl-campaign-application .job-details-wrapper .job-details-content .job-details-title {
  font-family: "Avenir Black",Arial,sans-serif;
  display: none;
}

body.page-template-tpl-campaign-application .job-details-wrapper .job-details-content .job-details-values {

}

body.page-template-tpl-campaign-application .job-details-wrapper .job-details-content .job-details-values .job-detail {
  display: flex;
  flex-direction: column;
  padding-bottom: 1rem;
}

body.page-template-tpl-campaign-application .job-details-wrapper .job-details-content .job-details-values .job-detail .title {
  font-family: "Avenir Black", Arial, sans-serif;
}

body.page-template-tpl-campaign-application .job-details-wrapper .job-details-content .job-details-values .job-detail .value {

}

body.page-template-tpl-campaign-application .job-details-wrapper .job-details-content .job-details-title {
  font-family: "Avenir Black",Arial,sans-serif;
  display: none;
}

body.page-template-tpl-campaign-application .job-details-wrapper .job-details-content .job-details-apply .cta-wrapper {
  padding-top: 1rem;
}

body.page-template-tpl-campaign-application .job-details-wrapper .job-details-content .job-details-apply .cta-wrapper .cta {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 60px !important;
  font: 18px/1 "Avenir Heavy", Helvetica,Arial, sans-serif !important;
  margin: 0 !important;
  margin-right: 0 !important;
}


/* Campaign certifications */


body.page-template-tpl-campaign-certifications {

}

body.page-template-tpl-campaign-certifications .certifications-wrapper {
  background: #f9f4ed;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0;
  padding-bottom: 3rem;
}

body.page-template-tpl-campaign-certifications .certifications {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 3rem;
}

body.page-template-tpl-campaign-certifications .certifications .certification-group {

}

body.page-template-tpl-campaign-certifications .certifications .certification-group-title {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  text-align: center;
}

body.page-template-tpl-campaign-certifications .certifications .certification-group-title .title {
  text-transform: none !important;
}

body.page-template-tpl-campaign-certifications .certifications .certification {

}

body.page-template-tpl-campaign-certifications .certifications .certification .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 12.5vw;
  padding: 4vw;
  background: #FFF;
  margin-bottom: 0.75rem;
}

body.page-template-tpl-campaign-certifications .certifications .certification .title-wrapper {
  padding: 0.25rem 0 0.5rem 0;
}

body.page-template-tpl-campaign-certifications .certifications .certification .title {
  text-transform: none !important;
}

body.page-template-tpl-campaign-certifications .certifications .certification .short-description {

}

body.page-template-tpl-campaign-certifications .certifications .certification .link {
  padding: 1rem 0;
}