@charset "utf-8";

/****************************************
* Typography
****************************************/

h1 {
  font-size: 30px;
}

h2 {
  font-size: 18px;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 22px;
}

h6 {
  font-size: #H6_MOBILE_FONT_SIZE#;
}

/****************************************
* Billboard
****************************************/

.billboard p {
  font-size: 18px;
}

.billboard .button {
  display: inline-block;
}

/****************************************
* Inside billboard
****************************************/

.billboard.inside {
  height: 200px;
}

/****************************************
* Ribbon
****************************************/

.ribbon {
  text-align: center;
}

.ribbon h1,
.ribbon h2,
.ribbon h3,
.ribbon h4,
.ribbon h5,
.ribbon h6 {
  font-size: 30px;
}

/****************************************
* Sidebar
****************************************/

.sidebar-box {
  margin: 0;
  width: 100%;
}

/****************************************
* Facebook
****************************************/

section.facebook p.links a:first-of-type {
  display: block;
  margin-right: 0;
}

/****************************************
* Packages
****************************************/

ul.packages > li + li {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 4px dotted #7c7c7c;
}

ul.packages > li > div.register-now {
  max-width: 350px;
}

ul.packages > li > div.register-now > p.price {
  display: inline-block;
  margin: 0;
  margin-left: 0;
  width: 60px;
}

/****************************************
* Instructors / Associations
****************************************/

@media (min-width: 767px) {
  ul.instructors > li .image-wrapper,
  ul.associations > li .image-wrapper {
    width: 25%;
  }

  ul.instructors > li .wrapper,
  ul.associations > li .wrapper {
    width: 75%;
  }
}

@media (max-width: 767px) {
  ul.instructors > li .wrapper,
  ul.instructors > li .image-wrapper,
  ul.associations > li .wrapper,
  ul.associations > li .image-wrapper {
    display: block;
  }

  ul.instructors > li .image-wrapper,
  ul.associations > li .image-wrapper,
  ul.instructors > li .wrapper,
  ul.associations > li .wrapper {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}

/****************************************
* Buttons
****************************************/

.button + .button,
.button + .button.alt,
.button + .button.small .button {
  display: block;
  margin-left: 0;
  margin-top: 1rem;
}

.button,
input[type='submit'] {
  font-size: 16px;
}

.button.alt,
input[type='submit'].alt {
  font-size: 16px;
}

/****************************************
* Form
****************************************/

/* Override for ios formatting of inputs */
input:not([type='radio']):not([type='checkbox']):not([type='submit']),
textarea,
select {
  -webkit-border-radius: 0px;
}

form input[type='submit'] {
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
}

/****************************************
* Footer
****************************************/

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
  font-size: 18px;
}