@charset "UTF-8";
/*!
 * Bootstrap v4.5.3 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
@import url("https://use.typekit.net/zyj7dmr.css");
* {
  box-sizing: border-box;
}

main {
  max-width: 1360px;
  margin: 0 auto;
}

.btn-primary {
  background-color: #006BB4 !important;
  border-color: #006BB4 !important;
}

.container p.mt-3,
.row p.mt-3 {
  line-height: 1.5;
}
.container h1, .container h2,
.row h1,
.row h2 {
  color: black;
  font-weight: 600;
}
.container p,
.row p {
  margin: 1rem 0;
}

.campData a {
  color: #006AB3;
}
.campData .row.tab-pane.active.show {
  display: flex;
}

@media (min-width: 1400px) {
  .container {
    max-width: 1140px !important;
  }
}
section {
  position: relative;
  padding: 0 1rem;
}
@media (min-width: 1360px) {
  section {
    padding: 0;
  }
}

.container {
  padding: 0;
}

.banner-wrapper .container {
  padding: 0;
}

.center-content {
  width: 100%;
  margin: 0 auto;
  padding: 0 1rem;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

.content-wrapper {
  text-align: center;
  width: 100%;
  max-width: 960px;
  margin: 2rem auto;
}

.triangle-border {
  background-image: url(/assets/img/callout-triangle.png);
  background-repeat: no-repeat;
  height: 20px;
  margin-left: 46%;
  margin-top: -0.18em;
}

.run-camp-callout {
  background-color: #F8FCFD;
  border-top: 2px solid #B6E2E7;
  border-bottom: 2px solid #B6E2E7;
}

.certificate-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 1rem;
}
.certificate-cta img {
  padding-right: 0.5rem;
}
.certificate-cta h6 {
  font-weight: bold;
}
.certificate-cta h6 a {
  text-decoration: underline;
}
.certificate-cta.iq h6 {
  color: #0077C8;
}
.certificate-cta.vr h6 {
  color: #986F25;
}
.certificate-cta.go h6 {
  color: #007278;
}

* {
  font-family: aktiv-grotesk, sans-serif;
  color: #434A53;
}

body {
  line-height: 1.5;
}

.text-large {
  font-size: 140%;
}

.text-small {
  font-size: 75%;
}

a,
a:hover {
  color: #006AB3;
}

p {
  margin: 1rem 0;
}

h2 {
  font-size: 2.25rem;
  color: #434A53;
  text-align: center;
  margin: 0;
}

.h2-banner {
  width: 100%;
  background: #434A53;
  color: #fff;
  text-align: center;
  margin: 2rem auto;
  padding: 0.25rem 0;
  border-bottom-left-radius: 3rem;
  border-bottom-right-radius: 3rem;
  font-size: 2rem;
}
@media (min-width: 576px) {
  .h2-banner {
    font-size: 2.25rem;
  }
}
@media (min-width: 825px) {
  .h2-banner {
    width: 700px;
  }
}

h3 {
  color: #036A8D;
  text-align: center;
}

.h-wrapper {
  width: 100%;
  height: auto;
  border-top: 1px solid #036A8D;
  margin: 3rem auto 0;
  display: flex;
  z-index: 10;
}
.h-wrapper h2,
.h-wrapper h3 {
  width: initial;
  margin: -1.25rem auto 0.5rem;
  background: #fff;
  display: inline-block;
  padding: 0 1rem;
}

ul {
  list-style-position: inside;
}

li {
  margin-bottom: 0.5rem;
}

ul.text-center li {
  text-align: center;
}

.homeBanner {
  background-image: url(/assets/img/vex-camp-banner-xl-v4.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  max-width: 100%;
  padding-top: 20%;
}

.runBanner {
  background-image: url(/assets/img/vex-camp-run-banner-xl-v3.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  max-width: 100%;
  padding-top: 20%;
}

.onlineBanner {
  background-image: url(/assets/img/vex-camp-online-banner-v3-xl.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  max-width: 100%;
  padding-top: 20%;
}

.buttonAlign {
  text-align: center;
}

@media (min-width: 946px) {
  .buttonAlign {
    text-align: left;
    margin-left: 1em;
  }
}
div#mc_embed_signup {
  width: 800px !important;
  max-width: 100% !important;
}

#mc_embed_signup_scroll h2 {
  padding: 15px !important;
  margin: 0 !important;
}

#mc_embed_signup .button {
  color: #fff !important;
  background-color: #006bb4 !important;
  border-color: #006bb4 !important;
}

.brown-background .card-text {
  text-align: center !important;
  font-size: 18px;
  margin-top: 2rem;
}
.brown-background .card-header {
  text-align: center !important;
  color: #fff !important;
  font-weight: 600;
  background: #d22630;
  position: relative;
}
.brown-background .card-header::before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #d22630;
}
.brown-background .card-header {
  font-size: 22px;
}
.brown-background .card-body {
  padding-top: 0 !important;
}

.accent2 {
  border-bottom-style: dashed;
  border-bottom-color: #b6862d;
  border-bottom-width: 3.5px;
  width: 50%;
  max-width: 100%;
  margin: auto;
}

.numero {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

.numero-circle {
  position: relative;
  width: 50px;
  height: 50px;
  background-color: #d22630;
  border-radius: 50%;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 50px;
  min-height: 50px;
}

.numero-circle span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 80%;
  color: white;
  font-weight: bold;
  font-size: 28px;
  transform: scale(1); /* Adjust scale to fix distortion */
}

.numero-text {
  font-size: 21px;
  margin-left: 1rem;
}

#mc_embed_signup {
  background-color: #f5f5f5;
  border-radius: 5px;
  text-align: center;
}

#mc_embed_signup_scroll {
  display: flex;
  flex-direction: column;
}

.mce_inline_error {
  font-size: 12px;
}

.response {
  font-style: italic;
}

.mc-field-group {
  padding-bottom: 0 !important;
}

.card-link-all {
  text-decoration: none !important;
}

.landingNew p {
  font-size: 21px !important;
}
.landingNew .btn-primary {
  font-size: 21px;
}

