/* Import brand fonts */
/*@import url("//hello.myfonts.net/count/359913");*/
@font-face {
  font-family: 'Code-Pro-Bold';
  src: url('https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/fonts/code/359913_0_0.eot');
  src: url('https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/fonts/code/359913_0_0.eot?#iefix')
      format('embedded-opentype'),
    url('https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/fonts/code/359913_0_0.woff2')
      format('woff2'),
    url('https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/fonts/code/359913_0_0.woff')
      format('woff'),
    url('https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/fonts/code/359913_0_0.ttf')
      format('truetype');
  font-weight: 400;
}
/* General Styles */
body {
  font-family: 'Roboto', 'Lucida Grande', Verdana, sans-serif;
  font-size: 16px;
  background: #F4F0ED;
  color: #666;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  margin-bottom: 0.25rem;
  font-family: 'Code-Pro-Bold', 'Roboto', 'Helvetica Neue', Helvetica,
    Arial, sans-serif;
  line-height: 1.2em;
  text-transform: uppercase;
  color: #353535;
}
h1 strong,
h2 strong,
h3 strong {
  font-weight: 400;
}
h1 {
  font-size: 1.88rem;
  font-weight: 600;
  font-family: 'Code-Pro-Bold', 'Roboto', 'Helvetica Neue', Helvetica,
    Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0.025em;
}
h2 {
  font-size: 1.4rem;
}
h2.subtitle {
  font-size: 1rem;
  text-transform: uppercase;
  color: #999;
}
h2.entry-title,
.detail h2 {
  font-size: 1.2rem;
  padding-top: 0.7rem;
}

.detail h2 {
  margin-bottom: 1.5rem;
}

h2 a {
  font-weight: 400;
}

p.subtitle {
  max-width: 440px;
  margin: 0 auto;
}
h3,
h4 {
  font-size: 1.125rem;
}
h4 {
  color: #333;
}
h5 {
  font-size: 1rem;
}
ul {
  list-style: none;
}

ul li {
  position: relative;
}

ul ul {
  list-style: circle
    url('https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/subbullet.png')
    outside;
}

p {
  margin-bottom: 1em;
  line-height: 1.4em;
}

a {
  color: #e66157;
  font-weight: 600;
}
a:hover {
  color: #b91423;
  text-decoration: underline;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ' ';
  clear: both;
  height: 0;
}
.clearfix {
  display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* close commented backslash hack */

/* header/masthead and navigation styles */

/* What a stupid idea :
set for using neg margins for foundation grid

.site-content {

  overflow: hidden;
} */
.site-content {
  overflow: visible;
}

.site-content,
#secondary-navigation,
#primary-navigation > div.row,
.wrapper {
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
  display: block;
}
.page-template-about-us .site-content,
.page-template-page-templatesabout-us-php .site-content {
  max-width: 68rem;
}

/* Header navigation */
#site-masthead ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

#site-masthead #main-menu > nav > ul > li {
  border-left: 1px solid #db3f4d;
}

#site-masthead ul li a {
  display: block;
  padding: 1.4em 1.1em 1.1em;
  font-weight: 400;
  font-family: 'Roboto', Arial, sans-serif;
  color: #ffffff;
}
#site-masthead ul li a:hover {
  text-decoration: none;
}

#secondary-navigation {
  padding: 0.8rem 0;
}

#main-menu {
  background: #ff4c50;
  padding: 0;
}
#main-menu a {
  color: #fff;
}
#main-menu #secondary-menu,
#main-menu .menu-search .search,
#main-menu .dynamic-basket,
#main-menu .menu-account {
  min-height: 5.25rem;
}
#searchplus {
  background: #ff4c50;
  padding: 0.75rem 0;
}

.menu-search .search {
  display: block;
  padding: 1.2rem;
  border-left: 1px solid #db3f4d;
  display: flex;
  flex-direction: column;
  justify-content: center;
  resize: none;
  overflow: hidden;
}
.menu-search .search:hover {
  cursor: pointer;
  background-color: #db3f4d;
}
.menu-search .search img {
  height: 1.5rem;
  display: block;
}

#site-masthead {
  text-transform: uppercase;
}

#secondary-navigation ul li a {
  font-size: 0.75rem;
  color: #444;
}
#primary-navigation {
  background: #ff4c50;

  border-bottom: 1px solid #999;
}
#primary-navigation nav.ubermenu > ul > li.ubermenu-item > .ubermenu-target {
  display: block;
  height: 5.4rem;
  padding-top: 2.3rem;
  font-size: 0.8rem;
}
#primary-navigation
  nav.ubermenu
  > ul
  > li.ubermenu-item
  ul
  li
  .ubermenu-target
  > span.ubermenu-target-title,
#primary-navigation ul li .accordion-menu li a {
  font-size: 1.1rem;
  font-family: 'Code-Pro-Bold', 'Roboto', Helvetica Neue, Helvetica, Arial,
    sans-serif;
  font-weight: 400;
  line-height: 1.4rem;
}
#primary-navigation
  nav.ubermenu
  > ul
  > li.ubermenu-item
  ul
  li
  .ubermenu-target.button.more {
  padding: 0.5rem 20px;
  height: 2.5rem;
  margin: 10px 5px 10px 5px;
}
#primary-navigation
  nav.ubermenu
  > ul
  > li.ubermenu-item
  ul
  li
  .ubermenu-target.button.more
  > span.ubermenu-target-title {
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin: 0;
  padding: 0;
  text-align: center;
  color:white;
}
#site-masthead #primary-navigation nav.ubermenu > ul > li.ubermenu-item ul li .ubermenu-target.button.more:hover span.ubermenu-target-title {
  color:black;
}


#secondary-menu
  .ubermenu-hamburger
  > ul.ubermenu-nav
  > li.ubermenu-item
  > .ubermenu-target.ubermenu-target-with-icon {
  padding: 0 1rem;
}

#secondary-menu
  .ubermenu-hamburger
  > ul.ubermenu-nav
  > li
  > .ubermenu-target
  .ubermenu-icon {
  font-size: 1.8rem;
  line-height: 5rem;
}
#secondary-menu .ubermenu-hamburger > ul.ubermenu-nav > li.ubermenu-item a {
  padding: 0.5rem 1rem;
}
#secondary-menu
  .ubermenu-hamburger
  > ul.ubermenu-nav
  > li.ubermenu-item
  a:hover {
  background: rgba(255, 255, 255, 0.1);
}
#secondary-menu > .ubermenu-hamburger > ul > li > ul.ubermenu-submenu {
  padding-top: 1rem;
}

#primary-navigation ul li a,
#primary-navigation
  ul
  li.ubermenu-item-level-4
  span.ubermenu-item-layout-text_only
  span.ubermenu-target-text,
#primary-navigation ul li.ubermenu-item .ft-top-level {
  font-size: 0.8rem;
  padding: 1em 1.4em;
  line-height: 1.4em;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
}

#primary-navigation ul li.ubermenu-item-has-children a,
#primary-navigation
  ul
  li.ubermenu-item.ubermenu-item-has-children
  .ft-top-level {
  padding-right: 2.8em;
}
#primary-navigation
  ul
  li.ubermenu-item-level-4
  span.ubermenu-item-layout-text_only
  span.ubermenu-target-text {
  padding: 1.6em 0 1.2em 0;
  color: #aaa;
}

#primary-navigation ul li.current-menu-item a,
#primary-navigation
  .ubermenu-main
  .ubermenu-item-level-0.ubermenu-current-menu-item
  > .ubermenu-target,
#primary-navigation
  .ubermenu-main
  .ubermenu-item-level-0.ubermenu-current-menu-parent
  > .ubermenu-target,
#primary-navigation
  .ubermenu-main
  .ubermenu-item-level-0.ubermenu-current-menu-ancestor
  > .ubermenu-target {
  background-color: #db3f4d;
  color: #ffffff;
}
#primary-navigation .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
  height: 86px;
}
/* #primary-navigation ul li a:hover, #secondary-navigation ul li a:hover, #primary-navigation .is-active > a {
    background-color: #e05f6d;
    color: #ffffff;
} */
#primary-navigation .menu-logo img {
  margin-top: 1.5rem;
  height: 34px;
}
.is-accordion-submenu-parent > a:after,
.is-accordion-submenu-parent[aria-expanded='true'] > a:after {
  border: none !important;
  content: none !important;
}

.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target:after,
.is-accordion-submenu-parent > a:after {
  content: '';
}
.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target,
.is-accordion-submenu-parent button.submenu-toggle {
  background: url('https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/chevron-down-sprite.png')
    no-repeat;
  background-position: right 1rem top 50%;
}

#main-menu i.ubermenu-sub-indicator,
nav.ubermenu i.ubermenu-sub-indicator {
  display: none;
}

/* accordian menu chevron styles */
button.submenu-toggle {
  padding: 26px 20px;
  height: 0;
  width: 0;
  overflow: hidden;
  border-bottom: 1px solid rgba(163, 44, 56, 0.5);
}
#main-menu .submenu-toggle-text {
  visibility: hidden;
}
#main-menu .submenu-toggle:after {
  content: '';
  border: none;
}

.is-accordion-submenu-parent[aria-expanded='true'] > a:after {
  content: '';
}
.is-accordion-submenu-parent[aria-expanded='true'] > a,
.is-accordion-submenu-parent button.submenu-toggle[aria-expanded='true'] {
  background: url(https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/chevron-up-sprite.png)
    no-repeat;
  background-position: right 1rem top 50%;
}
.ubermenu-item .ubermenu-column-full > .ubermenu-target:after,
.accordion-menu li ul li a:after,
.accordion-menu-mobile li a:after {
  content: '';
}
.ubermenu-item .ubermenu-column-full > .ubermenu-target,
.accordion-menu li ul li a,
.accordion-menu-mobile li a {
  background: url(https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/chevron-right-sprite.png)
    no-repeat;
  background-position: right 1rem top 50%;
}
#site-masthead .ubermenu-item .ubermenu-item-level-3:hover > .ubermenu-target,
#site-masthead .accordion-menu li:hover {
  background-color: #e05f6d;
}
.ubermenu-sub-indicators .ubermenu-has-submenu-drop:hover > .ubermenu-target {
  background-color: #db3f4d;
}
.accordion-menu li ul li a:hover,
.menu-account ul li a:hover {
  background-color: #db3f4d;
}

#mobile-user-menu {
  padding-left: 0;
}
#mobile-menu {
  background: #e66057;
}

#mobile-menu li {
  border: 1px solid #f3b3af;
}

#mobile-menu a {
  color: #fff;
}

#mobile-menu .is-dropdown-submenu,
#mobile-menu .is-drilldown-submenu {
  background: #f4f0ed;
  color: #e66057;
}
#mobile-menu .is-dropdown-submenu a,
#mobile-menu .is-drilldown-submenu a {
  color: #e66057;
}
/* Mega Menu dropdown */
#desktop-menu {
  margin: 0 auto;
}

#primary-navigation > .row {
  position: relative;
}

.menu > li {
  display: inline-block;
}

.is-dropdown-submenu-parent.mega-menu {
  position: static;
}

.mega-menu .is-dropdown-submenu {
  left: 0;
  right: 0;
  top: auto;
  position: absolute;
  width: 100%;
  max-width: 90rem;
}
.mega-menu .m-menu-space {
  padding: 2rem;
  background: #fff;
  box-shadow: 0 2px 10px #7d7d7d;
}
/* hide top of box shadow */
.mega-menu .m-menu-space:before {
  content: '';
  background: #fff;
  position: absolute;
  top: -4px;
  left: -1rem; /* extra -1rem padding */
  height: 4px;
  width: 105%;
  max-width: 70rem; /* extra 2rem padding */
  z-index: 101;
}

#main-menu .location-map img {
  display: none;
}
#main-menu .location-map {
  height: 0;
  width: 100%;
  padding-top: 90%;
  background: url('https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/uk-map.png')
    no-repeat center center;
  background-size: contain;
  opacity: 0.7;
}
#main-menu .courses-image {
  height: 0;
  width: 100%;
  padding-top: 100%;
  background: url('https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/course-mm-bg.jpg')
    no-repeat center center;
  background-size: contain;
  position: relative;
  top: 10px;
}
.mega-menu p {
  text-transform: none;
  font-size: 0.8rem;
  margin-bottom: 1.1rem;
}
.is-dropdown-submenu,
.js-dropdown-active {
  box-shadow: 0 2px 10px #7d7d7d;
}
/* customise foundation dropdown caret */

/* mobile drilldown menu caret */
.drilldown.menu > li.is-drilldown-submenu-parent > a::after {
  border-color: #fff transparent transparent;
}

.drilldown.menu > li.is-drilldown-submenu-parent.opens-right > a::after {
  border-color: #fff transparent transparent;
  right: 2px;
}

.drilldown.menu > li.is-drilldown-submenu-parent.opens-right > a:hover::after {
  border-color: #ffffff transparent transparent;
}
.is-drilldown-submenu > .is-drilldown-submenu-parent.opens-right > a::after {
  border-color: transparent #e66057 transparent;
}
.is-drilldown-submenu
  > .is-drilldown-submenu-parent.opens-right
  > a:hover::after {
  border-color: transparent #e66057 transparent;
}

/* desktop menu caret */
.dropdown.menu > li.is-dropdown-submenu-paren > a {
  background: url(https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/chevron-down-sprite.png)
    no-repeat;
  background-position: right 0.5rem top 50%;
  padding-right: 1rem;
}
#primary-navigation .dropdown.menu > li.is-dropdown-submenu-parent > a {
  /*max-width: 136px;*/
  line-height: 1.2em;
  padding-right: 2rem;
  text-align: right;
}
#primary-navigation .menu-account > ul > li > a {
  height: 5.4rem;
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  resize: none;
  overflow: auto;
  border-left: 1px solid #db3f4d;
  text-align: center;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border: none;
  border-color: transparent;
}

.dropdown.menu > li.is-dropdown-submenu-parent.opens-right > a::after {
  border: none;
}

.dropdown.menu > li.is-dropdown-submenu-parent.opens-right > a:hover::after {
  border-color: #ffffff transparent transparent;
}
.is-dropdown-submenu > .is-dropdown-submenu-parent.opens-right > a::after {
  border-color: transparent #7d7d7d transparent;
}
.is-dropdown-submenu
  > .is-dropdown-submenu-parent.opens-right
  > a:hover::after {
  border-color: transparent #ffffff transparent;
}
.is-dropdown-submenu-item .is-dropdown-submenu-parent.opens-right > a::after {
  border-color: transparent #7d7d7d transparent;
}
.is-dropdown-submenu-item
  .is-dropdown-submenu-parent.opens-right
  > a:hover::after {
  border-color: transparent #ffffff transparent;
}
#site-masthead {
  position: relative;
}
#site-masthead .logo {
  position: absolute;
  top: 10px;
  left: 75px;
  z-index: 910;
  width: 116px;
  height: 0;
  padding-top: 36px;
  overflow: hidden;
  background: url('https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/ftc-logo.png')
    no-repeat 0 0;
  background-size: contain;
  transform: translateX(-50%);
}

.mobile-cart{
    position: absolute;
    top: 0;
    right: 0px;
    color: #000000;
    padding-top: 10px;
    padding-right: 5px;
}
/* customise hamburger menu */

.title-bar {
  background: #ff4c50;
  color: #ffffff;
  border-bottom: 1px solid #db3f4d;
  display: block;
  justify-content: normal;
  align-items: right;
  min-height: 50px;
}
.menu-icon:after {
  background: #3d3d3d;
  box-shadow: 0 7px 0 #3d3d3d, 0 14px 0 #3d3d3d;
}
.menu-icon:hover:after {
  background: #7d7d7d;
  box-shadow: 0 7px 0 #7d7d7d, 0 14px 0 #7d7d7d;
}

.widget_product_search {
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-left: 0.5rem;
  border-left: 1px solid #888;
  position: absolute;
  left: auto;
  right: 70px;
  background: white;
  border: 5px solid #ff4c50;
  border-top-width: 2px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
#woocommerce-product-search-field,
.widget_product_search input[type='text'] {
  padding: 0;
  line-height: 1.6em;
  height: 1.6em;
  display: block;
  color: #444;
  text-transform: uppercase;
  font-size: 0.8rem;
  margin-bottom: 0;
  font-weight: 600;
  border: none;
  box-shadow: none;
}

#woocommerce-product-search-field::-webkit-input-placeholder {
  color: #999;
}

#woocommerce-product-search-field:-moz-placeholder {
  /* Firefox 18- */
  color: #999;
}

#woocommerce-product-search-field::-moz-placeholder {
  /* Firefox 19+ */
  color: #999;
}

#woocommerce-product-search-field:-ms-input-placeholder {
  color: #999;
}
.woocommerce-MyAccount-navigation ul li:before {
  content: none !important;
}
.woocommerce-MyAccount-navigation ul li:focus {
  color: #b91423;
  text-decoration: underline;
}

#top-search {
  width: 100%;
  overflow: hidden;
  right: 0;
  background: #db3f4d;
  border-color: #db3f4d;
  padding: 1rem;
  z-index: 5;
}
#top-search form {
  display: block;
  width: 100%;
}
#top-search input.woocommerce-product-search-field,
#top-search #woocommerce-product-search-field {
  width: 10rem;
  float: left;
  padding: 0.5rem 0rem;
  height: 2rem;
  display: block;
  background: #db3f4d;
  color: #fff;
}

#top-search input::-webkit-input-placeholder,
#top-search input::-moz-placeholder,
#top-search input:-ms-input-placeholder,
#top-search input:-moz-placeholder {
  color: #fff;
}

#top-search input::placeholder {
  color: #fff;
}
#top-search button.button {
  width: 2rem;
  float: right;
  padding: 0.5rem 0rem;
  margin: 0;
}

.screen-reader-text,
.hidden {
  display: none;
}

#loading {
  text-align: center;
  position: fixed;
  top: 15%;
  width: 100%;
  z-index: 9999;
  color: #e66156;
  font-size: 2rem;
  display: none;
}
#loading .fa {
  text-shadow: 1px 1px 6px #000;
}

.dynamic-basket.mobile a.basket {
  font-size: 0.9rem;
  color: #999;
  font-weight: 600;
  padding: 1.6em 1.2em 1.2em;
  display: block;
}

.dynamic-basket.mobile a .fa {
  margin-right: 0.25rem;
}

.dynamic-basket {
  position: relative;
}

#basket_details {
  position: absolute;
  top: 86px;
  padding: 1rem;
  background: #fff;
  z-index: 99;
  box-shadow: 0px 5px 6px 1px rgba(0, 0, 0, 0.2);
  right: 0;
  left: auto;
}

#basket_details .mini_cart_item img {
  width: 4rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  float: left;
  background: #850066;
  padding: 4px;
}

#site-masthead #basket_details ul li a {
  display: inline-block;
}
#site-masthead #basket_details ul li.mini_cart_item {
  border-bottom: 1px dashed #ccc;
  margin-bottom: 0.5rem;
}
#site-masthead #basket_details ul li.mini_cart_item > a {
  width: 268px;
  padding: 0;
  margin: 0 0 0 0.5rem;
  color: #333;
  line-height: 1.4rem;
}
#site-masthead #basket_details ul li.mini_cart_item > a:hover {
  background: none;
  color: #333;
}
#site-masthead #basket_details ul li.mini_cart_item > a:hover img {
  opacity: 0.8;
}
#site-masthead #basket_details ul li a.remove {
  border-radius: 100%;
  padding: 4px;
  width: 24px;
  height: 24px;
  line-height: 12px;
  font-size: 24px;
  display: block;
  float: left;
  overflow: hidden;
  background: #e66157;
  color: white !important;
  text-align: center;
  font-weight: 700;
  margin: 24px 0 0 0;
}

#site-masthead #basket_details .mini_cart_item.to-be-removed * {
  text-decoration: line-through;
}
#site-masthead #basket_details .mini_cart_item.to-be-removed img {
  -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
  filter: grayscale(50%);
}
#site-masthead #basket_details .mini_cart_item.to-be-removed dl {
  opacity: 0.7;
}
#site-masthead #basket_details ul li a.remove:hover {
  background: #b91423;
  color: white;
  text-decoration: none;
}

#site-masthead #basket_details .mini_cart_item dl {
  font-size: 0.75rem;
  margin: 0.5rem 0;
  overflow: hidden;
}
#site-masthead #basket_details .mini_cart_item dl dt,
#site-masthead #basket_details .mini_cart_item dl dd,
#site-masthead #basket_details .mini_cart_item dl dd p {
  display: inline-block;
}
#site-masthead #basket_details .mini_cart_item dl dt {
  display: block;
  width: 40%;
  float: left;
  clear: left;
}
#site-masthead #basket_details .mini_cart_item dl dd {
  display: block;
  width: 60%;
  float: left;
  clear: right;
}
#site-masthead #basket_details .mini_cart_item dl dd p {
  margin-bottom: 0.25em;
}
#site-masthead #basket_details .buttons a:first-child {
  background: #7d7d7d;
}
#site-masthead #basket_details .buttons a:first-child:hover {
  background: #545454;
}
#site-masthead #basket_details .buttons a:hover {
  cursor: pointer;
}

#site-masthead #user-menu ul {
  float: right;
  text-align: right;
  margin-bottom: 0;
}
#site-masthead #user-menu ul ul {
  text-align: left;
}

#site-masthead .is-dropdown-submenu {
  z-index: 20;
}

/* Content Styles */
.row.page-heading {
  padding-top: 0;
  margin-bottom: 1rem;
}
.single .row.page-heading {
  background: #fff;
}

.title-icon {
  float: left;
  max-width: 21%;
  margin-right: 1%;
  max-height: 4.5rem;
}
.title.with-icon {
  float: left;
  max-width: 78%;
  margin-left: 0;
}

#site-masthead #main-menu li.home a {
  height: 0px !important;
  padding: 60px 0 0 0;
  background: url('https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/ftc-logo.png')
    no-repeat 0% 50%;
  overflow: hidden;
  width: 200px;
  display: block;
  background-size: contain;
  margin-right: 10px;
}
#site-masthead #main-menu li.home a:hover {
  opacity: 0.7;
}

/* Buttons */
.button,
.woocommerce a.button {
  display: inline-block;
  text-align: center;
  line-height: 1em;
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  padding: 1.25em 1.75em;
  margin: 0;
  font-size: 0.9rem;
  background-color: #00e6c8;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.025rem;
}

.button.primary,
.woocommerce a.button.primary {
  background-color: #00e6c8;
  color: #fff;
}
.button.primary:hover,
.button.primary:focus,
.wooocommerce a.button.primary:hover,
.wooocommerce a.button.primary:focus,
.locations-intro-wrap .button:hover,
.locations-intro-wrap .button:focus,
#global-footer #newsletter-signup form .mc-field-group input.button:hover,
#global-footer #newsletter-signup form .mc-field-group input.button:focus {
  background-color: #08b7a8 !important;
}

.button.primary.rounded,
.woocommerce a.button.rounded,
.button.rounded,
#variation-display .yith-wcwtl-output a,
#variation-display .button {
  border-radius: 12px;
  border-radius: 30px;
  padding: 10px 30px 10px 30px;
  font-size: 0.75rem;
}
.button.primary.add-cart-pop-up,
.woocommerce a.button.add-to-cart-pop-up {
  font-size: 0.9rem;
  padding: 1rem;
}

.button.hollow,
.woocommerce a.button.hollow {
  border: 2px solid #fff;
  color: #fff;
  border-radius: 12px;
  font-size: 0.6rem;
  padding: 1.4em 1em;
}

.button.hollow:focus,
.button.hollow:hover,
.woocommerce a.button.hollow:focus,
.woocommerce a.button.hollow:hover {
  color: #000;
  background-color: #fff;
  border: 2px solid #fff;
}

.button.hollow.more,
.woocommerce a.button.more {
  border-radius: 30px;
  padding: 1.4em 2em;
}

.button.hollow.more.thin,
.woocommerce a.button.more.thin {
  border-radius: 30px;
  padding: 0.75em 2em;
  font-size: 0.75rem;
}

.button.align-left,
.woocommerce a.button.align-left {
  text-align: left;
  padding: 1.25rem;
  position: relative;
}

.button.align-left:after {
  background-image: url('https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/chevron-right-sprite.png');
  background-size: 8px;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 16px;
  width: 8px;
  position: absolute;
  right: 1rem;
  top: 40%;
}

/* .button,  */
/* .woocommerce a.booking.button, */
#site-masthead .button,
.woocommerce .cart button.button.single_add_to_cart_button,
.woocommerce input.button {
  display: inline-block;
  text-align: center;
  line-height: 1em;
  cursor: auto;
  -webkit-appearance: none;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  padding: 1em;
  margin: 1rem 0;
  font-size: 1rem;
  background-color: #00e6c8;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 3px;
}
.woocommerce-account .existing-customer.box .woocommerce-Button:hover {
  background-color: #08b7a8;
}

#site-masthead .button {
  margin: 1rem auto;
  display: block;
}

.button:hover,
#site-masthead .button:hover,
.button:focus,
.button:active,
.woocommerce .cart button.button.single_add_to_cart_button:hover,
.woocommerce input.button:hover {
  text-decoration: none;
  color: #fff;
}

#content .button.main,
#content .woocommerce .button.main,
.woocommerce a.button.wc-forward {
  background-color: #00e6c8;
  text-decoration: none;
  color: #fefefe;
}
#content .button.main:hover,
#content .woocommerce .button.main:hover {
  background: #b91423;
  text-decoration: none;
  color: #fff;
}
#content .woocommerce-variation-add-to-cart .single_add_to_cart_button:hover,
#content .woocommerce-message button:hover,
#content .woocommerce-message:focus,
#content .woocommerce-message:active {
  background-color: #08b7a8;
}

.button.alt,
#site-masthead .button.alt,
.button.alt.schedule,
.woocommerce .button.schedule,
.button.alternative,
.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce .checkout_coupon input.button,
.woocommerce .back-to-top a.button.alt {
  background: #00e6c8;
  color: #fff;
}
.button.alt:hover,
.button.alternative:hover,
.button.alt.schedule:hover,
#site-masthead .button.alt:hover,
.button.alt:focus,
.woocommerce .cart .button,
.woocommerce .cart input.button:hover,
.woocommerce .checkout_coupon input.button:hover,
.woocommerce .back-to-top a.button.alt:hover {
  background: #0aded1;
  outline: 0;
}

.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
  color: #fff;
}
/* .button.more,  */
#site-masthead .button.more,
.woocommerce .button.more {
  background: transparent;
  border: 2px solid #e66157;
  border-radius: 6em;
  color: #e66157;
}

/* .button.more:hover, */
#site-masthead .button.more:hover,
.button.more:focus,
.button.more:active,
.woocommerce .button.more:hover {
  background: #e66157;
color:black;
}
.button.more.invert,
#site-masthead .button.more.invert {
  background: transparent;
  border: 2px solid #fff;
  border-radius: 6em;
  color: #fff;
}

.button.more.invert:hover,
#site-masthead .button.more.invert:hover,
.button.more.invert:focus {
  background: #fff;
  color: #3d3d3d;
}

.button.more.alt {
  background: transparent;
  border-color: #08b7a8;
  color: #08b7a8;
}
.button.more.alt:hover {
  background: #08b7a8;
  color: #fff;
}

.button.availability, .button.prod-info {
  border-radius: 0;
 /* background-color: #03a18c;*/
  color: #fff;
  font-weight: 900;
  padding: 1rem;
  text-transform: uppercase;
  width: 100%;
  display: block;
  clear: both;
  float: none;
  background-image: url(https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/chevron-right-sprite.png);
  background-repeat: no-repeat;
  background-position: right 1rem top 1.2rem;
  text-align: center;
  margin: 0.8rem;
  border: none;
  border-radius: 30px;
}
.cartpopup button {
    width: 45%;
    float: right !important;
    margin-left: 1rem !important;
}

.info-btn {
    width: 40% !important;
    border-radius: 30px;
    float: left !important;
    margin: 0.5rem 0rem 0.5rem 0rem !important;
    padding: 1.25em 1.75em !important;
	clear: unset !important;
}
.info{
	display: flex;
	justify-content: space-around;
}

.button.availability.active, .button.prod-info.active {
  /*margin-bottom: -20px !important;*/
  background-image: url(https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/chevron-down-sprite.png);
}
.column-text{
	padding: 0.5rem;
}
.column-video{
	padding-top: 0.5rem;
}
.book {
    margin-right: 32px;
    margin-top: 5px;
}

ol.learning-list li {
    display: list-item;
    padding-right: 5%;
	margin-top: 1%;
	list-style-type: none;
}
ol.learning-list li::before{
	content: '\203A';
    font-size: 3em;
    font-weight: 800;
    margin-right: 10px;
    float: left;
    margin-top: -30px;
	color: #ff4c50;
}
.button.primary strong {
  font-weight: 800;
  font-size: 1.1em;
}

#variation-display::-webkit-scrollbar {
}
#variation-display {
  background: #fff;
  clear: both;
  padding: 0;
  max-height: 22rem;
  overflow-y: scroll;
  max-width: 100%;
  width: 100%;
  margin-bottom: 1.5rem;
}
.product-info{
	background: #fff;
  clear: both;
  padding: 0;
  max-height: 25rem;
  /*overflow-y: scroll;*/
  max-width: 100%;
  width: 100%;
  margin-bottom: 2.5rem;
}
.extra-div{
	width: 90em;
    background-color: #f4f0ed;
    height: 12px;
}

.column-heading {
    text-transform: uppercase;
    font-weight: 800;
    background-color: #ccc;
    text-align: center;
    padding: 1%;
    color: #fff;
	width: 29.8em;
    margin-left: -0.5rem;

}


#variation-display .variation {
  /*padding-left: 5%;*/
  padding-right: 5%;
}
#variation-display .variation:nth-child(even) {
  background-color: #f6f6f6;
}
.variation .location {
  font-weight: 600;
  padding-top: 5px;
  display: flex;
  justify-content: center;
}
.variation .date, .variation .time, .variation .price{
	padding-top: 5px;
	display: flex;
    justify-content: space-around;
}
.variation .date, .variation .time {
    margin-left: -2rem;
}
.variation .price {
    margin-left: 2rem;
}
.duration-heading, .date-heading, .time-heading {
    margin-left: -2rem;
}
.price-heading {
    margin-left: 2rem;
}
select#quantity_select{
	width: auto;
	margin-top: -0.5rem;
}
#book_now{
	padding: 1.15rem 1.5rem!important;
    width: 10em!important;
    margin-top: -0.8rem!important;
}
.course-info p{
	line-height: 1.8em;
}
.variation-heading{
	background-color: #ccc;
    padding-bottom: 2.1%!important;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
}
.variation-heading .columns:not(:first-child) {
    display: flex;
    justify-content: space-around;
}
.variation-heading .columns:first-child {
    display: flex;
    justify-content: center;
}

