.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
/**
 *	Project: Farm 4 Life;
 *	Custom Stylesheets
 *	Author: Ionut Tatu - Back9 Creative;
 *	Version: 1.0;
 *	Date: 08.05.2020
 */
/* Fonts */
/* General */
body {
  font-family: "Open Sans", sans-serif;
}

.page:not(.home) #content {
  padding: 0;
}

#page {
  overflow: hidden;
}

.has-sidebar:not(.error404) #primary {
  float: none;
  width: 100%;
}

.site-content {
  padding: 0;
}

/*.grecaptcha-badge {
	display: none !important;
}*/
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #707070;
  font-weight: 400;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #707070;
  font-weight: 400;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #707070;
  font-weight: 400;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #707070;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  padding: 40px 0 0;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0;
}

a:hover,
a:active,
a:focus,
a:visited {
  text-decoration: none;
}

/* Header */
.site-header {
  background-color: #000;
  z-index: 100 !important;
  transition: all 0.6s;
  min-height: 100px;
}

.site-header a.dashboard {
  position: absolute;
  background: red;
  padding: 7px 20px;
  top: 0;
  left: calc(50% - 85px);
  border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  z-index: 1;
}

body.student .site-header a.dashboard {
  background: #ff6c09;
}

body.teacher .site-header a.dashboard {
  background: #fca387;
}

.site-header a.dashboard.employee {
  left: calc(50% - 125px);
}

.logo {
  height: 100%;
  max-height: 100px !important;
  transition: all 0.3s;
  margin: 15px 0;
}

#top {
  width: 100%;
  height: 50px;
  background: #000;
  border-bottom: 1px solid #fff;
  text-align: center;
  padding: 0 15px;
}

#top p {
  font-size: 16px;
  color: #fff;
  line-height: 50px;
}

#top p a {
  color: #50BD99;
}

#top p a:hover {
  text-decoration: underline;
}

/* SHOP */
#banner {
  width: 100%;
  height: 650px;
  background-position: 50% 50%;
  background-size: cover;
  padding-top: 50px;
  position: relative;
  overflow: hidden;
}

#banner .graphic {
  position: absolute;
  transform: rotate(-13deg);
  left: -520px;
  bottom: -431px;
}

#banner h1 {
  font-size: 79px;
  line-height: 63px;
  color: #fff;
  font-weight: 900;
  margin: 0;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

#banner h4 {
  font-size: 33px;
  line-height: 43px;
  color: #50BD99;
  font-weight: 600;
  margin: 30px 0 0 0;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

#banner .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 1px;
}

#banner .bottom .box {
  max-width: 530px;
  padding: 30px;
  min-height: 100px;
  background: rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  display: block;
  text-align: center;
}

#banner .bottom .box p {
  color: #fff;
}

#banner .bottom .box p.title {
  font-size: 36px;
  line-height: 47px;
  font-weight: 900;
}

#banner .bottom .box p.subTitle {
  font-size: 20px;
  line-height: 19px;
  font-weight: 700;
}

#banner .bottom .box p.price {
  font-size: 70px;
  line-height: 70px;
  font-weight: 900;
  color: #50BD99;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
}

#banner .bottom .box p.price span {
  font-size: 32px;
  position: relative;
  top: -12px;
}

#banner .bottom .box p.oldPrice {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  text-decoration: line-through;
}

#banner .bottom .box a {
  background: #50BD99;
  border: 1px solid #50BD99;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  padding: 8px 25px;
  text-transform: uppercase;
  display: inline-block;
  border-radius: 6px;
  margin-top: 5px;
  transition: all 0.6s;
}

#banner .bottom .box a:hover,
#banner .bottom .box a:active,
#banner .bottom .box a:focus {
  transition: all 0.6s;
  background: transparent;
  color: #50BD99;
}

/* About Page */
.aboutPage #banner {
  padding-top: 0;
  height: 600px;
}

.aboutPage #banner .overlay {
  padding-top: 50px;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.aboutPage #banner h1 {
  font-size: 60px;
  line-height: 60px;
  text-align: left;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.aboutPage #banner h3 {
  font-size: 33px;
  line-height: 33px;
  color: #50BD99;
  font-weight: 600;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  text-transform: uppercase;
}

.arrow.red {
  position: absolute;
  bottom: -66px;
  left: 0;
  width: 102%;
  height: 150px;
  border-top: 20px solid #50BD99;
  background: #fff;
  transform: rotate(-4deg);
}

.aboutPage .content {
  margin-top: 50px;
}

.aboutPage .content h3.pageTitle {
  font-size: 50px;
  line-height: 50px;
  font-weight: 900;
  color: #000;
  padding: 0;
  margin: 0 0 30px 0;
}

.aboutPage .content .desc p {
  font-size: 18px;
  line-height: 23px;
  color: #000;
}

.aboutPage .content img.videoThumbnail {
  max-width: 400px;
  display: block;
  margin: 0 auto;
}

.aboutPage .joinBtn {
  display: inline-block;
  margin: 0 auto;
  background: #50BD99;
  border: 1px solid #50BD99;
  padding: 10px 30px;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 6px;
  margin-top: 30px;
  transition: all 0.6s;
}

.aboutPage .joinBtn:hover {
  transition: all 0.6s;
  background: transparent;
  color: #50BD99;
}

.aboutPage .join {
  background-image: url("../images/about-join-banner.jpg");
  background-position: 50% 50%;
  background-size: cover;
  width: 100%;
  height: 600px;
  margin-top: 50px;
  position: relative;
}

.aboutPage .join .cover {
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.aboutPage .join h4 {
  font-size: 79px;
  line-height: 79px;
  color: #fff;
  font-weight: 900;
  padding: 0;
  margin: 50px 0 0 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.aboutPage .join h5 {
  font-size: 32px;
  line-height: 42px;
  color: #fff;
  font-weight: 600;
  padding: 0;
  margin: 15px 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.aboutPage .join img.joinHubT {
  position: absolute;
  right: -50px;
  bottom: 0;
  width: 500px;
}

.aboutPage .join .offer {
  position: absolute;
  bottom: 0;
  min-height: 100px;
  width: 400px;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  left: calc(50% - 200px);
  padding: 30px 0;
}

.aboutPage .join .offer p {
  color: #fff;
}

.aboutPage .join .offer p.introd {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}

.aboutPage .join .offer p.price {
  font-size: 70px;
  line-height: 70px;
  font-weight: 900;
  color: #50BD99;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
}

.aboutPage .join .offer p.price span {
  font-size: 32px;
  position: relative;
  top: -12px;
}

.aboutPage .join .offer p.normally {
  font-size: 23px;
  line-height: 24px;
  font-weight: 600;
  text-decoration: line-through;
}

.aboutPage .join .offer a {
  background: #50BD99;
  border: 1px solid #50BD99;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  padding: 8px 25px;
  text-transform: uppercase;
  display: inline-block;
  border-radius: 6px;
  margin-top: 15px;
  transition: all 0.6s;
}

.aboutPage .join .offer a:hover,
.aboutPage .join .offer a:active,
.aboutPage .join .offer a:focus {
  transition: all 0.6s;
  background: transparent;
  color: #50BD99;
}

.aboutPage .quote {
  margin-top: 50px;
  margin-bottom: 50px;
}

.aboutPage .quote .box {
  border-top: 2px solid #707070;
  border-bottom: 2px solid #707070;
  padding: 30px 0;
  position: relative;
}

.aboutPage .quote .box i {
  font-size: 34px;
  color: #272727;
  padding: 0 15px;
  background: #fff;
}

.aboutPage .quote .box i.fa-quote-left {
  position: absolute;
  top: -17px;
  left: calc(50% - 30px);
}

.aboutPage .quote .box i.fa-quote-right {
  position: absolute;
  bottom: -17px;
  left: calc(50% - 30px);
}

.aboutPage .quote .box p {
  font-size: 34px;
  line-height: 44px;
  font-weight: 900;
  color: #272727;
  margin: 0;
}

.aboutPage .quote p.author {
  text-align: right;
  margin-top: 15px;
  color: #272727;
  font-weight: 600;
}

/* Home Page */
.homePage {
  min-height: 100%;
}

.homePage #banner {
  text-align: left;
  height: 570px;
  padding-top: 0;
}

.homePage #banner .overlay {
  background: rgba(0, 0, 0, 0.3);
  padding-top: 50px;
  height: 100%;
}

.homePage #banner h1 {
  font-size: 68px;
  line-height: 69px;
  color: #fff;
  font-weight: 900;
  padding: 0;
  margin: 0 0 10px 0;
  text-align: left;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.homePage #banner h1 span {
  font-size: 60px;
}

.homePage #banner h2 {
  font-size: 52px;
  line-height: 60px;
  color: #fff;
  font-weight: 900;
  padding: 0;
  margin: 0 0 30px 0;
  text-align: left;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.homePage #banner h2 span {
  color: #50BD99;
}

.homePage #banner .top--banner p {
  font-size: 24px;
  line-height: 36px;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.homePage #banner p.join {
  font-size: 55px;
  line-height: 59px;
  color: #fff;
  font-weight: 900;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.homePage #banner p.joinSub {
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  font-weight: 900;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.homePage #banner .offer {
  min-height: 100px;
  width: 400px;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  left: calc(50% - 200px);
  padding: 30px 0;
}

.homePage #banner .offer p {
  color: #fff;
}

.homePage #banner .offer p.introd {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}

.homePage #banner .offer p.price {
  font-size: 70px;
  line-height: 70px;
  font-weight: 900;
  color: #50BD99;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
}

.homePage #banner .offer p.price span {
  font-size: 32px;
  position: relative;
  top: -12px;
}

.homePage #banner .offer p.normally {
  font-size: 23px;
  line-height: 24px;
  font-weight: 600;
  text-decoration: line-through;
}

.homePage #banner .offer a {
  background: #50BD99;
  border: 1px solid #50BD99;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  padding: 8px 25px;
  text-transform: uppercase;
  display: inline-block;
  border-radius: 6px;
  margin-top: 15px;
  transition: all 0.6s;
}

.homePage #banner .offer a:hover,
.homePage #banner .offer a:active,
.homePage #banner .offer a:focus {
  transition: all 0.6s;
  background: transparent;
  color: #50BD99;
}

.homePage #banner img.joinHubT {
  position: absolute;
  bottom: 0;
  right: -50px;
  width: 375px;
}

.aboutPageNew .owl-carousel .owl-nav,
.homePage .owl-carousel .owl-nav {
  position: absolute;
  top: calc(50% - 30px);
  left: 0;
  width: 100%;
}

.aboutPageNew .owl-carousel .owl-nav button,
.homePage .owl-carousel .owl-nav button {
  font-size: 38px;
  color: rgba(255, 255, 255, 0.7);
  position: absolute;
  left: 15px;
}

.aboutPageNew .owl-carousel .owl-nav .owl-next,
.homePage .owl-carousel .owl-nav .owl-next {
  left: auto;
  right: 15px;
}

.aboutPageNew .owl-carousel .owl-nav button:hover,
.homePage .owl-carousel .owl-nav button:hover {
  background: transparent;
  color: white;
}

.aboutPageNew .overlay {
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
}

.aboutPageNew .overlay h2 {
  font-size: 55px;
  line-height: 55px;
  font-weight: 900;
  color: #fff;
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
}

.aboutPageNew .overlay h2 small {
  color: #fff;
  font-weight: 900;
}

.aboutPageNew .overlay a.cta {
  background: #50BD99;
  color: #fff;
  border: 1px solid #50BD99;
  padding: 8px 30px;
  border-radius: 5px;
  display: inline-block;
  margin-top: 15px;
  font-weight: 600;
  font-size: 16px;
}

.homePage .aboutHeading {
  background: #000;
  padding: 50px 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.homePage .aboutHeading p {
  font-size: 50px;
  line-height: 50px;
  font-weight: 900;
  color: #fff;
  text-transform: uppercase;
}

.homePage .aboutHeading img.graphic {
  position: absolute;
  left: -300px;
  bottom: -224px;
  transform: rotate(-13deg);
  width: 550px;
}

.homePage .quote {
  margin-top: 50px;
  margin-bottom: 50px;
}

.homePage .quote .box {
  border-top: 2px solid #707070;
  border-bottom: 2px solid #707070;
  padding: 30px 0;
  position: relative;
}

.homePage .quote .box i {
  font-size: 34px;
  color: #272727;
  padding: 0 50px;
  background: #fff;
}

.homePage .quote .box i.fa-quote-left {
  position: absolute;
  top: -17px;
  left: calc(50% - 65px);
}

.homePage .quote .box i.fa-quote-right {
  position: absolute;
  bottom: -17px;
  left: calc(50% - 65px);
}

.homePage .quote .box p {
  font-size: 34px;
  line-height: 44px;
  font-weight: 900;
  color: #272727;
  margin: 0;
}

.homePage .quote p.author {
  text-align: right;
  margin-top: 15px;
  font-weight: 600;
  font-size: 14px;
  color: #272727;
}

.homePage .quote img.videoThumbnail {
  max-width: 400px;
}

.homePage .quote .subFooter {
  margin-top: 50px;
}

.homePage .quote .subFooter p {
  font-size: 24px;
  line-height: 30px;
  font-weight: 900;
  color: #272727;
  margin: 0 0 15px;
}

.homePage .quote .subFooter a {
  display: inline-block;
  background: #50BD99;
  border: 1px solid #50BD99;
  border-radius: 6px;
  padding: 10px 20px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  transition: all 0.6s;
  margin: 5px auto 0 auto;
}

.homePage .quote .subFooter a:hover {
  transition: all 0.6s;
  background: transparent;
  color: #50BD99;
}

.homePage .aboutHeadingSub {
  width: 100%;
  height: 50px;
  border-top: 10px solid #50BD99;
  background: #000;
}

.homePage .merch {
  padding-top: 50px;
}

.homePage .merch h4 {
  font-size: 50px;
  line-height: 50px;
  color: #272727;
  padding: 0;
  font-weight: 700;
  margin: 0 0 15px 0;
  display: block;
  text-align: center;
}

.homePage .merch h4 span {
  font-weight: 900;
}

.homePage .merch p {
  font-size: 20px;
  line-height: 22px;
  color: #272727;
}

.homePage .merch h6 {
  font-weight: 900;
  font-size: 40px;
  line-height: 40px;
  color: #272727;
  padding: 0;
  margin: 0 0 15px 0;
}

.homePage .merch .products {
  margin-top: 25px;
}

.homePage .merch .products h2 {
  font-size: 20px !important;
  line-height: 24px;
  color: #272727;
  font-weight: 600;
}

.homePage .merch .products span.price {
  font-size: 25px !important;
  line-height: 25px;
  color: #454b1b !important;
  font-weight: 700 !important;
}
.homePage .woocommerce ul.products li.product .button {
  background: #454b1b;
  border:  1px solid #454b1b;
}
.homePage .woocommerce ul.products li.product .button:hover {
  color:  #454b1b;
}

.homePage .merch a.shopAll {
  display: inline-block;
  margin: 50px auto;
  background: #454b1b;
  border: 1px solid #454b1b;
  border-radius: 6px;
  color: #fff;
  font-size: 25px;
  padding: 5px 15px;
  font-weight: 700;
  text-transform: uppercase;
  transition: all 0.6s;
}

.homePage .merch a.shopAll:hover {
  transition: all 0.6s;
  background: transparent;
  color: #454b1b;
}

.shopPage .offer p.text,
.shopPage .offer p.price,
.homePage .merch .offer p.text,
.homePage .merch .offer p.price {
  font-size: 24px;
  line-height: 24px;
  margin: 30px 0 10px 0;
  color: #272727;
  font-weight: 900;
}

.shopPage .offer p.text,
.homePage .merch .offer p.text {
  margin: 0 0 10px 0;
  font-size: 20px;
  line-height: 20px;
}

.shopPage .offer p.text {
  margin-bottom: 30px;
}

#thankYouVideo,
#aboutMe,
#aboutTheHub2,
#aboutTheHub {
  background: rgba(0, 0, 0, 0.5);
}

#thankYouVideo .modal-content,
#aboutMe .modal-content,
#aboutTheHub2 .modal-content,
#aboutTheHub .modal-content {
  background: transparent;
  box-shadow: none;
  border: none;
}

#aboutTheHub2 .modal-content .modal-body,
#thankYouVideo .modal-content .modal-body,
#aboutMe .modal-content .modal-body,
#aboutTheHub .modal-content .modal-body {
  background: transparent;
  box-shadow: none;
}

.modal.fade.in {
  display: flex;
  justify-content: center;
  /* align horizontal */
  align-items: center;
  /* align vertical */
}

/* Home Page 3.0 */
.next--level {
  margin-top: 50px;
}

.next--level h3 {
  font-size: 50px;
  line-height: 70px;
  color: #000;
  text-transform: uppercase;
  margin: 0 0 50px;
  padding: 0;
  text-align: center;
  font-weight: 600;
}

.next--level h3 span {
  font-weight: 800;
}

.next--level .content > p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #272727;
}

.next--level .items {
  margin-top: 30px;
}

.next--level .items .item {
  text-align: center;
}

.next--level .items .item i {
  font-size: 38px;
  color: #939393;
  display: inline-block;
  margin-bottom: 5px;
}

.next--level .items .item p {
  font-size: 16px;
  line-height: 22px;
  color: #000;
}

.trial--action a.cta,
.join--the--hub .content a.cta,
.next--level a.cta {
  font-size: 22px;
  color: #fff;
  background: #50BD99;
  border: 1px solid #50BD99;
  padding: 10px 20px;
  border-radius: 6px;
  display: inline-block;
  margin: 20px 15px 0 0;
  text-transform: uppercase;
  transition: all 0.6s;
}

.trial--action a.cta:hover,
.join--the--hub .content a.cta:hover,
.next--level a.cta:hover {
  transition: all 0.6s;
  background: transparent;
  color: #50BD99;
}

.next--level .image {
  text-align: center;
}

.next--level p.author {
  font-size: 16px;
  color: #272727;
  font-weight: 600;
  font-style: italic;
  margin-top: 10px;
}

.next--level p.author span {
  font-weight: 400;
}

.woocommerce ul.products li.product .button {
  background: #50BD99;
  color: #fff;
  border: 1px solid #50BD99;
}

.woocommerce ul.products li.product .button:hover {
  background: transparent;
  color: #50BD99;
}

.join--the--hub {
  background: #E2E2E2;
  margin-top: 50px;
  padding: 50px 0;
}

.join--the--hub .content i {
  font-size: 50px;
  color: #000;
  display: inline-block;
  margin: 30px 0 15px 0;
}

.join--the--hub .content h4 {
  font-size: 50px;
  line-height: 70px;
  font-weight: 700;
  color: #000;
  padding: 0;
  margin: 0;
}

.join--the--hub .content h4 span {
  color: #50BD99;
}

.join--the--hub .content p {
  font-size: 34px;
  line-height: 46px;
  font-weight: 600;
  color: #000;
}

.join--the--hub .content p span {
  text-decoration: line-through;
}

.join--the--hub--video .wrapper,
.join--the--hub .wrapper {
  position: relative;
}

.join--the--hub--video .wrapper .overlay,
.join--the--hub .wrapper .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 10px;
  display: flex;
  justify-content: center;
  /* align horizontal */
  align-items: center;
  /* align vertical */
  flex-direction: column;
}

.join--the--hub--video .wrapper .overlay i,
.join--the--hub .wrapper .overlay i {
  font-size: 70px;
  color: #50BD99;
  display: inline-block;
  margin-bottom: 10px;
}

.join--the--hub--video .wrapper .overlay p,
.join--the--hub .wrapper .overlay p {
  color: #fff;
  font-size: 24px;
  line-height: 33px;
}

.trial--action {
  background: #fff;
  padding: 30px 50px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  text-align: center;
  margin-top: 77px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.trial--action i {
  font-size: 40px;
  color: #50BD99;
  display: inline-block;
  margin-bottom: 15px;
}

.trial--action p {
  font-size: 30px !important;
  font-weight: 600 !important;
  line-height: 40px !important;
  color: #000 !important;
}

.trial--action p span {
  font-weight: 700;
}

/* Shop Page */
.shopPage #banner {
  padding-top: 0;
}

.shopPage #banner .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  padding-top: 50px;
}

.shopPage #banner .graphic,
.shopPage #banner .overlay,
.shopPage #banner .bottom {
  /*display: none;*/
}

.shopPage .desc h2 {
  font-size: 50px;
  line-height: 50px;
  font-weight: 900;
  margin: 0 0 15px 0;
  padding: 0;
  color: #000;
}

.shopPage .desc h3 {
  font-size: 32px;
  line-height: 32px;
  font-weight: 700;
  margin: 0 0 30px 0;
  padding: 0;
  color: #000;
}

.shopPage .desc p {
  font-size: 18px;
  line-height: 22px;
  color: #000;
}

.shopPage .filters {
  margin-bottom: 50px;
}

.shopPage .filters h3 {
  font-size: 36px;
  line-height: 36px;
  font-weight: 900;
  margin: 15px 0;
  padding: 0;
  color: #000;
}

.shopPage .filters a.filterButton {
  display: block;
  height: 40px;
  border: 1px solid #DDD;
  background: #F8F8F8;
  color: #000;
  line-height: 40px;
  font-weight: 700;
  text-align: center;
  transition: all 0.6s;
}

.shopPage .filters a.filterButton:hover {
  transition: all 0.6s;
  background: transparent;
}