.video-wrapper {
  padding: 0 1rem 1rem;
}
.video-wrapper .video-placeholder {
  width: 100%;
  max-width: 800px;
  height: auto;
  margin: 1rem auto;
  display: block;
}
.video-wrapper video,
.video-wrapper .videoPlayer {
  margin: 0 auto;
  display: block;
  width: 100%;
  max-width: 800px;
  height: auto;
  border: 1px solid #cccccc;
}

.videoWidth {
  width: 100%;
}

@media (min-width: 946px) {
  .videoWidth {
    width: 75% !important;
  }
}
.videoBackground {
  background-image: url("https://content.vexrobotics.com/images/summer-of-learning/landing-page/icon-pattern-background2.png");
  padding: 5%;
  background-attachment: fixed;
  background-repeat: repeat;
  margin: 2em 0;
}
.videoBackground video {
  display: block;
}

.button-link-group {
  justify-content: center;
  display: block;
}
@media (min-width: 678px) {
  .button-link-group {
    width: 100%;
    display: flex;
  }
}
.button-link-group .button-link {
  width: 150px;
  float: none;
  margin: 1rem auto;
  color: #006AB3;
}
.button-link-group .button-link span {
  color: #006AB3;
}
@media (min-width: 678px) {
  .button-link-group .button-link {
    float: left;
    margin: 1rem 2rem;
  }
}

.button-link {
  border: 1px solid #036A8D;
  width: 175px;
  background: #fff;
  border-radius: 0.35rem;
  color: #006AB3;
  text-align: center;
  padding: 1rem 0.5rem;
  margin: 1rem auto;
  text-decoration: none;
  transform: scale(1, 1);
  transition: transform ease-out 0.5s;
  display: block;
}
.button-link span {
  color: #006AB3;
}
.button-link:hover {
  cursor: pointer;
  transform: scale(1.1, 1.1);
  text-decoration: none;
}

.facilitation-btns .center-content {
  padding: 0;
}
.facilitation-btns .button-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 250px !important;
}
@media (min-width: 678px) {
  .facilitation-btns .button-link {
    max-width: 160px !important;
  }
}

.successMsg .button-link {
  margin: 1rem 0;
}

.table {
  border: 1px solid #8fd2f5;
  text-align: left;
}
.table thead tr {
  background: #434A53;
}
.table thead tr th {
  padding: 0.25rem 1rem;
  border-top: 1px solid #8fd2f5;
  border-bottom: 1px solid #8fd2f5;
  border-right: 1px solid #8fd2f5;
  color: #fff;
}
.table thead tr th:first-of-type {
  text-align: center;
}
.table tbody tr {
  background-color: #fff;
}
.table tbody tr:nth-child(even) {
  background-color: #cdedff;
}
.table tbody tr td {
  padding: 0.25rem 1rem;
  border-top: 1px solid #8fd2f5;
  border-right: 1px solid #8fd2f5;
}
.table tbody tr td:first-of-type {
  text-align: center;
  padding: 0.25rem 0.5rem;
}

.form-group .button-link {
  width: 200px;
  float: left;
  margin: 0.5rem 1.5rem 0.5rem 0;
}

.icon-share-wrapper {
  clear: both;
  padding: 1rem 0;
}
.icon-share-wrapper .icon-share {
  width: 50px;
  height: auto;
  margin: 0.25rem;
}

.form-check-label {
  margin-left: 0.25em;
  margin-bottom: 0;
}

.col-xl-3 #options .card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.filterHeader {
  background-color: #9F236D !important;
}

.filterHeader legend {
  color: #fff !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
}

.card-deck {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.card-deck .card {
  border-radius: 0.5rem;
  margin: 1rem auto;
  display: block;
  max-width: 400px;
}
.card-deck .card .card-img-top {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.card-deck .card h5.card-title {
  text-align: center;
  background: #00AAEC;
  color: #fff;
  padding: 0.5rem;
  margin: 0;
  font-size: 1.75rem;
}
.card-deck .card .card-body {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.card-deck .card .card-body .card-text {
  text-align: center;
  height: 120px;
}
.card-deck .card .card-body p:first-child {
  margin-top: 0;
}
.card-deck .card .card-body .card-footer {
  background: transparent;
  border-top: none;
  padding: 0.75rem 0;
}
.card-deck .card .card-body .card-footer .button-link {
  margin: 0 auto;
}

/* Homepage Styles */
.header-box {
  background-color: #faf3e8;
  border: #b6862d 2px solid;
  border-radius: 9px;
}

.campCardLink {
  color: #006BB4 !important;
}

section {
  margin: 1rem;
}

h1 {
  color: black;
  font-weight: 600;
}

h2 {
  color: black;
  font-weight: 600;
}

.create-a-camp-callout {
  background-color: #FBE9EA;
}

.brown-background {
  background: #614c3e;
  color: #fff !important;
  border-radius: 12px;
}
.brown-background p {
  color: #fff !important;
}
.brown-background h2 {
  color: #fff !important;
}
.brown-background .card-text {
  color: black !important;
}

.col-img-txt .row {
  margin-bottom: 0;
  text-align: center;
}
.col-img-txt .content-wrapper {
  border-top: 1px solid #036A8D;
}
.col-img-txt .icon-wrapper {
  padding: 1rem;
  border-top: 1px solid #cccccc;
  margin: 0 1rem;
}
.col-img-txt .icon-wrapper:first-of-type {
  border-top: none;
}
.col-img-txt img {
  width: 100%;
  height: auto;
  padding: 1rem;
}
.col-img-txt img.icon {
  width: auto;
  height: 6rem;
  padding: 0;
}
.col-img-txt h3 {
  color: #036A8D;
  text-align: center;
  background: #fff;
  margin: -1.25rem auto 0;
}
.col-img-txt h4 {
  font-size: 1.25rem;
  height: 2.25rem;
}
.col-img-txt ul, .col-img-txt li {
  text-align: left;
}
.col-img-txt .button-link {
  color: #006AB3;
  margin: 2rem auto;
}
.col-img-txt .button-link span {
  color: #006AB3;
}

.dropdown {
  z-index: 999;
  padding: 0.2rem;
  width: 75px;
  height: 50px;
}
.dropdown #dropdownMenuLink {
  background-color: transparent;
  border: none;
  width: 5rem;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  direction: ltr;
}
.dropdown #dropdownMenuLink .language-icon {
  position: absolute;
  left: 16px;
  top: 9px;
}
.dropdown #dropdownMenuLink .language-icon svg {
  width: 30px;
  height: auto;
}
.dropdown .dropdown-toggle::after {
  color: #595959;
  box-shadow: none;
  font-size: 1.25rem;
  position: absolute;
  top: 22px;
  right: 18px;
}
.dropdown .btn-secondary.dropdown-toggle:focus {
  box-shadow: none !important;
}
.dropdown .dropdown-menu.show {
  display: block;
  padding: 0px 1px 1px;
  text-align: center;
  top: 40px !important;
  will-change: initial !important;
  transform: initial !important;
  left: 3px !important;
}

