/** ==========================================================

    $ Table of Contents v1

========================================================== **/
/**
* Sections
* --------
* $1...............Setup
* $2................Grid
* $3..........Typography
* $4..........Components
* $5..............Layout
* $6.........Breakpoints
* $7.............Helpers


**/
/** ==========================================================

    $1 Setup

========================================================== **/
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
@import url('//hello.myfonts.net/count/2bb7be');
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
  * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
  */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/**
  * Prevent modern browsers from displaying `audio` without controls.
  * Remove excess height in iOS 5 devices.
  */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
  * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
  * Known issue: no IE 6 support.
  */
[hidden] {
  display: none;
}

/* ==========================================================================
    Base
    ========================================================================== */
/**
  * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
  *    `em` units.
  * 2. Prevent iOS text size adjust after orientation change, without disabling
  *    user zoom.
  */
html {
  font-size: 16px;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/**
  * Address `font-family` inconsistency between `textarea` and other form
  * elements.
  */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/**
  * Address margins handled incorrectly in IE 6/7.
  */
body {
  margin: 0;
}

/* ==========================================================================
    Links
    ========================================================================== */
/**
  * Address `outline` inconsistency between Chrome and other browsers.
  */
a:focus {
  outline: thin dotted;
}

/**
  * Improve readability when focused and also mouse hovered in all browsers.
  */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
    Typography
    ========================================================================== */
/**
  * Address font sizes and margins set differently in IE 6/7.
  * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
  * and Chrome.
  */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

/**
  * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
  */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
  * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
  */
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/**
  * Address styling not present in Safari 5 and Chrome.
  */
dfn {
  font-style: italic;
}

/**
  * Address differences between Firefox and other browsers.
  * Known issue: no IE 6/7 normalization.
  */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
  * Address styling not present in IE 6/7/8/9.
  */
mark {
  background: #ff0;
  color: #000;
}

/**
  * Address margins set differently in IE 6/7.
  */
p,
pre {
  margin: 1em 0;
}

/**
  * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
  */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/**
  * Improve readability of pre-formatted text in all browsers.
  */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/**
  * Address CSS quotes not supported in IE 6/7.
  */
q {
  quotes: none;
}

/**
  * Address `quotes` property not supported in Safari 4.
  */
q:before,
q:after {
  content: '';
  content: none;
}

/**
  * Address inconsistent and variable font size in all browsers.
  */
small {
  font-size: 80%;
}

/**
  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
  */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
    Lists
    ========================================================================== */
/**
  * Address margins set differently in IE 6/7.
  */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/**
  * Address paddings set differently in IE 6/7.
  */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/**
  * Correct list images handled incorrectly in IE 7.
  */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
    Embedded content
    ========================================================================== */
/**
  * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
  * 2. Improve image quality when scaled in IE 7.
  */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
  * Correct overflow displayed oddly in IE 9.
  */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
    Figures
    ========================================================================== */
/**
  * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
  */
figure {
  margin: 0;
}

/* ==========================================================================
    Forms
    ========================================================================== */
/**
  * Correct margin displayed oddly in IE 6/7.
  */
form {
  margin: 0;
}

/**
  * Define consistent border, margin, and padding.
  */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
  * 1. Correct color not being inherited in IE 6/7/8/9.
  * 2. Correct text not wrapping in Firefox 3.
  * 3. Correct alignment displayed oddly in IE 6/7.
  */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
  * 1. Correct font size not being inherited in all browsers.
  * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
  *    and Chrome.
  * 3. Improve appearance and consistency in all browsers.
  */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/**
  * Address Firefox 3+ setting `line-height` on `input` using `!important` in
  * the UA stylesheet.
  */
button,
input {
  line-height: normal;
}

/**
  * Address inconsistent `text-transform` inheritance for `button` and `select`.
  * All other form control elements do not inherit `text-transform` values.
  * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
  * Correct `select` style inheritance in Firefox 4+ and Opera.
  */
button,
select {
  text-transform: none;
}

/**
  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
  *    and `video` controls.
  * 2. Correct inability to style clickable `input` types in iOS.
  * 3. Improve usability and consistency of cursor style between image-type
  *    `input` and others.
  * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
  *    Known issue: inner spacing remains in IE 6.
  */
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/**
  * Re-set default cursor for disabled elements.
  */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
  * 1. Address box sizing set to content-box in IE 8/9.
  * 2. Remove excess padding in IE 8/9.
  * 3. Remove excess padding in IE 7.
  *    Known issue: excess padding remains in IE 6.
  */
input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
  * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
  * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
  *    (include `-moz` to future-proof).
  */
input[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
  * Remove inner padding and search cancel button in Safari 5 and Chrome
  * on OS X.
  */
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
  * Remove inner padding and border in Firefox 3+.
  */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
  * 1. Remove default vertical scrollbar in IE 6/7/8/9.
  * 2. Improve readability and alignment in all browsers.
  */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
    Tables
    ========================================================================== */
/**
  * Remove most spacing between table cells.
  */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
  * HTML5 Boilerplate
  *
  * What follows is the result of much research on cross-browser styling.
  * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
  * Kroc Camen, and the H5BP dev community and team.
  */
/* ==========================================================================
    Base styles: opinionated defaults
    ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #000;
}

html {
  background-color: #fff;
}

body {
  font-family: 'SF Pro';
  font-size: 1em;
  line-height: 1.4;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

main {
  background: #fff;
  color: #77777a;
}

a {
  color: #135fab;
  text-decoration: none;
  outline: none;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
a:hover {
  color: #ff4612;
}

a:hover,
a:active,
a:focus {
  outline: none;
  color: #ff4612;
}

*:focus {
  outline: 0;
}

/*
  * Remove text-shadow in selection highlight: h5bp.com/i
  * These selection rule sets have to be separate.
  * Customize the background color to match your design.
  */
::-moz-selection {
  background: #ededed;
  text-shadow: none;
}

::selection {
  background: #ededed;
  text-shadow: none;
}

/*
  * A better looking default horizontal rule
  */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
  * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
  */
img {
  vertical-align: middle;
  /* Added by Greyvy for responsive imagery */
  max-width: 100%;
  height: auto;
}

/*
  * Remove default fieldset styles.
  */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
  * Allow only vertical resizing of textareas.
  */
textarea {
  resize: vertical;
}

/* ==========================================================================
    Chrome Frame prompt
    ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
    Author's custom styles
    ========================================================================== */
.dark-bg {
  background: #77777a;
}

.light-bg {
  background: #d8d9db;
}

img.right {
  float: right;
}

.right {
  float: right;
}

.bp3-right {
  float: left;
}

/* ====== media ====== */

.media.tile {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: stretch;
}
.media .img {
  flex-shrink: 0; /* Prevents the image from shrinking */
}
.flexible {
  flex-grow: 1;
}
.media .img img {
  display: block;
}

.media .imgExt {
  float: right;
  margin-left: 10px;
}

/** ==========================================================
 
     $2 Grid
 
 ========================================================== **/
/*
 Author  : Boon
 URL     : http://builtbyboon.com
 Twitter	: http://twitter.com/mattberridge
 ---------------------------------------*/
/* -- Begin grids
 ------------------------------------------------------------- */
/* -- Use this wrapper if you want to divide your columns -- */
.divide-bottom {
  opacity: 0.3;
  border-bottom: 1px solid #ededed;
  padding-bottom: 0;
  margin-bottom: 1.5em;
}

/* -- Setup grids with base class -- */
.grid-wrap {
  margin-left: -1em;
  overflow: hidden;
  clear: both;
}

.grid-col {
  float: left;
  padding-left: 1em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.large-gutter {
  margin-left: -2em;
}
.large-gutter .grid-col {
  padding-left: 2em;
}

.half-gutter {
  margin-left: -0.5em;
}
.half-gutter .grid-col {
  padding-left: 0.5em;
}

.quarter-gutter {
  margin-left: -0.25em;
}
.quarter-gutter .grid-col {
  padding-left: 0.25em;
}

.no-gutter {
  margin-left: 0;
}
.no-gutter .grid-col {
  padding-left: 0;
}

.reset-gutter {
  margin-left: -1em;
}
.reset-gutter .grid-col {
  padding-left: 1em;
}

.onepixel-gutter {
  margin-left: -1px;
}
.onepixel-gutter .grid-col {
  padding-left: 1px;
}

ul.grid-wrap,
ol.grid-wrap {
  padding-left: 0;
  list-style: none;
}

li.grid-col {
  margin-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.col-size1of1,
.col-full,
.col-set-full .grid-col {
  width: 100%;
}

.col-size1of2,
.col-one-half,
.col-set-one-half .grid-col {
  width: 50%;
}

.col-size1of3,
.col-one-third,
.col-set-one-third .grid-col {
  width: 33.333%;
}

.col-size1of4,
.col-one-quarter,
.col-set-one-quarter .grid-col {
  width: 25%;
}

.col-size2of3,
.col-two-thirds {
  width: 66.666%;
}

.col-size3of4,
.col-three-quarters {
  width: 75%;
}

.col-size1of5,
.col-one-fifth {
  width: 20%;
}

.col-size2of5,
.col-two-fifths {
  width: 40%;
}

.col-size3of5,
.col-three-fifths {
  width: 60%;
}

.col-size4of5,
.col-four-fifths {
  width: 80%;
}

.col-size1of8,
.col-one-eighth {
  width: 12.5%;
}

.col-size1of10,
.col-one-tenth {
  width: 10%;
}

.col-size1of6,
.col-one-sixth {
  width: 16.666%;
}

.col-size1of16,
.col-one-sixteenth {
  width: 6.25%;
}

/* -- Breakpoint (.bp1)
 ------------------------------------------------------------- */
@media only screen and (min-width: 46em) {
  .bp1-col-size1of1,
  .bp1-col-full,
  .bp1-col-set-full .grid-col {
    width: 100%;
  }

  .bp1-col-size1of2,
  .bp1-col-one-half,
  .bp1-col-set-one-half .grid-col {
    width: 50%;
  }

  .bp1-col-size1of3,
  .bp1-col-one-third,
  .bp1-col-set-one-third .grid-col {
    width: 33.333%;
  }

  .bp1-col-size1of4,
  .bp1-col-one-quarter,
  .bp1-col-set-one-quarter .grid-col {
    width: 25%;
  }

  .bp1-col-size2of3,
  .bp1-col-two-thirds {
    width: 66.666%;
  }

  .bp1-col-size3of4,
  .bp1-col-three-quarters {
    width: 75%;
  }

  .bp1-col-size1of5,
  .bp1-col-one-fifth {
    width: 20%;
  }

  .bp1-col-size2of5,
  .bp1-col-two-fifths {
    width: 40%;
  }

  .bp1-col-size3of5,
  .bp1-col-three-fifths {
    width: 60%;
  }

  .bp1-col-size4of5,
  .bp1-col-four-fifths {
    width: 80%;
  }

  .bp1-col-size1of8,
  .bp1-col-one-eighth {
    width: 12.5%;
  }

  .bp1-col-size1of10,
  .bp1-col-one-tenth {
    width: 10%;
  }

  .bp1-col-size1of6,
  .bp1-col-one-sixth {
    width: 16.666%;
  }

  .bp1-col-size1of16,
  .bp1-col-one-sixteenth {
    width: 6.25%;
  }
}
/* -- Breakpoint 2 (.bp2)
 ------------------------------------------------------------- */
@media only screen and (min-width: 55em) {
  .bp2-col-size1of1,
  .bp2-col-full,
  .bp2-col-set-full .grid-col {
    width: 100%;
  }

  .bp2-col-size1of2,
  .bp2-col-one-half,
  .bp2-col-set-one-half .grid-col {
    width: 50%;
  }

  .bp2-col-size1of3,
  .bp2-col-one-third,
  .bp2-col-set-one-third .grid-col {
    width: 33.333%;
  }

  .bp2-col-size1of4,
  .bp2-col-one-quarter,
  .bp2-col-set-one-quarter .grid-col {
    width: 25%;
  }

  .bp2-col-size2of3,
  .bp2-col-two-thirds {
    width: 66.666%;
  }

  .bp2-col-size3of4,
  .bp2-col-three-quarters {
    width: 75%;
  }

  .bp2-col-size1of5,
  .bp2-col-one-fifth {
    width: 20%;
  }

  .bp2-col-size2of5,
  .bp2-col-two-fifths {
    width: 40%;
  }

  .bp2-col-size3of5,
  .bp2-col-three-fifths {
    width: 60%;
  }

  .bp2-col-size4of5,
  .bp2-col-four-fifths {
    width: 80%;
  }

  .bp2-col-size1of8,
  .bp2-col-one-eighth {
    width: 12.5%;
  }

  .bp2-col-size1of10,
  .bp2-col-one-tenth {
    width: 10%;
  }

  .bp2-col-size1of6,
  .bp2-col-one-sixth {
    width: 16.666%;
  }

  .bp2-col-size1of16,
  .bp2-col-one-sixteenth {
    width: 6.25%;
  }
}
/* -- Breakpoint 3 (.bp3)
 ------------------------------------------------------------- */
@media only screen and (min-width: 70em) {
  .bp3-col-size1of1,
  .bp3-col-full,
  .bp3-col-set-full .grid-col {
    width: 100%;
  }

  .bp3-col-size1of2,
  .bp3-col-one-half,
  .bp3-col-set-one-half .grid-col {
    width: 50%;
  }

  .bp3-col-size1of3,
  .bp3-col-one-third,
  .bp3-col-set-one-third .grid-col {
    width: 33.333%;
  }

  .bp3-col-size1of4,
  .bp3-col-one-quarter,
  .bp3-col-set-one-quarter .grid-col {
    width: 25%;
  }

  .bp3-col-size2of3,
  .bp3-col-two-thirds {
    width: 66.666%;
  }

  .bp3-col-size3of4,
  .bp3-col-three-quarters {
    width: 75%;
  }

  .bp3-col-size1of5,
  .bp3-col-one-fifth {
    width: 20%;
  }

  .bp3-col-size2of5,
  .bp3-col-two-fifths {
    width: 40%;
  }

  .bp3-col-size3of5,
  .bp3-col-three-fifths {
    width: 60%;
  }

  .bp3-col-size4of5,
  .bp3-col-four-fifths {
    width: 80%;
  }

  .bp3-col-size1of8,
  .bp3-col-one-eighth {
    width: 12.5%;
  }

  .bp3-col-size1of10,
  .bp3-col-one-tenth {
    width: 10%;
  }

  .bp3-col-size1of6,
  .bp3-col-one-sixth {
    width: 16.666%;
  }

  .bp3-col-size1of16,
  .bp3-col-one-sixteenth {
    width: 6.25%;
  }
}
/* -- Breakpoint 4 (.bp4)
 ------------------------------------------------------------- */
@media only screen and (min-width: 85em) {
  .bp4-col-size1of1,
  .bp4-col-full,
  .bp4-col-set-full .grid-col {
    width: 100%;
  }

  .bp4-col-size1of2,
  .bp4-col-one-half,
  .bp4-col-set-one-half .grid-col {
    width: 50%;
  }

  .bp4-col-size1of3,
  .bp4-col-one-third,
  .bp4-col-set-one-third .grid-col {
    width: 33.333%;
  }

  .bp4-col-size1of4,
  .bp4-col-one-quarter,
  .bp4-col-set-one-quarter .grid-col {
    width: 25%;
  }

  .bp4-col-size2of3,
  .bp4-col-two-thirds {
    width: 66.666%;
  }

  .bp4-col-size3of4,
  .bp4-col-three-quarters {
    width: 75%;
  }

  .bp4-col-size1of5,
  .bp4-col-one-fifth {
    width: 20%;
  }

  .bp4-col-size2of5,
  .bp4-col-two-fifths {
    width: 40%;
  }

  .bp4-col-size3of5,
  .bp4-col-three-fifths {
    width: 60%;
  }

  .bp4-col-size4of5,
  .bp4-col-four-fifths {
    width: 80%;
  }

  .bp4-col-size1of8,
  .bp4-col-one-eighth {
    width: 12.5%;
  }

  .bp4-col-size1of10,
  .bp4-col-one-tenth {
    width: 10%;
  }

  .bp4-col-size1of6,
  .bp4-col-one-sixth {
    width: 16.666%;
  }

  .bp4-col-size1of16,
  .bp4-col-one-sixteenth {
    width: 6.25%;
  }
}
/* 
   =============================================
   Add your Custom Type @font-face calls for kits via TypeKit or any other web font kit
   =============================================	
 */
@font-face {
  font-family: 'SF Pro';
  src: url('../fonts/SFPro/SF-Pro-Text-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'SF Pro';
  src: url('../fonts/SFPro/SF-Pro-Text-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'SF Pro';
  src: url('../fonts/SFPro/SF-Pro-Text-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'SF Pro';
  src: url('../fonts/SFPro/SF-Pro-Text-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'SF Pro';
  src: url('../fonts/SFPro/SF-Pro-Text-Black.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'TradeGothicLTPro-Bold';
  src: url('../fonts/tradegothic/2BB7BE_0_0.eot');
  src: url('../fonts/tradegothic/2BB7BE_0_0.eot?#iefix')
    format('embedded-opentype');
  src: url('../fonts/tradegothic/2BB7BE_0_0.woff') format('woff'),
    url('../fonts/tradegothic/2BB7BE_0_0.ttf') format('truetype'),
    url('../fonts/tradegothic/2BB7BE_0_0.svg#wf') format('svg');
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
}
@font-face {
  font-family: 'TradeGothicLTPro';
  src: url('../fonts/tradegothic/2BB7BE_1_0.eot');
  src: url('../fonts/tradegothic/2BB7BE_1_0.eot?#iefix')
    format('embedded-opentype');
  src: url('../fonts/tradegothic/2BB7BE_1_0.woff') format('woff'),
    url('../fonts/tradegothic/2BB7BE_1_0.ttf') format('truetype'),
    url('../fonts/tradegothic/2BB7BE_1_0.svg#wf') format('svg');
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
}
@font-face {
  font-family: 'TradeGothicLTPro-BdCn20';
  src: url('../fonts/tradegothic/2BB7BE_2_0.eot');
  src: url('../fonts/tradegothic/2BB7BE_2_0.eot?#iefix')
    format('embedded-opentype');
  src: url('../fonts/tradegothic/2BB7BE_2_0.woff') format('woff'),
    url('../fonts/tradegothic/2BB7BE_2_0.ttf') format('truetype'),
    url('../fonts/tradegothic/2BB7BE_2_0.svg#wf') format('svg');
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
}
@font-face {
  font-family: 'FuturaNDforNike365Cn-XBd';
  src: url('../fonts/Futura/FuturaNDforNike365Cn-XBd.eot');
  src: url('../fonts/Futura/FuturaNDforNike365Cn-XBd.eot?#iefix')
      format('embedded-opentype'),
    url('../fonts/Futura/FuturaNDforNike365Cn-XBd.woff2') format('woff2'),
    url('../fonts/Futura/FuturaNDforNike365Cn-XBd.woff') format('woff'),
    url('../fonts/Futura/FuturaNDforNike365Cn-XBd.svg#webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}
/** ==========================================================
 
     $3 Typography
 
 ========================================================== **/
#mfPreviewBar {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  text-transform: none;
  font-family: 'TradeGothicLTPro-Bold', 'proxima-nova-1', 'proxima-nova-2',
    'Helvetica Neue', 'Helvetica', Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
}

h1 {
  font-size: 2.8em;
  letter-spacing: 2px;
  padding: 0;
  margin: 0 0 0.5em;
  line-height: 1em;
  font-weight: normal;
  text-transform: uppercase;
  font-family: 'TradeGothicLTPro-Bold', 'proxima-nova-1', 'proxima-nova-2',
    'Helvetica Neue', 'Helvetica', Arial, sans-serif;
  color: #ff4612;
}

h2,
.as-h2 {
  font-size: 1.75em;
  font-weight: normal;
  text-transform: uppercase;
  font-family: 'TradeGothicLTPro-Bold', 'proxima-nova-1', 'proxima-nova-2',
    'Helvetica Neue', 'Helvetica', Arial, sans-serif;
  letter-spacing: 1px;
  line-height: 1em;
  font-weight: 300;
}
h2 strong,
.as-h2 strong {
  font-weight: bold;
}

h1.as-h2 {
  text-transform: none;
}

.mediaBlocks-heading h2 {
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
  font-size: 90%;
  letter-spacing: 1px;
}

.calloutHeading,
.sectionSlug {
  font-family: 'FuturaNDforNike365Cn-XBd', 'Arial', 'Helvetica', sans-serif;
  color: #000;
  text-transform: uppercase;
}

.sectionHeading {
  text-align: center;
}
.sectionHeading strong {
  display: block;
}

.sectionSubHeading {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
  margin: 0.5em 0 1.5em;
}

h3,
.as-h3 {
  font-size: 1.65em;
  font-weight: normal;
  margin: 0 0 0.2em;
  padding: 0;
  letter-spacing: 0;
  line-height: 1.1em;
  text-transform: uppercase;
}

h4 {
  font-size: 1.2em;
  margin-bottom: 0.2em;
}

h5 {
  font-size: 1.2em;
  margin: 0 0 0.2em;
  text-transform: uppercase;
}

h6 {
  text-transform: uppercase;
  font-size: 1em;
  margin: 0 0 0.2em;
}

address {
  line-height: 1.5;
  font-size: 0.9em;
  margin-bottom: 1em;
  margin-top: 0;
}

p {
  line-height: 1.6em;
  font-size: 0.9em;
  margin: 0 0 1.75em 0;
  font-family: 'SF Pro';
}
p strong {
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
}
p a {
  text-decoration: underline;
}
p:last-child {
  margin-bottom: 0;
}

.mixedMediaBlocks p:last-child {
  margin-bottom: 1.75em;
}

ul li {
  line-height: 1.4em;
  margin: 0.75em 0;
  list-style: disc;
  font-size: 0.9em;
}
ul li strong {
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
}
ul li ul {
  margin: 0;
}

.details__photos ul li p {
  margin: 0;
}
.details__photos ul li ul {
  margin: 0;
}
.details__photos ul li .review-quote blockquote + p {
  margin: 15px 0 2em 85px;
}

.contentWrap ul li {
  line-height: 1.4em;
  margin: 0.75em 0;
  list-style: disc;
  font-size: 0.9em;
}

.noMarginBottom {
  margin-bottom: 0;
}

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

.as-callout {
  font-family: 'FuturaNDforNike365Cn-XBd', 'Arial', 'Helvetica', sans-serif;
  text-transform: uppercase;
  font-size: 2.8em;
}

.c-brand-3 {
  color: #ff4612;
}

.hdr {
  letter-spacing: 1px;
}

.noBottomMargin {
  margin-bottom: 0;
}

.darkTxt {
  color: #000;
}

.onDark {
  color: #fff;
}
.onDark h1,
.onDark h2,
.onDark h3,
.onDark h4,
.onDark h5,
.onDark h6,
.onDark p {
  color: #fff;
}
.onDark h1 strong,
.onDark h2 strong,
.onDark h3 strong,
.onDark h4 strong,
.onDark h5 strong,
.onDark h6 strong,
.onDark p strong {
  color: #fff;
}

.imageWrap {
  padding: 1em 0;
}
.imageWrap img.withBorder {
  border: 1px solid #000;
}
.imageWrap .caption {
  font-size: 0.9em;
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
  font-weight: bold;
  line-height: 1.2em;
  text-align: center;
  display: block;
  padding: 0 1em;
  margin: 0.25em 0 0 0;
}

.sectionOverview .subSectionHeading {
  color: #ff4612;
  font-size: 2em;
}
.sectionOverview h4 {
  font-size: 1em;
  color: #000;
  padding-top: 1em;
  margin-top: 1em;
  border-top: 1px solid #fff;
}
.sectionOverview h6 {
  color: #000;
  border-top: 1px solid #ededed;
  padding: 1em 0 0 0;
  margin: 0 0 1em;
}
.sectionOverview p,
.sectionOverview li {
  font-size: 0.8em;
  color: #c0360f;
}
.sectionOverview .instructions {
  color: #efeeec;
}

.category {
  font-family: 'TradeGothicLTPro', 'Helvetica Neue', 'Helvetica', Arial,
    sans-serif;
  text-transform: uppercase;
  margin: 0 0 0.15em 0;
  display: block;
  font-size: 0.8em;
  font-weight: 700;
  letter-spacing: 1px;
}

.mediaList-content h3 {
  text-transform: uppercase;
  font-family: 'TradeGothicLTPro-Bold', 'proxima-nova-1', 'proxima-nova-2',
    'Helvetica Neue', 'Helvetica', Arial, sans-serif;
  letter-spacing: 1px;
  margin: 0 0 0.35em;
  font-size: 1.2em;
}

.slideCaption h3 {
  font-family: 'FuturaNDforNike365Cn-XBd', 'Arial', 'Helvetica', sans-serif;
  line-height: 1em;
  font-size: 2.4em;
  margin-bottom: 0;
  text-shadow: 1px 2px rgba(0, 0, 0, 0.8);
}
.slideCaption .category {
  margin: 0 0 0.25em;
  font-family: 'TradeGothicLTPro-Bold', 'proxima-nova-1', 'proxima-nova-2',
    'Helvetica Neue', 'Helvetica', Arial, sans-serif;
  font-size: 1.4em;
  line-height: 1.2em;
  letter-spacing: 0;
}
.slideCaption p {
  line-height: 1.2em;
  margin: 0 0 1em 0;
  font-family: 'TradeGothicLTPro-Bold', 'proxima-nova-1', 'proxima-nova-2',
    'Helvetica Neue', 'Helvetica', Arial;
}
.slideCaption p:last-child {
  margin-bottom: 0;
}
.slideCaption .ctaWrapper {
  display: block;
}
.blogSummary p {
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
}

.item-heading strong {
  margin-bottom: 0.5rem;
  display: block;
}

.mailContact {
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
  font-size: 0.9em;
  margin: 0 0 0.5em;
  display: block;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.section-icon {
  font-size: 1.6rem;
}

.blogAuthorDate {
  font-family: 'TradeGothicLTPro-Bold', 'proxima-nova-1', 'proxima-nova-2',
    'Helvetica Neue', 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 1.2em;
  letter-spacing: 1px;
}

.blogBody p {
  text-align: left;
}

blockquote p {
  font-size: 1.4em;
  letter-spacing: 1px;
}

.blogQuote .icon {
  color: #d8d9db;
}

/* 
   =============================================
     Responsive Typography
   =============================================	
 */
@media only screen and (min-width: 46em) {
  h1 {
    font-size: 3em;
  }

  h2,
  .as-h2 {
    font-size: 1.8em;
  }

  .mediaList-content h3 {
    font-size: 1.6em;
  }

  .slideCaption h3 {
    font-size: 3.8em;
  }
  .slideCaption p {
    display: block;
    margin: 1em 0;
  }
  .slideCaption .category {
    font-size: 1.6em;
  }
}
@media only screen and (min-width: 55em) {
  h1 {
    font-size: 3.4em;
  }

  h2,
  .as-h2 {
    font-size: 2.2em;
  }

  .as-callout {
    font-size: 3.4em;
  }

  .blogAuthorDate {
    font-size: 1.4em;
  }

  .slideCaption h3 {
    font-size: 3em;
    margin-bottom: 0.15em;
  }
  .slideCaption .category {
    font-size: 1.6em;
    letter-spacing: 1px;
  }

  .imageWrap {
    padding: 0 0 1em 0;
  }
}
@media only screen and (min-width: 70em) {
  h1 {
    font-size: 3.8em;
  }

  h2,
  .as-h2 {
    font-size: 2.6em;
  }

  h3 {
    font-size: 2em;
  }

  h4 {
    font-size: 1.6em;
    margin-bottom: 0.5em;
  }

  h5 {
    font-size: 1.4em;
  }

  h6 {
    font-size: 1.2em;
  }

  p {
    font-size: 1em;
    line-height: 1.6em;
  }

  .sectionContent p,
  .blogSection p {
    font-size: 1.2em;
    line-height: 1.6em;
  }
  .sectionContent blockquote p,
  .blogSection blockquote p {
    font-size: 1.8em;
  }

  blockquote p {
    font-size: 1.8em;
  }

  ul li {
    line-height: 1.4em;
    margin: 0.75em 0;
    font-size: 1em;
  }

  .slideCaption h3 {
    font-size: 3.8em;
  }
  .slideCaption p {
    line-height: 1.2em;
  }
  .slideCaption .category {
    font-size: 1.6em;
  }

  .mediaList-content h3 {
    font-size: 1.8em;
  }

  .category {
    font-size: 0.8em;
  }

  .mailContact {
    font-size: 1em;
  }
}
@media only screen and (min-width: 85em) {
  .slideCaption h3 {
    font-size: 4em;
  }
}
@media only screen and (min-width: 110em) {
  .slideCaption h3 {
    font-size: 4.6em;
  }
  .slideCaption p {
    line-height: 1.8em;
  }
}
*,
*:before,
*:after {
  box-sizing: inherit;
}

.site-header,
.camp-footer {
  display: flex;
  justify-content: center;
  align-items: center;
}

.content-area {
  display: flex;
}

.sidebarMessage {
  margin: 0;
  font-family: 'FuturaNDforNike365Cn-XBd', 'Arial', 'Helvetica', sans-serif;
}
.sidebarMessage .messageText {
  display: block;
  font-size: 1.4em;
}
.withAnnouncement.countdown .headerContainer {
  background: #efeeec;
}
.withAnnouncement .siteWrapper {
  margin-top: 6.5rem;
}
.withAnnouncement.countdown .siteWrapper {
  margin-top: 10rem;
}
.withAnnouncement .countdown {
  position: relative;
  top: -5px;
}

.withAnnouncement.countdown .announcementBar {
  min-height: 85px;
}
.withAnnouncement .announcementBar {
  line-height: 1em;
  font-size: 0.85em;
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  z-index: 999;
}
.withAnnouncement .announcementBar .countdown {
  text-align: center;
}
.withAnnouncement .announcementBar .countdown img {
  max-width: 240px;
  margin: auto;
}
.withAnnouncement .announcementBar .announcementBar--content {
  padding: 0.75em 1em;
  display: table-cell;
  width: 100%;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
.withAnnouncement .announcementBar .announcementBar--content strong {
  color: #000;
}
.withAnnouncement .announcementBar .announcementBar--content a {
  color: #efeeec;
}
.withAnnouncement .announcementBar .announcementBar--content a strong {
  color: #000;
}
.withAnnouncement .announcementBar .announcementBar--content a:hover {
  color: #fff;
  text-decoration: underline;
}

.withAnnouncement .campTabsWrapper {
  top: 125px;
}

@media only screen and (min-width: 55em) {
  .withAnnouncement .announcementBar {
    font-size: 1em;
  }
  .side-navigation.fixed {
    position: fixed;
    width: 290px;
  }
  .side-navigation.bottom {
    position: absolute;
    bottom: 0;
    top: auto;
    width: 290px;
  }
  .withAnnouncement .campTabsWrapper {
    top: 145px;
  }
}
/** ==========================================================
 
     $4 Components
 
 ========================================================== **/
.pageVideo iframe {
  width: 100%;
  height: 315px;
  margin-bottom: 2rem;
}
.sr {
  display: none;
}
.sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.small-island {
  padding: 1em;
  margin: 0;
}

.island,
.large-island,
.medium-island {
  padding: 1em;
}
.island :last-child,
.large-island :last-child,
.medium-island :last-child {
  margin-bottom: 0;
}

.large-island--copy {
  padding: 0 1em 1em;
}

.medium-island {
  padding: 1em 1em 0.5em;
}

.w-container {
  max-width: 1638px;
  width: 100%;
  margin: auto;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.container {
  padding: 0 1em;
  box-sizing: border-box;
}
.container:before,
.container:after {
  content: '';
  display: table;
  clear: both;
}
.container:after {
  clear: both;
}

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

.border-top {
  border-top: 1px solid #b3b2b1;
}

.bg-dark {
  background: #b3b2b1;
}

.bg-light {
  background: #dbd9d6;
}

.bg-extralight {
  background: #f8f7f6;
}

.bg-white {
  background: #fff;
}

.borderTop {
  border-top: 1px solid #efeeec;
}

.pad--right {
  padding-right: 1em;
}

.pad--left {
  padding-left: 1em;
}

.pad--bottom {
  padding-bottom: 3em;
}

.pad--top {
  padding-top: 3em;
}

.half-pad--top {
  padding-top: 1em;
}

.half-pad--bottom {
  padding-bottom: 1em;
}

.gap--bottom {
  margin-bottom: 1em;
}

.quarter-pad--top {
  padding-top: 0.75em;
}

.quarter-pad--bottom {
  padding-bottom: 0.75em;
}

.contentWrapper {
  padding: 1em;
}

.careersListing {
  margin: 3em 0;
  padding: 3em 0;
  list-style: none;
  border-top: 1px solid #efeeec;
}
.careersListing li {
  list-style: none;
  margin: 0 0 3em 0;
  padding: 0 0 1.5em 0;
  border-bottom: 1px solid #efeeec;
}
.careersListing li h3 {
  color: #000;
}
.careersListing li h4 {
  color: #b3b2b1;
}
.careersListing li .jobListing--summary {
  margin: 0 0 1em;
}
.careersListing li .jobListing--full {
  margin: 1em 0 0 0;
  display: none;
}
.careersListing li .jobListing--full h4 {
  color: #000;
  margin: 1.5em 0 0.75em;
}
.careersListing li .jobListing--full p {
  margin: 0 0 1em;
}
.careersListing li .jobListing--full ul {
  margin: 1em 0;
}
.careersListing li .jobListing--full ul li {
  list-style: disc;
  border: none;
  padding: 0;
  margin: 0 0 0.75em 2em;
}
.careersListing li .cta .open {
  display: inline-block;
  margin-left: 1em;
}
.careersListing li .cta .close {
  display: none;
}
.careersListing li .cta.active {
  background: #ff4612;
  color: #fff;
}
.careersListing li .cta.active .open {
  display: none;
}
.careersListing li .cta.active .close {
  display: inline-block;
  margin-left: 1em;
}

.slideCaption a {
  color: #fff;
}
.slideCaption a:hover {
  background: #c0360f !important;
}
.slideCaption .button {
  margin-top: 0.75em;
}
.numericControls li {
  display: inline-block !important;
  width: 12px !important;
  height: 12px !important;
  margin: 0 8px !important;
  background: #fff;
  border-radius: 50%;
  opacity: 1;
  cursor: pointer;
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.8);
}

.numericControls li.current a {
  background: #ff4612 !important;
}

.carousel-cell {
  width: 100%; /* full width */
  height: 100%; /* height of carousel */
  margin-right: 10px;
}
.geoSearchResults {
  margin: 1em 0 1em 1em;
  padding: 0;
}
.geoSearchResults li {
  color: #b3b2b1;
  margin-bottom: 0.35em;
  padding-bottom: 0.35em;
  margin-left: 1em;
  border-bottom: 1px solid #f8f7f6;
}
.geoSearchResults li strong {
  color: #77777a;
}

.results-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
}
.results-heading h1 {
  color: #3a3a3c;
  font-size: 2.25rem;
  margin-right: 1.25rem;
  margin-bottom: 0px;
  font-family: 'SF Pro';
  font-weight: 600;
  letter-spacing: 0px;
}
.results-heading span {
  font-size: 0.875rem;
  font-family: 'SF Pro';
  white-space: nowrap;
}
.filter-breadcrumbs {
  margin-bottom: 58px;
}
.filter-breadcrumbs .item {
  background: #efeeec;
  color: #3a3a3c;
  width: fit-content;
  padding: 6px 18px 6px 16px;
  margin: right 8px;
  border-radius: 50px;
  font-size: 1rem;
  font-family: 'SF Pro';
}
.filter-breadcrumbs .item span {
  margin-right: 2px;
}
.filter-breadcrumbs .item img.bc-close {
  max-width: 10px;
  width: 100%;
  position: relative;
  top: -1px;
  cursor: pointer;
}
#camp-sort {
  background: #efeeec;
  color: #717171;
  border-radius: 8px;
  border: 1px solid #d6d6d6;
  font-size: 1rem;
  font-family: 'SF Pro';
  padding-left: 73px;
  margin-bottom: 2rem;
  display: inline-block;
  text-transform: none;
}
.sort-filter::after {
  content: '';
  position: absolute;
  top: 25px;
  right: 20px; /* Adjust as needed */
  transform: translateY(-50%);
  width: 12px; /* Adjust width */
  height: 12px; /* Adjust height */
  background-image: url('/themes/v2/img/chevron-down.svg'); /* Replace with your SVG path */
  background-size: contain; /* Ensures the SVG scales correctly */
  background-repeat: no-repeat; /* Prevents the background from repeating */
  pointer-events: none; /* Ensures the chevron doesn't block clicks */
}
.sort-filter {
  max-width: 293px;
  position: relative;
}

.sort-filter span {
  position: absolute;
  top: 13px;
  left: 1rem;
  z-index: 1;
  font-family: 'SF Pro';
  font-weight: 600;
}
.faq--questionList {
  margin: 1em 0 2em;
  padding: 0;
}
.faq--questionList li {
  margin: 0 0 0 2em;
  padding: 1em;
  border-bottom: 1px solid #efeeec;
  color: #b3b2b1;
}
.faq--questionList li a {
  font-size: 1.2em;
  font-weight: 600;
}

.faq--answerList .faq {
  margin: 0 0 2em;
  padding: 0 0 1em;
  border-bottom: 1px solid #efeeec;
}
.faq--answerList .faq .question h3 {
  font-family: 'FuturaNDforNike365Cn-XBd', 'Arial', 'Helvetica', sans-serif;
  color: #000;
  text-transform: none;
}
.faq--answerList .faq .question h3 .count {
  display: block;
  float: right;
  background: #efeeec;
  padding: 0.15em 0.25em;
  margin: 0 0 0 0.75em;
  color: #fff;
  font-family: 'TradeGothicLTPro', 'Helvetica Neue', 'Helvetica', Arial,
    sans-serif;
}
.faq--answerList .faq .answer .mini-cta {
  color: #fff;
  padding: 0.25em 1em;
}

.mediaList .mediaList-item .square a {
  background: #000;
  color: #fff;
  padding: 0.75em;
  text-transform: uppercase;
  font-family: 'FuturaNDforNike365Cn-XBd', 'Arial', 'Helvetica', sans-serif;
  font-size: 1.2em;
  letter-spacing: 0.05em;
  line-height: 1em;
}
.mediaList .mediaList-item .square a span {
  position: absolute;
  left: 0.5em;
  right: 1em;
  color: #fff;
}
.mediaList .mediaList-item .square a span em {
  font-style: normal;
  display: block;
  text-transform: uppercase;
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
  font-weight: normal;
  font-size: 65%;
  line-height: 1.2em;
}
.mediaList .mediaList-item .square a img {
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
}
.mediaList .mediaList-item .square a:hover img {
  opacity: 1;
}
.mediaList .mediaList-item .square a:hover span {
  opacity: 0.7;
}

.locations {
  margin: 0.5em 0 0.25em 0;
}

.campsByLocation {
  margin: 0.5em;
  padding: 0;
  display: block;
  box-sizing: border-box;
}
.campsByLocation dt {
  margin: 0;
  padding: 0;
  font-size: 1.8em;
  font-family: 'TradeGothicLTPro-Bold', 'proxima-nova-1', 'proxima-nova-2',
    'Helvetica Neue', 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
}
.campsByLocation dt a {
  display: block;
  background: #77777a;
  color: #fff;
  padding: 0.5em 0.75em;
  border-bottom: 1px solid #fff;
}
.campsByLocation dt a:hover {
  background: #135fab;
}
.campsByLocation dt .active {
  background: #135fab;
}
.campsByLocation dt .active h3 {
  margin: 0;
  padding: 0;
}
.campsByLocation dt.ui-state-active a,
.campsByLocation dt.active a {
  background: #135fab;
}
.campsByLocation dt.ui-state-active a h3,
.campsByLocation dt.active a h3 {
  margin: 0;
  padding: 0;
}
.campsByLocation dd {
  box-sizing: border-box;
  display: none;
  margin: 0;
  padding: 0;
  background: #b3b2b1;
}
.campsByLocation dd .cities {
  margin: 0;
  padding: 0;
}
.campsByLocation dd .cities h3 {
  margin: 0;
  padding: 0.75em 1.25em 0;
  font-size: 1.4em;
  color: #000;
}
.campsByLocation dd .cities li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.campsByLocation dd .cities li .camps {
  margin: 0;
  padding: 0.5em 1.75em;
  border-bottom: 1px solid #fff;
}
.campsByLocation dd .cities li .camps li {
  margin: 0.25em 0;
  padding: 0.25em 0;
  display: block;
}
.campsByLocation dd .cities li .camps li a {
  color: #fff;
}
.campsByLocation dd .cities li .camps li a:hover {
  color: #efeeec;
  text-decoration: underline;
}
.campsByLocation dd .cities li ul li {
  background: transparent !important;
}

.area {
  margin: 0;
  padding: 0 0.5em 1px;
}
.area h2 {
  margin: 0;
  padding: 0;
  font-size: 2em;
}
.area h2 a {
  display: block;
  background: #000;
  color: #fff;
  padding: 0.5em 0.75em;
  border-bottom: 1px solid #fff;
}
.area h2 a:hover {
  background: #b3b2b1;
}
.area h2.active a {
  background: #ff4612;
}
.area li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.area li .cities {
  margin: 0;
  padding: 0;
  display: none;
  background: #dbd9d6;
}
.area li .cities h3 {
  margin: 0;
  padding: 0.75em 1.25em 0;
  font-size: 1.4em;
  color: #000;
}
.area li .cities li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.area li .cities li .camps {
  margin: 0;
  padding: 0.5em 1.75em;
  border-bottom: 1px solid #fff;
}
.area li .cities li .camps li {
  margin: 0.25em 0;
  padding: 0.25em 0;
  display: block;
}

.areaBlock {
  background: #b3b2b1;
  padding: 1.5em;
  margin: 1em;
}
.areaBlock a {
  color: #fff;
}
.areaBlock a:hover {
  color: #000;
}
.areaBlock h2 {
  margin: 0 0 0.5em;
  padding: 0;
  font-size: 3em;
  font-family: 'FuturaNDforNike365Cn-XBd', 'Arial', 'Helvetica', sans-serif;
  color: #000;
}
.areaBlock h3 {
  color: #000;
  font-size: 1.4em;
  margin: 0;
  padding: 0;
}
.areaBlock ul {
  margin: 0;
  padding: 0;
}
.areaBlock ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.areaBlock ul li ul {
  padding: 1em 0;
  margin: 0 0 1em;
  border-bottom: 1px solid #dbd9d6;
}
.areaBlock ul li ul li {
  margin: 0 0 0.5em;
  padding: 0;
}
.areaBlock ul li ul li:last-child {
  margin: 0;
}
.areaBlock .socialIcons {
  margin: 1em 0;
}
.areaBlock .socialIcons li {
  display: inline-block;
  margin: 0 0.75em;
}
.areaBlock .socialIcons li a .icon {
  width: 3em;
  height: 3em;
}

.gridderBlocks li.areaBlockLink a {
  color: #fff;
  text-transform: uppercase;
  display: block;
  font-family: 'FuturaNDforNike365Cn-XBd', 'Arial', 'Helvetica', sans-serif;
}
.gridderBlocks li.areaBlockLink a:hover {
  background: #ff4612;
}
.gridderBlocks li.areaBlockLink a span {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1em;
  display: block;
  letter-spacing: 1px;
  padding: 16px;
}
.gridderBlocks li.areaBlockLink a span.cta {
  bottom: 0;
  top: auto;
  font-size: 0.85em;
  color: #fff;
}
.gridderBlocks li.areaBlockLink.selectedItem a {
  background: #ff4612;
}
.gridderBlocks li.areaBlockLink.selectedItem span.cta {
  opacity: 0.03;
}

.campSubHeader {
  padding-top: 100px;
}

.campSubHeader.noSubMenu,
.searchSubHeader {
  padding-top: 75px;
}
.searchSubHeader {
  border-bottom: 1px solid #d6d6d6;
}
.campTabsWrapper {
  position: fixed;
  top: 75px;
  left: 0;
  background: #b3b2b1;
  width: 100%;
  z-index: 99;
}
.campTabsWrapper .campTabs {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.campTabsWrapper .campTabs li {
  display: inline;
  margin: 0 0.9em;
  padding: 0;
  text-transform: uppercase;
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
}
.campTabsWrapper .campTabs li a {
  font-size: 1.2em;
  color: #000;
}
.campTabsWrapper .campTabs li a:hover {
  color: #fff;
}
.campTabsWrapper .campTabs li:last-child {
  display: block;
  margin-top: 1em;
}
.campTabsWrapper .campTabs li:last-child a {
  border: 1px solid #fff;
  background: #ff4612;
  padding: 0.25em 1em;
  color: #fff;
  text-decoration: underline;
}
.campTabsWrapper .campTabs li:last-child a:hover {
  background: #c0360f;
  border: 1px solid #fff;
}
.campTabsWrapper .campTabs li.active a {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.campTabsWrapper .campTabs li.active:last-child a {
  background: transparent;
}

.campTabsContainer {
  padding: 0.65em 0.75em 1em;
}

.campBreadcrumbs,
.searchBreadcrumbs {
  display: none;
}
.campBreadcrumbs em,
.searchBreadcrumbs em {
  font-style: normal;
  font-family: 'TradeGothicLTPro', 'Helvetica Neue', 'Helvetica', Arial,
    sans-serif;
  font-weight: normal;
}

.campPrimaryHeading {
  padding: 1em 0;
  margin: 0;
  border-bottom: 1px solid #dbd9d6;
}
.campPrimaryHeading:before,
.campPrimaryHeading:after {
  content: '';
  display: table;
  clear: both;
}
.campPrimaryHeading:after {
  clear: both;
}
.campPrimaryHeading .brandLogo {
  float: right;
  max-width: 90px;
  margin: 0 0 1em 1em;
}
.campPrimaryHeading h1 {
  font-family: 'FuturaNDforNike365Cn-XBd', 'Arial', 'Helvetica', sans-serif;
  color: #000;
  letter-spacing: 0;
  font-size: 2em;
  margin: 0;
}

.rating .star-rating {
  background: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.69232 16.0015L9.17724 13.6436L13.6622 16.0015C14.1207 16.2425 14.6566 15.8532 14.569 15.3426L13.7125 10.3486L17.3408 6.81179C17.7118 6.45021 17.5071 5.82022 16.9944 5.74573L11.9802 5.01711L9.7377 0.473396C9.50844 0.00886785 8.84604 0.00886785 8.61678 0.473396L6.37432 5.01711L1.36003 5.74573C0.84739 5.82022 0.642696 6.45021 1.01364 6.81179L4.64202 10.3486L3.78548 15.3426C3.69791 15.8532 4.2338 16.2425 4.69232 16.0015Z' fill='%23EF4A23'/%3E%3C/svg%3E")
    repeat-x 0 0;
  text-indent: -999em;
  height: 16px;
  margin: 0.75em 0 0.25em;
  padding: 0;
}
.rating .star-rating .current-rating {
  display: none;
}

.reviewsCtaWrapper {
  text-align: left;
  padding: 0 0 1em;
  max-width: 240px;
}
.reviewsCtaWrapper:before,
.reviewsCtaWrapper:after {
  content: '';
  display: table;
  clear: both;
}
.reviewsCtaWrapper:after {
  clear: both;
}
.reviewsCtaWrapper h6 {
  font-size: 0.8em;
  margin: 0 0 0.5em;
  padding: 0;
  display: none;
  clear: both;
}
.reviewsCtaWrapper .rating {
  margin: 0;
  padding: 0;
  max-width: 130px;
  float: left;
}
.reviewsCtaWrapper .rating ul {
  margin: 0;
}

.reviewsCta {
  float: right;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'TradeGothicLTPro', 'Helvetica Neue', 'Helvetica', Arial,
    sans-serif;
  display: inline-block;
  background: #fff;
  font-size: 0.9em;
  padding: 0.35em 0 0 0;
  margin: 0;
}

.galleryBox {
  margin: 1em 0;
}
.galleryBox:before,
.galleryBox:after {
  content: '';
  display: table;
  clear: both;
}
.galleryBox:after {
  clear: both;
}
.galleryBox img {
  vertical-align: middle;
  margin: 0;
  padding: 0;
}
.galleryBox a {
  float: left;
  display: block;
  margin: 0 0.25em 0.25em 0;
  background: #135fab;
  border: 1px solid #000;
  color: #fff;
  text-transform: uppercase;
  opacity: 1;
  width: 75px;
  height: 75px;
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.galleryBox a span {
  font-size: 0.8em;
  display: table-cell;
  vertical-align: middle;
  width: 75px;
  height: 75px;
}
.galleryBox a span .icon {
  font-size: 1em;
}
.galleryBox a:hover {
  opacity: 0.8;
}

.galleryBox.largeThumbs a {
  width: 91px;
  height: 91px;
  margin: 5px 5px 0 0;
}
.galleryBox.largeThumbs img {
  width: 100%;
}

.fullDetails.extendedBody {
  padding-top: 2em;
  padding-bottom: 2em;
}

.campDetailsBox.details__highlights {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.campDetailsBox {
  margin: 0;
  padding: 3em 0;
  border-bottom: 1px solid #dbd9d6;
}
.campDetailsBox h2 {
  color: #b3b2b1;
  font-family: 'FuturaNDforNike365Cn-XBd', 'Arial', 'Helvetica', sans-serif;
  margin-top: 1em;
}
.campDetailsBox h3,
.campDetailsBox h4,
.campDetailsBox h5 {
  color: #77777a;
  text-transform: uppercase;
}
.campDetailsBox ul {
  margin-left: 2em;
  margin-bottom: 2em;
}
.campDetailsBox .coachListing,
.campDetailsBox .reviewsListing,
.campDetailsBox .itemListing {
  margin-left: 0;
}
.campDetailsBox .sectionCaption {
  margin: 0 0 0.75em;
  color: #b3b2b1;
}
.campDetailsBox .sectionSummary {
  font-size: 1.25em;
  margin: 0 0 1em;
}
.campDetailsBox .sectionSummary p {
  margin: 1em 0;
}
.campDetailsBox .itemListing {
  margin: 1em 6px;
  padding: 1em 1.5em;
  list-style: none;
  border: 1px solid #efeeec;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.campDetailsBox .itemListing li {
  margin: 0.75em 0;
  padding: 0;
  display: block;
  font-size: 0.9em;
  font-weight: 600;
}
.campDetailsBox .itemListing li a {
  color: #135fab;
}
.campDetailsBox .itemListing li a:hover {
  color: #0e3f70;
}
.campDetailsBox .itemListing li:first-child {
  margin-top: 0;
}
.campDetailsBox .itemListing li:last-child {
  margin-bottom: 0;
}
.campDetailsBox .dailySchedule {
  margin: 1.5em 0;
  padding: 1.5em;
  background: #efeeec;
  border: 1px solid #ff4612;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.campDetailsBox .dailySchedule li {
  margin: 0.25em 0;
  padding: 1em;
  border-top: 1px solid #b3b2b1;
  list-style: none;
}
.campDetailsBox .dailySchedule li:before,
.campDetailsBox .dailySchedule li:after {
  content: '';
  display: table;
  clear: both;
}
.campDetailsBox .dailySchedule li:after {
  clear: both;
}
.campDetailsBox .dailySchedule li:first-child {
  border: none;
}
.campDetailsBox .dailySchedule li span {
  display: block;
}
.campDetailsBox .dailySchedule li .time {
  float: left;
  width: 30%;
  text-align: right;
  color: #de7b03;
}
.campDetailsBox .dailySchedule li .activity {
  color: #000;
  float: right;
  width: 65%;
  text-align: left;
}

.formWrapper .campDetailsBox {
  padding-top: 1.5em;
}
.formWrapper .campDetailsBox h2 {
  margin-bottom: 0;
}
.formWrapper .campDetailsBox .sectionSubHeading {
  letter-spacing: 0;
}

.campSidebar {
  margin: 0 0 0.75em;
  padding: 0;
}
.campSidebar .cta.button {
  display: block;
}

.campSidebarPrimaryCtas {
  margin: 0 0 1.25em;
}
.campSidebarPrimaryCtas .cta {
  display: block;
  background: #135fab;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  padding: 0.75em 1em;
  margin: 0.25em 0;
  font-size: 0.9em;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.campSidebarPrimaryCtas .cta:hover {
  background: #ff4612;
  color: #fff;
}

.campSidebarCtas {
  margin: 0;
}
.campSidebarCtas h4 {
  font-size: 0.8em;
  color: #efeeec;
  text-transform: uppercase;
  letter-spacing: 0;
  font-family: 'TradeGothicLTPro', 'Helvetica Neue', 'Helvetica', Arial,
    sans-serif;
}
.campSidebarCtas .cta {
  color: #fff;
}
.campSidebarCtas .cta:hover {
  color: #ff4612;
}
.campSidebarCtas h4 {
  width: 30%;
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}
.campSidebarCtas .social-share {
  display: table-cell;
  vertical-align: middle;
  width: 70%;
  margin: 0;
  padding: 0;
}
.campSidebarCtas .socialIcons {
  vertical-align: middle;
  list-style: none;
  margin: 0;
  padding: 0;
}
.campSidebarCtas .socialIcons li {
  margin: 0;
  padding: 0;
  display: inline-block;
  text-align: right;
}
.campSidebarCtas .socialIcons li .icon {
  width: 1.6em;
  height: 1.6em;
}

.campShare {
  background: #dbd9d6;
  padding: 0.5em 1em;
  vertical-align: middle;
  display: table;
  width: 100%;
}
.campShare:before,
.campShare:after {
  content: '';
  display: table;
  clear: both;
}
.campShare:after {
  clear: both;
}
.campShare h4 {
  color: #000;
}
.campShare .socialIcons li a {
  color: #000;
}
.campShare .socialIcons li a .icon {
  fill: #000;
}
.campShare .socialIcons li a:hover {
  color: #efeeec;
}
.campShare .socialIcons li a:hover .icon {
  fill: #ff4612;
}

.campSocial {
  background: #000;
  color: #b3b2b1;
  padding: 0.5em 1em;
  vertical-align: middle;
  display: table;
  width: 100%;
}
.campSocial:before,
.campSocial:after {
  content: '';
  display: table;
  clear: both;
}
.campSocial:after {
  clear: both;
}
.campSocial h4 {
  color: #fff;
}
.campSocial .socialIcons li a {
  color: #fff;
}
.campSocial .socialIcons li a .icon {
  fill: #fff;
}
.campSocial .socialIcons li a:hover {
  color: #efeeec;
}
.campSocial .socialIcons li a:hover .icon {
  fill: #ff4612;
}

.campLocation {
  margin: 0;
  padding: 0;
  background: #b3b2b1;
}
.campLocation .map {
  border: 1px solid #b3b2b1;
}
.campLocation .map img {
  width: 100%;
  margin: 0;
}
.campLocation .vcard {
  padding: 1em;
}
.campLocation .vcard div {
  font-size: 0.8em;
  color: #fff;
}
.campLocation .vcard h3 {
  font-size: 0.9em;
  margin: 0 0 0.25em;
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
  color: #000;
}

.coachListing,
.reviewsListing {
  margin: 0;
  padding: 0;
  list-style: none;
}
.coachListing li,
.reviewsListing li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}

.reviewsListing:before,
.reviewsListing:after {
  content: '';
  display: table;
  clear: both;
}
.reviewsListing:after {
  clear: both;
}
.reviewsListing li:before,
.reviewsListing li:after {
  content: '';
  display: table;
  clear: both;
}
.reviewsListing li:after {
  clear: both;
}
.reviewsListing li ul {
  margin: 0;
  padding: 0;
}
.reviewsListing li ul li {
  margin: 0;
  padding: 0;
}
.reviewsListing .bottom {
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin: 0.75em 0 0.25em;
}
.reviewsListing li .review:before,
.reviewsListing li .review:after {
  content: '';
  display: table;
  clear: both;
}
.reviewsListing li .review:after {
  clear: both;
}
.reviewsListing li .review .review-quote {
  float: left;
  box-sizing: border-box;
  font-size: 1em;
  margin: 0;
  padding: 0;
}
.reviewsListing li .review .review-quote h5 {
  font-size: 1.2em;
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
  color: #135fab;
  margin: 0 0 0.25em 0;
  padding: 0;
}
.reviewsListing li .review .review-quote blockquote {
  margin: 0.5em 0;
  padding: 1.5em;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.reviewsListing li .review .review-quote blockquote p {
  margin: 0;
  padding: 0;
  letter-spacing: 0;
  font-size: 0.9em;
  line-height: 1.4em;
  color: #000;
}
.reviewsListing li.alt .review .icon {
  color: #de7b03;
}
.reviewsListing li.alt .review .review-quote h5 {
  color: #000;
}

.review-quote blockquote {
  position: relative;
  padding: 2em;
  margin: 0;
  background: #eee;
  /* default background for browsers without gradient support */
  /* css3 */
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ccc), to(#eee));
  background: -moz-linear-gradient(#ccc, #eee);
  background: -o-linear-gradient(#ccc, #eee);
  background: linear-gradient(#ccc, #eee);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.review-quote blockquote + p {
  margin: 15px 0 2em 85px;
  font-style: italic;
}

/* creates the triangle */
.review-quote blockquote:after {
  content: '';
  position: absolute;
  bottom: -50px;
  left: 50px;
  border-width: 0 20px 50px 0px;
  border-style: solid;
  border-color: transparent #eee;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
  z-index: 1;
}

.imgBox {
  border: 1px solid #b3b2b1;
}
.imgBox img,
.coachThumb img {
  width: 100%;
  max-width: 120px;
  border: 1px solid #b3b2b1;
}

.campDetailsBox .campDetailsBox--header:before,
.campDetailsBox .campDetailsBox--header:after {
  content: '';
  display: table;
  clear: both;
}
.campDetailsBox .campDetailsBox--header:after {
  clear: both;
}
.campDetailsBox .campDetailsBox--header h2 {
  color: #000;
  margin-top: 0;
}
.campDetailsBox .campDetailsBox--content {
  position: relative;
}
.campDetailsBox .campDetailsBox--content .cta.backUp {
  color: #135fab;
  text-align: right;
  float: right;
  margin: 0 1.5em 0 0;
}
.campDetailsBox .campDetailsBox--content .cta.backUp:hover {
  color: #0e3f70;
}

.campDetailsBox.specialtyBox {
  border: 1px solid #dbd9d6;
  border-top: 1px solid #b3b2b1;
  margin-bottom: 3em;
  margin-top: 3em;
  padding: 0;
}
.campDetailsBox.specialtyBox .campDetailsBox--header {
  border: none;
  background: #b3b2b1;
  z-index: 10;
  transition: none;
  position: relative;
  padding: 1em;
}
.campDetailsBox.specialtyBox .campDetailsBox--header h2 {
  color: #000;
  text-align: left;
  margin: 0 0 0 0.25em;
  padding: 0;
}
.campDetailsBox.specialtyBox .campDetailsBox--header p {
  color: #000;
  margin: 0 0 0 0.25em;
  padding: 0;
}
.campDetailsBox.specialtyBox .campDetailsBox--header h2 .icon {
  color: #000;
}
.campDetailsBox.specialtyBox .campDetailsBox--header:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-top-color: #b3b2b1;
  border-width: 10px;
  margin-left: -10px;
}
.campDetailsBox.specialtyBox .campDetailsBox--content {
  padding: 0;
  border: none;
}
.campDetailsBox.specialtyBox .campDetailsBox--content .camp--schedule .session {
  background: #efeeec;
  color: #77777a;
  padding: 3em 1.5em 1.5em;
  border-top: 1px solid #dbd9d6;
}
.campDetailsBox.specialtyBox
  .campDetailsBox--content
  .camp--schedule
  .session
  .notification {
  text-align: center;
  text-transform: uppercase;
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
  color: #000;
}
.campDetailsBox.specialtyBox
  .campDetailsBox--content
  .camp--schedule
  .session:first-child {
  border-top: none;
}
.campDetailsBox.specialtyBox
  .campDetailsBox--content
  .camp--schedule
  .session:nth-child(odd) {
  background: #fff;
}
.campDetailsBox.specialtyBox
  .campDetailsBox--content
  .camp--schedule
  .session:nth-child(odd)
  .session--pricing-option {
  background: #efeeec;
}
.campDetailsBox.specialtyBox
  .campDetailsBox--content
  .camp--schedule
  .cta--register {
  margin: 3px;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.campDetailsBox.specialtyBox
  .campDetailsBox--content
  .camp--schedule
  .session--header {
  padding: 0;
  margin: 0;
}
.campDetailsBox.specialtyBox
  .campDetailsBox--content
  .camp--schedule
  .session--header
  h3 {
  text-transform: uppercase;
  font-size: 150%;
  font-family: 'FuturaNDforNike365Cn-XBd', 'Arial', 'Helvetica', sans-serif;
  max-width: 850px;
}
.campDetailsBox.specialtyBox
  .campDetailsBox--content
  .camp--schedule
  .session--header
  h3
  a,
.campDetailsBox.specialtyBox
  .campDetailsBox--content
  .camp--schedule
  .session--header
  h3
  div {
  color: #135fab;
}
.campDetailsBox.specialtyBox
  .campDetailsBox--content
  .camp--schedule
  .session--header
  h3
  a:hover {
  color: #0e3f70;
}
.campDetailsBox.specialtyBox
  .campDetailsBox--content
  .camp--schedule
  .session--pricing-option {
  background: #fff;
  padding: 0.75em 1.5em;
  margin: 0.5em 0;
  border: 1px solid #ededed;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.campDetailsBox.specialtyBox
  .campDetailsBox--content
  .camp--schedule
  .session--pricing-option
  a {
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
}
.campDetailsBox.specialtyBox
  .campDetailsBox--content
  .camp--schedule
  .session--pricing-option
  .availability--open {
  color: #3c9a3a;
  font-weight: bold;
}
.campDetailsBox.specialtyBox
  .campDetailsBox--content
  .camp--schedule
  .session--pricing-option
  .availability--almost {
  color: #a00;
  font-weight: bold;
}
.campDetailsBox.specialtyBox
  .campDetailsBox--content
  .camp--schedule
  .session--details {
  margin: 0 0 1.5em;
}
.campDetailsBox.specialtyBox
  .campDetailsBox--content
  .camp--schedule
  .session--details
  strong {
  font-family: 'TradeGothicLTPro-Bold', 'proxima-nova-1', 'proxima-nova-2',
    'Helvetica Neue', 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
}
.campDetailsBox.specialtyBox
  .campDetailsBox--content
  .camp--schedule
  .session--details
  .session--details-program {
  padding: 0.5em 0;
}
.campDetailsBox.specialtyBox
  .campDetailsBox--content
  .camp--schedule
  .session--notes {
  font-size: 0.8em;
  text-align: center;
  font-style: italic;
}
.campDetailsBox.specialtyBox
  .campDetailsBox--content
  .camp--schedule
  .foot-cta {
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  padding: 1em 1.5em;
  background: #b3b2b1;
  color: #fff;
  border-top: 1px solid #efeeec;
}
.campDetailsBox.specialtyBox
  .campDetailsBox--content
  .camp--schedule
  .foot-cta
  strong {
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
}
.campDetailsBox.specialtyBox
  .campDetailsBox--content
  .camp--schedule
  .foot-cta
  span,
.campDetailsBox.specialtyBox
  .campDetailsBox--content
  .camp--schedule
  .foot-cta
  a {
  color: #000;
}
.ca-drip em {
  font-size: 0.9375rem;
}
.ca-drip .reg-info img {
  width: 100%;
  max-width: 20px;
  cursor: help;
  position: relative;
  top: 1px;
}
.tippy-box {
  background-color: transparent;
}
.tippy-box[data-theme~='custom'][data-placement^='top-start']
  > .tippy-arrow::before {
  border-top-color: rgba(0, 0, 0, 0.9);
}
.tippy-content {
  background-color: rgba(0, 0, 0, 0.9);
  padding: 1rem;
  border-radius: 5px;
}

.buttonList {
  margin: 0;
  padding: 0;
}
.buttonList li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.coachProfile {
  margin: 0 0 1.5em;
  display: flex;
}
.coachProfile p {
  margin: 0.75em 0;
}
.coachProfile h3 {
  line-height: 1em;
  margin-top: -0.25em;
}
.coachProfile h3 span {
  display: block;
  font-size: 50%;
  color: #b3b2b1;
}
.coachProfile a {
  color: #000;
}
.coachProfile a:hover {
  color: #b3b2b1;
}
.coachProfile .img {
  margin-right: 1.5em;
  min-width: 120px;
}
.coachProfile .fullbio ul,
.coachProfile .fullbio ol {
  margin: 0 0 1em;
  padding: 0;
}
.coachProfile .fullbio ul li,
.coachProfile .fullbio ol li {
  list-style: disc;
  margin: 0.5em 1.5em;
  padding: 0;
  display: list-item;
}
.coachProfile .fullbio ol li {
  list-style: decimal;
}

.extendedBody img {
  width: 100%;
  max-width: 100%;
}
.extendedBody p img {
  border: 1px solid #000;
}

ul.grid-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 columns */
  gap: 20px; /* space between grid items */
  list-style: none; /* remove bullet points */
  padding: 0;
}

ul.grid-list li {
}
ul.grid-list li a {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
ul.grid-list li h3 {
  font-size: 0.875rem;
  font-family: 'SF Pro';
  font-weight: 700;
  letter-spacing: 0px;
  text-transform: none;
  color: #000000;
  margin-top: 1rem;
  margin-bottom: 8px;
}
ul.grid-list .host {
  margin-bottom: 0px;
  font-size: 0.75rem;
  color: #3a3a3c;
  font-family: 'SF Pro';
}
ul.grid-list .availability {
  color: #3a3a3c;
  font-size: 0.75rem;
  font-family: 'SF Pro';
  font-weight: 700;
}
@media (max-width: 1024px) {
  ul.grid-list {
    grid-template-columns: repeat(3, 1fr); /* 3 columns for medium screens */
  }
}

@media (max-width: 768px) {
  ul.grid-list {
    grid-template-columns: repeat(2, 1fr); /* 2 columns for smaller screens */
  }
}

@media (max-width: 480px) {
  ul.grid-list {
    grid-template-columns: 1fr; /* 1 column for mobile screens */
  }
}
.searchListing {
  margin: 0;
  padding: 0;
  list-style: none;
}
.searchListing li {
  margin: 0 0 1em;
  padding: 0 0 1em;
  list-style: none;
  display: flex;
}
.searchListing li:before,
.searchListing li:after {
  content: '';
  display: table;
  clear: both;
}
.searchListing li:after {
  clear: both;
}
.searchListing li a .img img {
  width: 100%;
  border-radius: 8px;
}
.searchListing li a .bd {
  padding-left: 0.75em;
}
.searchListing li a .rating {
  margin-bottom: 0;
}
.searchListing li a h4 {
  font-size: 1.4em;
  color: #59595b;
}
.searchListing li a h4 span {
  font-weight: 300;
  font-size: 80%;
  color: #999;
  -webkit-font-smoothing: antialiased !important;
  -o-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.searchListing li a p {
  margin: 0 0 0.5em;
  color: #77777a;
  font-size: 0.9em;
}
.searchListing li a .linkCta {
  font-size: 0.9em;
  color: #b3b2b1;
}

.campNewsTipsArticle article {
  color: #333;
}
.campNewsTipsArticle article .date {
  display: block;
  text-transform: uppercase;
  font-size: 0.8em;
  border-bottom: 1px solid #dbd9d6;
  margin: 0 0 2em;
  padding: 0;
  color: #b3b2b1;
}
.campNewsTipsArticle article ul {
  margin-top: 0;
  margin-bottom: 1.75em;
}
.campNewsTipsArticle article p + ul {
  margin-top: -0.75em;
}
.campNewsTipsArticle article h1 {
  letter-spacing: 0;
  color: #000;
}
.campNewsTipsArticle article .img {
  margin: 0 0 1em;
}
.campNewsTipsArticle article .img .caption {
  font-size: 0.8em;
  margin: 0.5em 0;
  padding: 0;
  color: #b3b2b1;
}
.campNewsTipsArticle article .img img {
  width: 100%;
  max-width: 100%;
}
.campNewsTipsArticle article .img img.withBorder {
  border: 1px solid #000;
}

.campNewsTipsContent .mediaList-content {
  border: 1px solid #efeeec;
  background: #fff;
  padding-bottom: 2em;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.campNewsTipsContent .mediaList-content .blogContent {
  padding: 1em;
}
.campNewsTipsContent .mediaList-content .blogContent h3 {
  letter-spacing: -1px;
  color: #000;
}
.campNewsTipsContent .mediaList-content .blogContent.featuredContent h2 {
  color: #b3b2b1;
}
.campNewsTipsContent .mediaList-content a .blogThumbnail {
  overflow: hidden;
}
.campNewsTipsContent .mediaList-content a img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.campNewsTipsContent .mediaList-content a:hover img {
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.campNewsTipsContent .mediaList-content a:hover h3 {
  color: #ff4612;
}
.campNewsTipsContent .mediaList-content.featuredCamp .blogContent {
  padding: 0 1em;
}
.campNewsTipsContent .mediaList-content.featuredCamp .blogContent h3 {
  margin-top: 0.5em;
}

.articleShare {
  border-top: 1px solid #dbd9d6;
  padding: 0.75em 0 0 0;
  clear: both;
}
.articleShare h6 {
  margin: 0.75em 0;
}
.articleShare ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.articleShare ul li {
  margin: 0 1em 0 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}
.articleShare ul li a {
  color: #000;
}
.articleShare ul li a .icon {
  fill: #000;
}
.articleShare ul li a:hover {
  color: #ff4612;
}
.articleShare ul li a:hover .icon {
  fill: #ff4612;
}

.heroImage {
  background: #000;
}
.heroImage img {
  width: 100%;
  max-width: 100%;
}

.mediaList-item .mediaSlug {
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'TradeGothicLTPro-Bold', 'proxima-nova-1', 'proxima-nova-2',
    'Helvetica Neue', 'Helvetica', Arial, sans-serif;
  color: #b3b2b1;
  margin: 0.25em 0 0.15em 0;
}
.mediaList-item .mediaSlug .icon {
  color: #ff4612;
  float: right;
  font-size: 2em;
}
.mediaList-item p {
  color: #77777a;
}
.mediaList-item .mediaCta {
  color: #135fab;
  text-decoration: underline;
}
.mediaList-item .mediaCta:hover {
  color: #ff4612;
}

.paginationWrapper .pagination {
  margin: 0;
}

.pagination .paginateNext,
.pagination .paginatePrev {
  position: relative;
  top: -2px;
}

.nextPage a,
.prevPage a {
  display: block;
  padding: 2em;
  background: #efeeec;
  color: #000;
  font-family: 'TradeGothicLTPro-Bold', 'proxima-nova-1', 'proxima-nova-2',
    'Helvetica Neue', 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
}
.nextPage a:before,
.nextPage a:after,
.prevPage a:before,
.prevPage a:after {
  content: '';
  display: table;
  clear: both;
}
.nextPage a:after,
.prevPage a:after {
  clear: both;
}
.nextPage a:hover,
.prevPage a:hover {
  color: #ff4612;
}

.nextPage {
  text-align: right;
}

.prevPage {
  text-align: left;
  padding-left: 0 !important;
}

.sectionNavButtons {
  background: #b3b2b1;
  text-align: center;
  padding: 0;
}
.sectionNavButtons .cta {
  padding: 1em;
  color: #fff;
  background: #b3b2b1;
  display: block;
}
.sectionNavButtons .cta:hover {
  color: #77777a;
}

.sidebarNewsListing,
.sidebarNavMenu {
  margin: 0 0 1em;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #dbd9d6;
}
.sidebarNewsListing li,
.sidebarNavMenu li {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #dbd9d6;
  font-family: 'TradeGothicLTPro-Bold', 'proxima-nova-1', 'proxima-nova-2',
    'Helvetica Neue', 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
}
.sidebarNewsListing li a,
.sidebarNavMenu li a {
  display: block;
  padding: 1em 0;
}
.sidebarNewsListing li.active a.parent,
.sidebarNavMenu li.active a.parent {
  color: #fff;
  background: #000;
}

.sidebarNavMenu li a {
  padding: 0.5em 1.5em;
}
.sidebarNavMenu li a:hover {
  background: #efeeec;
}
.sidebarNavMenu li ul {
  display: none;
}
.sidebarNavMenu li.active ul {
  display: block;
  margin: 0;
  padding: 0;
  border: none;
  background: #efeeec;
}
.sidebarNavMenu li.active ul li {
  border: none;
  margin: 0;
  padding: 0 1em;
  border-top: 1px solid #fff;
}
.sidebarNavMenu li.active ul li a {
  text-transform: none;
}
.sidebarNavMenu li.active ul li.active a {
  color: #ff4612;
}

.sidebarNavMenu.notNavigation li a {
  text-transform: none;
  color: #ff4612;
  font-weight: 300;
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
}
.sidebarNavMenu.notNavigation li a:hover {
  color: #135fab;
}

.sidebarNavMenu-heading {
  text-transform: uppercase;
  font-size: 1.2em;
}

.contentWrapper .programLogo {
  max-width: 150px;
  margin: 0 auto 1em;
}

@media only screen and (min-width: 46em) {
  .withAnnouncement .announcementBar .countdown img {
    max-width: 300px;
    margin: auto;
  }
  .withAnnouncement.countdown .announcementBar {
    min-height: 100px;
  }
  .withAnnouncement.countdown header {
    margin-top: 0rem;
  }
  .withAnnouncement .siteWrapper {
    margin-top: 2rem;
  }
  .withAnnouncement.countdown .siteWrapper {
    margin-top: 7rem;
  }
  .mediaList .mediaList-item .square a {
    font-size: 1.8em;
  }

  .campNewsTipsContent .mediaList-content .blogContent.featuredContent {
    padding: 2em;
  }
  .campNewsTipsContent
    .mediaList-content
    .blogContent.featuredContent
    .searchListing {
    max-width: 80%;
  }

  .campDetailsBox .campDetailsBox--header:before,
  .campDetailsBox .campDetailsBox--header:after {
    content: '';
    display: table;
    clear: both;
  }
  .campDetailsBox .campDetailsBox--header:after {
    clear: both;
  }
  .campDetailsBox .campDetailsBox--header h2 {
    color: #000;
    margin-top: 0;
  }
  .campDetailsBox .campDetailsBox--header.withButton .cta {
    float: right;
    margin-right: 1.5em;
  }
  .campDetailsBox .campDetailsBox--header.withButton h2 {
    float: left;
  }
  .tippy-box[data-theme~='custom'][data-placement^='top-start']
    > .tippy-arrow::before {
    bottom: -8px;
  }
}
@media only screen and (min-width: 55em) {
  .withAnnouncement .announcementBar .countdown {
    top: -8px;
  }
  .container {
    padding: 0 2em;
  }

  .container.pad--top {
    padding-top: 2em;
  }

  .programWrapper {
    max-width: 800px;
  }

  .heroImage.pageHeaderImage {
    height: 300px;
    overflow: hidden;
    background-position: top center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
  }

  .bp2-bg-extralight {
    background: #f8f7f6;
  }

  .nextPage {
    text-align: right;
  }
  .nextPage span {
    display: inline-block;
  }

  .prevPage {
    text-align: left;
    padding-left: 0 !important;
  }
  .prevPage span {
    display: inline-block;
  }

  .campNewsTipsArticle article {
    margin: 6px;
    padding: 2em;
    border: 1px solid #efeeec;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
  }
  .campNewsTipsArticle article .img {
    float: right;
    width: 40%;
    margin: 0 0 1em 1em;
  }

  .campNewsTipsContent section {
    margin: 6px;
    padding: 2em;
    border: 1px solid #efeeec;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
  }
  .campNewsTipsContent section:before,
  .campNewsTipsContent section:after {
    content: '';
    display: table;
    clear: both;
  }
  .campNewsTipsContent section:after {
    clear: both;
  }
  .campNewsTipsContent section h1 {
    margin: 0.5em 0;
  }

  .sidebarNavMenu {
    margin-top: 6px;
  }

  .searchListing li a .img img {
    max-width: 100%;
    width: 100%;
  }
  .searchListing li a .bd {
    padding-left: 1em;
  }

  .campDetailsBox.specialtyBox
    .campDetailsBox--content
    .camp--schedule
    .session--header
    h3 {
    font-size: 200%;
  }

  .campRelatedBox {
    background: #fff;
    margin: 0 0 2em -0.75em;
  }
  .campRelatedBox .boxHeading {
    padding: 0.75em 0 0 0.75em;
  }
  .campRelatedBox .mediaList .mediaList-item {
    max-width: 300px;
  }

  .campTabsWrapper {
    top: 95px;
    z-index: 99;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.19);
    -moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.19);
    box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.19);
  }
  .campTabsWrapper .campTabs li {
    margin: 0 2em;
  }
  .campTabsWrapper .campTabs li a {
    font-size: 1.2em;
  }
  .campTabsWrapper .campTabs li:last-child {
    display: inline;
    margin: 0;
  }

  .campTabsContainer {
    padding: 1em 1.5em;
  }

  .buttonList {
    margin: 0;
    padding: 0 0 2em;
  }
  .buttonList:before,
  .buttonList:after {
    content: '';
    display: table;
    clear: both;
  }
  .buttonList:after {
    clear: both;
  }
  .buttonList li {
    margin: 0 0.25em 0.25em 0;
    padding: 0;
    list-style: none;
    float: left;
  }

  .campPrimaryHeading {
    padding: 1.5em 0;
    margin: 0;
  }
  .campPrimaryHeading .brandLogo {
    float: right;
    max-width: 120px;
    margin: 0 0 1.5em 1.5em;
  }
  .campPrimaryHeading h1 {
    font-size: 3em;
  }

  .campBreadcrumbs,
  .searchBreadcrumbs {
    padding: 0 1em 0.75em;
    display: block;
  }
  .campBreadcrumbs .inquiriesContactInfo,
  .searchBreadcrumbs .inquiriesContactInfo {
    color: #b3b2b1;
    display: block;
    padding: 0;
  }

  .searchBreadcrumbs {
    padding-top: 0.75em;
  }

  .campSubHeader {
    padding-top: 45px;
  }

  .campSubHeader.noSubMenu,
  .searchSubHeader {
    padding-top: 95px;
  }

  .bp2-right {
    float: right;
  }

  .mediaList .mediaList-item .square a {
    font-size: 1.4em;
  }

  .gridderBlocks li.areaBlockLink a span {
    font-size: 1.4em;
  }
  .gridderBlocks li.areaBlockLink a .cta {
    right: 0;
    left: auto;
  }

  .review .review-quote {
    max-width: 84%;
  }

  .campDetailsBox .dailySchedule {
    max-width: 84%;
  }

  .coachProfile {
    max-width: 84%;
  }
  .coachProfile p {
    font-size: 0.9em;
  }

  .slideCaption .button {
    margin-top: 1em;
  }
  .homeSlideshow .slideCaption {
    max-width: 80%;
  }
  .no-results {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .hs-fields {
    display: flex;
  }
}
@media only screen and (min-width: 70em) {
  .contentWrapper .programLogo {
    float: right;
    text-align: right;
    margin: 0 0 0 0.75em;
  }

  .heroImage.pageHeaderImage {
    height: 420px;
    overflow: hidden;
  }

  .campDetailsBox--content {
    max-width: 90%;
  }

  .campDetailsBox--content.wide {
    max-width: 100%;
  }
  .campDetailsBox--content.wide .sectionSummary {
    max-width: 84%;
  }

  .campPrimaryHeading {
    padding-top: 2em;
  }
  .campPrimaryHeading h1 {
    font-size: 3.8em;
  }

  .campBreadcrumbs,
  .searchBreadcrumbs {
    padding: 0 1.5em 0.75em;
  }
  .campBreadcrumbs .inquiriesContactInfo,
  .searchBreadcrumbs .inquiriesContactInfo {
    text-align: right;
  }

  .searchBreadcrumbs {
    padding-top: 0.75em;
  }

  .bp3-text-right {
    text-align: right;
  }

  .bp3-text-left {
    text-align: left;
  }

  .mediaList .mediaList-item .square a {
    font-size: 1.6em;
  }

  .gridderBlocks li.areaBlockLink a span {
    font-size: 1.2em;
    padding: 20px;
  }
}
@media only screen and (min-width: 85em) {
  .contentWrapper .programLogo {
    max-width: 250px;
  }
}
@media only screen and (min-width: 110em) {
  .mediaList .mediaList-item .square a {
    font-size: 2em;
  }

  .gridderBlocks li.areaBlockLink a span {
    font-size: 1.6em;
  }
}
.breadcrumbs,
.campBreadcrumbs,
.searchBreadcrumbs {
  text-transform: uppercase;
  color: #000;
  font-family: 'SF Pro';
  font-weight: 700;
  font-size: 0.875rem;
}
.breadcrumbs a,
.campBreadcrumbs a,
.searchBreadcrumbs a {
  color: #000;
}
.breadcrumbs a:hover,
.campBreadcrumbs a:hover,
.searchBreadcrumbs a:hover {
  color: #ff4612;
}
.breadcrumbs span,
.campBreadcrumbs span,
.searchBreadcrumbs span {
  padding: 0 0.25em;
  color: #dbd9d6;
}

/** ==========================================================
 
   Navigation Layout
 
 ========================================================== **/
nav {
  margin: 0;
  padding: 0;
}
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav ul li {
  margin: 0;
  padding: 0;
}
nav ul li a,
nav ul li span {
  cursor: pointer;
  color: #000;
  position: relative;
  font-family: 'SF Pro';
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0px;
  text-transform: uppercase;
}
nav ul li > span {
  cursor: auto;
}
nav ul li a span {
  padding: 0;
  border-bottom: 1px solid transparent;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
nav ul li a span:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #000;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
nav ul li a:hover {
  color: #000;
}
nav ul li a:hover span:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
nav ul li .active span:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
nav ul li.navItemCartIcon span:before {
  height: 0;
}
nav ul li.active a span:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.navContainer {
  background: #efeeec;
  display: flex;
}
.navContainer nav {
  margin-left: auto;
}
.navContainer .navListContainer {
  display: none;
  top: 0;
  left: 0px;
  position: absolute;
  height: 100vh;
  width: 100%;
  background: #efeeec;
  z-index: 99;
}
.navContainer .navListContainer.activate {
  display: block;
}
.navContainer .navListContainerInner {
  display: block;
  width: 100%;
  height: 100%;
}
.navContainer ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.navContainer ul li {
  margin: 1em 0;
  padding: 0;
  list-style: none;
  display: block;
  width: 100%;
}
.navContainer ul li.navItemSearchIcon,
.navContainer ul li.navItemCartIcon {
  display: none;
  margin-left: 1em;
  margin-right: 1em;
}
.navContainer ul li.navItemSearchIcon a,
.navContainer ul li.navItemCartIcon a {
  display: block;
}
.navContainer ul li.navItemSearchIcon a .icon,
.navContainer ul li.navItemCartIcon a .icon {
  width: 25px;
  height: 25px;
  fill: #000;
  position: relative;
  top: 5px;
}
.navContainer ul li.navItemSearchIcon a:hover .icon,
.navContainer ul li.navItemCartIcon a:hover .icon {
  fill: #ff4612;
}
.filterContainer {
  position: relative;
  max-width: 405px;
}
.filter-close.mobile {
  max-width: 425px;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 85vw;
  background: white;
  padding: 1rem;
}
.filter-close.wrap {
  padding: 1rem 0px 16px 0px;
}
.filter-close.mobile button {
  width: 100%;
  background: #ef4a23;
  color: white;
  border: none;
  border-radius: 8px;
  height: 48px;
  text-transform: uppercase;
}
.navContainer .fieldContainer {
  position: relative;
}
.navContainer .fieldContainer label {
  display: none;
}
.navContainer .fieldContainer button {
  height: 40px;
  width: 40px;
}
.navContainer .fieldContainer .mobileNavSearchButton {
  line-height: 46px;
}
.navContainer .fieldContainer .mobileNavSearchButton .icon {
  width: 15px;
  height: 15px;
}
.navContainer .fieldContainer input {
  height: 40px;
  background: #fff;
  color: #000;
  padding: 0 40px 0 1em;
}

#nav-toggle {
  position: absolute;
  right: 0px;
  top: 1.5em;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 2px;
  width: 35px;
  background: #000;
  position: absolute;
  display: block;
  content: '';
  transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
  top: -10px;
}
#nav-toggle span:after {
  bottom: -10px;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before,
#nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
  background: #000;
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
  background: #000;
}

.drawer-navbar .drawer-dropdown-menu {
  display: none;
}

.drawer-navbar .drawer-dropdown-menu.mega-wide {
  width: 65%;
}

/*!------------------------------------*\
     Dropdown
 \*!------------------------------------*/
.drawer-dropdown-menu {
  display: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #77777a;
  border: 2px solid #ff4612;
}

.drawer-dropdown-menu > li {
  width: 100%;
  list-style: none;
}

.drawer-dropdown-menu-item {
  line-height: 2rem;
  font-size: 1.4em;
  display: block;
  padding: 0.15em 1rem;
  text-decoration: none;
  color: #fff;
  font-family: 'TradeGothicLTPro-Bold', 'proxima-nova-1', 'proxima-nova-2',
    'Helvetica Neue', 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
}
.drawer-dropdown-menu-item span {
  font-size: 1.6rem;
  width: 2rem;
  display: inline-block;
  color: #fff;
}

.drawer-dropdown-menu-item:hover {
  text-decoration: none;
  color: #fff;
  background-color: transparent;
}

/*! open */
.drawer-dropdown.open > .drawer-dropdown-menu {
  display: block;
}

.drawer-container {
  margin-right: auto;
  margin-left: auto;
}
.drawer-container:before,
.drawer-container:after {
  content: '';
  display: table;
  clear: both;
}
.drawer-container:after {
  clear: both;
}

.navbarWrapper nav ul li .dropdownButton {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background: #fff;
  padding: 0.75em 0;
  margin: 0;
  display: block;
  width: 52px;
  text-align: center;
}
.navbarWrapper nav ul li .dropdownButton:hover {
  background: #000;
}

.navbarWrapper nav ul .drawer-dropdown .dropdownButton {
  border-left: 1px solid #d8d9db;
  background: #fff;
}
.navbarWrapper nav ul .drawer-dropdown .dropdownButton .icon {
  fill: #000;
}
.navbarWrapper nav ul .drawer-dropdown ul {
  margin-top: -15px;
  padding: 1.5em;
  background: #000;
  border: none;
  width: auto;
  max-width: 250px;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.navbarWrapper nav ul .drawer-dropdown ul li {
  margin: 0 0 0.75em 0;
  padding: 0;
  border: none;
  display: block !important;
  height: auto;
  line-height: 1.2em;
  text-align: left;
}
.navbarWrapper nav ul .drawer-dropdown ul li a {
  color: #fff;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.1em;
  padding: 0;
  font-family: 'TradeGothicLTPro', 'Helvetica Neue', 'Helvetica', Arial,
    sans-serif;
  display: block;
}
.navbarWrapper nav ul .drawer-dropdown ul li a:hover {
  color: #ff4612;
}
.navbarWrapper nav ul .drawer-dropdown ul li a span {
  font-size: 0.8em;
}
.navbarWrapper nav ul .drawer-dropdown ul.mega-wide {
  max-width: 55%;
}
.navbarWrapper nav ul .drawer-dropdown.open .dropdownButton {
  border-left: none;
  background: #efeeec;
}
.no-results {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media screen and (min-height: 350px) {
  .navContainer .navListContainerInner {
    display: table;
    width: 100%;
    height: 100%;
    padding-top: 80px;
  }
  .navContainer ul {
    display: table-row;
    vertical-align: middle;
  }
  .navContainer .searchBox {
    display: table-row;
    width: 100%;
    z-index: 99;
    background: #ff4612;
  }
  .navContainer .searchBox .searchBoxInner {
    padding: 1em 2em;
  }
  .withAnnouncement .navContainer .navListContainerInner {
    padding-top: 130px;
  }
}
@media only screen and (min-width: 55em) {
  .drawer-dropdown .drawer-caret {
    display: none;
  }

  .navbarWrapper nav ul li .dropdownButton {
    display: none;
  }

  .navContainer .navListContainer {
    overflow: visible;
  }

  .navbarWrapper nav ul .drawer-dropdown .drawer-dropdown-menu {
    position: absolute;
  }
  .navbarWrapper nav ul .drawer-dropdown:hover .drawer-dropdown-menu {
    display: block;
  }
}
@media only screen and (min-width: 70em) {
  .navContainer {
    width: 100%;
    position: relative;
    height: auto !important;
  }
  .navContainer .navListContainer {
    height: auto !important;
    display: block;
    position: relative;
  }
  .navContainer .navListContainerInner {
    display: block;
    padding-top: 0;
    height: auto !important;
  }
  .withAnnouncement .navContainer .navListContainerInner {
    padding-top: 0;
  }
  .navContainer .searchBox {
    display: none;
  }
  .navContainer ul {
    padding: 0 2em 0 0;
    text-align: right;
    height: auto !important;
    display: block;
  }
  .navContainer ul li {
    display: inline-block;
    height: 95px;
    line-height: 95px;
    margin: 0 0.75em;
    padding: 0;
    width: auto !important;
  }
  .navContainer ul .forMobile {
    display: none;
  }
  .navContainer ul li.navItemSearchIcon {
    display: inline-block;
  }
  .navContainer ul li.navItemCartIcon {
    display: inline-block;
  }
}
@media only screen and (min-width: 85em) {
  .navContainer ul li {
    margin: 0 1.5em;
  }
}
/* Mobile navigation */
.nav-mobile {
  display: none;
  position: relative;
  top: 0;
  right: 0;
  background: transparent;
  height: 75px;
  width: 95px;
  z-index: 100;
  margin-left: auto;
}

@media only screen and (max-width: 70em) {
  .nav-mobile {
    display: block;
  }

  nav {
    width: 100%;
    padding: 0;
  }
  nav ul li {
    float: none;
  }

  .nav-dropdown {
    position: static;
  }
  .ca-drip {
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 70em) {
  .nav-list {
    display: block !important;
  }
}
/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.cart-container,
.fade-in {
  opacity: 0;
  /* make things invisible upon start */
  -webkit-animation: fadeIn ease-in 1;
  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
}

.cart-container,
.fade-in.one {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.unsliderSlideshow,
.sudoSlider {
  max-width: 120em;
  margin: 0 auto;
}
.unsliderSlideshow img,
.sudoSlider img {
  width: 100%;
}

.fullWidthSlideshow img {
  width: 100%;
  max-width: 100%;
}

.slide {
  color: #fff;
}
.slide img {
  width: 100%;
}

.slideshowWrapper,
.fullWidthSlideshow-wrapper {
  position: relative;
}

.prevBtn {
  position: absolute;
  left: 0;
  margin-top: -2.65em;
}

.nextBtn {
  position: absolute;
  right: 0;
  margin-top: -2.65em;
}

.prevBtn:after,
.nextBtn:after,
.ms-nav-prev:after,
.ms-nav-next:after {
  content: '';
  background-image: url('/themes/v2/img/chevron-left.svg');
  background-repeat: no-repeat;
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain;
  text-align: center;
  text-indent: 0;
  line-height: 2.8em;
  color: #111;
  font-weight: 800;
  position: absolute;
  width: 20px;
  left: 0;
  margin-left: 0;
}

.nextBtn:after,
.ms-nav-next:after {
  background-image: url('/themes/v2/img/chevron-right.svg');
  left: auto;
  right: 0;
}

.ms-nav-prev:hover,
.ms-nav-next:hover,
.prevBtn:hover,
.prevBtn:focus,
.nextBtn:hover,
.nextBtn:focus {
  opacity: 0.6;
}

.homeSlideshowWrapper {
  position: relative;
}
:focus {
  outline: 5px auto -webkit-focus-ring-color !important;
}
.homeSlideshowWrapper .controls {
  position: relative;
  text-align: center;
  display: block;
  width: 100%;
}
.homeSlideshowWrapper .controls li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 16px;
  height: 24px;
  top: 2px;
  position: relative;
  left: -2px;
}
.homeSlideshowWrapper .controls .prevBtn {
  margin-left: auto;
  left: -13px;
}
.homeSlideshowWrapper .controls .nextBtn {
  margin-right: auto;
  right: -6px;
}
.homeSlideshowWrapper .controls .prevBtn,
.homeSlideshowWrapper .controls .nextBtn {
  position: relative;
  bottom: 0;
  top: -3px;
  display: block;
  margin-top: 0;
  width: 16px;
  height: 24px;
}
.homeSlideshowWrapper .controls .prevBtn:after,
.homeSlideshowWrapper .controls .nextBtn:after {
  width: 16px;
  height: 24px;
}

@media screen and (max-width: 735px) {
  .homeSlideshowWrapper {
    padding-bottom: 2rem;
    background-color: #b3b2b1;
  }
  .homeSlideshow {
    height: 100% !important;
  }
  .homeSlideshow .slideCaption {
    /* position: absolute;
    bottom: 0px; */
    /* height: 50%; */
  }
  .homeSlideshow .slide {
    background-image: none !important;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .homeSlideshow .flickity-page-dots {
    bottom: -20px !important;
  }
}
/*!
  * jQuery Accordion 0.0.1
  * (c) 2014 Victor Fernandez <victor@vctrfrnndz.com>
  * MIT Licensed.
  */
/* Requirements */
[data-accordion] [data-content] {
  overflow: hidden;
  max-height: 0;
}

/* Basic Theme */
[data-accordion] {
  line-height: 1;
}

[data-control],
[data-content] > * {
  border-bottom: 1px solid #888;
  padding: 10px;
}

[data-content] [data-accordion] {
  border: 0;
  padding: 0;
}

[data-accordion] [data-control] {
  position: relative;
  padding-right: 40px;
}

[data-accordion] > [data-control]:after {
  content: '';
  position: absolute;
  right: 10px;
  top: 12px;
  font-size: 25px;
  font-weight: 200;
  color: #444;
  height: 15px;
  width: 24px;
  background: url('../images/down.png') center center no-repeat;
  background-size: 50%;
}

[data-accordion].open > [data-control]:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.slides,
.fullWidthSlideshow-slides {
  margin: 0;
  padding: 0;
  list-style: none;
}
.slides li,
.fullWidthSlideshow-slides li {
  margin: 0;
  padding: 0;
}
.slides li .slide-text,
.fullWidthSlideshow-slides li .slide-text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.slides li .slide-text p,
.fullWidthSlideshow-slides li .slide-text p {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  font-size: 2em;
  padding: 0 1.5em;
  opacity: 0;
  -webkit-transition: opacity 0.9s ease-in;
  -moz-transition: opacity 0.9s ease-in;
  -o-transition: opacity 0.9s ease-in;
  -ms-transition: opacity 0.9s ease-in;
  transition: opacity 0.9s ease-in;
}
.slides li .slide-text.darkType p,
.fullWidthSlideshow-slides li .slide-text.darkType p {
  color: #000;
}
.slides li.sy-active .slide-text p,
.fullWidthSlideshow-slides li.sy-active .slide-text p {
  opacity: 1;
}

.slider img,
.slides img {
  width: 100%;
}

.slider {
  width: 100%;
}
.homeSlideshowWrapper .controls {
  display: flex;
}
@media only screen and (min-width: 46em) {
  .prevBtn:after,
  .nextBtn:after,
  .ms-nav-prev:after,
  .ms-nav-next:after {
    line-height: 2.8em;
    width: 2.8em;
    height: 2.8em;
  }

  .homeSlideshowWrapper {
    padding-bottom: 0;
  }
  .homeSlideshowWrapper .controls {
    left: auto;
    bottom: 58px;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
  }
  body.withAnnouncement .homeSlideshowWrapper .controls {
    bottom: 60px;
  }
  .homeSlideshowWrapper .controls li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
  }
  .homeSlideshowWrapper .controls .prevBtn,
  .homeSlideshowWrapper .controls .nextBtn {
    position: relative;
    top: -3px;
    display: block;
    margin-top: 0;
  }
}
@media only screen and (min-width: 55em) {
  .filter-close.mobile {
    display: none !important;
  }
  .slider {
    padding: 3em 0;
  }

  .slides li .slide-text p {
    padding: 0 3em;
    font-size: 4.6em;
  }

  .prevBtn {
    margin-top: -2.25em;
    left: 0%;
  }

  .nextBtn {
    margin-top: -2.25em;
  }
}
@media only screen and (min-width: 70em) {
  .slider {
    padding: 5em 0;
  }

  .homeSlideshowWrapper {
    padding-bottom: 0;
  }
  .homeSlideshowWrapper .controls {
    left: auto;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
  }
  .homeSlideshowWrapper .controls li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 4em;
    height: 4em;
  }
  .homeSlideshowWrapper .controls .prevBtn,
  .homeSlideshowWrapper .controls .nextBtn {
    position: relative;
    display: block;
    margin-top: 0;
    width: 16px;
  }
  .homeSlideshowWrapper .controls .prevBtn:after,
  .homeSlideshowWrapper .controls .nextBtn:after {
    width: 16px;
  }
}
/**
  *
  * slippry v1.3.1 - Responsive content slider for jQuery
  * http://slippry.com
  *
  * Authors: Lukas Jakob Hafner - @saftsaak
  *          Thomas Hurd - @SeenNotHurd
  *
  * Copyright 2015, booncon oy - http://booncon.com
  *
  *
  * Released under the MIT license - http://opensource.org/licenses/MIT
  */
/* kenBurns animations, very basic */
@-webkit-keyframes left-right {
  0% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
  100% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}
@-moz-keyframes left-right {
  0% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
  100% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}
@-ms-keyframes left-right {
  0% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
  100% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}
@keyframes left-right {
  0% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
  100% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}
@-webkit-keyframes right-left {
  0% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
  100% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}
@-moz-keyframes right-left {
  0% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
  100% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}
@-ms-keyframes right-left {
  0% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
  100% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}
@keyframes right-left {
  0% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
  100% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}
/* added to the original element calling slippry */
.sy-box.sy-loading {
  background: url('../gfx/loader.gif') 50% 50% no-repeat;
  -moz-background-size: 160px;
  -o-background-size: 160px;
  -webkit-background-size: 160px;
  background-size: 160px;
  min-height: 160px;
}

.sy-box.sy-loading .sy-slides-wrap,
.sy-box.sy-loading .sy-pager {
  visibility: hidden;
}

/* element that wraps the slides */
.sy-slides-wrap {
  position: relative;
  height: 100%;
  width: 100%;
}

.sy-slides-wrap:hover .sy-controls {
  display: block;
}

/* element that crops the visible area to the slides */
.sy-slides-crop {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
}

/* list containing the slides */
.sy-list {
  width: 100%;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
}

.sy-list.horizontal {
  -moz-transition: left ease;
  -o-transition: left ease;
  -webkit-transition: left ease;
  transition: left ease;
}

.sy-list.vertical {
  -moz-transition: top ease;
  -o-transition: top ease;
  -webkit-transition: top ease;
  transition: top ease;
}

/* single slide */
.sy-slide {
  position: absolute;
  width: 100%;
  z-index: 2;
}

.sy-slide.kenburns {
  width: 140%;
  left: -20%;
}

.sy-slide.kenburns.useCSS {
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {
  -webkit-animation-name: left-right;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: left-right;
  -moz-animation-fill-mode: forwards;
  -o-animation-name: left-right;
  -o-animation-fill-mode: forwards;
  animation-name: left-right;
  animation-fill-mode: forwards;
}

.sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {
  -webkit-animation-name: right-left;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: right-left;
  -moz-animation-fill-mode: forwards;
  -o-animation-name: right-left;
  -o-animation-fill-mode: forwards;
  animation-name: right-left;
  animation-fill-mode: forwards;
}

.sy-slide.sy-active {
  z-index: 3;
}

.sy-slide > img {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  border: 0;
}

.sy-slide > a {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
}

.sy-slide > a > img {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  border: 0;
}

/* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */
.sy-controls {
  display: block;
  list-style: none;
  height: 100%;
  width: 100%;
  position: absolute;
  padding: 0;
  margin: 0;
  left: 0;
  right: 0;
}

.sy-controls li {
  position: absolute;
  width: 2.8em;
  min-width: 2.8em;
  height: 100%;
  z-index: 33;
  margin: 0;
  padding: 0;
  display: block;
}

.sy-controls li.sy-prev {
  left: 3%;
  top: 0;
}

.sy-controls li.sy-prev a:after {
  background-position: -3% 0;
}

.sy-controls li.sy-next {
  right: 3%;
  top: 0;
  left: auto;
}

.sy-controls li.sy-next a:after {
  background-position: 105% 0;
}

.sy-controls li a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px;
}

.sy-controls li a:link,
.sy-controls li a:visited {
  opacity: 1;
}

.sy-controls li a:hover,
.sy-controls li a:focus {
  opacity: 0.6;
  outline: none;
}

.sy-controls li a:after {
  content: '';
  background-image: url('../gfx/slideshow-back.svg');
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  text-align: center;
  text-indent: 0;
  line-height: 2.8em;
  color: #111;
  font-weight: 800;
  position: absolute;
  background-color: #fff;
  width: 2.8em;
  height: 2.8em;
  left: 0;
  top: 50%;
  margin-top: -1.4em;
  margin-left: 0;
}

.sy-controls li.sy-next a {
  left: auto;
  right: 0;
}

.sy-controls li.sy-next a:after {
  background-image: url('../gfx/slideshow-go.svg');
}

@media only screen and (max-device-width: 600px) {
  .sy-controls {
    display: block;
  }

  .sy-controls li {
    min-width: 2.1em;
  }

  .sy-controls li a:after {
    width: 1.4em;
    height: 1.4em;
    margin-top: -0.7em;
  }
}
/* captions, styled fo the overlay variant */
.sy-caption-wrap {
  position: absolute;
  bottom: -50%;
  z-index: 12;
  left: 50%;
}

.sy-caption-wrap .sy-caption {
  position: relative;
  left: -50%;
  background-color: rgba(0, 0, 0, 0.54);
  color: #fff;
  padding: 0.4em 1em;
  -moz-border-radius: 1.2em;
  -webkit-border-radius: 1.2em;
  border-radius: 1.2em;
}

.sy-caption-wrap .sy-caption a:link,
.sy-caption-wrap .sy-caption a:visited {
  color: #000;
  font-weight: 600;
  text-decoration: none;
}

.sy-caption-wrap .sy-caption a:hover,
.sy-caption-wrap .sy-caption a:focus {
  text-decoration: underline;
}

@media only screen and (max-device-width: 600px),
  screen and (max-width: 600px) {
  .sy-caption-wrap {
    left: 0;
    bottom: 0.4em;
  }

  .sy-caption-wrap .sy-caption {
    left: 0;
    padding: 0.2em 0.4em;
    font-size: 0.92em;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
}
/* pager bubbles */
.sy-pager {
  overflow: hidden;
  *zoom: 1;
  display: block;
  width: 100%;
  margin: 0;
  padding: 1em 0;
  list-style: none;
  text-align: center;
}
.numericControls {
  overflow: hidden;
  *zoom: 1;
  display: block;
  margin: 0;
  padding: 0px;
  list-style: none;
  text-align: center;
}
.sy-pager li,
.numericControls li,
.ms-bullet {
  display: inline-block;
  width: 0.75em;
  height: 0.75em;
  margin: 0 0.5em;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.sy-pager li.sy-active a,
.numericControls li.current a,
.ms-bullet.ms-bullet-selected {
  background-color: #000;
}

.sy-pager li a,
.numericControls li a,
.ms-bullet {
  width: 100%;
  height: 100%;
  display: block;
  background-color: #dbd9d6;
  text-indent: -9999px;
  -moz-background-size: 2em;
  -o-background-size: 2em;
  -webkit-background-size: 2em;
  background-size: 2em;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.sy-pager li a:link,
.sy-pager li a:visited,
.numericControls li:link,
.numericControls li a:visited {
  opacity: 1;
}

.sy-pager li a:hover,
.sy-pager li a:focus,
.numericControls li a:hover,
.numericControls li a:focus {
  opacity: 1;
}

/* element to "keep/ fill" the space of the content, gets intrinsic height via js */
.sy-filler {
  width: 100%;
}

.sy-filler.ready {
  -moz-transition: padding 600ms ease;
  -o-transition: padding 600ms ease;
  -webkit-transition: padding 600ms ease;
  transition: padding 600ms ease;
}

.ms-nav-next,
.ms-nav-prev {
  visibility: hidden;
  display: none;
}

.specialtySlideshow .prevBtn,
.specialtySlideshow .nextBtn,
.specialtySlideshow .ms-nav-next,
.specialtySlideshow .ms-nav-prev {
  visibility: hidden;
  display: none;
}

.prevBtn,
.nextBtn,
.ms-nav-next,
.ms-nav-prev {
  visibility: visible;
  display: block;
  text-indent: -999em;
}

.specialtySlideshow .prevBtn,
.specialtySlideshow .nextBtn,
.specialtySlideshow .ms-nav-next,
.specialtySlideshow .ms-nav-prev {
  visibility: hidden;
  display: none;
}

.grid-wrap .fullWidthSlideshow-wrapper .grid-col {
  padding-bottom: 0;
  position: relative;
}
.grid-wrap .fullWidthSlideshow-wrapper .sy-pager,
.grid-wrap .fullWidthSlideshow-wrapper .controls {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 5em;
  z-index: 99;
  margin: 0;
  padding: 0;
  background: url(../gfx/bg-black-opacity-light.png) repeat;
}
.grid-wrap .fullWidthSlideshow-wrapper .numericControls {
  padding: 2em 0;
  margin: 0;
}

@media only screen and (min-width: 55em) {
  .fullWidthSlideshow-wrapper .numericControls {
    margin: 0;
  }
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 92%;
  cursor: auto;
  background: #fff;
  margin: 1.5em 0;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #cccccc;
}

.mfp-preloader a:hover {
  color: white;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: 'icomoon' !important;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  top: -12px;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 66.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
}

.mfp-iframe-holder .mfp-close {
  top: -50px;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444;
}

.mfp-figure {
  line-height: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape),
  screen and (max-height: 300px) {
  /**
    * Remove all paddings around the image on small screen
    */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  /* The shadow behind the image */
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-content {
  padding-top: 44px;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

.css-columns {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
}
.css-columns li {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

@media only screen and (min-width: 46em) {
  .session--pricing-option .session--details-program {
    display: flex;
    align-items: center;
  }
  .css-columns {
    -webkit-column-count: 3;
    /* Chrome, Safari, Opera */
    -moz-column-count: 3;
    /* Firefox */
    column-count: 3;
  }

  .css-columns.twoUp {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2;
  }
}
@media only screen and (min-width: 55em) {
  .css-columns {
    -webkit-column-count: 4;
    /* Chrome, Safari, Opera */
    -moz-column-count: 4;
    /* Firefox */
    column-count: 4;
  }
}
.podcastIcon {
  width: 40px;
  height: 40px;
  display: inline-block;
  float: right;
  margin-left: 1.5em;
}
.podcastIcon .icon {
  width: 40px;
  height: 40px;
  fill: #ff4612;
}

.reviewVotes {
  border-bottom: 1px solid #efeeec;
  padding: 0 0 1em;
  margin: 0 0 1em;
}
.reviewVotes div {
  display: inline-block;
  vertical-align: middle;
}
.reviewVotes .reviewVotes-arrow {
  text-transform: uppercase;
  font-size: 0.8em;
}
.reviewVotes .voteUp .upvote-vote:hover {
  color: #3c9a3a !important;
}
.reviewVotes .voteDown .upvote-vote:hover {
  color: #c43824 !important;
}
.reviewVotes .reviewVotes-tally {
  text-transform: uppercase;
  font-size: 0.8em;
  background: #000;
  padding: 0.25em 0.75em;
  margin: 0 0.65em 0 0;
}
.reviewVotes .reviewVotes-tally .count {
  color: #fff;
  font-weight: bold;
}
.reviewVotes .slug {
  font-size: 0.8em;
  text-transform: uppercase;
}

.hreview-aggregate .item {
  display: none;
}

.vcard abbr {
  border-bottom: none !important;
  text-decoration: none !important;
}
.vcard .photo {
  display: none;
}

.cart-box-inner-wrapper {
  padding: 0;
}
.cart-box-inner-wrapper .lbl {
  font-weight: 600;
  font-family: 'TradeGothicLTPro-Bold', 'proxima-nova-1', 'proxima-nova-2',
    'Helvetica Neue', 'Helvetica', Arial, sans-serif;
}
.cart-box-inner-wrapper .sport {
  display: none;
}
.cart-box-inner-wrapper .class .lbl {
  display: none;
}
.cart-box-inner-wrapper .classDescription {
  font-family: 'FuturaNDforNike365Cn-XBd', 'Arial', 'Helvetica', sans-serif;
  text-transform: uppercase;
  font-size: 1.4em;
  line-height: 1em;
  display: block;
  margin: 0 0 0.1em;
}
.cart-box-inner-wrapper h2 {
  font-family: 'FuturaNDforNike365Cn-XBd', 'Arial', 'Helvetica', sans-serif;
  color: #fff;
  background: #77777a;
  display: block;
  padding: 15px 1em 5px 1em;
  margin: 0 0 0.1em;
  text-align: center;
}
.cart-box-inner-wrapper .camp-list-inner-wrapper {
  padding: 1em;
  text-align: center;
}
.cart-box-inner-wrapper .camp-list-item {
  border-bottom: 1px solid #b3b2b1;
  margin: 0 0 1em;
  text-align: left;
}
.cart-box-inner-wrapper button {
  border: none;
  display: inline-block;
  background: #ff4612;
  color: #fff;
  padding: 0.75em 1.5em;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
  text-align: center;
  font-size: 0.9em;
  letter-spacing: 0.15em;
}
.cart-box-inner-wrapper button:hover,
.cart-box-inner-wrapper button:focus {
  background: #c0360f;
  color: #fff;
}
.cart-box-inner-wrapper .button-wrap {
  margin: 0 -10px;
  padding: 0.75em 1em;
  text-align: center;
}
.cart-box-inner-wrapper .button-wrap button {
  display: block;
  width: 100%;
  margin: 5px 0;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.cart-box-inner-wrapper .button-wrap button.btn-continueshopping {
  background: #135fab;
}
.cart-box-inner-wrapper .button-wrap button.btn-continueshopping:hover {
  background: #0e3f70;
}
.cart-box-inner-wrapper .camp-delete {
  margin: 0.75em 0;
}
.cart-box-inner-wrapper .camp-delete button {
  font-size: 0.7em;
  background: transparent;
  border: 1px solid #000;
  color: #000;
}
.cart-box-inner-wrapper .camp-delete button:hover {
  background: #000;
  color: #fff;
}

.programsSocial .programTitle {
  text-transform: uppercase;
  display: block;
  font-family: 'TradeGothicLTPro-Bold', 'proxima-nova-1', 'proxima-nova-2',
    'Helvetica Neue', 'Helvetica', Arial, sans-serif;
  color: #ff4612;
  margin: 0.5em 0;
}
.programsSocial .programTitle:hover {
  color: #135fab;
}
.programsSocial .socialIcons {
  margin: 0 0 1em;
}
.programsSocial .socialIcons a .icon {
  fill: #77777a;
  width: 2em;
}
.programsSocial .socialIcons a:hover .icon {
  fill: #135fab;
}

.teamBlock {
  border: 1px solid #efeeec;
  margin: 1em 0 2em;
}
.teamBlock h3 {
  display: block;
  margin: 0;
  padding: 16px 32px 8px;
  background: #000;
  color: #fff;
  font-size: 1.6em;
  font-family: 'FuturaNDforNike365Cn-XBd', 'Arial', 'Helvetica', sans-serif;
  line-height: 1;
  letter-spacing: 2px;
}
.teamBlock h3 a {
  color: #fff;
}
.teamBlock h3 a:hover {
  color: #b3b2b1;
}
.teamBlock dl {
  margin: 0;
  padding: 0;
}
.teamBlock dl dt {
  display: block;
  margin: 0;
  padding: 10px 32px;
  background: #efeeec;
  font-size: 1.2em;
  color: #ff4612;
  text-transform: uppercase;
  font-family: 'TradeGothicLTPro-Bold', 'proxima-nova-1', 'proxima-nova-2',
    'Helvetica Neue', 'Helvetica', Arial, sans-serif;
}
.teamBlock dl dd {
  margin: 0;
  padding: 0.75em 32px;
  border-bottom: 1px solid #efeeec;
}
.teamBlock dl dd:last-child {
  border-bottom: none;
}
.teamBlock dl dd ul {
  margin: 0;
  padding: 0;
  font-size: 1em;
}
.teamBlock dl dd ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1em;
  font-style: italic;
  color: #b3b2b1;
}
.teamBlock dl dd ul li a {
  font-style: normal;
}

.siteMap {
  margin: 0 0 1em;
  padding: 0;
}
.siteMap li {
  list-style: none;
  padding: 0;
  margin: 0 0 0.75em;
  font-family: 'FuturaNDforNike365Cn-XBd', 'Arial', 'Helvetica', sans-serif;
}
.siteMap li a {
  text-transform: uppercase;
  color: #000;
  font-size: 1.4em;
}
.siteMap li a:hover {
  color: #ff4612;
}
.siteMap li ul {
  margin: 0.25em 0 1em;
  padding: 0;
}
.siteMap li ul li {
  margin: 0 0 0.25em;
  padding: 0 0 0.25em;
  border-bottom: 1px solid #efeeec;
  font-family: 'TradeGothicLTPro', 'Helvetica Neue', 'Helvetica', Arial,
    sans-serif;
}
.siteMap li ul li a {
  font-size: 1em;
  text-transform: none;
}

.sitemap_newsListing {
  margin: 0 0 1em;
  padding: 0;
}
.sitemap_newsListing li {
  list-style: none;
  margin: 0 0 0.75em;
  padding: 0 0 0.75em;
  border-bottom: 1px solid #efeeec;
}

.countries {
  padding: 0 0 1em;
  margin: 0;
}
.countries li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.countries li span {
  display: inline-block;
  width: 37px;
  height: 26px;
  text-indent: -999em;
  border: 1px solid #000;
  background: url(../gfx/flags.gif) no-repeat 0 0 white;
}

.countries .french {
  background-position: 0 0;
}

.countries .german {
  background-position: -36px 0;
}

.countries .spanish {
  background-position: -72px 0;
}

.countries .korean {
  background-position: -108px 0;
}

.countries .portugese {
  background-position: -144px 0;
}

.countries .italian {
  background-position: -180px 0;
}

.countries .turkey {
  background-position: -216px 0;
}

.countries .japanese {
  background-position: -252px 0;
}

.countries .tc {
  background-position: -216px 0;
}

.countries .chinese {
  background-position: -288px 0;
}

.arrow_box {
  position: relative;
  background: #000;
  padding: 0.5em;
  color: #fff;
  margin: 0 0 1.25em;
  border-radius: 0.25em;
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
}

.arrow_box:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-top-color: #000;
  border-width: 10px;
  margin-left: -10px;
}

.up_arrow_box {
  position: relative;
  background: #135fab;
}

.up_arrow_box:after {
  bottom: 100%;
  left: 25px;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-bottom-color: #000;
  border-width: 12px;
  margin-left: -12px;
}

.authorProfile .authorProfile-info {
  max-width: 24em;
  margin: 0 auto;
}
.authorProfile h4 {
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
}
.authorProfile p {
  font-size: 0.9em;
  font-style: italic;
}
.authorProfile .authorLinks {
  margin: 0;
  padding: 0;
  list-style: none;
}
.authorProfile .authorLinks li {
  display: block;
  margin: 0 0 0.5em;
}
.authorProfile .authorLinks li a {
  text-transform: uppercase;
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
  letter-spacing: 1px;
}

.authorProfile-photo {
  width: 104px;
  margin: 0 auto 1em;
}

.circle {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding: 50% 0;
  margin: 0 auto;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: #fff;
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
}
.circle .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.circle .content:before {
  content: '';
  vertical-align: middle;
  display: inline-block;
  width: 0;
  height: 100%;
}
.circle .content span {
  vertical-align: middle;
  display: inline-block;
}
.circle .content span strong {
  font-size: 1.6em;
  font-weight: 100;
  letter-spacing: 1px;
}

.fieldContainer {
  position: relative;
}
.fieldContainer button {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 80px;
}
.fieldContainer button .icon {
  width: 30px;
  height: 30px;
}
.fieldContainer .goButton {
  line-height: 60px;
}
.fieldContainer label:not(.show) {
  display: none;
}
.fieldContainer input {
  display: block;
  height: 60px;
  width: 100%;
  background: #fff;
  color: #000;
  padding: 0 1.5em;
}

/*
 ---- Search Overlay
 */
.searchOverlay {
  position: fixed;
  background: rgba(242, 243, 244, 0.99);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  overflow: hidden;
  z-index: 9999;
}
.searchOverlay .closeButton {
  position: absolute;
  top: 2em;
  right: 3em;
  cursor: pointer;
}
.searchOverlay .closeButton .icon {
  font-size: 2em;
}
.searchOverlay .searchOverlayInner {
  display: table;
  width: 100%;
  height: 100%;
}
.searchOverlay .searchOverlayContent {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.searchOverlay .searchOverlayContent h3 {
  font-family: 'FuturaNDforNike365Cn-XBd', 'Arial', 'Helvetica', sans-serif;
}
.searchOverlay form {
  margin: 0;
  padding: 0;
}
.searchOverlay .fieldContainer {
  margin: 0 auto;
  position: relative;
}
.searchOverlay .fieldContainer button {
  background: #ff4612;
}
.searchOverlay .fieldContainer button:hover {
  background: #c0360f;
}
.searchOverlay .fieldContainer input {
  background: #fff;
  color: #000;
  padding: 0 1.5em;
}
.searchOverlay .fieldContainer ::-webkit-input-placeholder {
  color: #000;
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
  font-size: 1em;
  padding-top: 0;
  font-style: italic;
  color: #000;
  opacity: 0.8;
  letter-spacing: 1px;
}
.searchOverlay .fieldContainer :-moz-placeholder {
  /* Firefox 18- */
  color: #000;
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
  font-size: 1em;
  padding-top: 0;
  font-style: italic;
  color: #000;
  opacity: 0.8;
  letter-spacing: 1px;
}
.searchOverlay .fieldContainer ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
  font-size: 1em;
  padding-top: 0;
  font-style: italic;
  color: #000;
  opacity: 0.8;
  letter-spacing: 1px;
}
.searchOverlay .fieldContainer :-ms-input-placeholder {
  color: #000;
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
  font-size: 1em;
  padding-top: 0;
  font-style: italic;
  color: #000;
  opacity: 0.8;
  letter-spacing: 1px;
}

.searchOverlay.open {
  opacity: 1;
  visibility: visible;
  height: 100%;
}

.searchOverlay.open li {
  animation: fadeInRight 0.5s ease forwards;
  animation-delay: 0.35s;
}

.searchOverlay.open li:nth-of-type(2) {
  animation-delay: 0.4s;
}

.searchOverlay.open li:nth-of-type(3) {
  animation-delay: 0.45s;
}

.searchOverlay.open li:nth-of-type(4) {
  animation-delay: 0.5s;
}

.gridder {
  margin: 0;
  padding: 0px;
  list-style-type: none;
  font-size: 0;
  display: block;
}

.gridder-list,
.gridder-show {
  font-size: 16px;
}

.gridder-list {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  background: #000;
}
.gridder-list .thumb {
  opacity: 0.65;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.gridder-list:hover .thumb {
  opacity: 1;
}

.gridder-list.placeholder {
  cursor: default;
}
.gridder-list.placeholder img {
  opacity: 1;
}
.gridder-list.placeholder:hover img {
  opacity: 1;
}

.gridder-list.selectedItem {
  background: #000;
  color: #fff;
  position: relative;
}
.gridder-list.selectedItem img {
  opacity: 1;
}
.gridder-list.selectedItem .itemContent {
  display: none;
}

.gridder-list.selectedItem:after {
  bottom: -10px;
  left: 50%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #b3b2b1;
  border-width: 30px;
  margin-left: -30px;
}

.gridder-list.placeholder.selectedItem:after {
  border: none;
}

.gridder-show {
  display: block;
  float: left;
  width: 100%;
  position: relative;
  margin-top: -2px;
}

.gridder-content {
  display: none;
}

.gridder-list {
  width: 49.5%;
}
.gridder-list:nth-child(n) {
  margin-bottom: 1%;
  margin-right: 1%;
}
.gridder-list:nth-of-type(2n) {
  margin-right: 0;
  margin-bottom: 0;
}

.gridder-navigation {
  position: absolute;
  right: 1em;
  top: 1em;
}
.gridder-navigation a {
  margin: 0;
  padding: 0;
  height: 1em;
  width: 1em;
  opacity: 1;
}
.gridder-navigation a:first-child {
  margin-left: 0;
}
.gridder-navigation:hover {
  opacity: 0.7;
}
.gridder-navigation .gridder-nav {
  display: none;
}

.gridder-close img {
  width: 40px;
  height: 40px;
}

.gridder-expanded-content {
  background: #b3b2b1;
  padding: 1em;
  margin: 0 0 0.75em;
}

@media only screen and (min-width: 46em) {
  .gridder-list {
    width: 24.25%;
  }
  .gridder-list:nth-child(n) {
    margin-bottom: 1%;
    margin-right: 1%;
  }
  .gridder-list:nth-of-type(4n) {
    margin-right: 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 55em) {
  .gridder-list {
    width: 49.5%;
  }
  .gridder-list:nth-child(n) {
    margin-bottom: 1%;
    margin-right: 1%;
  }
  .gridder-list:nth-of-type(2n) {
    margin-right: 0;
    margin-bottom: 0;
  }

  .countries {
    float: right;
  }

  .footerNav {
    clear: right;
  }

  .siteMapWrapper {
    margin: 0 0 1em;
    padding: 2em 1em;
    background: #fff;
    border: #b3b2b1;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
  }

  .cart-box-inner-wrapper .button-wrap button {
    width: auto;
    display: inline-block;
    margin: 0 5px 5px 5px;
  }
  .cart-box-inner-wrapper .camp-list-inner-wrapper {
    padding: 1em 2em;
  }
  .hs-embed-wrap.mobile {
    display: none;
  }
}
@media only screen and (min-width: 70em) {
  .gridder-list {
    width: 32.66667%;
  }
  .gridder-list:nth-child(n) {
    margin-bottom: 1%;
    margin-right: 1%;
  }
  .gridder-list:nth-of-type(3n) {
    margin-right: 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 85em) {
  .gridder-list {
    width: 24.25%;
  }
  .gridder-list:nth-child(n) {
    margin-bottom: 1%;
    margin-right: 1%;
  }
  .gridder-list:nth-of-type(4n) {
    margin-right: 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 110em) {
  .gridder-list {
    width: 24.25%;
  }
  .gridder-list:nth-child(n) {
    margin-bottom: 1%;
    margin-right: 1%;
  }
  .gridder-list:nth-of-type(4n) {
    margin-right: 0;
    margin-bottom: 0;
  }

  .gridder-expanded-content {
    padding: 2em;
    margin: 0 0 0.75em;
  }
  .gridder-expanded-content:before,
  .gridder-expanded-content:after {
    content: '';
    display: table;
    clear: both;
  }
  .gridder-expanded-content:after {
    clear: both;
  }
}
@media only screen and (min-width: 46em) {
  .authorProfile .authorLinks li {
    display: inline-block;
    margin: 0 0.5em 0.5em;
    padding: 0 1em;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    line-height: 1;
  }
  .authorProfile .authorLinks li:last-child {
    border: none;
    padding: 0;
  }
  .authorProfile .authorLinks li:first-child {
    border: none;
    padding: 0;
  }
}
/**
 *
 * Buttons of Various Sorts
 *
 **/
.cta,
.formCta {
  text-transform: uppercase;
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
  color: #ff4612;
}
.cta:hover,
.formCta:hover {
  color: #c0360f;
}

.button,
.altButton {
  background: #ff4612;
  color: #fff;
  padding: 14px 20px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
  text-align: center;
  display: inline-block;
  font-size: 0.9em;
  letter-spacing: 0.15em;
  cursor: pointer;
}
.button:hover,
.button:focus,
.altButton:hover,
.altButton:focus {
  background: #c0360f;
  color: #fff;
}
.button .forActive,
.altButton .forActive {
  display: none;
}
.button .forInactive,
.altButton .forInactive {
  display: inline;
}

.bp2-right .button {
  margin-bottom: 1.5em;
}

.button.current {
  background: #000;
  border-bottom: 2px solid #717171 !important;
}
.search-results.pagination {
  margin-bottom: 3rem;
  margin-top: 2rem;
}
.search-results.pagination .button {
  background: transparent;
  font-size: 1.25rem;
  color: #717171;
  cursor: pointer;
  font-family: 'SF Pro';
  margin-right: 15px;
  border: none;
}

.mini-cta {
  color: #ff4612;
  padding: 0;
  text-decoration: none;
  display: inline-block;
  font-size: 0.8em;
}
.mini-cta:hover {
  color: #c0360f;
}

.button.active .forActive {
  display: inline;
}
.button.active .forInactive {
  display: none;
}

.button.withBorder {
  border: 2px solid #fff;
}

.button.small {
  font-size: 0.7em;
}

.smallButton {
  background: #ff4612;
  color: #fff;
  display: inline-block;
  padding: 0.75em 1em;
}
.smallButton:hover {
  background: #c0360f;
  color: #fff;
}

.blockCta {
  display: block;
  margin: 0 0 0.75em;
  font-family: 'TradeGothicLTPro-Bold', 'proxima-nova-1', 'proxima-nova-2',
    'Helvetica Neue', 'Helvetica', Arial, sans-serif;
}
.blockCta:last-child {
  margin: 0;
}

.mini-cta.blockCta {
  display: inline-block;
  border: 1px solid #ff4612;
  padding: 0.5em 1.5em;
}
.mini-cta.blockCta:hover {
  background: #c0360f;
  color: #fff;
}

.onDark .button {
  background: #fff;
  color: #000;
}
.onDark .button:hover {
  background: #de7b03;
}

.formCta {
  margin-top: 1.5em;
  display: inline-block;
  width: auto;
  padding: 0.75em 1.5em;
  font-size: 1em;
  color: #fff;
  background: #ff4612;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.formCta:hover {
  background: #c0360f;
  color: #fff;
}

.btn_fullbio {
  cursor: pointer;
}
.btn_fullbio span {
  display: inline-block;
}

.btn_fullbio.active {
  color: #c0360f;
}
.btn_fullbio.active span {
  margin-left: 0.25em;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.open-search .icon {
  width: 16px;
  height: 16px;
}

.mfp-close {
  z-index: 999;
  background: red;
}
.mfp-close .icon {
  z-index: 1;
}

@media only screen and (min-width: 55em) {
  .bp2-right .button {
    margin-bottom: 0;
  }
}
/* ----------------------------------------------  Reset form elements ---------------------------------------------- */
input,
select,
textarea {
  margin: 0;
  padding: 0;
  font-size: 1.4em;
  outline: none;
  font-family: inherit;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
  box-sizing: border-box;
}

::-webkit-input-placeholder {
  color: #000;
  font-family: 'FuturaNDforNike365Cn-XBd', 'Arial', 'Helvetica', sans-serif;
  text-transform: uppercase;
  font-size: 0.85em;
  padding-top: 0.15em;
  font-style: normal;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #000;
  font-family: 'FuturaNDforNike365Cn-XBd', 'Arial', 'Helvetica', sans-serif;
  text-transform: uppercase;
  font-size: 0.85em;
  padding-top: 0.15em;
  font-style: normal;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  font-family: 'FuturaNDforNike365Cn-XBd', 'Arial', 'Helvetica', sans-serif;
  text-transform: uppercase;
  font-size: 0.85em;
  padding-top: 0.15em;
  font-style: normal;
}

:-ms-input-placeholder {
  color: #000;
  font-family: 'FuturaNDforNike365Cn-XBd', 'Arial', 'Helvetica', sans-serif;
  text-transform: uppercase;
  font-size: 0.85em;
  padding-top: 0.15em;
  font-style: normal;
}

/* ----------------------------------------------  Typography  ---------------------------------------------- */
form h3 {
  margin: 0;
  letter-spacing: -2px;
}
form p {
  margin: 0 0 1em;
}

@media only screen and (min-width: 55em) {
  form h3 {
    letter-spacing: 0;
  }
}
/* ----------------------------------------------  Classes  ---------------------------------------------- */
.field {
  margin: 1em 0;
}
.field:before,
.field:after {
  content: '';
  display: table;
  clear: both;
}
.field:after {
  clear: both;
}

.formContainer {
  color: #000;
}

/* ----------------------------------------------  Labels  ---------------------------------------------- */
label {
  display: block;
  float: none;
  margin: 0 0 0.5em;
  padding: 0.5em 0 0 0;
  border-top: 1px solid #efeeec;
  text-align: left;
  text-indent: 0;
  font-size: 0.9em;
  line-height: 1.2em;
  font-family: 'SF Pro';
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
}

/* ----------------------------------------------  Inputs, textareas and selects  ---------------------------------------------- */
input[type='text'],
input[type='email'],
input[type='password'],
textarea,
select,
div.styled,
input[type='file'] {
  width: 100%;
  border: none;
  padding: 0.65em 0.6em;
  background: #d1d4d6;
  color: #59595b;
  display: block;
  font-size: 1em;
  font-family: 'TradeGothicLTPro', 'Helvetica Neue', 'Helvetica', Arial,
    sans-serif;
}

input.smaller {
  padding: 0.4em 0.6em;
  background: #d8d9db;
}

input.large-form-field {
  padding: 0.52em 0.8em;
  background: #fff;
  margin: 0;
}

input.mobile-search-input {
  background: #fff;
}

div.styled,
select,
input[type='submit'],
input[type='file']:after {
  background: #000;
  font-weight: 100;
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
  font-size: 1.2em;
  padding: 0.8em 0.25em;
  text-indent: 0.7em;
  margin: 0;
  height: auto;
  cursor: pointer;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
}
div.styled:hover,
select:hover,
input[type='submit']:hover,
input[type='file']:after:hover {
  background-color: #999;
  color: #fff;
}

select {
  -webkit-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 0 1.5em;
  background-repeat: no-repeat;
}

.searchOverlayContent select {
  font-size: 1.4em;
  height: 2.6em;
}

select option {
  color: #000;
  background-color: #d1d4d6;
}

.ie9 input[type='text'] {
  line-height: normal;
}

/* Get the stuff to line up right */
.lt-ie10 select {
  padding-left: 0.5em;
}

textarea {
  width: 100%;
  height: 10em;
}

/* ----------------------------------------------  Select menu  ---------------------------------------------- */
/* For IE and Firefox */
div.styled {
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.ie7 div.styled {
  border: none;
}

div.styled select {
  width: 115%;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  border: none;
  box-shadow: none;
}

.ie7 div.styled select {
  width: 100%;
  background-color: #fff;
  border: solid 1px #ccc;
  padding: 0.3em 1em;
}

/* ----------------------------------------------  File field  ----------------------------------------------  */
/* Webkit Only */
input[type='file'] {
  position: relative;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 40%;
  padding: 0;
}

input[type='file']::-webkit-file-upload-button {
  width: 0;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  border: none;
}

input[type='file']:after {
  content: 'Upload File';
  margin: 0 0 0 0.5em;
  display: inline-block;
  left: 100%;
  position: relative;
  padding: 0.3em 0.5em;
  border: solid 1px #ccc !important;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

input[type='file']:active:after {
  box-shadow: none;
}

/* ----------------------------------------------  Checkboxes and Radio inputs  ----------------------------------------------  */
.buttons--radios {
  margin: -6px 0 0 0;
}

label.radio,
label.checkbox {
  display: inline;
  border: none;
  min-height: 1em;
  line-height: 1em;
  margin: 0;
  position: relative;
  cursor: pointer;
  padding: 0 1em 0 0;
  font-size: 0.8em;
  font-style: italic;
}

input[type='checkbox']:not(.show) {
  position: absolute;
  left: -999em;
}

input[type='checkbox'].relative {
  position: relative;
  left: unset !important;
}

.filter-component label.show {
  border: none;
  font-family: 'SF Pro';
  text-transform: none;
  margin-bottom: 0px;
  font-size: 0.875rem;
  color: #717171;
}
.checkbox-group label {
  display: flex;
  border: none;
  align-items: center;
  font-family: 'TradeGothicLTPro', 'Helvetica Neue', 'Helvetica', Arial,
    sans-serif;
  text-transform: none;
}
.checkbox-group input {
  width: 24px;
  height: 24px;
  margin-right: 0.5rem;
}
.checkbox-group.scroll {
  max-height: 240px;
  overflow-y: scroll;
}
label.checkbox:before {
  display: inline-block;
  position: relative;
  margin: 0 5px 0 0;
  padding: 0;
  border: none;
  top: 0.5em;
  left: -2px;
  content: '';
  width: 25px;
  height: 25px;
  background-image: url(../gfx/icon-check.png);
  background-repeat: no-repeat;
  background-position: -25px -25px;
  background-color: #d8d9db;
  border: 1px solid #7f7f7f;
  border-radius: 4px;
}

input[type='checkbox'] + label.checkbox:before {
  background-position: -25px -25px;
}

input[type='checkbox']:checked + label.checkbox:before {
  background-position: 50% 50%;
}

input[type='radio'] + label:before {
  background-position: -25px -25px;
}

input[type='radio']:checked + label:before {
  background-position: 50% 50%;
}

/* Remove the custom styling for IE 7-8 */
.ie8 label:before {
  display: none;
  content: none;
}

.ie8 input[type='checkbox'],
.ie8 input[type='radio'],
.ie7 input[type='checkbox'],
.ie7 input[type='radio'] {
  position: static;
  left: 0;
}

.ie8 input[type='checkbox'],
.ie8 input[type='radio'] {
  position: relative;
  top: 5px;
  margin-right: 0.5em;
}

input[type='text']:focus,
textarea:focus {
  border-color: #000;
}

.label-text {
  text-align: left;
  font-size: 0.9em;
  padding: 0 1em;
  display: block;
  float: left;
  margin: 0.25em 0 0 1em;
  font-style: italic;
}

.squaredThree {
  position: relative;
}
.squaredThree:before,
.squaredThree:after {
  content: '';
  display: table;
  clear: both;
}
.squaredThree:after {
  clear: both;
}

.squaredThree label {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  border-radius: 4px;
  font-size: 0.2em;
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5),
    0px 1px 0px rgba(255, 255, 255, 0.4);
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5),
    0px 1px 0px rgba(255, 255, 255, 0.4);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5),
    0px 1px 0px rgba(255, 255, 255, 0.4);
  background: #000;
}

.squaredThree label:after {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 12px;
  height: 5px;
  background: transparent;
  top: 5px;
  left: 4px;
  border: 3px solid #fcfff4;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.squaredThree label:hover::after {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)';
  filter: alpha(opacity=30);
  opacity: 0.3;
}

.squaredThree input[type='checkbox']:checked + label:after {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
  filter: alpha(opacity=100);
  opacity: 1;
}

/* ---------------------------------------------- Form Submit and Next buttons ---------------------------------------------- */
form button,
input[type='submit'],
input[type='button'] {
  cursor: pointer;
  font-weight: bold;
  font-size: 0.8em;
  border: none;
  width: 100%;
  display: block;
  text-align: left;
  color: #fff;
  background: #000;
  font-family: 'TradeGothicLTPro-Bold', 'Arial', 'Helvetica', Arial, sans-serif;
}
form button:hover,
input[type='submit']:hover,
input[type='button']:hover {
  background-color: #59595b;
}

/* Gradient Generator by : http://www.colorzilla.com/gradient-editor/ */
input[type='submit']:active,
input[type='button']:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* IE7 needs you to change the background to transparent when using image background for submit buttons */
.parsley-error-list {
  margin: 0 0.5em 0 0 !important;
  padding: 0 !important;
}
.parsley-error-list li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.hs-embed-wrap .parsley-errors-list li {
  font-weight: 700;
  color: #c0360f;
  text-transform: uppercase;
  font-size: 0.9em;
  line-height: 1.2em;
}
.hs-embed-wrap .hs-error-msgs li::marker {
  color: #000;
}
.icon {
  fill: #fff;
}

a .icon {
  fill: #fff;
}
a:hover .icon {
  fill: #ff4612;
}

.socialIcons a {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 0.6em 0 0;
}
.socialIcons a .icon {
  width: 1.4em;
  height: 1.4em;
}
.socialIcons a.highlight--off .icon {
  fill: #ff4612;
}
.socialIcons a.highlight--off:hover .icon {
  fill: #efeeec;
}
.socialIcons a.dark .icon {
  fill: #000;
}
.socialIcons a.dark:hover .icon {
  fill: #b3b2b1;
}
#filter-overlay {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vh;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
}
.filter-panel {
  display: none;
}
.filter-panel.expanded {
  width: 85vw;
  padding-top: 3rem;
  position: fixed;
  top: 0px;
  height: 100vh;
  z-index: 999;
  left: 0px;
  display: block !important;
  overflow-y: scroll;
  padding-left: 12px;
  padding-right: 16px;
}
.mobile-location {
  background: #efeeec;
  border-top: 17px solid #d6d6d6;
}
.mobile-location .container {
  display: flex;
  justify-content: space-between;
}
.mobile-location .filter-button {
  display: flex;
  align-items: center;
}
.mobile-location .filter-button button {
  background: white;
  border: none;
  border-radius: 8px;
  padding: 10px;
}

.mobile-location .filter-button img {
  max-width: 20px;
}
.mobile-location .location span {
  position: absolute;
  left: 82px;
  top: 29px;
  color: #ef4a23;
  text-transform: none;
}
.mobile-location .location button {
  background: #ef4a23;
  border: none;
  padding: 10px;
  border-radius: 8px;
  position: absolute;
  left: 15px;
  top: 27px;
}
.mobile-location .location {
  display: flex;
  position: relative;
  width: 85%;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}
.mobile-location .location input {
  background: white;
  font-size: 1rem;
  padding-left: 5rem;
  padding-top: 2.5rem;
  padding-bottom: 1rem;
  border-radius: 8px;
}
@media only screen and (min-width: 500px) {
  .filter-panel.expanded {
    max-width: 425px;
  }
}
@media only screen and (max-width: 55em) {
  .results-heading h1 {
    margin-right: auto;
    font-size: 1.6rem;
    margin-bottom: 0.5em;
  }
  .results-heading span {
    margin-right: auto;
  }
  .filterContainer {
    padding-bottom: 4rem;
  }
  .filter-search label.location button {
    display: none;
  }
  .filter-breadcrumbs,
  .sort-filter {
    display: none;
  }
  .results-heading {
    margin-top: 2rem;
  }
  .result-spacing {
    margin: 0px;
  }
  .withAnnouncement.countdown .navContainer .navListContainerInner {
    padding-top: 200px;
  }
  .hs-embed-wrap.desktop {
    display: none !important;
  }
}
@media only screen and (min-width: 55em) {
  #filter-overlay,
  .filter-panel.expanded {
    display: none !important;
  }
  .filter-search {
    margin-bottom: 2rem;
  }
  .filter-search .filter-component {
    padding-left: 25px;
    padding-right: 25px;
  }
  .search-results.pagination {
    margin-bottom: 6rem;
  }
  .mobile-location {
    display: none;
  }
  .result-spacing {
    margin-top: 3.5rem;
  }
  .results-heading {
    flex-direction: row;
    display: block;
  }
  .results-heading h1 {
    font-size: 2.25rem;
    display: inline;
  }
  .results-heading span {
    font-size: 1.125rem;
    white-space: nowrap;
    display: inline-block;
    margin-top: 11px;
    position: relative;
    bottom: 3px;
  }
  .filter-panel {
    display: block;
    padding-top: 0px;
  }
  .socialIcons a {
    display: inline-block;
    vertical-align: bottom;
    margin: 0.25em 0.8em 0 0;
  }
  .socialIcons a .icon {
    width: 2em;
    height: 2em;
  }
}
/*
   =============================================
     Icon Fonts 
   =============================================	
 */
@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?bdyam7');
  src: url('../fonts/icomoon.eot?bdyam7#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?bdyam7') format('truetype'),
    url('../fonts/icomoon.woff?bdyam7') format('woff'),
    url('../fonts/icomoon.svg?bdyam7#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^='icon-'],
[class*=' icon-'],
.ms-video-btn {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: '\e913';
}

.icon-arrow_hero_down:before {
  content: '\e90f';
}

.icon-arrow_hero_left:before {
  content: '\e910';
}

.icon-arrow_hero_right:before {
  content: '\e911';
}

.icon-arrow_hero_up:before,
.icon-arrow-up2:before {
  content: '\e912';
}

.icon-close:before,
.ms-slide-vcbtn:before {
  content: '\e900';
}

.icon-dropdown:before {
  content: '\e901';
}

.icon-email:before {
  content: '\e902';
}

.icon-FAC_logo_final:before {
  content: '\e903';
}

.icon-hamburger:before {
  content: '\e904';
}

.icon-instagram:before {
  content: '\e905';
}

.icon-lightbox-close:before {
  content: '\e906';
}

.icon-linkedin:before {
  content: '\e907';
}

.icon-map-pin:before {
  content: '\e908';
}

.icon-minus:before {
  content: '\e909';
}

.icon-pinterest:before {
  content: '\e90a';
}

.icon-play:before,
.ms-video-btn:before {
  content: '\e90b';
}

.icon-plus:before {
  content: '\e90c';
}

.icon-thumbnails:before {
  content: '\e90d';
}

.icon-twitter:before {
  content: '\e90e';
}

/** ==========================================================
 
     $5 Base Layout (also see Grid)
 
 ========================================================== **/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.clear {
  clear: both;
}

html,
body {
  height: 100%;
  width: 100%;
}

section {
  clear: both;
}

.constrain-width {
  max-width: 1400px;
  margin: auto;
  box-sizing: border-box;
}
.constrain-width:before,
.constrain-width:after {
  content: '';
  display: table;
  clear: both;
}
.constrain-width:after {
  clear: both;
}

.constrain-width-narrow {
  max-width: 600px;
  margin: auto;
  box-sizing: border-box;
}
.constrain-width-narrow:before,
.constrain-width-narrow:after {
  content: '';
  display: table;
  clear: both;
}
.constrain-width-narrow:after {
  clear: both;
}

.constrain-width.contained {
  padding: 2em 24px;
}

.not-mobile,
.bp1-not-mobile {
  display: none;
}

.mobile-only,
.bp1-mobile-only {
  display: block;
}

#campsByLocation {
  display: none;
}

.js #campsByLocation {
  display: block;
}

.fullWidthImage img {
  width: 100%;
}

.mediaBlocks {
  padding: 0;
}

.divide-bottom {
  border-bottom: 1px solid #b3b2b1;
}

.firstSection .mediaBlocks {
  padding-top: 0;
}

.contentBlockWrapper {
  padding: 0 2.5em 3em;
}

.mediaBlocks-heading {
  text-align: left;
  position: relative;
}
.mediaBlocks-heading .programLogo {
  margin: 0 auto;
  width: 100px;
  padding: 1em 1em 0;
  text-align: center;
}
.mediaBlocks-heading .programLogo img {
  width: 100%;
  max-width: 100px;
}

.breadcrumbs {
  padding-right: 120px;
  display: none;
}

.square {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.square a {
  position: absolute;
  width: 100%;
  height: 100%;
}

.square:after {
  content: '';
  display: block;
  padding-bottom: 100%;
}

.square.rectangle:after {
  padding-bottom: 50%;
}

.twoUp .square:after {
  padding-bottom: 40%;
}

/*Flex items*/
.mediaList {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin: 0;
  padding: 0.5em;
}

.mediaList-item {
  display: flex;
  display: -ms-flexbox;
  padding: 0.5em;
  margin: 0;
  list-style: none;
  width: 50%;
  font-size: 1em;
}
.mediaList-item img,
.mediaList-item video {
  width: 100%;
  max-width: 100%;
}
.mediaList-item .blogThumbnail {
  background: #000;
  margin: 0 0 0.75em;
}
.mediaList-item a {
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.mediaList-item a img {
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.mediaList-item a:hover img {
  opacity: 0.9;
}

.no-flexbox .mediaList-item {
  float: left;
}

.campNewsTipsContent .mediaList {
  padding: 0.5em 0;
}
.campNewsTipsContent .mediaList .mediaList-item {
  width: 100%;
}

.mediaList-item.fullWidth {
  width: 100%;
  display: block;
}

.mediaList-item.twoUp {
  width: 100%;
}

.mediaList-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.mediaList-content p {
  flex: 1 0 auto;
  margin: 0;
  padding: 0;
  line-height: 1.2em;
  display: none;
}

.firstSection {
  padding-top: 9.2em;
}

.columns .slideCaption {
  background: #b3b2b1;
  padding: 2em 1em;
}

.formContainerWrapper {
  padding: 0;
}

.formContainer {
  background: #ff4612;
  padding: 1.5em 1rem;
}
.home-search .inputContainer {
  width: 100%;
}
.home-search .half:first-of-type {
  padding-bottom: 1em;
}
.home-search .half input {
  height: 53.72px !important;
}
.filter-search h2 {
  margin-bottom: 1.75rem;
  font-size: 1.125rem;
  color: #3a3a3c;
  font-family: 'SF Pro';
  font-weight: 600;
}
.filter-search .labelContainer label {
  position: relative;
  padding-top: 0px;
}
.filter-search .labelContainer label button {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
  max-width: 21px;
  height: 100%;
}
.filter-search .filter {
  margin-bottom: 1em;
}
.filter-search .live-filter {
  display: flex;
  align-items: baseline;
}
.filter-search input {
  font-family: 'SF Pro';
}
.filter-search .live-filter label {
  border-top: none;
}
.filter-search label.location input {
  background: white;
  border: 1px solid #d3d3d3;
  border-radius: 8px;
  height: 53px;
}
.filter-search label.location button {
  max-width: 40px;
  background: transparent;
}
.filter-search label.location button .icon {
  width: 20px;
  height: 20px;
  fill: black;
}
.filter-search label[for='sport'] {
  margin-top: 1rem;
  margin-bottom: 12px;
  border: none;
  color: #717171;
  text-transform: none;
}
.filter-search .live-filter label[for='live-camps'] {
  margin-bottom: 1.5rem;
  margin-top: 1rem;
  text-transform: initial;
  font-family: 'SF Pro';
}
.filter-search .live-filter label[for='live-camps'] span {
  font-size: 1rem;
  margin-bottom: 8px;
  display: block;
  color: #222222;
}
.filter-search .live-filter label[for='live-camps'] p {
  font-size: 0.875rem;
  line-height: 16.71px;
  color: #5e5e5e;
}
.filter-search #live-camps {
  border: 1px solid #c2c2c2; /* Change the border color */
  border-radius: 3px;
  margin-right: 0.5em;
  margin-left: 1em;
  width: 27px;
  height: 24px;
  top: 6px;
}

.filter-search .filter-container {
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  padding-top: 25px;
}
.filter-search .filter-component {
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 1rem;
  overflow: hidden;
}
.filter-search .filter-accordion {
  padding-bottom: 0.5em;
}
.filter-search .filter-accordion.gender .checkbox-group {
  margin-top: 1rem;
}
.filter-search .filter-accordion h3 {
  position: relative;
  cursor: pointer;
  padding: 18px 25px;
  background: #efeeec;
  color: #3a3a3c;
  font-family: 'SF Pro';
  font-weight: 600;
  font-size: 1.125rem;
  letter-spacing: 0;
}
.filter-search .filter-accordion h3:not(.ui-state-active)::after {
  content: '';
  position: absolute;
  top: 29px;
  right: 20px; /* Adjust as needed */
  transform: translateY(-50%);
  width: 12px; /* Adjust width */
  height: 12px; /* Adjust height */
  background-image: url('/themes/v2/img/chevron-down.svg'); /* Replace with your SVG path */
  background-size: contain; /* Ensures the SVG scales correctly */
  background-repeat: no-repeat; /* Prevents the background from repeating */
  pointer-events: none; /* Ensures the chevron doesn't block clicks */
}
.filter-search .filter-accordion h3.ui-state-active::after {
  content: '';
  position: absolute;
  top: 29px;
  right: 20px; /* Adjust as needed */
  transform: translateY(-50%);
  width: 12px; /* Adjust width */
  height: 12px; /* Adjust height */
  background-image: url('/themes/v2/img/chevron-up.svg'); /* Replace with your SVG path */
  background-size: contain; /* Ensures the SVG scales correctly */
  background-repeat: no-repeat; /* Prevents the background from repeating */
  pointer-events: none; /* Ensures the chevron doesn't block clicks */
}
.sport-specific .filter {
  margin-bottom: 1em;
}
body .slideshow {
  margin-top: 3rem;
}
body:not(.withAnnouncement) .homeSlideshow--off {
  margin-top: 4rem;
}

@media only screen and (min-width: 46em) {
  .breadcrumbs {
    display: block;
  }

  .mediaBlocks {
    padding: 0;
  }

  .mediaBlocks-heading {
    padding: 1.5em 1.5em 0.75em;
  }
  .mediaBlocks-heading .programLogo {
    position: absolute;
    top: -1.5em;
    right: 0;
    width: 100px;
    padding: 2em 0.75em;
  }
  .mediaBlocks-heading .programLogo img {
    width: 100%;
    max-width: 100px;
  }

  .bp1-not-mobile {
    display: block;
  }

  .bp1-mobile-only {
    display: none;
  }

  .constrain-width.contained {
    padding: 2em 2.5em;
  }

  .mediaList {
    padding: 0.5em;
  }

  .mediaList-item {
    padding: 0.5em;
    width: 50%;
    display: flex;
  }

  .campNewsTipsContent .mediaList {
    padding: 0.5em 0;
  }

  .campNewsTipsContent .mediaList .mediaList-item {
    width: 50%;
  }
  .campNewsTipsContent .mediaList .mediaList-item.fullWidth {
    width: 100%;
    display: block;
  }
  .campNewsTipsContent .mediaList.bp2-fourUp .mediaList-item {
    width: 25%;
  }

  .columns .mobile-slide-only {
    display: none;
  }
  .columns .mainColumnLeft {
    padding-left: 0;
    position: relative;
    height: 90vh;
  }
  .columns .mainColumnLeft img {
    width: 100%;
    max-width: 100%;
  }
  .columns .slideshow,
  .columns .slide {
    height: 100% !important;
  }
  .columns .slide {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    opacity: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
  }
  .columns .slideCaption {
    position: absolute;
    bottom: 7.5em;
    left: 1em;
    max-width: 65%;
    background: transparent;
  }
  body.withAnnouncement .columns .slideCaption {
    bottom: 7em;
  }

  .formContainer {
    padding: 1.5em;
  }

  .mediaList-content p {
    display: block;
  }
}
@media only screen and (min-width: 55em) {
  .bp2-max-width-60 {
    max-width: 60%;
  }

  .bp2-max-width-60 {
    max-width: 70%;
  }

  .bp2-max-width-60 {
    max-width: 80%;
  }

  .not-mobile {
    display: block;
  }

  .mobile-only {
    display: none;
  }

  .mediaList-content p {
    line-height: 1.4em;
    font-size: 1em;
    display: block;
  }

  .mediaBlocks-heading {
    padding: 0.75em 0.75em;
    text-align: left;
  }
  .mediaBlocks-heading .programLogo {
    position: absolute;
    top: -1.5em;
    right: 0;
    width: 100px;
    display: block;
  }
  .mediaBlocks-heading .programLogo img {
    width: 100%;
    max-width: 100px;
  }

  .mediaBlocks {
    padding: 0.5em;
  }

  .contentBlockWrapper {
    padding: 0 2.5em 5em;
  }

  .mediaList {
    padding: 0;
  }

  .mediaList-item {
    display: flex;
    padding: 0.5em;
  }

  .formContainer {
    background: #ff4612;
    padding: 1em;
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.31);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.31);
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.31);
  }

  .mediaList.bp2-fourUp .mediaList-item {
    width: 25%;
  }

  .firstSection {
    padding-top: 11em;
  }

  .columns .mainColumn:not(.home-slider-wrap) {
    float: left;
    height: 100vh;
  }
  .columns .mainColumn.home-slider-wrap {
    float: left;
    height: 92vh;
  }
  .columns .mainColumn50 {
    width: 50%;
  }
  .columns .mainColumn45 {
    width: 45%;
  }
  .columns .mainColumn55 {
    width: 55%;
  }
  .columns .mainColumn35 {
    width: 35%;
  }
  .columns .mainColumn28 {
    width: 28%;
  }
  .columns .mainColumn65 {
    width: 65%;
  }
  .columns .mainColumn72 {
    width: 72%;
  }
  .columns .mainColumnLeft {
    padding-left: 0;
    position: relative;
  }
  .columns .mainColumnLeft img {
    width: 100%;
    max-width: 100%;
  }
  .columns .scrollColumn {
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 95px;
    height: 100vh;
  }
  .withAnnouncement.countdown .columns .scrollColumn {
    padding-top: 105px;
  }
  .columns .scrollColumn.noTopPadding {
    padding-top: 0;
  }
  .columns .slideshow,
  .columns .slide {
    height: 100% !important;
  }
  .columns .slide {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    opacity: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
  }
  .columns .slideCaption {
    position: absolute;
    bottom: 8em !important;
    left: 0em;
  }
  body.withAnnouncement.countdown .columns .slideCaption {
    position: absolute;
    bottom: 7em !important;
  }
  body.withAnnouncement .homeSlideshowWrapper .controls {
    bottom: 115px;
  }
  .eqhGridCol {
    float: none;
    padding: 0 0.75em;
    vertical-align: top;
  }

  .eqhGridCol.verticalCenterContent {
    vertical-align: middle;
  }

  .eqhGrid {
    display: table;
    width: 100%;
  }
  .eqhGrid .blockCta {
    min-height: 100px;
  }

  .eqhGrid-tallGrid {
    min-height: 300px;
  }
  .eqhGrid-tallGrid .blockCta {
    min-height: 300px;
  }

  .eqhGridCol-main {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    padding: 2em 0;
  }

  .eqhGridCol-sidebar {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
  }

  .eqhGridCol-size1of2 {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
  }
  .eqhGridCol-size1of2:last-child {
    border-right: none;
  }

  .eqhGridCol-size1of2.vTop {
    vertical-align: top;
  }

  .eqhGridCol-size1of2.vBottom {
    vertical-align: bottom;
  }

  .absolute-center {
    height: 100%;
    /* Internet Explorer 10 */
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    /* Firefox */
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    /* Safari, Opera, and Chrome */
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    /* W3C */
    display: box;
    box-pack: center;
    box-align: center;
  }

  .blockList {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
  }

  .blockList > .blockList__item {
    width: 50%;
    margin: 0;
    padding: 0;
  }

  .blockList > .blockList__item-full {
    width: 100%;
    background: red;
  }

  .blockList > .blockList__item.offsetOrder {
    order: 2;
  }

  .blockList > .blockList__item.one-third {
    width: 40%;
  }

  .blockList > .blockList__item.two-thirds {
    width: 60%;
  }

  .blockList > .blockList__item.vBottom {
    justify-content: center;
    align-self: flex-end;
  }

  .blockList .col_caption {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
  }
  .blockList .col_caption-inner {
    display: table;
    width: 100%;
    height: 100%;
  }
  .blockList .col_caption-content {
    display: table-cell;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 70em) {
  .home-search .fieldContainer {
    display: flex;
    justify-content: space-between;
  }
  .home-search .half {
    padding-bottom: 0px !important;
    width: 49%;
  }
  .bp3-max-width-60 {
    max-width: 60%;
  }

  .bp3-max-width-60 {
    max-width: 70%;
  }

  .bp3-max-width-60 {
    max-width: 80%;
  }

  .constrain-width-narrow {
    max-width: 800px;
  }

  .mediaBlocks-heading {
    padding: 0.75em 0.75em;
  }

  .mediaBlocks {
    padding: 0.5em;
  }
  .mediaBlocks .contentBlock {
    max-width: 80%;
  }

  .contentBlockWrapper {
    padding: 0 0.75em;
  }

  .mediaList {
    padding: 0;
  }

  .mediaList-item {
    display: flex;
    display: -ms-flexbox;
    padding: 0.5em;
  }

  .campNewsTipsContent .mediaList .mediaList-item {
    width: 33.333%;
  }
  .campNewsTipsContent .mediaList .mediaList-item.fullWidth {
    width: 100%;
    display: block;
  }
}
@media only screen and (min-width: 85em) {
  .mediaList-item {
    width: 33.333%;
  }

  .mediaList-item.twoUp {
    width: 66.666%;
  }

  .campNewsTipsContent .mediaList .mediaList-item {
    width: 33.333%;
  }
  .campNewsTipsContent .mediaList.twoUp .mediaList-item {
    width: 66.666%;
  }

  .twoUp .square:after {
    padding-bottom: 25%;
  }
  .columns .slideCaption {
    bottom: 4em;
    left: 4em;
  }
  body.withAnnouncement .columns .slideCaption {
    bottom: 7em;
  }
  header .logo {
    padding-left: 0px;
    max-width: 375px;
    position: relative;
  }
}
@media only screen and (min-width: 110em) {
  .mediaBlocks-heading {
    padding: 0.75em 0.75em;
  }

  .mediaBlocks {
    padding: 0.75em;
  }

  .mediaList-item {
    display: flex;
    padding: 0.75em;
  }
}
/** ==========================================================
 
     $5 Header Layout
 
 ========================================================== **/
header {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  background: #efeeec;
  z-index: 999;
  height: 75px;
}
header .logo {
  display: flex;
  max-width: 250px;
  padding-left: 0px;
  align-items: center;
  z-index: 101;
}
header .logo.sportLockup {
  left: 10px;
  top: 10px;
  height: 85px;
}
header .logo.sportLockup img {
  height: 75px;
}

header.formPageHeader {
  position: relative;
}

@media only screen and (min-width: 55em) {
  header {
    height: 95px;
  }
  header .logo {
    max-width: 375px;
  }

  button {
    display: none;
  }
}
/** ==========================================================
 
    Footer Layout
 
 ========================================================== **/
footer {
  background: #135fab;
  color: #fff;
  padding: 0.5em;
  clear: both;
}
footer .socialIcons {
  padding: 0 0 1em;
  text-align: left;
}

.footerLogo {
  display: block;
  padding: 2em 0;
  max-width: 200px;
}

.footerNav {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
.footerNav li {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0;
  display: inline-block;
}
.footerNav li a {
  color: #fff;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.footerNav li a:hover {
  color: #ff4612;
}
.footerNav li:last-child {
  margin-left: 0;
}

.footer--copyright {
  margin: 1em 0 0 0;
  padding: 0;
  font-size: 0.7em;
  letter-spacing: 1px;
  color: #dbd9d6;
  font-family: 'TradeGothicLTPro', 'Helvetica Neue', 'Helvetica', Arial,
    sans-serif;
  text-align: left;
  opacity: 0.5;
}

@media only screen and (min-width: 55em) {
  footer {
    padding: 1em;
  }

  .footerLogo {
    padding: 1em 0;
    text-align: right;
    width: auto;
    float: right;
    max-width: 260px;
  }

  .footerNav {
    text-align: right;
    display: block;
  }
  .footerNav li {
    margin: 0 0 0 1em;
  }
  .footerNav li:last-child {
    margin-left: 1em;
    margin-right: 0;
  }
}
/** ==========================================================
 
     $6 Breakpoints
 
 ========================================================== **/
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .mobile {
    display: block;
  }

  .not-mobile {
    display: none;
  }
}
/* ipad portrait */
/** ==========================================================
 
     $7 Helpers
 
 ========================================================== **/
/*
  * Image replacement
  */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: '';
  display: block;
  width: 0;
  height: 150%;
}

/*
  * Hide from both screenreaders and browsers: h5bp.com/u
  */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
  * Hide only visually, but have it available for screenreaders: h5bp.com/v
  */
.visuallyhidden,
.playsafe {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
  * Extends the .visuallyhidden class to allow the element to be focusable
  * when navigated to via the keyboard: h5bp.com/p
  */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
  * Hide visually and from screenreaders, but maintain layout
  */
.invisible {
  visibility: hidden;
}

/*
  * Clearfix: contain floats
  *
  * For modern browsers
  * 1. The space content is one way to avoid an Opera bug when the
  *    `contenteditable` attribute is included anywhere else in the document.
  *    Otherwise it causes space to appear at the top and bottom of elements
  *    that receive the `clearfix` class.
  * 2. The use of `table` rather than `block` is only necessary if using
  *    `:before` to contain the top-margins of child elements.
  */
.cfix:before,
.cfix:after {
  content: ' ';
  /* 1 */
  display: table;
  /* 2 */
}

.cfix:after {
  clear: both;
}

/*
  * For IE 6/7 only
  * Include this rule to trigger hasLayout and contain floats.
  */
.cfix {
  *zoom: 1;
}

/* ==========================================================================
    EXAMPLE Media Queries for Responsive Design.
    These examples override the primary ('mobile first') styles.
    Modify as content requires.
    ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print,
  (-o-min-device-pixel-ratio: 5 / 4),
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
    Print styles.
    Inlined to avoid required HTTP connection: h5bp.com/r
    ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: ' (' attr(href) ')';
  }

  abbr[title]:after {
    content: ' (' attr(title) ')';
  }

  /*
    * Don't show links for images, or javascript/internal links
    */
  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: '';
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

/* #DIV__CART {
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   z-index: 1000;
 } */

.cart-container .cart-box {
  padding-top: 155px;
}

@media only screen and (min-width: 55em) {
  .cart-container .cart-box {
    padding-top: 150px;
  }
}

/* -------------------------------------- UPDATED CAMP DETAILS LAYOUT -------------------------------------- */
.hide-element {
  display: none !important;
}

.button-off {
  opacity: 0.5;
}

.button-off:hover {
  cursor: initial;
}

/* CAMP SESSION HEADER */
.session.usba-camp .session-header {
  padding: 20px 10px 10px;
  border-radius: 4px;
  margin-bottom: 21px;
  box-shadow: 0px 1px 6px #00000029;
}

.session.usba-camp .session-header h3 {
  color: #135fab;
  margin-bottom: 26px;
  font-weight: bold;
}

.session.usba-camp .session-header .age-selection-container h4 {
  margin-bottom: 10px;
}

.session.usba-camp .session-header .age-selection-container h4:after {
  background-color: lightgray;
  content: '';
  display: block;
  height: 2px;
  margin-bottom: 12px;
  margin-top: 12px;
  width: 100%;
}

.session.usba-camp .session-header .age-selection-container .age-selections {
  display: flex;
  flex-direction: column;
}

.session.usba-camp
  .session-header
  .age-selection-container
  .age-selections
  button {
  border: none;
  padding: 10px;
  font-weight: bold;
  margin-bottom: 10px;
  background-color: black;
  color: white;
}

.session.usba-camp
  .session-header
  .age-selection-container
  .age-selections
  button.active-age-group {
  background-color: #ff4612;
}

/* CAMP SESSION DETAILS */
.session.usba-camp .session-details {
  padding: 20px 10px 10px;
  border-radius: 4px;
  margin-bottom: 21px;
  box-shadow: 0px 1px 6px #00000029;
}

.session.usba-camp .session-details .session-details-header {
  margin-bottom: 30px;
}

.session.usba-camp .session-details .session-details-header p {
  margin-bottom: 10px;
}

.session.usba-camp .session-details .session-details-header .prices-text {
  color: #3260b1;
}

.session.usba-camp .session-details .session-details-header h4 {
  margin-bottom: 10px;
}

.session.usba-camp .session-details .session-details-header h4:after {
  background-color: lightgray;
  content: '';
  display: block;
  height: 2px;
  margin-bottom: 12px;
  margin-top: 12px;
  width: 100%;
}

.session.usba-camp .session-details .session-type-container {
  margin-bottom: 40px;
}

.session.usba-camp .session-details .session-type-container .session-type {
  margin-bottom: 15px;
}

.session.usba-camp .session-details .session-type-container .session-type h4 {
  background-color: #404040;
  color: white;
  padding: 5px 10px;
  margin-bottom: 0px;
}

.session.usba-camp
  .session-details
  .session-type-container
  .session-type
  h4:nth-child(2) {
  background-color: #3260b1;
}

.session.usba-camp
  .session-details
  .session-type-container
  .session-times
  .session-data-category {
  display: grid;
  grid-template-columns: 50% 1fr 1fr;
  padding: 0px 10px;
  justify-items: center;
}

.session.usba-camp
  .session-details
  .session-type-container
  .session-times
  .session-data-category
  p {
  margin-bottom: 0px;
}

.session.usba-camp
  .session-details
  .session-type-container
  .session-times
  .session-data-category
  p:nth-child(2) {
  justify-self: left;
}

.session.usba-camp
  .session-details
  .session-type-container
  .session-times
  .no-sessions-text,
.session.usba-camp
  .session-details
  .session-type-container
  .session-times
  .extra-info-text {
  padding: 0px 10px;
}

.session.usba-camp
  .session-details
  .session-type-container
  .session-times
  .extra-info-text {
  color: #3260b1;
  margin-bottom: 15px;
}

.session.usba-camp
  .session-details
  .session-type-container
  .session-times
  .session-data-row {
  display: grid;
  grid-template-columns: 50% 1fr 1fr;
  grid-gap: 10px;
  align-items: center;
  justify-items: center;
  margin-bottom: 10px;
  background-color: lightgray;
  color: gray;
  padding: 10px;
  font-weight: bold;
}

.session.usba-camp
  .session-details
  .session-type-container
  .session-times
  .session-data-row.closed {
  opacity: 0.5;
}

.session.usba-camp
  .session-details
  .session-type-container
  .session-times
  .session-data-row
  p {
  margin-bottom: 0px;
}

.session.usba-camp
  .session-details
  .session-type-container
  .session-times
  .session-data-row
  p:nth-child(1) {
  color: black;
}

.session.usba-camp
  .session-details
  .session-type-container
  .session-times
  .session-data-row
  p:not(:nth-child(1)) {
  color: #3260b1;
}

.session.usba-camp
  .session-details
  .session-type-container
  .session-times
  .session-data-row
  p:nth-child(2) {
  background-color: white;
  padding: 5px;
  border-radius: 4px;
  justify-self: left;
}

.session.usba-camp
  .session-details
  .session-type-container
  .session-times
  .session-data-row.active-row
  p:nth-child(1) {
  color: #3260b1;
}

.session.usba-camp
  .session-details
  .session-type-container
  .session-times
  .session-data-row.active-row
  p:nth-child(2) {
  color: white;
  background-color: #3260b1;
}

.session.usba-camp
  .session-details
  .session-type-container
  .session-times
  .session-data-row
  p.time {
  margin-bottom: 0px;
  background-color: white;
  padding: 5px;
  border-radius: 4px;
}

.session.usba-camp
  .session-details
  .session-type-container
  .session-times
  .session-data-row
  input {
  position: initial;
  height: 20px;
  width: 20px;
}

.session.usba-camp
  .session-details
  .session-type-container
  .session-times
  .session-data-row
  input:hover {
  cursor: pointer;
}

/* CAMP CONTINUE SECTION */
.session.usba-camp .session-details .continue-container {
  display: flex;
  justify-content: flex-end;
}

.session.usba-camp .session-details .continue-container div {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.session.usba-camp .session-details .continue-container button {
  display: block;
  padding: 10px;
  width: 47%;
  color: gray;
  background-color: white;
  border: 1px solid gray;
  font-weight: bold;
}

.session.usba-camp .session-details .continue-container button:nth-child(2) {
  color: white;
  background-color: #ff4612;
}

.session.usba-camp .mobile-hide {
  display: none;
}

.session.usba-camp .desktop-hide {
  display: block;
}

@media only screen and (max-width: 499px) {
  .session.usba-camp {
    padding: 2.5em 0.75em 0.75em !important;
  }
}

@media only screen and (min-width: 400px) {
  .session.usba-camp
    .session-details
    .session-type-container
    .session-times
    .session-data-category {
    grid-template-columns: 55% 1fr 1fr;
  }

  .session.usba-camp
    .session-details
    .session-type-container
    .session-times
    .session-data-row {
    grid-template-columns: 55% 1fr 1fr;
  }
}

@media only screen and (min-width: 640px) {
  .session.usba-camp
    .session-details
    .session-type-container
    .session-times
    .session-data-category {
    grid-template-columns: 57% 1fr 1fr;
  }
}

@media only screen and (min-width: 768px) {
  .session.usba-camp .mobile-hide {
    display: block;
  }

  .session.usba-camp .desktop-hide {
    display: none;
  }

  .session.usba-camp .session-header,
  .session.usba-camp .session-details {
    border: none;
  }

  .session.usba-camp .session-header .age-selection-container .age-selections {
    flex-direction: row;
  }

  .session.usba-camp
    .session-header
    .age-selection-container
    .age-selections
    button {
    display: block;
    margin: 0px 10px 10px;
    width: 20%;
    height: 55px;
  }

  .session.usba-camp
    .session-details
    .session-type-container
    .session-times
    .session-data-category {
    grid-template-columns: 25% 25% 25% 25%;
    justify-items: center;
    background-color: #404040;
    color: white;
    padding: 5px 20px;
    margin-bottom: 15px;
  }

  .session.usba-camp
    .session-details
    .session-type-container
    .session-times
    .session-data-category
    p:nth-child(1) {
    justify-self: left;
  }

  .session.usba-camp
    .session-details
    .session-type-container
    .session-times
    .session-data-category
    p:nth-child(2) {
    justify-self: auto;
  }

  .session.usba-camp
    .session-details
    .session-type-container
    .session-times
    .no-sessions-text,
  .session.usba-camp
    .session-details
    .session-type-container
    .session-times
    .extra-info-text {
    padding: 0px 20px;
  }

  .session.usba-camp
    .session-details
    .session-type-container
    .session-times
    .session-data-row {
    grid-template-columns: 25% 25% 25% 25%;
    grid-gap: 0px;
    padding: 10px 20px;
  }

  .session.usba-camp
    .session-details
    .session-type-container
    .session-times
    .session-data-row
    p:nth-child(1) {
    justify-self: left;
  }

  .session.usba-camp
    .session-details
    .session-type-container
    .session-times
    .session-data-row
    p:nth-child(2) {
    justify-self: auto;
  }

  .session.usba-camp .session-details .continue-container div {
    width: 50%;
  }

  .session.usba-camp .session-details .continue-container button {
    border: none;
  }

  .session.usba-camp
    .session-details
    .session-type-container
    .session-times
    .session-data-row
    input {
    height: 25px;
    width: 25px;
  }
}

/* -----------------------
 LEAGUES
 -------------------------*/

#leagues .img-responsive {
  width: 100%;
  height: auto;
}

/*--- Hero ---*/
#leagues section.hero {
  background-color: #000000;
  position: relative;
}

#leagues section.hero img.img-hero {
  opacity: 0.5;
}

#leagues section.hero img.i9-sports {
  position: absolute;
  width: 35%;
  max-width: 400px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/*--- About Kids ---*/
#leagues section.about-kids a.cta {
  background-color: #002575;
  padding: 0.8rem 2rem;
  text-transform: uppercase;
  border-radius: 3px;
  color: #ffffff;
  font-family: 'TradeGothicLTPro-Bold', 'proxima-nova-1', 'proxima-nova-2',
    'Helvetica Neue', 'Helvetica', Arial, sans-serif;
  transition: all 0.3s ease;
}
#leagues section.about-kids a.cta:hover {
  background-color: #c03610;
}

#leagues section.about-kids {
  padding: 2rem 1.5rem;
  display: block;
}

#leagues section.about-kids h1 {
  letter-spacing: 0;
  color: #000000;
  font-size: 1.35rem;
  font-family: 'FuturaNDforNike365Cn-XBd', 'Arial', 'Helvetica', sans-serif;
}

#leagues section.about-kids .content {
  margin: 2rem 0 2rem 0;
  color: #000000;
}

/*--- Kids Sports League ---*/
#leagues section.kids-sports-leagues {
  display: block;
  padding: 1.5rem;
  background-color: #822c32;
  color: #ffffff;
  position: relative;
}

#leagues section.kids-sports-leagues .content-inner {
  position: relative;
  top: auto;
  transform: none;
  padding: 0 0rem;
  width: 100%;
}

#leagues section.kids-sports-leagues .img-coach {
  margin-bottom: 2rem;
  display: block;
}

#leagues section.kids-sports-leagues .stripe {
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}

#leagues section.kids-sports-leagues ul {
  padding-left: 1rem;
}

/*--- Its the way ---*/
#leagues section.its-the-way {
  padding: 5rem 1.5rem;
  text-align: center;
}

#leagues section.its-the-way a.cta {
  background-color: #002575;
  padding: 0.8rem 2rem;
  text-transform: uppercase;
  border-radius: 3px;
  color: #ffffff;
  font-family: 'TradeGothicLTPro-Bold', 'proxima-nova-1', 'proxima-nova-2',
    'Helvetica Neue', 'Helvetica', Arial, sans-serif;
  transition: all 0.3s ease;
}

#leagues section.its-the-way a.cta:hover {
  background-color: #c03610;
}

#leagues section.its-the-way h2 {
  letter-spacing: 0;
  color: #000000;
  padding: 2rem 0;
  font-size: 1.35rem;
  font-family: 'FuturaNDforNike365Cn-XBd', 'Arial', 'Helvetica', sans-serif;
}

#leagues section.its-the-way img.i9-sports {
  width: 100%;
  margin: 0 0 2rem 0;
  max-width: 200px;
}

@media only screen and (min-width: 992px) {
  /*--- About Kids ---*/
  #leagues section.about-kids {
    padding: 3rem 4rem;
    display: flex;
  }

  #leagues section.about-kids h1 {
    font-size: 2.25rem;
  }

  #leagues section.about-kids > div {
    width: 50%;
  }

  #leagues section.about-kids .content p {
    margin-right: 2rem;
  }

  /*--- Kids Sports League ---*/
  #leagues section.kids-sports-leagues {
    display: flex;
    padding: 0rem;
  }

  #leagues section.kids-sports-leagues .img {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
  }

  #leagues section.kids-sports-leagues .img-coach {
    margin-bottom: 0rem;
    display: none;
  }

  #leagues section.kids-sports-leagues .stripe {
    display: block;
  }

  #leagues section.kids-sports-leagues .img {
    width: 55%;
    background-position-x: 80%;
  }

  #leagues section.kids-sports-leagues .content {
    width: 45%;
  }

  #leagues section.kids-sports-leagues .content-inner {
    padding: 3rem 3rem;
    width: 100%;
  }

  /*--- Its the way ---*/
  #leagues section.its-the-way img.i9-sports {
    max-width: 300px;
  }

  #leagues section.its-the-way h2 {
    font-size: 2.25rem;
  }
}