.shopPage .filters .priceFilter > p {
  font-size: 16px;
  color: #272727;
  float: left;
  font-weight: 700;
  line-height: 40px;
}

.shopPage .filters .slider.slider-horizontal {
  float: right;
  margin-top: 10px;
}

.slider-handle {
  background-color: #50BD99 !important;
  background-image: linear-gradient(to bottom, #50BD99 0, #50BD99 100%) !important;
}

.shopPage h4.shopBuy {
  font-size: 40px;
  line-height: 40px;
  color: #272727;
  font-weight: 900;
  padding: 0;
  margin: 30px 0;
  text-transform: uppercase;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 21px;
  line-height: 22px;
  color: #272727;
  font-weight: 600;
}

.woocommerce ul.products li.product .price {
  font-size: 19px;
  line-height: 19px;
  color: #FFA222;
  font-weight: 700;
}

.woocommerce ul.products li.product .price del {
  color: #50BD99;
  opacity: 0.8;
}

/* Product Page */
.type-product h1.product_title {
  font-size: 40px;
  line-height: 40px;
  font-weight: 900;
  color: #000;
  padding: 0;
  margin: 0 0 50px 0;
}

.type-product h4.product_sku {
  font-size: 25px;
  line-height: 28px;
  color: #939393;
  font-weight: 600;
  padding: 0;
  margin: 0 0 50px 0;
}

.type-product p.price {
  font-size: 40px !important;
  line-height: 40px;
  font-weight: 700;
  color: #454b1b !important;
  margin-bottom: 30px;
  float: left;
}

.afterpay-payment-info {
  font-size: 12px;
  line-height: 40px;
  margin-left: 15px;
  display: block;
  float: left;
}

.type-product .desc p {
  font-size: 16px;
  line-height: 22px;
  color: #333;
}

.type-product .variations tr td {
  display: inline-block;
  margin-bottom: 15px;
  padding-top: 15px;
}

.type-product .variations .label {
  padding-right: 0 !important;
}

.type-product .variations .label label {
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  min-width: 150px;
  text-align: left;
}

.type-product .variations .value {
  width: calc(100% - 150px);
  margin-bottom: 0;
}

.type-product .variations .value select {
  display: block;
  width: 100%;
}

.type-product form.cart .button {
  background: #50BD99;
  color: #fff;
  line-height: 50px;
  height: 50px;
  padding: 0 30px;
  display: inline-block;
  margin-left: 30px;
  font-size: 16px;
  text-transform: uppercase;
}

.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
  opacity: 1;
  background: #50BD99;
}

.type-product .related h2 {
  font-size: 40px;
  line-height: 40px;
  font-weight: 900;
  color: #272727;
  padding: 0;
  margin: 50px 0 30px 0;
}

.type-product .related .products h2 {
  font-size: 20px;
  line-height: 22px;
  color: #272727;
  font-weight: 600;
}

.type-product .related .products li.product .price {
  color: #50BD99;
  font-size: 25px;
  line-height: 25px;
  font-weight: 700;
}

.woocommerce .woocommerce-breadcrumb {
  margin: 10px 0 50px 0;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
  margin-right: 15px;
}

.woocommerce-pagination {
  margin-bottom: 50px;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  color: #272727;
}

.woocommerce .quantity .qty {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -moz-appearance: textfield;
}

.woocommerce .quantity .qty::-webkit-outer-spin-button,
.woocommerce .quantity .qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.woocommerce span.onsale {
  display: none;
}

/* Header Cart */
.cart-contents {
  position: relative;
  display: flex !important;
  flex-flow: column nowrap;
  justify-content: center;
}

.cart-contents:hover {
  text-decoration: none;
}

.cart-contents-count {
  position: absolute;
  top: 15px;
  right: 1px;
  transform: translateY(-105%) translateX(25%);
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 22px;
  height: 22px;
  width: 22px;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  background: #454b1b;
  border-radius: 50%;
  padding: 1px;
}
a.cart-contents:hover {
  color: #454b1b !important;
}

/* Cart */
.post-1030 header,
.post-1027 header {
  display: none;
}

.post-1030 .entry-content,
.post-1027 .entry-content {
  float: none !important;
  width: 100% !important;
}

.wrap {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.post-1027 .woocommerce-cart-form {
  margin-top: 50px;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  background: #454b1b;
  transition: all 0.6s;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  transition: all 0.6s;
  background: #454b1b;
}
#place_order {
  background: #454b1b;
  border:  1px solid #454b1b;
  padding: 15px 50px;
  border-radius: 0;
  transition: all .6s;
}
#place_order:hover {
  transition: all .6s;
  background: transparent;
  color:  #454b1b;
}

.woocommerce-checkout {
  margin-bottom: 50px;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  border: 1px solid #707070;
  height: 40px;
  border-radius: 0;
  color: #000;
}

.select2-container .select2-selection--single {
  height: 40px;
  border-radius: 0;
  border: 1px solid #707070;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
}

.woocommerce form .form-row textarea {
  height: 100px;
}

.post-1030 .woocommerce-order {
  margin-top: 50px;
}

.emptyCartWrapper {
  padding: 50px 0;
}

/* Hook up Page */
.hookUpPage {
  padding: 50px 0;
}

.hookUpPage .desc p {
  margin-bottom: 30px;
}

.websiteComingSoonWrapper {
  background: #fdfdfd;
  min-height: calc(100vh - 235px);
  display: flex;
  justify-content: center;
  /* align horizontal */
  align-items: center;
  /* align vertical */
}

.websiteComingSoon {
  color: #000;
  font-size: 40px;
  line-height: 40px;
  margin: 0;
  text-align: center;
  padding: 0;
}

.hookUpPage .tGradient {
  max-height: 500px;
  float: right;
}

/* Contact Page */
.contactPage {
  padding: 50px 0;
}

.contactPage .heading h1 {
  font-size: 50px;
  line-height: 50px;
  color: #272727;
  padding: 0;
  margin: 0 0 30px 0;
  font-weight: 900;
}

.contactPage .heading p {
  font-size: 20px;
  line-height: 28px;
  color: #939393;
  margin: 0 0 30px 0;
}

.wpcf7 label {
  width: 100%;
}

.wpcf7 .row {
  margin-bottom: 15px;
}

.wpcf7 .selectric {
  margin-bottom: 10px;
}

.wpcf7 label input[type=text] {
  border: 1px solid #707070;
  border-radius: 3px;
}

.wpcf7 input[type=submit] {
  background: #50BD99;
  border: 1px solid #50BD99;
  box-shadow: none;
  border-radius: 6px;
  color: #fff;
  font-size: 18px;
  padding: 10px 30px;
  font-weight: 700;
  text-transform: uppercase;
  transition: all 0.6s;
}

.wpcf7 input[type=submit]:hover {
  transition: all 0.6s;
  background: transparent;
  color: #50BD99;
}

div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
  border: none;
  color: #50BD99;
  padding: 0;
  margin: 0;
}

div.wpcf7-mail-sent-ok {
  color: #398f14;
}

/* Text Page */
.textPage {
  padding: 50px 0;
}

.textPage .desc h1,
.textPage .desc h2,
.textPage .desc h3,
.textPage .desc h4,
.textPage .desc h5,
.textPage .desc h6 {
  color: #272727;
  font-weight: 700;
  padding: 0;
  margin: 20px 0;
}

.textPage .desc p {
  color: #272727;
  font-size: 16px;
  line-height: 22px;
}

.textPage ul,
.textPage ol {
  margin: 0 0 20px 40px;
}

.textPage ul li,
.textPage ol li {
  color: #272727;
  font-size: 16px;
  line-height: 22px;
}

/* Accept Invitation Page */
.invitationPage {
  padding: 50px 0;
}

.invitationPage .desc h1 {
  font-size: 50px;
  line-height: 50px;
  color: #272727;
  font-weight: 900;
  padding: 0;
  margin: 0 0 30px 0;
}

.invitationPage .desc p {
  font-size: 18px;
  line-height: 26px;
  color: #272727;
}

.invitationPage .desc h2 {
  font-size: 24px;
  line-height: 24px;
  color: #272727;
  font-weight: 700;
  padding: 0;
  margin: 30px 0;
}

.invitationPage form input[type=text],
.invitationPage form input[type=email],
.invitationPage form input[type=password] {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 1px solid #707070;
  background-image: none;
  box-shadow: none;
  margin-bottom: 15px;
  height: 40px;
}

.invitationPage form input.has-error {
  border: 1px solid #50BD99;
}

.invitationPage form input[type=submit] {
  background: #50BD99;
  border: 1px solid #50BD99;
  border-radius: 6px;
  color: #fff;
  font-size: 18px;
  padding: 10px 30px;
  display: block;
  margin: 30px auto 0 auto;
  transition: all 0.6s;
}

.invitationPage form input[type=submit]:hover {
  transition: all 0.6s;
  background: transparent;
  color: #50BD99;
}

.invitationPage .alert {
  display: none;
}

.invitationPage .text-error {
  color: #50BD99;
}

/* My Account */
.myAccountWrapper {
  padding: 50px 15px;
}

.breadcrumbsWrapper {
  margin-bottom: 30px;
}

.breadcrumbsWrapper.quizWrapper,
.breadcrumbsWrapper.myAccount {
  margin-top: -40px;
}

.breadcrumbsWrapper ul.breadcrumbs {
  list-style-type: none;
}

.breadcrumbsWrapper ul.breadcrumbs li {
  color: #171717;
  display: inline-block;
}

.breadcrumbsWrapper ul.breadcrumbs li:after {
  content: ">";
  display: inline-block;
  margin: 0 10px;
}

.breadcrumbsWrapper ul.breadcrumbs li:last-child:after {
  display: none;
}

.breadcrumbsWrapper ul.breadcrumbs li a {
  color: #171717;
  box-shadow: none;
  font-weight: 300;
}

.myAccountWrapper .entry-content {
  float: none !important;
  width: 100% !important;
}

.hubWrapper h3 {
  padding: 0;
  margin: 0 0 30px 0;
}

.hubWrapper p {
  font-size: 16px;
  color: #272727;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  display: none;
  float: none;
}

.woocommerce-account .woocommerce-MyAccount-content {
  float: none;
  width: 100%;
}

.myAccountWrapper .dashboardIcons {
  margin-top: 100px;
  margin-bottom: 100px;
}

.myAccountWrapper .dashboardIcons .item {
  text-align: center;
  float: left;
  width: 16.5%;
}

.myAccountWrapper .dashboardIcons a {
  color: #000;
  text-decoration: none;
  box-shadow: none;
  font-weight: 600;
}

.myAccountWrapper .dashboardIcons a i {
  font-size: 54px;
  color: #50BD99;
  display: block;
  margin-bottom: 10px;
}

.woocommerce-account .addresses .title .edit {
  background: #50BD99;
  border: 1px solid #50BD99;
  color: #fff;
  padding: 10px;
  box-shadow: none;
  margin-top: 20px;
  transition: all 0.6s;
}

.woocommerce-account .addresses .title .edit:hover {
  transition: all 0.6s;
  background: transparent;
  color: #50BD99;
}

.woocommerce-MyAccount-content button.button,
.woocommerce-MyAccount-content a.button,
.woocommerce-address-fields button.button {
  color: #fff;
  background-color: #50BD99;
  border: 1px solid #50BD99;
  border-radius: 0;
  margin-top: 30px;
  transition: all 0.6s;
}

.woocommerce-MyAccount-content button.button:hover,
.woocommerce-MyAccount-content a.button:hover,
.woocommerce-address-fields button.button:hover {
  transition: all 0.6s;
  background-color: transparent;
  color: #50BD99;
  box-shadow: none;
}

.referralWrapper h3 {
  color: #50BD99;
  padding: 0;
  margin: 0 0 30px 0;
}

/* Learn Dash */
.ld-quiz-actions {
  display: none !important;
}

.archive:not(.page-one-column):not(.has-sidebar) #primary article,
body.page-two-column:not(.archive) #primary .entry-content {
  width: 100%;
  float: none;
}

.sfwd-topic,
.sfwd-lessons,
.sfwd-courses {
  padding: 10px 15px 50px 15px;
}

.learndash-wrapper .ld-table-list .ld-table-list-header,
.learndash-wrapper .ld-expand-button:hover,
.learndash-wrapper .ld-expand-button {
  background-color: #50BD99;
}

.learndash-wrapper .ld-expand-button.ld-button-alternate {
  background: #50BD99;
  color: #fff;
}

.learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon {
  background: #50BD99;
}

.learndash-wrapper .ld-expand-button.ld-button-alternate:hover {
  background: #50BD99;
}

.learndash-wrapper .ld-table-list a.ld-table-list-item-preview:hover,
.learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name:hover {
  color: #50BD99;
}

.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span a {
  color: #50BD99;
}

.learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-progress {
  background: #50BD99;
}

body.learndash-cpt.learndash-embed-responsive .ld-video {
  margin-bottom: 30px;
}

.learndash-wrapper .ld-button:hover,
.learndash-wrapper .ld-button {
  background-color: #50BD99;
}

.ribbon-enrolled {
  display: none;
}

.hubWrapper .sfwd-courses {
  padding: 30px 0;
}

.hubWrapper .sfwd-courses.thumbnail {
  padding: 10px 0 !important;
  -webkit-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.6);
  border: none;
}

.hubWrapper .sfwd-courses.thumbnail a img {
  width: 60%;
}

.hubWrapper .sfwd-courses .caption h3 {
  font-size: 16px !important;
  text-transform: inherit !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.hubWrapper .sfwd-courses .caption p.entry-content {
  font-size: 14px !important;
}

.hubWrapper .sfwd-courses .caption a.btn {
  display: block;
  background: #50BD99;
  box-shadow: none;
  border: 1px solid #50BD99;
  transition: all 0.6s;
  font-size: 12px;
}

.hubWrapper .sfwd-courses .caption a.btn:hover {
  transition: all 0.6s;
  background: transparent;
  color: #50BD99;
}

.hubWrapper .ld-course-list-items .ld_course_grid:nth-child(6n+1) {
  clear: both;
}

h1.courseTitle {
  color: #50BD99;
  padding: 20px 0 0;
}

h1.lessonTitle {
  color: #50BD99;
  padding: 20px 0;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_button, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2 {
  background-color: #50BD99;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_button:hover, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:hover {
  background-color: #50BD99;
}

.wpProQuiz_question_text p {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label.is-selected, .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label:focus-within {
  border-color: #50BD99;
}

.learndash_post_sfwd-courses .ld-table-list-item.learndash-incomplete,
.ld-lesson-topic-list .ld-table-list-item.learndash-incomplete {
  display: none;
}

/* Footer */
.site-footer {
  margin: 0;
  border: none;
  width: 100%;
  background: #000;
  padding: 50px 0 0 0;
}

footer .links h6 {
  font-size: 23px;
  line-height: 33px;
  color: #50BD99;
  font-weight: 900;
  padding: 0;
  margin: 0;
}

footer .links ul {
  list-style-type: none;
}

footer .links ul li a {
  font-size: 16px;
  line-height: 26px;
  color: #50BD99;
}

footer .newsletter {
  background: #272727;
  padding-top: 30px;
  margin-top: 30px;
}

footer .newsletter .alert {
  font-size: 14px;
  display: none;
}

footer .newsletter h6 {
  font-size: 25px;
  line-height: 33px;
  color: #50BD99;
  font-weight: 900;
  padding: 0;
  margin: 0 0 30px 0;
  display: block;
  text-align: center;
}

footer .newsletter .form .row {
  margin-bottom: 15px;
}

footer .newsletter input[type=submit] {
  background: #50BD99;
  color: #fff;
  border: 1px solid #50BD99;
  display: block;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  padding: 10px 0;
  transition: all 0.6s;
}

footer .newsletter input[type=submit]:hover {
  transition: all 0.6s;
  background: transparent;
  color: #50BD99;
}

footer .newsletter .form input[type=text],
footer .newsletter .form input[type=email] {
  height: 40px;
  border: 1px solid #707070;
}

footer .newsletter .form input[type=text].has-error,
footer .newsletter .form input[type=email].has-error {
  border: 1px solid #50BD99;
}

footer .newsletter p.webDesign {
  font-size: 16px;
  line-height: 33px;
  color: #50BD99;
  margin: 50px 0 30px 0;
  display: block;
  text-align: center;
}

footer .newsletter p.webDesign a {
  color: #50BD99;
  font-weight: 700;
}

/* THE HUB */
.accountNav {
  list-style-type: none;
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

.accountNav li {
  display: inline-block;
  margin: 0 10px;
}

.accountNav li a {
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  transition: all 0.6s;
  text-transform: uppercase;
}

.accountNav li:hover a,
.accountNav li.selected a {
  color: #50BD99;
  transition: all 0.6s;
}

body.student .accountNav li:hover a,
body.student .accountNav li.selected a {
  color: #ff6c09;
  transition: all 0.6s;
}

body.teacher .accountNav li:hover a,
body.teacher .accountNav li.selected a {
  color: #fca387;
  transition: all 0.6s;
}

/* Hide Tabs for Student */
.accountNav.teacher .farm--contacts--tab,
.accountNav.student .farm--contacts--tab,
.accountNav.student .my--subscription--tab {
  display: none;
}

.accountTop {
  list-style-type: none;
  text-align: right;
  margin: 10px 0 50px 0;
}

.accountTop li {
  display: inline-block;
  margin-left: 30px;
}

.accountTop li a {
  color: #fff;
  font-weight: 300;
}

.accountTop li a i {
  font-weight: 400;
}

#hubHeading {
  background: #000;
  padding: 60px 0;
  text-align: center;
  border-top: 1px solid #fff;
  position: relative;
}

#hubHeading.student {
  background: #ff6c09;
}

#hubHeading.teacher {
  background: #fca387;
}

#hubHeading h1 {
  font-size: 64px;
  line-height: 88px;
  color: #fff;
  font-weight: 600;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}

#hubHeading img {
  position: absolute;
  bottom: 0;
  right: -40px;
  width: 250px;
}

/* Hub General */
.hub--section {
  -webkit-box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.16);
  margin-bottom: 50px;
  border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
}

.hub--section .heading {
  background: #50BD99;
  padding: 5px 10px;
  text-align: center;
  border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
}

.studentLevel .hub--section .heading {
  background: #ff6c05;
}

.teacherLevel .hub--section .heading {
  background: #fca387;
}

.hub--section .heading h2 {
  font-size: 22px;
  line-height: 34px;
  color: #fff;
  font-weight: 400;
  padding: 0;
  margin: 0;
}

.hub--section .content {
  padding: 15px;
}

.hub--section.myProfile .content {
  padding-top: 45px;
}

.hub--section.myProfile .content .item {
  text-align: center;
  margin-bottom: 30px;
}

.hub--section.myProfile .content .item i {
  font-size: 92px;
  color: #D0D0D0;
}

.hub--section.myProfile .content .item p {
  font-size: 17px;
  color: #171717;
  font-weight: 600;
  margin: 10px 0 0 0;
  text-transform: uppercase;
}

.hub--section.shop p.innerHeading {
  font-size: 17px;
  color: #171717;
  font-weight: 600;
  margin: 15px 0 30px 0;
  display: block;
  text-align: center;
}

.hub--section.support p {
  font-size: 16px;
  line-height: 22px;
  color: #171717;
}

.hub--section.support a.viewBtn {
  display: block;
  text-align: right;
  font-size: 20px;
  color: #50BD99;
  font-style: italic;
  text-decoration: none;
  font-weight: 400;
  box-shadow: none;
  margin-top: 15px;
}

.hub--section.support .desc a {
  color: #50BD99;
  box-shadow: none;
}

.hub--section.farm .content {
  padding: 0 15px;
}

.hub--section.farm .content .item {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #D0D0D0;
}

.hub--section.farm .content .item:last-child {
  border-bottom: none;
}

.hub--section.farm .content .itemExpand {
  height: 0;
  transition: all 0.6s;
  padding: 0;
  overflow: hidden;
  border-bottom: none;
}

.hub--section.farm .content .itemExpand.active {
  height: auto;
  transition: all 0.6s;
  overflow: initial;
  padding: 15px 0;
  border-bottom: 1px solid #D0D0D0;
}

.hub--section.farm .content .item img {
  border-radius: 50%;
}

.hub--section.farm .content .item p.name {
  font-size: 18px;
  line-height: 18px;
  color: #171717;
  font-weight: 600;
  margin: 25px 0 5px 0;
}

.hub--section.farm .content .item p.position {
  font-size: 14px;
  line-height: 14px;
  color: #171717;
  font-weight: 300;
  text-transform: uppercase;
}

.hub--section.farm .content .expandWrapper {
  text-align: right;
}

.hub--section.farm .content .expandWrapper a {
  display: inline-block;
  margin-top: 30px;
  color: #50BD99;
  box-shadow: none;
  font-size: 18px;
  font-style: italic;
  font-weight: 300;
}

a.actionButton,
.hub--section.modules .content a.assignModule,
.hub--section.farm .content .teamOverview a {
  background: #E0E0E0;
  font-size: 16px;
  color: #000;
  padding: 5px 15px;
  border-radius: 5px;
  display: inline-block;
  box-shadow: none;
  margin: 10px auto;
  transition: all 0.6s;
}

.hub--section.modules .content a.assignModule.success,
a.actionButton.success {
  transition: all 0.6s;
  background: #50BD99;
  color: #fff;
  pointer-events: none;
  cursor: default;
}