#variation-display .row{
	padding-top: 1.2rem;
}

.button.applied-filter {
  background: #fff;
  border: none;
  border-radius: 4rem;
  color: #6e6e6e;
  text-transform: capitalize;
  padding-right: 2.4em;
  padding-left: 1em;
  padding: 0.5em 2.4em 0.5em 1em;
  position: relative;
}
.button.applied-filter:after {
  content: 'X';
  position: absolute;
  right: 1em;
  color: #6e6e6e;
  font-family: 'Roboto Mono', Arial, sans-serif;
  font-size: 0.8em;
}

.button.schedule {
  border-radius: 6rem;
}
.button.schedule .fa {
  margin-right: 0.5em;
}

.button.wide {
  width: 100%;
}
/* Course filters */
.filters button.button {
  padding: 0.5rem 1.4rem;
}
.course-filters-form .accordion-content {
  padding: 0;
}
.course-filters-form .accordion-title {
  color: #888888;
  font-family: 'Code-Pro-Bold', 'Roboto', Helvetica Neue, Helvetica,
    Arial sans-serif;
  text-transform: uppercase;
  font-size: 0.9rem;
}
.course-filters-form .accordion-item > a:after {
  content: '';
}
.course-filters-form .accordion-item > a {
  background: url(../images/chevron-right-black.png) no-repeat;
  background-position: right 1rem top 50%;
}
.course-filters-form .is-active > .accordion-title::before {
  content: '';
}
.course-filters-form .accordion-item > a:hover {
  text-decoration: none;
}
.course-filters-form .is-active > a {
  background: url(../images/chevron-down-black.png) no-repeat;
  background-position: right 1rem top 50%;
}
/* Search page, sarch results */

.woocommerce input.button.secondary,
.woocommerce a.button.secondary {
  background-color: #666;
  color: #fefefe;
}

.woocommerce input.button.secondary:hover,
.woocommerce a.button.secondary:hover {
  background-color: #999;
  text-decoration: none;
  background-image: none;
  color: #ffffff;
}

.woocommerce #respond input#submit.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  text-align: center;
  line-height: 1em;
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.75em 1.4em;
  margin: 0 0 1rem;
  font-size: 0.9rem;
  background-color: #e66157;
  color: #fefefe;
  text-transform: uppercase;
  font-weight: 600;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
  display: block;
  width: 100%;
  background-color: #e66157;
  color: #fefefe;
}

.cart_payment_options {
  width: 48%;
  float: left;
}
.cart_payment_options ul {
  padding-left: 1rem;
  list-style: disc;
}
.cart_payment_options li {
  margin-bottom: 0.5rem;
}
.cart_payment_options img {
  padding-left: 5px;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: #b91423;
  text-decoration: none;
}

/* social buttons */
.wc-social-login .button-social-login,
.wc-social-login a.button-social-login,
.wc-social-login input.button-social-login,
.wc-social-login button.button-social-login,
.wc-social-login .widget-area .widget a.button-social-login {
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  width: 47%;
  min-width: 184px;
  padding-right: 2%;
}

.wc-social-login .button-social-login .si,
.wc-social-login a.button-social-login .si,
.wc-social-login input.button-social-login .si,
.wc-social-login button.button-social-login .si,
.widget-area .widget a.button-social-login .si {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-size: 100%;
  width: 2.5em;
  height: 2.5em;
  padding: 0;
  margin-right: 0.7em;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.4em 1.4em;
  border-radius: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.wc-social-login .si-facebook {
  background-image: url(https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/facebook-logo.png);
}
.wc-social-login .si-google {
  background-image: url(https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/google-symbol.png);
}

.wc-social-login a.button-social-login.button-social-login-google,
.wc-social-login .widget-area a.button-social-login.button-social-login-google,
.wc-social-login .social-badge.social-badge-google {
  background: #dd4b39;
  border-color: #dd4b39;
}

.back-to-top {
  text-align: center;
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}

.box .video h3 {
  margin-bottom: 1.5rem;
  text-align: center;
}

/* scalable video player */
.aspect-ratio {
  position: relative;
  width: 100%;
  height: 0;
}
.aspect-ratio.four-by-three {
  padding-bottom: 51%;
}
.aspect-ratio.map-slice {
  padding-bottom: 110%;
}

.aspect-ratio iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.breadcrumbs {
  margin: 0 0 0 0;
  background: #ff4c50; /*#f4f0ed;*/
  text-transform: uppercase;
  font-size: 0.75rem;
  color: #eee;
}
.breadcrumbs .constrained {
  padding: 2px 10px;
}

.breadcrumbs ul {
  list-style: none;
  overflow: hidden;
}
.breadcrumbs li,
.breadcrumbs span {
  font-size: 0.75rem;
}
.breadcrumbs a {
  color: #e66157;
  color: #fff;
}
.breadcrumbs li a:hover {
}
.breadcrumbs li:not(:last-child):after {
  color: #7d7d7d;
  content: '>';
  margin: 0 0.25rem;
  position: relative;
  top: -1px;
  opacity: 1;
}

#breadcrumbs {
  font-size: 0.8rem;
  padding-bottom: 1rem;
  display: block;
}
#breadcrumbs a {
  color: #e66157;
}

.woocommerce-breadcrumb {
  display: none;
}

/* temp solution to hide double breadcrumbs */
.page-template-page-schedule .fullscreen-content-wrapper .breadcrumbs,
.page-template-courses_template .fullscreen-content-wrapper .breadcrumbs {
  display: none;
}

.single-post .breadcrumbs {
  margin-bottom: 0;
}

/* Pulse/Throbbing animation styles */
@-webkit-keyframes orangePulse {
  from {
    background-color: #e66157;
    -webkit-box-shadow: 0 0 9px #f4f0ed;
    box-shadow: 0 0 9px #f4f0ed;
  }
  50% {
    background-color: #c81628;
    -webkit-box-shadow: 0 0 18px #999;
    box-shadow: 0 0 18px #999;
  }
  to {
    background-color: #e66157;
    -webkit-box-shadow: 0 0 9px #f4f0ed;
    box-shadow: 0 0 9px #f4f0ed;
  }
}

@-webkit-keyframes orangeDarkPulse {
  from {
    background-color: #e66157;
    -webkit-box-shadow: 0 0 9px #976;
  }
  50% {
    background-color: #d15132;
    -webkit-box-shadow: 0 0 18px #444;
  }
  to {
    background-color: #e66157;
    -webkit-box-shadow: 0 0 9px #976;
  }
}

@-webkit-keyframes redPulse {
  from {
    background-color: #b91423;
    -webkit-box-shadow: 0 0 9px #f4f0ed;
  }
  50% {
    background-color: #e81628;
    -webkit-box-shadow: 0 0 18px #666;
  }
  to {
    background-color: #b91423;
    -webkit-box-shadow: 0 0 9px #f4f0ed;
  }
}

@-webkit-keyframes tealPulse {
  from {
    background-color: #46b5a5;
    -webkit-box-shadow: 0 0 9px #f4f0ed;
  }
  50% {
    background-color: #3e998c;
    -webkit-box-shadow: 0 0 18px #999;
  }
  to {
    background-color: #46b5a5;
    -webkit-box-shadow: 0 0 9px #f4f0ed;
  }
}

.center-contents {
  text-align: center;
}

/* Course Page styles */
.course-categories {
  text-align: center;
}

.course-categories .icon {
  margin-left: 0.5rem;
  display: inline-block;
}
.large-centered-font-icon {
  font-size: 12rem;
  text-align: center;
  color: #ccc;
}
.woocommerce-cart .box.center-contents {
  padding-top: 0;
}
.align-left,
.alignleft {
  float: left;
  margin-right: 0.5rem;
}
.align-right,
.alignright {
  float: right;
}
.align-center,
.aligncenter {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
.aligncenter {
  display: block;
}

img.alignleft {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.wp-caption {
  background: white;
}

.wp-caption-text {
  color: #7d7d7d;
}

.gallery-caption {
  background: #fff;
}

.bypostauthor {
  font-weight: 600;
}

.breathe,
.small-print.breathe {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.breathe .columns .icon {
  margin: 0 auto 1rem auto;
}
h3.breathe-heading {
  font-size: 1.2rem;
}

.breathe-all {
  margin: 1rem;
}

.breathe-top {
  margin-top: 1rem;
}

.breathe-bottom {
  margin-bottom: 2rem;
}

.breathe.sides,
.breathe-sides {
  margin-left: 1rem;
  margin-right: 1rem;
}

#content .breathe .button.main:hover {
  background-color: #08b7a8;
}

.breathe.deep {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.breathe-top.deep {
  margin-top: 2rem;
}

.pad-sides,
.small-collapse > .columns.pad-sides {
  padding-left: 1rem;
  padding-right: 1rem;
}

.course-meta ul {
  list-style: none;
  color: #3d3d3d;
  margin-left: 0;
}
.course-meta li {
  font-size: 1rem;
  padding: 0 0 0.5rem 1.5rem;
  line-height: 1em;
}
.course-meta li.icon-age {
  background-position: 0 0.1em;
  background: url(https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/age_icon1.png)
    no-repeat 0 0.25em;
}
.course-meta li.icon-level {
  background-position: 0 -1.2em;
}
.course-meta li.icon-bring {
  background-position: 0 -2.6em;
  background: url(https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/laptop_icon1.png)
    no-repeat 0 0.25em;
}

.course-intro {
  position: relative;
}
.course-lead {
  padding: 0;
}
.course-lead img.lead-image {
  width: 100%;
}

.course-lead a.booking {
  float: left;
  margin-right: 1rem;
}

p.price {
  padding: 1.2rem 0;
  margin: 0 1rem;
  font-weight: 600;
  line-height: 1em;
  float: left;
  color: #e66157;
}
.price.mobile {
  clear: both;
}
.mobile .price {
  text-align: center;
  display: block;
  float: none;
}

.course-features .columns {
  margin-bottom: 1rem;
}

.course-features .columns .content {
  padding: 1.5rem 1rem;
  color: #3d3d3d;
  background-color: #fff;
}

.course-features h3 {
  font-size: 1rem;
  text-align: center;
  margin: 2em 0;
}

.course-features {
  background: none;
}

.small-print {
  font-size: 0.8rem;
  padding: 0;
  margin: 0 0.5rem 0 0.5rem;
  text-align: center;
}
.small-print.row {
  position: relative;
}

.small-print.row p {
  margin-bottom: 0;
}

.box {
  padding: 1.5rem 1rem;
}
body.page .entry-content {
  background: #fff;
  padding: 1rem;
  margin-bottom: 2rem;
}

body.woocommerce-checkout .entry-content,
body.woocommerce-account .entry-content,
body.ftc-register .entry-content {
  background: transparent;
}
.entry-content h2 {
  padding: 1rem 0;
}

.register-customer {
  width: 50%;
  margin: 0 auto;
  max-width: 480px;
  min-width: 320px;
  background: #fff;
}

.course-faqs {
  margin: 2rem 0;
}
.course-faqs h3 {
  text-align: center;
}

.questions-section {
  margin: 0 0 2rem 0;
  background: transparent;
  padding: 0 1rem 1rem 1rem;
}
.questions-section h3 {
  display: none;
}
.questions-section li.question-container {
  border-top: 1px dotted #9b9b9b;
  border-bottom: none;
  padding: 0;
  min-height: 0;
}

.questions-section li.question-container:last-child {
  border-bottom: 1px dotted #9b9b9b;
}

div.ywqa-ask-question {
  height: initial;
  position: relative;
}

.questions-section #ywqa_ask_question_text {
  width: 100%;
  border: none;
  padding: 1rem 1rem;
  height: initial;
}

.questions-section input#ywqa-submit-question {
  background: #00e6c8;
  color: #fff;
  border: 0;
  width: 100%;
  height: initial;
  padding: 1rem 1rem;
  text-align: left;
  position: relative;
}

.questions-section .ywqa-ask-question:after {
  background-image: url('https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/chevron-right-sprite.png');
  background-size: 8px;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 16px;
  width: 8px;
  position: absolute;
  right: 1rem;
  top: 4.3rem;
}

.questions-section input#ywqa-submit-question:hover {
  background: #0aded1;
}

.questions-section div.question-content {
  padding: 0.75rem 3.5rem 0.75rem 0;
  margin-bottom: 0;
  position: relative;
  cursor: pointer;
}

.questions-section div.question-content:after,
.course-item:after {
  content: '';
  display: inline-block;
  background-image: url(../images/chevron-down-black.png);
  background-position: 7px 12px;
  position: absolute;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  background-repeat: no-repeat;
  top: 10px;
  right: 1rem;
  background-color: #fff;
  transition: transform 0.3s ease-in-out;
}

.questions-section div.question-content.active:after,
.course-item.active:after {
  transform: rotate(-180deg);
}

.questions-section div.answer-content {
  padding: 1rem;
  display: none;
  font-size: 0.9rem;
}

.questions-section span.question-symbol {
  background: #fff;
  display: none;
}
.questions-section span.answer-symbol,
.questions-section span.admin-answer-symbol {
  background: #7d7d7d;
  color: #fff;
}
.questions-section #ywqa_question_list {
  padding: 0;
  text-align: center;
}
.questions-section ol.ywqa-question-list {
  margin: 0 auto;
  max-width: 800px;
  font-size: 1rem;
  padding: 1rem 0;
  text-align: left;
}
.questions-section span.question {
  display: block;
}
.questions-section span.question a,
#show-all-questions a.show-questions:hover {
  text-decoration: none;
  display: inline-block;
  padding: 0;
  min-height: 0;
  line-height: 1.3;
  font-weight: 400;
}

span.question,
span.answer {
  padding-left: 0;
}

.questions-section div.question-text {
  max-width: 800px;
  margin: 0 auto;
  float: none;
  width: 100%;
}

.questions-section #ask_question {
  padding: 0;
  max-width: 800px;
  margin: 0 auto;
}
.questions-section input#ywqa_ask_question_text {
  border-color: #e6e6e6;
}

.faq-heading {
  display: block;
  padding-top: 1rem;
  text-align: center;
  margin: 1rem 0 0 0;
}

/* hide tabs */
ul.tabs.wc-tabs {
  display: none;
}

form.faq-form,
.faq-title {
  padding: 0 2rem 1rem 2rem;
}

.button.booking.centered {
  display: block;
  margin: 0 auto;
  width: 20%;
  min-width: 14em;
}
.icon {
  background: #00e6c8;
  border-radius: 6rem;
  padding: 1.5rem 0;
  display: block;
  width: 6rem;
  height: 6rem;
  color: #fff;
}
.icon img {
  height: 3rem;
  display: block;
  margin: 0 auto;
}

.icon.big {
  padding: 1.25rem 0;
}

.icon.big img {
  height: 3.5rem;
}

.icon.medium {
  width: 3.5rem;
  height: 3.5rem;
  padding: 0.75rem 0;
  vertical-align: middle;
  display: inline-block;
}
.icon.medium img {
  height: 2rem;
}

.icon.small {
  width: 2rem;
  height: 2rem;
  padding: 0.4rem 0;
  margin-left: 0.1rem;
}
.icon.small img {
  height: 1.25rem;
}
.icon.tiny {
  width: 1.65rem;
  height: 1.65rem;
  padding: 0.3rem 0;
  margin-left: 0rem;
}
.icon.tiny img {
  height: 1.1rem;
}
.icon caption,
.icon .caption {
  color: #00e6c8;
  padding-top: 0.8rem;
  display: block;
  text-align: center;
  font-size: 0.8rem;
}

.icon.small .caption {
  padding-top: 0.3rem;
  display: none;
}
.icon.tiny .caption {
  padding-top: 0.2rem;
  display: none;
}

.course-features .icon {
  background: #aa0049;
  margin: 0 auto;
}

.box.standard.row {
  background: #fff;
}
/* ============================================================================================================================
== BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE
** ============================================================================================================================ */
.testimonial-alt {
  margin: 1rem auto;
}
.testimonial-alt blockquote {
  position: relative;
  padding: 40px 30px 20px 30px;
  margin: 0;
  border-radius: 50px;
  color: #fff;
  box-shadow: 0 -2px 15px #ccc;
  background: #eee; /* default background for browsers without gradient support */
  background: -moz-linear-gradient(
    top,
    rgba(8, 183, 168, 0.25) 0%,
    rgba(8, 183, 168, 0.8) 30%,
    rgba(8, 183, 168, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(8, 183, 168, 0.25) 0%,
    rgba(8, 183, 168, 0.8) 30%,
    rgba(8, 183, 168, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(8, 183, 168, 0.2) 0%,
    rgba(8, 183, 168, 0.8) 30%,
    rgba(8, 183, 168, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#5c08b7a8',GradientType=0 );
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.testimonial-alt blockquote + cite {
  margin: 15px 0 2em 85px;
  color: #3d3d3d;
  font-size: 0.9rem;
}

/* creates the triangle */
.testimonial-alt blockquote:after {
  content: '';
  position: absolute;
  bottom: -49px;
  left: 50px;
  border-width: 0 20px 50px 0px;
  border-style: solid;
  border-color: transparent rgba(8, 183, 168, 1);
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}
.testimonial-alt blockquote p {
  color: #fff;
  font-weight: 600;
  text-shadow: 0 0 5px #7d7d7d;
  font-size: 1.2rem;
  line-height: 1.4em;
}

.testimonials-container .testimonial {
  margin: 0 auto;
}
.testimonials-block .testimonial,
.testimonials-block-full .testimonial {
  display: inline-block;
  vertical-align: top;
}
.testimonials-container .testimonial blockquote,
.testimonials-block .testimonial blockquote,
.testimonials-block-full .testimonial blockquote,
.breathe .testimonial blockquote {
  position: relative;
  padding: 1.5rem;
  color: #333;
  background: #aa0049;
  margin: 0;
}
.testimonials-block .testimonial blockquote,
.testimonials-block-full .testimonial blockquote,
.breathe .testimonial blockquote {
  width: 100%;
  margin-bottom: 0.8rem;
}

.testimonials-container .testimonial blockquote cite,
.testimonials-block-full .testimonial blockquote cite,
.testimonials-block .testimonial blockquote cite {
  color: #ff4c50;
  font-size: 0.9rem;
  font-style: normal;
}
.testimonials-container .testimonial blockquote cite:before,
.testimonials-block-full .testimonial blockquote cite:before,
.testimonials-block .testimonial blockquote cite:before {
  content: none;
  font-style: normal;
}

.testimonials-container .testimonial blockquote p,
.testimonials-block-full .testimonial blockquote p,
.testimonials-block .testimonial blockquote p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4em;
  color: #fff;
  margin-bottom: 2rem;
}

/* Course FAQs */
.faq-question,
.question-content {
  display: block;
  margin: 0;
  position: relative;
}

.faq-question a,
.question-content a {
  display: inline-block;
  font-size: 0.9rem;
  font-weight: normal;
  min-height: 4rem;
}

.faq-author {
  font-size: 0.8rem;
  padding: 0 0 1rem 5rem;
  background: #fff;
}

.comment {
  padding: 0 1rem 1rem 5rem;
  background: #fff;
}

.comment-author {
}
.comment-author img {
  height: 2rem;
  width: auto;
  margin: 1rem 0;
}

.comment-meta {
  display: none;
}

.related.products {
  padding: 1.5rem 1rem 1rem 2rem;
  background-color: #fff;
  max-width: 1040px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.related.products h4 {
  color: #3d3d3d;
  margin-bottom: 1rem;
  text-align: center;
}
.related.products h5 {
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.related.products .products {
  list-style: none;
  padding: 0;
  margin: 0;
}
.related.products .products li {
  background: #fff;
  margin-bottom: 0.5rem;
}

.related.products .products .image-container{
  width: 100%;
  height: 10rem;
  padding: 0;
  margin-bottom: 0;
  background: #850066 no-repeat 50% 50%;
  background-size: cover;
}

.result-item-image-parent{
	width: 20%;
    float: left;
}

.result-item-image{
  height: 10.8rem;
  padding: 0;
  margin-bottom: 0;
  background: #850066 no-repeat 50% 50%;
  background-size: cover;
  width: 100%;
}
.result-item .result-item-image a {
  display: block;
  padding: 1.6rem 0;
  background: rgba(0, 0, 0, 0.3);
}

.search-results .result-item-image {
  height: 13rem;
}

.related.products .products .image-container img,
.result-item-image img {
  height: 7.5rem;
  max-width: none;
  width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  /*box-shadow: 1px 1px 6px #000;*/
}

.woocommerce ul.products li.product .result-item-image a img {
  max-height: 180px;
}

.related.products .products .related-product-label {
  margin-bottom: 1.5rem;
  min-height: 3.5rem;
}

.related.products .products a:hover {
  color: #353535;
}

.related.products .products .related-product-label h3 {
  text-align: left;
  text-transform: none;
}

.related.products .button {
  font-weight: 800;
  font-size: 0.7rem;
  float: left;
  margin: 0.25rem 0 0 0;
}

.related.products .products .related-course-meta {
  padding-top: 0;
  padding-bottom: 0.5rem;
  border-bottom: 1px dotted #9b9b9b;
}

.related.products .products .related-course-meta .price {
  float: left;
  width: 100px;
  border-right: 1px dotted #9b9b9b;
}

.related.products .products .related-course-meta p.price {
  padding: 0;
  margin: 0;
  font-weight: 600;
  line-height: initial;
  float: none;
  color: initial;
  font-size: 1rem;
}

.related.products .products .related-course-meta .ages {
  font-size: 1rem;
  font-weight: 600;
  float: left;
  color: initial;
  line-height: initial;
  padding-left: 0.5rem;
}

.related.products .products .related-course-meta .on-top {
  display: block;
  font-size: 0.75rem;
  color: #333;
}

.related.products .products .related-course-meta .categories {
  float: right;
}

.related-course-meta .categories .icon {
  float: left;
  margin-bottom: 0;
}

/* Book Unit Styles */
.booking.unit {
  background: #fff;
  padding: 2rem;
  margin: 2rem 0;
}

.booking.unit h2 {
  font-size: 1.25rem;
}

.booking.unit .label {
  display: block;
  clear: both;
  color: #3d3d3d;
  background: none;
  text-align: left;
  padding: 0.333rem 0.5rem 0 0.75rem;
}
.booking.unit .value {
  display: block;
  clear: both;
}

.booking.unit form label {
  color: #3d3d3d;
  font-size: 1.125rem;
  font-weight: 800;
}

.booking.unit table tbody tr:nth-child(even) {
  background: #fff;
}
.booking.unit form ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.booking.unit form select:focus {
  outline-color: #08b7a8;
}

.booking.unit #wccf_product_field_master_container {
  background: #eee;
  padding: 1rem;
  margin-bottom: 1rem;
  color: #7d7d7d;
}

.wccf_grand_total {
  color: #3d3d3d;
  font-weight: 600;
  font-size: 1.125rem;
}
.stock {
  font-weight: 600;
}
.stock.in-stock {
  color: #08b7a8;
}
.stock.out-of-stock {
  color: #e66155;
}

.quantity input {
  width: 3.5rem;
}
/**
 *
 * Course Filters Styles
 *
 **/

/* Filter Tabs */
.camp-format {
  clear: both;
}
.camp-format ul.row {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #ff4c50;
}
.camp-format ul li {
  display: block;
  padding: 0;
  margin: 0;
}
.camp-format ul li:first-child {
  padding-right: 0.5rem;
}

.camp-format ul li:last-child {
  padding-left: 0.5rem;
}

.camp-format ul li a {
  background: transparent;
  border: 1px solid #fff;
  border-bottom: none;
  display: block;
  padding: 0.8rem 0;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  line-height: 2em;
  font-size: 0.9rem;
}
.camp-format ul li.active a {
  color: #2d2d2d;
  background: #f4f0ed;
}
.camp-format ul li a:hover {
  background: rgba(255, 255, 255, 1);
  text-decoration: none;
  color: #e66157;
}

/* course filters */
.course-filters-wrapper {
  background: #ff4c50;
}
.course-filters-wrapper h1 {
  color: #fff;
  line-height: 1.1em;
  margin-bottom: 1rem;
}

.course-filters-wrapper .page-heading {
  padding: 3rem 0;
  margin: 0;
  text-align: center;
  color: #fff;
}

.course-filters-wrapper .page-heading .title {
  border: none;
  max-width: 470px;
  margin: 0 auto;
}
.course-filters-wrapper .page-heading h2.subtitle {
  color: #ccc;
}

.applied-filters {
  padding-right: 1rem;
}

/* Mobile Filter menu */
#mobile-filter {
  background: #fff;
}
#mobile-filter .menu.nested {
  margin-left: 0;
  margin-right: 1rem;
}
#mobile-filter .apply-filter-button {
  width: 100%;
  padding: 1rem;
}
#mobile-filter .apply-filter-button:hover {
  background-color: #08b7a8;
}
.filters .accordion-menu {
  margin-top: 1rem;
  padding-bottom: 1rem;
}
.filters .accordion-title:before {
  content: none;
}
.filters .accordion-title:after {
  content: '';
}
.filters .accordion-title {
  background: url(../images/chevron-right-black.png) no-repeat;
  background-position: right 1rem top 50%;
}
.filters .is-accordion-submenu-parent[aria-expanded='true'] > a:hover,
.filters .is-accordion-submenu-parent[aria-expanded='true'] > a:focus,
.filters .is-accordion-submenu-parent[aria-expanded='true'] > a:active,
.filters :last-child:not(.is-active) > .accordion-title {
  content: '';
  text-decoration: none;
  background-color: none;
}
.filters .is-accordion-submenu-parent[aria-expanded='true'] > a {
  background: url(../images/chevron-down-black.png) no-repeat;
  background-position: right 1rem top 50%;
}
.filters .ubermenu-item-level-3 a,
.filters .accordion-menu li a {
  border: none;
  background-color: none;
}

.filter-reveal.button {
  margin: 1rem 0;
  border-radius: 2rem;
  border: 2px solid #fefefe;
}

.filter-menu,
.filter-menu-format {
  background: #fff;
}
.site-content .row.filter-menu,
.site-content .row.filter-menu-format {
  padding: 0;
  margin: 0 1px;
}

.filters .callout {
  display: none;
  border: 0;
}
.filters .is-shown {
  display: block;
  border: 0;
}
.filter-mene h3 {
  width: 100%;
}
.filter-menu h3 a {
  text-decoration: none;
  color: #8888888;
  padding: 1.5rem;
}

.filter-menu div.columns {
  padding: 0;
}
.filter-menu div.columns a {
  display: block;
  width: 100%;
  text-align: center;
  padding-top: 2.75rem;
  padding-bottom: 0.25rem;
  background: #fff
    url(https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/mobile-filters-sprite.png)
    no-repeat 50% 9px;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  text-decoration: none;
}
.filter-menu div.columns a:hover,
.filter-menu div.columns a:focus {
  text-decoration: none;
}

.filter-menu div.columns.where a {
  background-position: 50% 9px;
}

.filter-menu div.columns.age a {
  background-position: 50% -90px;
}

.filter-menu div.columns.when a {
  background-position: 50% -190px;
}
.filter-menu div.columns.topic a {
  background-position: 50% -291px;
}

.filter-menu div.columns a:hover,
.filter-menu div.columns a:focus,
.filter-menu div.columns a:active,
.filter-menu div.columns a.selected {
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}

.filter-menu-format {
  text-align: center;
}
.filter-menu-format h3 {
  text-align: center;
  margin: 0.5rem 0;
  font-size: 0.9rem;
}

.filter-menu-format a {
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.filter-menu-format .close {
  padding: 0;
}
.filter-menu-format a.filter-close {
  font-size: 1.5rem;
}
.filter-menu-format .fa {
  display: block;
  clear: both;
}

.filter-buttons {
  display: none;
}
.site-content .filter-buttons.row {
  margin: 0;
}
.filter-close {
  font-size: 2.4rem;
  line-height: 2.4rem;
  padding: 0;
  text-align: left;
}
.filter-close .fa {
}

#filters-mobile-form option:hover {
  background: #ccc !important;
}

.locations-mobile .city {
  font-weight: bold;
}

#filters .filter-wrapper {
  background: #fff;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-content: stretch;
}
#filters .filter-wrapper .course-filter-option {
 flex: 1 2 25%;
}
#filters .filter-wrapper .course-filter-option--age {
  flex: 0 1 25%;
}
#filters .filter-wrapper .course-filter-option--locations {
  flex: 2 3 25%;
}

#filters select,
#filters label,
#filters div {
  font-family: 'Code-Pro-Bold', 'Roboto', Helvetica Neue, Helvetica,
    Arial sans-serif !important;
}
#filters #locations select,
#filters #locations label,
#filters #filter-dates select,
#filters #filter-dates label {
  width: 100%;
  padding: 5px 10px 5px 5px;
  margin-left: -5px;
  line-height: 1.8rem;
  font-weight: 400;
}
#filters #filter-dates fieldset {
  padding-top: 15px !important;
}
#filters #filter-dates label span {
  margin: -1px 10px 0 0 !important;
}
#filters select:hover,
#filters label:hover,
#filters div:hover {
  background-color: #f6f6f6;
}

#filters input[type='text'],
#filters select,
.dropdown-checkbox h6 {
  height: 3.75rem;
  line-height: 2.75rem;
  padding: 0.5rem 1rem;
  background-color: #fff;
  color: #808080;
  outline: 0;
  border: none;
  border-right: 1px solid #e0e0e0;
  -webkit-appearance: none;
  box-sizing: border-box;
  letter-spacing: 0.025rem;
  text-transform: capitalize;
  margin: 0;
}
#filters .filter-wrapper > div:last-child h6 {
  border-right: none;
}

#filters select,
.dropdown-checkbox h6 {
  padding-right: 1.3rem;
}