@media only screen and (min-width: 1200px) {
  #leagues section.about-kids .content p {
    margin-right: 4rem;
  }

  #leagues section.about-kids .content p:nth-of-type(2) {
    margin-bottom: 3rem;
  }
}

/* -----------------------
 2025 Camp Page
 -------------------------*/

#campInfo {
  font-family: 'SF Pro';
  margin-top: 26px;
}
#campInfo .grid--10 {
  column-gap: 60px;
  @media (min-width: 64rem) {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
}
#campInfo .camp-main {
  grid-column: span 6 / span 6;
}
#campInfo .camp-main .campDetailsBox h2,
#campInfo .camp-main .campDetailsBox h3,
#campInfo .camp-main .campDetailsBox h4 {
  color: #ef4a23;
  font-family: 'SF Pro';
  font-weight: 700;
}
#campInfo .camp-main .campDetailsBox h5,
#campInfo .camp-main .campDetailsBox h6,
#campInfo .camp-main .campDetailsBox ul li strong {
  font-family: 'SF Pro';
  font-weight: 700;
}
#campInfo .campSidebar {
  grid-column: span 4 / span 4;
}
.campHeader {
  border-bottom: 1px solid #d6d6d6;
  column-gap: 1.5rem;
  display: flex;
  margin-bottom: 16px;
  padding-bottom: 16px;
}
.campHeader h1 {
  color: #000;
  font-family: 'SF Pro';
  font-size: 2.375rem;
  font-weight: 800;
  letter-spacing: 0;

  @media (min-width: 64rem) {
    font-size: 3.75rem;
  }
}
.campHeader .brandLogo {
  display: none;
  margin-bottom: 24px;
  max-width: 125px;

  @media (min-width: 64rem) {
    display: block;
  }
}
.campHeader .reviewsCtaWrapper {
  display: none;

  @media (min-width: 64rem) {
    display: block;
  }
}
.campHeader .reviewsCtaWrapper .rating {
  float: right;
}
.campHeader .reviewsCtaWrapper .reviewsCta {
  color: #717171;
  font-size: 0.75rem;
  letter-spacing: 0;
}
.campHeader .campMeta {
  column-gap: 6px;
  font-size: 0.875rem;

  @media (min-width: 64rem) {
    display: flex;
    flex-wrap: wrap;
  }
}
.campMeta .vcard__person {
  @media (min-width: 64rem) {
    border-right: 1px solid currentColor;
    padding-right: 8px;
  }
}
.campTags {
  border-bottom: 1px solid #d6d6d6;
  column-gap: 24px;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0 0 16px;
  row-gap: 12px;
}
.campTags li {
  background-color: #efeeec;
  border-radius: 50px;
  color: #ef4a23;
  font-size: 0.875rem;
  list-style: none;
  margin: 0;
  padding: 10px 20px;
  text-transform: uppercase;
}
.campVideo {
  aspect-ratio: 16/9;
  height: auto;
  margin: 16px 0;
}

