@import url("https://p.typekit.net/p.css?s=1&k=tbc0aoi&ht=tk&f=2007.29422&a=137737812&app=typekit&e=css");

@font-face {
  font-family: "museo-sans";
  src: url("https://use.typekit.net/af/620bf8/00000000000000000000e7fe/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),
       url("https://use.typekit.net/af/620bf8/00000000000000000000e7fe/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),
       url("https://use.typekit.net/af/620bf8/00000000000000000000e7fe/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: "museo-sans";
  src: url("https://use.typekit.net/af/3cbada/00000000000000007736b58c/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),
       url("https://use.typekit.net/af/3cbada/00000000000000007736b58c/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),
       url("https://use.typekit.net/af/3cbada/00000000000000007736b58c/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: "museo-sans";
  src: url("https://use.typekit.net/af/a28b50/00000000000000000000e803/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),
       url("https://use.typekit.net/af/a28b50/00000000000000000000e803/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),
       url("https://use.typekit.net/af/a28b50/00000000000000000000e803/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: "museo-sans";
  src: url("https://use.typekit.net/af/a4424c/00000000000000007735d6b1/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),
       url("https://use.typekit.net/af/a4424c/00000000000000007735d6b1/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),
       url("https://use.typekit.net/af/a4424c/00000000000000007735d6b1/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


.jeff-header {
  height: 150px;
  display: flex;
  align-items: center;
  padding-left: 138px;
}

.qualtrics-header {
  height: 150px;
  background: transparent url('/content/dam/aem-qualtrics/Group 3.svg') 0 0 no-repeat padding-box;
  /* UI Properties */
  text-align: left;
  font: normal normal 700 64px/77px museo-sans;
  letter-spacing: 0;
  color: #FFFFFF;
  opacity: 1;
  display: flex;
  align-items: center;
  padding-left: 138px;
}

.qualtrics-header-bg {
  background: transparent linear-gradient(90deg, #152456 0, #59B7DF 100%) 0 0 no-repeat padding-box;
}

.qualtrics-head {
  background: #DEDFE1 0 0 no-repeat padding-box;
  padding-top: 36px;
  padding-bottom: 36px;
  padding-left: 138px;
  padding-right: 138px;
  text-align: left;
  font: normal normal 500 18px/24px museo-sans;
  letter-spacing: 0;
  color: #152456;
}

.qualtrics-head p {
  margin: 0;
  font-family: museo-sans, sans-serif !important;
}

.qualtrics-body {
  display: inline-flex;
  width: 100%;
}

.qualtrics-post {
  display: inline-flex;
  height: 150px;
  background: #C4D7F2 0 0 no-repeat padding-box;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.creation {
  width: 50%;
  font: normal normal 500 18px/24px museo-sans;
  padding-left: 138px;
}

.creation h2 {
  margin: 0;
  font: normal normal 700 24px/24px museo-sans !important;
  font-weight: 700;
  color: #152456;
  margin-bottom: 1rem;
}

.creation p {
  font: normal normal 500 18px/24px museo-sans;
}

.access-links {
  flex: 0 0 40%;
  padding-top: 1rem;
  padding-right: 138px;
}

.access-links button {
  height: 60px;
  width: 250px;
  background: #AF1F8E 0 0 no-repeat padding-box;
  border: 0;
  border-radius: 4px;
  color: #FFFFFF;
  font: normal normal 700 20px/24px museo-sans;
}

.access-links button:hover {
  cursor: pointer;
  background: #152456 0 0 no-repeat padding-box;
}

  .left-div {
    flex: 0 0 60%;
    margin-top: 55px;
    margin-bottom: 55px;
  }

.footer {
  display: inline-flex;
  align-items: flex-start !important;
  width: 100%;
  background: #152456 0 0 no-repeat padding-box;
  color: #FFFFFF;
  /* height: 200px; */
  padding-top: 62px;
  padding-bottom: 75px;
  justify-content: space-between;
}

.footer a {
  color: white;
  font: normal normal 500 18px/24px museo-sans;
}

.footer h3 {
  font: normal normal 500 24px/24px museo-sans;
  font-weight: 700;
  color: white;
  margin-bottom: 20px;
}

.footer-left a {
  font-weight: 700;
}

.footer-right p {
  font: normal normal 700 24px/24px museo-sans;
}

.footer-right a {
  font-size: 24px;
  font-weight: 700;
}

.footer-left {
  flex: 0 0 60%;
  padding-left: 138px;
}

.footer-right {
  flex: 0 0 40%;
  padding-right: 138px;
}

.text {
  color: #152456;
  margin-left: 138px;
  margin-right: 10rem;
}

.text p {
  font: normal normal 500 16px/24px museo-sans;
}

.text h2 {
  font: normal normal 500 20px museo-sans;
  font-weight: 700;
}

.indentation {
  padding-left: 2rem;
}

.ordered-list {
  font-family: museo-sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  font-style: normal;
}

.ordered-list ol {
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 20px; /* override browser default */
  }

.ordered-list li {
  padding: 5px;
}

.right-div {
  flex: 0 0 40%;
  padding: 10rem 0;
}

.right-div img {
  width: 100%;
  display: block;
}

#orange-banner-wrapper {
  padding: 2rem 138px;
  background: linear-gradient(to right, rgba(211, 164, 83, 1) 0, rgba(255, 175, 54, 1) 28%, rgba(255, 175, 54, 1) 74%, rgba(211, 164, 83, 1) 100%);
  color: #182453;
  font-family: museo-sans, sans-serif !important;

}

.notice-header {
  display: flex;
  justify-content: center;
  align-items: center;
  font: normal normal 500 29px/35px museo-sans;
  font-weight: 700;
  margin-bottom: 34px;
}

.notice {
  margin-bottom: 17px;
}

table.banner-table {
  color: #152456;
  font-weight: 500;
}

.banner-table th {
  height: 104px;
  width: 185px;
}

.banner-table td {
  padding: 0 1rem !important;
}

@media (min-width: 1280px) {
  #orange-banner-wrapper {
    font-size: 20px;
  }

  table.banner-table th {
    font-size: 18px;
  }

  table.banner-table td {
    font-size: 16px;
  }
}

#orange-banner-wrapper svg {
  padding-right: 1rem;
}

#orange-banner-wrapper p {
  text-align: center;
  padding: 0 5px;
  font: normal normal 500 16px/22px museo-sans;
  color: #152456;
}

#orange-banner-wrapper h2 {
  text-align: center;
  padding: 0 30px;
  margin-bottom: 17px;
  font: normal normal 500 20px/22px museo-sans;
  color: #152456;
}

table.banner-table {
  width: 100%;
  background: linear-gradient(to right, rgba(211, 164, 83, 1) 0, rgba(255, 175, 54, 1) 28%, rgba(255, 175, 54, 1) 74%, rgba(211, 164, 83, 1) 100%);
  border-collapse: collapse;
  border-width: 2px;
  border-color: #182453;
  ;
  border-style: solid;
  color: #152456;
  font-family: museo-sans, sans-serif !important;
  overflow-wrap: break-word;
  hyphens: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -epub-hyphens: none;
  -ms-hyphens: none;
}

table.banner-table td,
table.banner-table th {
  border-width: 2px;
  /* border-color: #ffffff; */
  border-style: solid;
  padding: 3px;
  font-family: museo-sans, sans-serif !important;
}

table.banner-table th {
  font-weight: 700;
  font-family: museo-sans, sans-serif !important;
}

table.banner-table thead {
  /* background-color: #ffffff; */
  font-family: museo-sans, sans-serif !important;
}

.cmp-container-open-content {
  max-width: 100%;
  background-color: white;
}

.footer a {
  font-family: museo-sans, sans-serif !important;
}

.footer p {
  font-family: museo-sans, sans-serif !important;
}

@media (max-width: 1279px) {
    #orange-banner-wrapper {
      padding: 1rem;
    }

    table {
      table-layout: fixed;
    }
    table.banner-table {
      width: 100%;
    }

    table.banner-table th {
      width: 185px;
    }

    table.banner-table td:nth-child(2) {
      width: 345px;
    }

    table.banner-table td:last-child {
      width: 185px;
    }

    #orange-banner-wrapper h2 {
      font: normal normal 500 20px/22px museo-sans !important;
    }

    #orange-banner-wrapper p {
      font: normal normal 500 16px/19px museo-sans !important;
    }

    #orange-banner-wrapper svg {
      padding: 0;
      margin-right: 20px;
    }

    .jeff-header {
      padding: 0;
    }

    .jeff-header img {
      display: block;
      margin: auto;
    }

    .qualtrics-header {
      padding: 0;
      justify-content: center;
      font-size: 60px;
      font-weight: 700;
    }

    .qualtrics-head {
      padding: 2rem 20px;
      text-align: left;
    }

    .qualtrics-head p {
      margin: 0;
      font-size: 18px !important;
    }

    .text {
      margin: 0 20px;
    }

    .text h2 {
      font-weight: 700 !important;
      margin-bottom: 20px;
    }

    .qualtrics-post {
      display: block;
      height: auto;
      width: 100%;
      padding-bottom: 36px;
    }

    .creation {
      padding-top: 30px;
      padding-bottom: 30px;
      padding-left: 2rem;
    }

    .creation p {
      font: normal normal 500 18px/24px museo-sans !important;
    }

    .access-links {
      padding: 0;
      padding-left: 2rem;
      /* padding-bottom: 2rem; */
      width: 100%;
      display: block;
    }

    .footer {
      display: inline-block;
      padding-bottom: 47px;
      padding-top: 37px;
      height: auto;
    }

    .footer-left {
      flex: none;
      width: 100%;
      padding: 0;
      padding-left: 2rem;
    }

    .footer-right {
      flex: none;
      width: 100%;
      padding: 40px 0 0 2rem;
    }

    .footer h3 {
      font: normal normal 700 24px/24px museo-sans !important;
    }

    .footer-right p {
      font: normal normal 500 18px/24px museo-sans !important;
    }

    .footer-right a {
      font-size: 18px !important;
      font-weight: 500 !important;
    }

    .left-div {
      flex: 0 0 100%;
      margin-top: 40px;
      margin-bottom: 40px;
    }

    .right-div {
      display: none;
    }

    h2 {
      font: normal normal 500 18px/24px museo-sans !important;
      font-weight: 700;
    }

    p {
      font: normal normal 500 16px/30px museo-sans !important;
    }

    li {
      font: normal normal 500 16px/30px museo-sans !important;
    }

    table.banner-table th {
      font: normal normal 500 18px/22px museo-sans !important;
      padding: 1rem;
    }

    table.banner-table td {
      font: normal normal 500 16px/19px museo-sans !important;
      padding: 1rem;
    }

}

@media (max-width: 600px) {
    table.banner-table {
      table-layout: auto;
    }

    table.banner-table th,
    table.banner-table td:nth-child(2),
    table.banner-table td:last-child {
      width: auto;
    }

    h1 {
      font: normal normal 500 20px/22px museo-sans !important;
      font-weight: 700;
    }

    .notice-header {
      font: normal normal 700 29px/35px museo-sans !important;
    }

    .qualtrics-post {
      display: block;
    }

    .jeff-header img {
      max-width: 100%;
    }

    .creation {
      width: 85%;
    }

}

@media (max-width: 480px) {
    table.banner-table td {
      padding: 0.5rem;
    }
}

@media (max-width: 400px) {
    table.banner-table td {
      font: normal normal 500 14px/17px museo-sans !important;
    }

    #orange-banner-wrapper {
      padding: .5rem;
    }

    .qualtrics-header {
      font-size: 38px;
    }

    .footer-left {
      padding-left: 1rem;
    }

    .footer-right {
      padding-left: 1rem;
    }

    .footer a {
      font: normal normal 500 16px/19px museo-sans !important;
    }

    .footer p {
      font: normal normal 500 16px/19px museo-sans !important;
    }

    .footer-left a {
      font: normal normal 700 18px/19px museo-sans !important;
    }

    .footer-right a {
      font: normal normal 500 18px/19px museo-sans !important;
    }

    .footer-right p {
      font: normal normal 500 18px/19px museo-sans !important;
    }
}

@media (max-width: 374px) {
    .qualtrics-post {
      height: 45vh;
    }
}

/* @media (orientation: landscape) {
    .qualtrics-post {
      height: 147px !important;
    }
} */