#filters button {
  margin: 0;
  font-size: 0.6rem;
  height: 3.75rem;
  padding-left: 1rem;
  padding-right: 1.7rem;
}
#filters .submit {
  text-align: center;
}

#filters select,
.dropdown-checkbox h6 {
  background: rgba(255, 255, 255, 0.95)
    url(https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/down-caret.png)
    no-repeat right 8px top 50%;
  padding-right: 25px;
  font-size: 0.6rem;
  text-transform: uppercase;
}

#filters select option {
  background-color: rgba(255, 255, 255, 0.95);
  font-family: 'Code-Pro-Bold', 'Roboto', Helvetica Neue, Helvetica,
    Arial sans-serif;
}
#filters #coursetype div div {
  padding: 10px 0 0 0;
  line-height: 1rem !important;
}
#filters #filter-dates p {
  margin: 0 !important;
  line-height: 2.2rem !important;
}

.dropdown-checkbox {
  display: inline-block;
  position: relative;
}

.dropdown-checkbox h6 {
  display: block;

  margin-right: 2px;
}
.dropdown-checkbox fieldset {
  display: none;
  position: absolute;
  top: 60px;
  left: -4px;
  z-index: 15;
  background-color: #ffffff;
  padding: 5px 10px;
  border: 1px solid #999;
  border-top: none;
  width: 100%;
}

.checkbox-icons h6 {
  margin-right: 0;
}
.checkbox-icons fieldset {
  width: 100%;
}
.checkbox-icons fieldset p {
  display: block;
  clear: both;
}
.checkbox-icons fieldset input[type='checkbox'] {
  float: left;
  margin: 5px 5px 8px 5px;
  border: 1px solid black;
}
.dropdown-checkbox.checkbox-icons label span {
  float: left;
}

.checkbox-icons label em {
  display: none;
}

.checkbox-icons .icon {
  display: inline-block;
  margin: 0;
}
.checkbox-icons [type='checkbox'] + label,
.checkbox-icons [type='radio'] + label {
  margin: 0 0.5rem 2px 0;
}

.dropdown-checkbox.checkbox-icons fieldset .tooltip {
  position: absolute;
  left: 65px;
  background: #fff5cf;
  box-shadow: 1px 1px 4px #000;
  font-size: 0.8rem;
  padding: 2px;
  opacity: 0.9;
  max-width: 90px;
  display: none;
  font-style: normal;
}

.dropdown-checkbox.checkbox-icons fieldset p:hover .tooltip {
  display: inline-block;
}
.checkbox-row {
  clear: both;
  display: block;
  width: 100%;
  overflow: hidden;
  margin: 0.5rem 0;
}
.checkbox-row label {
  float: left;
  padding: 0.5rem 0;
  width: 1rem;
}

.checkbox-row .caption {
  display: inline;
  float: left;
  /* line-height: 2rem; */
  font-size: 0.9rem;
  margin: 0 0 0 7px;
  /* max-width: 5rem; */
}

.checkbox-row .icon.small {
  float: left;
}

/* ??? what is this for??? */
.course-results #primary {
  width: 100%;
}

.course-filters {
  border: 1px solid black;
  padding: 30px 10px 10px 10px;
  background: #fff
    url(https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/filter-bg.jpg)
    no-repeat right top;
  margin-bottom: 10px;
}

.result-number {
  color: #c7152a;
  font-weight: bold;
}

#locations p {
  clear: both;
  display: block;
  margin: 5px 0;
}
.dropdown-checkbox#locations .city label {
  font-weight: bold;
  font-size: 0.9rem;
}
#locations .child label {
  font-size: 0.9rem;
}
#locations .child {
  padding-left: 10px;
}

.dropdown-checkbox fieldset input[type='checkbox'] + label {
  color: #808080;
  font-size: 0.9rem;
  font-weight: normal;
}

.dropdown-checkbox input[type='radio'] + label {
  color: ##808080;
  font-size: 14px;
}

.order-select {
  max-width: 100%;
}

#filters-mobile-form > div {
  display: none;
}

/* Pagination */

.pagination {
  text-align: center;
}
.pagination .page-numbers {
  list-style: none;
  text-align: center;
  padding: 0.4rem 0.625rem;
  background-color: #fff;
  line-height: 1.4;
  margin: 0;
}

.pagination .page-numbers.dots {
  padding: 0.5rem 0.625rem 0.45rem;
}

.pagination .page-numbers li {
  display: inline-block;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.pagination .page-numbers li a {
  background: #fff;
  color: #999999;
  text-decoration: none;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.navigation.pagination .current,
.pagination .page-numbers li a:hover {
  background: #ff4c50;
  color: #fff;
}
.woocommerce .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-pagination ul.page-numbers li {
  border: 0;
  margin-right: 0.0625rem;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  border: 0;
  font-size: 0.875rem;
  padding: 0.1875rem 0.625rem;
  line-height: 1.6;
}
.woocommerce nav.woocommerce-pagination ul {
  border: 0;
}

/* Home Page Styles */
.home .row.page-heading {
  padding: 2rem 0;
}

.home .course-filters-wrapper {
  padding: 2rem 0 1rem 0;
  background-position: 22% 37%;
  margin-bottom: 0;
}
.home .filter-reveal.button.booking {
  -webkit-animation-name: orangeDarkPulse;
  padding: 0.75rem 2rem;
}
.home .title {
  margin-left: 0;
  padding-left: 0;
}
.home .title h1,
.home .title h2 {
  color: #fff;
  text-align: center;
}

.home .title h1 {
  font-size: 1rem;
  font-weight: normal;
  display: none;
}

.home .title h2 {
  font-size: 1.3rem;
  max-width: 360px;
  text-shadow: 1px 1px 11px #000;
  margin-left: auto;
  margin-right: auto;
}

.final-call-to-action {
  text-align: center;
}

.home article {
  text-align: center;
  padding: 2rem 1rem;
}

.stats.highlight-bg {
  position: relative;
}

.stats.highlight-bg .stat-slide-cont {
  width: 80%;
  margin: 0 auto;
}

.stats-flexslider .flex-control-nav {
  position: relative;
  bottom: -15px;
}

.stats-flexslider .flex-control-nav.flex-control-paging li a {
  border-radius: 0;
}

.stats-flexslider .flex-control-paging li a {
  background: rgba(0, 0, 0, 0.2);
  box-shadow: none;
}

.stats-flexslider .flex-control-paging li a.flex-active {
  background: rgba(255, 76, 80, 1);
}

.highlight-bg {
  padding: 0;
  background: #fff;
}

article.upcoming {
  background-image: url(https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/upcoming-bg.jpg);
  background-size: cover;
  position: relative;
}

article.upcoming .image-overlay {
  background-color: #000;
  height: 100%;
  width: 100%;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
}

.upcoming .background-detail {
  position: relative;
}
.upcoming h3 {
  color: #fff;
}

.upcoming ul.upcoming-list {
  list-style: none;
  display: block;
  padding: 0;
  margin: 2rem auto 1.75rem auto;
  position: relative;
  max-width: 550px;
}

.upcoming ul.upcoming-list .columns {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.upcoming li .button.hollow {
  margin-bottom: 0.5rem;
}

.upcoming li .button.more {
  background: #fff;
  border-color: #fff;
  color: #7d7d7d;
  display: block;
}

.upcoming li .button.more:hover {
}
.upcoming header {
  padding: 0 1rem 0 1rem;
}

.upcoming footer {
  display: block;
  padding: 2rem 0 2rem 0;
}

.camp-topics .image-container {
  margin-bottom: 1rem;
}

.camp-topics .image-container img {
  height: 75px;
  width: auto;
}

.topic-array {
  list-style: none;
  margin: 1rem auto;
  width: 16rem;
}
.topic-array li {
  float: left;
  margin: 2rem;
  position: relative;
}
.topic-array li .icon {
  border-radius: 100%;
}
.topic-array .description {
  display: none;
}

.topic-array li a {
  display: block;
  width: 4rem;
  height: 4rem;
}
.topic-array li.active {
  overflow: visible;
  width: 4rem;
  height: 4rem;
  z-index: 20;
}
.topic-array li.active .description {
  display: block;
  font-size: 0.7rem;
  padding: 0 1rem;
  position: absolute;
  top: 50%;
  transform: translateY(-40%);
}
.topic-array li.active img {
  margin-bottom: -0.5rem;
}
.topic-array li.active .caption {
  position: static;
  color: #fff;
  border-bottom: 1px solid #fff;
  margin: 0 auto 0.75rem auto;
  display: inline-block;
  clear: both;
  padding: 0;
}
.topic-array li.active .icon {
  position: absolute;
  z-index: 10;
  width: 420%;
  height: 420%;
  top: 0;
  left: -100%;
}
.topic-array li.even.active .icon {
  left: auto;
  right: -100%;
}

article.camp-topics {
  padding: 1.5rem 1rem;
  margin: 0 auto;
}

article.camp-topics .row {
  margin-bottom: 1rem;
}

.camp-topics header h2 {
  margin-bottom: 0.5rem;
}

.topics.row {
  margin: 1rem 0;
  border: 1px solid #333;
}
.topics.row ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.topics .topic-item {
}
.topics .topic-item .topic-content {
  background: #fff;
  padding: 0.8rem;

  display: block;
}
.topics .topic-item .description {
  margin: 1rem 0;
  padding: 0.5rem 7%;
  font-size: 1.1rem;
}
.flex-direction-nav a:before {
  font-size: 30px;
}
#topics-nav .flex-viewport {
  padding-bottom: 5px;
}
#topics-nav {
  background: transparent;
  border: none;
}
#topics-nav li {
  cursor: pointer;
}

.slides .icon {
  background: #666;
}
.slides .caption {
  color: #666;
}
.slides .flex-active-slide .icon {
  background: #08b7a8;
}
.slides .flex-active-slide .caption {
  color: #08b7a8;
}

/* Stats */
.site-content .stats .row {
  margin: 0 auto;
  max-width: 1000px;
}
.stats h4 {
  color: #ff4c50;
  font-size: 3.2rem;
  font-weight: 400;
}
.stats p {
  font-size: 0.85rem;
}

/* Home page styles */
.testimonials-container.row {
  padding: 1rem;
  background: #fff;
  margin: 0;
}
.testimonials-container .testimonial {
  padding: 0;
  text-align: left;
}

.testimonials-container .testimonial img {
  width: 100%;
}

.testimonials-container h3 {
  text-align: center;
  margin-top: 1rem;
}

.latest-news {
  position: relative;
  clear: both;
  margin: 0;
  padding: 1.5rem 1rem;
}

.latest-news h3 {
  margin: 0;
}

.latest-news .more-news {
  text-decoration: underline;
  text-transform: uppercase;
  color: #353535;
  font-size: 0.75rem;
  margin-bottom: 0.75rem;
}

.home article.news-item {
  text-align: left;
  padding-bottom: 0.5rem;
  margin-bottom: 1.25rem;
  padding-top: 0;
  padding-left: 0;
  position: relative;
}

article.news-item .news_category-name,
.blog article .category-name {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.5rem 1rem;
  background-color: #ff4c50;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
}

.home article.news-item:last-child {
  margin-bottom: 0;
}

.latest-news .news-item img {
  margin: 0 auto;
  width: 100%;
}

.latest-news .news-item .date_author,
.blog article .post-meta {
  display: inline;
  font-size: 0.75rem;
  font-weight: 600;
  color: #ff4c50;
}

.latest-news .news-item .date_author span:after,
.blog article .post-meta span:after {
  content: '■';
  font-size: 0.6rem;
  display: inline-block;
  vertical-align: text-bottom;
  padding: 0 3px 0 3px;
}

.news-item .detail {
  color: #6e6e6e;
  padding: 0.1rem 0 0.5rem 0;
  border-bottom: 1px solid #353535;
  display: table;
}
.news-item .detail h4 {
  color: #333;
  font-size: 0.9rem;
  text-transform: capitalize;
  margin-bottom: 1.5rem;
}
.news-item .detail a {
  color: #333;
  text-transform: capitalize;
}

.news-item .detail .read-more {
  font-size: 0.75rem;
  text-transform: uppercase;
  position: relative;
  display: table-footer-group;
}

.news-item .detail .read-more:after,
.blog article .read-more:after {
  content: '';
  display: inline-block;
  background-image: url(../images/chevron-down-black.png);
  position: relative;
  height: 10px;
  width: 16px;
  background-repeat: no-repeat;
  transform: rotate(-90deg) scale(0.6);
  top: 1px;
  right: -5px;
}

.news-item .detail .categories {
  font-size: 0.8rem;
  color: #7d7d7d;
}
.news-item .detail a.button {
  margin: 0.5rem auto;
  color: #08b7a8;
  border-color: #08b7a8;
  padding: 0.5rem 1rem;
}
.news-item .detail a.button:hover,
.news-item .detail a.button:focus,
.news-item .detail a.button:active {
  background: #fff;
}
.latest-news .news-item.secondary {
  margin: 0;
  padding: 1rem 0;
  clear: both;
}
.latest-news .news-item.secondary img {
  width: 30%;
  float: left;
  margin: 0 1rem 1rem 0;
  border: 4px solid white;
}
.news-item.secondary .detail {
  margin: 0.4rem 0 0.4rem 1rem;
  padding: 2rem 1rem 4rem 1rem;
  text-align: left;
}
.news-item.secondary .detail h4,
.news-item.secondary .detail p {
  text-align: left;
}
.news-item.secondary .button {
  float: right;
}

.latest-news footer {
  margin-top: -4rem;
  display: block;
  clear: both;
}

.press {
  padding: 2rem 1rem;
  background-color: rgba(255, 223, 62, 0.5);
}

.press h3 {
  text-align: center;
  font-size: 1rem;
  padding: 0.8rem 0.8rem 0 0.8rem;
}
.home article.press-quote {
  padding: 1rem 0 0;
}

.press hr {
  background: none;
  border-top: 1px solid #353535;
}

.press blockquote {
  padding: 1rem 0.5rem 0.5rem 0.5rem;
}
.press blockquote p {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0 1rem;
  font-size: 2rem;
  font-family: 'Code-Pro-Bold', 'Roboto', Helvetica Neue, Helvetica,
    Arial sans-serif;
}

.press .citation {
  padding-top: 1rem;
}

.press .citation img {
  max-height: 4rem;
  max-width: 100%;
  padding: 0.8rem;
}

.twitter-feed {
  padding: 2rem;
  background: #fff;
  position: relative;
}

.twitter-feed .twitter-timeline {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
}
.twitter-feed .follow-button {
  position: absolute;
  bottom: 39px;
  left: 40px;
  width: 60px;
}

.invert {
}

.newsletter {
  background: white;
  margin: 0;
  padding: 0 2rem 2rem 2rem;
}
.newsletter h4 {
  color: #333;
  font-size: 1rem;
}

.newsletter .signup {
  color: #6e6e6e;
  padding: 2rem;
  margin: 0;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
}
.newsletter p {
  font-size: 0.85rem;
}
.newsletter .small-print {
  margin: -1rem 0 1rem 0;
  font-size: 0.7rem;
  font-style: italic;
  text-align: right;
}

.button.download {
  font-size: 2rem;
  padding: 0.5em 1.1em;
  float: left;
  margin-right: 1rem;
}
.brochure {
  background: #444
    url(https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/bg-flare.jpg)
    no-repeat 0% 97%;
  background-size: cover;
  text-align: left;
}
.brochure h4 {
  text-transform: capitalize;
  font-size: 1rem;
}
.brochure h4 a {
  color: #fff;
}
.brochure p {
  font-size: 0.85rem;
}
.brochure p,
.brochure h4 {
  text-align: left;
}

.brochure .file-metadata {
  color: #aaa;
}

/* Student Details Page */
.student-detail {
  background: #eee;
  width: 100%;
  /*border: 3px solid #000;*/
  padding: 1rem;
  margin: 10px 0;

  display: inline-block;
}
.student-detail p {
  margin-bottom: 2px;
  border-bottom: 1px dotted #ccc;
  font-size: 0.9rem;
  color: #333;
}
.student-detail p.student-name {
  font-size: 1.2rem;
  color: #000;
  font-weight: bold;
}
.update-details-btn {
  clear: both;
  display: inline-block;
}
.update-details-btn a.button.secondary {
  background-color: #aa0049;
  padding: 0.75em 0.8em;
  font-size: 0.9rem;
}
.woocommerce-order .callout .registered-students .columns:last-of-type {
  float: left;
}
/* Student Details Page */

/* course results page */
.course-results {
  padding: 1.5rem 1rem;
}

.applied-filters .reset {
  color: #08b7a8;
  line-height: 2rem;
  float: right;
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 0.8rem;
}

.result-item {
  margin-bottom: 0;
}

.result-item-details {
  display: block;
  position: relative;
  background: white;
  padding: 12px 8px;
}

.result-item-details h3 {
  padding: 0;
  margin-bottom: 0.5rem;
  text-transform: capitalize;
}

.result-item-details h3 a {
  font-weight: 400;
  color: #353535;
}

.result-item-details .course-excerpt {
  margin-bottom: 1rem;
  font-size: 0.85rem;
  /*height: 7rem;*/
  /*overflow: hidden;*/
}

.result-item-topics.course-categories {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  width: auto;
  display: inline-block;
  padding: 0;
  margin: 0;
  max-width: 13rem;
  display: none;
}
.result-title{
	text-align: center;
}
.result-item.columns {
  float: left ;
  margin-bottom: 12px;
  background-color: #fff;
}
.result-item .result-meta {
  margin-bottom: 1rem;
  font-size: 1rem;
}
.result-item .result-meta ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  overflow: hidden;
}
.result-item .result-meta li {
  float: left;
  margin: 0.25rem 0.25rem 0.25rem 0;
  padding: 0 0.25rem;
  border-left: 1px solid #ccc;
  list-style: none;
}
.result-item .result-meta li:first-child {
  border-left: none;
  padding-left: 20px;
}
.result-item .result-meta li:last-child {
  clear:left;
  border-left: none;
  text-align: center;
}
.result-item .result-meta li strong {
  display: block;
  clear: both;
  font-weight: 600;
}
.search-results .result-item-details .result-item-buttons .button {
  background: #00e6c8;
  color: #ffffff;
  border: none;
}
.search-results #mc-embedded-subscribe,
.single-product #mc-embedded-subscribe {
  margin: 0;
}
.search-results .result-item-details .result-item-buttons .button:hover {
  background: #08b7a8;
}
.search-results .result-item-details .result-item-buttons .button:after {
  content: none !important;
}

.woocommerce .result-item-buttons .button,
.result-item-buttons .button {
  font-size: 0.8rem;
  padding: 1.25rem 1rem;
  margin-bottom: 0;
  display: block;
  width: 100%;
  position: relative;
}

.woocommerce .result-item-buttons .button:after,
.result-item-buttons .button:after {
  /*content: '';
  display: inline-block;
  background-image: url(../images/chevron-down-black.png);
  background-position: 7px 12px;
  position: absolute;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  background-repeat: no-repeat;
  top: 10px;
  right: 1rem;
  transition: transform 0.3s ease-in-out;*/
  content: none;
}

.woocommerce .result-item-buttons .button.active:after,
.result-item-buttons .button.active:after {
  transform: rotate(-180deg);
}

/* available variations */
.available-options {
  clear: both;
  display: none;
  margin-bottom: 1rem;
  position: relative;
  top: -1rem;
}
.result-item .available-options .variation {
  padding: 0.5rem;
  min-height: 48px;
  margin: 0;
  color: #7d7d7d;
}
.variation {
  padding: 5px 0 0px 20px;
}
.available-options .variation .button {
  margin-bottom: 0;
}
.available-options .variation {
  padding: 1rem;
}
.available-options .variation.odd {
  background: #fff;
}
.available-options .variation.even {
  background: #edeff4;
}
.available-options .variation div.book {
  text-align: right;
}
.available-options .variation .button {
  min-width: 110px;
}
.available-options .variation:hover {
  color: #000;
}

/* Schedule Page */
.page-template-page-schedule-php .title {
  padding: 2rem 0 0 1rem;
}
.page-template-page-schedule-php #location_name {
  width: auto;
}
.camp-schedule {
  padding: 1rem;
  margin: 0.5rem 0;
  overflow: auto;
}
.camp-schedule h3 {
  margin-bottom: 1.5rem;
}

.schedule h3 {
  border-bottom: 1px solid #999;
  margin-bottom: 0.5rem;
}

.schedule-table {
  table-layout: fixed;
}

.schedule-table th {
  overflow: hidden;
  padding: 0.1rem 0.2rem 0.2rem;
  text-align: center;
}

.schedule-table td {
  border-left: 1px solid #e6e6e6;

  text-align: center;
}

.camp-schedule table tr:hover {
}
.camp-schedule .table-scroll table {
  border-collapse: collapse;
}

.home .back-to-top {
  margin-top: 1rem;
}

/* Mini add-to-cart pop-up */
.vex .variations {
  background: #fff;
  margin: 1rem 0;
}
.vex .variations tbody {
  border-width: 0;
  border: none;
}
.vex .variations tr {
  background: #fff;
}
.vex .variations td {
  display: block;
  clear: both;
  float: none;
  padding: 0;
}
.vex .variations td.label {
  background: none;
}
.vex label {
  font-weight: 700;
  font-size: 1rem;
}
.vex .cart ul {
  list-style: none;
  margin: 0;
}
.vex .cart small {
  line-height: 1.2em;
}

.vex .cart button {
  width: 100%;
  display: block;
  padding: 1rem;
}
.vex.vex-theme-top-ftc .price,
.vex .cart .variation_price .price {
  font-size: 1.1rem;
  color: #e66157;
}
.vex .variations option {
  cursor: pointer;
  color: #3d3d3d;
}
.vex .variations option:disabled {
  text-decoration: line-through;
  color: #ccc;
  cursor: default;
}

/* Full cart styles  */

.woocommerce-cart table.cart .product-thumbnail {
  width: 100px;
  padding: 0;
}
.woocommerce-cart table.cart .product-thumbnail a {
  display: block;
  background-color: #850066;
  padding: 0.5rem;
}
.woocommerce-cart table.cart .product-thumbnail img {
  width: 100%;
}

.woocommerce-cart .woocommerce table.cart td.actions .input-text#coupon_code {
  width: 145px;
  height: 48px;
}
.woocommerce-cart input[name='update_cart'] {
  height: 48px;
}
.woocommerce-cart .cart_payment_options ul {
  margin-left: 0;
}
.woocommerce-cart .cart_payment_options ul li:before {
  content: none;
}

.woocommerce-message {
  border-top-color: #e66157;
  background-color: #ffffff;
}
.woocommerce-message:before {
  content: '\e015';
  color: #e66157;
}

/* sign in page */
.woocommerce-account .existing-customer.box,
.woocommerce-checkout .existing-customer.box,
.site-content .login-tabs.row {
  width: 50%;
  margin: 0 auto;
  max-width: 480px;
  min-width: 320px;
  background: #fff;
}

.login-tabs .tab {
  padding: 0.5rem;
}
.login-tabs h2,
.login-tabs a.register {
  font-size: 1rem;
  text-align: center;
  display: block;
  margin: 0;
  line-height: 1.2rem;
  text-transform: none;
  font-weight: 400;
  padding: 0;
  font-family: 'Code-Pro-Bold', 'Roboto', Helvetica Neue, Helvetica,
    Arial sans-serif;
}
.login-tabs .register-tab {
  background: #f4f0ed;
}
.login-tabs a.register {
  text-decoration: underline;
}

.woocommerce-account .lost_password,
.woocommerce-checkout .lost_password {
  text-align: right;
  float: right;
  font-size: 0.8rem;
  font-style: italic;
  text-decoration: underline;
  line-height: 1.6rem;
}

.woocommerce-account .existing-customer.box .woocommerce-Button,
.woocommerce-checkout .existing-customer .woocommerce-Button {
  width: 100%;
  display: block;
  text-align: center;
}
.woocommerce form.login,
.woocommerce form.register {
  margin: 0 0 1rem 0;
  border: none;
  padding: 0 5px;
}

.split-line {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  height: 0;
  overflow: visible;
  margin: 2rem;
  text-align: center;
  position: relative;
}
.split-line span {
  text-align: center;
  display: inline-block;
  padding: 0 0.5rem;
  background: #fff;
  position: absolute;
  top: -0.75em;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.8rem;
  font-weight: 700;
}

.entry-header {
  padding: 1rem;
}

#student-details textarea {
  height: 125px;
}
.checkbox-label {
  display: inline-block;
}
input[type='checkbox'].checkbox {
  float: left;
  margin: 0.5em 1em 0 0;
}

#registerForm label {
  font-weight: 600;
}

/* form elements */
input,
textarea {
  border-color: #ccc ;
}
input:focus,
textarea:focus {
  border-color: #08b7a8 ;
}

input.done,
textarea.done {
  border-color: #3d3d3d;
}

textarea.medical_issues,
textarea[name='medical_issues'] {
  min-height: 160px;
}

textarea.special_needs,
textarea[name='special_needs'] {
  min-height: 180px;
}
.site-content .box.row {
  margin-left: 0;
  margin-right: 0;
  background-color: #ffffff;
}
.site-content .row.attendee-buttons {
  margin: 0;
}
.attendee-buttons .button {
  width: 100%;
  display: block;
  float: none;
  clear: both;
  margin: 0 0 0.5rem 0;
}

/* Blog archive styles */
#archive-articles {
  display: block;
  clear: both;
  padding: 0;
  background: white;
  margin: 0;
  float: left;
}
.non-featured {
  clear: both;
  margin: 1rem 0;
  background: white;
  padding: 0.5rem;
}
.inner-sidebar {
  float: left;
  display: block;
  border: 1px solid #e7e7e7;
  margin: 0.5rem 0;
}

.inner-sidebar aside {
  padding: 0;
}
.inner-sidebar aside h3 {
  text-align: center;
}

.category-list-icons p {
  display: block;
  width: 75px;
  height: 125px;
  margin: 4px;
  float: left;
  font-size: 0.75rem;
  text-align: center;
}
.category-list-icons p .cat-thumb {
  width: 75px;
  height: 75px;
  overflow: hidden;
  border: 1px solid #eee;
  border-radius: 10%;
  display: block;
  clear: both;
}

.category-list-icons ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

article .category-name {
  display: inline-block;
  background: #999;
  color: #fff;
  padding: 0.15rem 0.25rem;
  font-size: 0.7rem;
  text-transform: uppercase;
}
.blog .pagination {
  text-align: left;
}

.blog .nav-links,
.blog .pagination a.page-numbers,
.page-template .nav-links,
.page-template .pagination a.page-numbers {
  display: inline-block;
}
.page-template-help .site-content .contacts {
  background: #fff;
  padding-left: 0;
}
.page-template-help #help_contact input,
.page-template-help #help_contact label {
  max-width: 95%;
}
.page-template-help #help_contact label,
.page-template-help #help_contact input.button {
  margin-left: 2rem;
}

.blog .nav-links,
.page-template .nav-links {
  font-size: 0.75rem;
}

/* sticky posts */
#featured-articles .sticky,
.blog .grid-item article {
  position: relative;
  margin-bottom: 1.5rem;
}
#featured-articles article,
#archive-articles article {
  position: relative;
  margin-bottom: 1.5rem;
}

#featured-articles .grid-item,
.blog .grid-item {
  position: relative;
  float: left;
  padding: 0;
  border: 0.25rem solid #fff;
}

#featured-articles .post-thumbnail,
.blog .post-thumbnail {
  display: block;
  height: 12rem;
  overflow: hidden;
  position: relative;
  background-color: #ff4c50;
}
#featured-articles .post-thumbnail img,
.blog .post-thumbnail img {
  height: auto;
  margin: auto;
  position: absolute;
  top: -100%;
  bottom: -100%;
  left: -100%;
  right: -100%;
  max-width: 105%;
}

#featured-articles .post-thumbnail img,
.blog .post-thumbnail img,
.article_inline_landscape {
  width: 100%;
}

#featured-articles .entry-title a {
  color: #2d2d2d;
  text-transform: capitalize;
}
#featured-articles .overlay,
.blog .overlay {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  width: 100%;
  padding: 1rem;
}
.overlay .extended {
  display: none;
}

#featured-articles .overlay h2,
.blog .overlay h2 {
  font-size: 0.9rem;
  padding: 0;
}
#featured-articles .overlay h2 a,
.blog .overlay h2 a {
  color: #fff;
}
#featured-articles .overlay .entry-header,
.blog .overlay .entry-header {
  padding: 0;
}

#featured-articles .overlay .excerpt,
.blog .overlay .excerpt {
  font-size: 0.9rem;
  padding-top: 0.5rem;
  color: #eee;
}
#featured-articles .overlay .button,
.blog .overlay .button {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
}

.blog .grid-item {
  padding: 0;
  border: 0.5rem solid #fff;
}
.blog .page-header,
.blog #breadcrumbs {
  padding-left: 1rem;
}
.blog .page-header,
.page .page-header {
  text-align: center;
  padding: 6.5rem 2rem;
  background: #ff4c50;
  color: #fff;
}
.blog .page-header h1,
.page .page-header h1 {
  color: #ffffff;
  text-align: center;
  font-family: 'Code-Pro-Bold', 'Roboto', Helvetica Neue, Helvetica,
    Arial sans-serif;
  font-weight: 400;
}

#archive-articles .grid-item .overlay {
  background: rgba(255, 255, 255, 0.8);
}
#archive-articles .grid-item h2 a {
  text-transform: capitalize;
}
#archive-articles .grid-item h2 a,
#archive-articles .grid-item .excerpt,
#archive-articles .grid-item .button {
  color: #333;
}
#archive-articles .grid-item .button {
  border-color: #333;
}

/*
 *   FTC Rebrand
 *   Theme 2 blog styles
 */

.blog #featured-articles article .category-name {
  left: 0;
}

.blog #featured-articles article .entry-header {
  height: auto;
}
.category-list {
  font-family: 'Roboto', sans-serif;
}
.category-list h4 {
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-family: 'Roboto', sans-serif;
}
.category-list .tags {
  padding: 0;
  margin: 1rem 0;
  font-family: 'Roboto', sans-serif;
}

.category-list .tags li {
  display: inline-block;
  float: left;
  margin: 0 0.5rem 0.5rem 0;
  text-transform: uppercase;

  font-size: 0.75rem;
}
.category-list .tags li a {
  display: block;
  padding: 0.25rem 0.5rem;
  color: #999;
  background: #fff;
}
.category-list .tags li a:hover {
  color: #fff;
  background: #ff4c50;
  text-decoration: none;
}