.campSidebar h2 {
  color: #000;
  font-family: 'SF Pro';
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: 0;
  margin-bottom: 12px;
  text-transform: uppercase;
}
#campInfo .viewdatesprices {
  border: 1px solid #d3d3d3;
  border-radius: 8px;
  margin-bottom: 10px;
  overflow: hidden;
}
#campInfo .viewdatesprices--desktop {
  display: none;
  @media (min-width: 64rem) {
    display: block;
  }
}
#campInfo .viewdatesprices--mobile {
  margin: 16px 0;
  @media (min-width: 64rem) {
    display: none;
    margin: 0;
  }
}
#campInfo .viewdatesprices .dateprices--header {
  background-color: #ef4a23;
  color: #fff;
  column-gap: 20px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px 12px 10px;
}
#campInfo .viewdatesprices .dateprices--header h2 {
  color: #fff;
  flex-shrink: 0;
  margin: 0;
  margin-bottom: 0.5em;
}
#campInfo .viewdatesprices .dateprices--header p {
  font-size: 0.6875rem;
  margin-bottom: 0.5em;
}
#campInfo .session {
  background-color: #efeeec;
  color: #3a3a3c;
  margin-top: 10px;
  padding: 12px 12px 12px 45px;
  position: relative;

  @media (min-width: 64rem) {
    padding: 20px 20px 20px 50px;
  }
}
#campInfo .session.multi .session--details {
  display: flex;
  flex-direction: column;
}
#campInfo .session.multi .session--details > div {
  width: 100%;
}
#campInfo .session.multi .session--details > .session-add-to-cart {
  width: 100%;
  margin-top: 1rem;
}
#campInfo .session.multi .session--details-program {
  display: flex;
  justify-content: space-between;
  border-top: 1px dotted;
  padding-top: 1rem;
}
#campInfo .session.multi .session--details-program > div:not(.date-wrap) {
  width: 65%;
}
#campInfo .session.multi .session--details-program .date-wrap {
  max-width: 144px;
  width: 100%;
}
#campInfo .session.multi .session--details-program .session--program {
  margin-bottom: 0px;
  text-align: left;
}
#campInfo .session.multi .session--details-program .ca-drip {
  margin-top: 0px;
  text-align: left;
}
#campInfo .session .session--availability {
  color: #fff;
  font-weight: 700;
  height: 100%;
  left: 0;
  padding: 4px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