a.actionButton.disabled,
.hub--section.modules .content a.assignModule.disabled,
.hub--section.farm .content .teamOverview a.disabled {
  pointer-events: none;
  cursor: default;
}

.hub--section.farm .content .sub--item {
  border-bottom: 1px solid #D0D0D0;
  padding-top: 15px;
  padding-bottom: 15px;
}

.hub--section.farm .content .sub--item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.hub--section.farm .content .sub--item:first-child {
  padding-top: 0;
}

.hub--section.farm .content .sub--item i.fa-pencil-square-o {
  font-size: 26px;
  color: #D0D0D0;
  margin-top: 15px;
  display: inline-block;
}

.hub--section.farm .content .sub--item img {
  float: left;
  margin-right: 15px;
}

.hub--section.farm .content .sub--item p.name {
  margin: 7px 0 2px 0;
  font-size: 15px;
}

.hub--section.farm .content .sub--item .expandWrapper a {
  margin-top: 10px;
}

.hub--section.learning .content .item p.name {
  margin: 20px 0 5px 0;
}

.hub--section.learning .content .item p.position {
  font-size: 12px;
}

.hub--section.learning .content .expandWrapper a {
  margin-top: 25px;
}

.hub--section.library .modules {
  margin-top: 50px;
}

.hub--section.modules .content > p {
  color: #171717;
  font-weight: 300;
  margin: 15px 0;
}

.selectricWrapper {
  position: relative;
  margin-bottom: 15px;
}

.selectricWrapper .selectric {
  background: transparent;
}

.selectricWrapper .selectric .button {
  background-color: transparent;
  color: #50BD99;
}

.selectricWrapper .selectric .button:after {
  border: 10px solid transparent;
  border-top-color: #50BD99;
  top: 8px;
}

.selectricWrapper#modules {
  border: 1px solid #444E52;
}

.selectricWrapper#sections {
  border: 1px solid #4D8FAC;
}

.selectricWrapper#videos {
  border: 1px solid #FEA729;
}

.selectricWrapper > i {
  position: absolute;
  top: 10px;
  left: 15px;
  font-size: 20px;
  z-index: 1;
}

.selectricWrapper > img {
  position: absolute;
  top: 10px;
  left: 15px;
  font-size: 20px;
  z-index: 1;
  width: 20px;
}

.selectric .label {
  text-align: left;
  padding-left: 50px;
}

.hub--section.overview .content h3 {
  font-size: 16px;
  line-height: 22px;
  color: #50BD99;
  font-weight: 600;
  padding: 0;
  margin: 0 0 20px 0;
}

.hub--section.overview .content h3:after {
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  background: #50BD99;
}

.hub--section.overview .content .items .item img {
  float: left;
  margin-right: 15px;
  border-radius: 50%;
  margin-top: 15px;
}

.hub--section.overview .content .items .item img.moduleIcon {
  float: none;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  max-width: 20px;
}

.hub--section.overview .content .items .item p.name {
  font-size: 16px;
  line-height: 22px;
  color: #171717;
  font-weight: 600;
  margin: 15px 0 0 0;
}

.hub--section.overview .content .items .item p.position {
  font-size: 14px;
  line-height: 19px;
  font-weight: 300;
  color: #171717;
  margin: 0;
  text-transform: uppercase;
}

.hub--section.overview .content .course--icon {
  margin-right: 8px;
}

.hub--section.overview ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 2px;
  height: 15px;
}

.hub--section.overview ::-webkit-scrollbar-thumb {
  background-color: rgba(208, 208, 208, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(208, 208, 208, 0.5);
}

.hub--section.overview {
  margin-bottom: 0;
}

.hub--section.overview .content .items .item {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #D0D0D0;
}

.hub--section.overview .content .items .item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.hub--section.overview .content .items .item:first-child {
  padding-top: 0;
}

.hub--section.overview .content .qualifications {
  overflow-x: scroll;
  white-space: nowrap;
  padding: 10px 0;
}

.hub--section.overview .content .qualifications a {
  box-shadow: none;
}

.course--icon {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  display: inline-block;
}

.course--icon a {
  box-shadow: none;
}

.course--icon i {
  font-size: 18px;
  color: #cbcbcb;
}

.course--icon .wrapper {
  padding: 5px;
  border-radius: 50%;
  border: 5px solid #b3b3b3;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  /* align horizontal */
  align-items: center;
  /* align vertical */
}

.course--icon.completed .wrapper {
  /*border: 5px solid #FEA729 !important;*/
  border-color: #FEA729 !important;
}

.course--icon .progressWrapper {
  display: inline-block;
  border-radius: 50%;
  border: 5px solid #cbcbcb;
  width: 50px;
  height: 50px;
}

.course--icon--section {
  position: relative;
}

.course--icon--section .newVideos {
  left: -40px !important;
}

.readOnly {
  background: rgba(255, 255, 255, 0.6) !important;
}

.intro--video iframe {
  width: 100% !important;
  height: 625px;
}

/*.course--icon.soon {*/
/*opacity: .65;*/
/*}*/
/*.course--icon.soon .newVideos {*/
/*width: auto;*/
/*font-size: 14px;*/
/*transform: rotate(-45deg);*/
/*padding: 0 5px;*/
/*left: 0;*/
/*-webkit-border-radius: 0;*/
/*-moz-border-radius: 0;*/
/*border-radius: 0;*/
/*}*/
.course--icon.completed .progressWrapper {
  /*border: 5px solid #4D8FAC !important;*/
  border-color: #4D8FAC !important;
}

.hub--section.team--progress .actions {
  border-bottom: 1px solid #D0D0D0;
  padding-bottom: 40px;
  padding-top: 40px;
}

.hub--section.team--progress .actions .quick--add .wrapper {
  /*max-width: 400px;*/
  display: block;
  margin: 0 auto;
  padding: 0 15px;
  border-left: 1px solid #D0D0D0;
  border-right: 1px solid #D0D0D0;
  min-height: 280px;
}

.hub--section.team--progress .actions h4 {
  font-size: 20px;
  line-height: 30px;
  color: #171717;
  font-weight: 400;
  display: block;
  margin: 0 0 20px 0;
  padding: 0;
}

.hub--section.team--progress .actions ul {
  list-style-type: none;
}

.hub--section.team--progress .actions ul li a,
.hub--section.team--progress .actions ul li {
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 24px;
  color: #171717;
  font-weight: 300;
  box-shadow: none;
}

.hub--section.team--progress .actions ul li i {
  color: #FEA729;
}

.hub--section.team--progress .all--assigned {
  display: none;
}

.hub--section.team--progress .all--assigned .item:nth-child(3n+5) {
  clear: both;
}

.hub--section.team--progress .all--assigned .col-sm-12 {
  border-top: 1px solid #D0D0D0;
  margin-top: 30px;
}

.hub--section.team--progress .all--assigned h4 {
  font-size: 22px;
  line-height: 32px;
  color: #171717;
  font-weight: 400;
  display: block;
  margin: 0;
  padding: 15px 0 0 0;
}

.hub--section.team--progress .all--assigned .course--icon,
.hub--section.team--progress .actions .assigned li .course--icon {
  float: left;
  margin-right: 15px;
}

.hub--section.team--progress .all--assigned .course--icon img,
.hub--section.team--progress .actions .assigned li .course--icon img {
  box-shadow: none;
  max-width: 15px;
}

.hub--section.team--progress .all--assigned p.title,
.hub--section.team--progress .actions .assigned li p.title {
  font-size: 16px;
  line-height: 22px;
  color: #171717;
  font-weight: 600;
  margin: 3px 0 0 0;
  display: inline-block;
}

.hub--section.team--progress .all--assigned p.title {
  font-size: 14px;
}

.hub--section.team--progress .all--assigned p.completed,
.hub--section.team--progress .actions .assigned li p.completed {
  font-size: 14px;
  line-height: 19px;
  color: #171717;
  font-weight: 300;
  margin: 0;
}

.hub--section.team--progress .all--assigned a {
  box-shadow: none;
}

.hub--section.team--progress .all--assigned > div {
  margin-bottom: 30px;
}

.hub--section.team--progress .actions .quick--add .selectricWrapperOverlay {
  display: none;
  margin-top: 15px;
}

.hub--section.team--progress .actions .quick--add li {
  font-size: 14px;
  line-height: 20px;
}

.linkwrap {
  position: relative;
  display: inline-block;
  box-shadow: none !important;
}

.blocker {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.linkwrap iframe {
  z-index: 2;
}

.hub--section.team--progress .info {
  padding-top: 25px;
  padding-bottom: 40px;
  border-bottom: 1px solid #D0D0D0;
}

.hub--section.team--progress .info .course--icon {
  float: right;
  width: 150px;
  height: 150px;
  margin-right: 0;
}

.hub--section.team--progress .info .course--icon .progressWrapper {
  width: 150px;
  height: 150px;
  border: 15px solid #cbcbcb;
}

.hub--section.team--progress .info .course--icon .progressWrapper .wrapper {
  width: 120px;
  height: 120px;
  border: 15px solid #b3b3b3;
}

.hub--section.team--progress .info .course--icon .progressWrapper .wrapper i {
  font-size: 36px;
}

.hub--section.team--progress .info .course--icon .progressWrapper .wrapper img {
  box-shadow: none;
  border-radius: 0;
  width: 60px;
}

.hub--section.team--progress .info a.actionButton {
  margin-top: 0;
}

.hub--section.team--progress .videoWrapper iframe {
  height: 205px;
  margin: 0;
}

.hub--section.team--progress .videoWrapper h6 {
  margin: 0;
  padding: 0;
}

.hub--section.team--progress .progress--items i {
  font-size: 44px;
  display: inline-block;
  float: left;
  margin-right: 15px;
}

.hub--section.team--progress .progress--items img {
  display: inline-block;
  float: left;
  margin-right: 15px;
  position: relative;
  top: 5px;
}

.hub--section.team--progress .progress--items p {
  font-size: 14px;
  line-height: 19px;
  font-weight: 300;
  color: #171717;
  margin: 0;
}

.hub--section.team--progress .progress--items p.subTitle {
  font-size: 18px;
  line-height: 24px;
}

.hub--section.team--progress .progress--items .item {
  margin-bottom: 15px;
}

.hub--section.team--progress .progress--items .item.video p.subTitle {
  font-weight: 600;
}

.hub--section.team--progress .progress--items .item.quiz i {
  font-size: 24px;
  margin-left: 30px;
  color: #9D2A7A;
  position: relative;
  top: -3px;
}

.hub--section.team--progress .progress--items .item.quiz p {
  color: #9D2A7A;
}

.hub--section.personal--progress .actions {
  padding-bottom: 25px;
  border-bottom: none;
}

.hub--section.team--progress {
  margin-top: 50px;
  margin-bottom: 0;
}

.hub--section.team--progress .members {
  padding-top: 40px;
  padding-bottom: 40px;
}

.hub--section.team--progress .members h4 {
  font-size: 22px;
  line-height: 32px;
  color: #171717;
  font-weight: 400;
  display: block;
  text-align: center;
  margin: 0 0 30px 0;
  padding: 0;
}

.hub--section.team--progress .members .member {
  text-align: center;
  display: inline-block;
  margin: 0 10px;
  width: calc(25% - 25px);
}

.hub--section.team--progress .members .member img {
  border-radius: 50%;
  margin-bottom: 15px;
}

.hub--section.team--progress .members .member p.name {
  font-size: 16px;
  line-height: 22px;
  color: #171717;
  font-weight: 600;
  margin: 0 0 15px;
}

.hub--section.team--progress .members .member a {
  font-size: 18px;
  line-height: 24px;
  color: #50BD99;
  box-shadow: none;
}

.hub--section.team--progress .heading h2 {
  text-transform: uppercase;
}

.hub--section.team--progress .nothing {
  padding: 30px 15px;
  text-align: center;
}

.hub--section.team--progress .nothing p {
  font-size: 18px;
  line-height: 26px;
  color: #171717;
}

.hub--section.team--progress .nothing p a {
  box-shadow: none;
  color: #50BD99;
}

/* Assign A Module */
.hub--section.assign .content {
  padding-bottom: 40px;
}

.hub--section.assign .content .intro p {
  font-size: 16px;
  line-height: 22px;
  color: #171717;
  font-weight: 300;
  margin: 25px 0 0 0;
}

.hub--section.assign .content .members {
  border-left: 1px solid #D0D0D0;
}

a.assign {
  background: #50BD99;
  border: 1px solid #50BD99 !important;
  color: #fff;
  border-radius: 5px;
  display: block;
  padding: 10px 0;
  text-align: center;
  box-shadow: none;
  margin-top: 30px;
  transition: all 0.6s;
  font-size: 15px;
  font-weight: 600;
}

a.assign.success {
  border: 1px solid #1fa67a !important;
  background: #1fa67a !important;
  color: #fff;
}

a.assign:hover {
  transition: all 0.6s;
  background: transparent;
  color: #50BD99;
  border: 1px solid #50BD99 !important;
}

.hub--section.assign .content #sections,
.hub--section.assign .content #videos {
  display: none;
}

.hub--section.assign .assignWrapper {
  margin-top: 40px;
}

.hub--section.assign .content .members {
  text-align: center;
}

.hub--section.assign .content .members .member {
  margin-bottom: 20px;
}

.hub--section.assign .content .members h4 {
  font-size: 22px;
  line-height: 32px;
  color: #171717;
  font-weight: 400;
  padding: 0;
  margin: 0 0 30px;
}

.hub--section.assign .content .members img {
  border-radius: 50%;
}

.hub--section.assign .content .members p.name {
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  color: #171717;
  margin: 5px 0 0 0;
}

/* Library */
.hub--section.library .content .intro p {
  font-size: 16px;
  line-height: 22px;
  color: #171717;
  font-weight: 300;
  margin: 0;
}

.hub--section.library .content .filters {
  margin-top: 30px;
  margin-bottom: 30px;
}

.hub--section.library--sections .content .modules .item,
.hub--section.library .content .modules .item {
  text-align: center;
  margin-bottom: 40px;
}

.hub--section.library--sections .content .modules .item h4,
.hub--section.library .content .modules .item h4 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  color: #171717;
  padding: 0;
  margin: 20px 0 10px;
  min-height: 52px;
  font-style: normal;
}

.hub--section.library--sections .content .modules .item a,
.hub--section.library .content .modules .item a {
  font-size: 18px;
  line-height: 27px;
  color: #50BD99;
  font-weight: 300;
  font-style: italic;
  box-shadow: none;
}

.hub--section.library--sections .content .modules .item .course--icon,
.hub--section.library .content .modules .item .course--icon {
  width: 100px;
  height: 100px;
}

.hub--section.library--sections .content .modules .item .progressWrapper,
.hub--section.library .content .modules .item .progressWrapper {
  width: 100px;
  height: 100px;
  border: 10px solid #cbcbcb;
}

.hub--section.library--sections .content .modules .item .progressWrapper .wrapper,
.hub--section.library .content .modules .item .progressWrapper .wrapper {
  width: 80px;
  height: 80px;
  border: 10px solid #b3b3b3;
}

.hub--section.library--sections .content .modules .item .progressWrapper .wrapper i,
.hub--section.library .content .modules .item .progressWrapper .wrapper i {
  font-size: 36px;
}

.hub--section.library .content .modules .item .progressWrapper .wrapper img {
  box-shadow: none;
  max-width: 40px;
}

.hub--section.library--sections a.assign {
  padding: 10px 30px;
  margin-bottom: 30px;
  display: none;
}

.hub--section.library--sections .content .modules .item,
.hub--section.library .content .modules .item p.totalVideos {
  color: #b3b3b3;
  font-size: 14px;
  font-style: italic;
}

/* Welcome Video */
.hub--section.welcome .content {
  padding: 0;
}

.hub--section.welcome .content iframe {
  width: 100%;
  margin-bottom: 0;
  height: 640px;
}

/* Continue Watching */
.hub--section.continue {
  border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
}

.hub--section.continue .content {
  padding: 0;
}

.hub--section.continue .content iframe {
  margin-bottom: 0;
  max-height: 320px;
}

.hub--section.continue .content .videoFooter h5 {
  padding: 15px;
  margin: 0;
  font-size: 20px;
  line-height: 27px;
  font-weight: 600;
  color: #171717;
  letter-spacing: 0;
  text-transform: inherit;
}

/* Library Course */
.hub--section.library--course p.title {
  font-size: 18px;
  line-height: 24px;
  color: #171717;
  font-weight: 600;
}

.hub--section.library--course .content {
  padding-top: 30px;
  padding-bottom: 30px;
}

.hub--section.library--course .desc p {
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
}

.hub--section.library--course .desc a.assign {
  display: inline-block;
  padding: 10px 25px;
  margin-bottom: 5px;
}

.hub--section.library--sections .heading {
  background: #4D8FAC;
}

.hub--section.library--sections .content {
  padding-top: 25px;
  padding-bottom: 0;
}

.hub--section.library--sections .content .modules .item {
  margin-bottom: 25px;
}

.hub--section.library--sections .content .modules .item .overlay {
  padding: 15px 40px;
  display: inline-block;
  transition: all 0.6s;
  border: 1px solid #fff;
}

.hub--section.library--sections .content .modules .item .overlay.selected {
  border: 1px solid #4D8FAC;
  transition: all 0.6s;
}

.hub--section.library--videos .heading {
  background: #FEA729;
}

.hub--section.library--videos {
  display: none;
}

.hub--section.library--videos .content {
  padding-top: 30px;
}

.hub--section.library--videos .item {
  margin-bottom: 30px;
}

.hub--section.library--videos .item iframe {
  margin-bottom: 0;
  max-height: 310px;
}

.hub--section.library--videos .item .bottom {
  -webkit-box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.16);
  border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  padding: 10px 15px;
  position: relative;
  top: -5px;
}

.hub--section.library--videos .item .bottom h5 {
  font-size: 20px;
  line-height: 27px;
  color: #171717;
  font-weight: 600;
  padding: 0;
  margin: 0 0 10px;
  text-transform: inherit;
  letter-spacing: 0;
}

.hub--section.library--videos .item .bottom h5 span.label {
  font-size: 12px;
  margin-left: 10px;
  padding: 0 5px;
  background-color: #50BD99;
}

.hub--section.library--videos .item .bottom p.duration {
  font-size: 14px;
  line-height: 19px;
  font-weight: 300;
  font-style: italic;
  color: #171717;
  margin: 0;
}

.hub--section.library--videos .item .bottom a {
  font-size: 16px;
  line-height: 19px;
  color: #50BD99;
  font-weight: 300;
  font-style: italic;
}

.hub--section.support .content {
  padding-top: 30px;
  padding-bottom: 30px;
}

.hub--section.support .content .item > i {
  font-size: 48px;
  line-height: 48px;
  color: #50BD99;
}

.hub--section.support .content .item h4 {
  font-size: 20px;
  line-height: 27px;
  color: #171717;
  font-weight: 400;
  padding: 0;
  margin: 25px 0;
}

.hub--section.support .content .item .desc p {
  font-size: 16px;
  line-height: 22px;
  color: #171717;
  font-weight: 300;
}

.hub--section.support .content .item .desc a {
  font-size: 18px;
  font-weight: 300;
  font-style: italic;
  text-align: left;
}

.hub--section.support .content .item .desc a:not(.viewBtn) {
  text-decoration: underline;
}

.hub--section.referral {
  margin-bottom: 0;
}

/* Assign To */
#assignToWrapper {
  position: absolute;
  top: 0;
  right: -1500px;
  width: 300px;
  transition: all 0.6s;
  border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  -webkit-border-radius: 10px 0px 0px 10px;
  -webkit-box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.16);
  padding: 15px 0;
  background: #fff;
  z-index: 100;
}

#assignToWrapper.active {
  right: -500px;
  transition: all 0.6s;
}

#assignToWrapper,
#assignToWrapper.library--page,
#assignToWrapper.search--page {
  position: fixed;
}

#assignToWrapper.active,
#assignToWrapper.library--page.active,
#assignToWrapper.search--page.active {
  top: 200px;
  right: 0;
}

#assignToWrapper > h4 {
  font-size: 18px;
  line-height: 24px;
  color: #171717;
  font-weight: 400;
  padding: 0;
  margin: 0 0 30px;
  display: block;
  text-align: center;
  text-transform: uppercase;
}

#assignToWrapper .member {
  width: 50%;
  float: left;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  padding: 0 25px;
}

#assignToWrapper .member img {
  border-radius: 50%;
}

#assignToWrapper .member p.name {
  font-size: 15px;
  line-height: 20px;
  color: #171717;
  font-weight: 600;
  margin: 10px 0;
}

#assignToWrapper .member input[type=checkbox] {
  position: absolute;
  top: -10px;
  left: 35px;
}

#assignToWrapper .member.all {
  margin-left: 25%;
}

.text-error {
  color: #50BD99;
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.8);
  display: none;
}

.loading img {
  position: absolute;
  top: calc(50% - 100px);
  left: calc(50% - 100px);
}

/* Video Section */
.hub--section.video--section .content {
  padding: 0;
}

.hub--section.video--section .content .ld-tabs {
  margin: 0;
}

.hub--section.video--section .content .ld-table-list {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.hub--section.video--section .content .desc {
  padding: 0 15px 15px 15px;
}

.hub--section.video--section .content .desc p {
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
  color: #171717;
}

.more--videos .heading {
  text-align: center;
}

.more--videos .heading h3 {
  font-size: 24px;
  line-height: 32px;
  color: #171717;
  font-weight: 400;
  padding: 0;
  margin: 60px 0 30px 0;
}

.more--videos .items .item iframe {
  margin-bottom: 0;
  width: 100%;
  max-height: 135px;
}

.more--videos .items .item .videoFooter {
  -webkit-box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.16);
  border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  padding: 10px 15px;
  position: relative;
  top: -5px;
  min-height: 88px;
}