.blog .grid-item {
  border: none;
}

.blog .post-text {
  border-bottom: 1px solid #9b9b9b;
}

.blog .grid-item .post-thumbnail {
  max-height: 250px;
  overflow: hidden;
}
.blog .grid-item .post-thumbnail img {
  width: auto;
  /*max-width: 900px;*/
  min-width: 100%;
  min-height: 250px;
}
#archive-articles {
  background: transparent;
}
.blog article {
  text-transform: uppercase;
}

.blog article .entry-header {
  padding: 0;
  margin: 0;
  height: 80px;
  overflow: hidden;
}

.blog article .read-more {
  font-size: 0.75rem;
  color: #333;
  display: block;
  clear: both;
  padding: 1rem 0 0.7rem 0;
}

/*
 * Location pages
 *
 */

.row.locations-grid {
  margin-bottom: 1rem;
}
.locations-grid .locations-grid-item {
  background: white;
  margin-bottom: 1rem;
  box-shadow: 1px 3px 4px 0 rgba(0, 0, 0, 0.2);
}
.locations-grid .locations-grid-item p {
  margin: 0 0 0.8em 0;
}
.locations-grid .city-image {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.city-image img,
.location-image img {
  height: auto;
  width: 100%;
}

.locations-grid-item .city-locations {
  padding: 0.9375rem;
}

.scroll-down .smoothscroll {
  margin-bottom: 1rem;
  display: block;
}

a.smoothscroll {
  color: #08b7a8;
  font-weight: 400;
}
.anchor-target {
  display: block;
  clear: both;
  height: 1px;
  width: 100%;
}
.locations-grid-item h3 {
  font-size: 1.375rem;
  color: #666666;
}
/* Locations grid updated styles Jan 2019 */
.locations-grid .location-tile {
  background: #fff;
  margin-bottom: 1rem;
  position: relative;
}
.locations-grid .location-text {
  padding: 1rem;
}
.locations-grid .location-text h3 {
  min-height: 4rem;
}
.locations-grid .location-text a.button.secondary,
.locations-grid .location-text a.button.primary:hover {
  color: white;
}
.locations-grid .location-tile .location-image {
  opacity: 0.8;
}

.locations-grid .location-tile:hover .location-image {
  opacity: 1;
}

.locations-grid .unavailable .location-tile {
  background: #ccc;
  opacity: 0.8;
}
.locations-grid .unavailable .location-tile:hover {
  opacity: 1;
}

.locations-grid .location-camp-format {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  padding: 0.25rem 0.25rem 0 0;
}

.locations-grid .location-camp-format img {
  float: right;
  clear: both;
  margin: 0.25rem 0;
  -webkit-filter: drop-shadow(-1px 1px 1px rgba(0, 0, 0, 0.9));
  filter: drop-shadow(-1px 1px 1px rgba(0, 0, 0, 0.9));
}

.location-finder {
  background: #666;
  padding: 2rem;
  color: #fff;
  display: inline-block;
}
.location-finder h3 {
  color: #fff;
  margin-bottom: 1rem;
}
.location-finder .cf-filter .align-cf {
  float: none;
}
.location-finder .cf-filter-item {
  float: left;
  text-align: center;
  max-width: 7rem;
  padding: 0;
}
.location-finder .cf-filter-item a {
  color: #fff;
  text-decoration: none;
  display: inline-block;
  border: 1px solid #666;
  border-radius: 10px;
  padding: 2px;
}
.location-finder .cf-filter-item strong {
  font-size: 0.8rem;
}
.location-finder .cf-filter-item a:hover {
  opacity: 0.7;
}
.location-finder .cf-filter-item a.active {
  border-color: #fff;
}
.location-finder #place-input {
  font-size: 0.9rem;
}

.page-template-page-locations h2 {
  font-size: 1.8rem;
}

/* Location Detail Page */
.site-content article.locations.row {
  padding: 0;
  margin: 0;
}

.pos-header {
  position: relative;
}

.locations .entry-header,
.asc-heading {
  position: absolute;
  top: -7.2rem;
  margin-bottom: 1rem;
  padding: 0;
  width: 100%;
}

.locations .entry-header h1 span,
h1.boxed-text span {
  background-color: #fff;
  display: inline-block;
  margin-bottom: 3px;
  padding: 10px 5px 7px 10px;
  font-size: 2.25rem;
  line-height: 2rem;
  float: left;
  clear: left;
}

.locations .entry-header h1 .header-location {
  font-size: 0.75rem;
  background-color: #ffdf3f;
  padding: 0 5px 0 8px;
}

.locations .right-column {
  margin-bottom: 1.5rem;
}

.course-item:after {
  top: -6px;
}
.course-item,
.location-course-heading {
  border-bottom: 1px dotted #9b9b9b;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
  position: relative;
}

.locations .primary-col,
.locations .secondary-col {
  padding: 1rem;
}

.locations .mid-page-image img {
  width: 100%;
}

.locations .location-address-container {
  padding-top: 9rem;
}

.locations .location-address-container .location-address {
  padding-top: 1rem;
  border-top: 1px dotted #9b9b9b;
  border-bottom: 1px dotted #9b9b9b;
}

.locations .result-item-details {
  padding: 0;
}
.locations .result-item h3,
.locations .result-item .course-excerpt,
.locations .result-item .footer-group .result-meta {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  display: block;
}
.locations .result-item .result-holder {
  background: #fff;
}

.locations .entry-footer {
  background-color: #aa0049;
  padding-top: 0.9375rem;
  color: #efefef;
}

.locations .entry-footer h3,
.locations .entry-footer h4,
.locations .entry-footer p {
  color: #fff;
}

.locations .entry-footer .right-column {
  border-color: #fff;
}

.locations .left-column {
  margin: 1.5rem 0;
}
.video-heading {
  margin-top: 2rem;
}
.video-pop-up-player .video-still {
  height: auto;
  width: 100%;
  background-color: transparent;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.topic-single .video-pop-up-player .video-still, .locations  .video-pop-up-player .video-still, .single-product .video-pop-up-player .video-still {
  height: 12rem;
}


.video-pop-up-player .video-still:hover .play-button-infront {
  transform: scale(1.1);
  transition: transform 0.3s ease-in-out;
}

.video-pop-up-player .video-still .play-button-infront {
  position: absolute;
  width: 50px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 3;
}

.locations .page-footer-image {
  height: 12rem;
  width: 100%;
  background-color: #000000;
  position: relative;
  overflow: hidden;
}

.locations .page-footer-image .info-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.locations .page-footer-image .info-container p {
  margin-bottom: 0;
  color: #fff;
  font-family: 'Code-Pro-Bold', 'Roboto', Helvetica Neue, Helvetica,
    Arial sans-serif;
  font-size: 1.125rem;
  text-shadow: 1px 1px 19px #000;
  text-align: center;
}

.hero img {
  width: 100%;
}

.map-link {
  margin: 1rem 0;
  padding-bottom: 1rem;
  border-bottom: 1px dotted #9b9b9b;
}

.map-link .caption {
  display: inline-block;
  padding-left: 0.5rem;
}

.sidebar-top {
  padding: 0 1rem;
}

.course-item .extended-text {
  display: none;
}

.course-item h3 {
  font-size: 1rem;
}
.course-item h4 {
  font-weight: 300;
  font-size: 1rem;
  text-transform: capitalize;
  padding-right: 2rem;
  cursor: pointer;
  margin-bottom: 0;
}
.course-item.active h4 {
}
.course-item.active .extended-text {
  display: block;
}
.hidden-link {
  color: #333;
}

@keyframes expand {
  from {
    display: none;
    transform: scaleY(0);
    opacity: 0;
  }
  to {
    display: block;
    transform: scaleY(1);
    opacity: 1;
  }
}
/* woo commerce alerts that appear in pop-ups */
.vex .woocommerce-error,
.vex .woocommerce-info,
.vex .woocommerce-message {
  background-color: transparent;
  border: none;
}

/********************************
 *								*
 *		Global Footer Styles 	*
 * 								*
 ********************************/

#global-footer h5 {
  text-align: center;
  font-size: 1.125rem;
}

#global-footer #sponsors {
  background: #fff;
  padding: 1rem 0;
}

#global-footer #sponsors ul {
  list-style: none;
  overflow: hidden;
  margin: 1rem auto;
}

#global-footer #sponsors ul li {
  display: block;
  height: 75px;
  float: left;
  margin: 0.25rem 0;
  overflow: hidden;
  text-align: center;
}
#global-footer #sponsors ul li img {
  display: inline-block;
  height: 75px;
  max-width: 100%;
  -webkit-filter: grayscale(20%); /* Safari 6.0 - 9.0 */
  filter: grayscale(20%);
}
#global-footer #sponsors ul li img:hover {
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}

#global-footer #footer-sitemap {
  padding: 2rem 0;
  color: #fff;
  background: #ff4c50;
}
#global-footer #footer-sitemap h4,
#global-footer #footer-sitemap h5,
#global-footer #footer-sitemap a {
  color: #fff;
}
#global-footer #footer-sitemap .logo {
  width: 25%;
  max-width: 7rem;
  min-width: 4rem;
  margin: 0 auto 2rem auto;
  display: block;
}

#global-footer .footer {
  float: left;
}
#global-footer .footer ul {
  float: left;
  list-style: none;
  padding: 0.5rem 2rem 1rem 0;
  margin: 0;
}
#global-footer .footer ul li {
  font-size: 0.9rem;
}
#global-footer .footer ul li a {
  color: #fff;
  opacity: 1;
}
#global-footer .footer ul li a:hover {
  opacity: 1;
}
#global-footer #footer-sitemap h6 {
  color: #fff;
}
#global-footer #footer-sitemap .footer-1 li {
  display: block;
  margin-bottom: 0.5rem;
  width: 100%;
}
#global-footer #footer-sitemap .footer-1 li a {
  padding: 0;
  font-weight: 400;
}

/* Mobile version of social links */

#global-footer .footer-2 {
}
#global-footer .footer-2 h6 {
}

#global-footer ul.social-links {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
}
#global-footer ul.social-links li {
  text-align: center;
  display: inline-block;
  margin: 0.5rem;
}
#global-footer ul.social-links li:first-child {
  margin-left: 0;
}
#global-footer ul.social-links li:last-child {
  border-right: none;
}

#global-footer ul.social-links li a {
  display: inline-block;
  font-size: 3rem;
}

#global-footer #copyright,
#flobal.footer-2 {
  padding: 0.5rem 0;
  margin: 0 1rem;
  border-top: 1px solid #db3f4d;
  font-size: 0.9rem;
}
#global-footer #footer-sitemap h6 {
  margin-top: 1rem;
}
/* Newsletter sign up row */
#global-footer #newsletter-signup {
  background: #aa0049;
  color: #fff;
  padding: 1.5rem 1.5rem 1rem 0.6rem;
}
#global-footer #newsletter-signup h4 {
  font-size: 2rem;
  font-family: 'Code-Pro-Bold', 'Roboto', Helvetica Neue, Helvetica,
    Arial sans-serif;
  color: #fff;
  font-weight: 400;
  letter-spacing: 2px;
}
#newsletter-signup p {
  font-size: 0.85em;
}
#global-footer #newsletter-signup form {
  padding-top: 1rem;
  font-weight: 600;
}
#global-footer #newsletter-signup form .no-selection {
  color: #bbb;
}
#global-footer #newsletter-signup form .mc-field-group {
  padding: 0;
}

#global-footer #newsletter-signup form .mc-field-group input {
  box-shadow: none;
  border: none;
  padding: 0 1rem;
  height: 4rem;
  text-transform: uppercase;
  font-size: 0.8rem;
}
#global-footer #newsletter-signup form .mc-field-group select {
  box-shadow: none;
  text-transform: uppercase;
  height: 4rem;
  padding: 0 1rem;
  border: none;
  border-left: 1px solid #cacaca;
  background-image: url(https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/chevron-down-sprite.png);
  background-size: 15px 40px;
  background-position: right -1rem top -0.4rem;
  background-origin: content-box;
  background-repeat: no-repeat;
  padding-right: 1.6rem;
  font-size: 0.8rem;
  color: #888888;
}
#global-footer #newsletter-signup form .mc-field-group input.button {
  width: 100%;
  border: none;
  background: #00e5c8;
  color: #ffffff;
  text-align: left;
  border-radius: 0;
}

.woocommerce-checkout #global-footer #newsletter-signup {
  display: none;
}

.hero {
  height: auto;
}

.single-post .hero .post-thumbnail {
  height: auto;
  position: static;
}
.single-post .hero img {
  width: 100%;
}

.constrained {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.row {
  max-width: 90rem;
}

.single-post .heading-overlay {
  height: auto;
}

.single-post .entry-header-hero {
  position: static;
}

.single-post .category-name-hero,
.single-post .category-name {
  background: #000;
  color: #fff;
  padding: 0.5rem 1.5rem;
  display: inline-block;
}

.single-post .category-name-hero h2,
.single-post .category-name h2 {
  color: #fff;
  display: inline-block;
  font-size: 1.1rem;
}

.single-post .entry-header-hero .entry-title-hero {
  background: #fff;
  padding: 1rem 0;
  margin: 0;
}

.single-post .entry-content {
  padding: 1rem;
}
.single-post .fullscreen-content-wrapper {
  background: #efefef;
}
blockquote {
  border: 0;
}
blockquote p {
  color: #353535;
  font-size: 1.5rem;
  line-height: 1.4;
}

.single-post .entry-footer {
  background: #f4f0ed;
  padding: 1rem 0;
}

.single-post .entry-footer h3 {
  padding-left: 1rem;
}
.single-post .post-meta-details,
.single-post .more-articles {
  background: #fff;
  padding: 1rem;
  display: block;
  overflow: hidden;
}

.single-post .entry-footer .screen-reader-text {
  display: inline;
}

.single-post .entry-footer img.avatar,
.single-post .entry-footer img.wp-post-image {
  float: none;
  margin: -30% 0 0 0;
  width: 100%;
}

.author .fn {
  text-transform: capitalize;
}

.single-post .entry-footer p {
  margin-bottom: 0;
  width: 100%;
  display: block;
  clear: right;
  float: none;
}

.single-post article img,
.single-post article iframe {
  max-width: 100%;
}

.single-post .entry-footer .updated,
.single-post .entry-footer .cat-links,
.single-post .entry-footer .edit-link {
  display: none;
}

.comment-respond {
  background: #f4f0ed;
  padding: 1rem;
  border-bottom: 1rem solid white;
}
.single-post .navigation.post-navigation {
  background: #f4f0ed;
  padding: 1rem;
}

.more-articles .article-title {
  text-transform: uppercase;
}
.mobile-thumb-wrapper-150 {
  height: 150px;
  overflow: hidden;
  margin: 5px auto;
  display: block;
}
.mobile-thumb-wrapper-150 img {
  margin-top: -40%;
}

/* basket */
.woocommerce .cart_item td.product-name dl.variation dd,
.woocommerce .cart_item td.product-name dl.variation dt {
  margin-bottom: 0;
}

/* My Account: Student details */
.student-details .accordion-title {
  font-size: 1rem;
  padding-left: 2rem;
}

.student-details .accordion-title:before {
  right: initial;
  left: 1rem;
}

/* reduce FOUC */
.vertical.medium-horizontal.dropdown.menu li ul {
  display: none;
}
.vertical.medium-horizontal.dropdown.menu li.is-active ul {
  display: block;
}

textarea[name='message'] {
  resize: none;
}

.team-card {
  min-height: 110px;
}

.top-margin {
  margin-top: 1rem;
}

.about-quick-find > li > a {
  padding: 0.3em 0;
}

.about-quick-find > li > a i {
  margin-top: -0.1em;
}

.about-header {
  background-image: url(https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/filter-bg5.jpg);
  display: block;
  min-height: 150px;
  width: 100%;
  position: absolute;
  left: 0;
}

.ftc-difference h2 {
  color: #fefefe;
}

/* About page styles */
.row-about-header {
  margin-bottom: 2.5rem;
}

.team-profiles > div {
  margin-bottom: 1rem;
}
.team-profiles .h-card {
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
  min-height: 270px;
}
.team-profiles .h-card .profile-caption {
  padding: 0.5rem 1rem;
  height: 138px;
}
.team-profiles .square-crop {
  overflow: hidden;
  width: 100%;
  height: 180px;
  position: relative;
}

.team-profiles .h-card .profile-pic img {
  min-width: 100%;
  height: 180px;
  max-width: 170%;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.profile-caption .u-email {
  display: block;
  clear: both;
  margin-bottom: 0.5rem;
}
.square-crop {
  overflow: hidden;
  width: 100%;
}
.square-crop img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.team-profiles .h-card:hover .square-crop img {
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}

.ftc-difference {
  background: url(https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/bg/banner-bg-chloe.jpg)
    no-repeat 0 30%;
  background-size: cover;
  padding: 0;
}
.ftc-difference .overlay {
  padding: 2rem 10%;
  background: rgba(0, 0, 0, 0.25);
  text-align: center;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
  color: #fff;
  font-weight: 600;
}
.ftc-difference .overlay h2 {
  font-size: 2rem;
  margin-bottom: 1rem;
}
.ftc-difference .overlay p {
  font-size: 1.125rem;
}

.has-cookie-bar #catapult-cookie-bar {
  box-shadow: 0 -1px 6px rgba(0, 0, 0, 0.3);
}

/*Search item result*/
.search-item-image {
  width: 70px;
  float: left;
  margin-bottom: -70px;
  position: relative;
  z-index: 20;
}
.search-item-image img {
  width: 100%;
}
.search-item-details {
  display: block;
  padding: 1rem;
  float: left;
  background: #fff;
  width: 100%;
  position: relative;
}
.search-item-details .entry-footer > p {
  display: inline-block;
  font-size: 0.8rem;
}
.search-item-details .entry-footer > p:nth-last-child(2):after {
  content: '';
}
.search-item-details .comments-link,
.search-item-details .entry-footer .edit-link {
  clear: both;
  display: block;
}
.search-item-details .entry-footer > p:after {
  content: '|';
  margin-right: 5px;
  margin-left: 5px;
}
.search-item-details h3 {
  padding-left: 4rem;
  margin-bottom: 0.9rem;
  min-height: 54px;
}
.site-content article.locations.row.search-result,
.search-result {
  margin-bottom: 2rem;
  background: #ffffff;
  margin-left: auto;
  margin-right: auto;
}

.search #main {
  margin-top: 30px;
}
.search-result .entry-type {
  font-weight: 600;
  display: block;
}

.add-to-cart-form {
  display: none;
}
.button.add-to-cart-pop-up,
.course-results #variation-display .button,
#variation-display .yith-wcwtl-output a {
  width: auto;
  /*display: block;*/
  margin: 0 2rem;
}
.book .button.add-to-cart-pop-up {
  margin: 0;
}

.cart_item .product-name .variation p {
  margin-bottom: 0;
}
.cart_item .product-name .variation .small-print {
  text-align: left;
  margin: 0;
}

/* HP Promo unit */
#hp-promo {
  padding: 1rem;
}
#hp-promo a.button {
  margin: 0 auto;
  width: 100%;
  padding: 20px 30px;
}
#hp-promo .button span.button {
  clear: both;
  display: block;
  max-width: 50%;
  margin: 0.8rem auto 0 auto;
}
#hp-promo a.button:hover {
  text-shadow: -2px 1px 3px #03655f;
}
#hp-promo a.button:hover span.button {
  background: #fff;
  text-shadow: 0 0 0;
  color: #08b7a8;
}

p.cart-empty,
p.return-to-shop {
  display: none;
}

.page-hero {
  height: 16rem;
  width: 100%;
  background-color: #ff4c50;
  position: relative;
  overflow: hidden;
}

.page-hero img,
.locations .page-footer-image img,
.video-still .image-behind {
  display: block;
  margin: 0 auto;
  width: auto;
  height: auto;
  min-width: 100%;
  max-width: 200%;
  min-height: 16rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  opacity: 1;
}
.locations .page-footer-image img {
  transform: translate(-50%, -24%);
  opacity: 0.8;
}

.page-header-details {
  background: #fff;
  display: block;
  padding-bottom: 1rem;
}
h1#product-title {
    font-size: 1.5rem;
}

.page-header-details .course-meta li {
  font-size: 0.9rem;
}
.page-header-details .course-meta em {
  display: block;
  clear: both;
  font-style: normal;
  color: #9b9b9b;
  font-weight: 400;
}
.page-header-details .course-meta {
  padding: 0.5rem 1rem 1rem 1rem;
}
/*
.page-header-details .course-meta .meta-price,
.page-header-details .course-meta .meta-age {
  float: left;
  padding-right: 1.5rem;
  margin-bottom: 0.25rem;
}
*/
.page-header-details .course-meta .meta-price p,
.page-header-details .course-meta .meta-age p,
.page-header-details .course-meta .meta-bring p {
  margin-bottom: -2px;
}

.page-header-details .book-unit {
  text-align: center;
}
.woocommerce a.button.add-to-cart-pop-up.expanded {
    width: 100%;
}

.course-intro {
  padding: 4rem 1rem;
  background-color: #e6e3e0;
}

.course-intro .course-summary p {
  text-align: center;
  font-family: 'Code-Pro-Bold', 'Roboto', Helvetica Neue, Helvetica,
    Arial sans-serif;
  font-weight: 400;
  margin-bottom: 0;
  color: #2d2d2d;
}

.woocommerce img.title-icon {
  height: 6rem;
  width: auto;
  max-height: 100%;
  max-width: 100%;
}

.hero-share {
  position: absolute;
  z-index: 10;
  right: auto;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-left: 1.5rem;
}
.hero-share .apss-social-share > div {
  float: none;
}
/* hide breadcrumbs on mobile */
.breadcrumbs,
#breadcrumbs {
  display: none;
}

/* New styles added Dec 2017 */
.home-header {
  background-color: #ff4c50;
}

.home-header_container_mobile img {
  width: 100%;
}

.home-header_container .text-block {
  padding: 1rem;
}

.home-header_container .text-block h1 span {
  background-color: #fff;
  display: inline-block;
  margin-bottom: 0.125em;
  padding: 0.25em;
  line-height: 1em;
}
/*
.home-header_container .text-block h1 span:last-child {
    margin-bottom: 0;
}*/

.home-header_container .text-block h1 .title_inset {
  margin-left: 4rem;
}

.home-header_container .sub-text-block {
  max-width: 300px;
  padding-left: 4rem;
}

.home-header_container .sub-text-block h2 {
  font-size: 0.8rem;
  padding: 3px 5px;
  margin-bottom: 7px;
  line-height: unset;
  background-color: #ffdf3f;
  display: inline-block;
  font-family: 'Roboto', Glober, 'Lucida Grande', Verdana, sans-serif;
  font-weight: 600;
}

.home-header_container img {
  width: 100%;
}

.button-container {
  padding: 1rem;
}
/* sponsors bar */
.slick-slide .column.column-block {
  height: 150px;
  position: relative;
}
.home .sponsors {
  padding: 1.5rem 1rem;
  background-color: #fff;
}

.home .sponsors h3 {
  margin-bottom: 1.5rem;
}

.home .sponsors img {
  margin-bottom: 1rem;
  padding: 0 0.25rem;
  filter: grayscale(1);
  opacity: 0.6;
  cursor: pointer;
  transition: all 0.5s ease-out;
  transition-property: opacity, filter;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  max-width: 100%;
  max-width: 150px;
}

.home .sponsors img:hover {
  margin-bottom: 1rem;
  padding: 0 0.25rem;
  filter: grayscale(0.2);
  opacity: 1;
  cursor: auto;
}

.box .info-container {
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px dotted #9b9b9b;
}

.box .info-container:last-child {
  border-bottom: none;
}

.ftc-content {
  padding: 1.5rem 1rem;
  overflow: hidden;
}

/* Modal for Video */
.video-modal {
  display: none;
  position: fixed;
  z-index: 20;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6);
  transition: background-color 0.3s ease-in-out;
}

/* Modal Content */
.video-modal .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 1rem;
  width: 100%;
}

/* The Close Button */
.video-modal .close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  position: relative;
  top: -10px;
}

.video-modal .close:hover,
.video-modal .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.social-share-overlay {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 170px;
  z-index: 10;
}

.woocommerce-cart-form .btn-update-item {
  display: none;
}
.woocommerce .woocommerce-cart-form a.remove {
  display: inline-block;
  float: left;
}
.camp-topics .image-container a:hover img {
  filter: grayscale(50%);
  -webkit-filter: grayscale(50%);
}
/* Datetimepicker styles */
.ui-timepicker-div select.ui-timepicker-select {
  margin-bottom: 0;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
}

/* UBER MENU STYLES */
.ubermenu-content-block {
  color: #ffffff;
  padding: 0 !important;
}
.ubermenu-content-block p {
  padding: 15px 15px 0 15px;
}
#main-menu .ubermenu-hamburger .ubermenu-submenu.ubermenu-submenu-drop,
.ubermenu-skin-black-white-2 .ubermenu-submenu.ubermenu-submenu-drop {
  background-color: #db3f4d;
  border: 1px solid #db3f4d;
  color: #ffffff;
}
.home .sponsors h3 {
  text-align: center;
}
/* Toggle */
.submenu-toggle::after {
  border: none;
  content: '';
}
.submenu-toggle {
  background: url(https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/chevron-down-sprite.png)
    no-repeat;
  background-position: right 1rem top 50%;
}
.is-accordion-submenu-parent[aria-expanded='true'] > a:after {
  content: '';
}
.is-accordion-submenu-parent[aria-expanded='true'] > a {
  background: url(https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/chevron-up-sprite.png)
    no-repeat;
  background-position: right 1rem top 50%;
}
.ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop {
  background-color: #ca3a45;
}

/* Submenu buttons */
.ubermenu-submenu .button.more {
  border: 2px solid #ffffff !important;
}
.ubermenu-submenu .button.more:hover,
.ubermenu-submenu .button.more:active {
  background: #ffffff !important;
}
.ubermenu-row-id-10660 li .button.more,
.ubermenu-row-id-10707 li .button.more {
}
#site-masthead ul.ubermenu-row-id-1174,
#site-masthead ul.ubermenu-row-id-10660,
#site-masthead ul.ubermenu-row-id-6875 {
  display: flex;
  justify-content: center;
}
.ubermenu-submenu-id-1176 li a span {
  font-size: 1.2rem;
  font-weight: 600;
}

/* Primary and hamburger menu - general */
#secondary-menu
  > .ubermenu-hamburger
  > ul
  > li.ubermenu-item-has-children
  > a:hover,
#secondary-menu
  > .ubermenu-hamburger
  > ul
  > li.ubermenu-item-has-children
  > a:active,
#secondary-menu
  > .ubermenu-hamburger
  > ul
  > li.ubermenu-item-has-children
  > a:focus {
  background-color: #db3f4d;
}

.ubermneu ul li:active {
  background-color: #a32c38;
}
/*
.ubermenu-submenu-id-471 ul li a,
.ubermenu-submenu-id-529 ul li a,
.ubermenu-submenu-id-6876 li a,
.accordion-menu li a,
.ubermenu-menu-610 li a */
.ubermenu-item {
  line-height: 1.3em;
  font-family: 'Code-Pro-Bold', 'Roboto', Helvetica Neue, Helvetica,
    Arial sans-serif !important;
  font-weight: 400;
  font-size: 18px;
}
.accordion-menu li ul li a {
  font-size: 13px;
}
.ubermenu-submenu-id-471 ul li a,
.ubermenu-submenu-id-529 ul li a,
.accordion-menu li a {
  padding: 10px 20px 10px 20px;
}
.ubermenu-submenu-id-6876 {
  padding-top: 20px;
}
.ubermenu-submenu-id-6876 li a {
  width: 100%;
}
.ubermenu-submenu-id-6876 li a:hover,
.ubermenu-nav-hamburger-573 li a:hover {
  text-decoration: underline;
  background-color: none;
  background: none;
}
.ubermenu-submenu-id-6876 li a span:hover {
  text-decoration: underline;
}

/* Primary menu buttons */
.ubermenu-row .button.more {
  font-size: 12px;
  line-height: 20px;
  margin: 10px 5px 10px 5px;
}
.ubermenu-row .button.more:hover,
.ubermenu-row .button .ubermenu-target-title:hover {
  color: #222222;
  cursor: pointer;
}

/* Hamburger menu */

.ubermenu-responsive-toggle .fa-bars {
  color: #ffffff;
}
/* Hamburger menu - contacts */

#main-menu ul.contacts {
  padding: 20px 0 20px 0 !important;
}
#main-menu ul.contacts .phone {
  padding-left: 25px !important;
}
/*
#main-menu ul.contacts li a:hover {
  background: none !important;
  text-decoration: underline !important;
}
*/
#main-menu ul.contacts li,
#main-menu ul.contacts li a {
  font-size: 12px !important;
  font-family: 'Roboto', Helvetica Neue, Helvetica, Arial sans-serif !important;
  font-weight: 600 !important;
  line-height: 20px !important;
}
#main-menu ul.contacts li {
  padding: 0px 5px 0px 10px !important;
}
#main-menu ul.contacts li a {
  padding: 0;
}

.ubermenu-submenu-id-471 h5,
.ubermenu-submenu-id-529 h5,
.submenu-h5 {
  color: #a32c38;
  border-bottom: 1px solid #a32c38;
}
.ubermenu-submenu-id-471 h5 {
  padding: 20px 0 5px 15px;
}
.ubermenu-submenu-id-529 h5,
.submenu-h5 {
  padding: 20px 20px 5px 15px;
}

#menu-item-551 a {
  padding-right: 1rem !important;
}
#site-masthead .ubermenu-item-level-3 a.button {
  border-bottom-color: #ffffff;
}
#site-masthead .ubermenu-item-level-3 a,
#site-masthead .accordion-menu li a {
  border-bottom: 1px solid rgba(163, 44, 56, 0.5);
}

.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target::after {
  content: none !important;
}
.title-bar {
  padding: 0 !important;
}

/*homepage Top menu */
.header-top-menu {
  background-color: #fff;
  height: auto;
}
.header-top-menu .columns section {
  padding: 10px 0;
}
.header-top-menu p {
  margin: 0;
  padding: 0;
}