@supports (writing-mode: sideways-lr) {
  #campInfo .session .session--availability {
    writing-mode: sideways-lr;
    transform: none; /* Reset the transform */
  }
}
#campInfo .session.availability--limited {
  background-color: #f5d2ca;
}
#campInfo .session.availability--limited .session--availability {
  background-color: #ef4a23;
}
#campInfo .session.availability--soldout {
  opacity: 0.6;
}
#campInfo .session.availability--soldout .session--availability,
#campInfo .session.availability--open .session--availability {
  background-color: #3a3a3c;
}
#campInfo .session .session--gender {
  font-size: 0.875rem;
}
#campInfo .session .session--program {
  margin-bottom: 10px;
}
#campInfo .session .session--details {
  align-items: center;
  column-gap: 20px;
  display: flex;
  justify-content: space-between;
}
#campInfo .session:not(.multi) .session--details .info {
  width: 100%;
  max-width: 200px;
  @media (min-width: 64rem) {
    max-width: 350px;
  }
}
#campInfo .session .session--details h3 {
  margin-bottom: 10px;
}
#campInfo .session .session--webdesc {
  font-size: 0.75rem;
  margin-top: 10px;
}
#campInfo .session .session--webdesc:empty {
  display: none;
}
#campInfo .session .session--details .session-add-to-cart {
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: center;
}
#campInfo .session .button.cta--register {
  background-color: #3a3a3c;
  border-radius: 8px;
  float: none;
  font-family: 'SF Pro';
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0;
  padding: 12px 20px;

  @media (min-width: 64rem) {
    font-size: 0.875rem;
    padding: 12px 22px;
  }
}
#campInfo .session .button.cta--register:hover,
#campInfo .session .button.cta--register:focus {
  background-color: #000;
}
#campInfo .session .ca-drip {
  font-size: 0.625rem;
  margin-top: 8px;
  text-align: center;
}
#campInfo .note {
  font-size: 0.75rem;
  font-style: italic;
}