.more--videos .items .item .videoFooter h5 {
  font-size: 16px;
  line-height: 22px;
  color: #171717;
  font-weight: 600;
  padding: 0;
  margin: 0 0 5px;
  text-transform: inherit;
  letter-spacing: 0;
}

.more--videos .items .item .videoFooter p.duration {
  font-size: 14px;
  line-height: 19px;
  font-weight: 300;
  font-style: italic;
  color: #171717;
  margin: 0;
}

.more--videos .owl-carousel {
  margin: 0 50px;
  width: calc(100% - 100px);
}

.more--videos .owl-theme .owl-nav {
  position: absolute;
  top: calc(50% - 30px);
  width: 100%;
}

.more--videos .owl-theme .owl-nav button {
  position: absolute;
  font-size: 40px;
  color: #D0D0D0;
  padding: 0;
  margin: 0;
}

.more--videos .owl-theme .owl-nav .owl-prev {
  left: -50px;
}

.more--videos .owl-theme .owl-nav .owl-next {
  right: -50px;
}

.more--videos .owl-theme .owl-nav button:hover {
  background: transparent;
  color: #D0D0D0;
  opacity: 0.65;
}

.more--videos .owl-stage {
  margin: 0 auto;
}

/* Trial */
.hub--section.upgrade .content,
.hub--section.trial .content {
  padding: 30px 15px;
}

.hub--section.trial .alert {
  display: none;
}

.hub--section.trial a.trialToCheckout.disabled {
  cursor: not-allowed;
  pointer-events: none;
}

.newVideos {
  width: 30px;
  height: 30px;
  background: red;
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  font-style: normal;
}

/* Hub My Account */
.hub--section.profile {
  margin-bottom: 0;
}

.hub--section.profile .content {
  padding-top: 50px;
  padding-bottom: 50px;
}

.hub--section.profile .content .item {
  text-align: center;
  width: 16.66667%;
  float: left;
  padding: 15px;
}

.hub--section.profile .content .item.free--trial {
  padding: 15px 0 0 0;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15);
}

.hub--section.profile .content .item.free--trial h6 {
  display: block;
  background: red;
  margin: 0;
  font-size: 12px;
  color: #fff;
  padding: 10px 0;
}

.hub--section.profile .content .item a {
  box-shadow: none;
}

.hub--section.profile .content .item i {
  font-size: 62px;
  color: #D0D0D0;
  transition: all 0.6s;
}

.hub--section.profile .content .item h3 {
  font-size: 16px;
  line-height: 26px;
  color: #171717;
  font-weight: 600;
  padding: 0;
  margin: 15px 0;
  text-transform: uppercase;
  transition: all 0.6s;
}

.hub--section.profile .content .item a:hover i {
  color: #50BD99;
  transition: all 0.6s;
}

.hub--section.profile .content .item a:hover h3 {
  color: #50BD99;
  transition: all 0.6s;
}

/* Edit Account */
.hub--section.edit--account {
  margin-bottom: 0;
}

.hub--section.edit--account fieldset {
  margin-top: 30px;
}

.hub--section.edit--account legend {
  color: #171717;
  font-weight: 300;
}

.hub--section.edit--account .content h3 {
  font-weight: 300;
  margin: 0 0 20px;
}

.profileImage {
  width: 150px;
  height: 150px;
  border-radius: 50%;
}

.profileImageWrapper {
  position: relative;
  display: inline-block;
}

.profileImageWrapper .woocommerce-input-wrapper {
  display: none;
}

.profileImageWrapper .overlay {
  display: flex;
  justify-content: center;
  /* align horizontal */
  align-items: center;
  /* align vertical */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  opacity: 0;
  transition: all 0.6s;
}

.profileImageWrapper .overlay.active {
  opacity: 1;
  transition: all 0.6s;
}

.profileImageWrapper .overlay a {
  color: #50BD99;
  box-shadow: none;
}

.profileImageWrapper:hover .overlay {
  opacity: 1;
  transition: all 0.6s;
}

.profileImageWrapper .fa-check-circle-o {
  color: #1fa67a;
}

.img90 {
  width: 90px;
  height: 90px;
}

.img100 {
  width: 100px;
  height: 100px;
}

.img50 {
  width: 50px;
  height: 50px;
}

/* Orders */
.woocommerce table.my_account_orders .button {
  margin-top: 0;
}

/* Search */
#hubSearch {
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(82, 95, 127, 0.35);
  z-index: 100;
  transition: all 0.4s;
}

#hubSearch.active {
  transition: all 0.4s;
  top: 0;
}

#hubSearch .wrapper {
  width: 500px;
  position: absolute;
  top: 200px;
  left: calc(50% - 250px);
  background: #fff;
  border-radius: 10px;
}

#hubSearch .wrapper input {
  background: #fff;
  border: 1px solid #fff;
  border-bottom: 1px solid #e3e8ed;
  width: 100%;
  padding-left: 40px;
}

#hubSearch .wrapper i.fa-search {
  position: absolute;
  top: 8px;
  left: 10px;
  font-size: 24px;
  color: #d03d42;
}

#hubSearch .footerWrapper {
  background: #f7fafc;
  padding: 5px 10px;
  font-size: 12px;
  color: #8792a2;
}

/* Search Page */
.search--form {
  margin-bottom: 50px;
}

.search--form .wrapper {
  position: relative;
}

.search--form .wrapper input[type=text] {
  border: 1px solid #444E52;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding-right: 40px;
}

.search--form .wrapper i {
  position: absolute;
  top: 8px;
  font-size: 22px;
  color: #50BD99;
  right: 10px;
}

.search--form input[type=submit] {
  background: #E0E0E0;
  color: #171717;
  height: 41px;
  width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 16px;
  font-weight: 400;
  padding: 0;
  text-align: center;
  line-height: 40px;
  transition: all 0.6s;
}

.search--form input[type=submit]:hover {
  transition: all 0.6s;
  background: #50BD99;
  color: #fff;
}

.search--results h3 {
  font-size: 30px;
  line-height: 40px;
  font-weight: 600;
  color: #171717;
  padding: 0;
  margin: 0;
}

.search--results h3:after {
  content: "";
  width: 50px;
  height: 2px;
  background: #707070;
  display: block;
  margin-top: 5px;
}

.search--results h4 {
  font-size: 20px;
  line-height: 27px;
  font-weight: 600;
  color: #171717;
  padding: 0;
  margin: 40px 0 10px 0;
}

.search--results h4 > span {
  display: inline-block;
  font-size: 16px;
  line-height: 22px;
  color: #171717;
  font-weight: 300;
  margin-left: 30px;
}

.search--results h4:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #D0D0D0;
  display: block;
  margin-top: 40px;
}

.search--items {
  margin-top: 40px;
}

.search--items .item {
  margin-bottom: 30px;
}

.search--items .item:nth-child(4n+5) {
  clear: both;
}

.search--items .item.hide--item {
  display: none;
}

.search--items .item iframe {
  max-height: 155px;
  width: 100%;
  margin-bottom: 0;
}

.search--items .item .wrapperFooter {
  -webkit-box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.16);
  position: relative;
  top: -5px;
  padding: 5px 15px;
  border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  min-height: 78px;
}

.search--items .item .wrapperFooter h4 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #171717;
  padding: 0;
  margin: 0 0 5px;
}

.search--items .item .wrapperFooter p.duration {
  font-size: 14px;
  line-height: 19px;
  color: #171717;
  font-style: italic;
  font-weight: 300;
  margin: 0;
}

.search--items a.actionButton {
  box-shadow: none;
}

.search--items a.addToMyLearning {
  box-shadow: none;
  font-size: 20px;
  color: #50BD99;
}

.search--items i.fa-check-circle {
  color: #1fa67a;
  font-size: 20px;
}

.search--items a.addToMyLearning.success {
  color: #1fa67a;
}

.myAccountWrapper .otherField {
  display: none;
}

.woocommerce-EditAccountForm .selectric .label,
.jobWrapper .selectric .label,
.industryWrapper .selectric .label {
  padding-left: 0;
}

.hub--section.modules .content > a {
  font-size: 14px;
  line-height: 19px;
  color: #000;
  font-weight: 300;
  box-shadow: none;
  border: 1px solid #D0D0D0;
  border-radius: 5px;
  padding: 5px 10px;
}

.course--icon a:hover {
  box-shadow: none;
}

.hub--section.learning .course--icon {
  width: 80px;
  height: 80px;
}

.hub--section.learning .course--icon a:hover {
  box-shadow: none;
}

.hub--section.learning .course--icon .progressWrapper {
  width: 80px;
  height: 80px;
}

.hub--section.learning .course--icon .wrapper {
  width: 70px;
  height: 70px;
}

.hub--section.learning .course--icon .wrapper img {
  border-radius: 0;
  box-shadow: none;
}

#customer_login .actionButton {
  color: #fff;
  background-color: #50BD99;
  border: 1px solid #50BD99;
  border-radius: 0;
  transition: all 0.6s;
}

#customer_login .actionButton:hover {
  transition: all 0.6s;
  background-color: transparent;
  color: #50BD99;
}

#customer_login form.login,
#customer_login form.register {
  border: none;
  padding: 0;
  margin: 0;
}

/* NEW DESIGN */
.registerNewLanding #bannerCustom {
  background-image: url("../images/register-banner-image.jpg");
  width: 100%;
  min-height: 450px;
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
  color: #fff;
}

.registerNewLanding #bannerCustom .overlay {
  /*top: auto;*/
  /*bottom: 0;*/
  /*height: 50%;*/
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  /* align horizontal */
  align-items: center;
  /* align vertical */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.registerNewLanding #form {
  background: #fff;
}

.registerNewLanding #bannerCustom .overlay h1 {
  font-size: 56px;
  line-height: 70px;
  font-weight: 600;
  text-shadow: none;
}

.registerNewLanding #bannerCustom .overlay h1 span small,
.registerNewLanding #bannerCustom .overlay h1 span {
  color: #50BD99;
}

.registerNewLanding #bannerCustom .overlay p {
  font-size: 34px;
  line-height: 46px;
  color: #E2E2E2;
  font-weight: 600;
}

.registerNewLanding #bannerCustom .overlay p span {
  text-decoration: line-through;
}

.free--trial--heading h3 {
  font-size: 30px;
  line-height: 40px;
  color: #000;
  font-weight: 600;
  padding: 0;
  margin: 0 0 5px;
}

.free--trial--heading p {
  font-size: 20px;
  line-height: 30px;
  color: #000;
  margin: 0 0 50px;
}

.introVideoWrapper {
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-top: 50px;
}

.introVideoWrapper .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  /* align horizontal */
  align-items: center;
  /* align vertical */
  flex-direction: column;
}

.introVideoWrapper .overlay i {
  font-size: 80px;
  color: #FEA729;
  display: block;
}

.introVideoWrapper .overlay h6 {
  font-size: 24px;
  line-height: 33px;
  color: #fff;
  padding: 0;
  margin: 0;
  font-weight: 400;
}

.introVideoWrapper iframe {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: 0;
  width: 100%;
  height: 315px;
}

.paymentPlan {
  margin-bottom: 30px;
}

div.chart {
  position: absolute;
  margin: 0;
  width: 80px;
  height: 80px;
}

div.chart canvas {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.addTeamMemberAnchor {
  float: right;
  color: #fff;
  box-shadow: none !important;
}

.addTeamMemberAnchor i {
  font-size: 20px;
}

.addTeamMemberAnchor--overview {
  color: #50BD99;
  box-shadow: none !important;
  padding: 15px;
  display: inline-block;
}

.removeStudent,
.removeEmployee {
  color: #50BD99;
  font-size: 12px;
}

.hub--section.add--student .row > div,
.hub--section.team--member .row > div {
  margin-bottom: 15px;
}

.hub--section.add--student .row > div input[type=text],
.hub--section.add--student .row > div input[type=email],
.hub--section.add--student .row > div input[type=phone],
.hub--section.team--member .row > div input[type=text],
.hub--section.team--member .row > div input[type=email],
.hub--section.team--member .row > div input[type=phone] {
  border-radius: 0;
  border: 1px solid #000;
}

.hub--section.team--member .deleteStaff,
.hub--section.team--member .addStaff {
  color: #50BD99;
  box-shadow: none !important;
}

.hub--section.team--member .deleteStaff {
  font-size: 16px;
  padding: 5px;
  float: right;
}

.hub--section.team--member .row .divider {
  border-bottom: 1px solid #ccc;
}

.hub--section.add--student input[type=submit],
.contacts--form input[type=submit],
.hub--section.team--member input[type=submit] {
  background: #50BD99;
  border: 1px solid #50BD99;
  border-radius: 6px;
  color: #fff;
  font-size: 24px;
  padding: 10px 30px;
  display: block;
  margin: 30px auto 0 auto;
  transition: all 0.6s;
  text-transform: uppercase;
}

.hub--section.add--student input[type=submit]:hover,
.hub--section.team--member input[type=submit]:hover {
  transition: all 0.6s;
  background: transparent;
  color: #50BD99;
}

.hub--section.team--member p.info {
  color: #50BD99;
  margin-bottom: 30px;
  font-size: 12px;
}

.hub--section.team--member .alert {
  display: none;
}

.hub--section.contacts .contacts--form {
  -webkit-box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
  overflow: hidden;
  height: 0;
  padding: 0;
}

.hub--section.contacts .contacts--form.active {
  padding: 15px;
  height: auto;
}

.hub--section.contacts table {
  margin-top: 30px;
}

.hub--section.contacts .deleteContact {
  color: #50BD99;
  font-size: 18px;
  line-height: 16px;
  box-shadow: none;
}

.hub--section.contacts .contacts--form [type=text].has-errors {
  border: 1px solid #50BD99;
}

.woocommerce-EditAccountForm label {
  line-height: 32px;
}

.hub--section.add--student .alert {
  display: none;
}

#hub--footer {
  width: 100%;
  height: 500px;
  background-size: cover;
  background-position: 50% 50%;
  background-image: url("../images/footer-bg.png");
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  /* align horizontal */
  align-items: center;
  /* align vertical */
  flex-direction: column;
}

#hub--footer p {
  font-size: 26px;
  line-height: 32px;
  color: #50BD99;
  font-weight: 600;
  background: #fff;
  padding: 10px 25px;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
}

#hub--footer img {
  position: absolute;
  left: -1150px;
  bottom: -525px;
}

.fb_iframe_widget,
.fb_iframe_widget span {
  width: 100% !important;
}

/* Book Tour Page */
.sponsorsWrapper {
  margin-top: 50px;
}

.sponsorsCarousel {
  margin-top: 30px;
}

.sponsorsCarousel img {
  max-height: 150px;
  width: auto !important;
  margin: 0 auto;
  display: block;
}

.homepage--custom--banner img {
  min-height: 570px;
}

.banner--book .trial--action {
  margin-top: 202px;
}

.bookTourPage {
  padding: 0 0 50px;
}

.bookTourPage #banner {
  margin-bottom: 50px;
}

/* About Page 2.0 */
#banners {
  width: 100%;
  min-height: 500px;
}

#banners .item {
  width: 100%;
  min-height: 500px;
  background-size: cover;
  background-position: 50% 50%;
}

.about--top--content {
  padding-top: 50px;
  padding-bottom: 50px;
}

.about--top--content h1 {
  font-size: 50px;
  line-height: 60px;
  margin: 0 0 15px;
  padding: 0;
  font-weight: 600;
}

.about--top--content h1 strong {
  font-weight: 900;
}

.about--top--content .desc p {
  font-size: 16px;
  color: #000;
  line-height: 20px;
  font-weight: 600;
}

.aboutPageNew .hub--options {
  background: #D1D1D1;
  min-height: 125px;
}

.aboutPageNew .hub--options .hub--option {
  min-height: 125px;
  text-align: center;
  transition: all 0.6s;
  position: relative;
  display: flex;
  justify-content: center;
  /* align horizontal */
  align-items: center;
  /* align vertical */
}

.aboutPageNew .hub--options .hub--option:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 195px solid transparent;
  border-right: 195px solid transparent;
  border-top: 40px solid #272727;
  position: absolute;
  bottom: -40px;
  opacity: 0;
  transition: all 0.6s;
}

.aboutPageNew .hub--options .option--employer {
  background: #E2E2E2;
}

.aboutPageNew .hub--options .hub--option h2 {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  padding: 0;
  margin: 15px 0 0 0;
  font-weight: 400;
  position: relative;
}

.aboutPageNew .hub--options .hub--option h2:before {
  content: "";
  width: 100px;
  height: 10px;
  background: red;
  position: absolute;
  top: -15px;
  left: calc(50% - 50px);
  opacity: 0;
  transition: all 0.6s;
}

.aboutPageNew .hub--options .hub--option.option--employee h2:before {
  background: #4D8FAC;
}

.aboutPageNew .hub--options .hub--option.option--employer h2:before {
  background: #FEA729;
}

.aboutPageNew .hub--options .hub--option.option--owner h2:before {
  background: #9D2A7A;
}

.aboutPageNew .hub--options .hub--option h2 span {
  font-size: 26px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 900;
  display: block;
}

.aboutPageNew .hub--options a.active .hub--option,
.aboutPageNew .hub--options a:hover .hub--option {
  background: #272727;
  transition: all 0.6s;
}

.aboutPageNew .hub--options a.active .hub--option h2:before,
.aboutPageNew .hub--options a:hover .hub--option h2:before {
  transition: all 0.6s;
  opacity: 1;
}

.aboutPageNew .hub--options a.active .hub--option:after,
.aboutPageNew .hub--options a:hover .hub--option:after {
  transition: all 0.6s;
  opacity: 1;
}






.resourcesPage .hub--options {
  background: #D1D1D1;
  min-height: 125px;
}

.resourcesPage .hub--options .hub--option {
  min-height: 125px;
  text-align: center;
  transition: all 0.6s;
  position: relative;
  display: flex;
  justify-content: center;
  /* align horizontal */
  align-items: center;
  /* align vertical */
}

.resourcesPage .hub--options .hub--option:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 195px solid transparent;
  border-right: 195px solid transparent;
  border-top: 40px solid #272727;
  position: absolute;
  bottom: -40px;
  opacity: 0;
  transition: all 0.6s;
}

.resourcesPage .hub--options .option--employer {
  background: #E2E2E2;
}

.resourcesPage .hub--options .hub--option h2 {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  padding: 0;
  margin: 15px 0 0 0;
  font-weight: 400;
  position: relative;
}

.resourcesPage .hub--options .hub--option h2:before {
  content: "";
  width: 100px;
  height: 10px;
  background: red;
  position: absolute;
  top: -15px;
  left: calc(50% - 50px);
  opacity: 0;
  transition: all 0.6s;
}

.resourcesPage .hub--options .hub--option.option--video h2:before {
  background: #E3B506;
}

.resourcesPage .hub--options .hub--option.option--ebook h2:before {
  background: #22577A;
}

.resourcesPage .hub--options .hub--option.option--worksheet h2:before {
  background: #50BD99;
}

.resourcesPage .hub--options .hub--option h2 span {
  font-size: 26px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 900;
  display: block;
}

.resourcesPage .hub--options a.active .hub--option,
.resourcesPage .hub--options a:hover .hub--option {
  background: #272727;
  transition: all 0.6s;
}

.resourcesPage .hub--options a.active .hub--option h2:before,
.resourcesPage .hub--options a:hover .hub--option h2:before {
  transition: all 0.6s;
  opacity: 1;
}

.resourcesPage .hub--options a.active .hub--option:after,
.resourcesPage .hub--options a:hover .hub--option:after {
  transition: all 0.6s;
  opacity: 1;
}










.aboutPageNew .hub--option--content {
  margin-top: 90px;
  display: none;
}

.aboutPageNew .hub--option--content.active {
  display: block;
}

.aboutPageNew .hub--option--content .desc p {
  font-size: 16px;
  line-height: 20px;
  color: #272727;
}

.aboutPageNew .hub--option--content .items {
  margin-top: 50px;
}

.aboutPageNew .hub--option--content .items .item {
  margin-bottom: 30px;
}

.aboutPageNew .hub--option--content .items .item h3 {
  font-size: 18px;
  line-height: 24px;
  color: #000;
  font-weight: 700;
  padding: 0;
  margin: 15px 0 10px;
}

.aboutPageNew .hub--option--content a.cta {
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  color: #50BD99;
  border: 1px solid #50BD99;
  padding: 10px 25px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: inline-block;
  transition: all 0.6s;
  margin-right: 10px;
  margin-top: 5px;
  text-transform: uppercase;
}

.aboutPageNew .hub--option--content a.cta:hover,
.aboutPageNew .hub--option--content a.cta:active,
.aboutPageNew .hub--option--content a.cta:focus {
  transition: all 0.6s;
  background: #50BD99;
  color: #fff;
}

.aboutPageNew .join--the--hub--video .content i {
  font-size: 60px;
  color: #000;
  display: inline-block;
  margin-top: 40px;
}

.aboutPageNew .join--the--hub--video .content h4 {
  font-size: 28px;
  line-height: 40px;
  color: #000;
  font-weight: 600;
  padding: 0;
  margin: 10px 0 20px;
  text-transform: uppercase;
}