.highlight-box {
  background: white;
}

.woocommerce table.my_account_orders .button {
  border: 1px solid #ffffff;
}
#variation-display::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #949494;
}

#variation-display::-webkit-scrollbar-thumb {
  background: #afafaf;
  border-radius: 10px;
}

.assign-student-box {
  background: #ccc;
  padding: 1rem;
  margin-bottom: 1rem;
}

.camp-format ul li.small-new {
  width: 20%;
}

.camp-format ul li.small-new,
.camp-format ul li.small-3 {
  padding-right: 1rem;
}

.camp-format ul li.small-new:last-child,
.camp-format ul li.small-3:last-child {
  padding-left: 0;
}

.no_course {
  margin: 25px;
  text-align: center;
}

.sold_cls {
  text-align: center;
  color: red;
  font-weight: 600;
  margin-left: 2.5rem;
  margin-bottom: 0;
}

/* About Us 2018 styles */
.page-template-about-us-2018 .hero {
  position: relative;
}

.page-template-about-us-2018 .hero .heading-overlay {
  width: 100%;
  padding: 0;
  height: auto;
}
.page-template-about-us-2018 .page-header-hero {
  height: auto;
  padding: 0;
}
.page-template-about-us-2018 h1.page-title-hero {
  background: #fff200;
  padding: 0.5rem 1rem;
  display: block;
  margin: 0;
}

#popupVideo .play-button-infront {
  width: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
  min-width: 0;
  min-height: 0;
}
#popupVideo:hover .play-button-infront {
  width: 86px;
  transition: width 0.3s ease-in-out;
}

.page-template-about-us-2018 .page-intro {
  padding: 3rem 0;
  background: #f4f0ed;
}
.page-template-about-us-2018 .page-intro h2 {
  margin-bottom: 1em;
}

section.boxed-unit {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

section.boxed-unit header h3,
section.boxed-unit header h2 {
  margin-bottom: 1em;
}
.about-topic-tile {
  width: 45%;
  margin: 2.5%;
  padding: 22.5% 0;
  background: #a8094a;
  overflow: hidden;
  float: none;
  display: inline-block;
  position: relative;
}
.about-topic-tile .tile-content {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #fff;
  z-index: 2;
  padding: 10%;
  text-align: center;
  font-weight: 400;
  font-size: 0.75rem;
  text-transform: uppercase;
  text-align: left;
}

.about-topic-tile a {
  color: #fff;
  font-weight: 600;
}
.feature-tiles-wrapper {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.feature-tile .tile-content {
  padding: 5%;
  margin: 2px;
  box-shadow: 2px 2px 3px #cfcfcf;
}
.feature-tile h4 {
  color: #fc4e54;
}

#brochure-request input {
  width: 100%;
  padding: 15px 10px;
  border: 1px solid #ccc;
  display: block;
  height: 50px;
}

/*.course-filters-form .tablet {
    display: block;
}*/

.page-template-page-locations-2019 .hero,
.archive .hero {
  height: 16rem;
}
.page-template-page-locations-2019 .hero .post-thumbnail,
.archive .hero .post-thumbnail {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 1;
  height: 16rem;
  overflow: hidden;
}
.archive .blog .post-thumbnail {
  background: none;
}
.page-template-page-locations-2019 .hero .post-thumbnail img,
.archive .hero .post-thumbnail img {
  height: auto;
  width: auto;
  min-height: 16rem;
  min-width: 100%;
  max-width: 90rem;
  position: static;
}
.page-template-page-locations-2019 .hero .image-tint,
.archive .hero .image-tint {
  position: absolute;
  width: 100%;
  left: 50%;
  right: 0;
  z-index: 2;
  height: 16rem;
  background: #ff2b30;
  opacity: 0.8;
  max-width: 90rem;
  transform: translateX(-50%);
}
.page-template-page-locations-2019 .heading-overlay,
.archive .heading-overlay {
  position: relative;
  z-index: 5;
  height: 16rem;
}

.page-template-page-asc-courses {
}

.page-template-page-locations-2019 .entry-header-hero,
.archive .entry-header-hero {
  padding: 0;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  overflow: hidden;
  width: 100%;
  transform: translateY(-50%);
}

/*.page-template .entry-header-hero .entry-title-hero {
    padding: 1rem 1.5rem;
    position: relative;
    z-index: 3;
    bottom: 0;
    margin: 0;
}*/
.page-template .entry-header-hero h1,
.archive .entry-header-hero h1 {
  display: block;
  text-align: center;
  color: #ffffff;
}

.search-results.woocommerce ul.products[class*='columns-'] li.product {
  width: 100%;
  float: none;
  clear: both;
  padding: 0 0.9rem;
}
/* Gutenberg content styles */
.wp-block-media-text {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.single-post .entry-content .wp-block-gallery {
  padding-left: 0;
}

/* Path / Topic Page Styles */
.hero-with-overlay {
  position: relative;
  overflow: hidden;
  margin-bottom: 1rem;
}
.hero-bg,
.hero-with-overlay .post-thumbnail {
  text-align: center;
  height: 200px;
  overflow: hidden;
}
.hero-bg img,
.hero-with-overlay .post-thumbnail img {
  max-width: 200%;
  min-width: 100%;
  width: auto;
  height: 200px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.hero-with-overlay .heading-overlay {
  position: absolute;
  z-index: 5;
  bottom: 50%;
  left: 0;
  transform: translateY(50%);
  left: 1rem;
  width: 100%;
}
.hero-with-overlay .text-block span,
.video-pop-up-player h3.heading-overlay span,
.media-header .text-block span {
  background-color: #fff;
  display: inline-block;
  margin-bottom: 0.125em;
  padding: 0.25em;
  line-height: 1em;
  clear: both;
  float: none;
  padding: 0.2em;
  font-size: 2rem;
  font-family: Code-Pro-Bold, Roboto, Helvetica Neue, Helvetica,
    Arial sans-serif;
  font-weight: 400;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  text-align: left;
}
.hero-with-overlay .text-block .sub-text-block span {
  background-color: #ffdf3f;
  padding: 0.5em;
  margin-bottom: 0.25em;
  font-family: Roboto, Glober, 'Lucida Grande', Verdana, sans-serif;
  font-weight: 600;
  color: #2d2c2d;
  font-size: 0.75rem;
  text-align: left;
}
.hero-with-overlay .text-block span.title_inset, .media-header .text-block span.title_inset {
  margin-left: 2.6em;
}
.hero-with-overlay .text-block .sub-text-block span.title_inset {
  margin-left: 7em;
}

blockquote.topic-quote {
  text-align: center;
  font-weight: 400;
  margin-bottom: 0;
  color: #ff4c50;
  padding: 2rem 1rem;
  margin-bottom: 1rem;
}

blockquote.topic-quote p {
  font-family: Code-Pro-Bold, Roboto, Helvetica Neue, Helvetica,
    Arial sans-serif;
  color: #ff4c50;
  font-size: 2.2rem;
  margin-bottom: 0.5rem;
}
blockquote.topic-quote cite {
  font-size: 1rem;
  color: #ff4c50;
  font-style: normal;
  font-weight: bold;
}

.boxed-unit.alternative-highlight {
  background: #aa0049;
  color: #fff;
}

.boxed-unit.alternative-highlight h3,
.boxed-unit.alternative-highlight h2,
.boxed-unit.lowkey-box h3,
.boxed-unit.lowkey-box h2 {
  color: #fff;
}

.boxed-unit.lowkey-box {
  background: #2d2d2d;
  color: #ccc;
}
.topic-intro h3 {
  margin-bottom: 2rem;
}
.topic-deep-dive.boxed-unit.alternative-highlight {
  padding: 2rem 0;
}
.topic-deep-dive h2 {
  color: #fff;
  font-size: 1.6rem;
}
.info-tiles {
  padding: 1rem;
}
.topic-deep-dive .info-tile {
  margin-bottom: 2rem;
}
.topic-deep-dive .info-tile .tile-header {
  position: relative;
}
.topic-deep-dive .info-tile .tile-img-wrapper {
  height: 200px;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.topic-deep-dive .info-tile .tile-img-wrapper img {
  min-width: 100%;
  min-height: 200px;
  max-width: 160%;
  width: auto;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.topic-deep-dive .info-tile .tile-heading {
  position: absolute;
  top: 1rem;
  left: 0;
  z-index: 5;
  color: #fff;
  background: #ff4c50;
  padding: 0.5em 0 0.5em 1em;
  font-size: 1rem;
  height: 2.2em;
}

.topic-deep-dive .info-tile .tile-heading {
  height: 2.2rem;
  display: block;
}
.topic-deep-dive .info-tile .tile-heading:after {
  content: '';
  display: block;
  position: absolute;
  right: -2.2rem;
  top: 0;
  border-top: 1.1rem solid #ff4c50;
  border-right: 1.1rem solid transparent;
  border-bottom: 1.1rem solid transparent;
  border-left: 1.1rem solid #ff4c50;
}

.topic-deep-dive .info-tile .tile-body {
  background: #fff;
  color: #333;
  padding: 2rem;
}
.topic-deep-dive a.button.rounded {
  font-size: 1rem;
  border-radius: 30em;
  padding: 1em 3em 1em 3em;
}

.topic-case-study .topic-cs-detail {
  border: 1px solid #999;
  padding: 1rem 0;
  border-width: 1px 0;
  overflow: hidden;
  margin: 2rem 0;
}

.topic-cs-img {
  overflow: hidden;
  position: relative;
}

.video-pop-up-player h3.heading-overlay {
  position: absolute;
  top: 50%;
  left: 7%;
  transform: translateY(-50%);
  display: block;
  max-width: 50%;
}
.video-pop-up-player h3.heading-overlay span {
  display: table;
  float: right;
}
.video-pop-up-player h3.heading-overlay span.title_inset {
  position: relative;
  right: -2.1em;
}

a.decorated {
  text-decoration: underline;
}

.topic-career {
  margin-top: 3rem;
  padding: 2rem 0;
  text-align: center;
}
.overscore {
  border-top: 1px solid #999;

  position: relative;
}

header.brand-primary-color,
header.brand-primary-color h1,
header.brand-primary-color h2,
header.brand-primary-color h3,
.brand-primary-color h4,
.brand-primary-color h5,
header.brand-primary-color .subtitle,
h3.brand-primary-color {
  color: #ff4c50;
}
.brand-primary-color-border {
  border-color: #ff4c50;
}

.overscore .peekout-heading {
  font-size: 1.75rem;
  text-align: center;
  display: table;
  background: #f4f0ed;
  padding: 0 1rem;
  position: absolute;
  top: -0.9em;
  left: 50%;
  transform: translateX(-50%);
}
.overscore.hightlight-box .peekout-heading {
  background: #fff;
}
.overscore.boxed-unit.alternative-highlight .peekout-heading {
  background: #aa0049;
}

.topic-career h2 {
  font-size: 1em;
}
.topic-career .subtitle {
  font-size: 0.4em;
}
.topic-job-list {
  padding: 1rem 0;
}
.topic-job-role {
  margin-bottom: 1rem;
}
.topic-job-role .content {
  background: #fff;
  padding: 1rem;
}

.topic-job-role strong {
  display: block;
  clear: both;
  font-weight: bold;
  color: #333;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
  line-height: 1.1em;
  height: 3.4em;
}
.topic-job-role img {
  height: 3rem;
  width: auto;
}
.button.large.rounded {
  font-size: 1.1rem;
  padding: 1.25em 1.75em;
}
.topic-role-model {
  padding: 3rem 1rem;
}

.topic-role-model h3 {
  margin: 2rem 0;
}
.topic-role-model .button {
  margin-top: 2rem;
}
.topic-locations {
  padding: 3rem 2rem;
}
.topic-locations header h3 {
  margin-bottom: 2rem;
}
.topic-location-city-name {
  display: block;
  padding-bottom: 0.25rem;
  margin-bottom: 0.5rem;
  border-bottom: 2px dotted #333;
  font-size: 1.2rem;
  color: #000;
}
.topic-location-venues li {
  margin-bottom: 0.5rem;
}
.topic-location-venues li a {
  display: block;
  color: #00e6c8;
}
.topic-location-venues li a:after {
  content: '>';
  padding: 0 0.25rem;
}

.topic-menu {
  padding: 1rem 0;
}
.topic-menu li {
  margin-bottom: 1rem;
}

.topic-menu li img {
  max-height: 160px;
  display: block;
  margin: 0 auto;
  filter: saturate(0.8);
}

.topic-menu li strong {
  display: block;
  clear: both;
  text-align: center;
  font-weight: bold;
}

.topic-menu li a:hover {
  color: #ff0104;
  text-decoration: none;
  font-weight: 800;
  position: relative;
  top: -1rem;
}
.topic-menu li a:hover img,
.topic-menu li a:active img {
  filter: saturate(4);
}

.topic-menu li.active {
  color: #666;
}
.topic-menu li.active img {
  filter: grayscale(100%);
}

.video-pop-up-player #popupVideo .play-button-infront {
  margin: 0;
}

.page-template-page-topic .vex.vex-theme-ftc-video .vex-close {
  top: -1.8rem;
}
.vex.vex-theme-ftc-video .vex-content .ft-video-header {
  display: block;
  padding: 0.5rem;
  background: #000;
  color: #fff;
  margin: 0;
  position: absolute;
  top: -1.3em;
  width: 100%;
  line-height: 1.2em;
}

/* Topic Category Page styles */
.breakout,
section.boxed-unit.breakout {
  border-top: none;
  text-align: center;
  padding-top: 2rem;
  position: relative;
  margin-top: 2rem;
}

.breakout .peekout-heading {
  background: #f4f0ed;
}

.highlight-box.breakout .peekout-heading {
  background: transparent;
  padding: 0;
  margin-bottom: 1rem;
  font-size: 2.2rem;

  display: block;
  width: 100%;
}

.peekout-heading h2 {
  font-size: inherit;
  margin-bottom: 0;
}
section.boxed-unit header.peekout-heading h2 {
  background: #fff;
  padding: 1rem 0.2rem;
  margin-bottom: 0;
  display: inline-block;
}

.topic-category-why-ft .stats {
  text-align: center;
  padding: 3rem 0;
}
.topic-category-why-ft .stats h4 {
  font-size: 2rem;
  text-transform: capitalize;
}

.topic-category-intro,
.topic-category-intro p {
  font-size: 1.4rem;
}
.topic-category-intro h3 {
  text-align: center;
}

.info-tiles .info-tile {
  margin-bottom: 2rem;
}
.info-tiles .tile-header {
  position: relative;
}

.info-tiles .tile-img-wrapper {
  height: 200px;
  overflow: hidden;
  width: 100%;
  position: relative;
}

.info-tiles .info-tile .tile-img-wrapper img {
  min-width: 100%;
  min-height: 200px;
  max-width: 160%;
  width: auto;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.info-tiles .info-tile .tile-body {
  background: #fff;
  color: #333;
  padding: 2rem 2rem 1rem 2rem;
}

.topic-category-products .info-tile .tile-label {
  position: absolute;
  top: 1rem;
  right: 0;
  z-index: 5;
  color: #fff;
  background: #ff4c50;
  padding: 0.5em 1em;
  font-size: 1rem;
  line-height: 1em;
  height: 2.2em;
  height: 2.2rem;
  display: block;
  text-transform: uppercase;
}
.topic-category-products .info-tile .tile-heading {
  font-size: 1.8rem;
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 1rem;
}
.topic-category-products .info-tile .tile-heading span {
  background-color: #fff;
  color: #000;
  display: inline-block;
  margin-bottom: 0.25em;
  padding: 0.2em 0.2em 0.2em 0.75em;
  line-height: 1em;
  clear: both;
  float: none;
  font-size: inherit;
  font-family: Code-Pro-Bold, Roboto, Helvetica Neue, Helvetica,
    Arial sans-serif;
  font-weight: 400;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  text-align: left;
}
.info-tile .tile-text {
  padding-bottom: 0.5rem;
}

.topic-category .testimonials-container {
  padding: 2rem 0;
}
.topic-category .testimonial blockquote {
  background: #333;
  color: #fff;
}
.topic-category .testimonials-container .testimonial cite {
  color: #fff;
  font-weight: bold;
}
.camp-topics .image-container {
  position: relative;
}

.camp-topics .link_options {
  position: static;
  margin-top: 0.5rem;
  transform: translate(0, 0);
}
.camp-topics .link_options li {
  display: block;
  margin-bottom: 0.25rem;
}

.camp-topics .link_options a.button {
  padding: 0.5rem 0.2rem;
  color: #fff;
}
.camp-topics .image-container:hover .link_options li {
  display: block;
}

/* Show bullet points in content areas */
.single-post .entry-content ul,
.single_job_listing ul {
  list-style: disc;
  padding-left: 1rem;
}

/* Legacy Product Page styles */
.single-product .page-heading .page-icon {
    height: 4.5rem;
    width: 4.5rem;
    margin-right: 1rem;
    background-color: #850066;
    position: relative;
    float: left;
}
.single-product .page-heading .page-icon img {
    height: 60px;
    width: auto;
    margin: auto;
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
}

.single-product .page-header-details.legacy {
    padding: 0;
}
.page-header-details.legacy .page-title h1, .page-header-details.legacy .page-title h2 {
    text-transform: capitalize;
}
.single-product .page-header-details.legacy .course-meta .meta-age {
    margin-bottom: 0;
}

/* Morons added additional break points above the already set device breakpoints below. To be refactored.
*/

/* SCREEN/DEVICE SPECIFIC STYLES FOLLOW */
@media screen and (min-width: 40em) {
  .header-top-menu .columns:last-child {
    text-align: right;
  }
}
/* smaller than desktop - this is not mobile first and was created
by a freelancer - it should be removed when we next do a refactor */

@media screen and (max-width: 959px) {
  .ubermenu-responsive-default.ubermenu-responsive {
    max-height: 1000px;
  }
  .ubermenu-nav {
    background-color: #da3e4d !important;
  }
  .ubermenu-responsive-toggle-content-align-left {
    text-align: right !important;
  }
  .mobile-cart {
    right: 65px;
  }
  #site-masthead ul li a {
    font-family: 'Code-Pro-Bold', 'Roboto', Helvetica Neue, Helvetica,
      Arial sans-serif;
    padding: 5px 20px 5px 20px !important;
  }
  .ubermenu-responsive-default.ubermenu-responsive.ubermenu-responsive-single-column
    .ubermenu-item-level-0,
  .ubermenu-content-block ul li a {
    border-bottom: 1px solid rgba(163, 44, 56, 0.5) !important;
  }
  #site-masthead ul li a:hover {
    background-color: #e05f6d !important;
  }
  .ubermenu-target-text {
    color: #ffffff !important;
  }
  .ubermenu-submenu .button.more {
    border: 2px solid #ffffff !important;
    padding: 5px !important;
  }
  #menu-item-10777 .button:hover,
  #menu-item-10776 .button:hover,
  #menu-item-10780 .button:hover {
    background-color: #ffffff !important;
  }
}

/* New styles added Dec 2017 */
/* breakpoint for header on home page*/
@media screen and (min-width: 30em) {
  .home-header_container_mobile {
    display: none;
  }

  .home-header_container {
    position: relative;
    display: block;
    height: 20em;
  }

  .home-header_container .text-block {
    padding: 1rem;
    float: left;
    position: relative;
    z-index: 3;
  }

  .home-header_container .text-block h1 {
  }

  .home-header_container .text-block h1 span {
    background-color: #fff;
    display: inline-block;
    margin-bottom: 0.125em;
    padding: 0.25em;
    line-height: 1em;
  }

  /*    .home-header_container .text-block h1 span:last-child {
        margin-bottom: 0;
    }
*/
  .home-header_container .text-block h1 .title_inset {
    margin-left: 4rem;
  }

  .home-header_container .sub-text-block {
    max-width: 200px;
    padding-left: 4rem;
  }

  .home-header_container .sub-text-block h2 {
    font-size: 0.5rem;
    padding: 0.5em;
    margin-bottom: 0;
    line-height: unset;
    background-color: #ffdf3f;
    display: inline-block;
  }

  .home-header_container .image-block {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
  }

  .home-header_container .image-block img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    max-width: 55%;
    max-height: 95%;
  }
}

/************************************************************************
 * .mobile-only = hidden from desktop and tablet, visible on mobile     *
 * .mobile = hidden from desktop, visible on mobile and tablet          *
 * .tablet = hidden from mobile, visible on tablet and desktop          *
 * .desktop = hidden from tablet and mobile, visible on desktop         *
 ************************************************************************/

.tablet {
  display: none;
}

/* Tablet and larger styles */
@media screen and (min-width: 40em) {
  h1 {
    font-size: 2.8rem;
  }

  .box {
    padding: 2rem 1rem;
  }

  .tablet {
    display: block;
  }
  .mobile-only {
    display: none;
  }
  .medium-text-right {
    text-align: right;
  }
  .breadcrumbs,
  #breadcrumbs {
    display: block;
  }
  .course-meta li {
    display: inline-block;
    clear: none;
  }

  .site-content .row.small-print {
    margin-left: 20%;
    margin-right: 20%;
  }
  .result-item-details h3 {
    font-size: 1.5rem;
    height: 2.2em;
    line-height: 1.1em;
    padding: 0;
    font-weight: 400;
  }

  .result-title p {
    font-size: 17px;
}

  .result-item-details {
    font-size: 0.8rem;
  }
  .course-filters-wrapper {
    margin: 0;
  }

  .related.products .products li {
    padding-right: 0.9375rem;
  }
  .related.products .products li h5 {
    font-size: 1rem;
  }

  .result-item-details {
    width: 80%;
	float: left;
    background: white;
    padding: 12px 8px;
  }
  .result-item-topics.course-categories {
  }

  .aspect-ratio.map-slice {
    padding-bottom: 35%;
  }

  /* home page tablet styles */
  .home .course-filters-wrapper {
    background-position: 75% 49%;
  }

  .home .title h2 {
    max-width: 34rem;
    font-size: 1.8rem;
  }
  .camp-topics {
    padding-bottom: 1rem;
  }
  .camp-topics header {
    margin: 0 auto 1.5rem auto;
  }
  .camp-topics header h3 {
    font-size: 1.5rem;
  }
  .camp-topics header p {
    margin-bottom: 0;
  }
  .camp-topics .topic-main {
    position: relative;
    height: 490px;
    width: 460px;
    clear: both;
    margin: 0 auto;
  }
  .camp-topics .feature-image {
    position: absolute;
    top: 50px;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    width: 460px;
    height: 430px;
    background: #fff;
    border-radius: 100%;
    padding: 3rem;
  }
  .camp-topics .feature-image img {
    width: 100%;
  }

  .camp-topics .topic-array {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .camp-topics .topic-array > li {
    position: absolute;
    z-index: 10;
  }
  .camp-topics .topic-array > li.active {
    z-index: 20;
  }

  .camp-topics .topic-array > li.topic-1 {
    top: 0;
    left: 17%;
  }
  .camp-topics .topic-array > li.topic-2 {
    top: 0;
    right: 17%;
  }
  .camp-topics .topic-array > li.topic-3 {
    top: 5rem;
    left: -6%;
  }
  .camp-topics .topic-array > li.topic-4 {
    top: 5rem;
    right: -6%;
  }

  .camp-topics .topic-array > li.topic-5 {
    top: 12rem;
    left: -17%;
  }
  .camp-topics .topic-array > li.topic-6 {
    top: 12rem;
    right: -17%;
  }

  .stats p {
    font-size: 0.8rem;
  }

  .testimonials-container .testimonial {
    height: 20rem;
    overflow: hidden;
    position: relative;
  }

  .testimonials-container .testimonial img {
    position: relative;
    top: 50%;
    margin-top: -25%;
  }

  .testimonials-container .testimonial blockquote {
    width: 50%;
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .testimonials-container .testimonial blockquote p {
    margin-bottom: 3rem;
  }

  blockquote p {
    font-size: 2.5rem;
  }

  .news-item .detail h4 {
    font-size: 1.125rem;
  }
  .site-content .latest-news.row {
    margin: 0 auto;
    float: none;
  }

  .twitter-feed,
  .newsletter {
    width: 50%;
    float: left;
  }

  .newsletter {
    clear: right;
    padding-top: 2rem;
  }
  .newsletter .signup {
    height: 380px;
  }

  .brochure {
    display: block;
    clear: both;
    overflow: hidden;
  }
  .brochure .content {
    width: 640px;
    margin: 0 auto;
  }

  .brochure .content h4 {
    font-size: 1.4rem;
  }
  .brochure .content p {
    font-size: 1rem;
  }
  /* blog */
  .single-post .hero {
    height: 18rem;
  }
  .single-post .hero .post-thumbnail {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 1;
    height: 18rem;
    overflow: hidden;
  }
  .single-post .heading-overlay {
    position: relative;
    z-index: 5;
    height: 18rem;
  }
  .single-post .entry-header-hero {
    padding: 0;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: -1rem;
    padding-left: 2rem;
    overflow: hidden;
    width: 100%;
  }

  .single-post .category-name-hero {
    background: #000;
    color: #fff;
    padding: 0.5rem 1.5rem;
    display: inline-block;
    min-height: 12rem;
    position: relative;
    left: -1.5rem;
    top: 9.8rem;
    z-index: 2;
  }

  .single-post .entry-header-hero .entry-title-hero {
    background: #fff;
    padding: 1rem 1.5rem;
    position: relative;
    z-index: 3;
    bottom: 0;
    margin: 0;
  }

  blockquote {
    padding: 0.5rem 2.5rem 0.5rem 3.5rem;
  }

  /* footer tablet styles */

  #global-footer #footer-sitemap .logo {
    margin: 0;
  }

  #global-footer .footer-2 h6 {
    display: block;
  }
  #global-footer ul.social-links {
    padding-top: 0.5rem;
  }

  #global-footer ul.social-links li {
    float: left;
    margin-right: 0;
    border: none;
    display: inline-block;

    padding: 0;
  }
  #global-footer ul.social-links li a {
    display: inline-block;
    width: 100%;
    width: 3rem;
    height: 3rem;
    border: 2px solid #fff;
    border-radius: 16rem;
    text-align: center;
    font-size: 1.6rem;
    background: #fff;
    line-height: 3rem;
  }
  #global-footer ul.social-links li .fa {
    padding: 0.5rem 0;
    color: #ff4c50;
  }
  #global-footer ul.social-links li a:hover {
    background: #ff4c50;
  }
  #global-footer ul.social-links li a:hover .fa {
    color: #fff;
  }
  #global-footer #copyright {
    padding: 0.5rem 0 0 0;
    text-align: left;
    opacity: 1;
  }
  #global-footer #copyright .copyright {
    padding: 0.5rem 0;
  }
  #global-footer #copyright .footer-3 ul {
    padding: 0;
    float: right;
  }
  #global-footer #copyright .footer-3 li {
    display: inline-block;
    float: left;
  }
  #global-footer #copyright .footer-3 li a {
    color: #fff;
    font-weight: 400;
    font-size: 0.75rem;
  }

  .filters.tablet {
    padding: 1.5rem;
  }

  .filters.tablet h3 {
    text-align: center;
    margin-bottom: 1rem;
  }

  .home .filters.tablet,
  .home .camp-format {
    position: static;
  }

  .filters.tablet .camp-format {
    margin: 0 auto;
    width: 88%;
    max-width: 880px;
  }
  .filters.tablet .camp-format ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .filters.tablet .camp-format ul li {
    float: left;
    display: inline-block;
    margin: 0 2px 1px 0;
    border-top: 4px solid rgba(255, 255, 255, 0);
  }
  .filters.tablet .camp-format ul li a {
    display: block;
    padding: 0.5rem 1rem;
    background: rgba(255, 255, 255, 0.8);
    color: #0a0a0a;
    text-shadow: 0px -1px 2px #fff;
  }
  .filters.tablet .camp-format ul li a:hover,
  .filters.tablet .camp-format ul li.active a {
    text-decoration: none;
    background: #fff;
  }
  .filters.tablet .camp-format ul li:hover,
  .filters.tablet .camp-format ul li.active {
    border-top-color: #e66157;
  }

  .result-item-details {
    display: table;
  }

  .result-item .footer-group {
    display: table-footer-group;
  }

  textarea.medical_issues,
  textarea[name='medical_issues'] {
    min-height: 100px;
  }

  textarea.special_needs,
  textarea[name='special_needs'] {
    min-height: 120px;
  }
  .single-post .article-footer {
    background: #efefef;
    overflow: hidden;
  }
  .single-post .entry-footer {
    background: #efefef;
    padding: 1rem;
    width: 50%;
    float: left;
    margin: 0 0 1rem 0;
  }
  .single-post .entry-footer h3 {
  }

  .single-post .comment-respond {
    display: block;
    clear: both;
  }

  .camp-format ul li a {
    min-height: auto;
    font-size: 1rem;
  }

  .search-item-image {
    display: block;
    width: 20%;
    margin-bottom: 0;
    position: static;
  }
  .search-item-details {
    width: 80%;
  }
  .search-item-details h3 {
    font-size: 0.9rem;
    min-height: 1rem;
    padding-right: 7rem;
    padding-left: 0;
  }

  .search-item-details {
    font-size: 0.9rem;
  }
  .search-item-details {
    padding-bottom: 3.4rem;
    min-height: 169px;
  }
  .search-item-details h3 a {
    color: #6e6e6e;
  }
  .search-item-details h3 a:hover {
    color: #3d3d3d;
  }
  .search-item-details h3 {
    font-size: 1.2rem;
    display: inline-block;
  }

  /* New styles added Dec 2017 bp 640px */
  .home-header_container {
    height: 24em;
  }

  .home-header_container .text-block h1 {
    font-size: 3.25rem;
  }

  .home-header_container .text-block h1 .title_inset {
    margin-left: 6.75rem;
  }

  .home-header_container .text-block {
    position: absolute;
    top: 0;
  }

  .home-header_container .sub-text-block {
    max-width: 340px;
    padding-left: 6.75rem;
  }

  .home-header_container .sub-text-block h2 {
    font-size: 1rem;
    margin-bottom: 0.25em;
    display: inline-block;
    line-height: 1em;
  }

  .home article {
    padding: 4rem 1rem;
  }

  .home .highlight-bg {
    text-align: left;
  }

  .home article.news-item {
    padding-left: 0;
    margin-bottom: 0;
  }

  .home .latest-news {
    margin-right: -0.9375rem;
  }

  .latest-news h3 {
    display: inline;
  }

  .latest-news .more-news {
    float: right;
    margin-bottom: 1.5rem;
    padding-right: 0.9375rem;
  }

  .press blockquote p {
    width: 80%;
  }

  .press hr {
    width: 50%;
    margin: 0 auto;
  }

  .page-hero {
    height: 18rem;
  }

  .page-hero img {
    max-width: 100%;
  }

  .page-header-details .course-meta {
    padding: 1rem 0;
  }

  .page-header-details .book-unit {
    padding: 40px 10px 40px 0;
  }
  .page-header-details .book-unit a.button.add-to-cart-pop-up {
    line-height: 1rem;
  }

  .course-intro .course-summary {
    margin: 0 auto;
    width: 65%;
  }

  .box .info-container h2 {
    padding-right: 1.5rem;
  }

  .course-features {
    margin-right: -0.9375rem;
  }

  .course-features .columns {
    padding-left: 0;
  }

  .questions-section #ywqa_ask_question_text {
    width: 70%;
  }

  .faq-question a,
  .question-content a {
    font-size: 1rem;
  }

  .questions-section div.answer-content {
    font-size: 1rem;
  }

  .questions-section div.question-content {
    padding: 1rem 15rem 1rem 0;
  }

  .questions-section div.question-content:after {
    top: 13px;
  }

  .questions-section input#ywqa-submit-question {
    width: 30%;
  }

  .questions-section #ywqa_ask_question_text,
  .questions-section input#ywqa-submit-question {
    padding: 1.25rem 1rem;
  }

  .questions-section .ywqa-ask-question:after {
    top: 1.65rem;
  }

  #featured-articles,
  #archive-articles {
    margin-right: -0.9375rem;
  }

  #featured-articles article,
  #archive-articles article {
    padding-right: 0.9375rem;
  }

  #featured-articles .post-thumbnail,
  .blog .post-thumbnail {
    height: 12rem;
  }

  .related.products {
    /* margin-right: -0.9375rem; */
  }

  .course-results {
    margin-right: -0.9375rem;
  }

  .result-item {
    padding-right: 0.9375rem !important;
  }

  .available-options .variation {
    margin-right: 0.9375rem;
  }

  .available-options {
    max-height: 20rem;
    overflow-y: scroll;
  }

  .locations .entry-header {
    top: -8.05rem;
  }

  .locations .location-address-container {
    padding-top: 14rem;
  }

  .locations .location-address-container,
  .locations .map-link {
    width: 70%;
    max-width: 230px;
  }

  .locations .left-column {
    padding-right: 0.9375rem;
  }

  .locations .right-column {
    padding-left: 0.9375rem;
    margin: 1.5rem 0;
    border-left: 1px dotted #9b9b9b;
  }

  .locations .page-footer-image {
    height: 14rem;
  }

  .topic-single .video-pop-up-player .video-still, .locations  .video-pop-up-player .video-still, .single-product .video-pop-up-player .video-still {
    height: 15rem;
  }

  .video-pop-up-player .video-still .play-button-infront {
    width: 65px;
  }

  .video-modal .modal-content {
    width: 80%;
  }
  .locations .page-footer-image .info-container p {
    font-size: 1.6rem;
  }
  .team-profiles .h-card {
    min-height: 305px;
  }
  .team-profiles .h-card .profile-caption {
    height: 90px;
    overflow: hidden;
  }
  .woocommerce a.button.add-to-cart-pop-up {
    font-size: 0.75rem;
  }
  .button.add-to-cart-pop-up,
  .course-results #variation-display .button,
  #variation-display .yith-wcwtl-output a {
    width: 100%;
  }

  .team-profiles .square-crop,
  .team-profiles .h-card .profile-pic img {
    height: 255px;
  }
  .header-top-menu .upper-header .left-upper-head {
    font-size: 1rem;
  }

  .header-top-menu .upper-header .left-upper-head ul,
  .header-top-menu .upper-header .right-upper-head ul {
    margin: 2px 0.9375rem;
  }
  .page-template-about-us-2018 h1.page-title-hero {
    display: inline-block;
  }
  .page-template-about-us-2018 .hero .heading-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    padding: 0;
    height: auto;
  }

  .about-topic-tile {
    width: 12%;
    margin: 0.9%;
    padding: 6% 0;
    background: #a8094a;
    overflow: hidden;
    float: none;
    display: inline-block;
    position: relative;
  }

  #popupVideo .play-button-infront {
    width: 75px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 19;
    min-width: 0;
    min-height: 0;
  }
  #popupVideo:hover .play-button-infront {
    width: 90px;
    transition: width 0.3s ease-in-out;
  }

  .hero-bg,
  .hero-with-overlay .post-thumbnail {
    height: 300px;
  }
  .hero-bg img,
  .hero-with-overlay .post-thumbnail img {
    max-width: 150%;
    height: 300px;
  }
  .hero-with-overlay .text-block span,
  .video-pop-up-player h3.heading-overlay span {
    margin-bottom: 0.125em;
    padding: 0.25em;
    line-height: 1em;
    padding: 0.2em;
    font-size: 2.4rem;
    letter-spacing: 0.025em;
  }
  .hero-with-overlay .text-block .sub-text-block span {
    padding: 0.5em;
    margin-bottom: 0.25em;
    font-size: 1rem;
  }

  .topic-cs-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
  }
  .overscore .peekout-heading {
    font-size: 2.2rem;
  }

  .topic-job-role strong {
    height: 2.2em;
  }
  .search-results.woocommerce ul.products[class*='columns-'] {
    padding: 0 1%;
  }
  .search-results.woocommerce ul.products[class*='columns-'] li.product {
    width: 50%;
    float: left;
    clear: none;
    padding: 0;
    margin: 0;
  }

  .breakout .peekout-heading {
    position: absolute;
    top: -0.9em;
    left: 50%;
    transform: translateX(-50%);
  }

  .highlight-box.breakout .peekout-heading {
    background: transparent;

    font-size: 2.2rem;
    top: -1em;
    position: absolute;
    display: inline-block;

    position: absolute;
    transform: translateX(-50%);
    margin-bottom: 0;
  }

  section.boxed-unit.breakout header.peekout-heading h2 {
    padding: 1rem 2rem 0 2rem;
  }

  .topic-category-why-ft .stats div {
    border-right: 2px dotted #666;
  }
  .topic-category-why-ft .stats div:last-of-type {
    border-right: none;
  }

  .result-items-container {
    min-height: 400px;
  }
} /* end of tablet and larger styles */