#campInfo .galleryBox,
#campInfo .campReviews {
  margin-top: 16px;
  margin-bottom: 36px;
}
#campInfo .galleryBox ul,
#campInfo .galleryBox li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#campInfo .galleryBox ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#campInfo .galleryBox a {
  border: 0;
  border-radius: 8px;
  float: none;
  height: 80px;
  margin: 0;
  overflow: hidden;
  width: 80px;
}
.camp-main .galleryBox {
  @media (min-width: 64rem) {
    display: none;
  }
}
.campSidebar .galleryBox {
  display: none;

  @media (min-width: 64rem) {
    display: block;
  }
}
.campSidebar .campReviews .reviewsListing li {
  background-color: #efeeec;
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 16px;
}
.campSidebar .campReviews .reviewsListing .review blockquote {
  color: #000;
  margin: 0;
}
.campSidebar .campReviews .reviewsListing .review blockquote h5 {
  font-family: 'SF Pro';
  font-size: 1.125rem;
  font-weight: bold;
  text-transform: none;
}
.campSidebar .campReviews .reviewsListing .review blockquote p,
.campReviews .bottom {
  font-size: 0.875rem;
  letter-spacing: 0;
}
.campSidebar .campReviews .btn_fullDetails {
  display: block;
  font-size: 0.75rem;
  text-align: right;
  text-decoration: underline;
}
.campSidebar .campReviews .btn_fullDetails.active {
  display: none;
}
.campSidebar .campPromosWrap {
  margin-bottom: 2rem;
  @media (min-width: 64rem) {
    margin-bottom: 0px;
  }
}
.campSidebar .campPromos,
.campSidebar .campPromos li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.campSidebar .campPromos li {
  margin: 0 0 10px;
}
.hs-embed-wrap .submitted-message {
  padding: 2rem 0px;
}
.hs-embed-wrap .submitted-message h2 {
  display: none;
}
.hs-embed-wrap input,
.hs-embed-wrap input::placeholder {
  font-family: 'SF Pro';
  font-weight: 400;
  font-size: 0.875rem;
  background: #fff;
  height: 49px;
}
.hs-embed-wrap input {
  color: #000;
  border-radius: 8px;
}
.hs-embed-wrap input::placeholder {
  color: #d6d6d6;
  text-transform: capitalize !important;
}
.hs-embed-wrap select {
  height: 49px;
  border-radius: 8px;
  padding-top: 13px;
}
.hs-embed-wrap .hs-form-field label:not(.hs-error-msg) {
  position: absolute;
  left: -9999999px;
}