.aboutPageNew .join--the--hub--video .content h4 span small,
.aboutPageNew .join--the--hub--video .content h4 span {
  color: #50BD99;
  font-weight: 700;
}

.aboutPageNew .join--the--hub--video .content .wrapMe,
.aboutPageNew .join--the--hub--video .content {
  position: relative;
}

.aboutPageNew .join--the--hub--video .content p {
  font-size: 24px;
  line-height: 36px;
  color: #000;
  font-weight: 600;
  margin-bottom: 20px;
}

.aboutPageNew .join--the--hub--video .content p span {
  text-decoration: line-through;
}

.aboutPageNew .join--the--hub--video .content a.cta {
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  color: #fff;
  border: 1px solid #50BD99;
  background: #50BD99;
  padding: 10px 25px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: inline-block;
  transition: all 0.6s;
}

.aboutPageNew .join--the--hub--video .content a.cta:hover,
.aboutPageNew .join--the--hub--video .content a.cta:active,
.aboutPageNew .join--the--hub--video .content a.cta:focus {
  background: transparent;
  color: #50BD99;
}

.aboutPageNew .join--the--hub--video .content .custom--circle {
  background: #F5F5F5;
  width: 500px;
  height: 500px;
  position: absolute;
  left: -350px;
  top: -30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.aboutPageNew .join--the--hub--video .dividerWrapper {
  position: relative;
  z-index: 1;
}

.aboutPageNew .join--the--hub--video .dividerWrapper hr {
  border-top: 1px solid #E2E2E2;
  margin-top: 50px;
  margin-bottom: 50px;
}

.aboutPageNew .bottom--features {
  margin-bottom: 50px;
}

.aboutPageNew .bottom--features h5 {
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
  color: #000;
  padding: 0;
  margin: 20px 0;
  text-transform: inherit;
  letter-spacing: 0;
}

.aboutPageNew .bottom--features .desc ul li,
.aboutPageNew .bottom--features .desc p {
  font-size: 16px;
  line-height: 20px;
  color: #555555;
}

.aboutPageNew .bottom--features .desc ul {
  margin-left: 20px;
}

.aboutPageNew .bottom--features .visaImg {
  max-width: 150px;
}

.about--tangaroa {
  padding-top: 50px;
  padding-bottom: 50px;
  background: #F5F5F5;
}

.about--tangaroa .content h6 {
  font-size: 50px;
  line-height: 70px;
  font-weight: 600;
  color: #000;
  padding: 0;
  margin: 0 0 10px;
  letter-spacing: 0;
}

.about--tangaroa .content h6 strong {
  font-weight: 900;
}

.about--tangaroa .content .desc p {
  font-size: 16px;
  line-height: 20px;
  color: #555555;
  margin: 0 0 20px;
}

.about--tangaroa .content p.subheading {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  color: #272727;
  margin: 0 0 30px;
}

.about--tangaroa .content a.cta {
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  color: #50BD99;
  border: 1px solid #50BD99;
  padding: 10px 25px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: inline-block;
  transition: all 0.6s;
}

.about--tangaroa .content a.cta:hover,
.about--tangaroa .content a.cta:active,
.about--tangaroa .content a.cta:focus {
  transition: all 0.6s;
  background: #50BD99;
  color: #fff;
}

.about--tangaroa img.videoThumbnail {
  max-width: 290px;
  margin-top: 50px;
}

/* Register Page v2.0 */
.register--top--content {
  margin-top: 50px;
}

.register--top--content h2 {
  font-size: 26px;
  line-height: 36px;
  font-weight: 600;
  color: #000;
  padding: 0;
  margin: 0 0 5px;
}

.register--top--content h2 small {
  color: #000;
}

.register--top--content h2 span {
  color: #50BD99;
  font-weight: 700;
}

.register--top--content p {
  font-size: 20px;
  line-height: 36px;
  color: #000;
}

.register--top--content .items {
  margin-top: 50px;
}

.register--top--content .items .item {
  text-align: center;
}

.register--top--content .items .item img {
  display: block;
  margin: 0 auto 15px auto;
}

.register--top--content .items .item h3 {
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-weight: 400;
  padding: 0;
  margin: 0;
}

.register--top--content hr.divider {
  margin-top: 50px;
  margin-bottom: 50px;
  border-top: 1px solid #E2E2E2;
}

#start--registration .blurb {
  text-align: center;
}

#start--registration .blurb h4 {
  font-size: 50px;
  line-height: 70px;
  color: #000;
  font-weight: 600;
  padding: 0;
  margin: 0 0 20px;
  text-transform: uppercase;
}

#start--registration .blurb h4 span {
  font-weight: 900;
}

#start--registration .blurb p {
  font-size: 20px;
  line-height: 28px;
  color: #000;
  margin: 0;
}

#start--registration .hub--options {
  background: #D1D1D1;
  margin-top: 50px;
  min-height: 350px;
}

#start--registration .hub--options .hub--option.option--employer {
  background: rgba(226, 226, 226, 0.6);
}

#start--registration .hub--options .hub--option {
  min-height: 350px;
  text-align: center;
  display: flex;
  justify-content: center;
  /* align horizontal */
  align-items: center;
  /* align vertical */
  flex-direction: column;
}

#start--registration .hub--options .hub--option h4 {
  font-size: 16px;
  line-height: 32px;
  color: #000;
  font-weight: 400;
  padding: 0;
  margin: 10px 0 30px;
}

#start--registration .hub--options .hub--option h4 span {
  font-size: 26px;
  line-height: 28px;
  font-weight: 900;
  text-transform: uppercase;
  display: block;
}

#start--registration .hub--options .hub--option a.cta {
  font-size: 22px;
  color: #fff;
  padding: 5px 25px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #9D2A7A;
  border: 1px solid #9D2A7A;
  transition: all 0.6s;
}

#start--registration .hub--options .hub--option.option--employee a.cta {
  background: #4D8FAC;
  border: 1px solid #4D8FAC;
}

#start--registration .hub--options .hub--option.option--employer a.cta {
  background: #FEA729;
  border: 1px solid #FEA729;
}

#start--registration .hub--options .hub--option a.cta:hover {
  transition: all 0.6s;
  background: transparent;
  color: #9D2A7A;
}

#start--registration .hub--options .hub--option.option--employee a.cta:hover {
  color: #4D8FAC;
}

#start--registration .hub--options .hub--option.option--employer a.cta:hover {
  color: #FEA729;
}

#register--bottom--bg {
  background-image: url("../images/register/bottom-bg.jpg");
  width: 100%;
  height: 400px;
  background-size: cover;
  background-position: 50% 50%;
}

.registerNewLanding {
  padding-top: 50px;
}

#started--registration {
  display: none;
}

.started--registration--form {
  margin-top: 80px;
  margin-bottom: 50px;
}

.started--registration--form .top--caption h5 {
  font-size: 36px;
  line-height: 39px;
  color: #4D8FAC;
  font-weight: 900;
  padding: 0;
  margin: 0 0 20px;
  text-transform: uppercase;
  letter-spacing: 0;
}

.started--registration--form .top--caption p {
  font-size: 20px;
  line-height: 28px;
  color: #4D8FAC;
}

.started--registration--form .top--caption[data-id=employer] p,
.started--registration--form .top--caption[data-id=employer] h5 {
  color: #FEA729;
}

.started--registration--form .top--caption[data-id=owner] p,
.started--registration--form .top--caption[data-id=owner] h5 {
  color: #9D2A7A;
}

.started--registration--form .top--caption {
  display: none;
}

.new--form--bottom {
  margin-top: 50px;
  margin-bottom: 50px;
}

.new--form--bottom input[type=submit] {
  color: #fff;
  font-size: 22px;
  line-height: 26px;
  padding: 8px 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-top: 5px;
  background: #4D8FAC;
  border: 1px solid #4D8FAC;
  transition: all 0.6s;
  font-weight: 400;
  margin-top: 30px;
}

.new--form[data-id=employer] .new--form--bottom input[type=submit] {
  background: #FEA729;
  border: 1px solid #FEA729;
}

.new--form[data-id=owner] .new--form--bottom input[type=submit] {
  background: #9D2A7A;
  border: 1px solid #9D2A7A;
}

.new--form--bottom input[type=submit]:hover {
  transition: all 0.6s;
  background: transparent;
  color: #4D8FAC;
}

.new--form[data-id=employer] .new--form--bottom input[type=submit]:hover {
  color: #FEA729;
  background: transparent;
}

.new--form[data-id=owner] .new--form--bottom input[type=submit]:hover {
  color: #9D2A7A;
  background: transparent;
}

.new--form--label {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  color: #4D8FAC;
  padding: 0;
  margin: 50px 0 0 0;
}

.new--form--label.no--margin {
  margin: 0;
}

.new--form--label:after {
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  background: #4D8FAC;
  margin-top: 5px;
  margin-bottom: 10px;
}

.new--form[data-id=employer] .new--form--label {
  color: #FEA729;
}

.new--form[data-id=employer] .new--form--label:after {
  background: #FEA729;
}

.new--form[data-id=owner] .new--form--label {
  color: #9D2A7A;
}

.new--form[data-id=owner] .new--form--label:after {
  background: #9D2A7A;
}

.are--you--employer--wrapper {
  display: none;
}

.new--form input[type=text],
.new--form input[type=tel],
.new--form input[type=password],
.new--form input[type=email] {
  border-radius: 3px;
  border: 1px solid #707070;
  margin-bottom: 15px;
  height: 40px;
}

.new--form .selectric {
  border: 1px solid #707070;
  border-radius: 3px;
  margin-bottom: 15px;
}

.new--form .alert {
  display: none;
}

.new--form--text {
  font-size: 15px;
  line-height: 20px;
  color: #939393;
  font-weight: 400;
}

.new--form .radio label {
  color: #939393;
  font-size: 15px;
  font-weight: 400;
}

.new--form .otherField {
  display: none;
}

/*.new--form .staffArea {*/
/*display: none;*/
/*}*/
.new--form .jobWrapper .selectric-wrapper,
.new--form .industryWrapper .selectric-wrapper {
  display: none;
}

.new--form .dairyIndustryWrapper {
  margin-bottom: 15px;
}

.new--form .addStaff {
  font-size: 14px;
  color: #939393;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 2px solid #4D8FAC;
  border-bottom: 2px solid #4D8FAC;
  display: inline-block;
  margin-top: 10px;
}

.new--form .addStaff i {
  font-size: 22px;
  color: #4D8FAC;
}

.new--form[data-id=employer] .addStaff {
  border-top: 2px solid #FEA729;
  border-bottom: 2px solid #FEA729;
}

.new--form[data-id=employer] .addStaff i {
  color: #FEA729;
}

.new--form[data-id=owner] .addStaff {
  border-top: 2px solid #9D2A7A;
  border-bottom: 2px solid #9D2A7A;
}

.new--form[data-id=owner] .addStaff i {
  color: #9D2A7A;
}

.new--form .paymentPlan {
  margin-bottom: 0;
}

.new--form[data-id=employee] .staffArea {
  display: none;
}

.new--form[data-id=employee] .couponWrapper {
  display: block;
}

.new--form[data-id=employer] .farm--details,
.new--form[data-id=employer] .staffArea {
  display: block;
}

.new--form[data-id=employer] .couponWrapper {
  display: none;
}

.new--form[data-id=owner] .farm--details,
.new--form[data-id=owner] .staffArea {
  display: block;
}

.new--form[data-id=owner] .couponWrapper {
  display: none;
}

.new--form .deleteStaff {
  float: right;
  font-size: 20px;
  text-align: center;
}

.new--form .deleteStaff small {
  font-size: 11px;
  display: block;
}

.new--form[data-id=employer] .deleteStaff {
  color: #FEA729;
}

.new--form[data-id=owner] .deleteStaff {
  color: #9D2A7A;
}

.new--form .staffArea .staff {
  margin-bottom: 30px;
}

.new--form[data-id=employee] .saveText {
  color: #4D8FAC;
}

.new--form[data-id=employer] .saveText {
  color: #FEA729;
}

.new--form[data-id=owner] .saveText {
  color: #9D2A7A;
}

.new--form .selectric .label {
  padding-left: 0;
}

.registerNewLanding #banners h1 {
  font-size: 56px;
  line-height: 70px;
  font-weight: 600;
  text-shadow: none;
  color: #fff;
}

.registerNewLanding #banners p {
  font-size: 34px;
  line-height: 46px;
  color: #fff;
  font-weight: 600;
}

.registerNewLanding #banners .overlay h1 span small, .registerNewLanding #banners .overlay h1 span {
  color: #50BD99;
}

.registerNewLanding #banners .overlay {
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Hub Scholar */
.hubScholarPage .second--heading h3,
.hubScholarPage .top--content h2 {
  font-size: 50px;
  line-height: 70px;
  color: #000;
  font-weight: 600;
  padding: 0;
  margin: 0 0 30px;
  text-align: center;
  text-transform: uppercase;
}

.hubScholarPage .second--heading h3 span,
.hubScholarPage .top--content h2 span {
  font-weight: 800;
}

.hubScholarPage .top--content .desc h3 {
  font-size: 20px;
  line-height: 25px;
  color: #272727;
  font-weight: 600;
  padding: 0;
  margin: 0 0 20px;
}

.hubScholarPage .top--content .desc p {
  color: #272727;
  font-size: 16px;
  line-height: 25px;
  margin: 0;
}

.hubScholarPage .top--content .desc a.cta {
  font-size: 18px;
  padding: 10px 30px;
  color: #50BD99;
  border: 1px solid #50BD99;
  border-radius: 6px;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin: 20px 0 0;
  transition: all 0.6s;
}

.hubScholarPage .top--content .desc a.cta:hover {
  transition: all 0.6s;
  background: #50BD99;
  color: #fff;
}

.hubScholarPage .bottom--features > div {
  min-height: 280px;
}

.schoolSponsorHeading {
  font-size: 18px;
  line-height: 22px;
  padding: 0;
  margin: 50px 0 15px;
}

.sponsorNowWrapper .select2 {
  width: 100% !important;
}

.hubScholarPage .hub--option--content a.cta {
  margin-top: 0;
}

.sponsorError {
  color: #721c24 !important;
  margin: 15px 0;
  display: none;
}

.sponsorNowWrapper.has-errors .select2-container .select2-selection--single {
  border: 1px solid #721c24;
}

.fleecePackPaymentPlanWarning {
  color: #a94442;
  display: none;
  margin-left: 20px;
}

.new--form .fleecePackOptions {
  /*display: none;*/
}

.new--form[data-id=employee] .fleecePackOptions {
  display: block;
}

.hubScholarPage .hub--options .hub--option.option--employee h2:before {
  background: #fbb701;
}

.hubScholarPage .hub--options .hub--option.option--employer h2:before {
  background: #fca387;
}

.hubScholarPage .hub--options .hub--option.option--owner h2:before {
  background: #ff6c05;
}

/* Install PWA iOS */
.arrow-down {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #ddebf9;
}

#installPwa {
  width: 100%;
  position: fixed;
  bottom: -300px;
  left: 0;
  background: #ddebf9;
  padding: 7px 15px;
  z-index: 100;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#installPwa.open {
  bottom: 30px;
}

#installPwa p {
  color: #000;
  margin: 0 0 0 30px;
  line-height: 16px;
}

#installPwa img {
  max-width: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

#installPwa .arrow-down {
  position: absolute;
  bottom: -20px;
  left: calc(50% - 20px);
}

#installPwa i.fa-plus-square {
  font-size: 26px;
  color: #7e8c8d;
  position: absolute;
  top: 12px;
}

/* New Shop Page */
.shopPage {
  padding: 50px 0;
  position: relative;
}

.shopPage .loading--screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  z-index: 100;
  display: none;
}

.shopPage .loading--screen img {
  display: block;
  max-width: 200px;
  position: absolute;
  top: calc(50% - 100px);
  left: calc(50% - 100px);
}

.shopPage .filters .panel-group .panel {
  border-radius: 0;
}

.shopPage .filters .panel-group .panel .panel-heading {
  background: rgba(147, 147, 147, 0.06);
}

.shopPage .filters .panel-group .panel .panel-heading h4 {
  font-size: 18px;
  color: #000;
  padding: 3px 0;
}

.shopPage .filters .panel-group .panel .panel-heading h4 i {
  float: right;
}

.shopPage .filters .panel-group .panel .panel-body {
  padding: 0;
}

.shopPage .filters .panel-group .panel .panel-body ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.shopPage .filters .panel-group .panel .panel-body ul li {
  border-bottom: 1px solid rgba(112, 112, 112, 0.25);
}

.shopPage .filters .panel-group .panel .panel-body ul li:last-child {
  border: none;
}

.shopPage .filters .panel-group .panel .panel-body ul li a {
  font-size: 14px;
  line-height: 19px;
  color: #000;
  font-weight: 400;
  padding: 10px 0 10px 15px;
  display: block;
}

.shopPage .filters .panel-group .panel .panel-body ul li a i {
  display: none;
}

.shopPage .heading h1 {
  font-size: 50px;
  line-height: 70px;
  color: #000;
  font-weight: 600;
  padding: 0;
  margin: 0 0 50px;
  display: block;
  text-align: center;
  text-transform: uppercase;
}

.shopPage .heading h1 span {
  font-weight: 900;
}

.shopPage .products .top--text,
.shopPage .filters .top--text {
  font-size: 18px;
  color: #000;
  line-height: 24px;
  font-weight: 700;
  margin: 0 0 20px;
}

.shopPage .products .top--text {
  font-size: 15px;
  color: #171717;
  font-weight: 600;
  line-height: 24px;
  text-align: right;
}

.shopPage .items .item {
  margin-bottom: 30px;
}

.shopPage .items .item:nth-child(4n+5) {
  clear: both;
}

.related--products .item .item--wrapper,
.shopPage .items .item--wrapper {
  /*border: 1px solid rgba(147, 147, 147, 0.15);*/
  border-radius: 4px;
  /*background: #F0F0F0;*/
}