/*********************************************
 *********************************************
 **              Desktop Styles             **
 *********************************************
 *********************************************/
.desktop {
  display: none;
}

@media screen and (min-width: 75em) {
  /* What idiot did this
    .course-results.row .large-4 {
        width: 25%;
    }
    */

  .course-filters-form .camp-format ul.extra_width {
    width: 78rem;
  }
  .course-filters-form .camp-format ul.uiclass_12 {
    width: 22rem;
  }
  .course-filters-form .camp-format ul.uiclass_6 {
    width: 48rem;
  }
  .course-filters-form .camp-format ul.uiclass_3 {
    width: 68rem;
  }
}

@media screen and (min-width: 64em) {
  h1 {
    font-size: 4rem;
  }
  h2 {
  }
  h3,
  h4 {
    font-size: 1.5rem;
  }
  .desktop {
    display: block;
  }
  .mobile {
    display: none;
  }
  .large-text-right {
    text-align: right;
  }
  #mobile-menu,
  .title-bar {
    display: none;
  }
  #site-masthead a.logo {
    display: none;
  }
  .mobile-cart {
    display: none;
  }

  /* Button Styles added Dec 2017 bp 1024px */
  /* buttons */
  .button {
    font-size: 0.9rem;
  }

  .button.hollow {
    font-size: 0.9rem;
    border-radius: 18px;
  }

  .button.primary.rounded,
  .course-results #variation-display .button,
  #variation-display .yith-wcwtl-output a {
    font-size: 0.9rem;
  }

  #filters select,
  #filters button,
  .dropdown-checkbox h6 {
    font-size: 0.8rem;
  }

  #main-menu > ul > li:first-child {
    padding-right: 0.5rem;
  }
  #main-menu > ul > li:first-child a {
    height: 0;
    padding: 57px 0 0 0;
    overflow: hidden;
    width: 116px;
    background: url(https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/ftc-logo.png)
      no-repeat 50% 50%;
    background-size: contain;
    opacity: 0.8;
  }
  #main-menu > ul > li:first-child a:hover {
    opacity: 1;
  }
  #main-menu
    .ubermenu-sub-indicators
    .ubermenu-has-submenu-drop
    > .ubermenu-target:after {
    right: 1.2em;
  }

  /* #main-menu .ubermenu .ubermenu-autoclear>.ubermenu-column-1-2,
    #main-menu .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item.ubermenu-column {
        padding-left: 1rem;
    } */
  #secondary-menu {
    border-left: 1px solid #db3f4d;
  }
  .ubermenu .ubermenu-submenu-type-flyout > .ubermenu-item {
    width: 100%;
  }
  #secondary-menu > nav > ul > li.ubermenu-item-has-children > a {
    color: #fff;
    font-size: 1.8rem;
    padding: 0 1rem;
    border-top: none;
  }

  #secondary-menu > nav > ul > li > a > .ubermenu-target-text {
    display: none;
  }
  #secondary-menu .ubermenu-vertical .ubermenu-item > .ubermenu-submenu-drop {
    top: 86px;
    right: 0;
    left: auto;
  }
  .row.page-heading,
  .single .row.page-heading {
    background: transparent;
  }
  h1 {
    font-size: 2.8rem;
  }
  .page-template-page-locations h2 {
    font-size: 2rem;
  }

  .locations-grid-item h3 {
    font-size: 1.5rem;
    margin-bottom: 0.8rem;
  }

  .right-align-contents {
    padding-right: 0;
  }
  .right-align-contents > div,
  .right-align-contents .button {
    float: right;
  }
  .text-right {
    text-align: right;
  }

  #main-menu .dynamic-basket {
    float: right;
    position: relative;
    border-left: 1px solid #db3f4d;
  }
  #main-menu .dynamic-basket a {
    color: #fff;
    font-size: 1.4rem;
    line-height: 2rem;
    padding: 1.5rem 1.6rem 1rem 1.5rem;
    display: inline-block;
  }
  #main-menu .dynamic-basket:hover {
    background: #db3f4d;
  }
  .dynamic-basket .badge.alert {
    position: absolute;
    right: 1.1rem;
    left: auto;
    top: 2.5rem;
    background: #fdd;
    color: #db3f4d;
    padding: 0.2em;
    min-width: 1.8em;
    font-weight: 600;
  }

  #primary-navigation {
    border-bottom: 1px solid #db3f4d;
  }

  .course-meta ul {
    padding: 0;
    margin: 0;
    padding: 0.75rem 0;
    overflow: hidden;
  }

  .course-lead img.lead-image {
    margin-bottom: 1rem;
  }

  .course-intro {
    padding: 6rem 1rem;
  }

  .course-intro .course-summary {
    font-size: 1.8rem;
    width: 50%;
  }

  body.course .course-lead {
    position: absolute;
    top: 2rem;
    z-index: 5;
  }

  .testimonials-container .testimonial {
    padding-top: 2%;
  }

  .course-features .columns .content {
    padding: 1.5rem;
  }

  .locations-intro-wrap .intro {
    padding-top: 10px;
  }
  .locations-intro-wrap .intro,
  .locations-intro-wrap .large-text-right {
    margin: 30px 0 30px 0;
  }

  #global-footer #sponsors ul li,
  #global-footer #sponsors ul li img {
    height: 100px;
  }
  .camp-format {
    margin: 0 auto;
    width: 58rem;
  }
  #filters {
    margin: 0 auto;
    background: #fff;
  }

  #filters .filter-wrapper {
    margin: 0;
    width: 83.33333%;
    background: transparent;
    padding: 0;
    border-radius: 0;
  }

  #filters .filter-wrapper > div:last-child h6 {
    border-right: 1px solid #e0e0e0;
  }

  #filters .filter-wrapper {
    box-shadow: none;
  }

  .course-results,
  .applied-filters {
    /* max-width: 59rem; */
  }

  .course-filters-wrapper {
    background-size: cover;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .course-filters-form {
    overflow: visible;
  }
  .course-filters-form .camp-format {
    background: #ff4c50;
    display: block;
    overflow: hidden;
    clear: both;
    width: 100%;
  }
  .course-filters-form .camp-format ul {
    width: 58rem;
    margin: 0 auto;
  }

  .course-filters-form .camp-format ul li.active a {
    background: #f4f0ed;
  }
  .filters.tablet {
    padding: 2.5rem 1.5rem;
  }
  .stats p {
    font-size: 0.85rem;
  }
  .site-content .latest-news.row {
    width: auto;
  }
  .upcoming ul.upcoming-list {
    max-width: 1000px;
  }

  .attendee-form {
    background: #fff
      url(https://cdn.firetechcamp.com/wp-content/themes/firetechtheme/images/attendee-bg2.jpg)
      no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
  }

  #registerAttendeeForm {
    float: left;
  }

  #registerAttendeeForm label,
  .login label {
    font-weight: 600;
  }

  .help-text {
    font-size: 0.9rem;
  }
  .large-align-left {
    clear: both;
    float: left;
  }

  /* blog */
  .single-post .hero,
  .single-post .hero .post-thumbnail,
  .single-post .heading-overlay {
    height: 27rem;
  }

  .single-post .entry-footer p {
    width: 79%;
    float: left;
  }
  .single-post .entry-footer .mobile-thumb-wrapper-150 {
    float: left;
    margin: 5px 1% 10px 0;
    width: 20%;
    height: auto;
  }
  .single-post .entry-footer img.avatar,
  .single-post .entry-footer img.wp-post-image {
    margin: 0;
  }
  .single-post .hero img {
    transform: translateY(-8%);
  }

  #featured-articles .overlay h2 {
    font-size: 1.125rem;
  }
  .aspect-ratio.map-slice {
    padding-bottom: 25%;
  }

  .large-gutters {
    padding-left: 15%;
    padding-right: 15%;
  }

  .ftc-difference .overlay {
    padding: 3rem 15%;
  }

  .search-result {
    max-width: 53rem;
  }
  .search-result .entry-type {
    float: right;
    font-weight: 600;
  }

  .course-meta ul {
    display: block;
  }

  /* New styles added Dec 2017 bp 1024 */
  .home-header_container {
    height: 35em;
  }

  .home-header_container .text-block {
    padding: 2rem 1rem 1rem 2rem;
    width: 55%;
  }

  .home-header_container .text-block h1 {
    font-size: 3.5rem;
  }

  .home-header_container .text-block h1 .title_inset {
    margin-left: 9rem;
  }

  .home-header_container .sub-text-block {
    max-width: 485px;
    padding-left: 9rem;
  }

  .home-header_container .sub-text-block h2 {
    font-size: 1.2rem;
  }

  .upcoming ul.upcoming-list .columns {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  article.camp-topics .row {
    margin-bottom: 2rem;
  }

  .camp-topics .row {
    max-width: 1000px;
  }

  .camp-topics header {
    margin-bottom: 2.5rem;
  }

  .camp-topics .image-container img {
    height: 120px;
    width: auto;
  }

  .testimonials-container .testimonial {
    height: 30rem;
  }

  .testimonials-container .testimonial blockquote {
    width: 35%;
  }

  .home .latest-news,
  .home .sponsors,
  .box {
    padding: 2rem 1.5rem;
  }

  .latest-news .more-news {
    margin-bottom: 2rem;
  }

  .press blockquote p {
  }

  .press hr {
    width: 33%;
  }

  .page-hero {
    height: 25rem;
  }

  .page-header-details {
    padding-bottom: 0;
    height: 8rem;
  }

  .page-header-details .table-helper {
    display: table;
  }

  .single-product .page-heading .page-icon {
    height: 8rem;
    width: 8rem;
    margin-right: 2rem;
  }

  .single-product .page-heading .page-icon img {
    height: 110px;
  }

  .single-product .page-heading .page-title {
    float: none;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    width: 100%;
  }

  h1#product-title {
    font-size: 1.88rem;
  }

  h2.subtitle {
    font-size: 1.25rem;
  }

  .questions-section #ywqa_ask_question_text,
  .questions-section input#ywqa-submit-question {
    padding: 1.5rem 1rem;
  }

  .questions-section .ywqa-ask-question > div:after {
    top: 1.65rem;
  }

    h1#product-title {
        font-size: 1.88rem;
    }
  #featured-articles .post-thumbnail,
  .blog .post-thumbnail {
    height: 20rem;
  }

  .blog .page-header {
    padding: 10rem 2rem;
  }

  .blog .nav-links,
  .page-template .nav-links {
    font-size: 1rem;
  }

  .pagination .page-numbers.dots {
    padding: 0.45rem 0.625rem 0.5rem;
  }

  h2.entry-title,
  .detail h2 {
    font-size: 1.4rem;
  }

  .news-item .detail .read-more,
  .blog article .read-more {
    font-size: 0.9rem;
  }

  .news-item .detail .read-more:after,
  .blog article .read-more:after {
    transform: rotate(-90deg) scale(0.8);
    top: -1px;
  }

  .course-filters-wrapper .page-heading {
    padding: 4rem 0;
  }

  .course-filters-wrapper .page-heading .title {
    max-width: 470px;
  }

  .camp-format ul li:first-child {
    padding-right: 1rem;
  }

  .camp-format ul li:last-child {
    padding-left: 1rem;
  }

  .course-filters-wrapper .title .subtitle {
    margin-bottom: 1.5rem;
  }

  .course-results {
    margin-right: auto;
  }

  .result-items-container {
    margin-right: -0.9375rem;
  }

  .locations .entry-header {
    top: -10rem;
  }

  .locations .entry-header h1 span,
  h1.boxed-text span {
    padding: 10px 5px 7px 10px;
    font-size: 4rem;
    line-height: 4rem;
  }

  .locations .entry-header h1 .header-location {
    font-size: 1.5rem;
    padding: 0 5px 0 8px;
    line-height: 2.5rem;
  }

  .locations .location-address-container {
    padding-top: 14rem;
  }

  .locations .page-footer-image {
    height: 22rem;
  }

  .topic-single .video-pop-up-player .video-still, .locations  .video-pop-up-player .video-still,  .single-product .video-pop-up-player .video-still {
    height: 28rem;
  }

  .video-pop-up-player .video-still .play-button-infront {
    width: 85px;
  }

  .video-modal .modal-content {
    width: 60%;
  }
  #global-footer #footer-sitemap .footer-1 {
    padding-left: 0;
  }

  #secondary-menu .ubermenu .ubermenu-icon {
    line-height: 5rem;
  }
  .single-post article.post .entry-content {
    max-width: 60rem;
    margin: 1rem auto;
    background: white;
    padding: 1rem 3rem;
  }

  .hero-bg,
  .hero-with-overlay .post-thumbnail {
    height: 400px;
  }
  .hero-bg img,
  .hero-with-overlay .post-thumbnail img {
    max-width: inherit;
    min-height: 400px;
    height: auto;
  }
  .hero-with-overlay .text-block span,
  .video-pop-up-player h3.heading-overlay span {
    font-size: 3.5rem;
  }
  .hero-with-overlay .text-block .sub-text-block span {
    font-size: 1.2rem;
  }

  .location-finder .cf-filter .align-cf {
    float: right;
  }
  .camp-topics .link_options {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    transform: translate(-50%, -50%);
    min-width: 80%;
    padding: 0;
    margin: 0;
  }

    .locations .page-footer-image {
        height: 22rem;
    }



    .topic-single .video-pop-up-player .video-still, .locations .video-pop-up-player .video-still {
        height: 28rem;
    }

    .video-pop-up-player .video-still .play-button-infront {
        width: 85px;
    }

    .video-modal .modal-content {
        width: 60%;
    }
    #global-footer #footer-sitemap .footer-1 {
        padding-left: 0;
    }

    #secondary-menu .ubermenu .ubermenu-icon {
        line-height: 5rem;
    }
    .single-post article.post .entry-content {
        max-width: 60rem;
        margin: 1rem auto;
        background: white;
        padding: 1rem 3rem;
    }

    .hero-bg, .hero-with-overlay .post-thumbnail {
        height: 400px;
    }
    .hero-bg img, .hero-with-overlay .post-thumbnail img {
        max-width: inherit;
        min-height: 400px;
        height: auto;
    }
    .hero-with-overlay .text-block span, .video-pop-up-player h3.heading-overlay span {
        font-size: 3.5rem;
    }
    .hero-with-overlay .text-block .sub-text-block span {
        font-size: 1.2rem;
    }

    .location-finder .cf-filter .align-cf {
        float: right;
    }
    .camp-topics .link_options {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 5;
        transform:translate(-50%, -50%);
        min-width: 80%;
        padding: 0;
        margin: 0;
    }

    .camp-topics .link_options li {
        display: none;

    }

    .single-product .page-heading .page-icon {
        height: 8rem;
        width: 8rem;
        margin-right: 2rem;
    }

    .single-product .page-heading .page-icon img {
        height: 110px;
    }


} /* end of Desktop styles */

/* Smaller than desktop */
@media screen and (max-width: 65em) {
  .course-categories {
    margin-top: 1rem;
    text-align: center;
  }
  .right-align-contents {
    text-align: center;
  }

  .site-content .row.page-heading {
    margin-left: 0;
    margin-right: 0;
  }
  .badge.alert {
    position: absolute;
    right: 0;
    left: auto;
    top: 1.2rem;
    background: #fdd;
    color: #db3f4d;
    padding: 0.2em;
    min-width: 1.8em;
    font-weight: 600;
  }
}

/* special sizing for wide mobile/phablets in landscape */
/* max-width: 768px */
@media screen and (max-width: 48em) {
  /*    .mobile-filter-control.mobile-only, #mobile-filter, .filter-menu.mobile-only {
        display: none;
    }*/

	.result-item-image-parent{
		width: 100%;
	}
	.result-item-details{
		clear: both;
	}
	.result-item .result-meta li:last-child{
		clear: none;
		border-left: 1px solid #ccc;
	}
	.result-item .result-meta li{
		padding: 0 10px 0 10px;
		margin: unset;
	}
	.result-item-buttons .button{
		width: 45%;
		float: left;
		margin: 0;
		clear: unset;
		background-position: right 1rem top 1rem;
		padding: 18px 20px 20px 10px;
	}
	.prod-info{
		background-position: right 0.5rem top 1.2rem!important;
	}
	ol.learning-list li::before{
		margin-top: -20px;
	}
	.product-info{
		margin-bottom: 3.5rem;
	}
	.result-item-buttons {
		display: flex;
		justify-content: space-around;
	}
	.variation-heading {
		padding-bottom: 6.5%!important;
		font-size: 9px;
		padding-top: 10px;
	}
	select#quantity_select{
		margin-left: 1.5rem;
		margin-top: unset;
		height: 1.8rem;
		padding-top: 2px;
		padding-right: 15px;
		background-position: right -0.9rem center;
		background-size: 18px 6px;
		padding-bottom: 3px;
	}
	.date-heading, .duration-heading{
		margin-left: 0.4rem;
	}
	.time-heading{
		    margin-left: -0.3rem;
	}
	.price-heading{
		margin-left: 0.2rem;
	}
	.location-heading {
		margin-left: -1rem;
	}
	.variation .date, .variation .time, .variation .price{
		font-size: 11px;
		padding-top: 0px;
	}

	.variation .date{
		margin-left: -0.2rem;
		width: 15%;
		text-align: center;
	}
	.course-info p {
		line-height: 2em;
		font-size: 13px;
	}
	.info-btn{
		font-size: 10px;
	}
	.variation .price {
		margin-left: -0.2rem;
		display: inline-grid;
		line-height: 9px;
	}
	.variation .time{
		margin-left: 0.7rem;
	}
	.variation .quantity-col{
		margin-left: -0.4rem;
	}
	.variation .location{
		margin-left: -0.8rem;
		font-size: 7px;
	}
	.course-results #variation-display .button::before{
		content: '\2713';
		font-size: 20px;
	}
	.course-results #variation-display .button{
		margin:0.5em 1.5em;
		padding: 8px !important;
		width:unset !important;
	}
	.orbit, .orbit-container{
		height: 320px !important;
	}
	.extra-div{
		width:100%;
	}
	li.orbit-slide .columns{
		padding: unset;
	}
	.column-heading{
		width: 100%;
		margin-left: 0;
	}
	.column-video {
		margin-left: 20px;
	}
	.learning-list li{
		font-size: 13px;
	}
	.book{
		margin-right: unset;
	}
	.product-info .columns{
		padding-left: unset;
		padding-right: unset;
	}
	.product-info ul.orbit-container .columns {
		padding: unset;
	}

  .result-item .result-meta {
    position: static;
    max-width: 100%;
  }
  .result-title{
		margin-top:0.5rem;
	}
  .mobile-cart {
    right: 65px;
  }
  .is-drilldown {
    min-width: 100%;
  }
  .page-template-help .contact-details label {
    width: 100%;
    float: left;
  }
  .page-template-help .contact-details {
    padding-left: 1.5rem;
  }
  .variation .book {
    margin-top: 10px;
  }
  .footer .menu > li > a {
    padding: 0.7rem 0 0 0;
  }
  #global-footer #footer-sitemap h6,
  #global-footer #footer-sitemap .footer-1 li a {
    padding: 0 0 0 0.5rem;
  }
  #global-footer .footer-2 {
    border-top: 1px solid #db3f4d;
  }
  #global-footer #newsletter-signup form .mc-field-group input,
  #global-footer #newsletter-signup form .mc-field-group select {
    font-size: 0.7rem;
  }
}
/* max-wdith: 660px */
@media screen and (max-width: 41.25em) {
    .page-header-details .course-meta .meta-price, .page-header-details .course-meta .meta-age,
    .page-header-details .columns {
      text-align: left;
      display: block;
      margin: 0 auto;
    }
    .page-header-details .book-unit {
      float: left;
      margin: 0 1rem 0 1rem;
      padding-left: 2rem;
    }
    .page-header-details .book-unit a {
      width: 100%;
    }

    .course-filters-form .tablet {padding-top: 1rem;}
    #filters .column, #filters .columns {
      padding-right: 0;
    }
    #filters select#age {
      padding-left: 23px !important;
    }
    #filters input[type=text], #filters select, .dropdown-checkbox h6,
    #filters button {
      font-size: 0.9rem;
    }
    .button.applied-filter {
      margin-top: 10px;
    }
    .course-filters-wrapper h1,
    .course-filters-wrapper p.subtitle {
      padding: 0 20px 0 20px;
    }
    .course-summary p span {
      line-height: 1.4rem;
    }
    .course-filters-form .accordion-title {
      padding-left: 1.7rem;
    }
    #nav_menu-2 .menu-more-info-links-container li {
      display: block;
      text-align: left;
    }
    #nav_menu-3 .menu-more-info-links-container li {
      display: inline-block;
      padding-right: 0.5rem;
      opacity: 0.8;
    }
    .camp-format ul li.small-new,.camp-format ul li.small-3 {
        width: 75%;
        padding-right: 0;
        margin: 0 auto;
        float: none;
    }
    .camp-format ul li.small-new:last-child, .camp-format ul li.small-3:last-child {
        padding-left: 0;
        float: none;
    }
    /* Style missing from foundation version in use */
    .button.small-only-expanded {
    display: block;
    margin: 0 auto;
  }
  .page-header-details .book-unit {
    float: left;
    margin: 0 1rem 0 1rem;
    padding-left: 2rem;
  }
  .page-header-details .book-unit a {
    width: 100%;
  }
  .single-product .page-heading .page-icon {
    display: none;
  }
  .single-product .page-heading .page-title {
    width: 100%;
    padding: 0.8rem;
    text-align: left;
  }
  .course-filters-form .tablet {
    padding-top: 1rem;
  }
  #filters .column,
  #filters .columns {
    padding-right: 0;
  }
  #filters select#age {
    padding-left: 23px !important;
  }
  #filters input[type='text'],
  #filters select,
  .dropdown-checkbox h6,
  #filters button {
    font-size: 0.9rem;
  }
  .button.applied-filter {
    margin-top: 10px;
  }
  .course-filters-wrapper h1,
  .course-filters-wrapper p.subtitle {
    padding: 0 20px 0 20px;
  }
  .course-summary p span {
    line-height: 1.4rem;
  }
  .course-filters-form .accordion-title {
    padding-left: 1.7rem;
  }
  #nav_menu-2 .menu-more-info-links-container li {
    display: block;
    text-align: left;
  }
  #nav_menu-3 .menu-more-info-links-container li {
    display: inline-block;
    padding-right: 0.5rem;
    opacity: 0.8;
  }
  .camp-format ul li.small-new,
  .camp-format ul li.small-3 {
    width: 75%;
    padding-right: 0;
    margin: 0 auto;
    float: none;
  }
  .camp-format ul li.small-new:last-child,
  .camp-format ul li.small-3:last-child {
    padding-left: 0;
    float: none;
  }
  /* Style missing from foundation version in use */
  .button.small-only-expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}