.hs-embed-wrap ul.no-list.hs-error-msgs.inputs-list {
  margin-top: 1rem;
  margin-bottom: 0px;
  display: none;
}
.hs_error_rollup label {
  position: relative !important;
  left: unset !important;
  padding-top: 0px;
  margin-bottom: 2rem;
}
.hs-embed-wrap .hs-button {
  margin-bottom: 13px;
}
.hs-embed {
  display: none;
}
.hs-embed-wrap {
  background: #efeeec;
  padding: 15px;
  border-radius: 8px;
  margin-top: 35px;
  margin-bottom: 2.5rem;
}
.hs-embed-wrap .copy p {
  font-size: 0.875rem;
  font-family: 'SF Pro';
  color: #000;
  font-weight: 400;
}
.hs-embed-wrap h3,
.hs-embed-wrap h4 {
  font-family: 'SF Pro';
  font-weight: 700;
  font-size: 1.4327rem;
}
.hs-embed-wrap h3 {
  font-family: 'SF Pro';
  font-weight: 700;
  color: #ef4a23;
}
.hs-embed-wrap h4 {
  font-family: 'SF Pro';
  font-weight: 700;
  color: #3a3a3c;
}
.hs-embed-wrap .fine {
  font-size: 0.625rem;
  color: #000;
}
.hs-embed-wrap .fine a {
  text-decoration: none;
  color: #000;
}
.hs-embed-wrap .fine a:hover {
  text-decoration: underline;
}
.hs-fields {
  justify-content: space-between;
  gap: 17px;
}
.hs-fields .hs-error-msgs {
  /* display: none; */
}
.hs-fields .hs-form-field {
  max-width: 287px;
  width: 100%;
}
.hs-button {
  text-align: center !important;
  background: #ef4a23 !important;
  font-family: 'SF Pro' !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-radius: 8px;
  color: #fff !important;
  height: 37px !important;
}