footer .footer--topBorder {
  border-top: 1px solid #ccc;
  display: flex;
  flex-wrap: wrap;
}

footer .footer--logo {
  max-width: 175px;
}

footer .footer--text {
  font-size: 0.625rem;
  color: #000;
}

footer .footer--text p {
  margin: 0 1rem 1rem;
}

footer .footer--text a {
  color: #006BB4;
  text-decoration: none;
}

footer .footer--text a:hover {
  color: #006BB4;
  text-decoration: underline;
}

footer .socialIcon {
  width: 50px;
}

footer a {
  font-weight: 400 !important;
}

html[dir=rtl] #masterHeader {
  direction: ltr !important;
}

.badge-vex-123 {
  font-size: 16px !important;
  padding: 0.25em 0.4em !important;
  background: #7c4182;
}
.badge-vex-123 strong {
  color: #fff;
}

.badge-vex-go {
  font-size: 16px !important;
  padding: 0.25em 0.4em !important;
  background-color: #007278;
}
.badge-vex-go strong {
  color: #fff;
}

.badge-vexcode-vr {
  font-size: 16px !important;
  padding: 0.25em 0.4em !important;
  background-color: #986F25;
}
.badge-vexcode-vr strong {
  color: #fff;
}

.badge-vex-iq {
  font-size: 16px !important;
  padding: 0.25em 0.4em !important;
  background: #0077c8;
}
.badge-vex-iq strong {
  color: #fff;
}

.badge-vex-cte {
  font-size: 16px !important;
  padding: 0.25em 0.4em !important;
  background: #0D7839;
}
.badge-vex-cte strong {
  color: #fff;
}

.badge-vex-aim {
  font-size: 16px !important;
  padding: 0.25em 0.4em !important;
  background: #001871;
}
.badge-vex-aim strong {
  color: #fff;
}

.badge-vex-exp {
  font-size: 16px !important;
  padding: 0.25em 0.4em !important;
  background: #D22630;
}
.badge-vex-exp strong {
  color: #fff;
}

.badge-vex-v5 {
  font-size: 16px !important;
  padding: 0.25em 0.4em !important;
  background: #D22630;
}
.badge-vex-v5 strong {
  color: #fff;
}

.badge-4plus,
.badge-8plus,
.badge-11plus,
.badge-14plus {
  font-size: 16px !important;
  padding: 0.25em 0.4em !important;
  background-color: #979797;
}
.badge-4plus strong,
.badge-8plus strong,
.badge-11plus strong,
.badge-14plus strong {
  color: #000000;
}

.badge-1-day,
.badge-3-day,
.badge-5-day,
.badge-after-school,
.badge-at-home {
  font-size: 16px !important;
  padding: 0.25em 0.4em !important;
  background-color: #75C8DB;
}
.badge-1-day strong,
.badge-3-day strong,
.badge-5-day strong,
.badge-after-school strong,
.badge-at-home strong {
  color: #000000;
}

.breadcrumb-camps {
  padding: 0.75rem 1rem !important;
  margin-bottom: 1rem !important;
  background-color: transparent !important;
  border-radius: 0.25rem !important;
}

.breadcrumb-item {
  display: flex;
}
.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
}
.breadcrumb-item a {
  color: #006AB3 !important;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.camp-container {
  padding-bottom: 50px;
}

.custom-camp {
  background: #fae8e9;
  padding: 20px;
}

.vex-logo-go {
  background-image: url("https://content.vexrobotics.com/vex-pgh-landing-pages/vex-go/vex-go-logo.png");
  background-size: 100% auto;
}

.camp-title {
  color: white;
  font-weight: 900;
}
.camp-title.go-primary {
  background: #007278;
}
.camp-title.iq-primary {
  background: #0077c8;
}
.camp-title.vr-primary {
  background: #986F25;
}

.camp-facts .camp-facts-tile {
  display: grid;
  grid-template-rows: 40% 60%;
  border-radius: 0.75rem;
  min-height: 120px;
  align-items: center;
}
.camp-facts .camp-facts-tile h4 {
  border-bottom: 2px dashed #007278;
  margin: 0;
  padding: 10px 0;
  font-weight: 900;
}
.camp-facts .camp-facts-tile.go-light {
  background: #d9eaeb;
}
.camp-facts .camp-facts-tile.iq-light {
  background: #ccdae3;
}
.camp-facts .camp-facts-tile.iq-light h4 {
  border-bottom: 2px dashed #0077c8 !important;
}
.camp-facts .camp-facts-tile.vr-light {
  background: #e0d9cd;
}
.camp-facts .camp-facts-tile.vr-light h4 {
  border-bottom: 2px dashed #986F25 !important;
}