.related--products .item .imgWrapper,
.shopPage .items .item .imgWrapper {
  /*background: #F0F0F0;*/
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.related--products .item .imgWrapper img,
.shopPage .items .item .imgWrapper img {
  width: calc(100% - 30px);
  margin: 15px;
}

.related--products .item .product--caption,
.shopPage .items .item .product--caption {
  background: rgba(255, 255, 255, 0.7);
  padding: 15px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.related--products .item .product--caption h6,
.shopPage .items .item .product--caption h3 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #272727;
  padding: 0;
  margin: 0 0 15px;
}

.related--products .item .product--caption p.price,
.shopPage .items .item .product--caption p.price {
  font-size: 19px;
  font-weight: 700;
  color: #454b1b;
  margin: 0 0 3px;
}

.related--products .item .product--caption p.regular--price,
.shopPage .items .item .product--caption p.regular--price {
  font-size: 10px;
  color: #272727;
  line-height: 18px;
  margin: 0 0 3px;
}

.related--products .item .product--caption i,
.shopPage .items .item .product--caption i {
  font-size: 28px;
  color: #555555;
  float: right;
}

.shopPage a.loadMore {
  color: #707070;
  font-size: 16px;
  display: block;
  line-height: 18px;
  margin-top: 20px;
}

.shopPage a.loadMore i {
  display: block;
  font-size: 42px;
  line-height: 16px;
}

.filterPriceWrapper .values {
  color: #333;
}

.filterPriceWrapper .box {
  padding: 10px;
}

body.ui-slider-active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.box .values div,
.box small div {
  display: inline-block;
  vertical-align: top;
}

.box .values {
  font-size: 17px;
  margin: 0;
  font-weight: 500;
  color: var(--primary);
}

.box .values > div:first-child {
  margin-right: 2px;
}

.box .values > div:last-child {
  margin-left: 2px;
}

.box small {
  color: var(--text);
  display: block;
  margin-top: 8px;
  font-size: 14px;
}

.box .slider {
  margin: 20px 10px;
  width: calc(100% - 20px);
}

.slider {
  --primary: #333;
  --handle: #fff;
  --handle-active: #333;
  --handle-hover: #e9efff;
  --handle-border: 2px solid var(--primary);
  --line: #cdd9ed;
  --line-active: var(--primary);
  height: 23px;
  width: 100%;
  position: relative;
  pointer-events: none;
}

.slider .ui-slider-handle {
  --y: 0;
  --background: var(--handle);
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  width: 23px;
  height: 23px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  outline: none;
  display: block;
  pointer-events: auto;
}

.slider .ui-slider-handle div {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  -webkit-transition: background 0.4s ease;
  transition: background 0.4s ease;
  -webkit-transform: translateY(calc(var(--y) * 1px));
  transform: translateY(calc(var(--y) * 1px));
  border: var(--handle-border);
  background: var(--background);
}

.slider .ui-slider-handle:hover {
  --background: var(--handle-hover);
}

.slider .ui-slider-handle:active {
  --background: var(--handle-active);
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.slider svg {
  --stroke: var(--line);
  display: block;
  height: 83px;
}

.slider svg path {
  fill: none;
  stroke: var(--stroke);
  stroke-width: 1;
}

.slider .active, .slider > svg {
  position: absolute;
  top: -30px;
  height: 83px;
}

.slider > svg {
  left: 0;
  width: 100%;
}

.slider .active {
  position: absolute;
  overflow: hidden;
  left: calc(var(--l) * 1px);
  right: calc(var(--r) * 1px);
}

.slider .active svg {
  --stroke: var(--line-active);
  position: relative;
  left: calc(var(--l) * -1px);
  right: calc(var(--r) * -1px);
}

.slider .active svg path {
  stroke-width: 2;
}

/* New Product Page */
.related--products {
  margin-top: 50px;
  margin-bottom: 50px;
}

.related--products--divider {
  width: 100%;
  height: 1px;
  background: rgba(112, 112, 112, 0.25);
}

.related--products h5 {
  font-size: 30px;
  line-height: 36px;
  color: #000;
  letter-spacing: 0;
  padding: 0;
  margin: 50px 0;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
}

.related--products h5 span {
  font-weight: 900;
}

.woocommerce-product-gallery__wrapper img {
  border: 1px solid rgba(147, 147, 147, 0.5);
  border-radius: 5px;
  margin-bottom: 5px;
}

.woocommerce div.product div.images .flex-control-thumbs li {
  width: calc(25% - 5px);
  margin-right: 5px;
}

.woocommerce-product-gallery ol li img {
  border: 1px solid rgba(147, 147, 147, 0.5);
  border-radius: 5px;
}

.type-product .panel-group .panel {
  border-radius: 0;
  box-shadow: none;
  border: 1px solid rgba(147, 147, 147, 0.5);
  border-left: none;
  border-right: none;
}

#description--panel {
  border-bottom: none;
}

.type-product .panel-group .panel .panel-heading {
  background-color: transparent;
  padding-left: 0;
}

.type-product .panel-group .panel .panel-heading h4 {
  font-size: 15px;
  font-weight: 600;
  color: #939393;
  padding: 5px 0;
  margin: 0;
  text-transform: uppercase;
}

.type-product .panel-group .panel .panel-heading h4 i {
  display: inline-block;
  margin-left: 15px;
  font-size: 20px;
  position: relative;
  top: 1px;
}

.type-product .panel-group .panel .panel-heading h4 a {
  text-decoration: none;
  box-shadow: none;
  color: #939393;
}

.type-product .panel-group .panel .panel-heading h4 a:hover {
  color: #939393;
}

.type-product .panel-group .panel .panel-body {
  border-top: none !important;
  padding: 15px 0;
}

.type-product .variations {
  margin: 0;
}

.type-product .variations td.label {
  width: 100%;
  text-align: left;
  margin: 0;
  padding: 0;
}

.type-product .variations td.label label {
  font-size: 15px;
  color: #939393;
  text-transform: uppercase;
  margin: 0;
  font-weight: 400;
}

.type-product .variations td.value {
  width: 100%;
  padding: 0 0 30px;
}

.type-product .variations tr {
  border-bottom: 1px solid rgba(147, 147, 147, 0.5);
}

.type-product .variations tr:last-child {
  border: none;
}

.woocommerce div.product form.cart .button {
  border-radius: 6px;
  background: #454b1b;
}

/* Teacher Registration Form */
.studentRegistrationForm,
.teacherRegistrationForm {
  padding-top: 50px;
  padding-bottom: 50px;
}

.studentRegistrationForm h1,
.teacherRegistrationForm h1 {
  font-size: 50px;
  line-height: 70px;
  color: #000;
  font-weight: 600;
  padding: 0;
  margin: 0 0 20px;
  text-transform: uppercase;
}

.studentRegistrationForm h1 span,
.teacherRegistrationForm h1 span {
  font-weight: 900;
}

.studentRegistrationForm .blurb p,
.teacherRegistrationForm .blurb p {
  font-size: 20px;
  line-height: 28px;
  color: #000;
  margin: 0;
}

.studentRegistrationForm .blurb,
.teacherRegistrationForm .blurb {
  margin-bottom: 50px;
}

.studentRegistrationForm input[type=submit],
.teacherRegistrationForm input[type=submit] {
  color: #fff;
  font-size: 22px;
  line-height: 26px;
  padding: 8px 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #50BD99;
  border: 1px solid #50BD99;
  transition: all 0.6s;
  font-weight: 400;
  margin-top: 30px;
}

.studentRegistrationForm input[type=submit]:hover,
.teacherRegistrationForm input[type=submit]:hover {
  transition: all 0.6s;
  background: transparent;
  color: #50BD99;
}

/* HUB Gift Voucher */
#product-14229 .fpf-fields {
  display: none;
}

#product-14229 form.cart .button {
  margin-left: 0 !important;
}

label[for=send_instructions] {
  font-size: 15px;
  color: #939393;
  font-weight: 600;
}

/* Hub Scholar School */
body.page-template-page-hub-scholar #banners,
body.page-template-page-hub-scholar-school #banners,
body.page-template-page-hub-scholar #banners .item,
body.page-template-page-hub-scholar-school #banners .item {
  min-height: 400px;
}

body.page-template-page-hub-scholar-school #top {
  display: none;
}

body.page-template-page-hub-scholar-school header#masthead {
  display: none;
}

.hubScholarPageSchool .top--content .desc a.cta {
  padding: 0 15px;
  margin: 0;
  height: 40px;
  line-height: 40px;
}

.hubScholarPageSchool .top--content [type=number] {
  height: 40px;
}

.hubScholarPageSchool .top--content .desc h3 {
  font-size: 30px;
  line-height: 40px;
  color: #000;
  font-weight: 600;
  padding: 0;
  margin: 15px 0;
}

.findOutMoreSchoolAnchor {
  font-size: 18px;
  padding: 10px 30px;
  color: #50BD99 !important;
  border: 1px solid #50BD99;
  border-radius: 6px;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin: 20px 0 50px;
  transition: all 0.6s;
}

.findOutMoreSchoolAnchor:hover {
  transition: all 0.6s;
  background: #50BD99;
  color: #fff !important;
}



/**
 *  app-resources
 */
#app-resources {
  padding: 50px 0;
}
#app-resources h1 {
  color: #000;
  font-size: 50px;
  line-height: 68px;
  margin: 0 0 10px;
  font-weight: 400;
}
#app-resources h1 span {
  font-weight: 700;
}
#app-resources .desc p {
  font-size: 24px;
  line-height: 44px;
  color: #000;
  margin: 0;
}
#app-resources .cats {
  margin-top: 50px;
  margin-bottom: 50px;
}
#app-resources .cats .item {
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  transition: all .3s;
}
#app-resources .cats .item.active,
#app-resources .cats .item:hover {
  border: 4px solid #50BD99;
  transition: all .3s;
}
#app-resources .cats .item .title {
  background: #fff;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  padding: 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  border: 0px solid #000000;
}
#app-resources .cats .item .title h4 {
  font-size: 16px;
  font-weight: 600;
  color: #171717;
  margin: 0;
}
#app-resources .filter-category {
  background: #50BD99;
}
#app-resources .filter-category p {
  font-size: 24px;
  color: #fff;
  font-weight: 700;
  margin: 0;
  line-height: 60px;
}
#app-resources .filter-category select {
  margin-top: 9px;
}
#app-resources .resource-items .video-items .item {
  border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  margin-bottom: 30px;
  cursor: pointer;
}
#app-resources .resource-items .video-items .item h6 {
  font-size: 16px;
  line-height: 22px;
  margin: 0 0 10px;
  padding: 0;
  color: #171717;
  font-weight: 600;
}
#app-resources .resource-items .video-items .item .desc {
  background: #fff;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  padding: 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  border: 0px solid #000000;
}
#app-resources .resource-items .video-items .item .desc p {
  font-size: 14px;
  color: #171717;
  font-weight: 300;
  line-height: 18px;
}

#app-resources .resource-items .ebook-items .item {
  margin-bottom: 30px;
}
#app-resources .resource-items .ebook-items .item h6 {
  font-size: 24px;
  line-height: 26px;
  margin: 0 0 10px;
  padding: 0;
  color: #171717;
  font-weight: 600;
}
#app-resources .resource-items .ebook-items .item .desc p {
  font-size: 15px;
  color: #171717;
  font-weight: 300;
  line-height: 18px;
}
#app-resources .resource-items .ebook-items .item .desc button {
  background: #73CBAD;
  border: 1px solid #73CBAD;
  color: #fff;
  font-size: 14px;
  padding: 10px 15px;
  box-shadow: none;
  transition: all .3s;
  margin-top: 15px;

}
#app-resources .resource-items .ebook-items .item .desc button:hover {
  background: transparent;
  color: #73CBAD;
}

#app-resources .resource-items .worksheet-items .item {
  margin-bottom: 30px;
}
#app-resources .resource-items .worksheet-items .item h6 {
  font-size: 24px;
  line-height: 26px;
  margin: 0 0 10px;
  padding: 0;
  color: #171717;
  font-weight: 600;
}
#app-resources .resource-items .worksheet-items .item .desc p {
  font-size: 15px;
  color: #171717;
  font-weight: 300;
  line-height: 18px;
}
#app-resources .resource-items .worksheet-items .item .desc button {
  background: #73CBAD;
  border: 1px solid #73CBAD;
  color: #fff;
  font-size: 14px;
  padding: 10px 15px;
  box-shadow: none;
  transition: all .3s;
  margin-top: 15px;
  
}
#app-resources .resource-items .worksheet-items .item .desc button:hover {
  background: transparent;
  color: #73CBAD;
}
.loaderWrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .6);
  z-index: 100;
  display: none;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.loaderWrapper p {
  font-size: 18px;
  font-weight: 600;
  margin: 20px 0 0 0;
}
.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #50BD99; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#app-resources .vertical-align {
  display: flex; /* This enables flexbox layout mode */
  align-items: center; /* This aligns children vertically in the center */
}

#app-resources .cats .item {
  margin-bottom: 15px;
}

.resourceSinglePage h1 {

}
.resourceSinglePage {
  padding: 50px 0 0 0;
}
.resourceSinglePage h1 {
  color: #000;
  font-size: 50px;
  line-height: 68px;
  margin: 0;
  font-weight: 400;
}
.resourceSinglePage h1 span {
  font-weight: 700;
}
.resourceSinglePage .desc p {
  font-size: 16px;
  line-height: 21px;
  color: #000;
  margin: 0;
}
.resourceSinglePage h2 {
  color: #000;
  font-size: 38px;
  line-height: 48px;
  margin: 15px 0 10px;
  font-weight: 400;
  padding: 0;
}
.resourceSinglePage .backBtn a {
  color: #000;
}
.resourceSinglePage h5 {
  font-size: 26px;
  line-height: 28px;
  color: #000;
  margin: 30px 0;
  padding: 0;
  font-weight: 600;
}
.resourceSinglePage .videos .item {
  margin-bottom: 30px;
}
.resourceSinglePage .videos .item h6 {
  font-size: 20px;
  line-height: 22px;
  color: #000;
  padding: 0;
  margin: 0;
}
.resourceSinglePage .videos .item .titleWrapper {
  background: #fff;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  padding: 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  border: 0px solid #000000;
}



/* This container will maintain the aspect ratio */
.responsive-iframe {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* Aspect ratio of 16:9 */
    margin: 30px 0;
}

/* Absolute positioning inside the responsive container */
.responsive-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Media Queries */
/* Mobile First */
/* Mobile Only */
@media screen and (min-width: 320px) and (max-width: 767px) {
  #app-resources h1 {
    font-size: 40px;
    line-height: 58px;
  }
  #app-resources .desc p {
    font-size: 20px;
    line-height: 36px;
  }
  #app-resources .cats .item {
    margin-bottom: 15px;
  }
  #app-resources .filter-category {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  #app-resources .filter-category p {
    text-align: center;
  }
  #app-resources .filter-category .text-left {
    text-align: center;
  }
  #app-resources .filter-category select {
    width: 100%;
  }


  #merch--notice {
    padding: 10px 0;
    height: auto !important;
  }
  #merch--notice p {
    margin: 0;
    line-height: 22px !important;
  }
  .hubScholarPage .second--heading h3, .hubScholarPage .top--content h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .homePage #banner .top--banner p {
    font-size: 16px;
    line-height: 22px;
  }

  .trial--action {
    padding: 15px 30px;
    margin-top: 39px;
  }

  .trial--action p {
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .next--level h3 {
    font-size: 24px;
    line-height: 32px;
  }

  .next--level .image {
    margin-bottom: 30px;
  }

  .next--level .items .item {
    margin-bottom: 15px;
  }

  .trial--action a.cta, .join--the--hub .content a.cta, .next--level a.cta {
    width: 100%;
    text-align: center;
  }

  .join--the--hub .content h4 {
    font-size: 30px;
    line-height: 50px;
  }

  .join--the--hub .content a.cta {
    margin-bottom: 30px;
  }

  .join--the--hub .wrapper .overlay {
    text-align: center;
  }

  #top p {
    line-height: 24px;
  }

  #top p a {
    display: block;
  }

  .registrationLanding #bannerCustom {
    min-height: 250px;
  }

  .registerNewLanding #banners .overlay h1,
.registerNewLanding #bannerCustom .overlay h1 {
    font-size: 30px;
    line-height: 40px;
  }

  .registerNewLanding #banners .overlay h1 span,
.registerNewLanding #bannerCustom .overlay h1 span {
    font-size: 30px;
  }

  .registerNewLanding #banners .overlay p,
.registerNewLanding #bannerCustom .overlay p {
    font-size: 22px;
  }

  .free--trial--heading h3 {
    font-size: 24px;
    line-height: 36px;
  }

  .free--trial--heading p {
    font-size: 16px;
    line-height: 24px;
  }

  #customer_login .actionButton {
    width: 100%;
  }

  .introVideoWrapper iframe {
    height: 200px;
  }

  #assignToWrapper {
    top: 0 !important;
    width: 100%;
    height: calc(100% - 78px);
    border-radius: 0;
  }

  .intro--video iframe {
    height: 185px;
  }

  .hub--section.welcome .content iframe {
    height: 200px;
  }

  .woocommerce-MyAccount-navigation ul {
    margin: 0 0 30px 20px;
  }

  .modal iframe {
    height: 200px;
  }

  .hookUpPage .tGradient {
    display: none;
  }

  #banner .graphic {
    display: none;
  }

  .navContainer {
    padding: 0;
  }

  .js .menu-toggle i {
    font-size: 30px;
    color: #fff;
    line-height: 40px;
  }

  .js .menu-toggle {
    float: right;
    width: 30%;
    padding: 0;
    color: #fff;
    margin: 0;
    text-align: right;
    padding-right: 15px;
    position: absolute;
    top: -70px;
    right: 0;
  }

  .js .menu-toggle:hover,
.js .menu-toggle:focus,
.js .menu-toggle:active,
.customMobileIcon:hover,
.customMobileIcon:focus,
.customMobileIcon:active {
    outline: none;
  }

  .navWrapper {
    padding: 0 !important;
    height: 0;
  }

  /* Home Page */
  .homePage #banner {
    height: 440px;
  }

  .homepage--custom--banner img {
    min-height: 250px;
  }

  .homePage #banner .overlay {
    padding-top: 30px;
  }

  .homePage #banner img.joinHubT {
    width: 200px;
    display: none;
  }

  .homePage #banner h1 {
    font-size: 30px;
    line-height: 37px;
    margin: 0 0 15px 0;
  }

  .homePage #banner h1 span {
    font-size: 21px;
    line-height: 28px;
  }

  .homePage #banner h2 {
    font-size: 20px;
    line-height: 24px;
    border-bottom: 1px solid #fff;
    padding-bottom: 30px;
  }

  .homePage #banner h2 span {
    color: #fff;
  }

  .homePage #banner .top--banner p {
    font-size: 18px;
    text-align: left;
  }

  .homePage #banner p.join {
    font-size: 33px;
    line-height: 36px;
  }

  .homePage #banner p.joinSub {
    font-size: 15px;
    line-height: 24px;
  }

  .homePage #banner .offer {
    width: auto;
    left: 0;
  }

  .homePage #banner .offer p.introd {
    font-size: 18px;
    line-height: 19px;
  }

  .homePage #banner .offer p.price {
    font-size: 35px;
    line-height: 35px;
  }

  .homePage #banner .offer p.price span {
    font-size: 18px;
    top: -5px;
  }

  .homePage #banner .offer p.normally {
    font-size: 16px;
  }

  .homePage #banner .offer a {
    font-size: 16px;
  }

  .homePage .aboutHeading {
    padding: 30px 0;
  }

  .homePage .aboutHeading p {
    font-size: 28px;
    line-height: 28px;
  }

  .homePage .quote img.videoThumbnail {
    max-width: 100%;
    margin-bottom: 50px;
  }

  .homePage .quote .box p {
    font-size: 24px;
    line-height: 28px;
  }

  .homePage .quote .subFooter p {
    font-size: 20px;
    line-height: 22px;
  }

  .homePage .merch h4 {
    font-size: 28px;
    line-height: 28px;
  }

  .homePage .merch p {
    font-size: 14px;
    line-height: 22px;
  }

  .homePage .merch h6 {
    font-size: 20px;
    line-height: 28px;
  }

  .homePage .merch .products {
    margin-top: 30px;
  }

  .homePage .merch a.shopAll {
    width: 100%;
    font-size: 20px;
    margin: 0 0 50px 0;
  }

  /* About the Hub */
  .aboutPage #banner {
    height: 350px;
  }

  .aboutPage #banner h1 {
    font-size: 24px;
    line-height: 31px;
  }

  .aboutPage #banner h3 {
    font-size: 15px;
    line-height: 25px;
    padding-top: 0;
  }

  .aboutPage .content {
    margin-top: 0;
  }

  .aboutPage .content h3.pageTitle {
    font-size: 20px;
    line-height: 22px;
  }

  .aboutPage .content .desc p {
    font-size: 14px;
    line-height: 22px;
  }

  .aboutPage .content img.videoThumbnail {
    max-width: 100%;
    margin-top: 30px;
  }

  .aboutPage .join {
    height: 450px;
  }

  .aboutPage .join img.joinHubT {
    width: 200px;
    display: none;
  }

  .aboutPage .join h4 {
    font-size: 33px;
    line-height: 36px;
  }

  .aboutPage .join h5 {
    font-size: 15px;
    line-height: 24px;
  }

  .aboutPage .join .offer {
    width: 300px;
    left: calc(50% - 150px);
  }

  .aboutPage .quote .box p {
    font-size: 28px;
    line-height: 38px;
  }

  /* Shop Page */
  .shopPage #banner {
    height: 150px;
  }

  .shopPage #banner h1 {
    font-size: 24px;
    line-height: 24px;
  }

  .shopPage #banner h4 {
    font-size: 18px;
    line-height: 22px;
  }

  .shopPage #banner .bottom .box {
    max-width: 100%;
  }

  .shopPage #banner .bottom .box p.title {
    font-size: 22px;
    line-height: 26px;
  }

  .shopPage #banner .bottom .box p.subTitle {
    font-size: 18px;
    line-height: 18px;
  }

  .shopPage .desc h2 {
    font-size: 26px;
    line-height: 26px;
  }

  .shopPage .desc p {
    font-size: 16px;
  }

  .shopPage .filters h3 {
    font-size: 22px;
    line-height: 22px;
  }

  .shopPage .filters a.filterButton {
    margin-top: 15px;
  }

  .shopPage h4.shopBuy {
    font-size: 26px;
    line-height: 26px;
  }

  .shopPage .desc h3 {
    font-size: 24px;
    line-height: 24px;
  }

  /* Contact Page */
  .contactPage .heading h1 {
    font-size: 26px;
    line-height: 26px;
  }

  .contactPage .heading p {
    font-size: 16px;
    line-height: 20px;
  }

  /* My Account */
  .breadcrumbsWrapper ul.breadcrumbs li:after {
    margin: 0 5px;
  }

  .myAccountWrapper .dashboardIcons {
    margin: 50px 0;
  }

  .myAccountWrapper .dashboardIcons .item {
    margin: 15px 0;
    width: 50%;
  }

  footer .links h6 {
    font-size: 20px;
    line-height: 30px;
  }

  footer .newsletter h6 {
    font-size: 20px;
    line-height: 30px;
  }

  footer .newsletter .form input[name=firstname] {
    margin-bottom: 15px;
  }

  footer .newsletter input[type=submit] {
    font-size: 16px;
  }

  footer .newsletter p.webDesign {
    font-size: 14px;
  }

  footer .newsletter p.webDesign a {
    display: block;
  }

  .banner--book .trial--action {
    margin-top: 171px;
  }

  .bookTourPage #banner {
    height: 150px;
  }

  /* About v2.0 */
  #banners {
    min-height: 200px;
  }

  #banners .item {
    min-height: 200px;
  }

  .aboutPageNew .overlay h2 {
    font-size: 24px;
    line-height: 30px;
  }

  .aboutPageNew .overlay {
    bottom: 15px;
  }

  .aboutPageNew .owl-carousel .owl-nav {
    display: none;
  }

  body.page-template-page-hub-scholar #banners,
body.page-template-page-hub-scholar-school #banners,
body.page-template-page-hub-scholar #banners .item,
body.page-template-page-hub-scholar-school #banners .item {
    min-height: 200px;
  }

  .hubScholarPage .top--content .desc a.cta {
    margin-top: 15px;
  }

  .about--top--content h1 {
    font-size: 28px;
    line-height: 32px;
  }

  .aboutPageNew .hub--options,