/* min-width: 1025px */
@media screen and (min-width: 64.0625em) {
  .schedule-table {
    font-size: 0.95rem;
  }
  .schedule-table th {
    min-width: 175px !important;
    min-height: 70px !important;
  }
  .schedule-table td {
    min-height: 70px !important;

    text-align: center;
  }
  .schedule-table tr {
    height: 70px !important;
  }
  .schedule-course-name {
    min-width: 175px !important;
    min-height: 70px !important;
    max-width: 175px !important;
    max-height: 120px !important;
  }
  .schedule-date {
    min-width: 170px;
    max-width: 170px;
  }
  .search-results h1.page-title {
    padding: 2rem 1rem 2rem 1rem;
  }
  .search-results .woocommerce-result-count {
    padding-left: 1rem;
  }
  .search-results .woocommerce-ordering {
    padding-right: 1rem;
  }
  .search-results .woocommerce-pagination {
    margin-bottom: 2rem;
  }
  .testimonials-block .testimonial {
    width: 48%;
    margin-right: 1rem;
  }
  .woocommerce a.button.add-to-cart-pop-up {
    font-size: 0.9rem;
  }
}
@media screen and (min-width: 660px) and (max-width: 768px) {
  .camp-format ul li:last-child {
    padding-right: 0 !important;
  }
  .camp-format ul li.small-new,
  .camp-format ul li.small-3 {
    padding-right: 0.3rem;
  }
  .course-filters-form .camp-format ul.uiclass_12 li:last-child {
    padding-right: 0.5rem !important;
  }
}
/* min-width: 769px and max-width: 1024px */
@media screen and (min-width: 26.625em) and (max-width: 64em) {
  .schedule-table {
    font-size: 0.95rem;
  }
  .schedule-table th {
    min-width: 150px !important;
    min-height: 70px !important;
  }
  .schedule-table td {
    min-height: 70px !important;
    text-align: center;
  }
  .schedule-table tr {
    height: 70px !important;
  }
  .schedule-course-name {
    min-width: 150px !important;
    min-height: 70px !important;
    max-width: 150px !important;
    max-height: 120px !important;
  }
  .schedule-date {
    min-width: 150px;
    max-width: 150px;
  }
  .search-results h1.page-title {
    padding: 2rem 1rem 2rem 1rem;
  }
  .search-results .woocommerce-result-count {
    padding-left: 1rem;
  }
  .search-results .woocommerce-ordering {
    padding-right: 1rem;
  }
  .search-results .woocommerce-pagination {
    margin-bottom: 2rem;
  }
  .testimonials-block .testimonial {
    width: 45%;
    margin-right: 1rem;
  }
  /* .course-filters-form .camp-format ul.uiclass_12 {
        width: 48rem;
            margin: 0 auto;
    } */
    .course-filters-form .camp-format ul.uiclass_12 li:last-child {
        padding-right: 0.5rem !important;

    }


}

/*  min-width: 426px and max-width: 768px */
@media screen and (min-width: 26.625em) and (max-width: 48em) {
  .schedule-table {
    font-size: 0.95rem;
  }
  .schedule-table th {
    min-width: 130px !important;
    min-height: 85px !important;
  }
  .schedule-table td {
    min-height: 85px !important;
    text-align: center;
  }
  .schedule-table tr {
    height: 85px !important;
  }
  .schedule-course-name {
    min-width: 130px !important;
    min-height: 85px !important;
    max-width: 130px !important;
    max-height: 120px !important;
  }
  .schedule-date {
    min-width: 130px;
    max-width: 130px;
  }
  .search-results h1.page-title {
    padding: 2rem 1rem 2rem 1rem;
  }
  .search-results .woocommerce-result-count {
    padding-left: 1rem;
  }
  .search-results .woocommerce-ordering {
    float: none;
    padding-left: 1rem;
  }
  .search-results .woocommerce-pagination {
    margin-bottom: 1rem;
  }
  .testimonials-block .testimonial {
    width: 100%;
  }
}
/*  max-width: 425px */
@media screen and (max-width: 26.5625em) {
  .schedule-table {
    font-size: 0.85rem;
  }
  .schedule-table th {
    min-width: 125px !important;
    min-height: 80px !important;
  }
  .schedule-table td {
    min-height: 80px !important;
    text-align: center;
  }
  .schedule-table tr {
    height: 100px !important;
  }
  .schedule-course-name {
    min-width: 125px !important;
    min-height: 80px !important;
    max-width: 125px !important;
    max-height: 125px !important;
  }
  .schedule-date {
    min-width: 125px;
    max-width: 125px;
  }
  .search-results h1.page-title {
    padding: 2rem 1rem 2rem 1rem;
  }
  .search-results .woocommerce-result-count {
    padding-left: 1rem;
  }
  .search-results .woocommerce-ordering {
    float: none;
    padding-left: 1rem;
  }
  .search-results .woocommerce-pagination {
    margin-bottom: 1rem;
  }
  .testimonials-block .testimonial {
    width: 100%;
  }

  .ubermenu-row-id-1174 li a:hover {
    background: #fff;
  }
  #site-masthead ul.ubermenu-row-id-1174,
  #site-masthead ul.ubermenu-row-id-10660,
  #site-masthead ul.ubermenu-row-id-6875 {
    display: block;
  }
}

/* Safari 6.1+ specific styles  */

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {
  .result-item .result-meta li {
    font-size: 0.75rem;
  }
}
.category-list .tags li.active-category a {
  background-color: #ff4c50;
  color: #fff;
}
.ftc-content #archive-articles {
  width: 100%;
}
@media screen and (min-width: 1024px) and (max-width: 1360px) {
  #archive-articles .grid-item .entry-header {
    height: 90px;
  }
}
/* coupan code in checkout page */
.woocommerce .checkout_coupon #coupon_code {
  height: 48px;
}
.woocommerce .checkout_coupon .button,
.woocommerce .checkout_coupon input.button {
  background: #00e6c8;
  color: #fff;
  height: 48px;
}
/* footer link dynamic */
#global-footer #footer-sitemap .logo {
  width: 35%;
}
#footer-widgets {
  text-align: center;
}
#footer-widgets ul {
  display: inline-block;
}
#footer-widgets .widget_nav_menu {
  display: inline-block;
  float: none;
  margin: 0 20px 0 0;
  text-align: left;
}
#footer-widgets h4.widget-title {
  color: #fff;
  font-size: 1rem;
  margin-right: 2rem;
}
@media screen and (max-width: 64em) {
  #footer-widgets .widget_nav_menu {
    margin: 0;
    display: table-cell;
    text-align: center;
  }
  #global-footer #footer-sitemap .logo {
    margin: 0 auto 2rem auto;
  }
  #global-footer ul.social-links li {
    float: none;
  }
  #global-footer .footer-2 {
    text-align: center;
  }
  #global-footer .footer-1 {
    display: table;
    table-layout: fixed;
  }
  #global-footer .footer ul {
    float: none;
  }
}
@media screen and (max-width: 40em) {
  #footer-widgets .widget_nav_menu {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    display: inline-block;
  }
  #global-footer .footer ul {
    padding: 0.5rem 0rem 1rem 0;
  }
  #footer-widgets h4.widget-title {
    margin: 0 auto;
  }
}

@media screen and (max-width: 769em) {
}
.page-template-template-filter-course-page .nav-links,
.page-template-template-filter-course-page .pagination a.page-numbers {
  display: inline-block;
}

.woocommerce ul.products li.product a img {
  width: auto;
  height: auto;
  display: block;
  margin: auto;
  box-shadow: none;
}

.place-cancel-search {
  display: inline;
  color: #fff;
  opacity: 0;
}

.place-input {
  display: inline;
}

.place-message {
  display: block;
  font-size: 0.8em;
  min-height: 0.8em;
}

#mc_embed_signup_novac select,
#mc_embed_signup_novac input {
  height: 60px;
}
/* HP location search */
.home #place-locator-input {
  text-align: center;
}

.home #place-locator-input input {
	display: block;
	margin: 0 auto;
	width: 60%;
	min-width: 300px;
	border: none;
	color: #333;
	height: 3.5rem;
	box-shadow: none;
	text-transform: uppercase;
	font-size: 0.8rem;
}

.ui-autocomplete .ui-menu-item{
	font-size: 0.8rem;
    text-transform: uppercase;
}

.home .place-message {
  display: block;
  font-size: 1rem;
  margin-bottom: 0.5rem;
  color: #ff4c50;
}

/* New Radio Buttons for Registration */
.switch-field {
  display: flex;
  position: relative;
  margin-bottom: 36px;
}

.switch-field input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}

#registerAttendeeForm .switch-field input[type='radio'],
#student-details .switch-field input[type='radio'] {
  position: absolute;
  top: 100%;
  left: -10px;
  padding: 5px 0 0;
  border: 0;
  background: 0;
  box-shadow: unset;
  color: #e66157;
}

@media screen and (min-width: 40em) {
  #registerAttendeeForm .switch-field input[type='radio'],
  #student-details .switch-field input[type='radio'] {
    left: unset;
  }
}

.switch-field label.radio-label {
  background-color: #e4e4e4;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  line-height: 1;
  text-align: center;
  padding: 8px;
  margin-right: -1px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  transition: all 0.1s ease-in-out;
}

.switch-field label.radio-label:hover {
  cursor: pointer;
}

.switch-field input:checked + label.radio-label {
  box-shadow: none;
}

.switch-field label.radio-label:first-of-type {
  border-radius: 4px 0 0 4px;
}

.switch-field label.radio-label:last-of-type {
  border-radius: 0 4px 4px 0;
}

/* Single Product Page */
.single-product .pricing-details {
    font-size: 13px;
    font-family: 'Roboto', Glober, "Lucida Grande", Verdana, sans-serif;
    color: #b93341;
    cursor: pointer;
    font-weight: bold;
}

.single-product .pricing-details:hover {
    text-decoration: underline;
}

.single-product .box {
    padding: 3rem 1.5rem;
}

.single-product .page-header-details {
    height: auto;
    padding: 2rem 1rem;
}

.single-product .page-header-details .course-meta .meta-price {
    position: relative;
    margin: 0;

}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .single-product .page-header-details .course-meta .meta-price {
        margin-left: 10px;
    }
    .single-product .page-header-details.legacy .course-meta .meta-price {
        margin-left: 0;
    }
    .single-product .page-header-details.legacy .page-title.with-icon {
        padding-left: 5.5rem;
    }

}

.single-product .pricing-details-modal {
    display: none;
    position: absolute;
    bottom: 10rem;
    right: 0;
    z-index: 999;
    width: 300px;
    min-height: 200px;
    padding: 15px;
    /* border: 2px solid #666;*/
    border-radius: 15px;
    background: #ffffff;
    box-shadow: -2px 2px 8px 2px #000000;
}

.single-product .pricing-details-modal__close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.single-product .pricing-details-modal-content {
    padding: 1rem 0;
}

.single-product .course-meta .pricing-details-modal ul {
    list-style-type: square;
    list-style-position: outside;
    padding-left: 18px;
}
.single-product .course-meta .pricing-details-modal ul li {
    display: list-item;
    padding-left: 0;
}
/*
.single-product .course-meta .pricing-details-modal ul li {
  padding-left: 10px;
}

.single-product .course-meta .pricing-details-modal ul li:before {
  content: "■";
  font-size: 1rem;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 2px;
}



.single-product .course-meta .pricing-details-modal-list li > * {
  padding-left: 10px;
}
*/
.single-product .page-header-details .book-unit {
    padding: 0;
    display: block;
    margin: 0;
    width: 100%;
}
.single-product .page-header-details.legacy .book-unit {
        width: 90%;
        margin: 0 0 1rem 5%;
    }

.single-product .page-header-details .book-unit a {
    display: block;
    width: 100%;
    margin: 30px auto 0;
}
.single-product .page-header-details .book-unit-legacy {
    text-align: center;
    padding-bottom: 1rem;
}

.page-header-details.legacy .table-helper {
    margin-bottom: 1rem;
}

@media screen and (min-width: 768px) {
    .single-product .page-header-details .book-unit-legacy {
        padding-top: 3rem;
    }
    .page-header-details.legacy .table-helper {
        margin-bottom: 0;
    }
}




@media screen and (min-width: 768px) and (max-width: 1023px) {
    .single-product .page-header-details .book-unit a {
       width: 200px;
    }
}

.single-product .course-meta {
    padding: 0;
}

@media screen and (min-width: 768px) {
    .single-product .course-meta {
        display: flex;
    }
}

@media screen and (max-width: 767px) {
    .single-product .course-meta > div {
        padding-bottom: 30px;
    }
}
/*
@media screen and (min-width: 768px) {
    .single-product .course-meta > div {
        margin-right: 60px;
    }
}*/

.single-product .course-meta ul {
    padding: 0;
}

.single-product .course-meta > div > p {
    margin-bottom: 5px;
}
/*
.single-product .course-meta--details {
    display: flex;
    flex-direction: column;
}
*/
@media screen and (min-width: 768px) {
    .single-product .page-header-details .course-meta .meta-age {
        margin: 0 0 20px 0;
    }
}

.single-product .meta-availability ul {
  /* max-width: 250px; */
  margin: 0;
  padding: 0 0 0 15px;
  display: block;
  width: 100%;
  overflow: hidden;
  list-style-type: none;
  /*list-style-position: outside;*/
}

.single-product .meta-availability li {
    display: block;
    width: 50%;
    margin: 0 0 2px 0;
    padding: 0 5% 0 0;
    float: left;
    display: block;

}

.single-product .meta-availability li:before {
    content: "■";
    font-size: 1rem;
    display: inline-block;
    position: absolute;
    left: -16px;
    top: -2px;
}

.single-product .info-container {
    max-width: 900px;
    margin: auto;
}

.single-product .info-container.legacy {
    max-width: 100%;
    margin-bottom: 1.5rem;
}

.single-product .info-container.legacy ul {
    list-style-type: disc;
}
.single-product .box .info-container.legacy ul li::before {
    content: "■";
    font-size: 1rem;
    display: inline-block;
    color: rgb(255, 76, 80);
    position: absolute;
    left: -20px;
    top: -2px;
}

.single-product .course-overview .columns:first-of-type{
    padding: 0;
}

.single-product .learning-points-container {
    background: #ffffff;
}

.single-product .learning-points-container h2 {
    margin-bottom: 20px;
    letter-spacing: -.07rem;
}

@media screen and (min-width: 768px) {
    .single-product .learning-points-container h2 {
        letter-spacing: 0;
    }
}

.single-product .learning-points {
    display: flex;
    flex-wrap: wrap;
    margin-left: unset;
}

.single-product .learning-points li {
    display: flex;
    width: 100%;
    margin-bottom: 15px;
    font-size: 16px;
}

@media screen and (min-width: 768px) {
    .single-product .learning-points li {
        width: 32%;
        padding-right: 45px;
    }
}

.single-product .learning-points li:last-of-type {
    margin-bottom: 0;
}

.single-product .learning-points li:before {
    content: url(../images/check.png);
    margin-right: 10px;
    border-radius: 45%;
}

.single-product .course-overview__description {
    padding: 30px;
}

@media screen and (min-width: 768px) {
    .single-product .course-overview__description {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

.single-product .course-overview img {
    display: none;
}

@media screen and (min-width: 1024px) {
    .single-product .course-overview img {
        display: block;
        width: 100%;
    }
}

.single-product .testimonial-quote-image {
    position: relative;
}

.single-product .testimonial__quote-bubble {
    position: absolute;
    top: 200px;
    right: 44%;
    z-index: 999;
}

@media screen and (min-width: 768px) {
    .single-product .testimonial__quote-bubble {
        top: 12%;
        right: 35%;
    }
}

@media screen and (min-width: 1024px) {
    .single-product .testimonial__quote-bubble {
        top: 8%;
        right: 20%;
    }

}

@media screen and (min-width: 768px) {
    .single-product .testimonials-container .testimonial blockquote {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transform-origin: 100% 0;
        transform: skew(15deg);
        width: 45%;
        height: 100%;
    }
}

.single-product .testimonials-container .testimonial blockquote p,
    .single-product .testimonials-container .testimonial blockquote cite {
        width: 80%;
        margin-bottom: 1.5rem;
        font-weight: bold;
    }

@media screen and (min-width: 768px) {
    .single-product .testimonials-container .testimonial blockquote p,
    .single-product .testimonials-container .testimonial blockquote cite {
        font-size: 16px;
        transform: skew(-15deg);
    }
}

@media screen and (min-width: 1024px) {
    .single-product .testimonials-container .testimonial blockquote p,
    .single-product .testimonials-container .testimonial blockquote cite {
        font-size: 24px;
    }
}

@media screen and (max-width: 767px) {
    .single-product .testimonials-container .testimonial img {
        height: 250px;
        object-fit: cover;
    }
}

@media screen and (min-width: 768px) {
    .single-product .testimonials-container .testimonial img {
        object-position: -200px;
    }
}

@media screen and (min-width: 1024px) {
    .single-product .testimonials-container .testimonial img {
        object-position: -300px;
    }
}

.single-product .back-to-top a.button.alt,
.single-product .back-to-top a.button.alt:hover {
    color: #b91423;
    background: none;
}

.single-product .course-highlights {
    background: #aa0049;
}

.single-product .course-highlights h2 {
    margin-bottom: 30px;
    color: #ffffff;
    font-size: 24px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .single-product .course-highlights h2 {
        text-align: left;
    }
}

.single-product .course-highlights__item {
    margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
    .single-product .course-highlights__item {
        display: flex;
        align-items: center;
        margin-bottom: 0;
    }
}


.single-product .course-highlights__image {
        width: 100px;
        height: 100px;
        margin: 30px auto;

    }
.single-product .course-highlights__image_wrapper {
        width: 100px;
        height: 100px;
        border: 4px solid #ffffff;
        border-radius: 50%;
        overflow: hidden;
        text-align: center;
}
.single-product .course-highlights__image img {
    width: 100%;
    min-width: 100px;
    min-height: 100px;
    margin: -4px 0 0 -4px;
    object-fit: cover;
}
/*
@media screen and (min-width: 768px) {
    .single-product .course-highlights__image img {
        height: 130px;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1023px) {
    .single-product .course-highlights__image img {
        height: 150px;
    }
}
*/
.single-product .course-highlights__text {
    color: #ffffff;
}

@media screen and (min-width: 768px) {
    .single-product .course-highlights__text {
        width: 80%;
    }
}

.single-product .course-highlights__text h4 {
    font-size: 18px;
    color: #ffffff;
}

.single-product .info-box__video-container {
    position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.single-product .info-box__video-container iframe {
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.single-product .vex.vex-theme-ftc-video .vex-close {
    top: -27px;
}
.single-product .info-box__video-container .heading-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    /*transform: translateY(-50%);*/
    display: block;
    width: 90%;
    z-index: 2;
}
/*
.single-product .info-box__video-container:hover .heading-overlay {
    z-index: 2;
}*/

.single-product .info-box__video-container .heading-overlay span {
    margin-bottom: .125em;
    padding: .25em;
    line-height: 1em;
    padding: .2em;
    font-size: 1.6rem;
    letter-spacing: .025em;
    background-color: rgb(255,255,255, 0.9);
    text-align: left;
    display: table;
    float: left;
    clear: both;
}
.single-product .info-box__video-container .heading-overlay span.title_inset {
    position: relative;
    left: 2.1em;
}
/*
.single-product .info-box__video-container:hover .heading-overlay {
    display: none;
}*/
.single-product .info-box__faq-container {
    padding: 30px;
    background: #ffffff;

    clear: both;
}
.single-product .info-box__faq-container h6, .single-product .info-box__faq-container h2 {
    font-family: Code-Pro-Bold,Roboto,Helvetica Neue,Helvetica,Arial sans-serif;
    font-weight: 400;
}
.single-product .info-box__faq-container.active {
    height: 100%;
}

/*.single-product .course-highlights .info-box__faq {
    max-height: 160px;
    overflow: hidden;
}*/

.single-product .info-box__faq-container.active .info-box__faq {
    max-height: 100%;
}

.single-product .info-box__faq-container .faq_expand_trigger:after {
    content: 'Show more';
    color: #AA0049;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.single-product .info-box__faq-container.active .faq_expand_trigger:after {
    content: 'Show less';
}



.single-product .course-highlights .info-box h2 {
    color: #000000;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
/*    .single-product .course-highlights .info-boxes {
        display: flex;
        justify-content: space-between;
    }

    .single-product .course-highlights .info-box {
        width: 48%;
    }
*/
}

.single-product .course-highlights .info-box:first-of-type {
    margin-bottom: 30px;
}

.single-product .course-faqs hr {
    display: none;
}

.single-product .course-faqs__meet {
    padding: 0;
}

@media screen and (min-width: 768px) and (max-width: 1023px){
    .single-product .course-faqs__meet {
        display: flex;
        position: relative;
    }

    .single-product .columns.large-4.course-faqs__meet img {
        width: 50%;
        max-height: unset;
    }

    .single-product .course-faqs__meet__content {
        width: 50%;
    }

    .single-product .course-faqs__meet__button {
        position: absolute;
        right: 15%;
        bottom: 0;
    }
}

.single-product .course-faqs__meet img {
    width: 100%;
    max-height: 200px;
    object-fit: cover;
    object-position: center;
}

.single-product .course-faqs__meet h4,
.single-product .course-faqs__meet p,
.single-product .course-faqs__meet a {
    color: #ffffff;
}

.single-product .course-faqs__meet__content {
    padding: 30px;
    background: #000000;
}

.single-product .course-faqs__meet__button {
    max-width: 200px;
    margin: 15px auto;
}

.single-product .student-work {
    background: #ffffff;
}

.single-product .student-work__items .mb-content {
    display: flex;
    flex-wrap: nowrap;
}

.single-product .student-work__item {
    flex: 0 0 auto;
    width: 90%;
    margin-right: 2%;
    margin-bottom: 15px;
    font-size: 14px;
}

@media screen and (min-width: 768px){
    .single-product .student-work__item {
        width: 32%;
        margin-right: 1.3%;
    }
}

@media screen and (min-width: 1024px){
    .single-product .student-work__item {
        width: 24%;
        margin-right: 1%;
    }
}

.single-product .student-work__item img {
   width: 100%;
   height: 150px;
   margin-bottom: 10px;
   border: 2px solid #ff4c50;
   object-fit: cover;
}

.single-product .student-work__image {
    position: relative;
    padding: 0;
}

@media screen and (min-width: 748px) and (max-width: 1024px){
    .single-product .student-work__image {
        height: 250px;
        overflow: hidden;
    }
    .single-product .student-work__image img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
}

.single-product .student-work__image img {
    width: 100%;
}

.single-product .book-cta-box .book-unit .button {
    box-shadow: -1px 2px 10px 2px rgba(0,0,0,0.9);
}

.single-product .student-work__image .book-unit {
    position: absolute;
    bottom: 5%;
    width: 100%;
}

@media screen and (min-width: 1024px){
    .single-product .student-work__image .book-unit {
        bottom: 15%;
    }
}

.single-product .student-work__image .book-unit a {
    display: block;
    width: 200px;
    margin: auto;
}

.single-product .daily-timeline {
    background: #666666;
    color: #ffffff;
}

@media screen and (min-width: 1024px){
    .single-product .daily-timeline__container {
        display: flex;
    }
}

.single-product .daily-timeline__types {
    display: flex;
    margin-bottom: 20px;
}

@media screen and (min-width: 1024px){
    .single-product .daily-timeline__types {
        display: block;
        padding-right: 30px;
    }
}

.single-product .daily-timeline h2 {
    margin-bottom: 30px;
    color: #ffffff;
}

.single-product .daily-timeline__type {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    margin: 0 0 0 15px;
    padding: 10px;
    border-radius: 5px;
    background: #898989;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
}

@media screen and (min-width: 1024px){
    .single-product .daily-timeline__type {
        margin: 0 0 20px;
        text-align: left;
    }
}

.single-product .daily-timeline__type.active {
    background: #ffffff;
    color: #666666;
    position: relative;
}


@media screen and (min-width: 1024px){
.single-product .daily-timeline__type.active:after, .single-product .daily-timeline__type.active:before {
    content: "";
    background: #fff;
    border-radius: 0.2em;
    display: block;
    height: 1.5em;
    position: absolute;
    right: -.9em;
    width: 1.8em;
}
}

@media screen and (min-width: 1024px){
.single-product .daily-timeline__type.active:after {
    bottom: 0.45em;
    transform: rotate(-45deg);
    }
}

@media screen and (min-width: 1024px){
.single-product .daily-timeline__type.active:before {
   transform: rotate(45deg);
   top: 0.45em;
}
}

.single-product .daily-timeline__timelines {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.single-product .scroll-dots {
    text-align: center;
}

.single-product .scroll-dots .fas.fa-ellipsis-h {
    font-size: 2rem;
}

.single-product .daily-timeline__timeline {
    display: none;
}

.single-product .daily-timeline__timeline:first-of-type {
      display: flex;
}

.single-product .daily-timeline__timeline:active {
    display: flex;
}

.single-product .daily-timeline__timeslot {
    width: 150px;
    margin-bottom: 20px;
    padding: 0 15px;
    border-right: 1px solid #ffffff;
    font-size: 14px;
    text-align: center;
    flex: 0 0 auto;
}

.single-product .daily-timeline__timeslot:last-of-type {
    border-right: 0;
}

.single-product .daily-timeline__timeslot p:first-of-type {
    font-weight: bold;
}

.single-product .daily-timeline__timeslot img {
    margin-bottom: 10px;
}

.single-product .video-pop-up-player header {
    background: #000000;
    padding: 15px 10px 10px;
}

.single-product .video-pop-up-player header h3 {
    margin: 0;
    color: #ffffff;
}

.single-product .video-pop-up-player .video-still .play-button-infront,  {
    border: 2px solid #ffffff;
    border-radius: 90%;
}
.single-product .mini-video-player .video-pop-up-player .video-still {
    height: auto;
}
.single-product .mini-video-player .video-pop-up-player .video-still .play-button-infront {
    width: 50px;
    height: 50px;
    opacity: 0.8;
}
.single-product .mini-video-player .video-pop-up-player:hover .video-still .play-button-infront {
    opacity: 1;
}

@media screen and (max-width: 767px){
    .single-product .center {
        text-align: center;
    }
}

.single-product .video-pop-up-player h3.heading-overlay {
    left: 3%;
}

.payment-option-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    padding: 1rem 0;
    background: #ffffff;
}

.payment-option-logos div {
    padding: 0 15px;
}

@media screen and (min-width: 40em){
    .payment-option-logos {
        padding: 2rem 0;
    }
}

/* Hide default scroll bar so MiniBar can take over */
.daily-timeline__timelines {
  /* Firefox */
  scrollbar-width: none;
}

.daily-timeline__timelines::-webkit-scrollbar {
  /* WebKit */
  display: none;
}

.single-product .bottom-button {
  margin-top: 3rem;
}
.switch-field [type='checkbox'] + label,
.switch-field [type='radio'] + label.radio-label {
  margin: 0;
  line-height: 1;
}

.switch-field .radio-label.selected-item {
  background: #00e6c8;
}

@media screen and (min-width: 40em) and (max-width: 64em) {
  #registerAttendeeForm {
    float: none;
    width: 100%;
  }
}

#registerAttendeeForm #emergency_name,
#registerAttendeeForm #emergency_phone {
  margin-bottom: 10px;
}

#emergency_name-error,
#emergency_phone-error {
  margin-top: -10px;
  color: #e66157;
}

#registerAttendeeForm #nu-save-student {
  margin-top: 20px;
}

#registerAttendeeForm .switch-field .error {
  position: absolute;
  top: 100%;
  left: 0.9375rem;
  text-align: left;
  width: 100%;
  border: 0;
  box-shadow: unset;
  background: 0;
  color: red;
  padding: 5px 0 0;
}


/* form validation */


#registerAttendeeForm input.error {
    border-color: #e00909;
    border-bottom-width: 2px;
}
#registerAttendeeForm label.error {
    color: #e00909;
    margin-top: -1rem;
}
#registerAttendeeForm .switch-field label.error {
    margin-top: 1px;
}

/* Hide Recaptcha badge */
.grecaptcha-badge {
    display: none;
}

.woocommerce span.onsale{
	display: none;
}

/* new layout styles */
.ft-gutters {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 10px;
}