.main-camp-image {
  background-image: url("https://content.vexrobotics.com/assets/camps/img/online-camps-inner/go/main-img-go.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.camp-badge {
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}

.camp-badge-go {
  background-image: url("https://content.vexrobotics.com/assets/camps/img/online-camps-inner/go/camp-go.png");
}

.camp-badge-vr {
  background-image: url("https://content.vexrobotics.com/assets/camps/img/online-camps-inner/vr/camp-vr.png");
}

.camp-badge-iq {
  background-image: url("https://content.vexrobotics.com/assets/camps/img/online-camps-inner/iq/camp-iq.png");
}

.middle-section {
  background-image: url("https://content.vexrobotics.com/assets/camps/img/online-camps-inner/go/cutout-go.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1200px) {
  .middle-section {
    background-size: cover;
    background-position: 25% center;
  }
}
.middle-section .card.stem-steps {
  overflow: hidden;
  border-radius: 0.75rem;
  border: 0 !important;
}
.middle-section .card-title.vr-primary {
  background-color: #986F25;
}
.middle-section .card-title.iq-primary {
  background-color: #0077c8;
}
.middle-section .card-title.go-primary {
  background-color: #007278;
}
.middle-section .card-title {
  padding: 5px;
  color: white !important;
}
.middle-section .card-text {
  background: white;
  padding: 20px;
}

.day-description .hr {
  border-spacing: 4px !important;
}
.day-description.go-primary {
  border: 1px solid #007278;
}
.day-description.iq-primary {
  border: 1px solid #0077c8;
}
.day-description.vr-primary {
  border: 1px solid #986F25;
}
.day-description {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.email-signup {
  border-radius: 0.75rem;
}
.email-signup.vr-light {
  background-color: #e0d9cd;
}
.email-signup.iq-light {
  background-color: #ccdae3;
}
.email-signup.go-light {
  background-color: #d9eaeb;
}
.email-signup .required.email {
  width: 100%;
}
.email-signup #mc_embed_signup {
  background: transparent;
  clear: left;
  font: 14px Helvetica, Arial, sans-serif;
  width: 100%;
}
.email-signup #mc_embed_signup #mc_embed_signup_scroll {
  display: grid;
  align-items: center;
  justify-items: start;
}
.email-signup #mc_embed_signup #mc_embed_signup .mc-field-group {
  clear: left;
  position: relative;
  padding-bottom: 3%;
  min-height: 50px;
  display: grid;
}
.email-signup #mc_embed_signup .indicates-required {
  text-align: right;
  font-size: 11px;
  /* margin-right: 4%; */
  justify-self: end;
}
.email-signup #mc_embed_signup .asterisk {
  color: #e85c41;
}
.email-signup #mc_embed_signup #mce-success-response {
  color: #529214;
  display: none;
  font-size: 10pt;
}
.email-signup #mc_embed_signup #mce-error-response {
  color: #e85c41;
  display: none;
  font-size: 10pt;
}
.email-signup #mc_embed_signup {
  /* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
    We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
}

.session-overviews.vr-primary .nav-link {
  background: #e0d9cd;
}
.session-overviews.vr-primary .nav-link.active {
  background: #986F25;
}
.session-overviews.iq-primary .nav-link {
  background: #ccdae3;
}
.session-overviews.iq-primary .nav-link.active {
  background: #0077c8;
}
.session-overviews.go-primary .nav-link {
  background: #d9eaeb;
}
.session-overviews.go-primary .nav-link.active {
  background: #007278;
}
.session-overviews .nav-link {
  color: black;
  border-radius: 0 !important;
}
.session-overviews .nav-link.active {
  color: white;
}

.requirements {
  background-color: #b2d4d6;
  border-radius: 0.75rem;
  height: 100%;
}
.requirements ul.custom-checkboxes {
  list-style-type: none;
  padding: 0;
}
.requirements ul.custom-checkboxes li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  font-size: 14pt;
}
.requirements ul.custom-checkboxes li:before {
  content: "";
  display: block;
  position: absolute;
  background: white;
  width: 1rem;
  height: 1rem;
  border-width: 2px;
  border-style: solid;
  border-radius: 1px;
  left: 0;
  top: 0;
}
.requirements.vr-light ul.custom-checkboxes li:before {
  border-color: #986F25;
}
.requirements.vr-light {
  background-color: #e0d9cd;
}
.requirements.vr-light .card-title {
  border-bottom: 2px dashed #986F25;
}
.requirements.iq-light {
  background-color: #ccdae3;
}
.requirements.iq-light ul.custom-checkboxes li:before {
  border-color: #0077c8;
}
.requirements.iq-light .card-title {
  border-bottom: 2px dashed #0077c8;
}
.requirements.go-light {
  background-color: #d9eaeb;
}
.requirements.go-light ul.custom-checkboxes li:before {
  border-color: #007278;
}
.requirements.go-light .card-title {
  border-bottom: 2px dashed #007278;
}
.requirements .card-title {
  font-size: 2rem;
}
.requirements .card-text {
  font-size: 1rem;
}

.camp-date {
  border-radius: 0.25rem;
}
.camp-date.camp-go {
  background: #d9eaeb;
}
.camp-date.camp-iq {
  background: #ccdae3;
}
.camp-date.camp-vr {
  background: #e0d9cd;
}

h4.free {
  color: red;
}

.body-bg {
  display: none;
}

.middle-section-iq {
  background-image: url("https://content.vexrobotics.com/assets/camps/img/online-camps-inner/iq/cutout-iq.png");
  background-size: 100% 100%;
}
.middle-section-iq .card.stem-steps {
  overflow: hidden;
  border-radius: 0.75rem;
}
.middle-section-iq .card-title.vr-primary {
  background-color: #986F25;
}
.middle-section-iq .card-title.iq-primary {
  background-color: #0077c8;
}
.middle-section-iq .card-title.go-primary {
  background-color: #007278;
}
.middle-section-iq .card-title {
  padding: 5px;
  color: white !important;
}
.middle-section-iq .card-text {
  background: white;
  padding: 20px;
}

.camp-badge-iq {
  background-image: url("https://content.vexrobotics.com/assets/camps/img/online-camps-inner/iq/camp-iq.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.videoWidth {
  width: 100%;
}

@media (min-width: 946px) {
  .videoWidth {
    width: 75% !important;
  }
}
.aim .video-toggle-container {
  background: #001871;
}
.aim .transcript-accordion .accordion-button {
  color: #001871;
}
.aim .transcript-accordion .accordion-button:not(.collapsed) {
  color: #001871;
}
.aim .transcript-accordion .accordion-button::before {
  background-image: url("/assets/img/aim-transcript.svg");
}
.aim .transcript-accordion .accordion-button .transcript-title {
  color: #001871;
}
.aim .transcript-accordion .accordion-item {
  border: 1px solid #001871;
}
.aim .transcript-accordion .accordion-item h2 {
  color: #001871;
}

.cte .video-toggle-container {
  background: #0D7839;
}
.cte .transcript-accordion .accordion-button {
  color: #0D7839;
}
.cte .transcript-accordion .accordion-button:not(.collapsed) {
  color: #0D7839;
}
.cte .transcript-accordion .accordion-button::before {
  background-image: url("/assets/img/cte-transcript.svg");
}
.cte .transcript-accordion .accordion-button .transcript-title {
  color: #0D7839;
}
.cte .transcript-accordion .accordion-item {
  border: 1px solid #0D7839;
}
.cte .transcript-accordion .accordion-item h2 {
  color: #0D7839;
}

.exp .video-toggle-container {
  background: #D22630;
}
.exp .transcript-accordion .accordion-button {
  color: #D22630;
}
.exp .transcript-accordion .accordion-button:not(.collapsed) {
  color: #D22630;
}
.exp .transcript-accordion .accordion-button::before {
  background-image: url("/assets/img/exp-transcript.svg");
}
.exp .transcript-accordion .accordion-button .transcript-title {
  color: #D22630;
}
.exp .transcript-accordion .accordion-item {
  border: 1px solid #D22630;
}
.exp .transcript-accordion .accordion-item h2 {
  color: #D22630;
}

.go .video-toggle-container {
  background: #007278;
}
.go .transcript-accordion .accordion-button {
  color: #007278;
}
.go .transcript-accordion .accordion-button:not(.collapsed) {
  color: #007278;
}
.go .transcript-accordion .accordion-button::before {
  background-image: url("/assets/img/go-transcript.svg");
}
.go .transcript-accordion .accordion-button .transcript-title {
  color: #007278;
}
.go .transcript-accordion .accordion-item {
  border: 1px solid #007278;
}
.go .transcript-accordion .accordion-item h2 {
  color: #007278;
}

.one-two-three .video-toggle-container {
  background: #7c4182;
}
.one-two-three .transcript-accordion .accordion-button {
  color: #7c4182;
}
.one-two-three .transcript-accordion .accordion-button:not(.collapsed) {
  color: #7c4182;
}
.one-two-three .transcript-accordion .accordion-button::before {
  background-image: url("/assets/img/123-transcript.svg");
}
.one-two-three .transcript-accordion .accordion-button .transcript-title {
  color: #7c4182;
}
.one-two-three .transcript-accordion .accordion-item {
  border: 1px solid #7c4182;
}
.one-two-three .transcript-accordion .accordion-item h2 {
  color: #7c4182;
}

.vr .video-toggle-container {
  background: #986F25;
}
.vr .transcript-accordion .accordion-button {
  color: #986F25;
}
.vr .transcript-accordion .accordion-button:not(.collapsed) {
  color: #986F25;
}
.vr .transcript-accordion .accordion-button::before {
  background-image: url("/assets/img/vr-transcript.svg");
}
.vr .transcript-accordion .accordion-button .transcript-title {
  color: #986F25;
}
.vr .transcript-accordion .accordion-item {
  border: 1px solid #986F25;
}
.vr .transcript-accordion .accordion-item h2 {
  color: #986F25;
}
.vr {
  display: block !important;
  align-self: auto !important;
  width: 100% !important;
  background-color: transparent !important;
  opacity: 1 !important;
}

.iq .video-toggle-container {
  background: #0077c8;
}
.iq .transcript-accordion .accordion-button {
  color: #0077c8;
}
.iq .transcript-accordion .accordion-button:not(.collapsed) {
  color: #0077c8;
}
.iq .transcript-accordion .accordion-button::before {
  background-image: url("/assets/img/iq-transcript.svg");
}
.iq .transcript-accordion .accordion-button .transcript-title {
  color: #0077c8;
}
.iq .transcript-accordion .accordion-item {
  border: 1px solid #0077c8;
}
.iq .transcript-accordion .accordion-item h2 {
  color: #0077c8;
}

@media (min-width: 946px) {
  .day-description .video-toggle-container {
    width: 100% !important;
  }
}
@media (min-width: 946px) {
  .day-description .transcript-accordion {
    width: 100% !important;
    margin-top: -0.4rem;
  }
}
.day-description p {
  padding-right: 0.75rem !important;
  padding-left: 0.75rem !important;
}
.day-description .accordion-item {
  margin-bottom: 0px !important;
  border: none !important;
}

.col-lg-6.day-description .accordion-item {
  margin-bottom: 0px !important;
  border: 1px solid #986F25 !important;
}

.descriptiveVideos video {
  max-width: 100% !important;
  margin: 0px auto;
  border: none;
}
.descriptiveVideos .video-toggle-container {
  display: flex;
  justify-content: right;
  border-top-right-radius: 14px;
  border-top-left-radius: 14px;
  max-width: 100%;
  margin: 0px auto;
  width: 100%;
}
@media (min-width: 946px) {
  .descriptiveVideos .video-toggle-container {
    width: 75%;
  }
}
.descriptiveVideos .video-toggle-container .video-toggle-label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 0.25rem;
  padding-right: 0.5rem;
  margin-bottom: 0 !important;
}
.descriptiveVideos .video-toggle-container .video-toggle-label .video-toggle-slider {
  width: 42px;
  height: 22px;
  background-color: #707070;
  border-radius: 999px;
  position: relative;
  transition: background-color 0.4s;
}
.descriptiveVideos .video-toggle-container .video-toggle-label .video-toggle-slider::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  top: 2px;
  left: 2px;
  background-color: #fff;
  transition: transform 0.4s;
}
.descriptiveVideos .video-toggle-container .video-toggle-label .video-toggle-slider:focus-within {
  outline: -webkit-focus-ring-color auto 1px;
}
.descriptiveVideos .video-toggle-container .video-toggle-label .video-toggle-icon {
  margin-left: 8px !important;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  height: auto;
  max-width: 50px !important;
  width: 100px !important;
  pointer-events: none;
  border: none !important;
}
.descriptiveVideos .video-toggle-container .video-toggle-input:checked + .video-toggle-label .video-toggle-slider {
  background-color: #61ad34;
}
.descriptiveVideos .video-toggle-container .video-toggle-input:checked + .video-toggle-label .video-toggle-slider::before {
  transform: translateX(20px);
}
.descriptiveVideos .videoWrapper {
  margin-top: 1rem;
}

.transcript-accordion {
  /* CSS variables and base styles */
  --bs-accordion-color: #212529;
  --bs-accordion-bg: #fff;
  --bs-accordion-transition: color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out,
    border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: 8px;
  --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: #212529;
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230060a2'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #80b5da;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0, 107, 180, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #0060a2;
  --bs-accordion-active-bg: #e6f0f8;
  max-width: 100%;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 946px) {
  .transcript-accordion {
    width: 75%;
  }
}
.transcript-accordion .accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1.2rem;
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
  padding-left: 0;
  background: transparent;
}
.transcript-accordion .accordion-button::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  background-size: 35px 35px;
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
}
.transcript-accordion .accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
.transcript-accordion .accordion-button:not(.collapsed) {
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
  background-color: transparent !important;
}
.transcript-accordion .accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.transcript-accordion .accordion-button:hover {
  z-index: 2;
}
.transcript-accordion .accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
@media (prefers-reduced-motion: reduce) {
  .transcript-accordion .accordion-button {
    transition: none;
  }
  .transcript-accordion .accordion-button::after {
    transition: none;
  }
}
.transcript-accordion .accordion-button .transcript-title {
  margin-left: 55px;
  position: relative;
}
.transcript-accordion .accordion-item {
  transition: all 1s ease-in-out !important;
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin: 0 0 1rem 0;
  border-radius: var(--bs-accordion-border-radius);
}
.transcript-accordion .accordion-item h2 {
  background-color: #fff !important;
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.transcript-accordion .accordion-item:first-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.transcript-accordion .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.transcript-accordion .accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.transcript-accordion .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.transcript-accordion .accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.transcript-accordion .accordion-header {
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.transcript-accordion .accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
  max-height: 250px;
  overflow-y: scroll;
  background-color: #f8f9fa;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.transcript-accordion .accordion-flush .accordion-collapse {
  border-width: 0;
}
.transcript-accordion .accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.transcript-accordion .accordion-flush .accordion-item:first-child {
  border-top: 0;
}
.transcript-accordion .accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}
.transcript-accordion .accordion-flush .accordion-item .accordion-button,
.transcript-accordion .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0;
}
.transcript-accordion .accordion-description {
  color: black;
}

