.container {
  padding-left: 20px;
  padding-right: 20px;
}
.main-header {
  position: fixed;
  top: 0;
  z-index: 10;
}
.main-header.scrolled .navbar {
  background-color: white;
}
.main-header .navbar {
  background-color: transparent;
}
h2 {
  font-family: 'Barlow Condensed';
  font-weight: bold;
  font-size: 3rem;
}
h3 {
  font-family: 'Barlow Condensed';
  font-size: 2rem;
}
@media only screen and (max-width: 768px) {
  nav.navbar {
    min-height: 4rem;
  }
  nav.navbar .navbar-brand {
    height: unset;
  }
  nav.navbar > .container,
  nav.navbar .navbar-brand,
  nav.navbar .navbar-tabs {
    min-height: 4rem;
  }
}
.navbar-brand {
  width: 127px;
  height: 105px;
  position: relative;
  left: 0;
  top: 0;
  max-width: 127px;
  max-height: 105px;
  margin-right: 45px;
}
@media only screen and (max-width: 1087px) {
  .navbar-brand {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .navbar-brand a img {
    height: 60px;
    width: auto;
  }
  .navbar-brand .navbar-burger {
    width: 4rem;
    height: 4rem;
  }
}
@media only screen and (max-width: 1087px) {
  .navbar-end {
    position: relative;
    left: 20px;
  }
}
.navbar-start .navbar-item,
.navbar-start a.navbar-item {
  margin-right: 20px;
}
@media only screen and (max-width: 1087px) {
  .navbar-start {
    position: relative;
    left: 20px;
  }
}
.navbar-item,
a.navbar-item {
  text-transform: uppercase;
  font-size: 0.875rem;
  color: black;
}
.navbar-item:hover,
a.navbar-item:hover {
  color: black;
  font-weight: 700;
}
.navbar-item:hover .navbar-dropdown .navbar-item,
a.navbar-item:hover .navbar-dropdown .navbar-item {
  font-weight: 400;
}
.navbar-item:hover .navbar-dropdown .navbar-item:hover,
a.navbar-item:hover .navbar-dropdown .navbar-item:hover {
  font-weight: 700;
}
.navbar-item img {
  max-height: unset;
  position: absolute;
  top: 0;
  left: 0;
  height: 105px;
  width: 127px;
  max-width: 127px;
}
a.navbar-item:hover {
  background-color: transparent;
}
.navbar-burger.burger {
  position: fixed;
  right: 0px;
  top: 0px;
}
.button.is-dark-blue {
  background-color: #1e2352;
  color: white;
}
header .button.is-primary {
  background-color: #1e2352;
}
header .button.is-primary:hover,
header .button.is-primary.is-hovered {
  background-color: #e0dcac;
}
.page-header {
  min-height: 75vh;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  color: #58595b;
}
@media only screen and (max-width: 768px) {
  .page-header {
    padding-top: 50px;
  }
}
.page-header .btns {
  margin-top: 20px;
}
.page-header .button {
  text-transform: uppercase;
  margin-right: 10px;
  font-weight: bold;
}
.page-header > div {
  /* text-align: center; */
}
.page-header h1 {
  font-family: 'Barlow Condensed';
  font-weight: 800;
  font-size: 3.625rem;
  line-height: 3.2rem;
  /* text-align: center; */
}
@media only screen and (max-width: 1024px) {
  .page-header h1 {
    font-size: 3.4rem;
    line-height: 3.5rem;
  }
}
@media only screen and (max-width: 769px) {
  .page-header h1 {
    font-size: 2.5rem;
    line-height: 2.6rem;
  }
  /* 
  .page-header h1 br {
    display: none;
  } 
  */
}
@media only screen and (max-width: 400px) {
  .page-header h1 {
    font-size: 1.8rem;
    line-height: 1.9rem;
  }
  .page-header h1 br {
    display: none;
  }
}
.page-header h2 {
  font-family: 'Barlow Condensed';
  font-weight: 800;
  font-size: 2.0625rem;
  /* text-align: center; */
  line-height: 3.2rem;
  text-transform: uppercase;
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
  .page-header h2 {
    font-size: 1.4rem;
    line-height: 1.5rem;
  }
}
.page-header h2 span {
  color: #4e8fcc;
  font-family: 'Barlow';
  font-weight: 400;
}
.page-header .intro {
  font-size: 1.3125rem;
  /* margin-left: auto; */
  /* margin-right: auto; */
  /* text-align: center; */
  text-transform: uppercase;
  /* max-width: 45%; */
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
  .page-header .intro {
    font-size: 1rem;
    max-width: 90%;
    line-height: 1.1rem;
  }
}
@media only screen and (max-width: 400px) {
  .page-header .intro {
    font-size: 1rem;
    max-width: 90%;
    line-height: 1.1rem;
  }
}
.step-latam-branches div.inner {
  display: grid;
  grid-template: "1fr 1fr 1fr";
}
@media only screen and (max-width: 769px) {
  .step-latam-branches div.inner {
    grid-template: "1fr 1fr";
  }
}
.step-latam-branches div.inner a {
  display: block;
}
.step-latam-branches div.inner div,
.step-latam-branches div.inner a {
  font-family: 'Barlow Condensed';
  text-transform: uppercase;
  font-size: 2.75rem;
  font-weight: 700;
  text-align: center;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-size: cover;
  background-position: center center;
}
@media only screen and (max-width: 1216px) {
  .step-latam-branches div.inner div,
  .step-latam-branches div.inner a {
    font-size: 2.4rem;
  }
  .step-latam-branches div.inner div h2,
  .step-latam-branches div.inner a h2 {
    font-size: 2.4rem;
    line-height: 2.5rem !important;
  }
}
@media only screen and (max-width: 1024px) {
  .step-latam-branches div.inner div,
  .step-latam-branches div.inner a {
    font-size: 2rem;
    line-height: 2.1rem !important;
  }
  .step-latam-branches div.inner div h2,
  .step-latam-branches div.inner a h2 {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 400px) {
  .step-latam-branches div.inner div,
  .step-latam-branches div.inner a {
    font-size: 1.5rem;
    line-height: 1.6rem !important;
  }
  .step-latam-branches div.inner div h2,
  .step-latam-branches div.inner a h2 {
    font-size: 1.5rem;
  }
}
.step-latam-branches div.inner div span,
.step-latam-branches div.inner a span {
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);
}
.step-latam-branches div.inner div#heading,
.step-latam-branches div.inner a#heading {
  background-color: #1f2353;
}
.step-latam-branches div.inner div#brazil,
.step-latam-branches div.inner a#brazil {
  background-image: url('../images/bg_brazil.jpg');
}
.step-latam-branches div.inner div#columbia,
.step-latam-branches div.inner a#columbia {
  background-image: url('../images/bg_columbia.jpg');
}
.step-latam-branches div.inner div#mexico,
.step-latam-branches div.inner a#mexico {
  background-image: url('../images/bg_mexico.jpg');
}
.step-latam-branches div.inner div#panama,
.step-latam-branches div.inner a#panama {
  background-image: url('../images/bg_panama.jpg');
}
.step-latam-branches div.inner div#south-america,
.step-latam-branches div.inner a#south-america {
  background-image: url('../images/bg_south_america.jpg');
}
.step-latam-branches div.inner div h2,
.step-latam-branches div.inner a h2 {
  line-height: 2.4rem;
}
.step-latam-branches div.inner div h2 strong,
.step-latam-branches div.inner a h2 strong {
  display: block;
  color: white;
}
footer {
  background-image: url('../images/mesh.png');
  background-color: #545557;
  min-height: 302px;
  color: white;
}
footer nav {
  display: flex;
  flex-flow: wrap;
  align-items: flex-start;
  padding-top: 20px;
}
footer nav .logo {
  margin-right: 20px;
  margin-top: -20px;
}
@media only screen and (max-width: 900px) {
  footer nav .logo {
    min-width: 100%;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 900px) {
  footer nav > div {
    margin-bottom: 20px;
    min-width: 50%;
  }
}
footer nav > div > a.navbar-item {
  font-size: 0.875rem;
}
footer nav > div.has-subnav div a.navbar-item {
  font-size: 0.75rem;
}
footer nav a.navbar-item {
  padding-top: 0;
  padding-bottom: 0;
  color: white;
}
footer nav a.navbar-item:hover {
  font-weight: 400;
}
footer .copyright {
  margin-top: 100px;
  font-size: 0.625rem;
  text-transform: uppercase;
}
.partner-logo a {
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.partner-logo img {
  max-width: 300px;
  max-height: 100px;
}
section.sponsors {
  padding-top: 40px;
  padding-bottom: 40px;
}
section.sponsors h2 {
  font-family: 'Barlow Condensed';
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2.0625rem;
  color: #1f2353;
}
section.get-app {
  background-color: #4e8fcc;
  overflow: hidden;
}
@media only screen and (max-width: 1471px) {
  section.get-app .columns.is-centered {
    margin-bottom: -32px !important;
  }
}
@media only screen and (max-width: 940px) {
  section.get-app .columns.is-centered {
    margin-bottom: -44px !important;
  }
}
section.get-app h2 {
  font-family: 'Barlow Condensed';
  font-size: 3.3125rem;
  line-height: 3.4rem;
  text-transform: uppercase;
  color: white;
  margin-bottom: 20px;
  padding: 0;
  margin: 0;
  position: relative;
  top: -8px;
}
@media only screen and (max-width: 1471px) {
  section.get-app h2 {
    font-size: 2.6rem;
    line-height: 2.6rem;
  }
}
@media only screen and (max-width: 1279px) {
  section.get-app h2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media only screen and (max-width: 940px) {
  section.get-app h2 {
    font-size: 2rem;
    line-height: 2rem;
  }
}
section.get-app .main,
section.get-app .badge {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 900px) {
  section.get-app .badge {
    display: none;
  }
}
section.get-app .main {
  background-image: url('../images/bg_app.png');
  background-repeat: no-repeat;
  background-position: 95% top;
  background-size: auto 100%;
  min-height: 100%;
  height: 100%;
  padding-right: 300px;
}
@media only screen and (max-width: 940px) {
  section.get-app .main {
    padding-right: 0;
    background-position: 103% top;
  }
}
@media only screen and (max-width: 800px) {
  section.get-app .main {
    background-image: none;
  }
}
section.register-now {
  background-color: #1f2353;
  padding-top: 80px;
  padding-bottom: 80px;
  color: white;
}
@media only screen and (max-width: 767px) {
  section.register-now {
    text-align: center;
  }
  section.register-now h2 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    border-right: none !important;
  }
  section.register-now .btn-holder {
    justify-content: center;
  }
}
section.register-now h2 {
  text-transform: uppercase;
  color: white;
  font-size: 3.3125rem;
  font-family: 'Barlow Condensed';
  line-height: 3.3rem;
  border-right: 1px solid white;
  font-weight: 400;
}
section.register-now h2 strong {
  font-size: 3.8125rem;
  font-weight: 900;
  color: white;
}
@media only screen and (max-width: 1471px) {
  section.register-now h2 {
    font-size: 3rem;
    line-height: 3rem;
  }
  section.register-now h2 strong {
    font-size: 3.5rem;
  }
}
@media only screen and (max-width: 1279px) {
  section.register-now h2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
  section.register-now h2 strong {
    font-size: 2.8rem;
  }
}
@media only screen and (max-width: 940px) {
  section.register-now h2 {
    font-size: 2rem;
    line-height: 2rem;
  }
  section.register-now h2 strong {
    font-size: 2.3rem;
  }
}
section.register-now .btn-holder {
  display: flex;
  align-items: center;
}
section.register-now .button {
  font-size: 1.625rem;
  background-color: white;
  text-transform: uppercase;
  font-weight: 700;
  color: #1f2353;
}
section.register-now .button:hover {
  background-color: #1f2353;
  color: white;
  border: 1px solid white;
}
section.intro {
  padding-top: 40px;
  padding-bottom: 40px;
}
section.intro p {
  margin-bottom: 10px;
}
.vid-container {
  position: relative;
}
.vid-container .deco {
  height: 80%;
  width: 4000px;
  background-color: #4e8fcc;
  position: absolute;
  top: 0;
  right: -80px;
  display: block;
  z-index: 0;
  top: 10%;
  border-bottom-right-radius: 50px;
}
.vid-container .video-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.vid-container .video-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
/* 
GENERAL
*/
a {
  color: #4e8fcc;
}
.inner-page-header {
  min-height: 320px;
  display: flex;
  align-items: flex-end;
  border-bottom: 14px solid #4e8fcc;
  margin-bottom: 100px;
  background-size: cover;
  background-position: center top;
}
.inner-page-header h1 {
  color: #4e8fcc;
  font-family: 'Barlow Condensed';
  font-size: 7.25rem;
  line-height: 5rem;
  font-weight: 800;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 769px) {
  .inner-page-header h1 {
    font-size: 5rem;
    line-height: 3.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .inner-page-header h1 {
    font-size: 3rem;
    line-height: 2.9rem;
  }
}
.btn-reg {
  font-size: 1.625rem;
  background-color: white;
  text-transform: uppercase;
  font-weight: 700;
  color: #1f2353;
}
.btn-reg:hover {
  border: 1px solid white;
  background-color: #1f2353;
  color: white;
}
.button.alt {
  font-size: 1.2rem;
  background-color: #4e8fcc;
  text-transform: uppercase;
  font-weight: 700;
  color: white;
}
.button.alt:hover {
  color: white;
  background-color: #1f2353;
  border: 1px solid #1f2353;
}
.button.large {
  font-size: 1.5rem;
  background-color: #4e8fcc;
  text-transform: uppercase;
  font-weight: 700;
  color: yellow;
}
.button.large:hover {
  color: white;
  background-color: #1f2353;
  border: 1px solid #1f2353;
}
ul.blue {
  list-style: none;
}
ul.blue j li::before {
  content: '•';
  color: #4e8fcc;
  display: inline-block;
  width: 1rem;
  margin-left: -1rem;
  font-size: 1.4rem;
  line-height: 1rem;
}
/* 
SPEAKERS
*/
ol.step {
  list-style: none;
  counter-reset: ccounter;
  margin-left: 0;
}
ol.step li {
  counter-increment: ccounter;
  list-style-type: none;
  margin-bottom: 15px;
}
ol.step li::before {
  content: counter(ccounter) ' ';
  font-weight: bold;
  color: white;
  background-color: #4e8fcc;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  margin-right: 10px;
  font-size: 1.5rem;
}
.social {
  font-size: 2rem;
}
.social a {
  color: #4e8fcc;
  margin-right: 5px;
}
.inner-page-header .company-country {
  position: absolute;
  bottom: -50px;
  color: #4e8fcc;
  font-size: 1.375rem;
}
.bio {
  padding-top: 20px;
  padding-bottom: 40px;
}
.bio .bio-pic {
  text-align: center;
}
.bio .bio-pic img {
  border-radius: 100%;
  max-width: 330px;
  width: 100%;
}
section.be-sponsor {
  background-color: #bbb6aa;
  background-image: url('../images/beige_mesh.png');
  padding-top: 40px;
  padding-bottom: 40px;
}
section.be-sponsor h2,
section.be-sponsor h3 {
  text-transform: uppercase;
  color: white;
  font-family: 'Barlow Condensed';
  font-size: 3.3125rem;
  line-height: 3.3rem;
}
section.be-sponsor h2 {
  margin-bottom: 10px;
}
section.be-sponsor h3 {
  font-size: 2.8125rem;
  line-height: 2.9rem;
}
section.be-sponsor h3 a {
  color: white;
  text-decoration: underline;
}
section.register-now-inner {
  background-color: #1f2353;
  padding-top: 40px;
  padding-bottom: 40px;
}
section.register-now-inner .notice {
  color: white;
  font-family: 'Barlow Condensed';
  font-weight: bold;
  font-size: 1.3125rem;
  text-transform: uppercase;
  margin-top: 20px;
}
section.register-now-inner h2 {
  text-transform: uppercase;
  color: white;
  font-size: 3.3125rem;
  font-family: 'Barlow Condensed';
  line-height: 3.3rem;
  margin-bottom: 20px;
}
.people {
  display: grid;
  grid-template: "1fr 1fr 1fr 1fr 1fr";
}
@media only screen and (max-width: 1408px) {
  .people {
    grid-template: "1fr 1fr 1fr 1fr";
  }
}
@media only screen and (max-width: 1216px) {
  .people {
    grid-template: "1fr 1fr 1fr 1fr";
  }
}
@media only screen and (max-width: 1024px) {
  .people {
    grid-template: "1fr 1fr 1fr";
  }
}
@media only screen and (max-width: 768px) {
  .people {
    grid-template: "1fr 1fr";
  }
}
.people .person {
  margin-bottom: 40px;
  display: flex;
  /*justify-content: center;*/
  text-align: center;
  min-height: 270px;
}
.people .person h2,
.people .person .company,
.people .person .country {
  font-size: .9rem;
}
.people .person .country,
.people .person .company {
  display: block;
  max-width: 150px;
  margin-left: auto;
  margin-right: auto;
}
.people .person a {
  color: black;
  line-height: 1.2rem;
  font-size: 1.125rem;
}
.people .person a div {
  background-repeat: no-repeat;
  background-size: cover;
}
.people .person h2 {
  color: #4e8fcc;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.125rem;
}
.people .person img {
  border-radius: 100%;
  width: 150px;
  margin-bottom: 20px;
}
/*
COSTS
*/
.costs .cost {
  margin-bottom: 20px;
}
.costs .cost.cost-member .inner,
.costs .cost.cost-step-member .inner {
  background-color: #1f2353;
}
.costs .cost.cost-non-member .inner {
  background-color: #4e8fcc;
}
.costs .cost.cost-step-student .inner {
  background-color: #bdb8ac;
}
.costs .cost.cost-group-sponsor .inner {
  background-color: #ebe7e0;
  color: #333;
}
.costs .cost.cost-group-sponsor .inner h3 {
  color: #333;
}
.costs .cost .inner {
  padding: 20px;
  color: white;
  min-height: 180px;
  text-align: center;
}
.costs .cost .inner .price {
  font-size: 2.8125rem;
  margin-bottom: 20px;
}
.costs .cost .inner .price span {
  font-size: 1rem;
  text-transform: uppercase;
}
.costs .cost .inner h3 {
  text-transform: uppercase;
  color: white;
  font-weight: bold;
  font-size: 1.625rem;
  line-height: 1.7rem;
}
.costs .footnotes {
  margin-bottom: 40px;
  font-family: 'Barlow Condensed';
  font-size: 1rem;
  text-transform: uppercase;
}
.payment-options {
  padding-bottom: 40px;
}
.payment-options .option .inner {
  height: 100%;
  background-color: #4e8fcc;
  padding: 15px;
  color: white;
  text-transform: uppercase;
}
.payment-options .option .inner strong {
  color: white;
}
.payment-options h2 {
  color: #4e8fcc;
}
.payment-options h3 {
  font-size: 1.625rem;
  line-height: 1.7rem;
  text-transform: uppercase;
  border-bottom: 1px solid white;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: white;
}
.payment-options h3 strong {
  color: white;
}
.payment-options h3 strong em {
  font-style: normal;
  font-size: 2.125rem;
}
.booked-hotel {
  padding-top: 40px;
  padding-bottom: 80px;
  background-image: url('../images/bg_hotel.jpg');
  background-position: center center;
  background-size: cover;
}
.booked-hotel h2 {
  font-size: 3.3125rem;
  line-height: 3.4rem;
  margin-bottom: 10px;
  color: white;
  font-weight: 400;
}
.booked-hotel .button {
  font-size: 1rem;
  background-color: white;
  text-transform: uppercase;
  color: #1f2353;
}
.accordion {
  width: 100%;
  font-family: 'Barlow' !important;
}
.accordion h4 {
  color: #4e8fcc !important;
  font-size: 1rem;
  padding: 0;
  margin: 0;
  line-height: 1.9rem;
}
.accordion .content > div {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
.accordion .content > div > div {
  border-bottom: 1px solid #4e8fcc;
}
.accordion .content > div .no-b-b {
  border-bottom: unset;
}
.accordion.stripped div.title::nth-child(odd) {
  background-color: #eef4fa;
}
.accordion .title {
  font-family: 'Barlow' !important;
  font-weight: 400;
}
.accordion .title i,
.accordion .title .level-name {
  color: #4e8fcc !important;
  font-size: 1.2rem;
}
.accordion .title i {
  font-size: 0.8rem;
}
.accordion .title strong {
  font-weight: 700;
}
.accordion .title .fa-minus {
  display: none;
}
.accordion .title.active .fa-plus {
  display: none;
}
.accordion .title.active .fa-minus {
  display: inline-block;
}
.sponsorship-levels {
  display: grid;
  grid-template: "1fr 1fr";
}
.sponsorship-levels .sponsor-level img {
  max-width: 200px;
  max-height: 200px;
}
/*
SCHEDULE
*/
.schedule-page .time {
  color: black;
}
.schedule-page .schedule-item h3 {
  margin-top: 0;
  padding-top: 0;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #4d8ecc;
  line-height: 1.5rem;
  margin-bottom: 10px;
  font-weight: 700;
}
.schedule-page .schedule-item .sponsor img {
  max-width: 40%;
  width: 100%;
}
.schedule-page .schedule-item .item-content p {
  font-size: 1.2rem;
  line-height: 1.5rem;
}
.schedule-page .cday {
  text-transform: uppercase;
  font-size: 2rem;
}
.schedule-page hr.breakout {
  display: none;
}
.schedule-page .breakout > div {
  padding-top: 10px;
}
.schedule-page .breakout.schedule-item .item-content {
  margin-bottom: 10px;
  padding-right: 30px;
}
.schedule-page .breakout-heading {
  line-height: 1.4rem;
  color: white;
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 30px;
  background-color: #4c8fcc;
}
.schedule-page .breakout-heading .bheading {
  font-family: 'Barlow Condensed';
  font-size: 1.4rem;
}
.schedule-page .breakout-heading .time {
  color: white;
}
.schedule-page .time {
  padding-left: 30px;
}
.schedule-page .breakout-session {
  background-color: #eaf0f9;
}
.schedule-page .breakout-session .time div.session-time {
  display: none;
}
.schedule-page .extra-padding {
  margin-top: 20px;
}
.schedule-page .inner-page-header {
  /* padding-bottom: 0;
  margin: 0; */
}
.schedule-page .tab-container {
  background-color: #4d8ecc;
  padding-top: 40px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .schedule-page .tabs {
    overflow: hidden;
  }
  .schedule-page .tabs li {
    margin-right: 4px !important;
  }
}
.schedule-page .tabs.is-toggle li.is-active a {
  color: #4d8ecc;
  background-color: white;
}
.schedule-page .tabs .lang-toggle {
  margin-left: 20px;
}
.schedule-page .tabs .lang-toggle a {
  background-color: #1e2352;
  color: white;
}
.schedule-page .tabs .lang-toggle a:hover {
  background-color: white;
  color: #1e2352;
}
.schedule-page .tabs li {
  margin-right: 10px;
  margin-bottom: -2px;
}
.schedule-page .tabs a {
  font-weight: bold;
  background-color: #c6d4e1;
  color: white;
  border-color: transparent !important;
  border-radius: 5px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
@media only screen and (max-width: 768px) {
  .schedule-page .tabs a {
    padding: 8px;
  }
  .schedule-page .tabs a span {
    display: none;
  }
}
.schedule-page .tabs a:hover {
  color: white;
  background-color: #1e2352;
}
.schedule-page hr {
  background-color: #eee;
}
.schedule-page .day-191016,
.schedule-page .day-191017,
.schedule-page .day-191018 {
  display: none;
}
.schedule-page .cur-date {
  padding: 0;
  margin: 0;
  font-size: 2rem;
  line-height: 2.1rem;
  color: #4d8ecc;
}
.button.is-primary {
  background-color: #4e8fcc;
  color: white;
}
.button.is-primary:hover {
  background-color: #1e2352;
}
.button.is-primary-alt {
  background-color: #1e2352;
  color: white;
}
.button.is-primary-alt:hover {
  background-color: #4e8fcc;
}
.is-primary-color {
  color: #4e8fcc;
}
/* 
FORMS
*/
.name-tag {
  background-color: #4e8fcc;
  padding: 20px;
  padding-bottom: 40px;
}
.name-tag h3,
.name-tag label {
  color: white;
}
.name-tag .is-danger {
  color: yellow;
}
.parsley-error {
  border: 1px solid red;
}
.StripeElement {
  border: 1px solid #dbdbdb;
  padding: 8px;
  border-color: #dbdbdb;
  color: #363636;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  max-width: 100%;
  width: 100%;
  border-radius: 4px;
}
dl {
  font-size: .8rem;
}
dl {
  padding: 0.5em;
}
dt {
  float: left;
  clear: left;
  width: 200px;
  text-align: right;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 10px;
}
dd {
  margin: 0 0 0 110px;
  padding: 0 0 0.5em 0;
}
.callout-container { max-width:800px;}
.callout { max-width:800px;min-height:300px;display:grid;margin-left:auto;margin-right:auto;
    grid-template-columns: 320px 1fr;
    -webkit-box-shadow: 0px 0px 17px 1px rgba(116,122,117,1);
    -moz-box-shadow: 0px 0px 17px 1px rgba(116,122,117,1);
    box-shadow: 0px 0px 17px 1px rgba(116,122,117,1);
           border-radius:10px;
}
.callout .copy {background-color:white;padding:20px;text-align:left; font-size:1.1rem}
.banner {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.callout .copy {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
    .copy p { margin-bottom:1rem;}
    .banner { position:relative; }
    .banner img {display:block;max-width:100%;}
    .banner .bot {position:absolute;bottom:20px;left:20px;}

    @media only screen and (max-width: 900px) {
        .callout {
            max-width:100% !important;
            grid-template-columns:unset;
           border-radius:0;
        }
.banner {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.callout .copy {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
    .home.page-header {
        /* padding-top: 140px; */
        /* padding-bottom: 140px; */
    }

    } 
    @media only screen and (max-width: 900px) {
.schedule-page .time {padding-left:12px}
}
.callout .copy a { border:none}



@media only screen and (min-width: 768px) {
  .home.page-header h1.is-uppercase {
      padding-top: 140px;
      /* padding-bottom: 140px; */
  }
}