* {
  outline: 0px dotted red;
}
@media (min-width: 64rem) {
  .flex\@md {
    display: flex;
  }

  .inline-flex\@md {
    display: inline-flex;
  }

  .flex-wrap\@md {
    flex-wrap: wrap;
  }

  .flex-column\@md {
    flex-direction: column;
  }

  .flex-column-reverse\@md {
    flex-direction: column-reverse;
  }

  .flex-row\@md {
    flex-direction: row;
  }

  .flex-row-reverse\@md {
    flex-direction: row-reverse;
  }

  .flex-center\@md {
    justify-content: center;
    align-items: center;
  }

  .flex-grow-0\@md {
    flex-grow: 0;
  }

  .flex-grow\@md {
    flex-grow: 1;
  }

  .flex-shrink-0\@md {
    flex-shrink: 0;
  }

  .flex-shrink\@md {
    flex-shrink: 1;
  }

  .justify-start\@md {
    justify-content: flex-start;
  }

  .justify-end\@md {
    justify-content: flex-end;
  }

  .justify-center\@md {
    justify-content: center;
  }

  .justify-between\@md {
    justify-content: space-between;
  }

  .items-center\@md {
    align-items: center;
  }

  .items-start\@md {
    align-items: flex-start;
  }

  .items-end\@md {
    align-items: flex-end;
  }

  .items-baseline\@md {
    align-items: baseline;
  }

  .order-1\@md {
    order: 1;
  }

  .order-2\@md {
    order: 2;
  }

  .order-3\@md {
    order: 3;
  }

  .block\@md {
    display: block;
  }

  .inline-block\@md {
    display: inline-block;
  }

  .inline\@md {
    display: inline;
  }

  @supports (--css: variables) {
    .margin-xxxxs\@md {
      margin: var(--space-xxxxs);
    }

    .margin-xxxs\@md {
      margin: var(--space-xxxs);
    }

    .margin-xxs\@md {
      margin: var(--space-xxs);
    }

    .margin-xs\@md {
      margin: var(--space-xs);
    }

    .margin-sm\@md {
      margin: var(--space-sm);
    }

    .margin-md\@md {
      margin: var(--space-md);
    }

    .margin-lg\@md {
      margin: var(--space-lg);
    }

    .margin-xl\@md {
      margin: var(--space-xl);
    }

    .margin-xxl\@md {
      margin: var(--space-xxl);
    }

    .margin-xxxl\@md {
      margin: var(--space-xxxl);
    }

    .margin-xxxxl\@md {
      margin: var(--space-xxxxl);
    }

    .margin-auto\@md {
      margin: auto;
    }

    .margin-0\@md {
      margin: 0;
    }

    .margin-top-xxxxs\@md {
      margin-top: var(--space-xxxxs);
    }

    .margin-top-xxxs\@md {
      margin-top: var(--space-xxxs);
    }

    .margin-top-xxs\@md {
      margin-top: var(--space-xxs);
    }

    .margin-top-xs\@md {
      margin-top: var(--space-xs);
    }

    .margin-top-sm\@md {
      margin-top: var(--space-sm);
    }

    .margin-top-md\@md {
      margin-top: var(--space-md);
    }

    .margin-top-lg\@md {
      margin-top: var(--space-lg);
    }

    .margin-top-xl\@md {
      margin-top: var(--space-xl);
    }

    .margin-top-xxl\@md {
      margin-top: var(--space-xxl);
    }

    .margin-top-xxxl\@md {
      margin-top: var(--space-xxxl);
    }

    .margin-top-xxxxl\@md {
      margin-top: var(--space-xxxxl);
    }

    .margin-top-auto\@md {
      margin-top: auto;
    }

    .margin-top-0\@md {
      margin-top: 0;
    }

    .margin-bottom-xxxxs\@md {
      margin-bottom: var(--space-xxxxs);
    }

    .margin-bottom-xxxs\@md {
      margin-bottom: var(--space-xxxs);
    }

    .margin-bottom-xxs\@md {
      margin-bottom: var(--space-xxs);
    }

    .margin-bottom-xs\@md {
      margin-bottom: var(--space-xs);
    }

    .margin-bottom-sm\@md {
      margin-bottom: var(--space-sm);
    }

    .margin-bottom-md\@md {
      margin-bottom: var(--space-md);
    }

    .margin-bottom-lg\@md {
      margin-bottom: var(--space-lg);
    }

    .margin-bottom-xl\@md {
      margin-bottom: var(--space-xl);
    }

    .margin-bottom-xxl\@md {
      margin-bottom: var(--space-xxl);
    }

    .margin-bottom-xxxl\@md {
      margin-bottom: var(--space-xxxl);
    }

    .margin-bottom-xxxxl\@md {
      margin-bottom: var(--space-xxxxl);
    }

    .margin-bottom-auto\@md {
      margin-bottom: auto;
    }

    .margin-bottom-0\@md {
      margin-bottom: 0;
    }

    .margin-right-xxxxs\@md {
      margin-right: var(--space-xxxxs);
    }

    .margin-right-xxxs\@md {
      margin-right: var(--space-xxxs);
    }

    .margin-right-xxs\@md {
      margin-right: var(--space-xxs);
    }

    .margin-right-xs\@md {
      margin-right: var(--space-xs);
    }

    .margin-right-sm\@md {
      margin-right: var(--space-sm);
    }

    .margin-right-md\@md {
      margin-right: var(--space-md);
    }

    .margin-right-lg\@md {
      margin-right: var(--space-lg);
    }

    .margin-right-xl\@md {
      margin-right: var(--space-xl);
    }

    .margin-right-xxl\@md {
      margin-right: var(--space-xxl);
    }

    .margin-right-xxxl\@md {
      margin-right: var(--space-xxxl);
    }

    .margin-right-xxxxl\@md {
      margin-right: var(--space-xxxxl);
    }

    .margin-right-auto\@md {
      margin-right: auto;
    }

    .margin-right-0\@md {
      margin-right: 0;
    }

    .margin-left-xxxxs\@md {
      margin-left: var(--space-xxxxs);
    }

    .margin-left-xxxs\@md {
      margin-left: var(--space-xxxs);
    }

    .margin-left-xxs\@md {
      margin-left: var(--space-xxs);
    }

    .margin-left-xs\@md {
      margin-left: var(--space-xs);
    }

    .margin-left-sm\@md {
      margin-left: var(--space-sm);
    }

    .margin-left-md\@md {
      margin-left: var(--space-md);
    }

    .margin-left-lg\@md {
      margin-left: var(--space-lg);
    }

    .margin-left-xl\@md {
      margin-left: var(--space-xl);
    }

    .margin-left-xxl\@md {
      margin-left: var(--space-xxl);
    }

    .margin-left-xxxl\@md {
      margin-left: var(--space-xxxl);
    }

    .margin-left-xxxxl\@md {
      margin-left: var(--space-xxxxl);
    }

    .margin-left-auto\@md {
      margin-left: auto;
    }

    .margin-left-0\@md {
      margin-left: 0;
    }

    .margin-x-xxxxs\@md {
      margin-left: var(--space-xxxxs);
      margin-right: var(--space-xxxxs);
    }

    .margin-x-xxxs\@md {
      margin-left: var(--space-xxxs);
      margin-right: var(--space-xxxs);
    }

    .margin-x-xxs\@md {
      margin-left: var(--space-xxs);
      margin-right: var(--space-xxs);
    }

    .margin-x-xs\@md {
      margin-left: var(--space-xs);
      margin-right: var(--space-xs);
    }

    .margin-x-sm\@md {
      margin-left: var(--space-sm);
      margin-right: var(--space-sm);
    }

    .margin-x-md\@md {
      margin-left: var(--space-md);
      margin-right: var(--space-md);
    }

    .margin-x-lg\@md {
      margin-left: var(--space-lg);
      margin-right: var(--space-lg);
    }

    .margin-x-xl\@md {
      margin-left: var(--space-xl);
      margin-right: var(--space-xl);
    }

    .margin-x-xxl\@md {
      margin-left: var(--space-xxl);
      margin-right: var(--space-xxl);
    }

    .margin-x-xxxl\@md {
      margin-left: var(--space-xxxl);
      margin-right: var(--space-xxxl);
    }

    .margin-x-xxxxl\@md {
      margin-left: var(--space-xxxxl);
      margin-right: var(--space-xxxxl);
    }

    .margin-x-auto\@md {
      margin-left: auto;
      margin-right: auto;
    }

    .margin-x-0\@md {
      margin-left: 0;
      margin-right: 0;
    }

    .margin-y-xxxxs\@md {
      margin-top: var(--space-xxxxs);
      margin-bottom: var(--space-xxxxs);
    }

    .margin-y-xxxs\@md {
      margin-top: var(--space-xxxs);
      margin-bottom: var(--space-xxxs);
    }

    .margin-y-xxs\@md {
      margin-top: var(--space-xxs);
      margin-bottom: var(--space-xxs);
    }

    .margin-y-xs\@md {
      margin-top: var(--space-xs);
      margin-bottom: var(--space-xs);
    }

    .margin-y-sm\@md {
      margin-top: var(--space-sm);
      margin-bottom: var(--space-sm);
    }

    .margin-y-md\@md {
      margin-top: var(--space-md);
      margin-bottom: var(--space-md);
    }

    .margin-y-lg\@md {
      margin-top: var(--space-lg);
      margin-bottom: var(--space-lg);
    }

    .margin-y-xl\@md {
      margin-top: var(--space-xl);
      margin-bottom: var(--space-xl);
    }

    .margin-y-xxl\@md {
      margin-top: var(--space-xxl);
      margin-bottom: var(--space-xxl);
    }

    .margin-y-xxxl\@md {
      margin-top: var(--space-xxxl);
      margin-bottom: var(--space-xxxl);
    }

    .margin-y-xxxxl\@md {
      margin-top: var(--space-xxxxl);
      margin-bottom: var(--space-xxxxl);
    }

    .margin-y-auto\@md {
      margin-top: auto;
      margin-bottom: auto;
    }

    .margin-y-0\@md {
      margin-top: 0;
      margin-bottom: 0;
    }
  }
  @supports (--css: variables) {
    .padding-xxxxs\@md {
      padding: var(--space-xxxxs);
    }

    .padding-xxxs\@md {
      padding: var(--space-xxxs);
    }

    .padding-xxs\@md {
      padding: var(--space-xxs);
    }

    .padding-xs\@md {
      padding: var(--space-xs);
    }

    .padding-sm\@md {
      padding: var(--space-sm);
    }

    .padding-md\@md {
      padding: var(--space-md);
    }

    .padding-lg\@md {
      padding: var(--space-lg);
    }

    .padding-xl\@md {
      padding: var(--space-xl);
    }

    .padding-xxl\@md {
      padding: var(--space-xxl);
    }

    .padding-xxxl\@md {
      padding: var(--space-xxxl);
    }

    .padding-xxxxl\@md {
      padding: var(--space-xxxxl);
    }

    .padding-0\@md {
      padding: 0;
    }

    .padding-component\@md {
      padding: var(--component-padding);
    }

    .padding-top-xxxxs\@md {
      padding-top: var(--space-xxxxs);
    }

    .padding-top-xxxs\@md {
      padding-top: var(--space-xxxs);
    }

    .padding-top-xxs\@md {
      padding-top: var(--space-xxs);
    }

    .padding-top-xs\@md {
      padding-top: var(--space-xs);
    }

    .padding-top-sm\@md {
      padding-top: var(--space-sm);
    }

    .padding-top-md\@md {
      padding-top: var(--space-md);
    }

    .padding-top-lg\@md {
      padding-top: var(--space-lg);
    }

    .padding-top-xl\@md {
      padding-top: var(--space-xl);
    }

    .padding-top-xxl\@md {
      padding-top: var(--space-xxl);
    }

    .padding-top-xxxl\@md {
      padding-top: var(--space-xxxl);
    }

    .padding-top-xxxxl\@md {
      padding-top: var(--space-xxxxl);
    }

    .padding-top-0\@md {
      padding-top: 0;
    }

    .padding-top-component\@md {
      padding-top: var(--component-padding);
    }

    .padding-bottom-xxxxs\@md {
      padding-bottom: var(--space-xxxxs);
    }

    .padding-bottom-xxxs\@md {
      padding-bottom: var(--space-xxxs);
    }

    .padding-bottom-xxs\@md {
      padding-bottom: var(--space-xxs);
    }

    .padding-bottom-xs\@md {
      padding-bottom: var(--space-xs);
    }

    .padding-bottom-sm\@md {
      padding-bottom: var(--space-sm);
    }

    .padding-bottom-md\@md {
      padding-bottom: var(--space-md);
    }

    .padding-bottom-lg\@md {
      padding-bottom: var(--space-lg);
    }

    .padding-bottom-xl\@md {
      padding-bottom: var(--space-xl);
    }

    .padding-bottom-xxl\@md {
      padding-bottom: var(--space-xxl);
    }

    .padding-bottom-xxxl\@md {
      padding-bottom: var(--space-xxxl);
    }

    .padding-bottom-xxxxl\@md {
      padding-bottom: var(--space-xxxxl);
    }

    .padding-bottom-0\@md {
      padding-bottom: 0;
    }

    .padding-bottom-component\@md {
      padding-bottom: var(--component-padding);
    }

    .padding-right-xxxxs\@md {
      padding-right: var(--space-xxxxs);
    }

    .padding-right-xxxs\@md {
      padding-right: var(--space-xxxs);
    }

    .padding-right-xxs\@md {
      padding-right: var(--space-xxs);
    }

    .padding-right-xs\@md {
      padding-right: var(--space-xs);
    }

    .padding-right-sm\@md {
      padding-right: var(--space-sm);
    }

    .padding-right-md\@md {
      padding-right: var(--space-md);
    }

    .padding-right-lg\@md {
      padding-right: var(--space-lg);
    }

    .padding-right-xl\@md {
      padding-right: var(--space-xl);
    }

    .padding-right-xxl\@md {
      padding-right: var(--space-xxl);
    }

    .padding-right-xxxl\@md {
      padding-right: var(--space-xxxl);
    }

    .padding-right-xxxxl\@md {
      padding-right: var(--space-xxxxl);
    }

    .padding-right-0\@md {
      padding-right: 0;
    }

    .padding-right-component\@md {
      padding-right: var(--component-padding);
    }

    .padding-left-xxxxs\@md {
      padding-left: var(--space-xxxxs);
    }

    .padding-left-xxxs\@md {
      padding-left: var(--space-xxxs);
    }

    .padding-left-xxs\@md {
      padding-left: var(--space-xxs);
    }

    .padding-left-xs\@md {
      padding-left: var(--space-xs);
    }

    .padding-left-sm\@md {
      padding-left: var(--space-sm);
    }

    .padding-left-md\@md {
      padding-left: var(--space-md);
    }

    .padding-left-lg\@md {
      padding-left: var(--space-lg);
    }

    .padding-left-xl\@md {
      padding-left: var(--space-xl);
    }

    .padding-left-xxl\@md {
      padding-left: var(--space-xxl);
    }

    .padding-left-xxxl\@md {
      padding-left: var(--space-xxxl);
    }

    .padding-left-xxxxl\@md {
      padding-left: var(--space-xxxxl);
    }

    .padding-left-0\@md {
      padding-left: 0;
    }

    .padding-left-component\@md {
      padding-left: var(--component-padding);
    }

    .padding-x-xxxxs\@md {
      padding-left: var(--space-xxxxs);
      padding-right: var(--space-xxxxs);
    }

    .padding-x-xxxs\@md {
      padding-left: var(--space-xxxs);
      padding-right: var(--space-xxxs);
    }

    .padding-x-xxs\@md {
      padding-left: var(--space-xxs);
      padding-right: var(--space-xxs);
    }

    .padding-x-xs\@md {
      padding-left: var(--space-xs);
      padding-right: var(--space-xs);
    }

    .padding-x-sm\@md {
      padding-left: var(--space-sm);
      padding-right: var(--space-sm);
    }

    .padding-x-md\@md {
      padding-left: var(--space-md);
      padding-right: var(--space-md);
    }

    .padding-x-lg\@md {
      padding-left: var(--space-lg);
      padding-right: var(--space-lg);
    }

    .padding-x-xl\@md {
      padding-left: var(--space-xl);
      padding-right: var(--space-xl);
    }

    .padding-x-xxl\@md {
      padding-left: var(--space-xxl);
      padding-right: var(--space-xxl);
    }

    .padding-x-xxxl\@md {
      padding-left: var(--space-xxxl);
      padding-right: var(--space-xxxl);
    }

    .padding-x-xxxxl\@md {
      padding-left: var(--space-xxxxl);
      padding-right: var(--space-xxxxl);
    }

    .padding-x-0\@md {
      padding-left: 0;
      padding-right: 0;
    }

    .padding-x-component\@md {
      padding-left: var(--component-padding);
      padding-right: var(--component-padding);
    }

    .padding-y-xxxxs\@md {
      padding-top: var(--space-xxxxs);
      padding-bottom: var(--space-xxxxs);
    }

    .padding-y-xxxs\@md {
      padding-top: var(--space-xxxs);
      padding-bottom: var(--space-xxxs);
    }

    .padding-y-xxs\@md {
      padding-top: var(--space-xxs);
      padding-bottom: var(--space-xxs);
    }

    .padding-y-xs\@md {
      padding-top: var(--space-xs);
      padding-bottom: var(--space-xs);
    }

    .padding-y-sm\@md {
      padding-top: var(--space-sm);
      padding-bottom: var(--space-sm);
    }

    .padding-y-md\@md {
      padding-top: var(--space-md);
      padding-bottom: var(--space-md);
    }

    .padding-y-lg\@md {
      padding-top: var(--space-lg);
      padding-bottom: var(--space-lg);
    }

    .padding-y-xl\@md {
      padding-top: var(--space-xl);
      padding-bottom: var(--space-xl);
    }

    .padding-y-xxl\@md {
      padding-top: var(--space-xxl);
      padding-bottom: var(--space-xxl);
    }

    .padding-y-xxxl\@md {
      padding-top: var(--space-xxxl);
      padding-bottom: var(--space-xxxl);
    }

    .padding-y-xxxxl\@md {
      padding-top: var(--space-xxxxl);
      padding-bottom: var(--space-xxxxl);
    }

    .padding-y-0\@md {
      padding-top: 0;
      padding-bottom: 0;
    }

    .padding-y-component\@md {
      padding-top: var(--component-padding);
      padding-bottom: var(--component-padding);
    }
  }
  .text-center\@md {
    text-align: center;
  }

  .text-left\@md {
    text-align: left;
  }

  .text-right\@md {
    text-align: right;
  }

  @supports (--css: variables) {
    .text-xs\@md {
      font-size: var(--text-xs, 0.694em);
    }

    .text-sm\@md {
      font-size: var(--text-sm, 0.833em);
    }

    .text-base\@md {
      font-size: 1em;
    }

    .text-md\@md {
      font-size: var(--text-md, 1.2em);
    }

    .text-lg\@md {
      font-size: var(--text-lg, 1.44em);
    }

    .text-xl\@md {
      font-size: var(--text-xl, 1.728em);
    }

    .text-xxl\@md {
      font-size: var(--text-xxl, 2.074em);
    }

    .text-xxxl\@md {
      font-size: var(--text-xxxl, 2.488em);
    }

    .text-xxxxl\@md {
      font-size: var(--text-xxxxl, 2.985em);
    }
  }
  .hide\@md {
    display: none !important;
  }
}