video.transcript {
  margin-bottom: 0px;
  border: none;
}

.vr-link {
  display: none !important;
}

body {
  font-family: "Sofia Sans", sans-serif;
  color: #181D63;
}

.bg-gp-pink {
  background-color: #9F236D;
}

.text-gp-pink {
  color: #9F236D;
}

.text-gp-navy {
  color: #181D63;
}

.btn-gp-pink {
  background-color: #9F236D;
  color: #fff;
  font-weight: 700;
  font-size: 1.1rem;
  padding: 0.6rem 2rem;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.2s;
}
.btn-gp-pink:hover {
  text-decoration: underline;
}

.workshops-section .btn-gp-blue {
  background-color: #00428B;
  color: #fff;
  font-weight: 700;
  font-size: 1.1rem;
  padding: 0.6rem 2rem;
  text-decoration: none;
  border-radius: 999px;
  transition: background-color 0.2s;
}
.workshops-section .btn-gp-blue:hover {
  text-decoration: underline;
  color: #fff;
  background-color: #00428B;
}

.section-padding {
  padding: 4rem 0;
}

.hero-section {
  position: relative;
  background: linear-gradient(rgba(159, 36, 126, 0.7), rgba(159, 36, 126, 0.7)), url("/assets/img/header2.jpg");
  background-size: cover;
  background-position: center;
  color: #fff;
  padding: 3rem 0 2rem;
  margin-top: 0px;
}
.hero-section * {
  color: #fff;
}
.hero-section .hero-logo {
  max-width: 280px;
  margin-bottom: 1.5rem;
}
.hero-section h1 {
  font-size: 2.75rem;
  font-weight: 700;
  margin-bottom: 1rem;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
}
.hero-section p {
  font-size: 1.1rem;
  line-height: 1.6;
  color: #fff;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
}
.hero-section.host-a {
  background: linear-gradient(rgba(0, 67, 140, 0.7), rgba(0, 67, 140, 0.7)), url("/assets/img/header03.jpg");
  background-size: cover;
}
.hero-section.see-girl {
  background: linear-gradient(rgba(24, 29, 99, 0.7), rgba(24, 29, 99, 0.7)), url("/assets/img/header02.jpg");
  background-size: cover;
}