.aboutPageNew .hub--options .hub--option {
    padding-left: 0;
    padding-right: 0;
  }

  .aboutPageNew .hub--options .hub--option h2 {
    font-size: 12px;
    line-height: 14px;
  }

  .aboutPageNew .hub--options .hub--option h2 span {
    font-size: 16px;
    line-height: 22px;
  }

  .aboutPageNew .hub--options .hub--option h2:before {
    width: 70px;
    height: 8px;
    left: calc(50% - 35px);
  }

  .aboutPageNew .hub--options .hub--option:after {
    border-left: 62px solid transparent;
    border-right: 62px solid transparent;
    border-top: 25px solid #272727;
    bottom: -25px;
  }





 .resourcesPage .hub--options,
.resourcesPage .hub--options .hub--option {
    padding-left: 0;
    padding-right: 0;
  }

  .resourcesPage .hub--options .hub--option h2 {
    font-size: 12px;
    line-height: 14px;
  }

  .resourcesPage .hub--options .hub--option h2 span {
    font-size: 16px;
    line-height: 22px;
  }

  .resourcesPage .hub--options .hub--option h2:before {
    width: 70px;
    height: 8px;
    left: calc(50% - 35px);
  }

  .resourcesPage .hub--options .hub--option:after {
    border-left: 62px solid transparent;
    border-right: 62px solid transparent;
    border-top: 25px solid #272727;
    bottom: -25px;
  }










  .aboutPageNew .hub--option--content a.cta {
    width: 100%;
    font-size: 16px;
    text-align: center;
    margin-right: 0;
    margin-bottom: 5px;
  }

  .about--top--content {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .aboutPageNew .hub--option--content {
    margin-top: 60px;
  }

  .aboutPageNew .hub--option--content .items .item:nth-child(2n+3) {
    clear: both;
  }

  .aboutPageNew .hub--option--content .items .item h3 {
    font-size: 16px;
    line-height: 21px;
  }

  .aboutPageNew .hub--option--content .desc p {
    font-size: 15px;
    line-height: 19px;
  }

  .aboutPageNew .join--the--hub--video .dividerWrapper hr {
    margin-top: 0;
    margin-bottom: 0;
  }

  .aboutPageNew .join--the--hub--video .content {
    margin-bottom: 30px;
  }

  .aboutPageNew .join--the--hub--video .content i {
    font-size: 40px;
  }

  .aboutPageNew .join--the--hub--video .content h4 {
    font-size: 22px;
    line-height: 30px;
  }

  .aboutPageNew .join--the--hub--video .content p {
    font-size: 18px;
    line-height: 30px;
  }

  .aboutPageNew .join--the--hub--video .content a.cta {
    width: 100%;
    text-align: center;
  }

  .aboutPageNew .join--the--hub--video .content .custom--circle {
    width: 300px;
    height: 300px;
    left: -200px;
    top: 0;
  }

  .aboutPageNew .join--the--hub--video .dividerWrapper hr.second--divider {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .aboutPageNew .bottom--features > div {
    margin-bottom: 30px;
  }

  .aboutPageNew .bottom--features h5 {
    font-size: 18px;
    line-height: 24px;
  }

  .aboutPageNew .bottom--features {
    margin-bottom: 0;
  }

  .about--tangaroa {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .about--tangaroa img.videoThumbnail {
    display: block;
    margin: 0 auto 30px auto;
    max-width: 250px;
  }

  .about--tangaroa .content h6 {
    font-size: 30px;
    line-height: 40px;
  }

  .about--tangaroa .content a.cta {
    width: 100%;
    text-align: center;
  }

  /* Registration Page v2.0 */
  .register--top--content h2 {
    font-size: 20px;
    line-height: 30px;
  }

  .register--top--content p {
    font-size: 16px;
    line-height: 30px;
  }

  .register--top--content .items .item {
    margin-bottom: 15px;
  }

  .register--top--content .items .item img {
    max-width: 95px;
  }

  #start--registration .blurb h4 {
    font-size: 30px;
    line-height: 40px;
  }

  #start--registration .blurb p {
    font-size: 16px;
    line-height: 24px;
  }

  #start--registration .hub--options {
    padding-left: 0;
    padding-right: 0;
    min-height: 300px;
  }

  #start--registration .hub--options .hub--option {
    text-align: center;
    min-height: 300px;
  }

  #start--registration .hub--options .hub--option h4 {
    font-size: 14px;
    line-height: 20px;
    min-height: 82px;
  }

  #start--registration .hub--options .hub--option h4 span {
    font-size: 16px;
    line-height: 22px;
  }

  #start--registration .hub--options .hub--option a.cta {
    font-size: 16px;
    padding: 5px 0;
    width: 100%;
    text-align: center;
  }

  .started--registration--form .top--caption h5 {
    font-size: 20px;
    line-height: 24px;
  }

  .started--registration--form .top--caption p {
    font-size: 16px;
    line-height: 22px;
  }

  .farm--details {
    margin-top: 50px;
  }

  #register--bottom--bg {
    height: 150px;
  }

  .register--top--content .items .item:nth-child(2n+3) {
    clear: both;
  }

  /* Hub Scholar Page */
  .hubScholarPage .top--content img {
    display: block;
    margin: 0 auto 30px auto;
  }

  .hubScholarPage .top--content .desc a.cta {
    width: 100%;
    text-align: center;
  }

  .aboutPageNew .hub--option--content a.cta {
    display: inline-block;
    margin-top: 15px;
  }

  /* New Shop Page */
  .shopPage .heading h1 {
    font-size: 30px;
    line-height: 42px;
  }

  .shopPage .products .top--text {
    text-align: left;
  }

  .related--products .item {
    margin-bottom: 30px;
  }

  .related--products .item .imgWrapper img,
.shopPage .items .item .imgWrapper img {
    width: calc(100% - 10px);
    margin: 5px;
  }

  .related--products .item .product--caption,
.shopPage .items .item .product--caption {
    padding: 5px;
  }

  .related--products .item .product--caption h3,
.shopPage .items .item .product--caption h3 {
    font-size: 16px;
    line-height: 20px;
  }

  .related--products .item:nth-child(3n+4),
.shopPage .items .item:nth-child(3n+4) {
    clear: none;
  }

  .related--products .item:nth-child(2n+4),
.shopPage .items .item:nth-child(2n+3) {
    clear: both;
  }

  .related--products .item .product--caption p.price,
.shopPage .items .item .product--caption p.price {
    font-size: 14px;
  }

  .related--products .item .product--caption i,
.shopPage .items .item .product--caption i {
    font-size: 24px;
  }

  .shopPage .filters .panel-group .panel .panel-heading h4 {
    font-size: 16px;
  }

  /* New Product Page */
  .type-product h1.product_title {
    font-size: 30px;
    line-height: 30px;
  }

  .woocommerce div.product p.price, .woocommerce div.product span.price {
    float: none;
    font-size: 30px !important;
    line-height: 30px;
    margin-bottom: 15px;
  }

  .afterpay-payment-info {
    margin-left: 0;
    float: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 374px) {
  #logo {
    margin: 10px 0;
  }

  .js .menu-toggle {
    top: -70px;
  }
}
/* Table Portrait */
@media screen and (min-width: 768px) and (max-width: 991px) {
  #app-resources .cats .item {
    margin-bottom: 15px;
  }


  .homePage #banner .top--banner p {
    font-size: 16px;
    line-height: 26px;
  }

  .trial--action {
    padding: 15px 30px;
    margin-top: 20px;
  }

  .trial--action p {
    font-size: 24px !important;
    line-height: 34px !important;
  }

  .next--level h3 {
    font-size: 30px;
    line-height: 40px;
  }

  .trial--action a.cta, .join--the--hub .content a.cta, .next--level a.cta {
    font-size: 18px;
  }

  .join--the--hub .content h4 {
    font-size: 30px;
    line-height: 40px;
  }

  .join--the--hub .content p {
    font-size: 26px;
    line-height: 36px;
  }

  .hub--section.library--sections .content .modules .item:nth-child(3n+4) {
    clear: both;
  }

  .hub--section.library--videos .item:nth-child(2n+3) {
    clear: both;
  }

  .registrationLanding #bannerCustom {
    min-height: 300px;
  }

  .registerNewLanding #banners .overlay h1,
.registerNewLanding #bannerCustom .overlay h1 {
    font-size: 36px;
    line-height: 46px;
  }

  .registerNewLanding #banners .overlay h1 span,
.registerNewLanding #bannerCustom .overlay h1 span {
    font-size: 36px;
  }

  .introVideoWrapper iframe {
    height: 200px;
  }

  .intro--video iframe {
    height: 385px;
  }

  .hub--section.welcome .content iframe {
    height: 410px;
  }

  #banner .graphic {
    display: none;
  }

  .homePage #banner {
    height: 420px;
  }

  .homepage--custom--banner img {
    min-height: 300px;
  }

  .homePage #banner .overlay {
    padding-top: 30px;
  }

  .homePage #banner img.joinHubT {
    width: 200px;
    display: none;
  }

  .homePage #banner h1 {
    font-size: 36px;
    line-height: 44px;
    margin: 0 0 15px 0;
  }

  .homePage #banner h1 span {
    font-size: 28px;
    line-height: 28px;
  }

  .homePage #banner h2 {
    font-size: 22px;
    line-height: 28px;
  }

  .homePage #banner p.join {
    font-size: 33px;
    line-height: 36px;
  }

  .homePage #banner p.joinSub {
    font-size: 16px;
    line-height: 24px;
  }

  .homePage #banner .offer {
    width: auto;
    left: 0;
  }

  .homePage #banner .offer p.introd {
    font-size: 18px;
    line-height: 19px;
  }

  .homePage #banner .offer p.price {
    font-size: 45px;
    line-height: 45px;
  }

  .homePage #banner .offer p.price span {
    font-size: 28px;
    top: -5px;
  }

  .homePage #banner .offer p.normally {
    font-size: 16px;
  }

  .homePage #banner .offer a {
    font-size: 16px;
  }

  .homePage .aboutHeading {
    padding: 30px 0;
  }

  .homePage .aboutHeading p {
    font-size: 34px;
    line-height: 34px;
  }

  .homePage .aboutHeading img.graphic {
    left: -250px;
    bottom: -210px;
    width: 440px;
  }

  .homePage .quote img.videoThumbnail {
    max-width: 100%;
  }

  .homePage .quote .box p {
    font-size: 24px;
    line-height: 28px;
  }

  .homePage .quote .subFooter p {
    font-size: 20px;
    line-height: 22px;
  }

  .homePage .quote .subFooter a {
    font-size: 14px;
    margin-top: 10px;
  }

  .homePage .merch h4 {
    font-size: 32px;
    line-height: 32px;
  }

  .homePage .merch p {
    font-size: 16px;
    line-height: 22px;
  }

  .homePage .merch h6 {
    font-size: 24px;
    line-height: 30px;
  }

  .homePage .merch .products {
    margin-top: 30px;
  }

  .homePage .merch a.shopAll {
    font-size: 20px;
    margin: 0 0 50px 0;
  }

  /* About the Hub */
  .aboutPage #banner {
    height: 350px;
  }

  .aboutPage #banner h1 {
    font-size: 24px;
    line-height: 31px;
  }

  .aboutPage #banner h3 {
    font-size: 15px;
    line-height: 25px;
    padding-top: 0;
  }

  .aboutPage .content h3.pageTitle {
    font-size: 30px;
    line-height: 30px;
  }

  .aboutPage .content .desc p {
    font-size: 16px;
    line-height: 22px;
  }

  .aboutPage .content img.videoThumbnail {
    max-width: 100%;
  }

  .aboutPage .join {
    height: 500px;
  }

  .aboutPage .join img.joinHubT {
    width: 300px;
  }

  .aboutPage .join h4 {
    font-size: 40px;
    line-height: 40px;
  }

  .aboutPage .join h5 {
    font-size: 26px;
    line-height: 32px;
  }

  /* Shop Page */
  .shopPage #banner {
    height: 550px;
  }

  .shopPage #banner h1 {
    font-size: 32px;
    line-height: 32px;
  }

  .shopPage #banner h4 {
    font-size: 22px;
    line-height: 26px;
  }

  .shopPage .desc h2 {
    font-size: 36px;
    line-height: 36px;
  }

  .shopPage h4.shopBuy {
    font-size: 30px;
    line-height: 30px;
  }

  /* My Account */
  .myAccountWrapper .dashboardIcons {
    margin: 50px 0;
  }

  .myAccountWrapper .dashboardIcons .item {
    margin: 15px 0;
  }

  .banner--book .trial--action {
    margin-top: 126px;
  }

  .bookTourPage #banner {
    height: 250px;
  }

  footer .links h6 {
    font-size: 16px;
  }

  footer .newsletter h6 {
    font-size: 22px;
  }

  /* About v2.0 */
  #banners {
    min-height: 300px;
  }

  #banners .item {
    min-height: 300px;
  }

  .aboutPageNew .overlay h2 {
    font-size: 34px;
    line-height: 40px;
  }

  .aboutPageNew .overlay {
    bottom: 30px;
  }

  body.page-template-page-hub-scholar #banners,
body.page-template-page-hub-scholar-school #banners,
body.page-template-page-hub-scholar #banners .item,
body.page-template-page-hub-scholar-school #banners .item {
    min-height: 300px;
  }

  .hubScholarPage .top--content .desc a.cta {
    font-size: 15px;
  }

  .about--top--content h1 {
    font-size: 34px;
    line-height: 38px;
  }

  .aboutPageNew .hub--options,
.aboutPageNew .hub--options .hub--option {
    padding-left: 0;
    padding-right: 0;
  }

  .aboutPageNew .hub--options .hub--option h2 {
    font-size: 16px;
    line-height: 18px;
  }

  .aboutPageNew .hub--options .hub--option h2 span {
    font-size: 20px;
    line-height: 24px;
  }

  .aboutPageNew .hub--options .hub--option h2:before {
    width: 80px;
    height: 9px;
    left: calc(50% - 40px);
  }

  .aboutPageNew .hub--options .hub--option:after {
    border-left: 125px solid transparent;
    border-right: 125px solid transparent;
    border-top: 30px solid #272727;
    bottom: -30px;
  }




.resourcesPage .hub--options,
.resourcesPage .hub--options .hub--option {
    padding-left: 0;
    padding-right: 0;
  }

  .resourcesPage .hub--options .hub--option h2 {
    font-size: 16px;
    line-height: 18px;
  }

  .resourcesPage .hub--options .hub--option h2 span {
    font-size: 20px;
    line-height: 24px;
  }

  .resourcesPage .hub--options .hub--option h2:before {
    width: 80px;
    height: 9px;
    left: calc(50% - 40px);
  }

  .resourcesPage .hub--options .hub--option:after {
    border-left: 125px solid transparent;
    border-right: 125px solid transparent;
    border-top: 30px solid #272727;
    bottom: -30px;
  }






  .aboutPageNew .hub--option--content {
    margin-top: 80px;
  }

  .aboutPageNew .hub--option--content .items .item:nth-child(3n+4) {
    clear: both;
  }

  .aboutPageNew .join--the--hub--video .content {
    margin-bottom: 30px;
  }

  .aboutPageNew .join--the--hub--video .dividerWrapper hr {
    margin-top: 20px;
  }

  .aboutPageNew .join--the--hub--video .content i {
    font-size: 40px;
    margin-top: 0;
  }

  .aboutPageNew .join--the--hub--video .content h4 {
    font-size: 22px;
    line-height: 30px;
  }

  .aboutPageNew .join--the--hub--video .content p {
    font-size: 18px;
    line-height: 30px;
  }

  .aboutPageNew .join--the--hub--video .content a.cta {
    width: 100%;
    text-align: center;
  }

  .aboutPageNew .join--the--hub--video .content .custom--circle {
    width: 300px;
    height: 300px;
    left: -200px;
    top: 0;
  }

  .aboutPageNew .join--the--hub--video .dividerWrapper hr.second--divider {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .aboutPageNew .bottom--features > div {
    margin-bottom: 30px;
  }

  .aboutPageNew .bottom--features h5 {
    font-size: 18px;
    line-height: 24px;
  }

  .aboutPageNew .bottom--features {
    margin-bottom: 0;
  }

  .about--tangaroa {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .about--tangaroa img.videoThumbnail {
    display: block;
    margin: 0 auto 30px auto;
    max-width: 250px;
  }

  .about--tangaroa .content h6 {
    font-size: 30px;
    line-height: 40px;
  }

  .about--tangaroa img.videoThumbnail {
    width: 100%;
  }

  /* Registration Page v2.0 */
  .register--top--content h2 {
    font-size: 24px;
    line-height: 32px;
  }

  .register--top--content p {
    font-size: 18px;
    line-height: 34px;
  }

  .register--top--content .items .item {
    margin-bottom: 15px;
  }

  .register--top--content .items .item:nth-child(3n+4) {
    clear: both;
  }

  .register--top--content .items .item img {
    max-width: 95px;
  }

  #start--registration .blurb h4 {
    font-size: 34px;
    line-height: 54px;
  }

  #start--registration .blurb p {
    font-size: 16px;
    line-height: 24px;
  }

  #start--registration .hub--options .hub--option h4 {
    font-size: 15px;
    line-height: 26px;
    min-height: 76px;
  }

  #start--registration .hub--options .hub--option h4 span {
    font-size: 22px;
    line-height: 24px;
  }

  .started--registration--form .top--caption h5 {
    font-size: 26px;
    line-height: 29px;
  }

  .started--registration--form .top--caption p {
    font-size: 16px;
    line-height: 24px;
  }

  #register--bottom--bg {
    height: 250px;
  }

  /* New Shop Page */
  .shopPage .heading h1 {
    font-size: 30px;
    line-height: 44px;
  }

  .shopPage .filters .panel-group .panel .panel-heading h4 {
    font-size: 16px;
  }

  .shopPage .items .item:nth-child(3n+4) {
    clear: none;
  }

  .shopPage .items .item:nth-child(2n+3) {
    clear: both;
  }

  .related--products .item {
    margin-bottom: 30px;
  }
}
/* Table Landscape */
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .bookTourPage #banner {
    height: 350px;
  }

  .homePage #banner .top--banner p {
    font-size: 18px;
    line-height: 28px;
    text-align: left;
  }

  .trial--action {
    padding: 15px 30px;
    margin-top: 43px;
  }

  .trial--action p {
    text-align: center !important;
    font-size: 24px !important;
    line-height: 34px !important;
  }

  .join--the--hub .content h4,
.next--level h3 {
    font-size: 30px;
    line-height: 40px;
  }

  .hub--section.library--sections .content .modules .item:nth-child(3n+4) {
    clear: both;
  }

  .hub--section.library--videos .item:nth-child(2n+3) {
    clear: both;
  }

  .registrationLanding #bannerCustom {
    min-height: 300px;
  }

  .registerNewLanding #banners .overlay h1,
.registerNewLanding #bannerCustom .overlay h1 {
    font-size: 36px;
    line-height: 46px;
  }

  .registerNewLanding #banners .overlay h1 span,
.registerNewLanding #bannerCustom .overlay h1 span {
    font-size: 36px;
  }

  .introVideoWrapper iframe {
    height: 250px;
  }

  .intro--video iframe {
    height: 520px;
  }

  .hub--section.welcome .content iframe {
    height: 525px;
  }

  .homePage #banner {
    height: 420px;
  }

  .homePage #banner .overlay {
    padding-top: 30px;
  }

  .homePage #banner img.joinHubT {
    width: 250px;
    /*display: none;*/
  }

  .homePage #banner h1 {
    font-size: 36px;
    line-height: 44px;
    margin: 0 0 15px 0;
  }

  .homePage #banner h1 span {
    font-size: 28px;
    line-height: 28px;
  }

  .homePage #banner h2 {
    font-size: 22px;
    line-height: 28px;
  }

  .homePage #banner p.join {
    font-size: 33px;
    line-height: 36px;
  }

  .homePage #banner p.joinSub {
    font-size: 16px;
    line-height: 24px;
  }

  .homePage #banner .offer {
    width: auto;
    left: 0;
  }

  .homePage #banner .offer p.introd {
    font-size: 18px;
    line-height: 19px;
  }

  .homePage #banner .offer p.price {
    font-size: 45px;
    line-height: 45px;
  }

  .homePage #banner .offer p.price span {
    font-size: 28px;
    top: -4px;
  }

  .homePage #banner .offer p.normally {
    font-size: 16px;
  }

  .homePage #banner .offer a {
    font-size: 16px;
  }

  .homePage .quote img.videoThumbnail {
    max-width: 100%;
  }

  .homePage .merch h4 {
    font-size: 44px;
  }

  .homepage--custom--banner img {
    min-height: 400px;
  }

  /* About the Hub */
  .aboutPage #banner {
    height: 400px;
  }

  .aboutPage #banner h1 {
    font-size: 32px;
    line-height: 40px;
  }

  .aboutPage #banner h3 {
    font-size: 20px;
    line-height: 28px;
    padding-top: 0;
  }

  .aboutPage .content h3.pageTitle {
    font-size: 40px;
    line-height: 40px;
  }

  .aboutPage .content .desc p {
    font-size: 16px;
    line-height: 22px;
  }

  .aboutPage .join {
    height: 500px;
  }

  .aboutPage .join img.joinHubT {
    width: 350px;
  }

  .aboutPage .join h4 {
    font-size: 40px;
    line-height: 40px;
  }

  .aboutPage .join h5 {
    font-size: 26px;
    line-height: 32px;
  }

  .shopPage #banner .graphic {
    left: -750px;
  }

  /* My Account */
  .myAccountWrapper .dashboardIcons {
    margin: 50px 0;
  }

  .myAccountWrapper .dashboardIcons .item {
    margin: 15px 0;
  }

  footer .links h6 {
    font-size: 16px;
  }

  #banner .graphic {
    display: none;
  }

  .banner--book .trial--action {
    margin-top: 121px;
  }

  /* About v2.0 */
  #banners {
    min-height: 350px;
  }

  #banners .item {
    min-height: 350px;
  }

  .aboutPageNew .overlay h2 {
    font-size: 36px;
    line-height: 42px;
  }

  .aboutPageNew .overlay {
    bottom: 30px;
  }

  body.page-template-page-hub-scholar #banners,