.ft-fullscreen {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
/* Careers Page 2019 */


/* Careers -- custom hero */
.ft-career .hero-with-overlay {
  margin-bottom: 0;
}
.ft-career .hero-with-overlay .heading-overlay {
  left: 0;
  top: 50%;
  bottom: auto;
  transform: translateY(0);
}
.ft-career .heading-overlay.central-text h1 {
  text-align: center;

}
.ft-career .heading-overlay.central-text h1 span {
  font-size: 2.5rem;
}

/* Careers -- Intro */
.page-intro-content {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 0;
  padding: 0 30px;
  align-items: center;
}
.page-intro-content__text {
  font-size: 1.5rem;
  margin-top: 1em;
  text-align: center;
  padding: 0 4%;
}
.page-intro-content.with-thumbnail .page-intro-content__text {
  text-align: left;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .page-intro-content.with-thumbnail {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    padding: 0 30px;
    align-items: center;
    justify-items: center;
  }
  .page-intro-content__text {
    font-size: 1.3rem;
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {

  .page-intro-content.with-thumbnail {
    display: grid;
    grid-template-columns: 1fr 2fr;
    column-gap: 60px;
    padding: 0 30px;
    align-items: center;
  }
  .page-intro-content__text {
    font-size: 2rem;
    padding: 0 10%;
  }

}

.page-intro-content__thumbnail {
  text-align: center;
}



.page-intro-content__text p {
  margin-bottom: 0;
}

/* Careers -- job listings */
.ft-jobs {
  background: #ccc url(../images/textured-bg-gray.png) repeat;
  background: rgb(239,239,239);
  background: -moz-linear-gradient(-45deg,  rgba(239,239,239,1) 0%, rgba(135,135,135,1) 100%);
  background: -webkit-linear-gradient(-45deg,  rgba(239,239,239,1) 0%,rgba(135,135,135,1) 100%);
  background: linear-gradient(135deg,  rgba(239,239,239,1) 0%,rgba(135,135,135,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#878787',GradientType=1 );




}
.ft-jobs .job_listings hr {
  display: none;
}

.ft-jobs ul.job_listings {
  border: none;
  /*display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 15px;
  justify-items: center;*/

  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: 0;

}
.ft-jobs ul.job_listings li.job_listing {
  background: white;
  border: none;
  margin-bottom: 1rem;
  border-radius: 15px;
  padding: 1rem;
  width: 90%;
  display: grid;
  grid-template-rows: 90px 28px 90px 1fr;
  row-gap: 10px;
}
@media screen and (min-width: 720px) {
  .ft-jobs ul.job_listings li.job_listing {
    width: 48%;
    grid-template-rows: 90px 28px 110px 1fr;
    margin: 0 0.5% 1rem 0.5%;
  }
}
@media screen and (min-width: 1025px) {
  .ft-jobs ul.job_listings li.job_listing {
    width: 31%;
    margin: 0 1% 1rem 1%;
  }
}

@media screen and (min-width: 1100px) {
  .ft-jobs ul.job_listings li.job_listing {
    grid-template-rows: 90px 28px 100px 1fr;
  }
}


.ft-jobs ul.job_listings li.job_listing .position {
  float: none;
  width: 100%;
  display: flex;
  align-items: center;
  background: #ff4c50;
  color: white;
  padding: 1rem;
  margin: 0;
  border-radius: 10px 10px 0 0;
}
.ft-jobs ul.job_listings li.job_listing h3 {
  color: white;
  margin: 0;
  padding: 0;
}
.job-overview, .job-meta {
  padding: 0 0.75rem;
}

.job-meta ul {
  padding: 0;
  margin: 0;
}
.job-meta li {
  display: inline-block;
  font-size: 0.85rem;
  font-weight: 700;
  color: #666;
  text-transform: uppercase;
  color: #aa0448;
  line-height: 1.1;
  margin: 0;
  padding: 0;
  float: left;
}
.job-meta li::after {
  content: " / ";

}
.job-meta li:last-of-type::after {
  content: "";
}


.ft-jobs .job_listing .job-meta .job-type {
  color: #8000d8;

}
/*
.ft-jobs .job-overview p:last-of-type::after {
  content: "...";

}*/
@media screen and (min-width: 720px) and (max-width: 1024px) {
  .job-meta {
    padding: 0;

  }
  .job-meta li {
    font-size: 0.8rem;
  }
}



/* Careers -- job details carousel */

.job-detail__title {
  background: #ccc;
  padding: 0.75rem;
  font-size: 1.125rem;
  font-family: 'Roboto', 'Lucida Grande', Verdana, sans-serif;
  font-weight: 700;
  line-height: 1em;
  margin-bottom: 1rem;
  cursor: pointer;
}

.job-detail__title::before {
  content: '\f055';
  color: #2d2d2d;
  font-family: 'Font Awesome 5 Pro';
  font-size: 18px;
  font-weight: 900;
  padding-right: 0.75em;
}
.job-detail__title.open-detail {
  background: #2d2d2d;
  color: #fff;
}
.job-detail__title.open-detail::before {
  content: '\f056';
  color: #fff;
}
.job-detail__content {
  display: none;
  padding: 0 0.75rem;
}
.job-detail__content li {
  padding: 0 0.25rem;
  margin-bottom: 0.5rem;
}

.ft-jobs .job-actions {
  text-align: center;
}
.ft-jobs .job-actions .jd-link {
  text-transform: uppercase;
  display: block;
  text-align: center;
  text-decoration: underline;
  margin-bottom: 10px;
}

.ft-jobs .job-actions .button.button--job-apply {
  display: inline-block;

}

/* jobs mailing list */
.jobs-mailing-list .ft-gutters {
  max-width: 1000px;
}


.jobs-mailing-list.boxed-unit {
  background: transparent;
  padding-bottom: 18px;
  padding-top: 1rem;
}

.jobs-mailing-list__header {
  text-align: center;
  text-shadow: 1px 1px 6px #000;
}
.jobs-mailing-list__header p {
  margin-bottom: 10px;
  font-size: 1.2rem;
}

.jobs-mailing-list__header h3 {
  font-size: 1.85rem;
  text-transform: capitalize;
}

.jobs-mailing-list__header .indicates-required {
  font-size: 0.85em;
  color: #ccc;
}



.jobs-mailing-list__fields {
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  padding-top: 10px;
}

.jobs-mailing-list__form label {
  color: #fff;
}

.jobs-mailing-list__fields input {
  width: auto;
  box-shadow: none;
  border: none;
  padding: 0 1rem;
  height: 52px;
  text-transform: uppercase;
  font-size: 0.8rem;

  margin: 0 1% 0 0;
  color: #333;
}

.jobs-mailing-list__fields select, .jobs-mailing-list__fields .select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 52px;
  margin: 0;
  color: #666;
  text-transform: uppercase;
  font-size: 0.8rem;
}
.jobs-mailing-list__fields input,  .jobs-mailing-list__fields .input-select {
  width: 80%;
  margin: 5px auto;

}

.jobs-mailing-list__fields button {
  margin: 5px auto;
}




.input-select * {
  max-width: 100%;
}
.jobs-mailing-list__form .select2-container, .jobs-mailing-list__form .select2-container--default .select2-selection--single .select2-selection__rendered, .jobs-mailing-list__form .select2-selection, .jobs-mailing-list__form .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 52px;
  line-height: 52px;
}

.jobs-mailing-list__fields input::placeholder {
  color: #666;
}

.jobs-mailing-list div.mce_inline_error {
  position: absolute;
  bottom: -26px;
  left: 31%;
  color: #ff157f;
}
.jobs-mailing-list input.mce_inline_error {
  border-color: 1px solid #ff157f;
  background: #ffcee4;
}

div#mce-success-response {
  color: #ffb900;
}
div#mce-error-response {
  color: #ff157f;
}

.ft-career article header h2 {
  text-align: center;
  font-size: 2.4rem;
  margin-bottom: 1rem;
}

@media screen and (min-width: 651px) {
  .ft-career article header h2 {
    font-size: 3rem;
  }
}

@media screen and (min-width: 480px) {
  .jobs-mailing-list .ft-gutters {
    max-width: 1000px;
  }


  .jobs-mailing-list__fields {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .jobs-mailing-list__fields input, .jobs-mailing-list__fields .input-select {
    width:48%;
    margin: 1% 1% 1% 0;
  }
  .jobs-mailing-list__fields button {
    margin: 0;
  }


}
@media screen and (min-width: 768px) {

  .jobs-mailing-list__fields {
    flex-wrap: nowrap;
    justify-content: space-around;
  }
  .jobs-mailing-list__fields input, .jobs-mailing-list__fields .input-select {
    width:24%;
    margin: 0 1% 0 0;
  }
}

/* Careers -- Life at Fire Tech */
.ft-career .company-life header {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 0;
}

.ft-career .company-life .perks {
 /* display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;*/
}
.ft-career .perks__pics {
  text-align: center;
}

.ft-career .perks__pics img {
  transform: rotate(-10deg) ;
  border: 8px solid white;
  box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.4);
  width: 80%;
  position: relative;
  z-index: 2;
  top: -40px;

  margin-bottom: 5%;

}
.ft-career .perks__text h3 {
  margin-bottom: 1em;
}
.ft-career .perks__text .perks__list ul {
  margin: 0;
  padding: 0 0 0 30px;
}
.ft-career .perks__list li {
  display: list-item;
  /*background: transparent url(../images/flame-bullet.png) no-repeat 0 2px;
  padding-left: 30px;*/
  list-style: disc;

  font-size: 1.2rem;
  margin-bottom: 1em;
}

@media screen and (min-width: 1000px) {
  .ft-career .company-life .perks {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
  }

  .ft-career .perks__pics img {
    width: 100%;
    top: -3%;
    left: -5%;
    margin-bottom: 0;
  }

}

/* careers -- values */
.ft-purpose.boxed-unit {
  padding: 2rem 1rem;
}
.ft-purpose__text {
  margin-bottom: 2rem;

}
.ft-purpose__text h2 {
  font-size: 2.4rem;
  margin-bottom: 2rem;
}

@media screen and (min-width: 480px) {
  .ft-purpose__text h2 {
    font-size: 3rem;
  }
}

.ft-purpose__text .button.button--more {
  margin-top: 2rem;

}
.button.button--more {
  border: 1px solid #ff4c50;
  background: transparent;
  border-radius: 0;
  color: #ff4c50;
}
.button.button--more:hover {
  background: #ff4c50;
  color: #fff;
}

.ft-purpose__graphic img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .ft-purpose.boxed-unit {
    display: grid;
    grid-template-columns: 1fr 1fr;

  }
  .ft-purpose__text {
    margin-bottom: 0;
  }

}

/* Careers Staff Testimonials */
.staff-testimonial {
  background: #ff4c50;
  color: white;
}
.staff-testimonial header h2 {
  color: white;
  font-size: 2.4rem;
  text-align: center;
}

.staff-testimonial__slider {
  background: white;
  padding: 10px;

}

.staff-testimonial__slider .slider-pro img.sp-image {
  border-radius: 25px 0 0 25px !important;
}

.staff-testimonial__slide {

}
.st-slide__image {
  height: 200px;
  width: 100%;
  text-align: center;
  overflow: hidden;
  margin-bottom: 1rem;
}
.st-slide__image img {
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 200px;

}
.st-slide__text {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start;
  color: #333;
  padding: 0 4%;
  box-sizing: border-box;
}

.st-slide__text .st-slide__quote {
  font-size: 1.2rem;
  line-height: 1.2em;
  margin-bottom: 1rem;
}
.st-slide__text .st-slide__quote-name {
  font-size: 1rem;
  text-align: center;
  display: block;
  width: 100%;
}

@media screen and (min-width: 650px) {
  .staff-testimonial__slide {
    display: grid;
    grid-template-columns: minmax(0, 200px) 1fr;
    grid-gap: 0;
  }
  .st-slide__image {
    grid-column: 1 / 2;
    overflow: hidden;
    margin-bottom: 0;
  }
  .st-slide__image img {
    height: 200px;
    width: auto;
  }
  .st-slide__text {
    grid-column: 2 / 3;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-start;
    color: #333;
    padding: 0 4%;
  }
  .st-slide__text .st-slide__quote {
    font-size: 1.3rem;
    line-height: 1.2em;
    margin-bottom: 0;
  }
  .st-slide__text .st-slide__quote-name {
    font-size: 1rem;
    text-align: left;
  }

}


@media screen and (min-width: 1024px) {
  .staff-testimonial__slide {

    grid-template-columns: minmax(0, 300px) 1fr;

  }
  .st-slide__image {
    height: 300px;
  }
  .st-slide__text {
    padding: 0 10%;
  }
  .st-slide__image img {
    height: 300px;
    width: auto;
    max-height: 300px;
  }

  .st-slide__text .st-slide__quote {
    font-size: 1.75rem;
    line-height: 1.2em;
  }
  .st-slide__text .st-slide__quote-name {
    font-size: 1.2rem;
  }

}
.sp-buttons {
  top: 40px;
  margin-top: -36px;
}


/* Careers - Application Stages */
  .ft-application header h2 {
    text-align: center;
    font-size: 2.4rem;
  }

  .ft-application-stages {
    /* display: grid;
    grid-template-columns: repeat(1, 1fr); */
    display: flex;

  }
  .ft-application-stage {
    margin-bottom: 1rem;
    flex-grow: 1;
    flex-basis: 20%;
  }

  @media screen and (max-width: 768px) {
    .ft-application-stages {
      flex-wrap: wrap;
    }
    .ft-application-stage {
      min-width: 200px;
      flex-basis: 48%;
    }
  }

  .ft-application-stage__image {
    text-align: center;
    margin-bottom: 1rem;
  }

  .ft-application-stage__text {
    color: #fff;
    padding: 0 10%;
    text-align: center;
  }

  .ft-application-stage__text h4 {
    color: #fff;
    text-align: center;
  }

  @media screen and (min-width: 480px) {
    .ft-application header h2 {
      font-size: 3rem;
    }
    .ft-application-stages {
      grid-template-columns: repeat(2, 1fr);

    }
    .ft-application-stages {
      column-gap: 1rem;
    }


  }

  @media screen and (min-width: 768px) {
    .ft-application-stages {
      grid-template-columns: repeat(4, 1fr);

    }
    .ft-application-stage__text h4 {
      font-size: 1.125rem;
    }
  }

  /* Alternative Header */
  .media-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    row-gap: 1rem;
    margin: 20px 0;
  }
  .media-header .feature-video {
    grid-row: 2 / 3;
    align-self: center;
    text-align: center;
  }
  .media-header .feature-video img {
    margin: 0 auto;
  }
  .media-header header {
    grid-row: 1 / 2;

  }
  .media-header .featured-photos {
    grid-row: 3 / 3;

  }
  .media-header .text-block span {
    font-size: 2.4rem;
  }


  @media screen and (min-width: 920px) {
    .media-header {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      grid-template-rows: 1fr 180px;
      column-gap: 30px;
      margin: 20px 0;
    }
    .media-header .feature-video {
      grid-row: 1 / 3;
      grid-column: 1 / 2;
      align-self: center;
    }
    .media-header header {
      grid-row: 1 / 2;
      grid-column: 2 / 3;
    }
    .media-header .featured-photos {
      grid-row: 2 / 3;
      grid-column: 2 / 3;
    }

    .media-header .text-block span {
      font-size: 3rem;
    }
}

/* Career - FAQs */
.ft-job-faqs header h2 {
  font-size: 3rem;
  text-align: center;
}

@media screen and (min-width: 1025px) {
  .job-faqs {
    display: grid;
    grid-template-columns: repeat( 2, minmax(0, 1fr) );
    column-gap: 40px;

  }
  .job-faqs-list h3 {
    padding: 8px 16px;
    color: #555;
  }

  .job-faqs .hrf-entry {
    margin-bottom: 10px !important;
    background: rgba(255, 255, 255, 0.9);
    padding: 15px !important;
    visibility: visible;
  }
  .job-faqs .hrf-title.close-faq span {
    /* border-radius: 2rem; */
    display: none;
  }
  .job-faqs  .hrf-title {
    margin-bottom: 0;
    display: block;
    position: relative;
    padding: 0 40px 0 0;
    background: transparent;
  }
  .job-faqs .hrf-title.close-faq::after, .job-faqs .hrf-title.open-faq::after {
    content: '\f055';
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    font-size: 1.5em;
    color: #444;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .job-faqs .hrf-title.open-faq::after {
    content: '\f056';
  }
  .job-faqs .hrf-content {
    display: none;
    margin-top: 15px;
    padding: 10px 20px;
    background: transparent;
  }
}

/* careers landing page */

.jobs-home .hero-bg, .hero-with-overlay .post-thumbnail {

}

section.boxed-unit.ft-career-nav {
  display: grid;
  grid-template-columns: 1fr 4fr 3fr;
  grid-template-rows: 1fr;
  align-items: flex-start;
  justify-items: flex-start;
  margin: 1px 0 10px 0;
  padding: 0;
  height: 500px;
  overflow: hidden;
}
/*section.boxed-unit.ft-career-nav:first-of-type {
  margin-top: 2rem;
}*/
.ft-career-nav__image, .ft-career-nav__image-overlay {
  grid-column: 1 / span 3;
  grid-row: 1 / 2;
  width: 100%;
  z-index: 1;
}
.ft-career-nav__image-overlay {
  z-index: 2;
  background: #000;
  width: 100%;
  min-height: 500px;
  opacity: 0;
}
.ft-career-nav__image {
  position: relative;
}
.ft-career-nav__image img {
  min-height: 500px;
  min-width: 100%;
  max-width: 250%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.ft-career-nav__overlay {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  padding-top: 10%;
  z-index: 5;
}
.ft-career article header.ft-career-nav__header h2, header.ft-career-nav__header h1 {
  text-align: left;
}
.ft-career-nav__header h2 span, .ft-career-nav__header h1 span  {
  background: white;
  display: inline-block;
  padding: 0.25em;
  margin: 0 0 0.25em 0;

}
.ft-career-nav__text {
  color: #fff;
  font-size: 1.1rem;
  padding: 0.5em;
  background: #0e0e0e;
  margin-bottom: 1em;
  max-width: 500px;
}

.ft-career-nav__text p {
  margin-bottom: 0;
}


@media screen and (max-width: 480px) {
  section.boxed-unit.ft-career-nav {
    grid-template-columns: 1fr 8fr 1fr;
    height: 420px;
  }

  .ft-career article header.ft-career-nav__header h2, header.ft-career-nav__header h1 {
    font-size: 1.8rem;
  }
  .ft-career-nav__text {
    font-size: 0.9rem;
  }
  .ft-career-nav__image-overlay {
    opacity: 0.2;
  }
  .ft-career-nav__image img, .ft-career-nav__image-overlay {
    min-height: 420px;
  }
}

/* Styling for courses page with background hero images */
.hero.course-filters-wrapper {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  margin-bottom: -64px;

}
@media screen and (max-width: 640px) {
  .hero.course-filters-wrapper {
    margin-bottom: -60px;
  }
}

.hero.course-filters-wrapper .hero__image, .hero.course-filters-wrapper .hero__image-overlay, .hero.course-filters-wrapper .hero__text-overlay  {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
}
.hero.course-filters-wrapper .hero__image {
  position: relative;
}
.hero.course-filters-wrapper .hero__image img {
  min-height: 100%;
  width: auto;
  max-width: 300%;
  min-width: 100%;
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
}
.hero.course-filters-wrapper .hero__image-overlay {
  z-index: 2;
  background: rgba(0, 0, 0, 0.4);
}
.hero.course-filters-wrapper .hero__text-overlay {
  z-index: 5;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 64px;
}

.course-filters-form.with-hero-image {
 position: relative;
 /*top: -64px; */

 z-index: 10;
}
.course-filters-form.with-hero-image .camp-format, .with-hero-image .camp-format ul.row {
  background: transparent;
}
.with-hero-image .camp-format ul.row li a {
  background: rgb(173, 168, 158);
  border: none;
  min-height: 64px;
}
.with-hero-image .camp-format ul.row li a p {
  margin: 0;
  padding: 0;
}
.with-hero-image .camp-format ul.row li a:hover {
  color: #000;
  background: #e0dad6;
}

.with-hero-image .camp-format ul.row li.active a {
  background: #f4f0ed;
}
.with-hero-image .filters.tablet {
  padding-bottom: 1.5rem;
}

.course-filters-wrapper .page-heading .title {
  max-width: 700px;
}

.course-filters-wrapper .page-heading .subtitle  {
  max-width: 580px;
}
/* Disable order cancel option on partially paid orders in my account area */
.woocommerce-account .woocommerce-orders-table__row--status-pending .woocommerce-button.button.cancel{display: none;}

/* Styles for new course landing pages */

/* mobile */

/* tablet */
@media screen and (min-width: 700px) {
  .hero-bg,.hero-with-overlay .post-thumbnail,
  .hero-bg,.hero-with-overlay .post-thumbnail img {
      height: 280px;
  }
}
/* low res laptop / landscape tablet */
@media screen and (min-width: 1024px) {
  .hero-bg,.hero-with-overlay .post-thumbnail,
  .hero-bg,.hero-with-overlay .post-thumbnail img {
      height: 400px;
  }
}

/* Desktop */
@media screen and (min-width: 1180px) {
  .hero-bg,.hero-with-overlay .post-thumbnail,
  .hero-bg,.hero-with-overlay .post-thumbnail img {
      height: 460px;
  }
}



.full-width-text {
  width: 90%;
  max-width: 740px;
  text-align: center;
  margin: 0 auto;
}

.course-type__intro {
  padding: 1rem 0;
}

.course-choice {
  background: white;
}

.course-choice header {
  text-align: center;
  padding: 3rem;

}
.course-choice header h2 {
  font-size: 2.25rem;
  color: black;
}

.course-choice__options-grid {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}


.course-choice__tile {
  background: #333;
  padding: 2rem 1rem;
  color: #ccc;
  flex: 1 1 0;
  display: grid;
  grid-template-rows: minmax(0, 210px) 1fr 52px;
  justify-items: center;
  max-width: 470px;
  min-width: 296px;
  text-align: center;
  margin: 1px;
}

@media screen and (min-width: 768px) and (max-width: 1200px)  {
  .course-choice__tile {
      min-width: 48%;

  }
}
@media screen and (min-width: 1200px) and (max-width: 1340px)  {
  .course-choice__tile {
      grid-template-rows: minmax(0, 185px) 1fr 52px;

  }
  .result-item-buttons .button{
		font-size: 0.7rem;
		background-position: right 0.7rem top 1.3rem;
	}
	.info-btn {
		padding: 1rem !important;
	}
	.extra-div{
		width: 77.9em;
	}
	.column-heading{
		width: 26.2em;
	}
}
.course-choice__tile:first-of-type {
  margin-left: 0;
}
.course-choice__tile:last-of-type {
  margin-right: 0;
}

.course-choice__tile__text {
  display: grid;
  grid-template-rows: 94px 1fr;
  align-items: flex-start;
}

.course-choice__tile h3 {
  color: #fff;
  padding: 1rem 0;
  align-self: center;
}
.course-choice__tile figure {
  width: 100%;
  overflow: hidden;
  border: 5px solid #ffdf3f;
  position: relative;
}

.course-choice__tile figure:hover {
  border-color: #fff;

}

.course-choice__tile img {
  min-width: 100%;
  min-height: 200px;

}
.course-choice__tile_vignette {
  display: none;
  min-width: 100%;
  min-height: 200px;
  box-shadow: inset 0 0 20px 0 #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.course-choice__tile figure:hover .course-choice__tile_vignette {
  display: block;
}

/* option to make buttons full width
.course-choice__tile__cta,
.course-choice__tile__cta .button {
  display: block;
  width: 100%;
} */
/* Featured courses slider */
.featured-courses {
  padding: 3rem 3%;
  background: white;

}
.featured-courses h2 {
  font-size: 2rem;
  margin-bottom: 2rem;
}

.courses-slider {
  width: 100%;
  height: 500px;
  overflow: auto;
}
.courses-slider__slides {
  display: flex;
  flex-wrap: nowrap;
  width: calc(6*326px);
}

.courses-slider__item {
  height: 480px;
  overflow: hidden;
  margin-right: 1rem;
  display: grid;
  grid-template-rows: 160px minmax(0,1fr) minmax(0,118px);
  flex: 1 1 0;
}


.courses-slider__item__image {
  width: 100%;
  height: 10rem;
  padding: 0;
  margin-bottom: 0;
  background: #850066 no-repeat 50% 50%;
  background-size: cover;
}
.courses-slider__item__image a {
  display: block;
  padding: 1.5rem 0;
  background: rgba(0,0,0,.3);
}
.courses-slider__item img {
  height: 7rem;
  max-width: none;
  width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.courses-slider__item__details h3 {
  font-size: 1.2rem;
  height: 2.2em;
  line-height: 1.1em;
  padding: 0;
  font-weight: 400;
  margin: .75rem 0;
  text-transform: capitalize;
}
.courses-slider__item__details h3 a {
  color: #333;
  font-weight: 400;
}
.courses-slider__item__excerpt {
  font-size: .85rem;
  height: 7rem;
  overflow: hidden;
}

.courses-slider__item__meta {
  margin-bottom: 1rem;
  font-size: .8rem;
}
.courses-slider__item__meta ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  display: flex;
}

.courses-slider__item__meta ul li {
  margin: .25rem .25rem .25rem 0;
  padding: 0 .25rem;
  border-left: 1px solid #ccc;
  list-style: none;
}
.courses-slider__item__meta ul li:first-of-type {
  border-left: none;
  padding-left: 0;
}
.courses-slider__item__meta ul li strong {
  display: block;
  clear: both;
}
.courses-slider__item .button {
  width: 100%;
  display: block;
}

/* Value prop */

.value-prop {
  background: white;
  padding: 2rem 3%;
}
.value-prop h2 {
  font-size: 2rem;
  margin-bottom: 1rem;
  color: #333;
}
.value-prop--5050 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1.4%;
  align-items: center;
}
.value-prop--img,
.value-prop--video {
  width: 100%;
  overflow: hidden;
}

.value-prop--img .value-prop__text,
.value-prop--video .value-prop__text {
  padding-top: 0.5rem;
}

.value-prop ul {
  margin: 0 0 1rem 1rem;
}
.value-prop ul li {
  margin-bottom: 3px;
  display: block;
  clear: both;
}
.value-prop ul li::before {
  content: "\f14a";
  color: #00e6c8;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.6em;
  font-weight: 900;
  padding-right: .5em;
  float: left;
  position: relative;
  top: -0.3em;
}

@media screen and (max-width: 1024px) {
  .value-prop--5050 {
      grid-template-columns: 1fr;
      grid-template-rows: minmax(0, 400px) 1fr;
      justify-items: center;
  }
  .value-prop--5050 .value-prop__img,
  .value-prop--5050 .value-prop__video {
      grid-row: 1 /2;
      overflow: hidden;
      height: 400px;
  }
  .value-prop--5050 .value-prop__text {
      grid-row: 2/3;
  }
  .value-prop--5050 .value-prop--img > img,
  .value-prop--5050 .value-prop--video .video-still {
      height: auto;
      width: auto;
      max-height: 300px;
      max-width: 100%;
  }

}
@media screen and (max-width: 768px) {
  .value-prop--5050 {
      grid-template-rows: minmax(0, 300px) 1fr;
  }
  .value-prop--5050 .value-prop__img,
  .value-prop--5050 .value-prop__video {
      height: 300px;
  }


}
@media screen and (max-width: 500px) {
  .value-prop--5050 {
      grid-template-rows: 220px 1fr;
  }
  .value-prop--5050 .value-prop__img,
  .value-prop--5050 .value-prop__video {
      height: 220px;
  }

}

/* Testimonial 3.0 */
.value-prop--6040 {
  display: grid;
  grid-template-columns: 3fr 2fr;
  column-gap: 1.4%;
  align-items: center;
  justify-items: center;

}

.value-prop--6040 .value-prop__img img {
  width: 80%;
  height: auto;
  transform: rotate(-5deg);
  margin: 0 auto;
  display: block;
}
.value-prop__quote {
  font-size: 2.5rem;
}
.value-prop__quote blockquote {
  padding: 0 50px;
  position: relative;
  display: block;
  font-size: 1em;
  margin: 0;
}

.value-prop__quote blockquote::before,
.value-prop__quote blockquote::after {
  content: "\201C";
  /*font-family: 'Font Awesome 5 Pro';*/
  font-size: 6rem;
  font-weight: 900;
  float: left;
  color: #fc0;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3);
  position: absolute;
  line-height: 1;
  margin: 0;
  padding: 0;

}
.value-prop__quote blockquote::before {
  top: 0;
  left: 0;
}
.value-prop__quote blockquote p {
  margin: 0;
  padding: 0;
  font-size: 1em;
}
.value-prop__quote blockquote strong {
  font-size: 1.3em;

}
.value-prop__quote blockquote::after {
  content: "\201D";
  padding: 0 0 0 .5em;
  float: right;
  bottom: -0.5em;
  right: 0;
}
.value-prop__quote cite {
  display: block;
  font-size: 0.6em;
  padding: 0 60px;
  text-align: right;
}

@media screen and (max-width: 900px) {
  .value-prop--6040 .value-prop__quote {
      font-size: 2rem;
  }

}

@media screen and (max-width: 768px) {
  .value-prop--6040 .value-prop__quote {
      font-size: 1.8rem;
  }
}

@media screen and (max-width: 640px) {

  .value-prop--6040 {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: 1fr;
      column-gap: 0;
      align-items: flex-start;
      justify-items: center;
      width: 100%;
      overflow: hidden;
  }

  .value-prop--6040 .value-prop__img {
      grid-row: 1 / 2;
      grid-column: 1 / 2;
  }

  .value-prop--6040 .value-prop__img figure  {
      width: 80vw;
      overflow: hidden;
      display: block;
  }


  .value-prop--6040 .value-prop__quote {
      grid-row: 1 / 2;
      grid-column: 1 / 2;
      z-index: 5;
      font-size: 1.8rem;
      background: rgba(255,255,255, 0.75);
      align-self: flex-end;
  }
  .value-prop--6040 .value-prop__quote cite {
      color: #333;
  }

}
@media screen and (max-width: 420px) {
  .value-prop--6040 .value-prop__img img {
      min-height: 400px;
      width: auto;
      padding-bottom: 50px;
  }

  .value-prop--6040 .value-prop__quote {
      font-size: 1.3rem;
  }

  .value-prop--6040 .value-prop__quote blockquote {
      padding: 0 30px;
  }
  .value-prop__quote blockquote::before,
  .value-prop__quote blockquote::after {
      font-size: 4rem;
  }
}

/* course overview */

.value-prop--media {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 40px 1fr;
  align-items: center;
  gap: 1.4%;
}

.value-prop--media h2 {
  grid-column: 1/ span 2;
}

.value-prop__img {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  align-self: center;
  padding: 2rem;
}

.value-prop--media .value-prop__img img,
.value-prop--img .value-prop__img img {
  border: 5px solid #fff6f6;
  border-radius: 25px;
}

@media screen and (max-width: 1024px) {

  .value-prop--5050.value-prop--media {
    grid-template-columns: 3fr 2fr;
  }

  .value-prop--5050.value-prop--media .value-prop__img {
    grid-row: auto;
  }
  .value-prop--5050.value-prop--media .value-prop__text {
    grid-row: auto;
  }
}

@media screen and (max-width: 850px) {
  .value-prop--5050.value-prop--media {
    grid-template-columns: 1fr;
  }
  .value-prop--5050.value-prop--media .value-prop__img {
    grid-row: 2/ 3;
  }
  .value-prop--5050.value-prop--media .value-prop__text {
    grid-row: 3/ 4;
  }
}

.course-type-cta {
  margin: 1rem 0;
  padding: 0;
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  text-align: center;
}

.course-type-cta p{
  line-height: 1.8em;
}
.course-type-cta__column {
  align-content: center;
  padding: 8%;
  border-right: 2px solid #f4f0ed;
}

.course-type-cta__column:last-of-type{
  border-right: none;

}
.course-type-cta__column strong{
  font-size: 26px;
  text-transform: none;
  font-weight: bold;
}

.course-type-cta__column h3 {
  font-size: 2rem;
  margin-bottom: 1rem;
  color: #333;
}

.course-type-cta__img {
  padding: 2rem;
}

.course-type-cta__img img {
  width: 100%;
  border: 5px solid #dadada;
  border-radius: 25px;
}

@media screen and (max-width: 850px) {
  .course-type-cta {
    grid-template-columns: 1fr;
  }
}


/* */
.course-type-choices {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1rem;
}
.course-type-choice {
  display: grid;
  grid-template-columns: 2fr 3fr;
  background: #333;
  color: #efefef;
  border: 8px solid #333;
  margin-bottom: 1rem;
}
.course-type-choice__img {
  display: flex;
  align-items: center;
}
.course-type-choice__img img {
  width: 100%;
  max-width: 250px;
  border: 4px solid #fc0;
}
.course-type-choice__text {
  padding: 1rem;
  color: white;
}
.course-type-choice__text h2 {
  color: white;
}


@media screen and (max-width: 1023px) {
  .course-type-choices {
    grid-template-columns: 1fr;
  }


}
@media screen and (max-width: 500px) {
  .course-type-choice {
    grid-template-columns: 1fr;
    justify-items: center;
  }
}