.return-btn a {
  color: #006bb4;
  font-size: 1.05rem;
  text-decoration: none;
}
.return-btn a:hover {
  text-decoration: underline;
}

.hero-buttons .btn {
  margin: 0.5rem;
  background-color: #fff;
  color: #9F236D;
  border: 2px solid #fff;
  transition: all 0.2s;
  border-radius: 999px;
}
.hero-buttons .btn strong {
  color: #9F236D;
}
.hero-buttons .btn:hover {
  text-decoration: underline;
  background-color: #fff !important;
  color: #9F236D !important;
  border: 2px solid #fff !important;
}

.why-section h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #181D63;
}
.why-section p {
  font-size: 1.05rem;
  line-height: 1.7;
  color: #181D63;
}

.why-photo {
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  max-height: 400px;
}

.pillars-section {
  position: relative;
  overflow: hidden;
}

.pillars-section .container {
  position: relative;
  z-index: 1;
}

.pillars-header {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.pillar-card {
  position: relative;
  padding: 2rem;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 1.5rem;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
  backdrop-filter: blur(12px);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.pillar-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  opacity: 0;
  transition: opacity 180ms ease;
  pointer-events: none;
}

.pillar-card h3 {
  position: relative;
  z-index: 1;
  margin-bottom: 0.85rem;
  color: #181D63;
  font-size: 1.35rem;
  font-weight: 800;
  line-height: 1.2;
}

.pillar-card p {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
  color: #181D63;
  font-size: 1.05rem;
  line-height: 1.7;
}

@media (max-width: 767.98px) {
  .pillars-section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .pillar-card {
    padding: 1.5rem;
  }
  .section-title {
    font-size: 2rem;
  }
}
.story-section {
  background-color: #00428B;
  color: #fff;
  padding: 4rem 0;
}
.story-section * {
  color: #fff;
}
.story-section h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #fff;
}
.story-section p,
.story-section li {
  font-size: 1.05rem;
  line-height: 1.7;
  color: #fff;
}
.story-section ol {
  padding-left: 1.2rem;
}
.story-section ol li {
  margin-bottom: 0.75rem;
}
.story-section .story-social-icons .socialIcon {
  width: 50px;
}