body.page-template-page-hub-scholar-school #banners,
body.page-template-page-hub-scholar #banners .item,
body.page-template-page-hub-scholar-school #banners .item {
    min-height: 350px;
  }

  .about--top--content h1 {
    font-size: 34px;
    line-height: 38px;
  }

  .aboutPageNew .hub--options .hub--option:after {
    border-left: 160px solid transparent;
    border-right: 160px solid transparent;
    border-top: 30px solid #272727;
    bottom: -30px;
  }
  .resourcesPage .hub--options .hub--option:after {
    border-left: 160px solid transparent;
    border-right: 160px solid transparent;
    border-top: 30px solid #272727;
    bottom: -30px;
  }

  .aboutPageNew .hub--option--content {
    margin-top: 80px;
  }

  .aboutPageNew .hub--option--content .items .item:nth-child(3n+4) {
    clear: both;
  }

  .aboutPageNew .join--the--hub--video .content {
    margin-bottom: 50px;
  }

  .aboutPageNew .join--the--hub--video .dividerWrapper hr {
    margin-top: 20px;
  }

  .aboutPageNew .join--the--hub--video .content i {
    font-size: 48px;
    margin-top: 0;
  }

  .aboutPageNew .join--the--hub--video .content h4 {
    font-size: 26px;
    line-height: 34px;
  }

  .aboutPageNew .join--the--hub--video .content p {
    font-size: 20px;
    line-height: 32px;
  }

  .aboutPageNew .join--the--hub--video .content a.cta {
    width: 100%;
    text-align: center;
  }

  .aboutPageNew .join--the--hub--video .content .custom--circle {
    width: 300px;
    height: 300px;
    left: -200px;
    top: 0;
  }

  .aboutPageNew .join--the--hub--video .dividerWrapper hr.second--divider {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .aboutPageNew .bottom--features > div {
    margin-bottom: 30px;
  }

  .aboutPageNew .bottom--features h5 {
    font-size: 18px;
    line-height: 24px;
  }

  .aboutPageNew .bottom--features {
    margin-bottom: 0;
  }

  .about--tangaroa {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .about--tangaroa img.videoThumbnail {
    display: block;
    margin: 0 auto 30px auto;
    max-width: 250px;
  }

  .about--tangaroa .content h6 {
    font-size: 30px;
    line-height: 40px;
  }

  .about--tangaroa img.videoThumbnail {
    width: 100%;
  }

  /* New Shop Page */
  .shopPage .heading h1 {
    font-size: 30px;
    line-height: 44px;
  }

  .shopPage .filters .panel-group .panel .panel-heading h4 {
    font-size: 16px;
  }

  .shopPage .items .item:nth-child(3n+4) {
    clear: both;
  }

  .shopPage .items .item:nth-child(2n+3) {
    clear: none;
  }
}
/* Small Screen */
@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .homePage #banner img.joinHubT {
    width: 300px;
  }

  .aboutPage .join img.joinHubT {
    width: 400px;
  }

  footer .links h6 {
    font-size: 16px;
  }

  #banner .graphic {
    left: -320px;
    bottom: -231px;
    width: 600px;
  }
}
/* Medium Screen */
@media screen and (min-width: 1401px) and (max-width: 1600px) {
  footer .links h6 {
    font-size: 18px;
  }

  #banner .graphic {
    left: -320px;
    bottom: -231px;
    width: 600px;
  }
}
@media screen and (min-width: 1601px) and (max-width: 1800px) {
  footer .links h6 {
    font-size: 20px;
  }

  #banner .graphic {
    left: -320px;
    bottom: -231px;
    width: 600px;
  }
}
/* Large Screen */
@media screen and (min-width: 1200px) {
  footer .links {
    padding: 0 100px;
  }

  .myAccountWrapper .dashboardIcons a i {
    font-size: 64px;
  }

  .hub--section.library .content .modules .item:nth-child(6n+7) {
    clear: both;
  }

  .hub--section.library--sections .content .modules .item:nth-child(3n+4) {
    clear: both;
  }

  .hub--section.library--videos .item:nth-child(2n+3) {
    clear: both;
  }
}
/**
 * THE HUB: Responsive
 */
/* Mobile First */
.accountNav li a i {
  display: none;
}

.mobileBackBtn {
  display: none;
}

@media screen and (min-width: 768px) {
  .hub--section.login--screen {
    min-height: 320px;
    margin-bottom: 0;
  }
}
/* Mobile Only */
@media screen and (min-width: 320px) and (max-width: 767px) {
  .hub--section.library .content .modules .item:nth-child(2n+3) {
    clear: both;
  }

  .hub--section.overview .content .course--icon {
    margin-right: 10px;
  }

  .accountNav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #000;
    margin: 0;
    padding: 15px 0;
  }

  .accountNav li {
    margin: 0 15px;
  }

  .accountNav li a {
    font-size: 12px;
    color: #939393;
    text-transform: inherit;
  }

  .accountNav li a i {
    display: block;
    color: #50BD99;
    font-size: 26px;
  }

  .accountTop {
    /*display: none;*/
    position: absolute;
    top: -60px;
    right: 15px;
  }

  .accountTop li {
    margin-left: 15px;
  }

  .accountTop li:first-child {
    display: none;
  }

  .site-header a.dashboard {
    left: auto !important;
    right: 15px;
    top: 30px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    font-size: 13px;
    color: #939393;
    border: 1px solid #939393;
    background: transparent;
    display: none;
  }

  .myAccountWrapper {
    padding: 30px 15px;
  }

  .site-header.notDashboard .logo {
    display: none;
  }

  .site-header.notDashboard {
    min-height: 71px;
  }

  /* Footer */
  #hub--footer {
    height: 300px;
  }

  #hub--footer p {
    font-size: 18px;
    line-height: 26px;
  }

  .breadcrumbsWrapper.quizWrapper, .breadcrumbsWrapper.myAccount {
    display: none;
  }

  #hubHeading h1 {
    font-size: 36px;
    line-height: 49px;
  }

  #hubHeading img {
    bottom: -5px;
    right: -10px;
    width: 65px;
  }

  #hubHeading.notDashboard {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    padding: 25px 0;
    overflow: hidden;
    border: none;
  }

  #hubHeading.notDashboard h1 {
    font-size: 17px;
    line-height: 23px;
    font-weight: 400;
  }

  #content.notDashboard {
    /*padding-top: 70px !important;*/
  }

  .mobileBackBtn {
    color: #fff;
    font-size: 24px;
    position: absolute;
    left: 15px;
  }

  #hubHeading.notDashboard .mobileBackBtn {
    display: block;
  }

  /* Support */
  .hub--section.support .content .item {
    margin-bottom: 30px;
  }

  .hub--section.support .content .item h4 {
    margin: 15px 0;
  }

  /* Home/Dashboard */
  .hub--section.continue .content iframe {
    max-height: 200px;
  }

  .hub--section .heading h2 {
    font-size: 18px;
    line-height: 20px;
    margin: 5px 0;
  }

  .hub--section.learning .content .item p.name {
    margin: 0 0 5px 0;
  }

  .hub--section.learning .content .expandWrapper a {
    font-size: 14px;
    margin-top: 15px;
  }

  /* My Account */
  .hub--section.profile .content .item {
    width: 50%;
  }

  .hub--section.profile .content {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .hub--section.profile .content .item:nth-child(2n+3) {
    clear: both;
  }

  .hub--section.profile .content .item h3 {
    font-size: 14px;
    line-height: 22px;
  }

  .referralWrapper .hub--section {
    margin-bottom: 30px;
  }

  /* My Learning / My Team Member */
  .hub--section.team--progress .info .course--icon {
    float: none;
    margin: 0 auto 15px auto;
    display: block;
  }

  .hub--section.team--progress .progress--items .item {
    margin-bottom: 30px;
  }

  .hub--section.team--progress .actions .complete {
    margin-bottom: 30px;
  }

  .hub--section.team--progress .actions .quick--add .wrapper {
    border: none;
    padding: 0;
  }

  .hub--section.team--progress .members .member {
    width: calc(50% - 25px);
  }

  .hub--section.team--progress .videoWrapper iframe {
    height: 200px;
  }

  .hub--section.team--progress .info a.actionButton {
    float: left;
  }

  .hub--section.team--progress .progress--items .item.quiz i {
    margin-left: 0;
  }

  /* Library */
  .hub--section.library .content .modules .item:nth-child(2n+3) {
    clear: both;
  }

  .hub--section.library--videos .item iframe {
    max-height: 185px;
  }

  .more--videos .heading h3 {
    font-size: 20px;
    line-height: 28px;
  }

  .more--videos .items .item iframe {
    max-height: 145px;
  }

  #hubSearch .wrapper {
    left: 15px;
    width: calc(100% - 30px);
  }
}
@media screen and (min-width: 320px) and (max-width: 374px) {
  .accountNav li {
    margin: 0 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .hub--section.library .content .modules .item:nth-child(4n+5) {
    clear: both;
  }

  .hub--section.overview .content .course--icon {
    margin-right: 12px;
  }

  .more--videos .items .item iframe {
    max-height: 170px;
  }

  #hub--footer {
    height: 360px;
  }

  #hubHeading img {
    right: -20px;
    width: 120px;
  }

  #hubHeading h1 {
    font-size: 36px;
    line-height: 46px;
  }

  .accountNav {
    /*margin-bottom: 0;*/
  }

  .accountNav li {
    margin: 0 2px;
  }

  .accountNav li a {
    font-size: 12px;
    line-height: 20px;
    text-transform: inherit;
  }

  .site-header a.dashboard {
    display: none;
  }

  .hub--section.continue .content iframe {
    max-height: 200px;
  }

  .hub--section.farm .content .item p.name {
    margin: 5px 0;
  }

  .hub--section.farm .content .expandWrapper a {
    margin-top: 10px;
  }

  .hub--section.profile .content .item {
    width: 33.33333%;
  }

  .hub--section.team--progress .members .member {
    width: calc(50% - 25px);
  }

  .hub--section.library--videos .item iframe {
    height: 190px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .hub--section.library .content .modules .item:nth-child(4n+5) {
    clear: both;
  }

  .accountNav li {
    margin: 0 7px;
  }

  .hub--section.overview .content .course--icon {
    margin-right: 6px;
  }

  .site-header a.dashboard {
    display: none;
  }

  .accountNav li a {
    font-size: 14px;
    text-transform: inherit;
  }

  .hub--section.continue .content iframe {
    max-height: 265px;
  }

  #hubHeading img {
    right: -30px;
    width: 150px;
  }

  #hub--footer {
    height: 360px;
  }

  #hubHeading h1 {
    font-size: 48px;
    line-height: 68px;
  }

  .hub--section.team--progress .videoWrapper {
    text-align: center;
  }

  .hub--section.team--progress .videoWrapper iframe {
    margin-top: 15px;
  }

  .hub--section.library--videos .item iframe {
    height: 255px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .accountNav li {
    margin: 0 2px;
  }

  .accountNav li a {
    font-size: 13px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1600px) {
  .accountNav li {
    margin: 0 2px;
  }

  .accountNav li a {
    font-size: 15px;
  }
}
/* Shop Banner */
@media screen and (max-width: 767px) and (min-width: 320px) {
  /*.shopPage #banner {*/
  /*height: 110px;*/
  /*}*/
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /*.shopPage #banner {*/
  /*height: 200px;*/
  /*}*/
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
  /*.shopPage #banner {*/
  /*height: 250px;*/
  /*}*/
}
@media screen and (max-width: 1400px) and (min-width: 1201px) {
  /*.shopPage #banner {*/
  /*height: 300px;*/
  /*}*/
}
@media screen and (max-width: 1600px) and (min-width: 1401px) {
  /*.shopPage #banner {*/
  /*height: 350px;*/
  /*}*/
}
@media screen and (max-width: 1800px) and (min-width: 1601px) {
  .accountNav li a {
    font-size: 15px;
  }
}
@media screen and (max-width: 2000px) and (min-width: 1801px) {
  /*.shopPage #banner {*/
  /*height: 450px;*/
  /*}*/
}
@media screen and (min-width: 1200px) {
  .aboutPageNew .hub--option--content .items .item:nth-child(4n+5) {
    clear: both;
  }

  .aboutPageNew .bottom--features > div {
    min-height: 430px;
  }

  .aboutPageNew .bottom--features > div:nth-child(2) {
    border-left: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
  }

  .hubScholarPage .bottom--features > div {
    min-height: 280px;
  }
}
/* Navigation */
.navigation-top {
  position: relative;
  background: transparent;
  border: none;
}

#top-menu {
  text-align: left;
}

#top-menu a {
  color: #fff;
  font-weight: 900;
  text-transform: uppercase;
  position: relative;
  transition: all 0.6s;
  padding: 0;
}

#top-menu a span {
  display: none;
  width: 100%;
  height: 6px;
  background: #191E47;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.6s;
}

#top-menu a svg {
  display: none !important;
}

.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a,
#top-menu a:hover,
#top-menu a:active,
#top-menu a:focus {
  text-decoration: none;
  transition: all 0.6s;
  text-transform: uppercase;
  color: #50BD99;
}

.navigation-top .current-menu-item > a span, .navigation-top .current_page_item > a span,
#top-menu a:hover span,
#top-menu a:active span,
#top-menu a:focus span {
  transition: all 0.6s;
  background: #00A1ED;
}

#top-menu ul ul {
  background: #fff;
  text-align: left;
  border: none;
}

#top-menu ul li:hover > ul, #top-menu ul li.focus > ul {
  left: -3px;
}

#top-menu ul li:before,
#top-menu ul li:after {
  display: none !important;
}

#top-menu ul ul li a {
  color: #000;
  line-height: 50px;
  font-size: 16px;
  text-transform: uppercase;
  border: 1px solid #E3E3E3;
  border-bottom: none;
  padding: 0 0 0 15px;
}

#top-menu ul ul li:last-child a {
  border-bottom: 1px solid #E3E3E3;
}

#top-menu ul ul li a span {
  display: none;
}

.navigation-top ul ul .current-menu-item > a span, .navigation-top ul ul .current_page_item > a span,
#top-menu ul ul a:hover span,
#top-menu ul ul a:active span,
#top-menu ul ul a:focus span {
  transition: all 0.6s;
  opacity: 0;
}

#top-menu li li.focus > a, #top-menu li li:focus > a, #top-menu li li:hover > a, #top-menu li li a:hover, #top-menu li li a:focus, #top-menu li li.current_page_item a:hover, #top-menu li li.current-menu-item a:hover, #top-menu li li.current_page_item a:focus, #top-menu li li.current-menu-item a:focus {
  color: #fff;
}

#top-menu li li:hover a, #top-menu li li.focus a {
  color: #fff;
}

.navigation-top ul ul .current-menu-item > a,
.navigation-top ul ul .current_page_item > a {
  color: #000;
}

#top-menu li li:hover, #top-menu li li.focus {
  background: #000;
}

#top-menu li:last-child a {
  padding-right: 0;
}

#top-menu li:first-child a {
  padding-left: 0;
}

#top-menu li li:first-child a {
  padding-left: 15px;
}

#top-menu .customIcon i {
  font-size: 26px;
  position: relative;
  top: 3px;
}

/* Socials */
ul#user-account {
  list-style-type: none;
  text-align: right;
  margin: 0;
}

ul#user-account li {
  display: inline-block;
}

ul#user-account li a {
  border: 1px solid #50BD99;
  color: #50BD99;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  /* align horizontal */
  align-items: center;
  /* align vertical */
  transition: all 0.4s;
}

ul#user-account li a:hover {
  color: #50BD99;
  transition: all 0.4s;
}

ul#user-account li a {
  border: none;
  color: #fff;
  border-radius: 0;
  width: auto;
  height: auto;
  font-weight: 700;
  display: inline-block !important;
}

ul#user-account li a i {
  display: inline-block;
  margin-right: 10px;
  font-size: 22px;
}

ul#user-account li span.currencyText {
  color: #fff;
}

/* Menu Item Consistency */
#top-menu a,
ul#user-account li a {
  font-size: 18px;
}

@media only screen and (min-width: 768px) {
  ul#top-menu {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  ul#user-account {
    text-align: center;
    margin-bottom: 15px;
  }

  ul#user-account li {
    margin: 0 30px;
  }

  .main-navigation ul {
    background: transparent;
    border: none;
  }

  .main-navigation li:last-child,
.main-navigation li {
    border: none;
    border-bottom: 1px solid #E3E3E3;
  }

  .main-navigation li {
    background-color: #000;
    padding-left: 30px;
  }

  .main-navigation li:first-child {
    border-top: 1px solid #E3E3E3;
  }

  .main-navigation a {
    line-height: 62px;
    color: #000;
    padding: 0 15px;
    font-weight: 400;
  }

  .main-navigation li:last-child a {
    padding-right: 15px;
  }

  .main-navigation li:first-child a {
    padding-left: 15px;
  }

  .main-navigation a span {
    display: none;
  }

  #top-menu {
    position: relative;
    text-align: left;
    padding: 0;
    background: #fff;
    z-index: 2;
    border-top: none;
    margin-top: 0;
  }

  .navigation-top .current-menu-item > a, .navigation-top .current_page_item > a, .main-navigation a:hover, .main-navigation a:active, .main-navigation a:focus {
    border-bottom: none;
    border-radius: 0;
    background: #000;
    color: #fff;
  }

  .dropdown-toggle {
    top: 0;
    width: 100%;
    right: 0;
    padding: 0;
    height: 50px;
  }

  .main-navigation li.customIcon a,
.main-navigation li.customIcon {
    display: inline;
    border: none;
  }

  .main-navigation li.customIcon {
    width: 40%;
    position: absolute;
    bottom: -62px;
    left: 60%;
    height: 62px;
    background: #fff;
    border-bottom: 1px solid #E3E3E3;
    padding: 0;
  }

  .main-navigation li.customIcon.socialIcons {
    width: 100%;
    left: 0;
  }

  .main-navigation li.customIcon a {
    float: none;
    line-height: 62px;
    width: 50%;
    display: inline-block;
    margin: 0;
    text-align: center;
    border-right: 1px solid #E3E3E3;
  }

  .main-navigation li.customIcon.socialIcons a {
    width: 33.3333%;
  }

  .main-navigation li.customIcon a:hover,
.main-navigation li.customIcon a:active,
.main-navigation li.customIcon a:focus {
    background: transparent;
  }

  .main-navigation li i.fa-facebook-square {
    font-size: 24px;
  }
}
/* Table portrait */
@media screen and (min-width: 768px) and (max-width: 879px) {
  /* Menu Item Consistency */
  #top-menu a,
ul#user-account li a,
ul#user-account li a,
ul#user-account li span.currencyText {
    font-size: 13px;
  }

  ul#user-account li a i {
    font-size: 16px;
  }
}
@media screen and (min-width: 880px) and (max-width: 991px) {
  /* Menu Item Consistency */
  #top-menu a,
ul#user-account li a,
ul#user-account li a,
ul#user-account li span.currencyText {
    font-size: 15px;
  }

  ul#user-account li a i {
    font-size: 16px;
  }
}
/* Table Landscape */
@media screen and (min-width: 992px) and (max-width: 1199px) {
  /* Menu Item Consistency */
  #top-menu a,
ul#user-account li a {
    font-size: 16px;
  }
}
/* Merch Notice */
#merch--notice {
  width: 100%;
  height: 50px;
  background: #000;
  border-bottom: 1px solid #fff;
  text-align: center;
  padding: 0 15px;
}

#merch--notice p {
  font-size: 16px;
  color: #fff;
  line-height: 50px;
}

.entry-summary .cart_totals a,
.entry-summary .cart_totals a:hover,
.entry-summary .cart_totals a:focus,
.entry-summary .afterpay-payment-info a,
.entry-summary .afterpay-payment-info a:hover,
.entry-summary .afterpay-payment-info a:focus,
.entry-content .cart_totals a,
.entry-content .cart_totals a:hover,
.entry-content .cart_totals a:focus,
.entry-content .afterpay-payment-info a,
.entry-content .afterpay-payment-info a:hover,
.entry-content .afterpay-payment-info a:focus {
  text-decoration: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.entry-content a[href="#afterpay-what-is-modal"] img {
  display: inline-block;
}
@media only screen and (max-width: 991px) {
  .entry-content a[href="#afterpay-what-is-modal"] img {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 992px) {
  .entry-content a[href="#afterpay-what-is-modal"] img {
    margin-left: 4px;
  }
}
.entry-content a[href="#afterpay-what-is-modal"] span {
  font-size: 11px !important;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (max-width: 991px) {
  .entry-content a[href="#afterpay-what-is-modal"] span {
    margin-top: 5px;
  }
}

body.page-template-page-registration-success li.product .afterpay-payment-info {
  float: none;
  margin: 0;
}
body.page-template-page-registration-success li.product .afterpay-payment-info strong {
  display: inline-block !important;
}

#modal__cancel-form-content {
  padding: 30px 15px 0 15px;
}

/*# sourceMappingURL=custom.css.map */