.story-team-photo {
  display: block;
  width: 100%;
  max-width: 1328px;
  margin: 0 auto;
}

@media (max-width: 1399.98px) {
  .story-team-photo {
    max-width: calc(100% - var(--bs-gutter-x, 1.5rem) * 2);
  }
}
@media (max-width: 575.98px) {
  .story-team-photo {
    max-width: 100%;
  }
}
.workshops-section h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #181D63;
}
.workshops-section p {
  font-size: 1.05rem;
  line-height: 1.7;
  color: #181D63;
}
.workshops-section li {
  color: #181D63;
  font-size: 1.05rem;
  line-height: 1.7;
}

.workshop-card {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.workshop-card img {
  max-width: 240px;
  margin-bottom: 1.5rem;
}
.workshop-card h2 {
  font-size: 1.3rem;
  font-weight: 700;
}
.workshop-card p {
  font-size: 1rem;
  text-align: center;
}

.faq-section {
  font-size: 1.15rem;
}
.faq-section a {
  color: #9F236D;
  font-weight: 700;
  text-decoration: none;
}
.faq-section a:hover {
  text-decoration: underline;
}

.btn-gp-pink:focus-visible,
.btn-gp-blue:focus-visible,
.hero-buttons .btn:focus-visible {
  outline: 3px solid #181D63;
  outline-offset: 2px;
}

.hero-buttons .btn:focus-visible {
  outline-color: #fff;
}

.story-social-icons .socialIcon:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 2px;
}

.faq-section a:focus-visible {
  outline: 3px solid #181D63;
  outline-offset: 2px;
}

@media screen and (max-width: 754px) {
  .activities .card-wrapper {
    padding-top: 1rem;
  }
}
.activities .card-title {
  color: #fff;
  font-weight: 700;
  text-align: center;
  font-size: 1.8rem;
  line-height: 2.25rem;
  margin-top: 1.5rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.activities .card-img {
  padding: 0;
  width: 84%;
  margin: 1rem auto 0rem;
  display: block;
  border-radius: 1.875rem;
  z-index: 2;
  background: transparent;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.activities .card-bg-shape {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  clip-path: polygon(0 0, 100% 0, 100% 70%, 60% 90%, 40% 90%, 0 70%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 60% 90%, 40% 90%, 0 70%);
  z-index: 1;
  max-height: 16.5rem;
  transition: background-color 0.2s ease-out;
}
.activities .card-bg-shape.one-two-three {
  background-color: #7c4182;
}
.activities .card-bg-shape.go {
  background-color: #007278;
}
.activities .card-bg-shape.aim {
  background-color: #001A70;
}
.activities .card-bg-shape.iq {
  background-color: #0077c8;
}
.activities .card-bg-shape.exp {
  background-color: #d22630;
}
.activities .card-bg-shape.v5 {
  background-color: #d22630;
}
.activities .card-bg-shape.vexcode-vr {
  background-color: #b6862d;
}
.activities .activity-btn {
  background-color: #0d6efd;
  color: #fff;
  font-weight: 700;
  font-size: 1.1rem;
  padding: 0.6rem 2rem;
  text-decoration: none;
  border-radius: 999px;
}
.activities .activity-btn:hover {
  text-decoration: underline;
}
.activities .card-header {
  color: #fff;
  padding: 0.125em 1em;
  text-align: center;
  z-index: 100;
  font-weight: 700;
  font-size: 1rem;
  border: none;
}
.activities .card-header p {
  color: #fff;
}
.activities .card-header.one-two-three {
  background-color: #6f3975;
}
.activities .card-header.go {
  background-color: #013c3f;
}
.activities .card-header.aim {
  background-color: #0C193D;
}
.activities .card-header.iq {
  background-color: #02568d;
}
.activities .card-header.exp {
  background-color: #8a1c22;
}
.activities .card-header.v5 {
  background-color: #8a1c22;
}
.activities .card-header.vexcode-vr {
  background-color: #6D4E1B;
}
.activities em a {
  margin-left: 0px !important;
}

.return-btn {
  margin-left: 1rem;
}
.return-btn a {
  color: #006bb4;
  font-size: 1.05rem;
  text-decoration: none;
}
.return-btn a:hover {
  text-decoration: underline;
}

.wcag-compliant-header {
  max-width: 1360px;
  margin: 0 auto;
  font-family: Arial, Helvetica, "Helvetica Neue", Verdana, sans-serif !important;
  font-size: 1rem;
  line-height: 1.7;
}

.wcag-compliant-header .navbar-brand-vex:hover {
  background-color: #898A8D !important;
  padding: 0.5rem !important;
}

.wcag-compliant-header .navbar-brand-vex:hover .vex-navbar-image {
  content: url("https://content.vexrobotics.com/vexheader/vexWhite.svg");
  width: 60px;
}

.wcag-compliant-header .nav-link {
  padding: 0.5rem 0.5rem;
  font-size: 1em;
  color: #006bb4;
  font-weight: 600;
  display: block;
}

.first-section {
  padding-left: 1rem;
  padding-right: 1rem;
}

#vex_header {
  background-color: #fff;
  transition: all 0.3s;
  z-index: 1000;
}

.second-section {
  padding-left: 1rem;
}

.stem-labs-link:after {
  content: "―";
  color: #000;
  font-weight: bold;
}

.stem-labs-link:hover {
  text-decoration: none !important;
}

.nav-link {
  padding: 0.5rem 0.5rem;
  font-size: 1em;
  color: #006bb4;
  font-weight: 600;
  display: block;
}

.nav-link:hover,
.nav-link:focus {
  color: #006bb4;
  text-decoration: underline;
  cursor: pointer;
}

.nav-link:focus {
  outline: 3px solid #006bb4;
  text-decoration: none;
}

.current {
  background-color: #0078c8;
  color: #fff;
}

.current:hover {
  color: #fff !important;
}

.current:focus {
  color: #fff !important;
}

.first-section {
  background: white;
}

.vex-navbar-image {
  width: 60px;
}

.navbar-nav .nav-item .nav-link {
  padding: 0 12px;
}

.navbar-nav .nav-item .nav-link:focus {
  outline: 3px solid #006bb4;
}

.icon:focus {
  outline: 3px solid #006bb4;
}

.sub-nav {
  background-color: #fff;
}

a.nav-link.current {
  outline: 3px solid #006bb4;
}

.sub-nav .holder {
  height: 0.5em;
  background: #595959;
}

.sub-nav .nav-link:focus {
  outline: 3px solid #006bb4;
}

.language-switcher-language-url .nav-link {
  color: #ffffff;
  padding: 5px 10px;
}

.language-switcher-language-url .nav-link:focus {
  outline: 3px solid #006bb4;
}

@media (max-width: 991px) {
  .navbar-toggler {
    margin: 0.5rem;
  }
  .first-section .navbar-toggler {
    order: 1;
  }
  #langSwitcherMobile {
    order: 3;
  }
  .temp-div {
    order: 3;
  }
  .navbar-brand-vex {
    order: 2;
  }
  .d-lg-none .nav-link {
    padding-left: 15px;
    padding-right: 15px;
  }
  .vex-navbar-image {
    margin-left: -56px;
  }
}
.collapse.navbar-collapse .nav-link:nth-child(odd) {
  background-color: #f5f5f5;
}

.collapse.navbar-collapse .nav-link:nth-child(even) {
  background-color: #e0e0e0;
}

.current-collapse {
  background-color: #0078c8 !important;
  color: #fff !important;
}

.footerContentWrapper img {
  max-width: 175px !important;
}

.gp-accordions {
  --bs-accordion-color: #212529;
  --bs-accordion-bg: #fff;
  --bs-accordion-transition: color 0.15s ease-in-out,
    background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: #212529;
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("/assets/img/icon_chevron_thick.svg");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230060a2'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #80b5da;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0, 107, 180, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #0060a2;
  --bs-accordion-active-bg: #e6f0f8;
}
.gp-accordions .accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1.5rem;
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
  padding-left: 0px;
}
@media (prefers-reduced-motion: reduce) {
  .gp-accordions .accordion-button {
    transition: none;
  }
}
.gp-accordions .accordion-button:not(.collapsed) {
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.gp-accordions .accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.gp-accordions .accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .gp-accordions .accordion-button::after {
    transition: none;
  }
}
.gp-accordions .accordion-button:hover {
  z-index: 2;
}
.gp-accordions .accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.gp-accordions .accordion-header {
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0px;
  padding-top: 0px;
}
.gp-accordions .accordion-button .teacher-note-title {
  position: relative;
  color: #fff;
}
.gp-accordions .accordion-item {
  transition: all 1s ease-in-out !important;
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.gp-accordions .accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
  background-color: #f8f9fa;
}
.gp-accordions .accordion-flush .accordion-collapse {
  border-width: 0;
}
.gp-accordions .accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.gp-accordions .accordion-flush .accordion-item:first-child {
  border-top: 0;
}
.gp-accordions .accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}
.gp-accordions .accordion-flush .accordion-item .accordion-button,
.gp-accordions .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0;
}
.gp-accordions .accordion-item {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.gp-accordions .accordion-description {
  color: black;
}
.gp-accordions .accordion-button {
  background: transparent;
  align-items: center;
}
.gp-accordions .accordion-item {
  margin: 0 0 1rem 0;
  border-radius: var(--bs-accordion-border-radius);
  background-color: #9F236D;
  border: 1px solid #9F236D;
}
.gp-accordions .accordion-button:not(.collapsed) {
  background: transparent;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.gp-accordions .teacher-note-img {
  max-width: 28px;
  margin: 0.5rem auto;
}
.gp-accordions .teacher-note-title {
  font-size: 2rem;
}
@media screen and (max-width: 976px) {
  .gp-accordions .teacher-note-img {
    display: none;
  }
  .gp-accordions .title-col {
    padding-left: 1rem !important;
  }
}
.gp-accordions h3 {
  text-align: left;
  color: #9F236D;
  font-size: 1.5rem;
}
.gp-accordions p {
  color: #181D63;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  font-size: 1.05rem;
}
.gp-accordions p a {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}
.gp-accordions a {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  margin-bottom: 1rem;
  color: #006BB4;
  font-size: 1.05rem;
}
.gp-accordions ul li {
  color: #9F236D;
  font-size: 1.05rem;
}
.gp-accordions ul li span, .gp-accordions ul li strong {
  color: #181D63;
}
.gp-accordions ul li a {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}
.gp-accordions strong {
  color: #9F236D;
}

.hosting-blurb {
  color: #181D63;
  font-size: 1.05rem;
}