/* Vendor */
/**
 * A prefix appended to all background-image URLs.
 */
/**
 * Colours common to the UI,
 */
/**
 * A mixin for performing a rotate transform across multiple browsers.
 */
/**
 * The modifier classes here are applied by the root node and indicate the
 * the state of the root node managing interactions (e.g dragging and resizing).
 */
/* line 27, vendor/assets/stylesheets/editor/content-edit.scss */
.ce--dragging,
.ce--resizing {
  /**
     * Prevent the user selecting any content in the page while we're dragging
     * or resizing.
     */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 42, vendor/assets/stylesheets/editor/content-edit.scss */
.ce--dragging {
  cursor: move        !important;
}

/* line 43, vendor/assets/stylesheets/editor/content-edit.scss */
.ce--resizing {
  cursor: nwse-resize !important;
}

/**
 * All editiable elements are assigned the .ce-element class. Modifiers are used
 * to identify the type of element (e.g image, text, list, etc.) and to indicate
 * state (e.g resizing, focused, etc.)
 */
/* line 53, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element {
  /* Types of element */
  /**
     * As image elements are represented as a `<div>` in the DOM we use the
     * background to display the image.
     */
  /**
     * Like images, video elements are represented as a `<div>` in the DOM,
     * unlike images there is source image to apply to the background, instead
     * we display a video icon in the background and use the after element to
     * display information about the video's source.
     */
  /* The various states for elements */
  /**
     * When an element that supports text content is empty (e.g '') some
     * browsers don't provide a height for the element and so it can appear to
     * disappear until the user adds content. To resolve this issue we use a
     * puesdo element to ensure the element contains content.
     */
  /* Element is being dragged */
  /**
     * Element is being dropped on to. Depending on the position of the element
     * being dragged over the element (the mouse cursor) the drop modifiers
     * provide a guide to the placement of the dragging element after it's
     * dropped.
     */
  /*
    Table rows cannot be handled in the same way as other elements for drop
    styling and instead they must only use a background image.
    */
  /**
     * Element has focus `--focused` (only one element can have focus) or the
     * mouse cursor is currently over the element.
     */
  /**
     * When the mouse cursor is over the corners of a resizable element (e.g an
     * image or video) the following modifiers are applied to indicate to the
     * user they can resize the element in a given direction.
     */
}

/* line 58, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--type-image, .ce-element--type-video {
  background-repeat: no-repeat;
  position: relative;
  cursor: pointer;
  z-index: 1;
  /**
         * Image and video elements use puesdo elements to display information
         * such as the size of the element and for videos the `src` also.
         */
  /**
         * The before element is used to display the size of the element, by
         * default the size is hidden unless the user moves the mouse cursor
         * over the element or the element is being resized.
         */
}

/* line 69, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--type-image:after, .ce-element--type-image:before, .ce-element--type-video:after, .ce-element--type-video:before {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  color: white;
  display: none;
  font-family: arial, sans-serif;
  font-size: 10px;
  line-height: 10px;
  padding: 4px 4px 3px;
  position: absolute;
}

/* line 87, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--type-image:before, .ce-element--type-video:before {
  content: attr(data-ce-size);
  right: 10px;
  top: 10px;
}

/* line 94, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--type-image.ce-element--over:before, .ce-element--type-image.ce-element--resizing:before, .ce-element--type-video.ce-element--over:before, .ce-element--type-video.ce-element--resizing:before {
  display: block;
}

/* line 103, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--type-image {
  background-position: 0 0;
  background-size: cover;
  /**
         * The after element is used by images to ensure that the clip mask
         * applied by a border radius does not affect the selectable region or
         * edge.
         */
}

/* line 112, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--type-image:after {
  background: transparent;
  content: '';
  display: block;
  left: 0;
  position: relative;
  top: 0;
  height: 100%;
  width: 100%;
}

/* line 130, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--type-video {
  background: #333 url("https://yogobe.com/assets/editor/video-71d5af84d1d0fd15c600a9d60fe8ea50b3094f50a79dc768b9b9d262aa828064.svg") center/auto 48px no-repeat;
}

/* line 137, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--type-video:after {
  bottom: 10px;
  content: attr(data-ce-title);
  display: block;
  left: 10px;
}

/* line 156, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--empty:after {
  content: '...';
  display: inline-block;
  font-style: italic;
  opacity: 0.5;
}

/* line 165, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--empty[data-ce-placeholder]:after {
  content: attr(data-ce-placeholder);
}

/* line 171, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--dragging {
  background-color: rgba(51, 51, 51, 0.1) !important;
  opacity: 0.5;
  /**
         * HACK: Forces the the element being dragged not to obscure elements
         * that can be dropped on (for example an image floated over a
         * paragraph).
         */
  z-index: -1;
  /**
         * For images and videos we set the outline color instead of changing
         * the inner style.
         */
}

/* line 186, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--dragging.ce-element--type-image, .ce-element--dragging.ce-element--type-video {
  background-color: #333 !important;
  opacity: 1.0;
  outline-color: rgba(51, 51, 51, 0.1) !important;
}

/* line 200, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--drop {
  position: relative !important;
}

/* line 203, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--drop:before {
  background: #f39c12 url("https://yogobe.com/assets/editor/drop-vert-above-bf874169acf62e3da22d97ae18e67e695d9fbf6e663191703fa9963190caa39e.svg") center/auto 32px repeat;
  bottom: 0;
  content: '' !important;
  left: 0;
  opacity: 0.8;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
}

/* line 219, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--drop-below:before {
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}

/* line 221, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--drop-left:before {
  background-image: url("https://yogobe.com/assets/editor/drop-horz-ae175d3cac863a5757e47bd534739ffca4c7d52bb2bb18ab0d3a3f0e58ef02f5.svg");
  -ms-transform: rotate(0deg);
  /* IE 9 */
  -webkit-transform: rotate(0deg);
  /* Chrome, Safari, Opera */
  transform: rotate(0deg);
}

/* line 225, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--drop-right:before {
  background-image: url("https://yogobe.com/assets/editor/drop-horz-ae175d3cac863a5757e47bd534739ffca4c7d52bb2bb18ab0d3a3f0e58ef02f5.svg");
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}

/* line 234, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--drop.ce-element--type-table-row {
  background: #f39c12 url("https://yogobe.com/assets/editor/drop-vert-above-bf874169acf62e3da22d97ae18e67e695d9fbf6e663191703fa9963190caa39e.svg") center/auto 32px repeat;
}

/* line 241, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--drop.ce-element--type-table-row:before {
  display: none;
}

/* line 243, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--drop.ce-element--type-table-row.ce-element--drop-below {
  background: #f39c12 url("https://yogobe.com/assets/editor/drop-vert-below-4a1de324bb605c8456a82cd53a5bddf45aba12823c2552623371811ce292c9dc.svg") center/auto 32px repeat;
}

/* line 257, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--focused, .ce-element--over {
  background-color: rgba(243, 156, 18, 0.1);
  outline: none;
  /**
         * For images and videos we add an outline so as not to distort their
         * appearance.
         */
}

/* line 266, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--focused.ce-element--type-image, .ce-element--focused.ce-element--type-video, .ce-element--over.ce-element--type-image, .ce-element--over.ce-element--type-video {
  background-color: #333;
  outline: 4px solid rgba(243, 156, 18, 0.35);
}

/* line 278, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--resize-top-left {
  cursor: nw-resize;
}

/* line 279, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--resize-top-right {
  cursor: ne-resize;
}

/* line 280, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--resize-bottom-right {
  cursor: se-resize;
}

/* line 281, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--resize-bottom-left {
  cursor: sw-resize;
}

/**
 * When an element is dragged a helper element is created that follows the mouse
 * cursor, the helper represents the element being dragged in a simplified form.
 */
/* line 294, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-drag-helper {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
  color: #4e4e4e;
  font: arial, sans-serif;
  font-size: 12px;
  height: 120px;
  left: 0;
  line-height: 135%;
  margin: 5px 0px 0px 5px;
  overflow: hidden;
  padding: 15px;
  position: absolute;
  top: 0;
  width: 120px;
  word-wrap: break-word;
  z-index: 9;
  /**
     * A puesdo element is used to display the type of element the helper
     * represents.
     */
  /**
     * For elements that have text content displayed within the helper we clip
     * the content and use a puesdo element to fade out any verical overflow.
     */
  /**
     * Image helpers display a version of the image as a background image within
     * the helper element.
     */
}

/* line 318, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-drag-helper:before {
  background: #2980b9;
  color: white;
  content: attr(data-ce-type);
  display: block;
  font-family: arial, sans-serif;
  font-size: 10px;
  line-height: 10px;
  padding: 4px 4px 3px;
  position: absolute;
  right: 0;
  top: 0;
}

/* line 343, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-drag-helper--type-list:after, .ce-drag-helper--type-list-item-text:after, .ce-drag-helper--type-pre-text:after, .ce-drag-helper--type-table:after, .ce-drag-helper--type-table-row:after, .ce-drag-helper--type-text:after {
  background-image: linear-gradient(rgba(255, 255, 255, 0), white 66%);
  bottom: 0;
  content: '';
  display: block;
  height: 40px;
  left: 0;
  position: absolute;
  width: 100%;
}

/* line 362, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-drag-helper--type-image {
  background-repeat: no-repeat;
  background-size: cover;
}

/**
 * The alignment of elements such as images and videos horizontally is achieved
 * through the `align-left` and `align-right` classes. We provide basic stylings
 * for these classes so that this style sheet works out the box, it is however
 * expected that these styles will be extended if not overridden by the site
 * CSS.
 */
/* line 379, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--type-image,
.ce-element--type-video {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 385, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--type-image.align-left,
.ce-element--type-video.align-left {
  clear: initial;
  float: left;
}

/* line 390, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--type-image.align-right,
.ce-element--type-video.align-right {
  clear: initial;
  float: right;
}

/**
 * Special class applied to a temporary element which is inserted into a parent
 * element to measure the width excluding padding.
 */
/* line 400, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-measure {
  display: block !important;
}

/* Settings */
/**
 * All widgets are assigned a z-index equal to or higher than this setting. The
 * base z-index can be adjusted to overcome z-index conflicts with existing page
 * elements.
 */
/**
 * For UI widgets that appear on the page (as opposed to appearing in front of a
 * modal screen) we define a base background colour.
 */
/**
 * The colour used when casting shadows for widgets that appear to float.
 */
/**
 * Confirm, Cancel and Edit actions are common amoung the various ui components.
 * Each action has an associated/common colour.
 */
/**
 * The background colour used to highlight editiable regions to users when they
 * hold down the shift key.
 */
/**
 * Tooltips feature for a number of components, their base appearance is
 * configured using a mixin.
 */
/**
 * The following settings relate to typography. For portability we limit the the
 * use of fonts to:
 *
 * - `type-icon` used for displaying icons (courtesy of http://icomoon.io).
 * - `type-text` used for displaying text.
 *
 */
@font-face {
  font-family: 'icon';
  src: url(https://yogobe.com/assets/icomoon-50f5c3f4352c34939f73107a52f7a3b1d514cd485cc039c3d0e0f334a385dff5.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

/* UI */
/*
The widget CSS class should be applied any UI element that's insert into the DOM
and not within a widget, the widget CSS class resets the style for of all
supported child elements.
*/
/* line 7, vendor/assets/stylesheets/editor/ui/_ui.scss */
.ct-widget,
.ct-widget * {
  /* Reset */
  /* Defaults */
  box-sizing: border-box;
}

/* line 10, vendor/assets/stylesheets/editor/ui/_ui.scss */
.ct-widget div, .ct-widget span,
.ct-widget iframe,
.ct-widget a, .ct-widget b, .ct-widget i
fieldset, .ct-widget form, .ct-widget label, .ct-widget legend,
.ct-widget table, .ct-widget caption, .ct-widget tbody, .ct-widget tfoot, .ct-widget thead, .ct-widget tr, .ct-widget th, .ct-widget td,
.ct-widget * div,
.ct-widget * span,
.ct-widget * iframe,
.ct-widget * a,
.ct-widget * b,
.ct-widget * i
fieldset,
.ct-widget * form,
.ct-widget * label,
.ct-widget * legend,
.ct-widget * table,
.ct-widget * caption,
.ct-widget * tbody,
.ct-widget * tfoot,
.ct-widget * thead,
.ct-widget * tr,
.ct-widget * th,
.ct-widget * td {
  border: 0;
  font-size: 100%;
  font: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

/* line 23, vendor/assets/stylesheets/editor/ui/_ui.scss */
.ct-widget ol, .ct-widget ul,
.ct-widget * ol,
.ct-widget * ul {
  list-style: none;
}

/* line 27, vendor/assets/stylesheets/editor/ui/_ui.scss */
.ct-widget table,
.ct-widget * table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 36, vendor/assets/stylesheets/editor/ui/_ui.scss */
.ct-widget {
  opacity: 0;
  font-family: arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  z-index: 9999;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

/* line 46, vendor/assets/stylesheets/editor/ui/_ui.scss */
.ct-widget--active {
  opacity: 1;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

/**
 * Attributes are similar to sections in that they are used to divide up
 * configuration blocks within a dialog's view. However attributes
 * exclusively support text inputs (no switches) and both the name and value of
 * an attribute can be modified (unlike sections where the label is fixed).
 */
/* line 9, vendor/assets/stylesheets/editor/ui/_attributes.scss */
.ct-widget .ct-attribute {
  border-bottom: 1px solid #eee;
  height: 48px;
  vertical-align: top;
  /**
         * Each section has a name and value component, both of which can be
         * modified.
         */
}

/* line 9, vendor/assets/stylesheets/editor/../bourbon/addons/_clearfix.scss */
.ct-widget .ct-attribute::after {
  clear: both;
  content: "";
  display: table;
}

/* line 19, vendor/assets/stylesheets/editor/ui/_attributes.scss */
.ct-widget .ct-attribute__name {
  background: #f6f6f6;
  border: none;
  color: #646464;
  float: left;
  height: 47px;
  outline: none;
  padding: 0 16px;
  font-family: arial, sans-serif;
  font-size: 14px;
  line-height: 48px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 25%;
  /**
             * If the the attributes name is invalid then the `invalid` modifier
             * is set against the input (programmatically).
             */
}

/* line 34, vendor/assets/stylesheets/editor/ui/_attributes.scss */
.ct-widget .ct-attribute__name--invalid {
  color: #e74c3c;
}

/* line 39, vendor/assets/stylesheets/editor/ui/_attributes.scss */
.ct-widget .ct-attribute__value {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: white;
  border: none;
  color: #646464;
  float: right;
  height: 47px;
  outline: none;
  padding: 0 16px;
  font-family: arial, sans-serif;
  font-size: 14px;
  line-height: 48px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 75%;
}

/**
 * Cropmarks define the region within an image that will be cropped. They appear
 * in the image dialog when crop is active.
 */
/* line 8, vendor/assets/stylesheets/editor/ui/_crop-marks.scss */
.ct-widget .ct-crop-marks {
  height: 320px;
  left: 73px;
  position: absolute;
  top: 0;
  width: 427px;
  /**
         * The clipper is used to prevent the rulers extending outside of the
         * image.
         */
  /**
         * The cropping region is defined by 2 L shaped framing rulers at
         * opposite corners.
         */
  /**
         * The rulers defing the crop region can be moved by the user, handles
         * provide a draggable handle for each ruler.
         */
}

/* line 19, vendor/assets/stylesheets/editor/ui/_crop-marks.scss */
.ct-widget .ct-crop-marks__clipper {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

/* line 32, vendor/assets/stylesheets/editor/ui/_crop-marks.scss */
.ct-widget .ct-crop-marks__ruler--top-left {
  position: absolute;
}

/* line 35, vendor/assets/stylesheets/editor/ui/_crop-marks.scss */
.ct-widget .ct-crop-marks__ruler--top-left:after {
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: none;
  border-right: none;
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.25), inset 1px 1px 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 999px;
  left: 0;
  position: absolute;
  top: 0;
  width: 999px;
}

/* line 52, vendor/assets/stylesheets/editor/ui/_crop-marks.scss */
.ct-widget .ct-crop-marks__ruler--bottom-right {
  position: absolute;
}

/* line 55, vendor/assets/stylesheets/editor/ui/_crop-marks.scss */
.ct-widget .ct-crop-marks__ruler--bottom-right:after {
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-top: none;
  border-left: none;
  bottom: 0;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), inset -1px -1px 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 999px;
  position: absolute;
  right: 0;
  width: 999px;
}

/* line 77, vendor/assets/stylesheets/editor/ui/_crop-marks.scss */
.ct-widget .ct-crop-marks__handle {
  background: #2980b9;
  border: 1px solid #409ad5;
  border-radius: 7px;
  cursor: pointer;
  height: 15px;
  margin-left: -7px;
  margin-top: -7px;
  position: absolute;
  width: 15px;
}

/* line 88, vendor/assets/stylesheets/editor/ui/_crop-marks.scss */
.ct-widget .ct-crop-marks__handle--bottom-right {
  margin-left: -8px;
  margin-top: -8px;
}

/* line 93, vendor/assets/stylesheets/editor/ui/_crop-marks.scss */
.ct-widget .ct-crop-marks__handle:hover {
  background: #2e8ece;
}

/**
 * The content tools library supports a number of dialogs for different types of
 * functionality (e.g insert an image, change a tables dimensions, etc).
 *
 * The dialog component itself sits above the page content (typically over a
 * modal.
 */
/**
 * If the dialog is performing a remote task that requires the user to wait for
 * a response from the server then it may be set to a busy state. The busy state
 * uses an animation (a rotating cog) defined below.
 */
@-webkit-keyframes busy-dialog {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
    -webkit-transform: transform;
  }
  100% {
    transform: translate(-50%, -50%) rotate(359deg);
    -webkit-transform: transform;
  }
}

@-moz-keyframes busy-dialog {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: transform;
  }
  100% {
    transform: translate(-50%, -50%) rotate(359deg);
    -moz-transform: transform;
  }
}

@keyframes busy-dialog {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
    -webkit-transform: transform;
    -moz-transform: transform;
    -ms-transform: transform;
    -o-transform: transform;
    transform: transform;
  }
  100% {
    transform: translate(-50%, -50%) rotate(359deg);
    -webkit-transform: transform;
    -moz-transform: transform;
    -ms-transform: transform;
    -o-transform: transform;
    transform: transform;
  }
}

/* line 31, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget {
  /**
     * The controls section of the dialog features icon and text buttons which
     * provide the user with controls for the contents dialog.
     */
  /**
      * Controls can be grouped left, right or centrally. Both a left and right
      * group can coexist but the central group can only be used on it's own.
      */
  /**
     * Controls can either contain text or an icon depending on the modifier
     * set against the component (`text` or `icon` respectively).
     */
  /**
     * The following classes relate to the various types of dialog available.
     */
  /**
     * The image dialog supports the insertion of images, the dialog has a
     * number of states to support the various steps in inserting an image.
     */
  /**
     * The properties dialog displays the attributes and styles for an element
     * in page, each property can by modified and each style turned on or off.
     */
  /**
     * The table dialog supports the insertion and updating of tables.
     */
  /**
     * The video dialog supports the insertion of embedded videos (vimeo and
     * youtube).
     */
  /**
     * Anchored dialogs are a special type of dialog that are appear at a fixed
     * position with the page, for example above a selection of text. They are
     * used to support simple task (such as inserting a link) in a less
     * intrusive mannor than full dialogs.
     *
     * Anchored dialogs support an single text input and a confirm button only.
     */
}

/* line 36, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget.ct-dialog {
  background: white;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.35);
  border-radius: 2px;
  height: 480px;
  left: 50%;
  margin-left: -350px;
  margin-top: -240px;
  position: fixed;
  top: 50%;
  width: 700px;
  z-index: 10099;
  /**
         * The `busy` modifier maybe programatically applied to a dialog to
         * prevent any further interaction with the dialog until a task has been
         * completed.
         */
}

/* line 55, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget.ct-dialog--busy .ct-dialog__busy {
  display: block;
}

/* line 58, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget.ct-dialog--busy .ct-dialog__body {
  opacity: 0.1;
}

/* line 64, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-dialog {
  /**
         * The `header`, `caption` and `close` components of the dialog make up
         * what might traditionally be thought of as a title bar for a window.
         */
  /**
         * The dialog `body` is typically composed of a `view` and `controls`
         * component. The `view` component contains the dialogs content (e.g an
         * image) and the `controls` component the controls (e.g crop, rotate,
         * insert).
         */
  /**
         * If the dialog is in a busy state then the `busy` component is
         * displayed.
         */
}

/* line 70, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-dialog__header {
  color: #a4a4a4;
  border-bottom: 1px solid #eee;
  height: 48px;
  padding: 0 16px;
  position: relative;
}

/* line 78, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-dialog__caption {
  font-family: arial, sans-serif;
  font-size: 18px;
  line-height: 48px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 85, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-dialog__close {
  border-left: 1px solid #eee;
  cursor: pointer;
  height: 48px;
  line-height: 48px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  font-family: 'icon';
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 48px;
}

/* line 97, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-dialog__close:before {
  content: '\ea0f';
}

/* line 102, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-dialog__close:hover:before {
  color: #646464;
}

/* line 114, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-dialog__body {
  margin: auto;
  width: 572px;
}

/* line 119, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-dialog__view {
  height: 320px;
  margin-top: 32px;
}

/* line 124, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-dialog__controls {
  margin-top: 16px;
}

/* line 9, vendor/assets/stylesheets/editor/../bourbon/addons/_clearfix.scss */
.ct-widget .ct-dialog__controls::after {
  clear: both;
  content: "";
  display: table;
}

/* line 133, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-dialog__busy {
  display: none;
  position: absolute;
}

/* line 137, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-dialog__busy:before {
  -webkit-animation: busy-dialog 5s linear;
  -moz-animation: busy-dialog 5s linear;
  animation: busy-dialog 5s linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  color: #a4a4a4;
  content: "\e994";
  left: 50%;
  position: fixed;
  top: 50%;
  font-family: 'icon';
  font-size: 80px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 159, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control-group {
  font-size: 0;
}

/* line 162, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control-group--center {
  text-align: center;
}

/* line 166, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control-group--left {
  float: left;
}

/* line 170, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control-group--right {
  float: right;
}

/* line 179, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control {
  margin-left: 16px;
  position: relative;
}

/* line 183, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control:first-child {
  margin-left: 0;
}

/* line 188, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--icon {
  border-radius: 2px;
  color: #a4a4a4;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-family: 'icon';
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 32px;
}

/* line 47, vendor/assets/stylesheets/editor/_settings.scss */
.ct-widget .ct-control--icon:after {
  background: black;
  border-radius: 2px;
  color: white;
  content: attr(data-ct-tooltip);
  display: block;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  left: -26.5px;
  line-height: 20px;
  opacity: 0.0;
  padding: 0 8px;
  position: absolute;
  bottom: 37px;
  font-family: arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  visibility: hidden;
  width: 85px;
  word-break: break-word;
}

/* line 67, vendor/assets/stylesheets/editor/_settings.scss */
.ct-widget .ct-control--icon:hover:after {
  opacity: 0.8;
  visibility: visible;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

/* line 205, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--icon:before {
  content: '';
}

/* line 209, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--icon:hover {
  background: #eee;
  color: #646464;
}

/* line 217, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--active, .ct-widget .ct-control--on {
  background: #a4a4a4;
  color: white;
}

/* line 222, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--active:hover, .ct-widget .ct-control--on:hover {
  background: #646464;
  color: white;
}

/* line 229, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--rotate-ccw:before {
  content: '\e965';
}

/* line 235, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--rotate-cw:before {
  content: '\e966';
}

/* line 241, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--crop:before {
  content: '\ea57';
}

/* line 247, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--remove:before {
  content: '\e9ac';
}

/* line 253, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--styles:before {
  content: '\e90b';
}

/* line 259, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--attributes:before {
  content: '\e994';
}

/* line 265, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--code:before {
  content: '\ea80';
}

/* line 270, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--icon.ct-control--muted {
  cursor: default;
}

/* line 273, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--icon.ct-control--muted:before {
  opacity: 0.5;
}

/* line 277, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--icon.ct-control--muted:hover {
  color: #a4a4a4;
  background: transparent;
}

/* line 285, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--text {
  background: #2980b9;
  border-radius: 2px;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  height: 32px;
  overflow: hidden;
  padding: 0 8px;
  text-align: center;
  text-overflow: ellipsis;
  font-family: arial, sans-serif;
  font-size: 14px;
  line-height: 32px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
  width: 100px;
}

/* line 303, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--text:hover {
  background: #2e8ece;
}

/* line 310, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--apply, .ct-widget .ct-control--insert, .ct-widget .ct-control--ok {
  background: #27ae60;
}

/* line 315, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--apply:hover, .ct-widget .ct-control--insert:hover, .ct-widget .ct-control--ok:hover {
  background: #2cc36b;
}

/* line 320, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--cancel, .ct-widget .ct-control--clear {
  background: #e74c3c;
}

/* line 324, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--cancel:hover, .ct-widget .ct-control--clear:hover {
  background: #ea6153;
}

/* line 329, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--text.ct-control--muted {
  background: #ccc;
  cursor: default;
}

/* line 333, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--text.ct-control--muted:hover {
  background: #ccc;
}

/* line 338, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--upload {
  overflow: hidden;
}

/* line 359, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget.ct-image-dialog--empty .ct-progress-bar,
.ct-widget.ct-image-dialog--empty .ct-control--rotate-ccw,
.ct-widget.ct-image-dialog--empty .ct-control--rotate-cw,
.ct-widget.ct-image-dialog--empty .ct-control--crop,
.ct-widget.ct-image-dialog--empty .ct-control--insert,
.ct-widget.ct-image-dialog--empty .ct-control--cancel,
.ct-widget.ct-image-dialog--empty .ct-control--clear {
  display: none;
}

/* line 374, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget.ct-image-dialog--uploading .ct-control--rotate-ccw,
.ct-widget.ct-image-dialog--uploading .ct-control--rotate-cw,
.ct-widget.ct-image-dialog--uploading .ct-control--crop,
.ct-widget.ct-image-dialog--uploading .ct-control--upload,
.ct-widget.ct-image-dialog--uploading .ct-control--insert,
.ct-widget.ct-image-dialog--uploading .ct-control--clear {
  display: none;
}

/* line 389, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget.ct-image-dialog--populated .ct-progress-bar,
.ct-widget.ct-image-dialog--populated .ct-control--upload,
.ct-widget.ct-image-dialog--populated .ct-control--cancel {
  display: none;
}

/* line 399, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-image-dialog {
  /**
         * HACK: We style the file upload button as a control, however to ensure
         * the user activates the system file browser dialog we hide the file
         * input in the control and use a large font to ensure it covers the
         * whole control.
         */
}

/* line 401, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-image-dialog__view {
  background: #eee;
  position: relative;
}

/* line 405, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-image-dialog__view:empty {
  font-family: 'icon';
  font-size: 80px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 320px;
  text-align: center;
}

/* line 410, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-image-dialog__view:empty:before {
  color: white;
  content: '\e90d';
}

/* line 417, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-image-dialog__image {
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  width: 100%;
}

/* line 432, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-image-dialog__file-upload {
  cursor: pointer;
  font-size: 400px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}

/* line 451, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget.ct-properties-dialog--attributes .ct-properties-dialog__attributes {
  display: block;
}

/* line 459, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget.ct-properties-dialog--styles .ct-properties-dialog__styles {
  display: block;
}

/* line 462, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget.ct-properties-dialog--styles .ct-properties-dialog__styles:empty:before {
  color: #a4a4a4;
  content: attr(data-ct-empty);
  display: block;
  font-style: italic;
  margin-top: 20px;
  text-align: center;
}

/* line 476, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget.ct-properties-dialog--code .ct-properties-dialog__code {
  display: block;
}

/* line 484, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-properties-dialog {
  /**
         * The code tab supports an textarea for editing inner HTML.
         */
}

/* line 486, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-properties-dialog__view {
  border: 1px solid #ddd;
  overflow: auto;
}

/* line 491, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-properties-dialog__attributes, .ct-widget .ct-properties-dialog__code, .ct-widget .ct-properties-dialog__styles {
  display: none;
}

/* line 500, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-properties-dialog__inner-html {
  border: none;
  display: block;
  font-family: courier, "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
  height: 318px;
  padding: 16px;
  outline: none;
  resize: none;
  width: 100%;
}

/* line 510, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-properties-dialog__inner-html--invalid {
  color: #e74c3c;
}

/* line 522, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-table-dialog__view {
  border: 1px solid #ddd;
  overflow: auto;
}

/* line 537, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-video-dialog__preview:empty {
  background: #eee;
  font-family: 'icon';
  font-size: 80px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 320px;
  text-align: center;
}

/* line 543, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-video-dialog__preview:empty:before {
  color: white;
  content: '\ea98';
}

/* line 551, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-video-dialog__input {
  border: none;
  border-bottom: 1px solid #eee;
  height: 32px;
  line-height: 32px;
  outline: none;
  padding: 0 4px;
  font-family: arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
  width: 456px;
}

/* line 562, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-video-dialog__input:focus {
  border-bottom: 1px solid #e1e1e1;
}

/* line 577, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget.ct-anchored-dialog {
  border-bottom: 2px solid #27ae60;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.35);
  font-size: 0;
  height: 34px;
  left: 0;
  margin-left: -144px;
  margin-top: -48px;
  position: absolute;
  top: 0;
  z-index: 10099;
}

/* line 591, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget.ct-anchored-dialog:after {
  border: 16px solid rgba(255, 255, 255, 0);
  border-top-color: #27ae60;
  content: '';
  left: 128px;
  position: absolute;
  top: 34px;
}

/* line 602, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-anchored-dialog__input {
  border: none;
  color: #646464;
  height: 32px;
  outline: none;
  font-family: arial, sans-serif;
  font-size: 14px;
  line-height: 32px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0 8px 0 16px;
  vertical-align: top;
  width: 256px;
}

/* line 613, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-anchored-dialog__button {
  background: #27ae60;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-family: 'icon';
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 32px;
}

/* line 623, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-anchored-dialog__button:before {
  color: white;
  content: '\ea10';
}

/* line 628, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-anchored-dialog__button:hover {
  background: #2cc36b;
}

/* line 633, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-anchored-dialog__target-button {
  background: white;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-family: 'icon';
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 32px;
}

/* line 651, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-anchored-dialog__target-button:before {
  color: #a4a4a4;
  content: '\ea7d';
}

/* line 656, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-anchored-dialog__target-button:hover:before {
  color: #b1b1b1;
}

/* line 661, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-anchored-dialog__target-button--active:before {
  color: #27ae60;
}

/* line 665, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-anchored-dialog__target-button--active:hover:before {
  color: #2cc36b;
}

/**
 * Flashes are used to display a visual confirmation to the user that an action
 * has completed successfully (or failed).
 */
/* line 6, vendor/assets/stylesheets/editor/ui/_flashes.scss */
.ct-widget {
  /**
     * The flash animation displays an icon in the center of the user's screen
     * that flashes into view and then out.
     */
  /**
     * The flash timer animation is used purely to indicated to the Javascript
     * that created the flash element that the animation has finished.
     */
  /**
     * The icon that is flashed.
     */
}

@-webkit-keyframes flash {
  0% {
    opacity: 0;
    font-size: 32px;
    -webkit-transform: font-size;
  }
  25% {
    font-size: 320px;
    opacity: 1;
    -webkit-transform: all;
  }
  50% {
    font-size: 320px;
    opacity: 1;
    -webkit-transform: all;
  }
  75% {
    font-size: 320px;
    opacity: 1;
    -webkit-transform: all;
  }
  100% {
    opacity: 0;
    -webkit-transform: all;
  }
}

@-moz-keyframes flash {
  0% {
    opacity: 0;
    font-size: 32px;
    -moz-transform: font-size;
  }
  25% {
    font-size: 320px;
    opacity: 1;
    -moz-transform: all;
  }
  50% {
    font-size: 320px;
    opacity: 1;
    -moz-transform: all;
  }
  75% {
    font-size: 320px;
    opacity: 1;
    -moz-transform: all;
  }
  100% {
    opacity: 0;
    -moz-transform: all;
  }
}

@keyframes flash {
  0% {
    opacity: 0;
    font-size: 32px;
    -webkit-transform: font-size;
    -moz-transform: font-size;
    -ms-transform: font-size;
    -o-transform: font-size;
    transform: font-size;
  }
  25% {
    font-size: 320px;
    opacity: 1;
    -webkit-transform: all;
    -moz-transform: all;
    -ms-transform: all;
    -o-transform: all;
    transform: all;
  }
  50% {
    font-size: 320px;
    opacity: 1;
    -webkit-transform: all;
    -moz-transform: all;
    -ms-transform: all;
    -o-transform: all;
    transform: all;
  }
  75% {
    font-size: 320px;
    opacity: 1;
    -webkit-transform: all;
    -moz-transform: all;
    -ms-transform: all;
    -o-transform: all;
    transform: all;
  }
  100% {
    opacity: 0;
    -webkit-transform: all;
    -moz-transform: all;
    -ms-transform: all;
    -o-transform: all;
    transform: all;
  }
}

@-webkit-keyframes flash-timer {
  0% {
    opacity: 1;
    -webkit-transform: opacity;
  }
  99% {
    opacity: 1;
    -webkit-transform: opacity;
  }
  100% {
    opacity: 0;
    -webkit-transform: opacity;
  }
}

@-moz-keyframes flash-timer {
  0% {
    opacity: 1;
    -moz-transform: opacity;
  }
  99% {
    opacity: 1;
    -moz-transform: opacity;
  }
  100% {
    opacity: 0;
    -moz-transform: opacity;
  }
}

@keyframes flash-timer {
  0% {
    opacity: 1;
    -webkit-transform: opacity;
    -moz-transform: opacity;
    -ms-transform: opacity;
    -o-transform: opacity;
    transform: opacity;
  }
  99% {
    opacity: 1;
    -webkit-transform: opacity;
    -moz-transform: opacity;
    -ms-transform: opacity;
    -o-transform: opacity;
    transform: opacity;
  }
  100% {
    opacity: 0;
    -webkit-transform: opacity;
    -moz-transform: opacity;
    -ms-transform: opacity;
    -o-transform: opacity;
    transform: opacity;
  }
}

/* line 75, vendor/assets/stylesheets/editor/ui/_flashes.scss */
.ct-widget.ct-flash {
  color: rgba(255, 255, 255, 0.9);
  height: 0;
  left: 0;
  position: fixed;
  font-family: 'icon';
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 0;
  width: 0;
  z-index: 10999;
  /**
         * Modifiers that can be applied to the flash to change it's appearance.
         */
}

/* line 85, vendor/assets/stylesheets/editor/ui/_flashes.scss */
.ct-widget.ct-flash:before {
  left: 50%;
  opacity: 0;
  position: fixed;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  top: 50%;
  transform: translate(-50%, -50%);
}

/* line 94, vendor/assets/stylesheets/editor/ui/_flashes.scss */
.ct-widget.ct-flash--active {
  -webkit-animation: flash-timer 2s ease-in;
  -moz-animation: flash-timer 2s ease-in;
  animation: flash-timer 2s ease-in;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

/* line 97, vendor/assets/stylesheets/editor/ui/_flashes.scss */
.ct-widget.ct-flash--active:before {
  -webkit-animation: flash 2s ease-in;
  -moz-animation: flash 2s ease-in;
  animation: flash 2s ease-in;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  font-size: 320px;
  opacity: 1;
}

/* line 109, vendor/assets/stylesheets/editor/ui/_flashes.scss */
.ct-widget.ct-flash--ok:before {
  content: '\ea10';
}

/* line 113, vendor/assets/stylesheets/editor/ui/_flashes.scss */
.ct-widget.ct-flash--no:before {
  content: '\ea0f';
}

/**
 * Grip's provide a visual hint to the user that they can use the mouse to drag
 * an item (for example the toolbar has a grip that can be used to drag it to a
 * new location.
 */
/* line 9, vendor/assets/stylesheets/editor/ui/_grips.scss */
.ct-widget .ct-grip {
  cursor: move;
  font-size: 0;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /**
         * Grips consist of one or more bumps, elements that appear to be sunk
         * or raised and therefore provide grip.
         */
}

/* line 20, vendor/assets/stylesheets/editor/ui/_grips.scss */
.ct-widget .ct-grip__bump {
  background: rgba(70, 70, 70, 0.15);
  border-radius: 12px;
  display: inline-block;
  height: 12px;
  margin-left: 12px;
  width: 12px;
}

/* line 29, vendor/assets/stylesheets/editor/ui/_grips.scss */
.ct-widget .ct-grip__bump:first-child {
  margin-left: 0;
}

/**
 * The ignition switch is how users start and stop editing the page.
 */
/**
 * If the app is performing a remote task that requires the user to wait for
 * a response from the server then the ignition may be set to a busy state. The
 * busy state uses an animation (a rotating cog) defined below.
 */
@-webkit-keyframes busy-ignition {
  0% {
    transform: rotate(0deg);
    -webkit-transform: transform;
  }
  100% {
    transform: rotate(359deg);
    -webkit-transform: transform;
  }
}

@-moz-keyframes busy-ignition {
  0% {
    transform: rotate(0deg);
    -moz-transform: transform;
  }
  100% {
    transform: rotate(359deg);
    -moz-transform: transform;
  }
}

@keyframes busy-ignition {
  0% {
    transform: rotate(0deg);
    -webkit-transform: transform;
    -moz-transform: transform;
    -ms-transform: transform;
    -o-transform: transform;
    transform: transform;
  }
  100% {
    transform: rotate(359deg);
    -webkit-transform: transform;
    -moz-transform: transform;
    -ms-transform: transform;
    -o-transform: transform;
    transform: transform;
  }
}

/* line 29, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget.ct-ignition {
  /**
         * Position of the switch on the page
         */
  left: 16px;
  position: fixed;
  top: 16px;
  /**
         * Depending on the current state of the switch we show either the edit
         * button (page ready to edit), or the confirm and cancel buttons (
         * page currently being edited).
         */
}

/* line 44, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget.ct-ignition .ct-ignition__button {
  display: none;
}

/* line 49, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget.ct-ignition--editing .ct-ignition__button--confirm,
.ct-widget.ct-ignition--editing .ct-ignition__button--cancel {
  display: block;
}

/* line 56, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget.ct-ignition--ready .ct-ignition__button--edit {
  display: block;
}

/* line 63, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget.ct-ignition--busy .ct-ignition__button {
  display: none;
}

/* line 66, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget.ct-ignition--busy .ct-ignition__button--busy {
  display: block;
}

/* line 73, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition {
  /**
         * The ignition switch is constructed of 3 buttons, edit, confirm and
         * cancel.
         */
}

/* line 81, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button {
  border-radius: 24px;
  content: '';
  cursor: pointer;
  display: block;
  height: 48px;
  line-height: 48px;
  opacity: 0.9;
  position: absolute;
  text-align: center;
  font-family: 'icon';
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 48px;
  /* Busy button */
  /* Confirm button */
  /* Cancel button */
  /* Edit button */
}

/* line 97, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button:before {
  color: white;
}

/* line 102, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button--busy {
  -webkit-animation: busy-ignition 5s linear;
  -moz-animation: busy-ignition 5s linear;
  animation: busy-ignition 5s linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  background: #646464;
  cursor: default;
}

/* line 107, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button--busy:before {
  content: '\e994';
}

/* line 111, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button--busy:hover {
  background: #646464;
}

/* line 117, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button--confirm {
  background: #27ae60;
}

/* line 120, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button--confirm:before {
  content: '\ea10';
}

/* line 124, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button--confirm:hover {
  background: #2cc36b;
}

/* line 130, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button--cancel {
  background: #e74c3c;
  left: 64px;
}

/* line 134, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button--cancel:before {
  content: '\ea0f';
}

/* line 138, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button--cancel:hover {
  background: #ea6153;
}

/* line 144, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button--edit {
  background: #2980b9;
  /**
                 * Unlike the confirm and cancel buttons we rotate the edit
                 * button's pencil icon on mouse over to add a sense of
                 * purpose :)
                 */
}

/* line 153, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button--edit:before {
  content: '\e905';
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

/* line 160, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button--edit:hover {
  background: #2e8ece;
}

/* line 163, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button--edit:hover:before {
  display: inline-block;
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

/**
 * The inspector provides a breadcrumb style path (constructured from tags) for
 * the currently selected element and its parent/ancestor tags.
 *
 * Tags can be selected which triggers the properties dialog. This allows
 * elements which typically can't be directly selected using the editor to be
 * modified.
 */
/* line 9, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget {
  /**
     * The inspector bar is consists of a list of one or more tags, each tag
     * represents an element in the lineage between the currently selected
     * element and the top level element it is defined within, e.g for a table
     * division the path might look like this:
     *
     * table > tbody > tr > td
     */
}

/* line 11, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget.ct-inspector {
  background: rgba(233, 233, 233, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  bottom: 0;
  height: 32px;
  left: 0;
  overflow: hidden;
  padding: 3px 16px 0;
  position: fixed;
  width: 100%;
}

/* line 32, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-inspector__tags {
  width: calc(100% - 128px);
}

/* line 9, vendor/assets/stylesheets/editor/../bourbon/addons/_clearfix.scss */
.ct-widget .ct-inspector__tags::after {
  clear: both;
  content: "";
  display: table;
}

/* line 36, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-inspector__tags:before {
  color: #464646;
  content: '\ea80';
  display: block;
  float: left;
  height: 24px;
  line-height: 24px;
  margin-right: 16px;
  text-align: center;
  font-family: 'icon';
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 24px;
}

/* line 50, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-inspector__counter {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  height: 24px;
  line-height: 24px;
  margin-right: 16px;
  position: absolute;
  right: 0;
  text-align: right;
  top: 3px;
  width: 128px;
}

/* line 63, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag {
  background-color: #2980b9;
  border-radius: 2px 0 0 2px;
  color: white;
  cursor: pointer;
  float: left;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  margin-left: 24px;
  padding: 0 8px;
  position: relative;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
}

/* line 79, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:after {
  border-style: solid;
  border-bottom: 12px solid rgba(255, 0, 0, 0);
  border-left: 12px solid #2980b9;
  border-right: none;
  border-top: 12px solid rgba(255, 0, 0, 0);
  content: '';
  display: block;
  height: 24px;
  bottom: 0;
  right: -24px;
  position: absolute;
  width: 24px;
  -moz-transform: scale(0.9999);
}

/* line 97, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:first-child {
  margin-left: 0;
}

/* line 101, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:hover {
  background-color: #4aa3df;
}

/* line 104, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:hover:after {
  border-left-color: #4aa3df;
}

/* line 122, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(1) {
  background-color: #8e44ad;
}

/* line 125, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(1):after {
  border-left-color: #8e44ad;
}

/* line 129, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(1):hover {
  background-color: #9b50ba;
}

/* line 132, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(1):hover:after {
  border-left-color: #9b50ba;
}

/* line 122, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(2) {
  background-color: #2980b9;
}

/* line 125, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(2):after {
  border-left-color: #2980b9;
}

/* line 129, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(2):hover {
  background-color: #2e8ece;
}

/* line 132, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(2):hover:after {
  border-left-color: #2e8ece;
}

/* line 122, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(3) {
  background-color: #27ae60;
}

/* line 125, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(3):after {
  border-left-color: #27ae60;
}

/* line 129, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(3):hover {
  background-color: #2cc36b;
}

/* line 132, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(3):hover:after {
  border-left-color: #2cc36b;
}

/* line 122, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(4) {
  background-color: #d35400;
}

/* line 125, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(4):after {
  border-left-color: #d35400;
}

/* line 129, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(4):hover {
  background-color: #ed5e00;
}

/* line 132, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(4):hover:after {
  border-left-color: #ed5e00;
}

/* line 122, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(5) {
  background-color: #f39c12;
}

/* line 125, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(5):after {
  border-left-color: #f39c12;
}

/* line 129, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(5):hover {
  background-color: #f4a62a;
}

/* line 132, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(5):hover:after {
  border-left-color: #f4a62a;
}

/* line 122, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(6) {
  background-color: #16a085;
}

/* line 125, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(6):after {
  border-left-color: #16a085;
}

/* line 129, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(6):hover {
  background-color: #19b698;
}

/* line 132, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(6):hover:after {
  border-left-color: #19b698;
}

/**
 * The modal widget provides a layer over the page limiting interaction to just
 * the components positioned above the layer. This is commonly used when
 * displaying a dialog, for example if we're editing a table's properties then
 * the modal ensures the user can't change the element selected on the page
 * while the dialog is open.
 */
/* line 11, vendor/assets/stylesheets/editor/ui/_modal.scss */
.ct-widget.ct-modal {
  background: rgba(0, 0, 0, 0.7);
  height: 0;
  left: 0;
  position: fixed;
  top: 0;
  width: 0;
  z-index: 10009;
}

/* line 22, vendor/assets/stylesheets/editor/ui/_modal.scss */
.ct-widget.ct-modal--transparent {
  background: transparent;
}

/* line 31, vendor/assets/stylesheets/editor/ui/_modal.scss */
.ct-widget--active.ct-modal {
  height: 100%;
  width: 100%;
}

/**
 * The progress bar appears in dialogs (such as the image dialog) and provides
 * feedback to the user on a task (such as uploading an image).
 */
/* line 8, vendor/assets/stylesheets/editor/ui/_progress.scss */
.ct-widget .ct-progress-bar {
  border: 1px solid #eee;
  height: 32px;
  line-height: 32px;
  padding: 1px;
  width: 456px;
  /**
         * Note: The width of the progress bar should be set (as a percentage)
         * programatially, e.g `progressBarDOM.style.width = '50%'`.
         */
}

/* line 19, vendor/assets/stylesheets/editor/ui/_progress.scss */
.ct-widget .ct-progress-bar__progress {
  background: #2980b9;
  height: 28px;
}

/**
 * Sections are used to divide up configuration blocks within a dialog's view.
 * They contain wither a switch or an input, for example the table dialog has
 * header (switch), body (input - e.g number of columns) and footer (switch)
 * sections.
 */
/* line 10, vendor/assets/stylesheets/editor/ui/_sections.scss */
.ct-widget .ct-section {
  border-bottom: 1px solid #eee;
  color: #bdbdbd;
  cursor: pointer;
  font-style: italic;
  height: 48px;
  padding: 0 16px;
  font-family: arial, sans-serif;
  font-size: 16px;
  line-height: 48px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /**
         * If the section is a switch then the `applied` modifier is set when
         * the switch is on.
         */
  /**
         * If the section contains an input field the `contains-input` modifier
         * is set.
         */
  /**
         * Each section has a label describing the purpose of the switch or
         * input within the section.
         */
}

/* line 9, vendor/assets/stylesheets/editor/../bourbon/addons/_clearfix.scss */
.ct-widget .ct-section::after {
  clear: both;
  content: "";
  display: table;
}

/* line 20, vendor/assets/stylesheets/editor/ui/_sections.scss */
.ct-widget .ct-section:hover {
  background: #f6f6f6;
}

/* line 28, vendor/assets/stylesheets/editor/ui/_sections.scss */
.ct-widget .ct-section--applied {
  color: #646464;
  font-style: normal;
}

/* line 32, vendor/assets/stylesheets/editor/ui/_sections.scss */
.ct-widget .ct-section--applied .ct-section__switch {
  background-color: #27ae60;
  border: 1px solid #1e8449;
}

/* line 36, vendor/assets/stylesheets/editor/ui/_sections.scss */
.ct-widget .ct-section--applied .ct-section__switch:before {
  left: 25px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

/* line 50, vendor/assets/stylesheets/editor/ui/_sections.scss */
.ct-widget .ct-section--contains-input .ct-section__label {
  width: 75%;
}

/* line 59, vendor/assets/stylesheets/editor/ui/_sections.scss */
.ct-widget .ct-section__label {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 472px;
  white-space: nowrap;
}

/* line 67, vendor/assets/stylesheets/editor/ui/_sections.scss */
.ct-widget .ct-section__switch {
  background-color: #ccc;
  border: 1px solid #b3b3b3;
  border-radius: 12px;
  box-shadow: inset 0px 0 2px rgba(0, 0, 0, 0.1);
  float: right;
  height: 24px;
  margin-top: 12px;
  position: relative;
  width: 48px;
}

/* line 78, vendor/assets/stylesheets/editor/ui/_sections.scss */
.ct-widget .ct-section__switch:before {
  background: white;
  border-radius: 10px;
  content: '';
  height: 20px;
  left: 1px;
  position: absolute;
  top: 1px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  width: 20px;
}

/* line 93, vendor/assets/stylesheets/editor/ui/_sections.scss */
.ct-widget .ct-section__input {
  background: white;
  border: none;
  color: #646464;
  float: right;
  height: 47px;
  outline: none;
  padding: 0 16px;
  text-align: right;
  font-family: arial, sans-serif;
  font-size: 14px;
  line-height: 48px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 25%;
  /**
             * If the contents of the sections input is invalid then the
             * `invalid` modifier is set against the input (programmatically).
             */
}

/* line 109, vendor/assets/stylesheets/editor/ui/_sections.scss */
.ct-widget .ct-section__input--invalid {
  color: #e74c3c;
}

/**
 * The toolbox widget displays a set of tools the user can use to edit the
 * content of the page.
 */
/* line 6, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget {
  /**
     * Define the spacing for the toolbox:
     *
     * spacing / 1 = the padding around the contents of the toolbox.
     * spacing / 1 = the vertical padding around the toolbox's grip.
     * spacing / 2 = the margin between each tool.
     * spacing / 2 = the vertical padding around each tool group.
     */
  /**
     * The size of a tool.
     */
  /**
     * The grip is positioned at the top of the toolbox. If the user clicks and
     * holds the mouse down whilst over the grip then the toolbox will be
     * draggable until they release the mouse button.
     */
  /**
     * Tools are organized into groups of related tools.
     */
  /**
     * The toolbox features a set of tools for editing the page content.
     */
}

/* line 22, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget.ct-toolbox {
  /**
         * The position of the toolbox is typically determined by the position
         * the user last placed it (this information is stored in local
         * storage). However we set a default position for the first time the
         * toolbox is displayed.
         */
  background: rgba(233, 233, 233, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.35);
  left: 128px;
  padding: 8px;
  position: fixed;
  top: 128px;
  width: 138px;
  /**
         * When the toolbox is being dragged to a new position by the user the
         * dragging modifier is applied. Whilst being dragged we reduce the
         * opacity of the toolbox to make it easier for the user to see the
         * content being dragged over.
         */
}

/* line 44, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget.ct-toolbox--dragging {
  opacity: 0.5;
}

/* line 56, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-toolbox__grip {
  padding: 8px 0;
}

/* line 65, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool-group {
  /**
         * Tools are floated to align horizontally so each group must clear its
         * children.
         */
  padding: 4px 0;
}

/* line 9, vendor/assets/stylesheets/editor/../bourbon/addons/_clearfix.scss */
.ct-widget .ct-tool-group::after {
  clear: both;
  content: "";
  display: table;
}

/* line 73, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool-group:first-child {
  padding-top: 0;
}

/* line 82, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool {
  border-radius: 2px;
  color: #464646;
  cursor: pointer;
  float: left;
  height: 32px;
  margin: 4px;
  margin-right: 4px;
  position: relative;
  text-align: center;
  width: 32px;
  /**
         * Tools are displayed in rows of 3 so re remove margin from the last
         * (3rd) tool in every row.
         */
  /**
         * The following modifiers reflect the state of the tool.
         */
  /**
         * The tools is currently disabled and cannot be selected (the hover
         * style is also disabled).
         */
  /**
         * The button has been clicked on and the mouse button is still in the
         * down state.
         */
  /**
         * The tool is currently applied to the selected element, and if there
         * is one text selection.
         */
  /**
         * Each of the modifiers below sets the content of the puesdo before
         * element to match the required icon. The list is ordered by the
         * position each tool in the default toolbox (as opposed to
         * alphabetically).
         */
}

/* line 47, vendor/assets/stylesheets/editor/_settings.scss */
.ct-widget .ct-tool:after {
  background: black;
  border-radius: 2px;
  color: white;
  content: attr(data-ct-tooltip);
  display: block;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  left: -26.5px;
  line-height: 20px;
  opacity: 0.0;
  padding: 0 8px;
  position: absolute;
  bottom: 37px;
  font-family: arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  visibility: hidden;
  width: 85px;
  word-break: break-word;
}

/* line 67, vendor/assets/stylesheets/editor/_settings.scss */
.ct-widget .ct-tool:hover:after {
  opacity: 0.8;
  visibility: visible;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

/* line 99, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool:before {
  line-height: 32px;
}

/* line 107, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool:nth-child(3n) {
  margin-right: 0;
}

/* line 111, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool:hover {
  background: rgba(255, 255, 255, 0.5);
}

/* line 123, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--disabled {
  color: rgba(70, 70, 70, 0.33);
}

/* line 126, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--disabled:hover {
  background: transparent;
}

/* line 135, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--down {
  background: rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
  line-height: 34px;
}

/* line 140, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--down:hover {
  background: rgba(0, 0, 0, 0.025);
}

/* line 149, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--applied {
  background: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
}

/* line 153, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--applied:hover {
  background: rgba(0, 0, 0, 0.15);
}

/* line 164, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--bold:before {
  content: "\ea62";
}

/* line 165, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--heading:before {
  content: "H";
  font-weight: bold;
}

/* line 166, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--subheading:before {
  content: "H";
}

/* line 167, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--paragraph:before {
  content: "P";
}

/* line 168, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--preformatted:before {
  content: "\ea80";
}

/* line 169, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--italic:before {
  content: "\ea64";
}

/* line 170, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--link:before {
  content: "\e9cb";
}

/* line 171, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--align-left:before {
  content: "\ea77";
}

/* line 172, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--align-center:before {
  content: "\ea78";
}

/* line 173, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--align-right:before {
  content: "\ea79";
}

/* line 174, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--unordered-list:before {
  content: "\e9ba";
}

/* line 175, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--ordered-list:before {
  content: "\e9b9";
}

/* line 176, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--table:before {
  content: "\ea71";
}

/* line 177, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--indent:before {
  content: "\ea7b";
}

/* line 178, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--unindent:before {
  content: "\ea7c";
}

/* line 179, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--line-break:before {
  content: "\ea6e";
}

/* line 180, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--image:before {
  content: "\e90d";
}

/* line 181, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--video:before {
  content: "\ea98";
}

/* line 182, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--undo:before {
  content: "\e965";
}

/* line 183, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--redo:before {
  content: "\e966";
}

/* line 184, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--remove:before {
  content: "\e9ac";
}

/**
 * The highlight class below is used to highlight editable regions within the
 * page to users to help them see what they can edit. It's slightly unusual in
 * that it's specified as a modifier of `ct`.
 */
@-webkit-keyframes highlight {
  0% {
    outline-color: rgba(255, 255, 255, 0);
    -webkit-transform: background-color;
  }
  25% {
    outline-color: #f39c12;
    -webkit-transform: background-color;
  }
  50% {
    outline-color: #f39c12;
    -webkit-transform: background-color;
  }
  100% {
    outline-color: rgba(255, 255, 255, 0);
    -webkit-transform: background-color;
  }
}

@-moz-keyframes highlight {
  0% {
    outline-color: rgba(255, 255, 255, 0);
    -moz-transform: background-color;
  }
  25% {
    outline-color: #f39c12;
    -moz-transform: background-color;
  }
  50% {
    outline-color: #f39c12;
    -moz-transform: background-color;
  }
  100% {
    outline-color: rgba(255, 255, 255, 0);
    -moz-transform: background-color;
  }
}

@keyframes highlight {
  0% {
    outline-color: rgba(255, 255, 255, 0);
    -webkit-transform: background-color;
    -moz-transform: background-color;
    -ms-transform: background-color;
    -o-transform: background-color;
    transform: background-color;
  }
  25% {
    outline-color: #f39c12;
    -webkit-transform: background-color;
    -moz-transform: background-color;
    -ms-transform: background-color;
    -o-transform: background-color;
    transform: background-color;
  }
  50% {
    outline-color: #f39c12;
    -webkit-transform: background-color;
    -moz-transform: background-color;
    -ms-transform: background-color;
    -o-transform: background-color;
    transform: background-color;
  }
  100% {
    outline-color: rgba(255, 255, 255, 0);
    -webkit-transform: background-color;
    -moz-transform: background-color;
    -ms-transform: background-color;
    -o-transform: background-color;
    transform: background-color;
  }
}

/* line 45, vendor/assets/stylesheets/editor/content-tools.scss */
.ct-app {
  box-sizing: border-box;
}

/* line 49, vendor/assets/stylesheets/editor/content-tools.scss */
.ct-app *, .ct-app *:before, .ct-app *:after {
  box-sizing: border-box;
}

/* line 57, vendor/assets/stylesheets/editor/content-tools.scss */
.ct--highlight {
  outline: 4px solid #f39c12;
  -webkit-animation: highlight 0.5s ease-in;
  -moz-animation: highlight 0.5s ease-in;
  animation: highlight 0.5s ease-in;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

/**
 * When applied to the `body` this class prevents the page from scrolling. This
 * can be a useful trait when overlaying content such as a dialog where
 * scrolling is either undesirable or relevant only to the overlayed content.
 */
/* line 67, vendor/assets/stylesheets/editor/content-tools.scss */
.ct--no-scroll {
  overflow: hidden;
}

/**
 * Sometimes it necessary to take focus from an element such as when asking a
 * user to provide a URL for a link. To provide an indication of the element's
 * selection before focus was list this class can be applied to a `span`
 * surrounding the element's selection.
 *
 * Once focus is returned to the element the class should be removed.
 */
/* line 79, vendor/assets/stylesheets/editor/content-tools.scss */
.ct--puesdo-select {
  background: rgba(0, 0, 0, 0.1);
}
@charset "UTF-8";
/* line 1, app/assets/stylesheets/yogobe/colorprofile.sass */
.blogpost__share {
  color: #6ab7e2;
}

/*!
 * inuitcss, by @csswizardry
 *
 * github.com/inuitcss | inuitcss.com
 */
/**
 * Hide content off-screen without resorting to `display:none;`, also provide
 * breakpoint specific hidden elements.
 */
/* line 15, app/assets/stylesheets/tools.mixins.sass */
.accessibility,
.visuallyhidden,
#more-nav__lists-toggle__input:not(:checked) ~ .more-nav__list,
#more-nav__lists-toggle__input {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

@media screen and (max-width: 479px) {
  /* line 24, app/assets/stylesheets/tools.mixins.sass */
  .accessibility--mini,
.visuallyhidden--mini {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media screen and (min-width: 480px) and (max-width: 719px) {
  /* line 24, app/assets/stylesheets/tools.mixins.sass */
  .accessibility--mini-to-palm,
.visuallyhidden--mini-to-palm {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media screen and (max-width: 719px) {
  /* line 24, app/assets/stylesheets/tools.mixins.sass */
  .accessibility--palm,
.visuallyhidden--palm {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 24, app/assets/stylesheets/tools.mixins.sass */
  .accessibility--lap,
.visuallyhidden--lap {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media screen and (min-width: 720px) {
  /* line 24, app/assets/stylesheets/tools.mixins.sass */
  .accessibility--lap-and-up,
.visuallyhidden--lap-and-up,
.video-thumbnail__heart--palm {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media screen and (max-width: 1023px) {
  /* line 24, app/assets/stylesheets/tools.mixins.sass */
  .accessibility--portable,
.visuallyhidden--portable,
.blog-post-thumbnail__lede,
.blog-post-thumbnail__image,
.breadcrumbs__root {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media screen and (min-width: 1024px) {
  /* line 24, app/assets/stylesheets/tools.mixins.sass */
  .accessibility--desk,
.visuallyhidden--desk {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

/* line 32, app/assets/stylesheets/tools.mixins.sass */
.displaynone {
  display: none !important;
}

@media screen and (max-width: 479px) {
  /* line 39, app/assets/stylesheets/tools.mixins.sass */
  .displaynone--mini {
    display: none !important;
  }
}

@media screen and (min-width: 480px) and (max-width: 719px) {
  /* line 39, app/assets/stylesheets/tools.mixins.sass */
  .displaynone--mini-to-palm {
    display: none !important;
  }
}

@media screen and (max-width: 719px) {
  /* line 39, app/assets/stylesheets/tools.mixins.sass */
  .displaynone--palm {
    display: none !important;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 39, app/assets/stylesheets/tools.mixins.sass */
  .displaynone--lap {
    display: none !important;
  }
}

@media screen and (min-width: 720px) {
  /* line 39, app/assets/stylesheets/tools.mixins.sass */
  .displaynone--lap-and-up {
    display: none !important;
  }
}

@media screen and (max-width: 1023px) {
  /* line 39, app/assets/stylesheets/tools.mixins.sass */
  .displaynone--portable {
    display: none !important;
  }
}

@media screen and (min-width: 1024px) {
  /* line 39, app/assets/stylesheets/tools.mixins.sass */
  .displaynone--desk {
    display: none !important;
  }
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
/* line 9, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
/* line 19, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
/* line 33, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
/* line 54, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 67, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
/* line 77, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
/* line 89, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
/* line 98, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
/* line 118, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
/* line 127, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
/* line 136, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 145, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 154, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 162, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 170, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
sup {
  top: -0.5em;
}

/* line 174, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
/* line 185, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
/* line 193, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
/* line 204, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 212, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
/* line 221, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
/* line 229, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
/* line 252, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
/* line 266, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
button {
  overflow: visible;
}

/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
/* line 277, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
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.
 */
/* line 290, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 302, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 311, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 322, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
/* line 334, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
/* line 346, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
/* line 356, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
/* line 367, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
/* line 376, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 387, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
/* line 396, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
/* line 405, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 416, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 421, ../usr/local/bundle/gems/rails-assets-inuit-normalize-3.0.3/app/assets/stylesheets/inuit-normalize/_generic.normalize.scss */
td,
th {
  padding: 0;
}

/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
/* line 9, ../usr/local/bundle/gems/rails-assets-inuit-reset-0.1.1/app/assets/stylesheets/inuit-reset/_generic.reset.scss */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}

/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
/* line 28, ../usr/local/bundle/gems/rails-assets-inuit-reset-0.1.1/app/assets/stylesheets/inuit-reset/_generic.reset.scss */
abbr[title],
dfn[title] {
  cursor: help;
}

/**
 * Remove underlines from potentially troublesome elements.
 */
/* line 40, ../usr/local/bundle/gems/rails-assets-inuit-reset-0.1.1/app/assets/stylesheets/inuit-reset/_generic.reset.scss */
u,
ins {
  text-decoration: none;
}

/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
/* line 52, ../usr/local/bundle/gems/rails-assets-inuit-reset-0.1.1/app/assets/stylesheets/inuit-reset/_generic.reset.scss */
ins {
  border-bottom: 1px solid;
}

/*------------------------------------*\
    #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
/* line 11, ../usr/local/bundle/gems/rails-assets-inuit-box-sizing-0.2.0/app/assets/stylesheets/inuit-box-sizing/_generic.box-sizing.scss */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 19, ../usr/local/bundle/gems/rails-assets-inuit-box-sizing-0.2.0/app/assets/stylesheets/inuit-box-sizing/_generic.box-sizing.scss */
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Where `margin-bottom` is concerned,this value will be the same as the
 * base line-height. This allows us to keep a consistent vertical rhythm.
 * As per: csswizardry.com/2012/06/single-direction-margin-declarations
 */
/* line 10, ../usr/local/bundle/gems/rails-assets-inuit-shared-0.1.5/app/assets/stylesheets/inuit-shared/_generic.shared.scss */
h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
hr,
table,
fieldset, figure,
pre,
.blog-post-thumbnail {
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
}

/**
 * Where `margin-left` is concerned we want to try and indent certain elements
 * by a consistent amount. Define that amount once,here.
 */
/* line 30, ../usr/local/bundle/gems/rails-assets-inuit-shared-0.1.5/app/assets/stylesheets/inuit-shared/_generic.shared.scss */
ul, ol, dd {
  margin-left: 42px;
  margin-left: 3rem;
}

/*------------------------------------*\
    #PAGE
\*------------------------------------*/
/**
 * High-, page-level styling.
 *
 * 1. Set the default `font-size` and `line-height` for the entire project,
 *    sourced from our default variables. The `font-size` is calculated to exist
 *    in ems, the `line-height` is calculated to exist unitlessly.
 * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *    navigating between pages that do/do not have enough content to produce
 *    scrollbars naturally.
 * 3. Ensure the page always fills at least the entire height of the viewport.
 * 4. Prevent certain mobile browsers from automatically zooming fonts.
 * 5. Fonts on OSX will look more consistent with other systems that do not
 *    render text using sub-pixel anti-aliasing.
 */
/* line 19, ../usr/local/bundle/gems/rails-assets-inuit-page-0.2.1/app/assets/stylesheets/inuit-page/_base.page.scss */
html {
  font-size: 0.875em;
  /* [1] */
  line-height: 1.5;
  /* [1] */
  background-color: #fff;
  color: #333;
  overflow-y: scroll;
  /* [2] */
  min-height: 100%;
  /* [3] */
  -webkit-text-size-adjust: 100%;
  /* [4] */
  -ms-text-size-adjust: 100%;
  /* [4] */
  -moz-osx-font-smoothing: grayscale;
  /* [5] */
  -webkit-font-smoothing: antialiased;
  /* [5] */
}

/* line 13, app/assets/stylesheets/base.fonts.sass */
.dark-on-light,
.video-protection__button--close,
.video-protection__button--pink,
.video-protection__button--blue {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}

/* line 17, app/assets/stylesheets/base.fonts.sass */
.light-on-dark,
.login-overlay__content {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 21, app/assets/stylesheets/base.fonts.sass */
html {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}

/* line 28, app/assets/stylesheets/base.fonts.sass */
.alpha2, .programs__presentation__information h1, .coursesyllabus__container h1 {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
}

@media screen and (max-width: 719px) {
  /* line 28, app/assets/stylesheets/base.fonts.sass */
  .alpha2, .programs__presentation__information h1, .coursesyllabus__container h1 {
    font-size: 18px;
    font-size: 1.2857142857rem;
    line-height: 1.2;
    margin-bottom: 0.5rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 28, app/assets/stylesheets/base.fonts.sass */
  .alpha2, .programs__presentation__information h1, .coursesyllabus__container h1 {
    font-size: 24px;
    font-size: 1.7142857143rem;
    line-height: 1.2;
    margin-bottom: 0.5rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/base.fonts.sass */
  .alpha2, .programs__presentation__information h1, .coursesyllabus__container h1 {
    font-size: 28px;
    font-size: 2rem;
    line-height: 1.2;
    margin-bottom: 1rem;
  }
}

/* line 42, app/assets/stylesheets/base.fonts.sass */
.alpha2--mobilefix {
  word-break: break-word;
}

@media screen and (max-width: 320px) {
  /* line 42, app/assets/stylesheets/base.fonts.sass */
  .alpha2--mobilefix {
    max-width: 285px;
  }
}

@media screen and (min-width: 321px) and (max-width: 375px) {
  /* line 42, app/assets/stylesheets/base.fonts.sass */
  .alpha2--mobilefix {
    max-width: 340px;
  }
}

/* line 50, app/assets/stylesheets/base.fonts.sass */
.beta2, .programs__presentation__information h2, .playlists__publicindex__body h1 {
  font-weight: 400;
}

@media screen and (max-width: 719px) {
  /* line 50, app/assets/stylesheets/base.fonts.sass */
  .beta2, .programs__presentation__information h2, .playlists__publicindex__body h1 {
    font-size: 18px;
    font-size: 1.2857142857rem;
    line-height: 1.2;
    margin-bottom: 0.25rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 50, app/assets/stylesheets/base.fonts.sass */
  .beta2, .programs__presentation__information h2, .playlists__publicindex__body h1 {
    font-size: 20px;
    font-size: 1.4285714286rem;
    line-height: 1.2;
    margin-bottom: 0.25rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 50, app/assets/stylesheets/base.fonts.sass */
  .beta2, .programs__presentation__information h2, .playlists__publicindex__body h1 {
    font-size: 25px;
    font-size: 1.7857142857rem;
    line-height: 1.2;
    margin-bottom: 0.5rem;
  }
}

/* line 63, app/assets/stylesheets/base.fonts.sass */
.gamma2 {
  font-weight: 400;
}

@media screen and (max-width: 719px) {
  /* line 63, app/assets/stylesheets/base.fonts.sass */
  .gamma2 {
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 1.2;
    margin-bottom: 0.25rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 63, app/assets/stylesheets/base.fonts.sass */
  .gamma2 {
    font-size: 18px;
    font-size: 1.2857142857rem;
    line-height: 1.2;
    margin-bottom: 0.25rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 63, app/assets/stylesheets/base.fonts.sass */
  .gamma2 {
    font-size: 20px;
    font-size: 1.4285714286rem;
    line-height: 1.2;
    margin-bottom: 0.5rem;
  }
}

/* line 75, app/assets/stylesheets/base.fonts.sass */
.gamma2b {
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media screen and (max-width: 719px) {
  /* line 75, app/assets/stylesheets/base.fonts.sass */
  .gamma2b {
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 1.2;
    margin-bottom: 0.25rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 75, app/assets/stylesheets/base.fonts.sass */
  .gamma2b {
    font-size: 18px;
    font-size: 1.2857142857rem;
    line-height: 1.2;
    margin-bottom: 0.25rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 75, app/assets/stylesheets/base.fonts.sass */
  .gamma2b {
    font-size: 20px;
    font-size: 1.4285714286rem;
    line-height: 1.2;
    margin-bottom: 0.5rem;
  }
}

/* line 89, app/assets/stylesheets/base.fonts.sass */
.delta2 {
  font-weight: 400;
}

@media screen and (max-width: 719px) {
  /* line 89, app/assets/stylesheets/base.fonts.sass */
  .delta2 {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.2;
    margin-bottom: 0.25rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 89, app/assets/stylesheets/base.fonts.sass */
  .delta2 {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.2;
    margin-bottom: 0.25rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 89, app/assets/stylesheets/base.fonts.sass */
  .delta2 {
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 1.2;
    margin-bottom: 0.25rem;
  }
}

@media screen and (max-width: 719px) {
  /* line 103, app/assets/stylesheets/base.fonts.sass */
  .alpha2spacer {
    height: 3.6px;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 103, app/assets/stylesheets/base.fonts.sass */
  .alpha2spacer {
    height: 4.8px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 103, app/assets/stylesheets/base.fonts.sass */
  .alpha2spacer {
    height: 5.6px;
  }
}

/* line 113, app/assets/stylesheets/base.fonts.sass */
.alpha {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 4px;
}

@media screen and (max-width: 479px) {
  /* line 113, app/assets/stylesheets/base.fonts.sass */
  .alpha {
    font-size: 22px;
    font-size: 1.5714285714rem;
    line-height: 1.9090909091;
    line-height: 1.2;
  }
}

@media screen and (min-width: 480px) and (max-width: 719px) {
  /* line 113, app/assets/stylesheets/base.fonts.sass */
  .alpha {
    font-size: 32px;
    font-size: 2.2857142857rem;
    line-height: 1.3125;
    line-height: 1.2;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 113, app/assets/stylesheets/base.fonts.sass */
  .alpha {
    font-size: 40px;
    font-size: 2.8571428571rem;
    line-height: 1.05;
  }
}

@media screen and (min-width: 1024px) {
  /* line 113, app/assets/stylesheets/base.fonts.sass */
  .alpha {
    font-size: 55px;
    font-size: 3.9285714286rem;
    line-height: 1.1454545455;
  }
}

/* line 128, app/assets/stylesheets/base.fonts.sass */
.beta {
  font-weight: 700;
  text-transform: uppercase;
}

@media screen and (max-width: 719px) {
  /* line 128, app/assets/stylesheets/base.fonts.sass */
  .beta {
    font-size: 2px;
    font-size: 0.1428571429rem;
    line-height: 10.5;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 128, app/assets/stylesheets/base.fonts.sass */
  .beta {
    font-size: 4px;
    font-size: 0.2857142857rem;
    line-height: 5.25;
  }
}

@media screen and (min-width: 1024px) {
  /* line 128, app/assets/stylesheets/base.fonts.sass */
  .beta {
    font-size: 44px;
    font-size: 3.1428571429rem;
    line-height: 1.4318181818;
  }
}

/* line 138, app/assets/stylesheets/base.fonts.sass */
.gamma {
  font-weight: 700;
  text-transform: uppercase;
}

@media screen and (max-width: 719px) {
  /* line 138, app/assets/stylesheets/base.fonts.sass */
  .gamma {
    font-size: 20px;
    font-size: 1.4285714286rem;
    line-height: 1.05;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 138, app/assets/stylesheets/base.fonts.sass */
  .gamma {
    font-size: 26px;
    font-size: 1.8571428571rem;
    line-height: 1.6153846154;
  }
}

@media screen and (min-width: 1024px) {
  /* line 138, app/assets/stylesheets/base.fonts.sass */
  .gamma {
    font-size: 35px;
    font-size: 2.5rem;
    line-height: 1.2;
  }
}

/* line 148, app/assets/stylesheets/base.fonts.sass */
h2, .delta, #recommend-friend h1 {
  font-weight: 400;
}

@media screen and (max-width: 719px) {
  /* line 148, app/assets/stylesheets/base.fonts.sass */
  h2, .delta, #recommend-friend h1 {
    font-size: 18px;
    font-size: 1.2857142857rem;
    line-height: 1.1666666667;
    margin-bottom: 0.25rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 148, app/assets/stylesheets/base.fonts.sass */
  h2, .delta, #recommend-friend h1 {
    font-size: 20px;
    font-size: 1.4285714286rem;
    line-height: 1.05;
    margin-bottom: 0.25rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 148, app/assets/stylesheets/base.fonts.sass */
  h2, .delta, #recommend-friend h1 {
    font-size: 25px;
    font-size: 1.7857142857rem;
    line-height: 1.68;
    margin-bottom: 0;
  }
}

/* line 161, app/assets/stylesheets/base.fonts.sass */
.epsilon, .header__lede {
  font-size: 23px;
  font-size: 1.6428571429rem;
  line-height: 1.8260869565;
  font-weight: 400;
  font-style: italic;
}

/* line 166, app/assets/stylesheets/base.fonts.sass */
.zeta {
  font-size: 18px;
  font-size: 1.2857142857rem;
  line-height: 1.1666666667;
  font-weight: 400;
}

/* line 170, app/assets/stylesheets/base.fonts.sass */
.gm-beta, section.body-field h1 {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media screen and (max-width: 1023px) {
  /* line 170, app/assets/stylesheets/base.fonts.sass */
  .gm-beta, section.body-field h1 {
    margin-bottom: 1rem;
    font-size: 20px;
    font-size: 1.4285714286rem;
    line-height: 1.05;
  }
}

@media screen and (min-width: 1024px) {
  /* line 170, app/assets/stylesheets/base.fonts.sass */
  .gm-beta, section.body-field h1 {
    margin-bottom: 1.5rem;
    font-size: 24px;
    font-size: 1.7142857143rem;
    line-height: 1.75;
  }
}

/* line 181, app/assets/stylesheets/base.fonts.sass */
.gm-gamma, section.body-field h2 {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  margin-bottom: 1rem;
}

/* line 1, app/assets/stylesheets/base.links.sass */
a {
  color: #6ab7e2;
  text-decoration: none;
}

/* line 5, app/assets/stylesheets/base.links.sass */
input {
  border-radius: 0;
}

/* line 2, app/assets/stylesheets/objects/helpers.sass */
.uppercase,
.more-nav__item,
.more-nav__lists-toggle__label,
.video-protection__button--close,
.video-protection__button--pink,
.video-protection__button--blue {
  text-transform: uppercase;
}

/* line 6, app/assets/stylesheets/objects/helpers.sass */
.center-inline {
  text-align: center;
}

/* line 10, app/assets/stylesheets/objects/helpers.sass */
.center-block {
  margin-left: auto;
  margin-right: auto;
}

/* line 15, app/assets/stylesheets/objects/helpers.sass */
.vertical-middle {
  display: table-cell;
  vertical-align: middle;
}

/* line 20, app/assets/stylesheets/objects/helpers.sass */
.vertical-middle-relative {
  position: relative;
}

/* line 23, app/assets/stylesheets/objects/helpers.sass */
.vertical-middle-translate {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (min-width: 720px) {
  /* line 29, app/assets/stylesheets/objects/helpers.sass */
  .vertical-middle-translate--full {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

/* line 35, app/assets/stylesheets/objects/helpers.sass */
.flexbox-center-middle {
  position: absolute;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

/* line 46, app/assets/stylesheets/objects/helpers.sass */
.half-height {
  position: absolute;
  width: 100%;
  height: 0;
  padding-bottom: 50%;
}

@media screen and (max-width: 719px) {
  /* line 46, app/assets/stylesheets/objects/helpers.sass */
  .half-height {
    position: relative;
  }
}

/* line 54, app/assets/stylesheets/objects/helpers.sass */
.half-height--video {
  padding-bottom: 56.25%;
}

/* line 57, app/assets/stylesheets/objects/helpers.sass */
.zero-height {
  line-height: 0;
}

/* line 60, app/assets/stylesheets/objects/helpers.sass */
.max-height {
  height: 100%;
}

/* line 63, app/assets/stylesheets/objects/helpers.sass */
.overflowhidden {
  overflow: hidden;
}

/* line 66, app/assets/stylesheets/objects/helpers.sass */
.inlineblock {
  display: inline-block;
}

@media screen and (max-width: 719px) {
  /* line 69, app/assets/stylesheets/objects/helpers.sass */
  .standard-horizontal-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 69, app/assets/stylesheets/objects/helpers.sass */
  .standard-horizontal-padding {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 69, app/assets/stylesheets/objects/helpers.sass */
  .standard-horizontal-padding {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 80, app/assets/stylesheets/objects/helpers.sass */
  .standard-horizontal-padding--home {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* line 85, app/assets/stylesheets/objects/helpers.sass */
.black-background {
  background-color: black;
}

/* line 88, app/assets/stylesheets/objects/helpers.sass */
.white-background {
  background-color: white;
}

/* line 91, app/assets/stylesheets/objects/helpers.sass */
.grey-background {
  background-color: #f2f1f1;
}

/* line 94, app/assets/stylesheets/objects/helpers.sass */
.blue-background {
  color: white;
  background-color: #6ab7e2;
}

/* line 97, app/assets/stylesheets/objects/helpers.sass */
.blue-background a {
  color: white;
}

/* line 100, app/assets/stylesheets/objects/helpers.sass */
.blue {
  color: #6ab7e2;
}

/* line 103, app/assets/stylesheets/objects/helpers.sass */
.pink {
  color: #e74b92;
}

/* line 106, app/assets/stylesheets/objects/helpers.sass */
.black {
  color: #333;
}

/* line 110, app/assets/stylesheets/objects/helpers.sass */
.text-color {
  color: #333;
}

/* line 113, app/assets/stylesheets/objects/helpers.sass */
.clearfix {
  clear: both;
}

/* line 117, app/assets/stylesheets/objects/helpers.sass */
.checkmark:before, .courseenroll__usp li:before {
  content: url("https://yogobe.com/assets/icons/check-mark-e8fbff5c191a0e11aec5cbb8fd55877385521b8b6f4469f55ed1df2d35b6a711.svg");
}

/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/
/**
 * The inuitcss layout system uses `box-sizing: border-box;` and
 * `display: inline-block;` to create an extremely powerful, flexible
 * alternative to the traditional grid system. Combine the layout items with
 * the widths found in `trumps.widths`.
 */
/**
 * Begin a layout group.
 */
/* line 49, ../usr/local/bundle/gems/rails-assets-inuit-layout-0.3.2/app/assets/stylesheets/inuit-layout/_objects.layout.scss */
.layout {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -21px;
}

/**
     * 1. Cause columns to stack side-by-side.
     * 2. Space columns apart.
     * 3. Align columns to the tops of each other.
     * 4. Full-width unless told to behave otherwise.
     * 5. Required to combine fluid widths and fixed gutters.
     */
/* line 63, ../usr/local/bundle/gems/rails-assets-inuit-layout-0.3.2/app/assets/stylesheets/inuit-layout/_objects.layout.scss */
.layout__item {
  display: inline-block;
  /* [1] */
  padding-left: 21px;
  /* [2] */
  vertical-align: top;
  /* [3] */
  width: 100%;
  /* [4] */
}

/**
     * Layouts with no gutters.
     */
/* line 159, ../usr/local/bundle/gems/rails-assets-inuit-layout-0.3.2/app/assets/stylesheets/inuit-layout/_objects.layout.scss */
.layout--flush {
  margin-left: 0;
}

/* line 162, ../usr/local/bundle/gems/rails-assets-inuit-layout-0.3.2/app/assets/stylesheets/inuit-layout/_objects.layout.scss */
.layout--flush > .layout__item {
  padding-left: 0;
}

/* line 1, app/assets/stylesheets/objects/grid.sass */
.grid {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 6, app/assets/stylesheets/objects/grid.sass */
.grid__item {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

@media screen and (max-width: 719px) {
  /* line 1, app/assets/stylesheets/objects/main.sass */
  .container2 {
    padding: 1rem 1rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 1, app/assets/stylesheets/objects/main.sass */
  .container2 {
    padding: 2rem 2rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/objects/main.sass */
  .container2 {
    padding: 3rem 3rem;
  }
}

@media screen and (max-width: 719px) {
  /* line 9, app/assets/stylesheets/objects/main.sass */
  .content-container {
    padding: 1rem 1rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 9, app/assets/stylesheets/objects/main.sass */
  .content-container {
    padding: 2rem 1rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 9, app/assets/stylesheets/objects/main.sass */
  .content-container {
    padding: 2rem 2rem;
  }
}

/* line 17, app/assets/stylesheets/objects/main.sass */
.p2 {
  margin-bottom: 1rem;
}

/* line 21, app/assets/stylesheets/objects/main.sass */
.p2m p {
  margin-bottom: 1rem;
}

/* line 25, app/assets/stylesheets/objects/main.sass */
.p2mn p {
  margin-bottom: 0;
}

/* line 30, app/assets/stylesheets/objects/main.sass */
.library__tabs .library__tabs__toggle {
  display: none;
  float: right;
  width: 50px;
  height: 35px;
  text-align: center;
}

/* line 36, app/assets/stylesheets/objects/main.sass */
.library__tabs .library__tabs__toggle i {
  vertical-align: -9px;
}

/* line 38, app/assets/stylesheets/objects/main.sass */
.library__tabs a {
  display: inline-block;
  margin-right: 0.5rem;
  color: #fff;
  background-color: #6ab7e2;
  text-transform: uppercase;
}

@media screen and (max-width: 719px) {
  /* line 38, app/assets/stylesheets/objects/main.sass */
  .library__tabs a {
    padding: 0.5rem 1rem;
  }
}

@media screen and (min-width: 720px) {
  /* line 38, app/assets/stylesheets/objects/main.sass */
  .library__tabs a {
    padding: 0.5rem 2rem;
  }
}

/* line 48, app/assets/stylesheets/objects/main.sass */
.library__tabs .library__tabs--active {
  color: #6ab7e2;
  background-color: #fff;
}

/* line 51, app/assets/stylesheets/objects/main.sass */
.library__tabs .library__tabs--courses {
  padding-top: 6px;
  color: #777;
  background-color: #f2f1f1;
  border: 1px solid #999;
  border-bottom: none;
}

@media screen and (max-width: 770px) {
  /* line 29, app/assets/stylesheets/objects/main.sass */
  .library__tabs {
    padding-bottom: 0.25rem;
  }
  /* line 59, app/assets/stylesheets/objects/main.sass */
  .library__tabs a {
    margin-bottom: 0.5rem;
  }
  /* line 61, app/assets/stylesheets/objects/main.sass */
  .library__tabs .library__tabs--courses {
    border-bottom: 1px solid #333;
  }
}

/* line 64, app/assets/stylesheets/objects/main.sass */
.library__header {
  padding: 1rem;
}

/* line 66, app/assets/stylesheets/objects/main.sass */
.library__content {
  padding: 0 1rem 1rem;
}

/* line 69, app/assets/stylesheets/objects/main.sass */
.library__landing-pages {
  background-color: #fff;
}

@media screen and (max-width: 719px) {
  /* line 75, app/assets/stylesheets/objects/main.sass */
  section.body-field:last-child {
    padding-top: 0;
  }
}

/* line 81, app/assets/stylesheets/objects/main.sass */
section.body-field img {
  max-width: 100%;
  height: auto;
}

/* line 86, app/assets/stylesheets/objects/main.sass */
.videos__single {
  background-color: #eae6db;
}

/* line 90, app/assets/stylesheets/objects/main.sass */
.video-embed {
  position: relative;
  width: 100%;
  height: 0;
  margin-bottom: 1.5rem;
  padding-bottom: 56.25%;
}

/* line 96, app/assets/stylesheets/objects/main.sass */
.video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 104, app/assets/stylesheets/objects/main.sass */
.heading-row {
  padding: 1rem;
  text-align: center;
  color: white;
  background-color: #d9c6cd;
}

/* line 109, app/assets/stylesheets/objects/main.sass */
.heading-row h2 {
  margin-bottom: 0;
}

/* line 114, app/assets/stylesheets/objects/main.sass */
.image-wrapper {
  position: relative;
  display: block;
}

/* line 118, app/assets/stylesheets/objects/main.sass */
.image-wrapper__ar169 {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

/* line 126, app/assets/stylesheets/objects/main.sass */
.image-wrapper__ar21 {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 50%;
  overflow: hidden;
}

/* line 134, app/assets/stylesheets/objects/main.sass */
.image-wrapper__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 142, app/assets/stylesheets/objects/main.sass */
.image__shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

/* line 1, app/assets/stylesheets/objects/buttons.sass */
.button {
  display: inline-block;
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
  /* @todo remove */
  border: 1px solid #333;
  color: #333;
  background: transparent;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
}

@media screen and (max-width: 719px) {
  /* line 1, app/assets/stylesheets/objects/buttons.sass */
  .button {
    padding: 0.5rem 1rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 1, app/assets/stylesheets/objects/buttons.sass */
  .button {
    padding: 0.5rem 1.5rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/objects/buttons.sass */
  .button {
    padding: 0.75rem 2rem;
  }
}

/* line 18, app/assets/stylesheets/objects/buttons.sass */
.button--block {
  display: block;
}

/* line 21, app/assets/stylesheets/objects/buttons.sass */
.button--marginbottom {
  margin-bottom: 1rem;
}

/* line 24, app/assets/stylesheets/objects/buttons.sass */
.button--slim {
  padding: 0.5rem 1rem;
}

/* line 27, app/assets/stylesheets/objects/buttons.sass */
.button--tiny {
  padding: 0.25rem 0.5rem;
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 1.75;
}

/* line 31, app/assets/stylesheets/objects/buttons.sass */
.button--grey {
  border-color: #d0d1d0;
}

/* line 34, app/assets/stylesheets/objects/buttons.sass */
.button--blue {
  color: #6ab7e2;
  border-color: #6ab7e2;
}

/* line 38, app/assets/stylesheets/objects/buttons.sass */
.button--bluefill {
  color: white;
  border-color: #6ab7e2;
  background-color: #6ab7e2;
}

/* line 43, app/assets/stylesheets/objects/buttons.sass */
.button--pinkfill {
  color: white;
  border-color: #e74b92;
  background-color: #e74b92;
}

/* line 48, app/assets/stylesheets/objects/buttons.sass */
.recommend-a-friend-button__container {
  width: 100%;
  text-align: right;
}

/* line 51, app/assets/stylesheets/objects/buttons.sass */
.recommend-a-friend-button--videos {
  display: inline-block;
  padding: 0.5rem 1rem;
  color: white;
  background-color: #e74b92;
  text-align: center;
  font-weight: 300;
}

@media screen and (max-width: 719px) {
  /* line 51, app/assets/stylesheets/objects/buttons.sass */
  .recommend-a-friend-button--videos {
    width: 100%;
  }
}

@media screen and (min-width: 720px) {
  /* line 51, app/assets/stylesheets/objects/buttons.sass */
  .recommend-a-friend-button--videos {
    min-width: 48%;
  }
}

/* line 62, app/assets/stylesheets/objects/buttons.sass */
.recommend-a-friend-button--videos strong {
  font-weight: 400;
}

@keyframes button-success {
  0%, 100% {
    background-color: transparent;
  }
  50% {
    background-color: #dff0d8;
  }
}

/* line 71, app/assets/stylesheets/objects/buttons.sass */
.button--success {
  animation: button-success 2s 1;
}

@keyframes button-error {
  0%, 100% {
    background-color: transparent;
  }
  50% {
    background-color: #f2dede;
  }
}

/* line 79, app/assets/stylesheets/objects/buttons.sass */
.button--error {
  animation: button-error 1s 1;
}

/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.2.3 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
  /* line 8, ../usr/local/bundle/gems/rails-assets-featherlight-1.2.3/app/assets/stylesheets/featherlight/featherlight.min.scss */
  .featherlight {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483647;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background: #333;
    background: rgba(0, 0, 0, 0);
  }
  /* line 8, ../usr/local/bundle/gems/rails-assets-featherlight-1.2.3/app/assets/stylesheets/featherlight/featherlight.min.scss */
  .featherlight:last-of-type {
    background: rgba(0, 0, 0, 0.8);
  }
  /* line 8, ../usr/local/bundle/gems/rails-assets-featherlight-1.2.3/app/assets/stylesheets/featherlight/featherlight.min.scss */
  .featherlight:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em;
  }
  /* line 8, ../usr/local/bundle/gems/rails-assets-featherlight-1.2.3/app/assets/stylesheets/featherlight/featherlight.min.scss */
  .featherlight .featherlight-content {
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    overflow: auto;
    padding: 25px 25px 0;
    border-bottom: 25px solid transparent;
    min-width: 30%;
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    background: #fff;
    cursor: auto;
    white-space: normal;
  }
  /* line 8, ../usr/local/bundle/gems/rails-assets-featherlight-1.2.3/app/assets/stylesheets/featherlight/featherlight.min.scss */
  .featherlight .featherlight-inner {
    display: block;
  }
  /* line 8, ../usr/local/bundle/gems/rails-assets-featherlight-1.2.3/app/assets/stylesheets/featherlight/featherlight.min.scss */
  .featherlight .featherlight-close-icon {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    line-height: 25px;
    width: 25px;
    cursor: pointer;
    text-align: center;
    font: Arial,sans-serif;
    background: #fff;
    background: rgba(255, 255, 255, 0.3);
    color: #000;
  }
  /* line 8, ../usr/local/bundle/gems/rails-assets-featherlight-1.2.3/app/assets/stylesheets/featherlight/featherlight.min.scss */
  .featherlight .featherlight-image {
    width: 100%;
  }
  /* line 8, ../usr/local/bundle/gems/rails-assets-featherlight-1.2.3/app/assets/stylesheets/featherlight/featherlight.min.scss */
  .featherlight-iframe .featherlight-content {
    border-bottom: 0;
    padding: 0;
  }
  /* line 8, ../usr/local/bundle/gems/rails-assets-featherlight-1.2.3/app/assets/stylesheets/featherlight/featherlight.min.scss */
  .featherlight iframe {
    border: 0;
  }
}

@media only screen and (max-width: 1024px) {
  /* line 8, ../usr/local/bundle/gems/rails-assets-featherlight-1.2.3/app/assets/stylesheets/featherlight/featherlight.min.scss */
  .featherlight .featherlight-content {
    margin-left: 10px;
    margin-right: 10px;
    max-height: 98%;
    padding: 10px 10px 0;
    border-bottom: 10px solid transparent;
  }
}

/**
 * Featherlight Gallery – an extension for the ultra slim jQuery lightbox
 * Version 1.2.3 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
  /* line 8, ../usr/local/bundle/gems/rails-assets-featherlight-1.2.3/app/assets/stylesheets/featherlight/featherlight.gallery.min.scss */
  .featherlight-next, .featherlight-previous {
    display: block;
    position: absolute;
    top: 25px;
    right: 25px;
    bottom: 0;
    left: 80%;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: rgba(0, 0, 0, 0);
  }
  /* line 8, ../usr/local/bundle/gems/rails-assets-featherlight-1.2.3/app/assets/stylesheets/featherlight/featherlight.gallery.min.scss */
  .featherlight-previous {
    left: 25px;
    right: 80%;
  }
  /* line 8, ../usr/local/bundle/gems/rails-assets-featherlight-1.2.3/app/assets/stylesheets/featherlight/featherlight.gallery.min.scss */
  .featherlight-next:hover, .featherlight-previous:hover {
    background: rgba(255, 255, 255, 0.25);
  }
  /* line 8, ../usr/local/bundle/gems/rails-assets-featherlight-1.2.3/app/assets/stylesheets/featherlight/featherlight.gallery.min.scss */
  .featherlight-next span, .featherlight-previous span {
    display: none;
    position: absolute;
    top: 50%;
    left: 5%;
    width: 82%;
    text-align: center;
    font-size: 80px;
    line-height: 80px;
    margin-top: -40px;
    text-shadow: 0 0 5px #fff;
    color: #fff;
    font-style: normal;
    font-weight: 400;
  }
  /* line 8, ../usr/local/bundle/gems/rails-assets-featherlight-1.2.3/app/assets/stylesheets/featherlight/featherlight.gallery.min.scss */
  .featherlight-next span {
    right: 5%;
    left: auto;
  }
  /* line 8, ../usr/local/bundle/gems/rails-assets-featherlight-1.2.3/app/assets/stylesheets/featherlight/featherlight.gallery.min.scss */
  .featherlight-next:hover span, .featherlight-previous:hover span {
    display: inline-block;
  }
  /* line 8, ../usr/local/bundle/gems/rails-assets-featherlight-1.2.3/app/assets/stylesheets/featherlight/featherlight.gallery.min.scss */
  .featherlight-loading .featherlight-next, .featherlight-loading .featherlight-previous {
    display: none;
  }
}

@media only screen and (max-device-width: 1024px) {
  /* line 8, ../usr/local/bundle/gems/rails-assets-featherlight-1.2.3/app/assets/stylesheets/featherlight/featherlight.gallery.min.scss */
  .featherlight-next:hover, .featherlight-previous:hover {
    background: 0 0;
  }
  /* line 8, ../usr/local/bundle/gems/rails-assets-featherlight-1.2.3/app/assets/stylesheets/featherlight/featherlight.gallery.min.scss */
  .featherlight-next span, .featherlight-previous span {
    display: block;
  }
}

@media only screen and (max-width: 1024px) {
  /* line 8, ../usr/local/bundle/gems/rails-assets-featherlight-1.2.3/app/assets/stylesheets/featherlight/featherlight.gallery.min.scss */
  .featherlight-next, .featherlight-previous {
    top: 10px;
    right: 10px;
    left: 85%;
  }
  /* line 8, ../usr/local/bundle/gems/rails-assets-featherlight-1.2.3/app/assets/stylesheets/featherlight/featherlight.gallery.min.scss */
  .featherlight-previous {
    left: 10px;
    right: 85%;
  }
  /* line 8, ../usr/local/bundle/gems/rails-assets-featherlight-1.2.3/app/assets/stylesheets/featherlight/featherlight.gallery.min.scss */
  .featherlight-next span, .featherlight-previous span {
    margin-top: -30px;
    font-size: 40px;
  }
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
/* line 8, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
/* line 23, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table;
}

/* line 28, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-single:after {
  clear: both;
}

/* line 29, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-single {
  *zoom: 1;
}

/* line 31, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-single.is-hidden {
  display: none;
}

/* line 35, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

/* line 40, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}

/* line 46, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-title {
  position: relative;
  text-align: center;
}

/* line 51, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
}

/* line 64, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}

/* line 75, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  color: rgba(0, 0, 0, 0);
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: .5;
  *position: absolute;
  *top: 0;
}

/* line 97, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}

/* line 102, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  *left: 0;
}

/* line 109, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  *right: 0;
}

/* line 116, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: .2;
}

/* line 122, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-select {
  display: inline-block;
  *display: inline;
}

/* line 127, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}

/* line 134, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-table th,
.pika-table td {
  width: 14.285714285714286%;
  padding: 0;
}

/* line 140, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}

/* line 148, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}

/* line 165, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-week {
  font-size: 11px;
  color: #999;
}

/* line 170, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.is-today .pika-button {
  color: #33aaff;
  font-weight: bold;
}

/* line 175, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.is-selected .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}

/* line 183, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.is-inrange .pika-button {
  background: #D5E9F7;
}

/* line 187, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  box-shadow: none;
  border-radius: 3px;
}

/* line 194, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 3px;
}

/* line 201, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.is-disabled .pika-button,
.is-outside-current-month .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: .3;
}

/* line 209, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-button:hover {
  color: #fff;
  background: #ff8000;
  box-shadow: none;
  border-radius: 3px;
}

/* styling for abbr */
/* line 217, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}

/* line 222, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-time-container {
  clear: both;
}

/* line 226, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-time {
  margin: 7px auto 7px;
}

/* line 230, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-time .pika-time-label {
  font-weight: bold;
  font-size: 11px;
  color: #666;
  padding-right: 0.33em;
}

/* line 1, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

/* line 7, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

/* line 14, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 21, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

/* line 24, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

/* line 31, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 37, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container .select2-search--inline {
  float: left;
}

/* line 39, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
}

/* line 44, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/* line 47, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

/* line 58, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-results {
  display: block;
}

/* line 61, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 66, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

/* line 70, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-results__option[aria-selected] {
  cursor: pointer;
}

/* line 73, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--open .select2-dropdown {
  left: 0;
}

/* line 76, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 81, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 86, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-search--dropdown {
  display: block;
  padding: 4px;
}

/* line 89, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

/* line 93, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/* line 95, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-search--dropdown.select2-search--hide {
  display: none;
}

/* line 98, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

/* line 115, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 125, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

/* line 129, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

/* line 132, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

/* line 136, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

/* line 138, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

/* line 144, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

/* line 155, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

/* line 157, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

/* line 160, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

/* line 163, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

/* line 165, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

/* line 168, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

/* line 173, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

/* line 179, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

/* line 183, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

/* line 189, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

/* line 198, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

/* line 204, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

/* line 206, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
  float: right;
}

/* line 208, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

/* line 211, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

/* line 214, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

/* line 217, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

/* line 220, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

/* line 222, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 225, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 228, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

/* line 230, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
}

/* line 234, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

/* line 237, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

/* line 239, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

/* line 241, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

/* line 243, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

/* line 245, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

/* line 247, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

/* line 250, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

/* line 253, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

/* line 256, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

/* line 259, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

/* line 262, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

/* line 265, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

/* line 270, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--single {
  background-color: #f6f6f6;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}

/* line 280, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

/* line 282, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

/* line 285, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

/* line 290, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

/* line 292, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
}

/* line 308, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

/* line 319, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

/* line 321, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

/* line 329, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

/* line 331, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

/* line 334, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

/* line 337, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}

/* line 346, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
}

/* line 355, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

/* line 361, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

/* line 363, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

/* line 367, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

/* line 369, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

/* line 378, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

/* line 384, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

/* line 386, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
}

/* line 388, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

/* line 391, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

/* line 394, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

/* line 396, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 400, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 404, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

/* line 407, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
}

/* line 409, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

/* line 412, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

/* line 414, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

/* line 416, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

/* line 419, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

/* line 421, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

/* line 423, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}

/* line 426, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

/* line 430, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/* line 1, app/assets/stylesheets/components/layout.sass */
html.turbolinks-progress-bar::before {
  background-color: #6ab7e2 !important;
}

/* line 4, app/assets/stylesheets/components/layout.sass */
body {
  background-color: white;
}

/* line 7, app/assets/stylesheets/components/layout.sass */
.content {
  max-width: 1280px;
  margin: auto;
  background-color: #f2f1f1;
}

/* line 13, app/assets/stylesheets/components/layout.sass */
.header-shade {
  display: none;
}

/* line 16, app/assets/stylesheets/components/layout.sass */
.header {
  position: relative;
  border-bottom: 1px solid white;
}

/* line 23, app/assets/stylesheets/components/layout.sass */
.site-locale--desk__form {
  position: absolute;
  top: 62px;
  right: 0;
  width: 165px;
  height: 35px;
  padding: 0.5rem 0.25rem 0 0.5rem;
  background-color: white;
}

/* line 36, app/assets/stylesheets/components/layout.sass */
.site-locale--desk__flag {
  width: 23px;
}

/* line 39, app/assets/stylesheets/components/layout.sass */
.site-locale--desk__flag--current {
  border-width: 1px 2px 2px;
  border-style: solid;
  border-color: #6ab7e2;
}

/* line 44, app/assets/stylesheets/components/layout.sass */
.site-locale__select {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 2rem;
  border-radius: 0;
}

/* line 52, app/assets/stylesheets/components/layout.sass */
.flash {
  position: absolute;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  max-width: 1280px;
  z-index: 15;
  padding: 0.5rem 1rem;
  border: 1px solid;
}

/* line 62, app/assets/stylesheets/components/layout.sass */
.flash p:last-child {
  margin-bottom: 0;
}

/* line 65, app/assets/stylesheets/components/layout.sass */
.flash-inline {
  padding: 0.5rem 1rem;
  border: 1px solid;
}

/* line 69, app/assets/stylesheets/components/layout.sass */
.flash--info {
  background-color: rgba(223, 240, 216, 0.9);
  border-color: #d6e9c6;
}

/* line 74, app/assets/stylesheets/components/layout.sass */
.flash--notice {
  background-color: rgba(248, 232, 192, 0.9);
  border-color: #fbeed5;
}

/* line 79, app/assets/stylesheets/components/layout.sass */
.flash--alert {
  background-color: rgba(242, 222, 222, 0.9);
  border-color: #eed3d7;
}

/* line 84, app/assets/stylesheets/components/layout.sass */
.flash__close {
  float: right;
  padding: 5px 0 5px 5px;
  cursor: pointer;
}

/* line 90, app/assets/stylesheets/components/layout.sass */
.video-protection__button--close, .video-protection__button--pink, .video-protection__button--blue {
  display: inline-block;
  padding: 0.5rem 1.25rem;
  border: none;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.3125;
  color: white;
  background-color: #d0d1d0;
  text-align: center;
}

/* line 106, app/assets/stylesheets/components/layout.sass */
.hr {
  margin-bottom: 10.5px;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid #d0d1d0;
  box-shadow: 0px 1px 0px 0px white;
}

/* line 114, app/assets/stylesheets/components/layout.sass */
input.ios7-toggle {
  max-width: 0;
  max-height: 0;
  opacity: 0;
}

/* line 119, app/assets/stylesheets/components/layout.sass */
input.ios7-toggle + label {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 1.5rem;
  border-radius: 15px;
  vertical-align: middle;
  box-shadow: inset 0 0 0 1px #d5d5d5;
  text-indent: -9999px;
}

/* line 128, app/assets/stylesheets/components/layout.sass */
input.ios7-toggle + label:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  content: '';
  background-color: rgba(106, 183, 226, 0);
  border-radius: 15px;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

/* line 139, app/assets/stylesheets/components/layout.sass */
input.ios7-toggle + label:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  content: '';
  background-color: white;
  border-radius: 15px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

/* line 151, app/assets/stylesheets/components/layout.sass */
input.ios7-toggle:checked + label:before {
  width: 3rem;
  background-color: #6ab7e2;
}

/* line 154, app/assets/stylesheets/components/layout.sass */
input.ios7-toggle:checked + label:after {
  left: 1.5rem;
  box-shadow: inset 0 0 0 1px #6ab7e2, 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* line 158, app/assets/stylesheets/components/layout.sass */
.sidebar__layout {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

/* line 164, app/assets/stylesheets/components/layout.sass */
.sidebar__layout__sidebar {
  padding: 1rem 0 1rem 1rem;
  display: flex;
  width: 0;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}

@media screen and (max-width: 719px) {
  /* line 164, app/assets/stylesheets/components/layout.sass */
  .sidebar__layout__sidebar {
    width: 100%;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  /* line 173, app/assets/stylesheets/components/layout.sass */
  .sidebar__layout__sidebar .button {
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
    width: auto;
  }
}

@media screen and (min-width: 720px) {
  /* line 164, app/assets/stylesheets/components/layout.sass */
  .sidebar__layout__sidebar {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-basis: 150px;
    -moz-flex-basis: 150px;
    -ms-flex-basis: 150px;
    flex-basis: 150px;
  }
  /* line 180, app/assets/stylesheets/components/layout.sass */
  .sidebar__layout__sidebar .button {
    margin-bottom: 0;
    border-bottom: 10px solid white;
  }
  /* line 183, app/assets/stylesheets/components/layout.sass */
  .sidebar__layout__sidebar .button:last-child {
    border-bottom: none;
  }
}

/* line 185, app/assets/stylesheets/components/layout.sass */
.sidebar__layout__main {
  width: 0;
  padding: 1rem 1rem 1rem 0;
}

@media screen and (max-width: 719px) {
  /* line 185, app/assets/stylesheets/components/layout.sass */
  .sidebar__layout__main {
    width: 100%;
    padding: 0;
    padding-top: 0.5rem;
  }
}

@media screen and (min-width: 720px) {
  /* line 185, app/assets/stylesheets/components/layout.sass */
  .sidebar__layout__main {
    -webkit-flex-grow: 4;
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    flex-grow: 4;
    -webkit-flex-basis: 300px;
    -moz-flex-basis: 300px;
    -ms-flex-basis: 300px;
    flex-basis: 300px;
  }
}

/* line 197, app/assets/stylesheets/components/layout.sass */
.sidebar__layout__container {
  margin-bottom: 2rem;
  background-color: white;
}

@media screen and (max-width: 719px) {
  /* line 197, app/assets/stylesheets/components/layout.sass */
  .sidebar__layout__container {
    padding: 1rem 1rem;
  }
}

@media screen and (min-width: 720px) {
  /* line 197, app/assets/stylesheets/components/layout.sass */
  .sidebar__layout__container {
    padding: 2rem 2rem;
  }
}

/* line 205, app/assets/stylesheets/components/layout.sass */
.button-full-blue {
  width: 100%;
  color: white;
  background-color: #6ab7e2;
  border: none;
}

/* line 1, app/assets/stylesheets/components/site-nav.sass */
.header {
  z-index: 16;
}

/* line 4, app/assets/stylesheets/components/site-nav.sass */
.site-nav {
  border-bottom: 1px solid white;
  background-color: white;
}

@media screen and (max-width: 719px) {
  /* line 4, app/assets/stylesheets/components/site-nav.sass */
  .site-nav {
    height: 50px;
  }
}

@media screen and (min-width: 720px) {
  /* line 4, app/assets/stylesheets/components/site-nav.sass */
  .site-nav {
    height: 64px;
  }
}

/* line 12, app/assets/stylesheets/components/site-nav.sass */
.site-nav__home {
  display: block;
  max-width: 25%;
  float: left;
}

@media screen and (max-width: 719px) {
  /* line 12, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__home {
    padding: 11px 0 0 11px;
  }
}

@media screen and (min-width: 720px) {
  /* line 12, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__home {
    padding: 16px 0 0 16px;
  }
}

/* line 21, app/assets/stylesheets/components/site-nav.sass */
.site-nav__image {
  width: 100%;
  max-width: 145px;
  max-height: 28px;
  vertical-align: -8px;
}

/* line 30, app/assets/stylesheets/components/site-nav.sass */
.site-nav__menu {
  height: 100%;
  overflow: hidden;
  float: right;
}

/* line 36, app/assets/stylesheets/components/site-nav.sass */
#site-nav__lists-toggle__input:not(:checked) ~ .site-nav__list {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

/* line 39, app/assets/stylesheets/components/site-nav.sass */
.site-nav__lists-toggle__label {
  padding: 0 1.75rem;
  vertical-align: middle;
  color: #333;
  cursor: pointer;
}

/* line 43, app/assets/stylesheets/components/site-nav.sass */
.site-nav__lists-toggle__label.light {
  color: white;
}

/* line 46, app/assets/stylesheets/components/site-nav.sass */
.site-nav__lists-toggle__label .fa {
  font-size: 1.3rem;
  vertical-align: -5%;
}

/* line 50, app/assets/stylesheets/components/site-nav.sass */
.site-nav__bar {
  margin-left: 0;
  list-style: none;
  padding-right: 0.75rem;
}

@media screen and (max-width: 719px) {
  /* line 50, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__bar {
    padding-top: 15px;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 50, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__bar {
    padding-top: 21px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 50, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__bar {
    padding-top: 4px;
  }
}

/* line 61, app/assets/stylesheets/components/site-nav.sass */
.site-nav__bar__item {
  float: left;
  text-transform: uppercase;
}

/* line 64, app/assets/stylesheets/components/site-nav.sass */
.site-nav__bar__item a, .site-nav__bar__item label {
  color: #333;
  font-weight: 300;
  letter-spacing: 1px;
  cursor: pointer;
}

@media screen and (max-width: 719px) {
  /* line 64, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__bar__item a, .site-nav__bar__item label {
    padding: 0 0.75rem;
  }
}

@media screen and (min-width: 720px) {
  /* line 64, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__bar__item a, .site-nav__bar__item label {
    padding: 0 1.25rem;
  }
}

/* line 74, app/assets/stylesheets/components/site-nav.sass */
.site-nav__bar--market {
  padding: 0 1.625rem 0;
}

/* line 77, app/assets/stylesheets/components/site-nav.sass */
.site-nav__bar__item--market {
  float: right;
}

/* line 79, app/assets/stylesheets/components/site-nav.sass */
.site-nav__bar__item--market a {
  padding: 0 0.375rem;
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 1.75;
}

/* line 84, app/assets/stylesheets/components/site-nav.sass */
.site-nav__bar__item--market--current a {
  font-weight: 600;
}

/* line 87, app/assets/stylesheets/components/site-nav.sass */
.site-nav__bar__item__icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: none;
  background: url(https://yogobe.com/assets/icons/search-blue-b3b287d01bd62764d0c9a0c625574c7f73874f6e4c1c5bd9f12da216942b2050.png) no-repeat center;
  background-size: 16px;
  vertical-align: middle;
}

/* line 96, app/assets/stylesheets/components/site-nav.sass */
.site-nav__list {
  position: absolute;
  right: 0;
  list-style: none;
  background-color: #6ab7e2;
}

@media screen and (max-width: 719px) {
  /* line 96, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__list {
    top: 50px;
  }
}

@media screen and (min-width: 720px) {
  /* line 96, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__list {
    top: 64px;
  }
}

/* line 106, app/assets/stylesheets/components/site-nav.sass */
.site-nav__list__item {
  padding: 0.5rem 0;
  border-bottom: 1px solid white;
  text-transform: uppercase;
}

/* line 110, app/assets/stylesheets/components/site-nav.sass */
.site-nav__list__item:last-child {
  border-bottom: none;
}

/* line 112, app/assets/stylesheets/components/site-nav.sass */
.site-nav__list__item a {
  display: block;
  width: 100%;
  padding: 0 2rem 0 1rem;
  font-size: 13px;
  font-size: 0.9285714286rem;
  line-height: 1.6153846154;
  color: white;
  letter-spacing: 1px;
}

/* line 120, app/assets/stylesheets/components/site-nav.sass */
.site-nav__bar__item .site-nav__list__item--grey {
  background-color: #d0d1d0;
}

/* line 122, app/assets/stylesheets/components/site-nav.sass */
.site-nav__bar__item .site-nav__list__item--grey a {
  color: #333;
}

@media screen and (min-width: 880px) {
  /* line 127, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__menu__menu * {
    display: none !important;
  }
  /* line 129, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__menu__menu:after {
    content: '|';
  }
}

@media screen and (min-width: 880px) {
  /* line 133, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__list__item.site-nav__item--team {
    display: none !important;
  }
}

@media screen and (max-width: 879px) {
  /* line 136, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__bar__item.site-nav__item--team {
    display: none !important;
  }
}

@media screen and (min-width: 810px) {
  /* line 140, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__list__item.site-nav__item--store {
    display: none !important;
  }
}

@media screen and (max-width: 809px) {
  /* line 143, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__bar__item.site-nav__item--store {
    display: none !important;
  }
}

@media screen and (min-width: 610px) {
  /* line 147, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__list__item.site-nav__item--blog {
    display: none !important;
  }
}

@media screen and (max-width: 609px) {
  /* line 150, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__bar__item.site-nav__item--blog {
    display: none !important;
  }
}

@media screen and (min-width: 510px) {
  /* line 154, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__list__item.site-nav__item--mypage {
    display: none !important;
  }
}

@media screen and (max-width: 509px) {
  /* line 157, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__bar__item.site-nav__item--mypage {
    display: none !important;
  }
}

@media screen and (min-width: 375px) {
  /* line 161, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__list__item.site-nav__item--videos {
    display: none !important;
  }
}

@media screen and (max-width: 374px) {
  /* line 164, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__bar__item.site-nav__item--videos {
    display: none !important;
  }
}

@media screen and (min-width: 375px) {
  /* line 168, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__list__item.site-nav__item--search {
    display: none !important;
  }
}

@media screen and (max-width: 374px) {
  /* line 171, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__bar__item.site-nav__item--search {
    display: none !important;
  }
}

/* line 175, app/assets/stylesheets/components/site-nav.sass */
.site-nav__home2 {
  display: block;
  width: 25%;
  max-width: 25%;
  height: 100%;
  float: left;
}

@media screen and (max-width: 719px) {
  /* line 175, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__home2 {
    width: 40px;
    padding: 11px 0 0 11px;
  }
}

@media screen and (min-width: 720px) {
  /* line 175, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__home2 {
    padding: 16px 0 0 16px;
  }
}

/* line 187, app/assets/stylesheets/components/site-nav.sass */
.site-nav__logo {
  display: inline-block;
  background-image: url(https://yogobe.com/assets/layout/yogobe-blue-8d027af49f4a23cfd53de67e3f18b4faed684d30d330bcc54a773bd47bf2c1f6.png);
  background-size: cover;
  width: 100%;
  max-width: 145px;
  height: 100%;
  max-height: 28px;
  vertical-align: -8px;
}

@media screen and (max-width: 719px) {
  /* line 187, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__logo {
    -webkit-clip-path: polygon(100% 0, 75% 20%, 60% 60%, 60% 100%, 0% 100%, 0 0);
    -moz-clip-path: polygon(100% 0, 75% 20%, 60% 60%, 60% 100%, 0% 100%, 0 0);
    -ms-clip-path: polygon(100% 0, 75% 20%, 60% 60%, 60% 100%, 0% 100%, 0 0);
    clip-path: polygon(100% 0, 75% 20%, 60% 60%, 60% 100%, 0% 100%, 0 0);
  }
}

/* line 200, app/assets/stylesheets/components/site-nav.sass */
.site-nav__hamburger {
  margin-bottom: 10rem;
}

/* line 203, app/assets/stylesheets/components/site-nav.sass */
.site-nav__topmenu {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}

@media screen and (min-width: 1024px) {
  /* line 203, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__topmenu {
    float: right;
  }
}

/* line 211, app/assets/stylesheets/components/site-nav.sass */
.site-nav__menu2 {
  height: 100%;
  overflow: hidden;
}

@media screen and (min-width: 1024px) {
  /* line 211, app/assets/stylesheets/components/site-nav.sass */
  .site-nav__menu2 {
    float: right;
  }
}

/* line 217, app/assets/stylesheets/components/site-nav.sass */
.site-nav__notificationcount {
  display: inline-block;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  background-color: red;
  color: white;
  text-align: center;
}

/* line 1, app/assets/stylesheets/components/more-nav.sass */
.more-nav {
  position: relative;
}

@media screen and (max-width: 1023px) {
  /* line 1, app/assets/stylesheets/components/more-nav.sass */
  .more-nav {
    padding-bottom: 0.75rem;
  }
}

/* line 5, app/assets/stylesheets/components/more-nav.sass */
.more-nav:after {
  content: "";
  display: table;
  clear: both;
}

/* line 16, app/assets/stylesheets/components/more-nav.sass */
.more-nav__lists-toggle__label {
  float: right;
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  /* line 16, app/assets/stylesheets/components/more-nav.sass */
  .more-nav__lists-toggle__label {
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 1.3125;
  }
}

/* line 23, app/assets/stylesheets/components/more-nav.sass */
.more-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 15px;
  font-size: 1.0714285714rem;
  line-height: 1.4;
}

@media screen and (max-width: 1023px) {
  /* line 23, app/assets/stylesheets/components/more-nav.sass */
  .more-nav__list {
    clear: both;
    float: right;
  }
}

@media screen and (min-width: 1024px) {
  /* line 23, app/assets/stylesheets/components/more-nav.sass */
  .more-nav__list {
    position: absolute;
    right: 0;
    top: 24px;
    z-index: 100;
    background-color: #6ab7e2;
  }
}

/* line 38, app/assets/stylesheets/components/more-nav.sass */
.more-nav__item {
  text-align: right;
}

@media screen and (min-width: 1024px) {
  /* line 38, app/assets/stylesheets/components/more-nav.sass */
  .more-nav__item {
    width: 100%;
    border-bottom: 1px solid white;
  }
}

@media screen and (max-width: 1023px) {
  /* line 45, app/assets/stylesheets/components/more-nav.sass */
  .more-nav__link {
    color: #333;
  }
}

@media screen and (min-width: 1024px) {
  /* line 45, app/assets/stylesheets/components/more-nav.sass */
  .more-nav__link {
    padding: 0 0.5rem;
    line-height: 2;
    color: white;
  }
}

@media screen and (max-width: 719px) {
  /* line 1, app/assets/stylesheets/components/footer-nav.sass */
  .footer-nav {
    width: 100%;
    padding: 1rem 0;
  }
}

@media screen and (min-width: 720px) {
  /* line 1, app/assets/stylesheets/components/footer-nav.sass */
  .footer-nav {
    display: table;
    width: 80%;
    margin: 0 auto;
    padding: 1rem 0;
  }
}

/* line 15, app/assets/stylesheets/components/footer-nav.sass */
.footer-nav__list {
  margin: 0 1rem;
  list-style: none;
}

@media screen and (max-width: 1023px) {
  /* line 15, app/assets/stylesheets/components/footer-nav.sass */
  .footer-nav__list {
    display: block;
    clear: both;
  }
}

@media screen and (min-width: 1024px) {
  /* line 15, app/assets/stylesheets/components/footer-nav.sass */
  .footer-nav__list {
    display: table-cell;
  }
}

@media screen and (min-width: 1024px) {
  /* line 24, app/assets/stylesheets/components/footer-nav.sass */
  .footer-nav__list--about-us {
    text-align: left;
    height: 1rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 29, app/assets/stylesheets/components/footer-nav.sass */
  .footer-nav__list--social {
    text-align: center;
  }
}

/* line 35, app/assets/stylesheets/components/footer-nav.sass */
.footer-nav__item {
  float: left;
}

/* line 37, app/assets/stylesheets/components/footer-nav.sass */
.footer-nav__item:not(:last-child) {
  padding-right: 4px;
}

/* line 39, app/assets/stylesheets/components/footer-nav.sass */
.footer-nav__item + .footer-nav__item:before {
  content: "|";
}

/* line 43, app/assets/stylesheets/components/footer-nav.sass */
.footer-nav__link {
  color: #333;
}

/* line 45, app/assets/stylesheets/components/footer-nav.sass */
.footer-nav__link:hover {
  text-decoration: underline;
}

/* line 48, app/assets/stylesheets/components/footer-nav.sass */
.copyright {
  margin: 0 1rem;
  vertical-align: top;
}

@media screen and (max-width: 1023px) {
  /* line 48, app/assets/stylesheets/components/footer-nav.sass */
  .copyright {
    display: block;
    clear: both;
  }
}

@media screen and (min-width: 1024px) {
  /* line 48, app/assets/stylesheets/components/footer-nav.sass */
  .copyright {
    display: table-cell;
    text-align: right;
  }
}

/* line 1, app/assets/stylesheets/components/breadcrumbs.sass */
.breadcrumbs {
  max-width: 80%;
  float: left;
  text-transform: capitalize;
}

@media screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/breadcrumbs.sass */
  .breadcrumbs {
    margin-bottom: 1.5rem;
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 1.3125;
  }
}

/* line 9, app/assets/stylesheets/components/breadcrumbs.sass */
.breadcrumbs__root {
  display: inline;
}

/* line 1, app/assets/stylesheets/components/login-overlay.sass */
.login-overlay {
  position: fixed;
  top: 0;
  left: 0;
  display: table;
  width: 100%;
  height: 100%;
  z-index: 200;
}

/* line 10, app/assets/stylesheets/components/login-overlay.sass */
.login-overlay__content {
  margin: 0 auto;
  padding: 0.5rem 1rem;
  color: white;
  background-color: rgba(0, 0, 0, 0.75);
}

@media screen and (max-width: 1023px) {
  /* line 10, app/assets/stylesheets/components/login-overlay.sass */
  .login-overlay__content {
    width: 90%;
  }
}

@media screen and (min-width: 1024px) {
  /* line 10, app/assets/stylesheets/components/login-overlay.sass */
  .login-overlay__content {
    width: 996px;
  }
}

/* line 21, app/assets/stylesheets/components/login-overlay.sass */
.login-overlay__info {
  text-align: center;
}

/* line 4, app/assets/stylesheets/components/ta-spinner.sass */
.ta-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3rem;
  height: 3rem;
  margin-top: -1.5rem;
  margin-left: -1.5rem;
}

/* line 14, app/assets/stylesheets/components/ta-spinner.sass */
.ta-spinner .ta-spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* line 19, app/assets/stylesheets/components/ta-spinner.sass */
.ta-container1 > div, .ta-container2 > div, .ta-container3 > div {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #6ab7e2;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* line 31, app/assets/stylesheets/components/ta-spinner.sass */
.ta-container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

/* line 35, app/assets/stylesheets/components/ta-spinner.sass */
.ta-container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

/* line 39, app/assets/stylesheets/components/ta-spinner.sass */
.ta-circle1 {
  top: 0;
  left: 0;
}

/* line 43, app/assets/stylesheets/components/ta-spinner.sass */
.ta-circle2 {
  top: 0;
  right: 0;
}

/* line 47, app/assets/stylesheets/components/ta-spinner.sass */
.ta-circle3 {
  right: 0;
  bottom: 0;
}

/* line 51, app/assets/stylesheets/components/ta-spinner.sass */
.ta-circle4 {
  left: 0;
  bottom: 0;
}

/* line 55, app/assets/stylesheets/components/ta-spinner.sass */
.ta-container2 .ta-circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

/* line 59, app/assets/stylesheets/components/ta-spinner.sass */
.ta-container3 .ta-circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

/* line 63, app/assets/stylesheets/components/ta-spinner.sass */
.ta-container1 .ta-circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

/* line 67, app/assets/stylesheets/components/ta-spinner.sass */
.ta-container2 .ta-circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

/* line 71, app/assets/stylesheets/components/ta-spinner.sass */
.ta-container3 .ta-circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

/* line 75, app/assets/stylesheets/components/ta-spinner.sass */
.ta-container1 .ta-circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

/* line 79, app/assets/stylesheets/components/ta-spinner.sass */
.ta-container2 .ta-circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

/* line 83, app/assets/stylesheets/components/ta-spinner.sass */
.ta-container3 .ta-circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

/* line 87, app/assets/stylesheets/components/ta-spinner.sass */
.ta-container1 .ta-circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

/* line 91, app/assets/stylesheets/components/ta-spinner.sass */
.ta-container2 .ta-circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

/* line 95, app/assets/stylesheets/components/ta-spinner.sass */
.ta-container3 .ta-circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

/* line 1, app/assets/stylesheets/components/header.sass */
.header__splash {
  position: relative;
  max-height: 350px;
  overflow: hidden;
}

/* line 7, app/assets/stylesheets/components/header.sass */
.header__title-image__wrapper {
  overflow: hidden;
  line-height: 0;
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 7, app/assets/stylesheets/components/header.sass */
  .header__title-image__wrapper {
    max-height: 400px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 7, app/assets/stylesheets/components/header.sass */
  .header__title-image__wrapper {
    max-height: 350px;
  }
}

/* line 16, app/assets/stylesheets/components/header.sass */
.header__title-image {
  width: 100%;
  height: 100%;
}

/* line 20, app/assets/stylesheets/components/header.sass */
.header__title-image--past {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
}

/* line 23, app/assets/stylesheets/components/header.sass */
.header__past-event {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* line 29, app/assets/stylesheets/components/header.sass */
.header__expired-event {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0.8;
  border-radius: 100%;
  color: white;
  background-color: #e74b92;
  text-align: center;
}

@media screen and (max-width: 479px) {
  /* line 29, app/assets/stylesheets/components/header.sass */
  .header__expired-event {
    width: 180px;
    height: 180px;
  }
}

@media screen and (min-width: 480px) {
  /* line 29, app/assets/stylesheets/components/header.sass */
  .header__expired-event {
    width: 220px;
    height: 220px;
  }
}

/* line 45, app/assets/stylesheets/components/header.sass */
.header__expired-event div {
  padding: 40px 18px;
}

/* line 47, app/assets/stylesheets/components/header.sass */
.header__expired-event div h2 {
  font-weight: 300;
  text-transform: uppercase;
}

@media screen and (max-width: 479px) {
  /* line 47, app/assets/stylesheets/components/header.sass */
  .header__expired-event div h2 {
    margin-bottom: 0.5rem;
    font-size: 18px;
    font-size: 1.2857142857rem;
    line-height: 1.1666666667;
    line-height: 1.3;
  }
}

@media screen and (min-width: 480px) {
  /* line 47, app/assets/stylesheets/components/header.sass */
  .header__expired-event div h2 {
    margin-bottom: 1rem;
    font-size: 23px;
    font-size: 1.6428571429rem;
    line-height: 1.8260869565;
    line-height: 1.3;
  }
}

@media screen and (max-width: 479px) {
  /* line 58, app/assets/stylesheets/components/header.sass */
  .header__expired-event div p {
    margin-bottom: 0.5rem;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 480px) {
  /* line 58, app/assets/stylesheets/components/header.sass */
  .header__expired-event div p {
    margin-bottom: 1rem;
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 1.3125;
  }
}

@media screen and (max-width: 479px) {
  /* line 65, app/assets/stylesheets/components/header.sass */
  .header__expired-event div img {
    height: 24px;
  }
}

@media screen and (min-width: 480px) {
  /* line 65, app/assets/stylesheets/components/header.sass */
  .header__expired-event div img {
    height: 46px;
  }
}

/* line 72, app/assets/stylesheets/components/header.sass */
.header__title__container {
  position: absolute;
  top: 0;
  right: 0;
  display: table;
  width: 50%;
  height: 300px;
}

/* line 81, app/assets/stylesheets/components/header.sass */
.header__title__container__item {
  display: table-cell;
  vertical-align: middle;
  padding: 0 50px 0;
  text-align: center;
  color: white;
}

/* line 89, app/assets/stylesheets/components/header.sass */
.header__title__container__item--dark {
  color: #333;
}

/* line 92, app/assets/stylesheets/components/header.sass */
.header__title {
  word-wrap: break-word;
}

@media screen and (max-width: 1023px) {
  /* line 95, app/assets/stylesheets/components/header.sass */
  .header__lede {
    font-weight: bold;
  }
}

/* line 2, app/assets/stylesheets/components/landing_pages/hero.sass */
.landing-page__hero {
  position: relative;
  max-height: 350px;
  overflow: hidden;
}

/* line 8, app/assets/stylesheets/components/landing_pages/hero.sass */
.landing-page__title-image {
  width: 100%;
}

/* line 13, app/assets/stylesheets/components/landing_pages/hero.sass */
.landing-page__title-image__shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

/* line 21, app/assets/stylesheets/components/landing_pages/hero.sass */
.landing-page__title__container {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
}

@media screen and (max-width: 479px) {
  /* line 21, app/assets/stylesheets/components/landing_pages/hero.sass */
  .landing-page__title__container {
    width: 60%;
  }
}

/* line 31, app/assets/stylesheets/components/landing_pages/hero.sass */
.landing-page__title__container--left {
  left: 0;
  left: initial;
  right: auto;
}

/* line 36, app/assets/stylesheets/components/landing_pages/hero.sass */
.landing-page__title__heading {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  color: white;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
}

/* line 47, app/assets/stylesheets/components/landing_pages/hero.sass */
.landing-page__title__program-title {
  display: block;
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.3125;
  font-weight: 400;
  color: white;
}

/* line 54, app/assets/stylesheets/components/landing_pages/hero.sass */
.landing-page__program-title--dark {
  color: #333;
  font-weight: 600;
}

/* line 58, app/assets/stylesheets/components/landing_pages/hero.sass */
.landing-page__title--dark {
  color: #333;
}

/* line 61, app/assets/stylesheets/components/landing_pages/hero.sass */
.landing-page__title--blue {
  color: #6ab7e2;
}

/* line 3, app/assets/stylesheets/components/landing-pages.sass */
.landing-page__quote {
  text-align: center;
  color: white;
  background-color: #6ab7e2;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.3125;
  line-height: 1.5;
  font-weight: 300;
}

/* line 10, app/assets/stylesheets/components/landing-pages.sass */
.landing-page__quote p {
  margin-bottom: 0;
}

@media screen and (max-width: 719px) {
  /* line 10, app/assets/stylesheets/components/landing-pages.sass */
  .landing-page__quote p {
    padding: 1rem;
  }
}

@media screen and (min-width: 720px) {
  /* line 10, app/assets/stylesheets/components/landing-pages.sass */
  .landing-page__quote p {
    padding: 3rem;
  }
}

/* line 18, app/assets/stylesheets/components/landing-pages.sass */
.landing-page__intro {
  text-align: center;
}

/* line 20, app/assets/stylesheets/components/landing-pages.sass */
.landing-page__intro p {
  margin-bottom: 0;
}

@media screen and (max-width: 719px) {
  /* line 20, app/assets/stylesheets/components/landing-pages.sass */
  .landing-page__intro p {
    padding: 1rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 20, app/assets/stylesheets/components/landing-pages.sass */
  .landing-page__intro p {
    padding: 2rem 5rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 20, app/assets/stylesheets/components/landing-pages.sass */
  .landing-page__intro p {
    padding: 2rem 8rem;
  }
}

/* line 30, app/assets/stylesheets/components/landing-pages.sass */
.landing-page__quote--innerpeace {
  text-align: left;
  font-size: 16px;
}

@media screen and (max-width: 1023px) {
  /* line 33, app/assets/stylesheets/components/landing-pages.sass */
  .landing-page__quote--innerpeace p {
    padding: 1rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 33, app/assets/stylesheets/components/landing-pages.sass */
  .landing-page__quote--innerpeace p {
    padding: 3rem;
  }
}

/* line 40, app/assets/stylesheets/components/landing-pages.sass */
.landing-page__quote--video {
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.3125;
  font-weight: 300;
}

/* line 43, app/assets/stylesheets/components/landing-pages.sass */
.landing-page__quote--video p {
  padding: 3rem;
}

/* line 46, app/assets/stylesheets/components/landing-pages.sass */
.home__yoga-at-home2 {
  position: relative;
  height: 0;
}

@media screen and (max-width: 719px) {
  /* line 46, app/assets/stylesheets/components/landing-pages.sass */
  .home__yoga-at-home2 {
    height: auto;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 479px) {
  /* line 46, app/assets/stylesheets/components/landing-pages.sass */
  .home__yoga-at-home2 {
    height: auto;
    padding-bottom: 0;
  }
}

@media screen and (min-width: 720px) {
  /* line 46, app/assets/stylesheets/components/landing-pages.sass */
  .home__yoga-at-home2 {
    padding-bottom: 25%;
  }
}

/* line 59, app/assets/stylesheets/components/landing-pages.sass */
.landing-page__video {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}

/* line 64, app/assets/stylesheets/components/landing-pages.sass */
.landing-page__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 71, app/assets/stylesheets/components/landing-pages.sass */
.landing-page__lede__horizontal--video {
  height: auto;
  padding-bottom: 0;
  text-align: center;
}

@media screen and (max-width: 719px) {
  /* line 71, app/assets/stylesheets/components/landing-pages.sass */
  .landing-page__lede__horizontal--video {
    padding: 1rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 71, app/assets/stylesheets/components/landing-pages.sass */
  .landing-page__lede__horizontal--video {
    padding: 0rem 5rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 71, app/assets/stylesheets/components/landing-pages.sass */
  .landing-page__lede__horizontal--video {
    padding: 0rem 8rem;
  }
}

/* line 82, app/assets/stylesheets/components/landing-pages.sass */
.landing-page__lede__half--video {
  padding-bottom: 28.125%;
}

/* line 85, app/assets/stylesheets/components/landing-pages.sass */
.home__yoga-at-home3 {
  background-color: white;
}

/* line 88, app/assets/stylesheets/components/landing-pages.sass */
.home__yoga-at-home3 > * {
  padding: 0 2rem;
}

/* line 91, app/assets/stylesheets/components/landing-pages.sass */
.home__image-title {
  padding: 0.5rem 1rem 0.5rem;
  position: absolute;
  bottom: -4px;
  color: #333;
  background-color: #f2f1f1;
  width: 100%;
  opacity: 0.8;
}

/* line 100, app/assets/stylesheets/components/landing-pages.sass */
.program__intro {
  background-color: #f2f1f1;
}

/* line 103, app/assets/stylesheets/components/landing-pages.sass */
.social-media {
  position: relative;
  height: 0;
  color: white;
  background-color: #6ab7e2;
}

@media screen and (max-width: 719px) {
  /* line 103, app/assets/stylesheets/components/landing-pages.sass */
  .social-media {
    height: 90px;
  }
}

@media screen and (min-width: 720px) {
  /* line 103, app/assets/stylesheets/components/landing-pages.sass */
  .social-media {
    padding-bottom: 10%;
  }
}

/* line 114, app/assets/stylesheets/components/landing-pages.sass */
.social-media__container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: table;
}

@media screen and (max-width: 719px) {
  /* line 114, app/assets/stylesheets/components/landing-pages.sass */
  .social-media__container {
    width: 100%;
    padding-top: 1rem;
    padding-left: 1rem;
  }
}

@media screen and (min-width: 720px) {
  /* line 114, app/assets/stylesheets/components/landing-pages.sass */
  .social-media__container {
    width: 90%;
  }
}

@media screen and (min-width: 1024px) {
  /* line 114, app/assets/stylesheets/components/landing-pages.sass */
  .social-media__container {
    width: 80%;
  }
}

@media screen and (max-width: 719px) {
  /* line 128, app/assets/stylesheets/components/landing-pages.sass */
  .social-media__container span {
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 1.3125;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 128, app/assets/stylesheets/components/landing-pages.sass */
  .social-media__container span {
    vertical-align: 100%;
    font-size: 18px;
    font-size: 1.2857142857rem;
    line-height: 1.1666666667;
  }
}

@media screen and (min-width: 1024px) {
  /* line 128, app/assets/stylesheets/components/landing-pages.sass */
  .social-media__container span {
    vertical-align: 150%;
    font-size: 18px;
    font-size: 1.2857142857rem;
    line-height: 1.1666666667;
  }
}

@media screen and (max-width: 719px) {
  /* line 137, app/assets/stylesheets/components/landing-pages.sass */
  .social-media__container img {
    margin: -0.5rem 0.5rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 137, app/assets/stylesheets/components/landing-pages.sass */
  .social-media__container img {
    margin: 0 4%;
  }
}

@media screen and (min-width: 1024px) {
  /* line 137, app/assets/stylesheets/components/landing-pages.sass */
  .social-media__container img {
    margin: 0 1.3rem;
  }
}

@media screen and (min-width: 1200px) {
  /* line 137, app/assets/stylesheets/components/landing-pages.sass */
  .social-media__container img {
    margin: 0 1.9rem;
  }
}

/* line 149, app/assets/stylesheets/components/landing-pages.sass */
.social-media__follow {
  text-align: left;
}

@media screen and (max-width: 719px) {
  /* line 149, app/assets/stylesheets/components/landing-pages.sass */
  .social-media__follow {
    height: 40px;
    width: 100%;
  }
}

@media screen and (min-width: 720px) {
  /* line 149, app/assets/stylesheets/components/landing-pages.sass */
  .social-media__follow {
    width: 48%;
    display: table-cell;
  }
}

@media screen and (max-width: 719px) {
  /* line 157, app/assets/stylesheets/components/landing-pages.sass */
  .social-media__follow img {
    height: 60%;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 157, app/assets/stylesheets/components/landing-pages.sass */
  .social-media__follow img {
    height: 25%;
    height: 40px;
    vertical-align: 30%;
  }
}

@media screen and (min-width: 1024px) {
  /* line 157, app/assets/stylesheets/components/landing-pages.sass */
  .social-media__follow img {
    height: 30%;
    height: 50px;
    vertical-align: 60%;
  }
}

@media screen and (max-width: 719px) {
  /* line 169, app/assets/stylesheets/components/landing-pages.sass */
  .social-media__communities {
    width: 100%;
    height: 40px;
    text-align: left;
  }
}

@media screen and (min-width: 720px) {
  /* line 169, app/assets/stylesheets/components/landing-pages.sass */
  .social-media__communities {
    display: table-cell;
    width: 52%;
    text-align: right;
  }
}

@media screen and (max-width: 719px) {
  /* line 178, app/assets/stylesheets/components/landing-pages.sass */
  .social-media__communities img {
    display: none !important;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 178, app/assets/stylesheets/components/landing-pages.sass */
  .social-media__communities img {
    height: 35%;
    height: 60px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 178, app/assets/stylesheets/components/landing-pages.sass */
  .social-media__communities img {
    height: 50%;
    height: 85px;
  }
}

/* line 188, app/assets/stylesheets/components/landing-pages.sass */
.social-media__communities a span {
  font-size: 13px;
  font-size: 0.9285714286rem;
  line-height: 1.6153846154;
  color: white;
}

@media screen and (min-width: 720px) {
  /* line 188, app/assets/stylesheets/components/landing-pages.sass */
  .social-media__communities a span {
    display: none !important;
  }
}

@media screen and (max-width: 719px) {
  /* line 195, app/assets/stylesheets/components/landing-pages.sass */
  .palm-textarea {
    padding: 1rem 1rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 195, app/assets/stylesheets/components/landing-pages.sass */
  .palm-textarea {
    padding: 2rem 1rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 195, app/assets/stylesheets/components/landing-pages.sass */
  .palm-textarea {
    padding: 3rem 3rem;
  }
}

/* line 202, app/assets/stylesheets/components/landing-pages.sass */
.palm-textarea p {
  margin-bottom: 0;
}

/* line 205, app/assets/stylesheets/components/landing-pages.sass */
.landing-page__body {
  background-color: white;
  margin-bottom: 5px;
}

@media screen and (max-width: 719px) {
  /* line 205, app/assets/stylesheets/components/landing-pages.sass */
  .landing-page__body {
    padding: 1rem 1rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 205, app/assets/stylesheets/components/landing-pages.sass */
  .landing-page__body {
    padding: 2rem 1rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 205, app/assets/stylesheets/components/landing-pages.sass */
  .landing-page__body {
    padding: 3rem 3rem;
  }
}

/* line 214, app/assets/stylesheets/components/landing-pages.sass */
.landing-page__body h2 {
  margin-bottom: 0.25rem;
  font-size: 18px;
  font-size: 1.2857142857rem;
  line-height: 1.1666666667;
  font-weight: 400;
  text-transform: none;
}

/* line 220, app/assets/stylesheets/components/landing-pages.sass */
.landing-page__body h3 {
  font-weight: 600;
}

/* line 228, app/assets/stylesheets/components/landing-pages.sass */
.landing-page__body b, .landing-page__body strong {
  font-weight: 400;
}

/* line 230, app/assets/stylesheets/components/landing-pages.sass */
.landing-page__body img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 719px) {
  /* line 234, app/assets/stylesheets/components/landing-pages.sass */
  .landing-page__lede {
    margin-bottom: 0;
    padding: 1rem 1rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 234, app/assets/stylesheets/components/landing-pages.sass */
  .landing-page__lede {
    margin-bottom: 0;
    padding: 2rem 1rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 234, app/assets/stylesheets/components/landing-pages.sass */
  .landing-page__lede {
    margin-bottom: 0;
    padding: 3rem 2rem;
  }
}

/* line 245, app/assets/stylesheets/components/landing-pages.sass */
.landing-page__lede h2 {
  margin-bottom: 0.25rem;
  font-size: 18px;
  font-size: 1.2857142857rem;
  line-height: 1.1666666667;
  font-weight: 400;
  text-transform: none;
}

/* line 251, app/assets/stylesheets/components/landing-pages.sass */
.landing-page__lede h3 {
  font-weight: 600;
}

/* line 265, app/assets/stylesheets/components/landing-pages.sass */
.landing-page__videos {
  padding: 1rem;
}

/* line 267, app/assets/stylesheets/components/landing-pages.sass */
.landing-page__videos h2 {
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 720px) {
  /* line 284, app/assets/stylesheets/components/landing-pages.sass */
  .program-parts__div {
    position: relative;
    height: 0;
    padding-bottom: 25%;
  }
}

/* line 293, app/assets/stylesheets/components/landing-pages.sass */
.program-parts__stretch {
  display: inline-block;
  width: 100%;
}

/* line 297, app/assets/stylesheets/components/landing-pages.sass */
.program-parts {
  display: inline-block;
  width: 25%;
  text-align: center;
}

/* line 302, app/assets/stylesheets/components/landing-pages.sass */
.program-parts__number {
  display: block;
  width: 72px;
  margin: 0 auto 0.5rem;
  padding: 1rem 2rem;
  border: 2px solid #6ab7e2;
  border-radius: 4rem;
  font-size: 24px;
  font-size: 1.7142857143rem;
  line-height: 1.75;
  color: #6ab7e2;
}

/* line 312, app/assets/stylesheets/components/landing-pages.sass */
.program-parts__title {
  display: block;
  color: #6ab7e2;
}

@media screen and (max-width: 1023px) {
  /* line 312, app/assets/stylesheets/components/landing-pages.sass */
  .program-parts__title {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1024px) {
  /* line 312, app/assets/stylesheets/components/landing-pages.sass */
  .program-parts__title {
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 1.3125;
  }
}

@media screen and (max-width: 479px) {
  /* line 312, app/assets/stylesheets/components/landing-pages.sass */
  .program-parts__title {
    font-size: 12px;
    font-size: 0.8571428571rem;
    line-height: 1.75;
  }
}

/* line 323, app/assets/stylesheets/components/landing-pages.sass */
.program-parts--active .program-parts__number {
  color: white;
  background-color: #6ab7e2;
}

/* line 329, app/assets/stylesheets/components/landing-pages.sass */
.positions-listing {
  padding: 3rem 0;
}

/* line 332, app/assets/stylesheets/components/landing-pages.sass */
.positions-listing__image {
  width: 100%;
}

/* line 335, app/assets/stylesheets/components/landing-pages.sass */
.position__howto {
  padding-top: 0;
}

/* line 339, app/assets/stylesheets/components/landing-pages.sass */
.position__description > * {
  margin-bottom: 0;
}

/* line 343, app/assets/stylesheets/components/landing-pages.sass */
.store-item {
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
}

/* line 345, app/assets/stylesheets/components/landing-pages.sass */
.store-item img {
  margin-top: 0.75rem;
}

@media screen and (min-width: 720px) {
  /* line 348, app/assets/stylesheets/components/landing-pages.sass */
  .store-item__info {
    padding: 0 1rem;
  }
}

/* line 351, app/assets/stylesheets/components/landing-pages.sass */
.store-item__info p {
  margin-bottom: 10.5px;
  margin-bottom: 0.75rem;
}

/* line 353, app/assets/stylesheets/components/landing-pages.sass */
.store-item__info input[type=email] {
  padding: 0.5rem;
  border: none;
}

/* line 357, app/assets/stylesheets/components/landing-pages.sass */
.store-item__price {
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.3125;
}

/* line 360, app/assets/stylesheets/components/landing-pages.sass */
.store-gift-card {
  position: relative;
  width: 800px;
}

/* line 363, app/assets/stylesheets/components/landing-pages.sass */
.store-gift-card img {
  width: 100%;
}

/* line 365, app/assets/stylesheets/components/landing-pages.sass */
.store-gift-card p {
  position: absolute;
  top: 310px;
  left: 560px;
  font-size: 20px;
  font-size: 1.4285714286rem;
  line-height: 1.05;
}

/* line 371, app/assets/stylesheets/components/landing-pages.sass */
.collaboration__image {
  padding-right: 2rem;
  padding-bottom: 2rem;
}

/* line 375, app/assets/stylesheets/components/landing-pages.sass */
img.position-variation {
  padding: 0.5rem;
}

/* line 378, app/assets/stylesheets/components/landing-pages.sass */
.faq__categorytitle {
  margin-bottom: 1rem;
}

/* line 385, app/assets/stylesheets/components/landing-pages.sass */
.campaignpage__container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  background-color: white;
}

/* line 390, app/assets/stylesheets/components/landing-pages.sass */
.campaignpage__body {
  -webkit-flex: 1 1 360px;
  -moz-flex: 1 1 360px;
  -ms-flex: 1 1 360px;
  flex: 1 1 360px;
}

@media screen and (min-width: 720px) {
  /* line 390, app/assets/stylesheets/components/landing-pages.sass */
  .campaignpage__body {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    order: 1;
  }
}

/* line 394, app/assets/stylesheets/components/landing-pages.sass */
.campaignpage__action {
  -webkit-flex: 1 1 360px;
  -moz-flex: 1 1 360px;
  -ms-flex: 1 1 360px;
  flex: 1 1 360px;
}

@media screen and (min-width: 720px) {
  /* line 394, app/assets/stylesheets/components/landing-pages.sass */
  .campaignpage__action {
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    order: 2;
  }
}

@media screen and (max-width: 1023px) {
  /* line 405, app/assets/stylesheets/components/landing-pages.sass */
  .campaign__upgradebutton {
    display: block;
    width: 100%;
  }
}

/* line 413, app/assets/stylesheets/components/landing-pages.sass */
.c-campaignpage__color {
  position: relative;
  display: block;
}

/* line 417, app/assets/stylesheets/components/landing-pages.sass */
.c-campaignpage__color__radio {
  position: absolute;
  left: -9999px;
}

/* line 420, app/assets/stylesheets/components/landing-pages.sass */
.c-campaignpage__color__radio:checked ~ .c-campaignpage__color__box {
  border: 3px solid #666;
}

/* line 422, app/assets/stylesheets/components/landing-pages.sass */
.c-campaignpage__color__radio:checked ~ .c-campaignpage__color__text {
  text-decoration: underline;
}

/* line 425, app/assets/stylesheets/components/landing-pages.sass */
.c-campaignpage__color__box {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  border: 1px solid #666;
  border-radius: 100%;
}

/* line 433, app/assets/stylesheets/components/landing-pages.sass */
.c-campaignpage__color__box__color {
  width: 100%;
  height: 100%;
  border: 2px solid white;
  border-radius: 100%;
}

/* line 439, app/assets/stylesheets/components/landing-pages.sass */
.c-campaignpage__color__text {
  vertical-align: 10px;
}

/* line 445, app/assets/stylesheets/components/landing-pages.sass */
.campaign__select {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 1rem;
}

@media screen and (max-width: 1023px) {
  /* line 445, app/assets/stylesheets/components/landing-pages.sass */
  .campaign__select {
    margin-right: 0;
    display: block;
  }
}

@media screen and (min-width: 1024px) {
  /* line 445, app/assets/stylesheets/components/landing-pages.sass */
  .campaign__select {
    display: inline-block;
    margin-right: 1rem;
  }
}

/* line 455, app/assets/stylesheets/components/landing-pages.sass */
.campaign__select .select2-container {
  width: 100% !important;
}

@media screen and (max-width: 1023px) {
  /* line 457, app/assets/stylesheets/components/landing-pages.sass */
  .campaign__select .select2-selection {
    height: 37px !important;
  }
}

@media screen and (min-width: 1024px) {
  /* line 457, app/assets/stylesheets/components/landing-pages.sass */
  .campaign__select .select2-selection {
    height: 45px !important;
    margin-top: -1px;
  }
}

/* line 463, app/assets/stylesheets/components/landing-pages.sass */
.campaign__select .select2-selection--single {
  border-radius: 0 !important;
}

/* line 465, app/assets/stylesheets/components/landing-pages.sass */
.campaign__select .select2-selection__rendered {
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media screen and (max-width: 1023px) {
  /* line 465, app/assets/stylesheets/components/landing-pages.sass */
  .campaign__select .select2-selection__rendered {
    padding-top: 5px !important;
  }
}

@media screen and (min-width: 1024px) {
  /* line 465, app/assets/stylesheets/components/landing-pages.sass */
  .campaign__select .select2-selection__rendered {
    padding-top: 7px !important;
  }
}

@media screen and (max-width: 1023px) {
  /* line 472, app/assets/stylesheets/components/landing-pages.sass */
  .campaign__select .select2-selection__arrow {
    margin-top: 5px !important;
  }
}

@media screen and (min-width: 1024px) {
  /* line 472, app/assets/stylesheets/components/landing-pages.sass */
  .campaign__select .select2-selection__arrow {
    margin-top: 7px !important;
  }
}

/* line 479, app/assets/stylesheets/components/landing-pages.sass */
.campaign__select2 .select2-search {
  display: none;
}

/* line 481, app/assets/stylesheets/components/landing-pages.sass */
.campaign__select2 .select2-results__option {
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* line 485, app/assets/stylesheets/components/landing-pages.sass */
.campaign__radiobuttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

/* line 488, app/assets/stylesheets/components/landing-pages.sass */
.campaign__radiobuttons input {
  display: none;
}

/* line 490, app/assets/stylesheets/components/landing-pages.sass */
.campaign__radiobuttons input:checked + label {
  color: white;
  border-color: #6ab7e2;
  background-color: #6ab7e2;
}

/* line 1, app/assets/stylesheets/components/search.sass */
.search__header {
  background-color: #f2f1f1;
}

@media screen and (max-width: 719px) {
  /* line 1, app/assets/stylesheets/components/search.sass */
  .search__header {
    padding: 2rem;
  }
}

@media screen and (min-width: 720px) {
  /* line 1, app/assets/stylesheets/components/search.sass */
  .search__header {
    padding: 3rem;
  }
}

/* line 7, app/assets/stylesheets/components/search.sass */
.search__header__heading {
  margin-bottom: 0;
  letter-spacing: 2px;
  text-align: center;
  color: #6ab7e2;
}

@media screen and (max-width: 719px) {
  /* line 7, app/assets/stylesheets/components/search.sass */
  .search__header__heading {
    font-size: 18px;
    font-size: 1.2857142857rem;
    line-height: 1.1666666667;
  }
}

@media screen and (min-width: 720px) {
  /* line 7, app/assets/stylesheets/components/search.sass */
  .search__header__heading {
    font-size: 25px;
    font-size: 1.7857142857rem;
    line-height: 1.68;
  }
}

/* line 16, app/assets/stylesheets/components/search.sass */
.search__header__subheading {
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
  font-size: 17px;
  font-size: 1.2142857143rem;
  line-height: 1.2352941176;
  letter-spacing: 1px;
  text-align: center;
  color: #6ab7e2;
}

/* line 23, app/assets/stylesheets/components/search.sass */
.search__form {
  text-align: center;
}

/* line 25, app/assets/stylesheets/components/search.sass */
.search__form .search__form__input {
  position: relative;
  margin: 0 auto;
}

@media screen and (max-width: 719px) {
  /* line 25, app/assets/stylesheets/components/search.sass */
  .search__form .search__form__input {
    width: 90%;
  }
}

@media screen and (min-width: 720px) {
  /* line 25, app/assets/stylesheets/components/search.sass */
  .search__form .search__form__input {
    width: 60%;
  }
}

/* line 32, app/assets/stylesheets/components/search.sass */
.search__form input[type=text] {
  width: 100%;
  padding: 1.25rem 4rem 1.25rem 1.25rem;
  border: 0;
  outline: 0;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.3125;
}

/* line 38, app/assets/stylesheets/components/search.sass */
.search__form input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
  border: 0;
  outline: 0;
  background: url(https://yogobe.com/assets/icons/search-blue-b3b287d01bd62764d0c9a0c625574c7f73874f6e4c1c5bd9f12da216942b2050.png) no-repeat center;
  background-size: 2rem;
}

/* line 49, app/assets/stylesheets/components/search.sass */
.faq__searchform {
  padding-bottom: 2rem;
}

/* line 53, app/assets/stylesheets/components/search.sass */
.search-results h2 {
  font-size: 20px;
  font-size: 1.4285714286rem;
  line-height: 1.05;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 1rem;
}

/* line 60, app/assets/stylesheets/components/search.sass */
.search-results .events-list__tag {
  margin-bottom: 2rem;
}

/* line 62, app/assets/stylesheets/components/search.sass */
.search-result {
  margin-bottom: 1rem;
}

/* line 64, app/assets/stylesheets/components/search.sass */
.search-result:nth-child(10) {
  margin-bottom: 3rem;
}

/* line 66, app/assets/stylesheets/components/search.sass */
.search-result .result-image {
  padding-right: 1rem;
  display: inline-block;
}

/* line 70, app/assets/stylesheets/components/search.sass */
.search-result .result-content {
  vertical-align: top;
  display: inline-block;
}

/* line 74, app/assets/stylesheets/components/search.sass */
.search-result .result-title {
  font-weight: bold;
  margin-bottom: 0.5rem;
}

/* line 78, app/assets/stylesheets/components/search.sass */
.search-result-title {
  text-transform: uppercase;
}

/* line 92, app/assets/stylesheets/components/search.sass */
.search__tags {
  text-align: center;
  margin-bottom: 10.5px;
  margin-bottom: 0.75rem;
}

/* line 96, app/assets/stylesheets/components/search.sass */
.show-more-hits-container {
  text-align: center;
}

/* line 102, app/assets/stylesheets/components/search.sass */
.search__feedback textarea {
  padding: 1rem;
}

/* line 104, app/assets/stylesheets/components/search.sass */
.search__feedback input[type=email] {
  padding: 0.5rem 1rem;
  font-size: 14px !important;
}

/* line 107, app/assets/stylesheets/components/search.sass */
.search__feedback .event__signup {
  margin-bottom: 0;
}

/* line 109, app/assets/stylesheets/components/search.sass */
.feedback__submit {
  text-align: right;
}

/* line 111, app/assets/stylesheets/components/search.sass */
.feedback__submit .register__button {
  margin-bottom: 0;
}

/* line 116, app/assets/stylesheets/components/search.sass */
.search__tag {
  position: relative;
  display: inline-block;
  border: 1px solid #6ab7e2;
  color: #6ab7e2;
  background-color: white;
  cursor: pointer;
}

@media screen and (max-width: 479px) {
  /* line 116, app/assets/stylesheets/components/search.sass */
  .search__tag {
    margin: 0 4px 0.25rem;
    padding: 0.5rem 1.5rem 0.5rem 1rem;
  }
}

@media screen and (min-width: 480px) {
  /* line 116, app/assets/stylesheets/components/search.sass */
  .search__tag {
    margin: 0 0.5rem 0.5rem;
    padding: 0.5rem 2rem 0.5rem 1rem;
  }
}

/* line 129, app/assets/stylesheets/components/search.sass */
.search__tag i {
  display: none;
  position: absolute;
  top: 50%;
  right: 0.75rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 135, app/assets/stylesheets/components/search.sass */
.search__tag.active {
  color: white;
  background-color: #6ab7e2;
}

/* line 138, app/assets/stylesheets/components/search.sass */
.search__tag.active i {
  display: block;
}

/* line 1, app/assets/stylesheets/components/videos.sass */
.library__videos {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  position: relative;
  background-color: white;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media screen and (max-width: 719px) {
  /* line 12, app/assets/stylesheets/components/videos.sass */
  .library__videos__time {
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    order: 2;
    width: 100%;
    padding: 0.5rem 2rem;
  }
}

@media screen and (min-width: 720px) {
  /* line 12, app/assets/stylesheets/components/videos.sass */
  .library__videos__time {
    -webkit-flex-basis: 135px;
    -moz-flex-basis: 135px;
    -ms-flex-basis: 135px;
    flex-basis: 135px;
    padding: 2rem 2rem 2rem;
    text-align: right;
  }
}

/* line 21, app/assets/stylesheets/components/videos.sass */
.library__videos__filter {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 500px;
  -moz-flex-basis: 500px;
  -ms-flex-basis: 500px;
  flex-basis: 500px;
  padding: 2rem 2rem 0.5rem;
}

@media screen and (max-width: 719px) {
  /* line 21, app/assets/stylesheets/components/videos.sass */
  .library__videos__filter {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    order: 1;
  }
}

/* line 27, app/assets/stylesheets/components/videos.sass */
.library__videos__options {
  -webkit-flex-basis: 320px;
  -moz-flex-basis: 320px;
  -ms-flex-basis: 320px;
  flex-basis: 320px;
}

@media screen and (max-width: 719px) {
  /* line 27, app/assets/stylesheets/components/videos.sass */
  .library__videos__options {
    -webkit-order: 3;
    -moz-order: 3;
    -ms-order: 3;
    order: 3;
    padding: 0.5rem 2rem;
  }
}

@media screen and (min-width: 720px) {
  /* line 27, app/assets/stylesheets/components/videos.sass */
  .library__videos__options {
    padding: 2rem 2rem 0.5rem;
  }
}

/* line 34, app/assets/stylesheets/components/videos.sass */
.library__videos__status {
  width: 100%;
  padding: 0 2rem 1rem;
}

@media screen and (max-width: 719px) {
  /* line 34, app/assets/stylesheets/components/videos.sass */
  .library__videos__status {
    -webkit-order: 4;
    -moz-order: 4;
    -ms-order: 4;
    order: 4;
  }
}

@media screen and (min-width: 1024px) {
  /* line 34, app/assets/stylesheets/components/videos.sass */
  .library__videos__status {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70%;
  }
}

/* line 46, app/assets/stylesheets/components/videos.sass */
.library__videos__heading {
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.3125;
  font-weight: 600;
  color: #6ab7e2;
}

/* line 51, app/assets/stylesheets/components/videos.sass */
.library__videos__label {
  font-size: 13px;
  font-size: 0.9285714286rem;
  line-height: 1.6153846154;
  font-weight: 300;
}

@media screen and (max-width: 719px) {
  /* line 51, app/assets/stylesheets/components/videos.sass */
  .library__videos__label {
    display: inline-block;
    margin-right: 0.5rem;
    padding-bottom: 0.75rem;
  }
}

@media screen and (min-width: 720px) {
  /* line 51, app/assets/stylesheets/components/videos.sass */
  .library__videos__label {
    display: block;
    padding-bottom: 0.5rem;
  }
}

/* line 61, app/assets/stylesheets/components/videos.sass */
.library__videos__checkbox {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

/* line 63, app/assets/stylesheets/components/videos.sass */
.library__videos__checkbox:checked + span {
  color: #6ab7e2;
}

/* line 65, app/assets/stylesheets/components/videos.sass */
.library__videos__checkbox:disabled + span {
  color: #d0d1d0;
}

/* line 68, app/assets/stylesheets/components/videos.sass */
.library__videos__input:disabled + span {
  color: #d0d1d0;
}

/* line 70, app/assets/stylesheets/components/videos.sass */
.library__videos__input + span {
  margin-left: 0.5rem;
}

/* line 72, app/assets/stylesheets/components/videos.sass */
.library__videos__search {
  position: relative;
  margin-bottom: 1.5rem;
  overflow: hidden;
}

/* line 76, app/assets/stylesheets/components/videos.sass */
.library__videos__search input[type=text] {
  width: 100%;
  padding: 1rem;
}

@media screen and (max-width: 736px) {
  /* line 76, app/assets/stylesheets/components/videos.sass */
  .library__videos__search input[type=text] {
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 1.3125;
  }
}

/* line 81, app/assets/stylesheets/components/videos.sass */
.library__videos__search input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  width: 52px;
  height: 52px;
  border: 0;
  outline: 0;
  background: url(https://yogobe.com/assets/icons/search-blue-b3b287d01bd62764d0c9a0c625574c7f73874f6e4c1c5bd9f12da216942b2050.png) no-repeat center;
  background-size: 2rem;
}

/* line 91, app/assets/stylesheets/components/videos.sass */
.library__videos__categories {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* line 96, app/assets/stylesheets/components/videos.sass */
.library__videos__select {
  padding: 0 0 1rem;
}

@media screen and (max-width: 719px) {
  /* line 96, app/assets/stylesheets/components/videos.sass */
  .library__videos__select {
    width: 100%;
  }
}

@media screen and (min-width: 720px) {
  /* line 96, app/assets/stylesheets/components/videos.sass */
  .library__videos__select {
    width: 50%;
  }
  /* line 102, app/assets/stylesheets/components/videos.sass */
  .library__videos__select:nth-child(2n) {
    padding-left: 1rem;
  }
  /* line 104, app/assets/stylesheets/components/videos.sass */
  .library__videos__select:nth-child(2n+1) {
    padding-right: 1rem;
  }
}

@media screen and (max-width: 736px) {
  /* line 96, app/assets/stylesheets/components/videos.sass */
  .library__videos__select {
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 1.3125;
  }
}

/* line 108, app/assets/stylesheets/components/videos.sass */
.library__videos__select select {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #d0d1d0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border-radius: 0;
  background: url(https://yogobe.com/assets/layout/chevron-down-blue-216e8f02e1937a805a7a2936e53750b9f43b31253141bff1c6afcec141f2e347.png) no-repeat;
  background-size: 1.5rem;
  background-position: right 10px center;
}

/* line 117, app/assets/stylesheets/components/videos.sass */
.library__videos__select select:disabled {
  color: #d0d1d0;
}

/* line 120, app/assets/stylesheets/components/videos.sass */
.library__videos__locale {
  display: inline-block;
  width: 25%;
  padding: 0.75rem;
  text-align: center;
}

/* line 125, app/assets/stylesheets/components/videos.sass */
.library__videos__locale img {
  display: block;
  width: 100%;
  border: 1px solid #d0d1d0;
}

/* line 130, app/assets/stylesheets/components/videos.sass */
.library__videos__results {
  float: left;
}

/* line 132, app/assets/stylesheets/components/videos.sass */
.library__videos__menu {
  float: right;
  color: #6ab7e2;
}

/* line 136, app/assets/stylesheets/components/videos.sass */
.library__videos__menu > :not(:last-child):after {
  content: ' |';
}

/* line 140, app/assets/stylesheets/components/videos.sass */
.library__videos__tags div {
  display: inline-block;
}

/* line 142, app/assets/stylesheets/components/videos.sass */
.library__videos__tag {
  position: relative;
  display: inline-block;
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 1.75;
  line-height: 1.5;
  color: white;
  background-color: #6ab7e2;
}

@media screen and (max-width: 1023px) {
  /* line 142, app/assets/stylesheets/components/videos.sass */
  .library__videos__tag {
    margin: 0 0.75rem 0.75rem 0;
    padding: 0.5rem 1rem;
  }
}

@media screen and (min-width: 720px) {
  /* line 142, app/assets/stylesheets/components/videos.sass */
  .library__videos__tag {
    margin: 0 0.5rem 0.5rem 0;
    padding: 0 0.5rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 155, app/assets/stylesheets/components/videos.sass */
  .library__videos__tag > label {
    margin-right: 0.5rem;
  }
}

/* line 159, app/assets/stylesheets/components/videos.sass */
.library__videos__tag__close {
  cursor: pointer;
}

@media screen and (max-width: 1023px) {
  /* line 159, app/assets/stylesheets/components/videos.sass */
  .library__videos__tag__close {
    width: 1.5rem;
    text-align: right;
    font-size: 1.125rem !important;
    vertical-align: top;
  }
}

/* line 168, app/assets/stylesheets/components/videos.sass */
.videos__show {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 1rem;
}

@media screen and (max-width: 719px) {
  /* line 174, app/assets/stylesheets/components/videos.sass */
  .videos__show__sidebar {
    width: 100%;
  }
}

@media screen and (min-width: 720px) {
  /* line 174, app/assets/stylesheets/components/videos.sass */
  .videos__show__sidebar {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    order: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-basis: 300px;
    -moz-flex-basis: 300px;
    -ms-flex-basis: 300px;
    flex-basis: 300px;
    margin-right: 2rem;
  }
}

@media screen and (min-width: 720px) {
  /* line 182, app/assets/stylesheets/components/videos.sass */
  .videos__show__video {
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    order: 2;
    -webkit-flex-grow: 4;
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    flex-grow: 4;
    -webkit-flex-basis: 300px;
    -moz-flex-basis: 300px;
    -ms-flex-basis: 300px;
    flex-basis: 300px;
  }
}

/* line 189, app/assets/stylesheets/components/videos.sass */
.videos__heading {
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

/* line 196, app/assets/stylesheets/components/videos.sass */
.videos__sidebar__load-more__container {
  text-align: center;
}

/* line 200, app/assets/stylesheets/components/videos.sass */
.videos__show__container {
  margin-bottom: 2rem;
  padding: 1rem;
  background-color: white;
}

/* line 204, app/assets/stylesheets/components/videos.sass */
.videos__show__player {
  position: relative;
  height: 0;
  margin-bottom: 0.5rem;
  padding-bottom: 56.25%;
  overflow: hidden;
}

/* line 211, app/assets/stylesheets/components/videos.sass */
.videos__show__backbutton {
  width: 100%;
  color: white;
  background-color: #6ab7e2;
  border: none;
}

/* line 216, app/assets/stylesheets/components/videos.sass */
.videos__show__backbutton i:first-child {
  font-size: 1.4em;
  vertical-align: -12%;
}

/* line 219, app/assets/stylesheets/components/videos.sass */
.videos__show__backbutton span {
  padding: 0 0.5rem;
}

/* line 222, app/assets/stylesheets/components/videos.sass */
.videos__show__time {
  float: right;
  font-weight: 600;
  margin: 0 0 0.5rem 0.5rem;
}

/* line 227, app/assets/stylesheets/components/videos.sass */
.videos__show__props {
  float: right;
  margin-right: 1rem;
}

@media screen and (max-width: 479px) {
  /* line 227, app/assets/stylesheets/components/videos.sass */
  .videos__show__props {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 227, app/assets/stylesheets/components/videos.sass */
  .videos__show__props {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

/* line 235, app/assets/stylesheets/components/videos.sass */
.videos__notes {
  text-align: right;
}

/* line 237, app/assets/stylesheets/components/videos.sass */
.videos__notes textarea {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 20px;
  border: 1px solid #999;
}

/* line 243, app/assets/stylesheets/components/videos.sass */
.videos__show__search {
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
}

/* line 247, app/assets/stylesheets/components/videos.sass */
.videos__show__search input[type=text] {
  width: 100%;
  padding: 1rem;
  border: 1px solid #999;
}

/* line 251, app/assets/stylesheets/components/videos.sass */
.videos__show__search input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  width: 52px;
  height: 52px;
  border: 0;
  outline: 0;
  background: url(https://yogobe.com/assets/icons/search-blue-b3b287d01bd62764d0c9a0c625574c7f73874f6e4c1c5bd9f12da216942b2050.png) no-repeat center;
  background-size: 2rem;
}

/* line 262, app/assets/stylesheets/components/videos.sass */
.video-thumbnail__action-button {
  cursor: pointer;
}

/* line 265, app/assets/stylesheets/components/videos.sass */
.library__videolist {
  display: inline-block;
  margin: 0 0.25rem 0.75rem 0;
  padding-left: 1px;
  color: #333;
}

/* line 271, app/assets/stylesheets/components/videos.sass */
.library__smallbutton {
  height: 2rem;
  padding: 0.25rem 1rem;
  font-size: 11px;
}

/* line 275, app/assets/stylesheets/components/videos.sass */
.library__smallbutton.playlist__navigation_button {
  line-height: 0.75;
}

/* line 278, app/assets/stylesheets/components/videos.sass */
.video-overlay__player__nextvideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 45%;
  z-index: 1;
  text-align: center;
  color: white;
}

@media screen and (max-width: 1023px) {
  /* line 288, app/assets/stylesheets/components/videos.sass */
  .getstarted__video {
    margin-bottom: 0.5rem;
  }
}

/* line 292, app/assets/stylesheets/components/videos.sass */
.getstarted__videotitle {
  position: absolute;
  top: 67%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 20px;
  font-size: 1.4285714286rem;
  line-height: 1.05;
  color: white;
}

/* line 301, app/assets/stylesheets/components/videos.sass */
.getstarted__playbutton {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(https://yogobe.com/assets/video-thumbnails/play-848fa7e1d4da49d8836d364895109cdf0537623c94998869caf1ba54d4abbd74.png);
  background-size: 64px 192px;
  cursor: pointer;
}

/* line 311, app/assets/stylesheets/components/videos.sass */
.getstarted__playbutton:hover {
  background-position: 0 -64px;
}

/* line 313, app/assets/stylesheets/components/videos.sass */
.getstarted__playbutton:active {
  background-position: 0 -128px;
}

/* line 317, app/assets/stylesheets/components/videos.sass */
.misc__showmore {
  display: block;
  margin-bottom: 1rem;
  text-align: center;
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/components/courses.sass */
.courses__show__presentation {
  background-color: white;
}

/* line 3, app/assets/stylesheets/components/courses.sass */
.courses__show__presentation__container {
  padding: 4rem 8rem;
}

/* line 7, app/assets/stylesheets/components/courses.sass */
.videopadding {
  padding: 0.25rem 0 2rem 5rem;
}

/* line 10, app/assets/stylesheets/components/courses.sass */
.coursebuy {
  text-align: right;
}

/* line 14, app/assets/stylesheets/components/courses.sass */
.courseenroll__usp {
  margin-bottom: 2rem;
  list-style: none;
}

/* line 18, app/assets/stylesheets/components/courses.sass */
.courseenroll__usp ul {
  list-style: none;
  margin-bottom: 0;
}

/* line 21, app/assets/stylesheets/components/courses.sass */
.courseenroll__usp li {
  display: block;
  padding: 0.5rem;
  font-size: 16px;
  text-transform: uppercase;
}

/* line 32, app/assets/stylesheets/components/courses.sass */
.courseenroll {
  padding: 3rem 0 0;
}

/* line 35, app/assets/stylesheets/components/courses.sass */
.courseenroll__container {
  padding: 4rem 18rem;
  text-align: center;
}

/* line 38, app/assets/stylesheets/components/courses.sass */
.courseenroll__form {
  display: inline-block;
  padding: 0 2rem;
  text-align: left;
}

/* line 42, app/assets/stylesheets/components/courses.sass */
.courseenroll__form input[type=text] {
  padding: 1rem;
  border: 1px solid #d0d1d0;
}

/* line 45, app/assets/stylesheets/components/courses.sass */
.courseenroll__form input[type=submit] {
  padding: 1rem 3rem;
  border: none;
  color: #fff;
  background-color: #6ab7e2;
}

/* line 51, app/assets/stylesheets/components/courses.sass */
.coursesyllabus__container {
  padding: 4rem;
}

/* line 58, app/assets/stylesheets/components/courses.sass */
.course {
  margin-bottom: 0.75rem;
}

/* line 75, app/assets/stylesheets/components/courses.sass */
.courses__show {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 3rem;
}

@media screen and (max-width: 719px) {
  /* line 81, app/assets/stylesheets/components/courses.sass */
  .courses__show__sidebar {
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    order: 2;
    width: 100%;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 81, app/assets/stylesheets/components/courses.sass */
  .courses__show__sidebar {
    -webkit-flex: 0 0 300px;
    -moz-flex: 0 0 300px;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    margin-right: 2rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 81, app/assets/stylesheets/components/courses.sass */
  .courses__show__sidebar {
    -webkit-flex: 0 0 350px;
    -moz-flex: 0 0 350px;
    -ms-flex: 0 0 350px;
    flex: 0 0 350px;
    margin-right: 3rem;
  }
}

@media screen and (max-width: 719px) {
  /* line 91, app/assets/stylesheets/components/courses.sass */
  .courses__show__content {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    order: 1;
  }
}

@media screen and (min-width: 720px) {
  /* line 91, app/assets/stylesheets/components/courses.sass */
  .courses__show__content {
    -webkit-flex-grow: 4;
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    flex-grow: 4;
    -webkit-flex-basis: 300px;
    -moz-flex-basis: 300px;
    -ms-flex-basis: 300px;
    flex-basis: 300px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 98, app/assets/stylesheets/components/courses.sass */
  .course__header__title {
    margin-top: -0.7rem;
  }
}

/* line 102, app/assets/stylesheets/components/courses.sass */
.videos__show__container {
  margin-bottom: 2rem;
  padding: 1.5rem;
  background-color: white;
}

/* line 106, app/assets/stylesheets/components/courses.sass */
.videos__show__container img.touch-image {
  display: none;
}

/* line 109, app/assets/stylesheets/components/courses.sass */
.course__sidebar__mypage {
  margin-bottom: 1rem;
}

/* line 114, app/assets/stylesheets/components/courses.sass */
.course__state {
  position: absolute;
  bottom: -10px;
  left: 32px;
  width: 48px;
  height: 37.68px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: pointer;
}

/* line 126, app/assets/stylesheets/components/courses.sass */
.course__state--locked {
  background-image: url(https://yogobe.com/assets/icons/locked-e392419d9f73a5d3fe77f8ac12274d5c08db5126e9e1d23dc81424f7ee89d486.png);
  background-size: 48px 37.68px;
}

/* line 129, app/assets/stylesheets/components/courses.sass */
.course__state--unlocked {
  background-image: url(https://yogobe.com/assets/icons/unlocked-414fbf3d783e74f73b5614d5227096fcf44b9b6e292183bdc5f9e56080d6819f.png);
  background-size: 48px 37.68px;
}

/* line 132, app/assets/stylesheets/components/courses.sass */
.course__state--video {
  background-image: url(https://yogobe.com/assets/icons/play-8a27f05f51ed31a79e1645ef655dea5493c9b131dd130d22a51541c37153c0ce.png);
  background-size: 48px 37.68px;
}

/* line 135, app/assets/stylesheets/components/courses.sass */
.course__state--survey {
  background-image: url(https://yogobe.com/assets/icons/book-04c810c9f10308f1db1724f947fe3a33e39e15fc30b016076d3adcb90c59704d.png);
  background-size: 48px 37.68px;
}

/* line 138, app/assets/stylesheets/components/courses.sass */
.course__state--book {
  background-image: url(https://yogobe.com/assets/icons/book-04c810c9f10308f1db1724f947fe3a33e39e15fc30b016076d3adcb90c59704d.png);
  background-size: 48px 37.68px;
}

/* line 141, app/assets/stylesheets/components/courses.sass */
.course__state--print {
  background-image: url(https://yogobe.com/assets/icons/print-8f9724733f54a585ee7e1d2ae30d6f8ca844372c9f03535e6afc783432ab12cf.png);
  background-size: 48px 37.68px;
}

/* line 145, app/assets/stylesheets/components/courses.sass */
.course__next {
  background-color: #d9c6cd;
  padding: 1.5rem;
}

/* line 148, app/assets/stylesheets/components/courses.sass */
.course__next h2 {
  margin: 0;
}

/* line 150, app/assets/stylesheets/components/courses.sass */
.course__parts {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  overflow: hidden;
}

/* line 159, app/assets/stylesheets/components/courses.sass */
.course__header {
  margin-bottom: 1rem;
}

/* line 163, app/assets/stylesheets/components/courses.sass */
.course__header__intro {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 1.5rem;
  background-color: white;
}

/* line 168, app/assets/stylesheets/components/courses.sass */
.course__header__intro .course__header__intro__video {
  -webkit-flex: 1 1 325px;
  -moz-flex: 1 1 325px;
  -ms-flex: 1 1 325px;
  flex: 1 1 325px;
}

@media screen and (max-width: 1023px) {
  /* line 168, app/assets/stylesheets/components/courses.sass */
  .course__header__intro .course__header__intro__video {
    margin-bottom: 1rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 168, app/assets/stylesheets/components/courses.sass */
  .course__header__intro .course__header__intro__video {
    margin-right: 1.5rem;
  }
}

/* line 175, app/assets/stylesheets/components/courses.sass */
.course__header__intro .course__header__intro__purchase {
  -webkit-flex: 3 1 325px;
  -moz-flex: 3 1 325px;
  -ms-flex: 3 1 325px;
  flex: 3 1 325px;
}

/* line 179, app/assets/stylesheets/components/courses.sass */
.course__purchase__heading {
  font-size: 18px;
  font-size: 1.2857142857rem;
  line-height: 1.1666666667;
  margin-bottom: 1rem;
}

/* line 183, app/assets/stylesheets/components/courses.sass */
.course__price-tag {
  margin-bottom: 1rem;
}

/* line 186, app/assets/stylesheets/components/courses.sass */
.course__purchase__text {
  margin-bottom: 0;
}

/* line 189, app/assets/stylesheets/components/courses.sass */
.course__purchase__usps {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
}

/* line 193, app/assets/stylesheets/components/courses.sass */
.course__purchase__usp__container {
  -webkit-flex: 1 0;
  -moz-flex: 1 0;
  -ms-flex: 1 0;
  flex: 1 0;
}

@media screen and (max-width: 719px) {
  /* line 193, app/assets/stylesheets/components/courses.sass */
  .course__purchase__usp__container {
    margin: 0 3rem 1rem;
  }
}

@media screen and (max-width: 479px) {
  /* line 193, app/assets/stylesheets/components/courses.sass */
  .course__purchase__usp__container {
    margin: 0 0.5rem 1rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 193, app/assets/stylesheets/components/courses.sass */
  .course__purchase__usp__container {
    margin: 0 0.5rem 1rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 193, app/assets/stylesheets/components/courses.sass */
  .course__purchase__usp__container {
    margin: 0 1rem 1rem;
  }
}

/* line 203, app/assets/stylesheets/components/courses.sass */
.course__purchase__usp__circle {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border-radius: 100%;
  background-color: #6ab7e2;
}

/* line 210, app/assets/stylesheets/components/courses.sass */
.course__purchase__usp__center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 219, app/assets/stylesheets/components/courses.sass */
.course__purchase__usp__content {
  text-align: center;
  color: white;
}

/* line 222, app/assets/stylesheets/components/courses.sass */
.course__purchase__usp__content__number {
  display: block;
  font-size: 28px;
  font-size: 2rem;
  line-height: 1.5;
  line-height: 1;
}

/* line 226, app/assets/stylesheets/components/courses.sass */
.course__purchase__usp__content__text {
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 1.75;
  line-height: 1;
  font-weight: 300;
}

/* line 233, app/assets/stylesheets/components/courses.sass */
.course__sidebar__overviewbutton {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
  padding: 0.5rem;
  text-align: center;
  color: #333;
  border: 1px solid #333;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* line 245, app/assets/stylesheets/components/courses.sass */
.course__part {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  overflow: hidden;
}

/* line 250, app/assets/stylesheets/components/courses.sass */
.course__part h2 {
  margin-bottom: 0.25rem;
}

/* line 252, app/assets/stylesheets/components/courses.sass */
.course__part p {
  padding-top: 0.75rem;
}

/* line 255, app/assets/stylesheets/components/courses.sass */
.course__part__introduction {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 340px;
  -moz-flex-basis: 340px;
  -ms-flex-basis: 340px;
  flex-basis: 340px;
}

@media screen and (min-width: 720px) {
  /* line 255, app/assets/stylesheets/components/courses.sass */
  .course__part__introduction {
    margin-right: 1rem;
  }
}

@media screen and (max-width: 719px) {
  /* line 255, app/assets/stylesheets/components/courses.sass */
  .course__part__introduction {
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    order: 2;
  }
}

/* line 263, app/assets/stylesheets/components/courses.sass */
.course__part__presentation {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 325px;
  -moz-flex-basis: 325px;
  -ms-flex-basis: 325px;
  flex-basis: 325px;
}

@media screen and (max-width: 719px) {
  /* line 263, app/assets/stylesheets/components/courses.sass */
  .course__part__presentation {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    order: 1;
  }
}

@media screen and (min-width: 1024px) {
  /* line 263, app/assets/stylesheets/components/courses.sass */
  .course__part__presentation {
    margin-right: 1.5rem;
  }
}

/* line 271, app/assets/stylesheets/components/courses.sass */
.course__part__content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-flex-grow: 3;
  -moz-flex-grow: 3;
  -ms-flex-grow: 3;
  flex-grow: 3;
  -webkit-flex-basis: 325px;
  -moz-flex-basis: 325px;
  -ms-flex-basis: 325px;
  flex-basis: 325px;
}

@media screen and (max-width: 719px) {
  /* line 271, app/assets/stylesheets/components/courses.sass */
  .course__part__content {
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    order: 2;
  }
}

/* line 280, app/assets/stylesheets/components/courses.sass */
.course__part__content__text {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* line 282, app/assets/stylesheets/components/courses.sass */
.course__part__content__text p {
  margin-bottom: 0;
}

/* line 284, app/assets/stylesheets/components/courses.sass */
.course__part__content__menu {
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
}

/* line 286, app/assets/stylesheets/components/courses.sass */
.course__part__moremenu {
  padding-left: 12px;
}

/* line 289, app/assets/stylesheets/components/courses.sass */
.course__expand__video {
  cursor: pointer;
}

/* line 292, app/assets/stylesheets/components/courses.sass */
.course__part__small {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  text-transform: none;
}

/* line 295, app/assets/stylesheets/components/courses.sass */
.course__part__small img {
  height: 14px;
  vertical-align: middle;
}

/* line 298, app/assets/stylesheets/components/courses.sass */
.course__overlay {
  position: absolute;
  top: 25rem;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

/* line 305, app/assets/stylesheets/components/courses.sass */
.ycourse__part {
  position: relative;
}

/* line 307, app/assets/stylesheets/components/courses.sass */
.ycourse__part p {
  padding-top: 0;
  margin-bottom: 0.75rem;
}

/* line 311, app/assets/stylesheets/components/courses.sass */
.course__part__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.65);
  text-align: center;
}

/* line 320, app/assets/stylesheets/components/courses.sass */
.course__part__overlay p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 80%;
}

/* line 344, app/assets/stylesheets/components/courses.sass */
.ycourse__week__progress {
  margin-bottom: 0;
}

@media screen and (max-width: 719px) {
  /* line 344, app/assets/stylesheets/components/courses.sass */
  .ycourse__week__progress {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
  }
}

/* line 350, app/assets/stylesheets/components/courses.sass */
.ycourse__week__progress p {
  margin-bottom: 0.25rem;
}

/* line 352, app/assets/stylesheets/components/courses.sass */
.course_progress_checks {
  display: inline-block;
  width: 1.3rem;
  height: 1.3rem;
  border: 2px solid #6ab7e2;
  vertical-align: top;
  color: #6ab7e2;
}

@media screen and (max-width: 719px) {
  /* line 360, app/assets/stylesheets/components/courses.sass */
  .course__video {
    margin-bottom: 21px;
    margin-bottom: 1.5rem;
  }
}

@media screen and (max-width: 719px) {
  /* line 363, app/assets/stylesheets/components/courses.sass */
  .course__part__body {
    margin-bottom: 4rem;
  }
}

/* line 369, app/assets/stylesheets/components/courses.sass */
.course-survey .hint {
  margin-bottom: 0.5rem;
}

@media screen and (min-width: 500px) {
  /* line 372, app/assets/stylesheets/components/courses.sass */
  .course-survey .radio-button {
    display: inline-block;
    margin-left: 1rem;
    vertical-align: top;
    text-align: center;
  }
  /* line 377, app/assets/stylesheets/components/courses.sass */
  .course-survey .radio-button input {
    display: block;
    margin: 0 auto;
  }
}

/* line 381, app/assets/stylesheets/components/courses.sass */
.mypage-courses {
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
  background-color: #eae6db;
}

@media screen and (max-width: 719px) {
  /* line 384, app/assets/stylesheets/components/courses.sass */
  .mypage__course__video {
    margin-bottom: 21px;
    margin-bottom: 1.5rem;
  }
}

/* line 388, app/assets/stylesheets/components/courses.sass */
.course-progress {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
}

/* line 394, app/assets/stylesheets/components/courses.sass */
.course-progress__image {
  -webkit-flex-basis: 180px;
  -moz-flex-basis: 180px;
  -ms-flex-basis: 180px;
  flex-basis: 180px;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}

/* line 397, app/assets/stylesheets/components/courses.sass */
.course-progress__text {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-basis: 180px;
  -moz-flex-basis: 180px;
  -ms-flex-basis: 180px;
  flex-basis: 180px;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}

/* line 406, app/assets/stylesheets/components/courses.sass */
.course-progress__info {
  width: 90%;
  font-weight: 700;
}

/* line 409, app/assets/stylesheets/components/courses.sass */
.course-progress__lede {
  width: 90%;
}

@media screen and (max-width: 600px) {
  /* line 409, app/assets/stylesheets/components/courses.sass */
  .course-progress__lede {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media screen and (min-width: 1024px) {
  /* line 409, app/assets/stylesheets/components/courses.sass */
  .course-progress__lede {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

/* line 415, app/assets/stylesheets/components/courses.sass */
.course-progress__button {
  display: inline-block;
  width: 90%;
  margin-top: auto;
  border: 1px solid #333;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #333;
}

@media screen and (max-width: 719px) {
  /* line 415, app/assets/stylesheets/components/courses.sass */
  .course-progress__button {
    padding: 0.5rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 415, app/assets/stylesheets/components/courses.sass */
  .course-progress__button {
    padding: 0.25rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 415, app/assets/stylesheets/components/courses.sass */
  .course-progress__button {
    padding: 1rem;
  }
}

/* line 448, app/assets/stylesheets/components/courses.sass */
.course__sidebar__presentation {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

/* line 456, app/assets/stylesheets/components/courses.sass */
.course__sidebar__presentation--locked ul.course__sub__tree li.course__sub__tree:not(.course__current__coursesub):before {
  border-color: #d0d1d0;
}

/* line 458, app/assets/stylesheets/components/courses.sass */
.course__sidebar__presentation--locked ul.course__sub__tree li.course__sub__tree:before {
  border-color: #d0d1d0;
}

/* line 460, app/assets/stylesheets/components/courses.sass */
.course__sidebar__presentation--locked ul.course__sub__tree li.course__sub__tree:after {
  border-color: #d0d1d0;
}

/* line 464, app/assets/stylesheets/components/courses.sass */
.course__sidebar__presentation--locked .course__sidebar__presentation__title h2 {
  color: #333;
}

/* line 468, app/assets/stylesheets/components/courses.sass */
.course__sidebar__presentation__video {
  -webkit-flex-basis: 130px;
  -moz-flex-basis: 130px;
  -ms-flex-basis: 130px;
  flex-basis: 130px;
  margin-right: 1rem;
}

/* line 472, app/assets/stylesheets/components/courses.sass */
.course__sidebar__presentation__title {
  -webkit-flex-basis: 150px;
  -moz-flex-basis: 150px;
  -ms-flex-basis: 150px;
  flex-basis: 150px;
  -webkit-flex-grow: 5;
  -moz-flex-grow: 5;
  -ms-flex-grow: 5;
  flex-grow: 5;
}

/* line 475, app/assets/stylesheets/components/courses.sass */
.course__sidebar__presentation__title h1 {
  margin-bottom: 0;
  font-size: 19px;
  font-size: 1.3571428571rem;
  line-height: 1.1052631579;
  font-weight: 400;
  line-height: 1.5;
  text-transform: uppercase;
}

/* line 481, app/assets/stylesheets/components/courses.sass */
.course__sidebar__presentation__title h2 {
  font-size: 15px;
  font-size: 1.0714285714rem;
  line-height: 1.4;
  line-height: 1.5;
  text-transform: uppercase;
  color: #6ab7e2;
}

/* line 486, app/assets/stylesheets/components/courses.sass */
.course__sidebar__presentation__title h2:hover {
  color: #6ab7e2;
}

/* line 488, app/assets/stylesheets/components/courses.sass */
.course__sidebar__presentation__title p {
  line-height: 1;
}

/* line 491, app/assets/stylesheets/components/courses.sass */
.course__sidebar {
  position: relative;
}

/* line 494, app/assets/stylesheets/components/courses.sass */
.course__sidebar__group {
  -webkit-transition: max-height 0.6s;
  -moz-transition: max-height 0.6s;
  -ms-transition: max-height 0.6s;
  transition: max-height 0.6s;
}

/* line 497, app/assets/stylesheets/components/courses.sass */
.course__sidebar__grouphidden {
  display: none;
}

/* line 502, app/assets/stylesheets/components/courses.sass */
.course__sidebar__group__dropdown {
  cursor: pointer;
}

/* line 505, app/assets/stylesheets/components/courses.sass */
.course__share {
  float: right;
  color: #6ab7e2;
}

/* line 526, app/assets/stylesheets/components/courses.sass */
.course__sidebar {
  padding: 0 1rem 1rem;
}

/* line 530, app/assets/stylesheets/components/courses.sass */
.course__current__coursepart a {
  border-bottom-color: #e74b92;
  border-bottom-style: solid;
  border-bottom-width: 2px;
}

/* line 535, app/assets/stylesheets/components/courses.sass */
.course__current__coursesub {
  border-bottom-color: #e74b92;
  border-bottom-style: solid;
  border-bottom-width: 2px;
}

/* line 542, app/assets/stylesheets/components/courses.sass */
.course__part__sub__button {
  display: block;
  margin-bottom: 0;
  margin-left: -10px;
  background: transparent;
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 1.75;
  color: #333;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 719px) {
  /* line 542, app/assets/stylesheets/components/courses.sass */
  .course__part__sub__button {
    padding: 0.75rem 0 0 1rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 542, app/assets/stylesheets/components/courses.sass */
  .course__part__sub__button {
    width: 245px;
    padding: 0.75rem 0 0 1.5rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 542, app/assets/stylesheets/components/courses.sass */
  .course__part__sub__button {
    width: 295px;
    padding: 0.75rem 0 0 2rem;
  }
}

/* line 562, app/assets/stylesheets/components/courses.sass */
.course__part__sub__button:hover {
  color: #6ab7e2;
}

/* line 566, app/assets/stylesheets/components/courses.sass */
.course__part__sub__progress {
  position: absolute;
  right: 0;
}

@media screen and (max-width: 1023px) {
  /* line 566, app/assets/stylesheets/components/courses.sass */
  .course__part__sub__progress {
    top: 8px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 566, app/assets/stylesheets/components/courses.sass */
  .course__part__sub__progress {
    top: 12px;
  }
}

/* line 575, app/assets/stylesheets/components/courses.sass */
ul.course__sub__tree {
  padding-bottom: 1rem;
  margin: 0px 0px 0px 20px;
  list-style: none;
  line-height: 2em;
}

/* line 581, app/assets/stylesheets/components/courses.sass */
ul.course__sub__tree li.course__sub__tree {
  font-size: 16px;
  position: relative;
  overflow-y: hidden;
  height: 31px;
}

/* line 589, app/assets/stylesheets/components/courses.sass */
ul.course__sub__tree li.course__sub__tree:not(.course__current__coursesub):before {
  border-bottom: 1px solid #6ab7e2;
}

/* line 592, app/assets/stylesheets/components/courses.sass */
ul.course__sub__tree li.course__sub__tree:before {
  position: absolute;
  left: 0px;
  top: 0px;
  content: '';
  display: block;
  border-left: 1px solid #6ab7e2;
  height: 1.3em;
  width: 12px;
}

/* line 603, app/assets/stylesheets/components/courses.sass */
ul.course__sub__tree li.course__sub__tree:after {
  position: absolute;
  left: 0px;
  bottom: -7px;
  content: '';
  display: block;
  border-left: 1px solid #6ab7e2;
  height: 100%;
}

/* line 613, app/assets/stylesheets/components/courses.sass */
ul.course__sub__tree li.course__sub__tree:last-child:after {
  display: none;
}

/* line 618, app/assets/stylesheets/components/courses.sass */
.course__videoactions .videoactions {
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}

/* line 622, app/assets/stylesheets/components/courses.sass */
.course__nextstep {
  padding: 0.5rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  margin-bottom: 1rem;
}

/* line 630, app/assets/stylesheets/components/courses.sass */
.course__buy {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
}

@media screen and (max-width: 1023px) {
  /* line 630, app/assets/stylesheets/components/courses.sass */
  .course__buy {
    padding-left: 1rem;
  }
}

/* line 638, app/assets/stylesheets/components/courses.sass */
.course__buy .course__buy-form {
  margin-bottom: 1rem;
}

/* line 640, app/assets/stylesheets/components/courses.sass */
.course__buy input[type=text] {
  border: 1px solid #333;
  padding: 0.5rem 1rem;
  height: 2.5rem;
}

@media screen and (max-width: 719px) {
  /* line 640, app/assets/stylesheets/components/courses.sass */
  .course__buy input[type=text] {
    width: calc(100% - 6rem);
  }
}

/* line 647, app/assets/stylesheets/components/courses.sass */
.course__buy .course__buy__button {
  display: inline-block;
  width: 6rem;
  height: 2.5rem;
  margin-left: -5px;
  padding: 0.5rem 1rem;
  border: 1px solid #333;
  border-left: none;
  background-color: transparent;
  text-align: center;
  font-size: 13px;
  font-size: 0.9285714286rem;
  line-height: 1.6153846154;
  line-height: 1.5;
  vertical-align: top;
}

/* line 662, app/assets/stylesheets/components/courses.sass */
.course__nextbutton {
  display: inline-block;
  padding: 0.75rem 1rem;
  float: right;
  color: #333;
  border: 1px solid #333;
  text-align: center;
  text-transform: uppercase;
}

/* line 674, app/assets/stylesheets/components/courses.sass */
.course-survey .survey__description {
  margin-top: 1rem;
}

/* line 677, app/assets/stylesheets/components/courses.sass */
.course__table {
  border-collapse: collapse;
  border: 1px solid black;
  width: 100%;
}

/* line 681, app/assets/stylesheets/components/courses.sass */
.course__table th {
  background-color: #f2f1f1;
  text-align: center;
  padding: 0.25rem;
}

/* line 685, app/assets/stylesheets/components/courses.sass */
.course__table th, .course__table td {
  border: 1px solid black;
  text-align: center;
}

/* line 690, app/assets/stylesheets/components/courses.sass */
.course__document__print img {
  width: 100%;
}

/* line 694, app/assets/stylesheets/components/courses.sass */
.course__printactions__logo {
  display: none;
  float: right;
  height: 25px;
}

/* line 698, app/assets/stylesheets/components/courses.sass */
.course__printactions__printbutton {
  height: 25px;
  float: right;
}

/* line 702, app/assets/stylesheets/components/courses.sass */
.course__sidebar__chevron {
  display: inline-block;
  margin-left: 0.1rem;
}

/* line 705, app/assets/stylesheets/components/courses.sass */
.course__sidebar__chevron svg {
  width: 14px;
  height: 14px;
}

/* line 708, app/assets/stylesheets/components/courses.sass */
.course__sidebar__chevron svg path {
  fill: #333 !important;
}

/* line 712, app/assets/stylesheets/components/courses.sass */
.course__part__image {
  padding-top: 1rem;
}

/* line 714, app/assets/stylesheets/components/courses.sass */
.course__part__image__image {
  width: 100%;
}

/* line 718, app/assets/stylesheets/components/courses.sass */
.course__audioplayer {
  position: relative;
  height: 0;
  padding-bottom: 12%;
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/components/my-pages.sass */
.mypage__tabs {
  padding-top: 0.75rem;
  background-color: #f2f1f1;
}

/* line 4, app/assets/stylesheets/components/my-pages.sass */
.mypage__tabs .mypage__tabs__toggle {
  display: none;
  float: right;
  width: 50px;
  height: 35px;
  text-align: center;
}

/* line 10, app/assets/stylesheets/components/my-pages.sass */
.mypage__tabs .mypage__tabs__toggle i {
  vertical-align: -9px;
}

/* line 12, app/assets/stylesheets/components/my-pages.sass */
.mypage__tabs a {
  display: inline-block;
  margin-right: 0.5rem;
  padding: 0.5rem 2rem;
  color: #fff;
  background-color: #6ab7e2;
  text-transform: uppercase;
}

@media screen and (max-width: 590px) {
  /* line 1, app/assets/stylesheets/components/my-pages.sass */
  .mypage__tabs {
    padding-bottom: 0.25rem;
  }
  /* line 21, app/assets/stylesheets/components/my-pages.sass */
  .mypage__tabs a {
    margin-bottom: 0.5rem;
  }
}

/* line 23, app/assets/stylesheets/components/my-pages.sass */
.mypage__tabs--active {
  color: #333;
  background-color: #fff;
}

/* line 27, app/assets/stylesheets/components/my-pages.sass */
.mypage-courses {
  background-color: #fff;
}

/* line 31, app/assets/stylesheets/components/my-pages.sass */
.mypage__separator {
  background-color: #f2f1f1;
  padding: 1rem;
}

/* line 35, app/assets/stylesheets/components/my-pages.sass */
.shareable_code__container {
  background-color: #fff;
}

/* line 37, app/assets/stylesheets/components/my-pages.sass */
.shareable_code_input {
  display: block;
  width: 100%;
  max-width: 400px;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
}

/* line 44, app/assets/stylesheets/components/my-pages.sass */
.shareable_code_button {
  display: inline-block;
  width: 40px;
  height: 36px;
  line-height: 34px;
  margin-top: 2px;
  color: white;
  text-align: center;
  vertical-align: top;
  border-radius: 6px;
}

/* line 54, app/assets/stylesheets/components/my-pages.sass */
.shareable_code_button i {
  vertical-align: middle;
}

/* line 56, app/assets/stylesheets/components/my-pages.sass */
.shareable_code_button img {
  width: 30px;
  vertical-align: middle;
}

/* line 59, app/assets/stylesheets/components/my-pages.sass */
.shareable_code_button--facebook {
  color: #284877;
}

/* line 61, app/assets/stylesheets/components/my-pages.sass */
.shareable_code_button--twitter {
  color: #2ca7d1;
}

/* line 63, app/assets/stylesheets/components/my-pages.sass */
.shareable_code_button--email {
  color: #738a8d;
}

/* line 65, app/assets/stylesheets/components/my-pages.sass */
.shareable_code_button--gmail {
  background-color: #748a8d;
}

/* line 69, app/assets/stylesheets/components/my-pages.sass */
.cancel-subscription-survey h2 {
  padding: 1rem 0 0;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.3125;
}

/* line 72, app/assets/stylesheets/components/my-pages.sass */
.cancel-subscription-survey h2 + .survey__description {
  display: none;
}

/* line 74, app/assets/stylesheets/components/my-pages.sass */
.cancel-subscription-survey .question {
  margin-bottom: 0.5rem;
}

/* line 76, app/assets/stylesheets/components/my-pages.sass */
.cancel-subscription-survey br {
  display: none;
}

/* line 79, app/assets/stylesheets/components/my-pages.sass */
.mypage__history__icon {
  width: 25px;
  vertical-align: middle;
}

/* line 83, app/assets/stylesheets/components/my-pages.sass */
.mypage__history__items {
  margin-left: 0;
  list-style-type: none;
}

/* line 87, app/assets/stylesheets/components/my-pages.sass */
.mypage__history__item {
  margin-bottom: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 92, app/assets/stylesheets/components/my-pages.sass */
.mypage__history__item:nth-of-type(even) {
  background-color: #f2f1f1;
}

@media screen and (min-width: 720px) {
  /* line 95, app/assets/stylesheets/components/my-pages.sass */
  .mypage__history__item a {
    display: inline-block;
    width: 75%;
    max-width: 300px;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

/* line 104, app/assets/stylesheets/components/my-pages.sass */
.mypage__history__video {
  display: inline-block;
  width: 180px;
}

/* line 108, app/assets/stylesheets/components/my-pages.sass */
.mypage__history__date {
  margin-bottom: 0.5rem;
  padding-top: 1rem;
}

/* line 112, app/assets/stylesheets/components/my-pages.sass */
.mypage__voucher__input {
  display: block;
  width: 100%;
  max-width: 400px;
  margin-bottom: 1rem;
  padding: 0.5rem;
}

/* line 121, app/assets/stylesheets/components/my-pages.sass */
.mypage__history__item a {
  color: #6ab7e2;
  text-decoration: none;
}

/* line 14, app/assets/stylesheets/yogobe/components/modules/videoactions.sass */
.videoactions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}

/* line 18, app/assets/stylesheets/yogobe/components/modules/videoactions.sass */
.videoaction {
  width: 4rem;
  text-align: center;
  font-size: 11px;
  font-size: 0.7857142857rem;
  line-height: 1.9090909091;
  line-height: 1.8;
  cursor: pointer;
}

/* line 24, app/assets/stylesheets/yogobe/components/modules/videoactions.sass */
.videoaction > i {
  display: block;
}

/* line 26, app/assets/stylesheets/yogobe/components/modules/videoactions.sass */
.videoaction label {
  cursor: pointer;
}

/* line 31, app/assets/stylesheets/yogobe/components/modules/videoactions.sass */
.videoactions--show .videoactions {
  max-width: 330px;
}

/* line 34, app/assets/stylesheets/yogobe/components/modules/videoactions.sass */
.videoactions--show .videoaction label, .videoactions--show .videoaction span {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
}

/* line 37, app/assets/stylesheets/yogobe/components/modules/videoactions.sass */
.videoactions--grid .videoactions {
  margin-left: -10px;
}

/* line 40, app/assets/stylesheets/yogobe/components/modules/videoactions.sass */
.videoactions--grid .videoaction > i {
  padding-left: 2px;
}

/* line 42, app/assets/stylesheets/yogobe/components/modules/videoactions.sass */
.videoactions--grid .videoaction > .moremenu > i {
  padding-left: 2px;
}

/* line 44, app/assets/stylesheets/yogobe/components/modules/videoactions.sass */
.videoactions--grid .videoaction label, .videoactions--grid .videoaction span {
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 1.75;
}

@media screen and (min-width: 720px) {
  /* line 47, app/assets/stylesheets/yogobe/components/modules/videoactions.sass */
  .videoaction--close {
    display: none !important;
  }
}

/* line 1, app/assets/stylesheets/yogobe/components/modules/videorow.sass */
.videorow {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom: 1rem;
  padding: 0.5rem;
  overflow: hidden;
  background-color: #fbfafa;
}

/* line 8, app/assets/stylesheets/yogobe/components/modules/videorow.sass */
.videorow__thumb {
  -webkit-flex-basis: 200px;
  -moz-flex-basis: 200px;
  -ms-flex-basis: 200px;
  flex-basis: 200px;
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  -ms-flex-grow: 2;
  flex-grow: 2;
  margin-right: 1rem;
  background: url(https://yogobe.com/assets/video-thumbnails/warrior-3ad3c3981d24aa1adda1386ffa8a7b75361aad410723905711d2410639061949.png) no-repeat bottom;
  background-size: 3rem;
}

/* line 14, app/assets/stylesheets/yogobe/components/modules/videorow.sass */
.videorow__content {
  -webkit-flex-basis: 300px;
  -moz-flex-basis: 300px;
  -ms-flex-basis: 300px;
  flex-basis: 300px;
  -webkit-flex-grow: 5;
  -moz-flex-grow: 5;
  -ms-flex-grow: 5;
  flex-grow: 5;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  margin-right: 1rem;
}

/* line 21, app/assets/stylesheets/yogobe/components/modules/videorow.sass */
.videorow__extra {
  -webkit-flex-basis: 100px;
  -moz-flex-basis: 100px;
  -ms-flex-basis: 100px;
  flex-basis: 100px;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}

/* line 25, app/assets/stylesheets/yogobe/components/modules/videorow.sass */
.videorow__shade {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
}

/* line 33, app/assets/stylesheets/yogobe/components/modules/videorow.sass */
.videorow__thumb__filler {
  height: 100%;
}

/* line 36, app/assets/stylesheets/yogobe/components/modules/videorow.sass */
.videorow__time {
  margin-bottom: 1rem;
  font-weight: 600;
}

/* line 39, app/assets/stylesheets/yogobe/components/modules/videorow.sass */
.videorow__flag {
  width: 32px;
  margin-right: 1rem;
  border: 1px solid #f2f1f1;
  vertical-align: bottom;
}

/* line 45, app/assets/stylesheets/yogobe/components/modules/videorow.sass */
.videorow__title {
  font-size: 20px;
  font-size: 1.4285714286rem;
  line-height: 1.05;
  line-height: 1.5;
}

/* line 48, app/assets/stylesheets/yogobe/components/modules/videorow.sass */
.videorow__description {
  max-height: 64px;
  overflow: hidden;
  line-height: 1.5;
}

/* line 54, app/assets/stylesheets/yogobe/components/modules/videorow.sass */
.moremenu > i {
  display: block;
}

/* line 56, app/assets/stylesheets/yogobe/components/modules/videorow.sass */
.moremenu__inner {
  text-align: left;
  animation: moremenu__inner--fadein 0.5s 1;
}

@keyframes moremenu__inner--fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* line 1, app/assets/stylesheets/yogobe/components/modules/videogrid.sass */
.videogrid {
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
  padding: 1rem;
  overflow: hidden;
  background-color: white;
}

/* line 9, app/assets/stylesheets/yogobe/components/modules/videogrid.sass */
.videorow__description {
  height: 3.3rem;
  overflow: hidden;
  font-size: 13.5px;
  font-size: 0.9642857143rem;
  line-height: 1.5555555556;
  line-height: 1.1;
}

/* line 15, app/assets/stylesheets/yogobe/components/modules/videogrid.sass */
.videogrid__extra {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}

/* line 20, app/assets/stylesheets/yogobe/components/modules/videogrid.sass */
.videogrid__flag {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
  width: 36px;
  float: right;
  border: 1px solid #f2f1f1;
}

/* line 2, app/assets/stylesheets/components/simple-form.sass */
.regform2__textinput {
  height: 3rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  border: 1px solid #d0d1d0;
}

/* line 7, app/assets/stylesheets/components/simple-form.sass */
.regform2__textinput--inlineblock {
  display: inline-block;
}

/* line 10, app/assets/stylesheets/components/simple-form.sass */
.simple_form {
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
}

/* line 13, app/assets/stylesheets/components/simple-form.sass */
.login__page {
  background-color: #f2f1f1;
}

/* line 17, app/assets/stylesheets/components/simple-form.sass */
.login-form .input {
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
}

/* line 19, app/assets/stylesheets/components/simple-form.sass */
.login-form label {
  display: inline-block;
  width: 30%;
  padding-right: 1rem;
  text-align: right;
}

/* line 24, app/assets/stylesheets/components/simple-form.sass */
.login-form input:not(.button) {
  width: 70%;
  padding: 0.25rem;
  border: 2px solid #d0d1d0;
}

/* line 29, app/assets/stylesheets/components/simple-form.sass */
.login-form__submit {
  width: 70%;
  margin-bottom: 10.5px;
  margin-bottom: 0.75rem;
  margin-left: 30%;
}

/* line 35, app/assets/stylesheets/components/simple-form.sass */
.login-form__links > * {
  display: block;
  width: 70%;
  margin-bottom: 10.5px;
  margin-bottom: 0.75rem;
  margin-left: 30%;
}

@media screen and (width: 720px) {
  /* line 43, app/assets/stylesheets/components/simple-form.sass */
  #user_date_of_birth_2i {
    width: 86px;
  }
}

/* line 46, app/assets/stylesheets/components/simple-form.sass */
.regform {
  padding-top: 1.5rem;
}

/* line 48, app/assets/stylesheets/components/simple-form.sass */
.regform abbr {
  display: none;
}

/* line 52, app/assets/stylesheets/components/simple-form.sass */
.regform input[type=email], .regform input[type=password], .regform input[type=text], .regform input[type=tel], .regform input[type=date] {
  display: block;
  width: 18rem;
  margin-bottom: 10.5px;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  border: 2px solid #d0d1d0;
  border-radius: 3px;
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 52, app/assets/stylesheets/components/simple-form.sass */
  .regform input[type=email], .regform input[type=password], .regform input[type=text], .regform input[type=tel], .regform input[type=date] {
    width: 14rem;
  }
}

/* line 62, app/assets/stylesheets/components/simple-form.sass */
.regform .date select {
  margin-top: 0.5rem;
  font-size: 16px;
}

/* line 65, app/assets/stylesheets/components/simple-form.sass */
.regform .date label {
  display: block;
}

/* line 68, app/assets/stylesheets/components/simple-form.sass */
.regform .field_with_errors input {
  border: 1px solid red;
}

/* line 71, app/assets/stylesheets/components/simple-form.sass */
.regform .register__radio-buttons .field_with_errors {
  display: inline-block;
}

/* line 73, app/assets/stylesheets/components/simple-form.sass */
.regform .checkbox {
  margin-bottom: 3.5px;
  margin-bottom: 0.25rem;
}

/* line 75, app/assets/stylesheets/components/simple-form.sass */
.regform label.radio_buttons {
  display: none;
}

/* line 78, app/assets/stylesheets/components/simple-form.sass */
.regform .user_relation_to_yoga span {
  display: block;
}

/* line 81, app/assets/stylesheets/components/simple-form.sass */
.regform .user_referenced_by label {
  display: block;
}

@media screen and (min-width: 720px) {
  /* line 83, app/assets/stylesheets/components/simple-form.sass */
  .regform .form-submit {
    margin-left: 12rem;
  }
}

@media screen and (max-width: 719px) {
  /* line 86, app/assets/stylesheets/components/simple-form.sass */
  .regform h1, .regform h2 {
    margin-bottom: 0.25rem;
  }
}

/* line 90, app/assets/stylesheets/components/simple-form.sass */
.regform__errors {
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
  padding: 0.5rem 1rem;
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

/* line 96, app/assets/stylesheets/components/simple-form.sass */
.regform__errors p {
  margin-bottom: 0.5rem;
}

/* line 99, app/assets/stylesheets/components/simple-form.sass */
.regform__error {
  display: block;
}

/* line 102, app/assets/stylesheets/components/simple-form.sass */
.regform__label {
  display: block;
  margin-bottom: 10.5px;
  margin-bottom: 0.75rem;
}

/* line 106, app/assets/stylesheets/components/simple-form.sass */
.regform__textfield {
  width: 18rem;
  margin-bottom: 10.5px;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  border: 2px solid #d0d1d0;
  border-radius: 3px;
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 106, app/assets/stylesheets/components/simple-form.sass */
  .regform__textfield {
    width: 14rem;
  }
}

/* line 115, app/assets/stylesheets/components/simple-form.sass */
.regform__label__radio {
  vertical-align: 21px;
}

/* line 118, app/assets/stylesheets/components/simple-form.sass */
.regform__label__text {
  display: inline-block;
  padding-left: 0.5rem;
  width: 90%;
}

/* line 123, app/assets/stylesheets/components/simple-form.sass */
.regform__label__title {
  margin-bottom: 0;
}

/* line 128, app/assets/stylesheets/components/simple-form.sass */
.regform__label__description {
  margin-bottom: 0;
}

/* line 131, app/assets/stylesheets/components/simple-form.sass */
.regform__select {
  display: block;
}

/* line 135, app/assets/stylesheets/components/simple-form.sass */
.regform__dob .input {
  display: inline-block !important;
  width: 32% !important;
}

/* line 140, app/assets/stylesheets/components/simple-form.sass */
.regform span.radio {
  margin-right: 1.5rem;
}

/* line 142, app/assets/stylesheets/components/simple-form.sass */
.regform input.radio_buttons {
  margin-right: 0.75rem;
}

/* line 145, app/assets/stylesheets/components/simple-form.sass */
.regform__campaignfield {
  max-height: 0;
  overflow: hidden;
}

/* line 148, app/assets/stylesheets/components/simple-form.sass */
.regform__campaignfield input {
  outline: none;
}

/* line 151, app/assets/stylesheets/components/simple-form.sass */
.regform__campaignfield.valid input {
  border: 1px solid #468847;
  color: #468847;
}

/* line 155, app/assets/stylesheets/components/simple-form.sass */
.regform__campaignfield.not-valid input {
  border: 1px solid #953b39;
  color: #953b39;
}

/* line 159, app/assets/stylesheets/components/simple-form.sass */
.regform__label__radio[value=coupon]:checked ~ .regform__campaignfield {
  max-height: 10rem;
  padding: 0.25rem;
}

/* line 165, app/assets/stylesheets/components/simple-form.sass */
.regform__campaignfield input {
  margin: 5px 0 0 18px !important;
}

/* line 167, app/assets/stylesheets/components/simple-form.sass */
.regform__campaignfield .coupon-notice {
  font-style: italic;
  font-size: 10px;
  font-size: 0.7142857143rem;
  line-height: 2.1;
  margin: 5px 0 0 18px !important;
  max-width: 20rem;
}

/* line 173, app/assets/stylesheets/components/simple-form.sass */
.user_profile_relation_to_yoga, .user_profile_referenced_by, .user_terms_of_service {
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
}

/* line 177, app/assets/stylesheets/components/simple-form.sass */
.regform__one .form-inputs {
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
}

/* line 180, app/assets/stylesheets/components/simple-form.sass */
.regform__one__button--trial {
  display: inline-block;
}

/* line 182, app/assets/stylesheets/components/simple-form.sass */
.regform__one__button--coupon {
  display: inline-block;
  float: right;
}

/* line 185, app/assets/stylesheets/components/simple-form.sass */
.regform__one__button--coupon input[type=text] {
  display: inline-block;
}

/* line 189, app/assets/stylesheets/components/simple-form.sass */
.regform__two {
  padding: 1rem 2rem;
}

/* line 191, app/assets/stylesheets/components/simple-form.sass */
.regform__two h2 {
  margin-bottom: 1rem;
}

/* line 196, app/assets/stylesheets/components/simple-form.sass */
.regform__three .field_with_errors {
  margin-bottom: 10.5px;
  margin-bottom: 0.75rem;
}

/* line 198, app/assets/stylesheets/components/simple-form.sass */
.regform__three .field_with_errors input {
  margin-bottom: 0;
}

/* line 200, app/assets/stylesheets/components/simple-form.sass */
.regform__three .error_notification {
  margin-bottom: 10.5px;
  margin-bottom: 0.75rem;
}

/* line 202, app/assets/stylesheets/components/simple-form.sass */
.regform__three .children_ages {
  display: none;
}

/* line 206, app/assets/stylesheets/components/simple-form.sass */
.register__button {
  display: inline-block;
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
  border: 1px solid #6ab7e2;
  color: #6ab7e2;
  background: transparent;
  letter-spacing: 2px;
  text-transform: uppercase;
}

@media screen and (max-width: 719px) {
  /* line 206, app/assets/stylesheets/components/simple-form.sass */
  .register__button {
    padding: 0.5rem 1rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 206, app/assets/stylesheets/components/simple-form.sass */
  .register__button {
    padding: 0.5rem 1.5rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 206, app/assets/stylesheets/components/simple-form.sass */
  .register__button {
    padding: 0.75rem 2rem;
  }
}

/* line 221, app/assets/stylesheets/components/simple-form.sass */
.register__button--disabled {
  color: #999;
  border-color: #999;
}

/* line 225, app/assets/stylesheets/components/simple-form.sass */
.registration {
  padding: 1rem;
}

/* line 237, app/assets/stylesheets/components/simple-form.sass */
.checkbox input {
  margin-right: 0.5rem;
}

/* line 247, app/assets/stylesheets/components/simple-form.sass */
.regform__one__splash-padding {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 247, app/assets/stylesheets/components/simple-form.sass */
  .regform__one__splash-padding {
    width: 300px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 247, app/assets/stylesheets/components/simple-form.sass */
  .regform__one__splash-padding {
    width: 400px;
  }
}

/* line 255, app/assets/stylesheets/components/simple-form.sass */
.regform__one__splash-large {
  position: relative;
  background-color: #6ab7e2;
  color: white;
  font-weight: 300;
  height: 0;
  padding-top: 100%;
  width: 100%;
  border-radius: 50%;
}

/* line 265, app/assets/stylesheets/components/simple-form.sass */
.regform__one__splash-large div {
  top: 1rem;
  position: absolute;
  width: 100%;
}

/* line 269, app/assets/stylesheets/components/simple-form.sass */
.regform__one__splash-large div ul {
  text-align: initial;
  margin-bottom: 0;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 269, app/assets/stylesheets/components/simple-form.sass */
  .regform__one__splash-large div ul {
    line-height: 1.5rem;
    font-size: 12px;
    font-size: 0.8571428571rem;
    line-height: 1.75;
    width: 60%;
  }
}

@media screen and (min-width: 1024px) {
  /* line 269, app/assets/stylesheets/components/simple-form.sass */
  .regform__one__splash-large div ul {
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 1.3125;
    width: 60%;
    line-height: 2.25rem;
  }
}

/* line 283, app/assets/stylesheets/components/simple-form.sass */
.regform__one__splash-large div img {
  height: 100px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: auto;
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 283, app/assets/stylesheets/components/simple-form.sass */
  .regform__one__splash-large div img {
    height: 75px;
  }
}

/* line 292, app/assets/stylesheets/components/simple-form.sass */
.regform__one__splash {
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
  padding: 1rem 0;
  color: white;
  background-color: #6ab7e2;
  font-weight: 300;
  text-align: initial;
}

/* line 299, app/assets/stylesheets/components/simple-form.sass */
.regform__one__splash ul {
  margin-bottom: 0;
}

/* line 304, app/assets/stylesheets/components/simple-form.sass */
.payments-table th {
  padding: 0 0.25rem;
  font-size: 13px;
  font-size: 0.9285714286rem;
  line-height: 1.6153846154;
  font-weight: 400;
  text-align: left;
}

/* line 309, app/assets/stylesheets/components/simple-form.sass */
.payments-table td {
  padding: 0.25rem;
  border: 1px solid #d0d1d0;
}

/* line 315, app/assets/stylesheets/components/simple-form.sass */
.register__info h4, .register__info h2 {
  margin-bottom: 0;
}

/* line 318, app/assets/stylesheets/components/simple-form.sass */
.register__details {
  display: block;
}

/* line 322, app/assets/stylesheets/components/simple-form.sass */
.register__details__other input {
  display: inline-block !important;
}

/* line 325, app/assets/stylesheets/components/simple-form.sass */
.register__other--textbox {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* line 331, app/assets/stylesheets/components/simple-form.sass */
.register__label:not(:first-of-type) input[type=radio] {
  margin-left: 0.75rem;
}

/* line 335, app/assets/stylesheets/components/simple-form.sass */
.label--error {
  color: red;
}

/* line 337, app/assets/stylesheets/components/simple-form.sass */
.label--error div {
  display: inline-block;
}

/* line 340, app/assets/stylesheets/components/simple-form.sass */
.children_ages {
  display: inline-block;
}

/* line 343, app/assets/stylesheets/components/simple-form.sass */
.register__details {
  display: block;
}

/* line 347, app/assets/stylesheets/components/simple-form.sass */
.register__details__other input {
  display: inline-block !important;
}

/* line 350, app/assets/stylesheets/components/simple-form.sass */
.register__other--textbox {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* line 359, app/assets/stylesheets/components/simple-form.sass */
#user_details_training:not(:checked) ~ .training_options {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

/* line 362, app/assets/stylesheets/components/simple-form.sass */
#user_details_body_therapist:not(:checked) ~ .body_therapist_options {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

/* line 365, app/assets/stylesheets/components/simple-form.sass */
#user_details_healthcare:not(:checked) ~ .healthcare_options {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

/* line 367, app/assets/stylesheets/components/simple-form.sass */
.user_profile_relation_to_yoga {
  margin-bottom: 0;
}

/* line 372, app/assets/stylesheets/components/simple-form.sass */
label.yinput {
  display: block;
  margin-bottom: 0.5rem;
}

/* line 375, app/assets/stylesheets/components/simple-form.sass */
label.yinput input, label.yinput textarea, label.yinput select {
  display: block;
}

/* line 377, app/assets/stylesheets/components/simple-form.sass */
label.yinput input, label.yinput textarea {
  width: 100%;
}

@media screen and (max-width: 719px) {
  /* line 1, app/assets/stylesheets/components/video-thumbnails.sass */
  .video-thumbnail {
    cursor: pointer;
  }
}

/* line 5, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail__title {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  line-height: 1.2;
}

/* line 10, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail__image__wrapper {
  display: block;
  position: relative;
  cursor: default;
}

/* line 15, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 24, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail__play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(https://yogobe.com/assets/video-thumbnails/play-848fa7e1d4da49d8836d364895109cdf0537623c94998869caf1ba54d4abbd74.png);
  background-size: 64px 192px;
  cursor: pointer;
}

/* line 34, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail__play-button:hover {
  background-position: 0 -64px;
}

/* line 36, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail__play-button:active {
  background-position: 0 -128px;
}

/* line 40, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail__play-button--locked {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(https://yogobe.com/images/video-thumbnails/locked.png) !important;
  background-size: 48px 48px;
  cursor: pointer;
}

/* line 51, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail__heart {
  text-align: center;
}

/* line 53, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail__heart--lap-and-up {
  position: absolute;
  top: 0;
  left: 0;
  width: 5rem;
  height: 4rem;
  cursor: pointer;
}

/* line 60, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail__heart--lap-and-up i {
  position: absolute;
  top: 0.475rem;
  left: 0.25rem;
}

/* line 64, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail__heart--palm {
  margin-right: -1rem;
  padding: 0.7rem 1rem 0;
  text-align: center;
  color: #6ab7e2;
  cursor: pointer;
}

/* line 73, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail__info {
  display: table-cell;
  width: 100%;
  vertical-align: top;
  color: #333;
}

/* line 79, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail__description {
  height: 3.3rem;
  margin-right: 1rem;
  font-size: 13.5px;
  font-size: 0.9642857143rem;
  line-height: 1.5555555556;
  line-height: 1.1;
  overflow: hidden;
}

/* line 86, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail__details {
  display: table-cell;
  vertical-align: middle;
}

/* line 91, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail__length {
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 1.75;
  font-weight: 700;
  margin-bottom: 0.5rem;
  text-align: center;
}

@media screen and (max-width: 719px) {
  /* line 91, app/assets/stylesheets/components/video-thumbnails.sass */
  .video-thumbnail__length {
    margin-right: -1rem;
  }
}

/* line 99, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail__time {
  display: block;
  letter-spacing: -1px;
  white-space: nowrap;
}

/* line 104, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail__clock,
.video-thumbnail__flag {
  display: block;
  margin: 0 auto;
}

/* line 109, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail__clock {
  width: 22px;
  height: 22px;
  background-size: 22px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA%2FlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw%2FeHBhY2tldCBiZWdpbj0i77u%2FIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjVEMjA4OTI0OTNCRkRCMTE5MTRBODU5MEQzMTUwOEM4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNCNEI1QTJBOEZDNTExRTRCMjczQzk0MjU4M0NEQ0UwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNCNEI1QTI5OEZDNTExRTRCMjczQzk0MjU4M0NEQ0UwIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIElsbHVzdHJhdG9yIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0idXVpZDpjYWQzOGQ2Ny1lNzBkLWIyNGQtYjJjZC1iNTVmY2JkYjMyYjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OWQwMTkwZTUtY2E1Yi00ZDhiLWE3MTMtYWUxY2FiMmQxYWNhIi8%2BIDxkYzp0aXRsZT4gPHJkZjpBbHQ%2BIDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI%2BY2xvY2sgaWNvbjwvcmRmOmxpPiA8L3JkZjpBbHQ%2BIDwvZGM6dGl0bGU%2BIDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY%2BIDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8%2B1IMvoAAABGhJREFUeNrMmXloVUcUxm%2BeinGva1y6hEZJUYlaG1ypINQuKooaFWpEjSKIGME1CoL%2BIf7jAtGCUsWltcZK675rawJRVFzS2uKuxESNdUujuODyHfMNHsf7Xt5y38s78OPducvc782dOXPmTELrpDZOBJYI%2BoLPQWfwGUgCdXn9CSgDF8AZcgiUh%2FvChDAFdwNTwADQMMRn5U%2FsA7kUH1XB0pqL2Zpe2CUwE%2FzuteAPwC%2FgG5dr%2F4OtoBDcALf4yV%2BBBuwi8pJ0MAQ0c6njOBjK5yMWLCK3g1rW%2BYNgEThMccFadzCD4m0bDTYEethXReU5YI8lVoQmg6%2FYB1%2BF2A2OsTWbg1%2Bta%2BvBsnAFLyTGXoAMCr0e4LlW7Jv3QIcA9%2F0HhnNcaK%2BRDdaEKngWW9fYNfAJ2BJEC44BKaAxmBzE%2FX%2Bwj59S58aCpcEKzmDf1AOiLSgJ8pPX9nMcyCpAV7BTnZvq9odtwR%2BC1ar8L%2FiS3SEWNhAUqHKu7UJtwcvoioyDHwSeOrG1waBUlZf7EzyAo9fYRHDRib3dYx821gtMcBOsB9k%2Bupjqsv1grSrPtAX3Az3VDfOc6rf5auzIoB%2BnBX%2BvbtxGzxALqwkWMJCyTVzpSst7vXmgHvhWXfg5RmKl1XaDdmqQr7LuyQOTVIiQ4uNM05wnJXDZEQOxORzQ7azWti2fMbSxPiI4TZ0o4D%2BNlrVgd1voEgb84OeZo%2Br4C%2FlXXdSJf6IoNtPF85Rxsgg0Zk6r4zQf531jf3ks8gF%2Fd7mI%2FZGxclUDvEgdJ0kLt1QnSjwW3AOctbrdY05Qe4Oso5QhbIIsJIyXsFvEK%2BtulaWlRzLYCeUrVTBkqO1zYmejOP1XRFJJTXoFE%2FA09ECYHdmdBN%2BBO2HW10ClDZ5JC99UF9t4IHgzeMnjaVx83omgPtFUw3QPEXxFXWzvgeDznIjEAyzxoD6tqczHUWysg4chYplHdXVVx%2Bd8lp%2FrrZo%2FXkx7mhMi%2BIgauR9xgMSLpRNjhSL4LqMmYyPiSHCGOpaG%2Fdv44Y3qgsTGHeNAbEtr1ZynA%2Fht1uCLhxXHbFBHhQyr7TXdIutTDKrmgZatyuIen8mBnQzcz1SUw74tbu52jMXWYtSYqiLINH95iWznbXKvKfitGlp3sxLr2Os9W7Bkesarcs8QwkAvbB0TKcbmgj8DCRaTzOFiVf6aQXZilMVKXm20Kv%2FkspTym72c7ryb8kznSO0RBaGykXMV9Lfi5ky3mwPFw1lW8NLEqdwW2ORUbiFEapLZXMFumKzOb2Tc7IQq2ISHWdY5mQnvc02WGobQj9nlylXOwdgcK6nzngW7KfMpJxe3GfAiZ6EiZmuKncqNGvE29Z3KFG4yw8RhoJNLHcUcbKeqEhLqtpe8MNdauLqtOB5RcD0%2FCRJj0sozXDI%2BTrhdwjbZMmhF4fl%2B7qnBpVajAGJl2TSW96wKRUBChFu38rn70Yt0YWankfN2q%2BA5eMglknSZE%2BAAuBzuC18LMACQot0YV3r8ZAAAAABJRU5ErkJggg%3D%3D);
}

/* line 115, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail__flag {
  width: 32px;
  border: 1px solid #f2f1f1;
}

/* line 121, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail--row__time {
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
  font-weight: 600;
}

/* line 124, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail--row__flag {
  margin-right: 1rem;
  vertical-align: bottom;
}

/* line 128, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail--row__content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  height: 100%;
}

/* line 139, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail--row__title {
  font-size: 20px;
  font-size: 1.4285714286rem;
  line-height: 1.05;
  line-height: 1.5;
  margin-bottom: 0.3rem;
}

/* line 145, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail--row__description {
  line-height: 1.5;
}

/* line 148, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail--row__flag {
  width: 32px;
  border: 1px solid #f2f1f1;
}

@media screen and (min-width: 720px) {
  /* line 152, app/assets/stylesheets/components/video-thumbnails.sass */
  .video-thumbnail--row__instructor {
    margin-top: 42px;
  }
}

/* line 155, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail--row__instructor p {
  margin-bottom: 0.25rem;
}

/* line 157, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail--row__instructor img {
  width: 64px;
}

/* line 160, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail--row__tag {
  position: relative;
  display: inline-block;
  margin: 0 0.75rem 0.75rem 0;
  padding: 0.25rem 1rem;
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 1.75;
  line-height: 1.5;
  text-transform: uppercase;
  color: white;
  background-color: #6ab7e2;
}

/* line 176, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail--row__tag > a {
  color: white;
}

/* line 178, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail--row__tag label {
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  /* line 178, app/assets/stylesheets/components/video-thumbnails.sass */
  .video-thumbnail--row__tag label {
    margin-right: 0.5rem;
  }
}

/* line 184, app/assets/stylesheets/components/video-thumbnails.sass */
.favorite-videos__tooltip {
  position: absolute;
  padding: 1rem;
  color: white;
  background-color: #e74b92;
  text-align: center;
}

/* line 190, app/assets/stylesheets/components/video-thumbnails.sass */
.favorite-videos__tooltip a {
  color: white;
  text-decoration: underline;
}

/* line 196, app/assets/stylesheets/components/video-thumbnails.sass */
.inline-video-thumbnail {
  position: relative;
  display: block;
}

/* line 200, app/assets/stylesheets/components/video-thumbnails.sass */
.inline-video-thumbnail__container {
  float: left;
  width: 40%;
  margin: 0 0 2rem 0;
  padding-right: 1rem;
}

/* line 206, app/assets/stylesheets/components/video-thumbnails.sass */
.inline-video-thumbnail__container:before {
  content: "";
  display: table;
  clear: both;
}

/* line 211, app/assets/stylesheets/components/video-thumbnails.sass */
.inline-video-thumbnail__image {
  display: block;
  width: 100%;
}

/* line 215, app/assets/stylesheets/components/video-thumbnails.sass */
.inline-video-thumbnail__title {
  display: block;
  padding-top: 3px;
  line-height: 1.2;
  color: #333;
}

/* line 224, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail__play-button--small {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  background-image: url(https://yogobe.com/assets/video-thumbnails/play-848fa7e1d4da49d8836d364895109cdf0537623c94998869caf1ba54d4abbd74.png);
  background-size: 48px 144px;
  cursor: pointer;
}

/* line 234, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail__play-button--small:hover {
  background-position: 0 -48px;
}

/* line 236, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail__play-button--small:active {
  background-position: 0 -96px;
}

/* line 240, app/assets/stylesheets/components/video-thumbnails.sass */
.embedded-inline-video-thumbnail__container {
  display: inline-block;
  width: 49%;
}

/* line 246, app/assets/stylesheets/components/video-thumbnails.sass */
.embedded-inline-video-thumbnail__container a img {
  margin-bottom: 0;
}

/* line 250, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail__action-button {
  display: inline-block;
  margin-right: 1rem;
  text-align: center;
}

/* line 254, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail__action-button i.video-thumbnail__action-button__block-icon {
  display: block;
}

/* line 259, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail--inline__play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  background-image: url(https://yogobe.com/assets/video-thumbnails/play-848fa7e1d4da49d8836d364895109cdf0537623c94998869caf1ba54d4abbd74.png);
  background-size: 48px 144px;
  cursor: pointer;
}

/* line 269, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail--inline__play-button:hover {
  background-position: 0 -48px;
}

/* line 271, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail--inline__play-button:active {
  background-position: 0 -96px;
}

/* line 276, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail--sidebar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin-bottom: 1rem;
  padding: 0.5rem;
  overflow: hidden;
  background-color: #fbfafa;
}

/* line 285, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail--sidebar__thumbnail {
  -webkit-flex-basis: 60px;
  -moz-flex-basis: 60px;
  -ms-flex-basis: 60px;
  flex-basis: 60px;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}

/* line 288, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail--sidebar__info {
  -webkit-flex-basis: 100px;
  -moz-flex-basis: 100px;
  -ms-flex-basis: 100px;
  flex-basis: 100px;
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  -ms-flex-grow: 2;
  flex-grow: 2;
  margin: 0 0.5rem;
  color: #333;
}

/* line 293, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail--sidebar__menu {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-basis: 24px;
  -moz-flex-basis: 24px;
  -ms-flex-basis: 24px;
  flex-basis: 24px;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: #999;
  cursor: pointer;
}

/* line 305, app/assets/stylesheets/components/video-thumbnails.sass */
.video-thumbnail__ellipsis {
  height: 24px;
}

/* line 308, app/assets/stylesheets/components/video-thumbnails.sass */
.video-more-menu {
  width: 274px;
  z-index: 100;
  color: #6ab7e2;
  background-color: white;
  border: 1px solid #d0d1d0;
}

/* line 314, app/assets/stylesheets/components/video-thumbnails.sass */
.video-more-menu ul {
  list-style-type: none;
  margin: 0.5rem;
}

/* line 317, app/assets/stylesheets/components/video-thumbnails.sass */
.video-more-menu li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  cursor: pointer;
  margin-bottom: 0.25rem;
  padding-bottom: 0.125rem;
}

/* line 325, app/assets/stylesheets/components/video-thumbnails.sass */
.video-more-menu li:nth-last-child(n+2) {
  border-bottom: 1px solid #6ab7e2;
}

/* line 327, app/assets/stylesheets/components/video-thumbnails.sass */
.video-more-menu span {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  margin-right: 1rem;
  color: #333;
}

/* line 332, app/assets/stylesheets/components/video-thumbnails.sass */
.moremenu__icon--share {
  float: right;
}

/* line 336, app/assets/stylesheets/components/video-thumbnails.sass */
.moremenu__icon--remove {
  color: firebrick;
}

/* line 339, app/assets/stylesheets/components/video-thumbnails.sass */
.moremenu__share__uri {
  width: 100%;
  border: none;
  outline: none;
  margin-bottom: 0.25rem;
}

/* line 1, app/assets/stylesheets/components/video-overlay.sass */
.video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  display: table;
  width: 100%;
  height: 100%;
  z-index: 20;
  background-color: rgba(0, 0, 0, 0.75);
}

/* line 18, app/assets/stylesheets/components/video-overlay.sass */
.video-overlay__close {
  font-size: 32px;
  font-size: 2.2857142857rem;
  line-height: 1.3125;
  text-align: right;
  cursor: pointer;
}

/* line 23, app/assets/stylesheets/components/video-overlay.sass */
.video-overlay__player {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

/* line 29, app/assets/stylesheets/components/video-overlay.sass */
.video-overlay__player__loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 35, app/assets/stylesheets/components/video-overlay.sass */
.video-overlay__player__loading img {
  display: block;
  height: 100%;
  margin: 0 auto;
}

/* line 40, app/assets/stylesheets/components/video-overlay.sass */
.video-overlay__player__loading__spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

/* line 47, app/assets/stylesheets/components/video-overlay.sass */
.video-overlay__player__loading__spinner p {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  margin: 2rem 0 0;
  text-align: center;
}

/* line 57, app/assets/stylesheets/components/video-overlay.sass */
.video-overlay__player__23 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  background-color: white;
}

/* line 66, app/assets/stylesheets/components/video-overlay.sass */
.video-overlay__info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  color: #333;
  padding: 1rem 0 0;
}

/* line 72, app/assets/stylesheets/components/video-overlay.sass */
.video-overlay__info__presentation {
  margin-bottom: 0;
}

/* line 74, app/assets/stylesheets/components/video-overlay.sass */
.video-overlay__info__presentation p {
  margin-bottom: 0;
}

/* line 76, app/assets/stylesheets/components/video-overlay.sass */
.video-overlay__info__title {
  margin: 1rem 0 0.5rem 0;
  font-size: 18px;
  font-size: 1.2857142857rem;
  line-height: 1.1666666667;
}

/* line 82, app/assets/stylesheets/components/video-overlay.sass */
.video-overlay__social-media {
  -webkit-flex-basis: 50px;
  -moz-flex-basis: 50px;
  -ms-flex-basis: 50px;
  flex-basis: 50px;
  margin-top: 0.75rem;
  text-align: center;
}

/* line 87, app/assets/stylesheets/components/video-overlay.sass */
.video-protection {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
}

/* line 95, app/assets/stylesheets/components/video-overlay.sass */
.video-protection > div {
  left: 0;
  right: 0;
}

/* line 99, app/assets/stylesheets/components/video-overlay.sass */
.video-protection__content {
  width: 90%;
  margin: 0 auto;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.3125;
  color: white;
}

/* line 104, app/assets/stylesheets/components/video-overlay.sass */
.video-protection__content p {
  width: 80%;
  margin: 0 auto;
}

/* line 109, app/assets/stylesheets/components/video-overlay.sass */
.video-protection__content--inline p:first-child, .video-protection__content--inline a {
  display: inline-block;
}

@media screen and (max-width: 719px) {
  /* line 111, app/assets/stylesheets/components/video-overlay.sass */
  .video-protection__content--inline p:not(:first-child), .video-protection__content--inline a {
    display: none !important;
  }
}

/* line 115, app/assets/stylesheets/components/video-overlay.sass */
.video-protection__button--close, .video-protection__button--pink, .video-protection__button--blue {
  margin-bottom: 1rem;
}

/* line 119, app/assets/stylesheets/components/video-overlay.sass */
.video-protection__button--blue {
  background-color: #6ab7e2;
}

/* line 123, app/assets/stylesheets/components/video-overlay.sass */
.video-protection__button--pink {
  background-color: #e74b92;
}

/* line 127, app/assets/stylesheets/components/video-overlay.sass */
.video-protection__button--close {
  color: #333;
}

/* line 1, app/assets/stylesheets/components/blog-post-thumbnails.sass */
.blog-post-thumbnail {
  position: relative;
  min-height: 2rem;
  max-height: 166px;
  color: white;
}

@media screen and (min-width: 1024px) {
  /* line 9, app/assets/stylesheets/components/blog-post-thumbnails.sass */
  .blog-post-thumbnail:hover .blog-post-thumbnail__title {
    opacity: 0;
  }
  /* line 11, app/assets/stylesheets/components/blog-post-thumbnails.sass */
  .blog-post-thumbnail:hover .blog-post-thumbnail__lede {
    opacity: 1;
  }
}

/* line 14, app/assets/stylesheets/components/blog-post-thumbnails.sass */
.blog-post-thumbnail__image {
  display: block;
  width: 100%;
}

/* line 19, app/assets/stylesheets/components/blog-post-thumbnails.sass */
.blog-post-thumbnail__anchor {
  color: white;
}

/* line 22, app/assets/stylesheets/components/blog-post-thumbnails.sass */
.blog-post-thumbnail__lede, .blog-post-thumbnail__title {
  position: absolute;
  width: 100%;
  padding: 0.25rem;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
}

/* line 29, app/assets/stylesheets/components/blog-post-thumbnails.sass */
.blog-post-thumbnail__title {
  bottom: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media screen and (max-width: 1023px) {
  /* line 29, app/assets/stylesheets/components/blog-post-thumbnails.sass */
  .blog-post-thumbnail__title {
    position: static;
  }
}

/* line 37, app/assets/stylesheets/components/blog-post-thumbnails.sass */
.blog-post-thumbnail__lede {
  top: 0;
  height: 100%;
  margin-bottom: 1rem;
  opacity: 0;
}

/* line 45, app/assets/stylesheets/components/blog-post-thumbnails.sass */
.blog-post-thumbnail__img {
  width: 100%;
}

/* line 1, app/assets/stylesheets/components/media-objects.sass */
.media-object__image {
  width: 100%;
}

/* line 3, app/assets/stylesheets/components/social-media.sass */
.social-media__facebook-post__image {
  display: inline-block;
}

/* line 7, app/assets/stylesheets/components/social-media.sass */
.social-media__facebook-post__description {
  display: inline-block;
  vertical-align: top;
}

/* line 12, app/assets/stylesheets/components/social-media.sass */
.social-media__facebook-post__paragraph {
  margin-bottom: 10.5px;
  margin-bottom: 0.75rem;
}

/* line 1, app/assets/stylesheets/components/playlists.sass */
.playlist__index {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding-top: 1rem;
}

@media screen and (max-width: 719px) {
  /* line 6, app/assets/stylesheets/components/playlists.sass */
  .playlist__sidebar {
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    order: 2;
    width: 100%;
  }
}

@media screen and (min-width: 720px) {
  /* line 6, app/assets/stylesheets/components/playlists.sass */
  .playlist__sidebar {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-basis: 300px;
    -moz-flex-basis: 300px;
    -ms-flex-basis: 300px;
    flex-basis: 300px;
    margin-right: 2rem;
  }
}

@media screen and (max-width: 719px) {
  /* line 15, app/assets/stylesheets/components/playlists.sass */
  .playlist__main {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    order: 1;
  }
}

@media screen and (min-width: 720px) {
  /* line 15, app/assets/stylesheets/components/playlists.sass */
  .playlist__main {
    -webkit-flex-grow: 4;
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    flex-grow: 4;
    -webkit-flex-basis: 300px;
    -moz-flex-basis: 300px;
    -ms-flex-basis: 300px;
    flex-basis: 300px;
  }
}

/* line 22, app/assets/stylesheets/components/playlists.sass */
.playlist__object {
  margin-bottom: 1rem;
}

/* line 26, app/assets/stylesheets/components/playlists.sass */
.playlist__object:hover {
  border-color: #e74b92;
  border-style: solid;
  border-width: 1px;
}

/* line 30, app/assets/stylesheets/components/playlists.sass */
.playlist__object:nth-child(even) {
  background-color: #f2f1f1;
}

/* line 33, app/assets/stylesheets/components/playlists.sass */
.playlist__object .video-thumbnail--sidebar {
  margin-bottom: 0;
}

/* line 37, app/assets/stylesheets/components/playlists.sass */
.playlist__object__thumbnail {
  height: 125px;
  -webkit-flex-basis: 200px;
  -moz-flex-basis: 200px;
  -ms-flex-basis: 200px;
  flex-basis: 200px;
}

/* line 41, app/assets/stylesheets/components/playlists.sass */
.playlist__object__description {
  -webkit-flex-basis: 200px;
  -moz-flex-basis: 200px;
  -ms-flex-basis: 200px;
  flex-basis: 200px;
  -webkit-flex-grow: 4;
  -moz-flex-grow: 4;
  -ms-flex-grow: 4;
  flex-grow: 4;
  padding-left: 1rem;
}

/* line 46, app/assets/stylesheets/components/playlists.sass */
.moremenu__playlist {
  padding: 1rem;
  color: #333;
}

/* line 50, app/assets/stylesheets/components/playlists.sass */
.moremenu__playlist__existing {
  margin-bottom: 1rem;
}

/* line 53, app/assets/stylesheets/components/playlists.sass */
.moremenu__playlist__title {
  margin-bottom: 0.5rem;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
}

/* line 58, app/assets/stylesheets/components/playlists.sass */
.moremenu__playlist__select {
  width: 100%;
  margin-bottom: 1rem;
}

/* line 62, app/assets/stylesheets/components/playlists.sass */
.moremenu__playlist__button {
  display: block;
  width: 100%;
  margin-bottom: 0;
}

/* line 67, app/assets/stylesheets/components/playlists.sass */
.moremenu__playlist__titleinput {
  display: block;
  margin-bottom: 0.5rem;
}

/* line 71, app/assets/stylesheets/components/playlists.sass */
.moremenu__playlist__visibilitylabel {
  display: block;
  margin-bottom: 0.5rem;
}

/* line 75, app/assets/stylesheets/components/playlists.sass */
.moremenu__playlist__visibilityselect {
  float: right;
}

/* line 78, app/assets/stylesheets/components/playlists.sass */
.playlist_description, .playlist_title {
  margin-bottom: 1rem;
}

/* line 80, app/assets/stylesheets/components/playlists.sass */
.playlist_description label, .playlist_title label {
  font-size: 18px;
  font-size: 1.2857142857rem;
  line-height: 1.1666666667;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

/* line 85, app/assets/stylesheets/components/playlists.sass */
.playlist_description textarea, .playlist_description input, .playlist_title textarea, .playlist_title input {
  padding: 0.25rem;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 0px 0px 1px rgba(0, 0, 0, 0.02);
  border: none;
  width: 100%;
}

/* line 91, app/assets/stylesheets/components/playlists.sass */
.playlists__show__container {
  margin-bottom: 2rem;
  padding: 1rem;
  background-color: white;
}

/* line 96, app/assets/stylesheets/components/playlists.sass */
.playlist__active__item {
  position: relative;
}

/* line 98, app/assets/stylesheets/components/playlists.sass */
.playlist__active__item:after {
  position: absolute;
  content: ' ';
  top: 0;
  right: -5px;
  width: 5px;
  height: 100%;
  background-color: #e74b92;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}

/* line 111, app/assets/stylesheets/components/playlists.sass */
.playlists__show__videoplaylistorder {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}

/* line 114, app/assets/stylesheets/components/playlists.sass */
.playlists__show__videoplaylistorder--first {
  -webkit-order: -1;
  -moz-order: -1;
  -ms-order: -1;
  order: -1;
}

/* line 116, app/assets/stylesheets/components/playlists.sass */
.playlist__navigation_button, .playlist__navigation__previous, .playlist__navigation__next {
  width: auto;
  color: white;
  background-color: #6ab7e2;
  border: none;
  vertical-align: top;
  padding: 0.75rem 2rem 0.75rem;
  line-height: 1.5;
}

/* line 125, app/assets/stylesheets/components/playlists.sass */
.playlist__navigation_button i:first-child, .playlist__navigation__previous i:first-child, .playlist__navigation__next i:first-child {
  font-size: 1.4em;
  vertical-align: -12%;
}

/* line 128, app/assets/stylesheets/components/playlists.sass */
.playlist__navigation_button span, .playlist__navigation__previous span, .playlist__navigation__next span {
  padding: 0 0.5rem;
}

/* line 132, app/assets/stylesheets/components/playlists.sass */
.sortable-ghost {
  border-color: green;
  border-style: solid;
  border-width: 1px;
  opacity: 0.2;
}

/* line 138, app/assets/stylesheets/components/playlists.sass */
.sortable-handle {
  font-size: 22px;
  font-size: 1.5714285714rem;
  line-height: 1.9090909091;
  cursor: move;
  cursor: -webkit-grabbing;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
}

/* line 148, app/assets/stylesheets/components/playlists.sass */
.playlist__cards {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}

/* line 152, app/assets/stylesheets/components/playlists.sass */
.playlist__card__container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* line 155, app/assets/stylesheets/components/playlists.sass */
.playlist__card__container--wide .playlist__card__content {
  -webkit-flex: 3;
  -moz-flex: 3;
  -ms-flex: 3;
  flex: 3;
}

/* line 158, app/assets/stylesheets/components/playlists.sass */
.playlist__card {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  margin-bottom: 2rem;
  padding: 1rem;
  background-color: white;
}

/* line 165, app/assets/stylesheets/components/playlists.sass */
.playlist__card__content {
  -webkit-flex: 2;
  -moz-flex: 2;
  -ms-flex: 2;
  flex: 2;
  height: calc(100% - 1.5rem);
  margin-right: 1rem;
}

@media screen and (max-width: 1023px) {
  /* line 169, app/assets/stylesheets/components/playlists.sass */
  .playlist__card__extra {
    -webkit-flex: 0 1 999px;
    -moz-flex: 0 1 999px;
    -ms-flex: 0 1 999px;
    flex: 0 1 999px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 169, app/assets/stylesheets/components/playlists.sass */
  .playlist__card__extra {
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

/* line 175, app/assets/stylesheets/components/playlists.sass */
.playlist__card__title {
  margin-bottom: 0;
  font-size: 18px;
  font-size: 1.2857142857rem;
  line-height: 1.1666666667;
  font-weight: 400;
  vertical-align: top;
}

/* line 180, app/assets/stylesheets/components/playlists.sass */
.playlist__card__author {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  white-space: nowrap;
}

/* line 184, app/assets/stylesheets/components/playlists.sass */
.playlist__card__meta {
  margin-bottom: 1rem;
}

/* line 186, app/assets/stylesheets/components/playlists.sass */
.playlist__card__description {
  margin-bottom: 1rem;
}

/* line 192, app/assets/stylesheets/components/playlists.sass */
.playlist__card__thumbnail {
  max-width: 200px;
  margin-bottom: 0.5rem;
}

/* line 195, app/assets/stylesheets/components/playlists.sass */
.playlist__card__actions {
  color: #6ab7e2;
}

/* line 197, app/assets/stylesheets/components/playlists.sass */
.playlist__card__actions a {
  margin-right: 1rem;
}

/* line 199, app/assets/stylesheets/components/playlists.sass */
.playlist__card__actions .moremenu {
  display: inline-block;
}

/* line 201, app/assets/stylesheets/components/playlists.sass */
.playlist__card__actions__link {
  text-transform: uppercase;
  cursor: pointer;
}

/* line 207, app/assets/stylesheets/components/playlists.sass */
.playlist__container {
  padding: 1rem;
  background-color: white;
}

/* line 210, app/assets/stylesheets/components/playlists.sass */
.playlist__container--new {
  min-height: 355px;
}

/* line 213, app/assets/stylesheets/components/playlists.sass */
.playlist__edit__container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

/* line 216, app/assets/stylesheets/components/playlists.sass */
.playlist__edit__image {
  -webkit-flex: 1 0 200px;
  -moz-flex: 1 0 200px;
  -ms-flex: 1 0 200px;
  flex: 1 0 200px;
  margin-right: 1rem;
}

/* line 219, app/assets/stylesheets/components/playlists.sass */
.playlist__edit__content {
  -webkit-flex: 2 0 400px;
  -moz-flex: 2 0 400px;
  -ms-flex: 2 0 400px;
  flex: 2 0 400px;
}

/* line 221, app/assets/stylesheets/components/playlists.sass */
.playlist__edit__savebutton--image {
  width: 100%;
}

@media (max-width: 1083px) {
  /* line 221, app/assets/stylesheets/components/playlists.sass */
  .playlist__edit__savebutton--image {
    display: none !important;
  }
}

/* line 225, app/assets/stylesheets/components/playlists.sass */
.playlist__edit__savebutton--content {
  float: right;
}

@media (min-width: 1084px) {
  /* line 225, app/assets/stylesheets/components/playlists.sass */
  .playlist__edit__savebutton--content {
    display: none !important;
  }
}

/* line 231, app/assets/stylesheets/components/playlists.sass */
.playlist__video__thumbnail .video-thumbnail__play-button {
  transition: opacity 0.25s ease;
  opacity: 0;
}

/* line 234, app/assets/stylesheets/components/playlists.sass */
.playlist__video__thumbnail .video-thumbnail__image {
  cursor: pointer;
}

/* line 238, app/assets/stylesheets/components/playlists.sass */
.playlist__video__thumbnail:hover .video-thumbnail__play-button {
  opacity: 1;
}

/* line 1, app/assets/stylesheets/components/pikaday.sass */
.pika-button:hover {
  background-color: #e74b92;
}

/* line 4, app/assets/stylesheets/components/pikaday.sass */
.is-selected .pika-button {
  background-color: #6ab7e2;
}

/* line 7, app/assets/stylesheets/components/pikaday.sass */
.schedulevideo {
  display: block;
}

@media screen and (max-width: 719px) {
  /* line 7, app/assets/stylesheets/components/pikaday.sass */
  .schedulevideo {
    display: none;
  }
}

/* line 12, app/assets/stylesheets/components/pikaday.sass */
.schedulevideo--mobile {
  display: none;
  padding: 0.5rem;
}

@media screen and (max-width: 719px) {
  /* line 12, app/assets/stylesheets/components/pikaday.sass */
  .schedulevideo--mobile {
    display: block;
  }
}

/* line 18, app/assets/stylesheets/components/pikaday.sass */
.schedulevideo {
  width: 258px;
}

/* line 20, app/assets/stylesheets/components/pikaday.sass */
.schedulevideo .pika-single {
  border: none;
}

/* line 23, app/assets/stylesheets/components/pikaday.sass */
.pika-single {
  border: none;
}

@media screen and (max-width: 719px) {
  /* line 23, app/assets/stylesheets/components/pikaday.sass */
  .pika-single {
    display: none !important;
  }
}

/* line 1, app/assets/stylesheets/components/listings.sass */
.instructor {
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
}

/* line 3, app/assets/stylesheets/components/listings.sass */
.instructor img {
  width: 100%;
}

/* line 5, app/assets/stylesheets/components/listings.sass */
.instructor h3 {
  margin-bottom: 0.25rem;
  font-size: 20px;
  font-size: 1.4285714286rem;
  line-height: 1.05;
  font-weight: 400;
}

/* line 14, app/assets/stylesheets/components/listings.sass */
.instructor__description {
  padding: 1rem 0;
}

/* line 15, app/assets/stylesheets/components/listings.sass */
.instructor__description h3 {
  font-size: 18px;
  font-size: 1.2857142857rem;
  line-height: 1.1666666667;
}

/* line 18, app/assets/stylesheets/components/listings.sass */
.instructor__description p {
  margin-bottom: 0;
}

/* line 21, app/assets/stylesheets/components/listings.sass */
.listings__lede {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
}

@media screen and (min-width: 1024px) {
  /* line 21, app/assets/stylesheets/components/listings.sass */
  .listings__lede {
    margin-bottom: 0;
    padding: 3rem 2rem;
  }
}

/* line 27, app/assets/stylesheets/components/listings.sass */
.dictionary-word {
  margin-bottom: 10.5px;
  margin-bottom: 0.75rem;
}

/* line 29, app/assets/stylesheets/components/listings.sass */
.dictionary-word span {
  font-weight: 600;
}

/* line 33, app/assets/stylesheets/components/listings.sass */
.yogobe-crew {
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
}

/* line 35, app/assets/stylesheets/components/listings.sass */
.yogobe-crew img {
  width: 100%;
  margin-bottom: 10px;
}

/* line 38, app/assets/stylesheets/components/listings.sass */
.yogobe-crew h2 {
  margin-bottom: 0;
}

/* line 40, app/assets/stylesheets/components/listings.sass */
.yogobe-crew p {
  margin-bottom: 0;
}

/* line 43, app/assets/stylesheets/components/listings.sass */
.playlist {
  margin-bottom: 10.5px;
  margin-bottom: 0.75rem;
}

/* line 1, app/assets/stylesheets/components/admin-form.sass */
.admin-form {
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.3125;
}

/* line 3, app/assets/stylesheets/components/admin-form.sass */
.admin-form .input {
  padding: 0.75rem;
}

/* line 5, app/assets/stylesheets/components/admin-form.sass */
.admin-form .input:nth-child(2n) {
  background-color: #d0d1d0;
}

/* line 7, app/assets/stylesheets/components/admin-form.sass */
.admin-form label {
  display: inline-block;
  width: 11%;
  margin-right: 1%;
  text-align: right;
  vertical-align: top;
}

/* line 13, app/assets/stylesheets/components/admin-form.sass */
.admin-form input:not(.file) {
  width: 88%;
}

/* line 15, app/assets/stylesheets/components/admin-form.sass */
.admin-form textarea {
  width: 88%;
}

/* line 17, app/assets/stylesheets/components/admin-form.sass */
.admin-form img {
  height: 6rem;
}

/* line 19, app/assets/stylesheets/components/admin-form.sass */
.admin-form .hint {
  display: block;
  margin-left: 12%;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
}

/* line 23, app/assets/stylesheets/components/admin-form.sass */
.admin-form .admin-form__submit {
  padding: 1rem;
}

/* line 25, app/assets/stylesheets/components/admin-form.sass */
.admin-form .admin-form__submit input {
  display: inline-block;
  width: auto;
}

/* line 31, app/assets/stylesheets/components/admin-form.sass */
.new_i18n_backend_active_record_translation input,
.edit_i18n_backend_active_record_translation input {
  width: 100%;
}

/* line 33, app/assets/stylesheets/components/admin-form.sass */
.new_i18n_backend_active_record_translation textarea,
.edit_i18n_backend_active_record_translation textarea {
  width: 100%;
  height: 10rem;
}

/* line 39, app/assets/stylesheets/components/admin-form.sass */
.blog-admin-form div.input {
  margin-bottom: 10.5px;
  margin-bottom: 0.75rem;
}

/* line 41, app/assets/stylesheets/components/admin-form.sass */
.blog-admin-form div.input label {
  display: block;
}

/* line 43, app/assets/stylesheets/components/admin-form.sass */
.blog-admin-form div.input .hint {
  display: block;
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 1.75;
}

/* line 48, app/assets/stylesheets/components/admin-form.sass */
.editor p, .editor span {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  line-height: 1.5;
}

/* line 51, app/assets/stylesheets/components/admin-form.sass */
.editor h2 {
  margin-bottom: 0;
}

/* line 1, app/assets/stylesheets/components/translations.sass */
.translations-form:nth-child(2n) {
  background-color: #d0d1d0;
}

/* line 4, app/assets/stylesheets/components/translations.sass */
.translations-form__wrapper {
  display: inline-block;
  width: 29%;
  vertical-align: middle;
}

/* line 8, app/assets/stylesheets/components/translations.sass */
.translations-form__wrapper:first-of-type {
  word-wrap: break-word;
}

/* line 11, app/assets/stylesheets/components/translations.sass */
.translations-form__input {
  width: 100%;
}

/* line 1, app/assets/stylesheets/components/home.sass */
.hero {
  position: relative;
  overflow: hidden;
  line-height: 0;
}

@media screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/home.sass */
  .hero {
    max-height: 400px;
  }
}

@media screen and (max-width: 719px) {
  /* line 10, app/assets/stylesheets/components/home.sass */
  .hero__image {
    height: 278px;
    width: auto;
  }
}

@media screen and (min-width: 720px) {
  /* line 10, app/assets/stylesheets/components/home.sass */
  .hero__image {
    width: 100%;
    height: auto;
  }
}

/* line 18, app/assets/stylesheets/components/home.sass */
video.hero__image {
  width: 100%;
  object-fit: cover;
}

/* line 22, app/assets/stylesheets/components/home.sass */
.hero__content {
  position: absolute;
  -webkit-transform: translate(-10%, -60%);
  -moz-transform: translate(-10%, -60%);
  -ms-transform: translate(-10%, -60%);
  transform: translate(-10%, -60%);
  color: white;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-align: center;
}

@media screen and (max-width: 719px) {
  /* line 22, app/assets/stylesheets/components/home.sass */
  .hero__content {
    top: 75%;
    left: 20%;
  }
}

@media screen and (min-width: 720px) {
  /* line 22, app/assets/stylesheets/components/home.sass */
  .hero__content {
    top: 60%;
    left: 50%;
  }
}

@media screen and (max-width: 719px) {
  /* line 37, app/assets/stylesheets/components/home.sass */
  .hero__content h1 {
    line-height: 1.5;
    margin-bottom: 0.5rem;
  }
}

/* line 42, app/assets/stylesheets/components/home.sass */
.hero__controls {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0.25rem 0.5rem;
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 1.75;
}

/* line 48, app/assets/stylesheets/components/home.sass */
.hero__controls > * {
  display: inline-block;
  margin-right: 0.75rem;
  color: white;
  cursor: pointer;
}

/* line 54, app/assets/stylesheets/components/home.sass */
.hero__button {
  display: inline-block;
  color: white;
  letter-spacing: 3px;
}

@media screen and (max-width: 719px) {
  /* line 54, app/assets/stylesheets/components/home.sass */
  .hero__button {
    padding: 0.5rem 1rem;
    border: 1px solid white;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 54, app/assets/stylesheets/components/home.sass */
  .hero__button {
    padding: 0.5rem 1rem;
    border: 1px solid white;
  }
}

@media screen and (min-width: 1024px) {
  /* line 54, app/assets/stylesheets/components/home.sass */
  .hero__button {
    margin: 0 1rem;
    padding: 1rem 3rem;
    border: 1px solid white;
  }
}

/* line 70, app/assets/stylesheets/components/home.sass */
.hero__button--blue {
  background-color: #6ab7e2;
}

/* line 73, app/assets/stylesheets/components/home.sass */
.hero__button--pink {
  background-color: #e74b92;
}

/* line 76, app/assets/stylesheets/components/home.sass */
.hero__shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}

/* line 85, app/assets/stylesheets/components/home.sass */
.home__welcome {
  display: flex;
  flex-flow: row wrap;
}

/* line 88, app/assets/stylesheets/components/home.sass */
.home__welcome__intro {
  flex-basis: 360px;
  flex-grow: 1;
}

/* line 91, app/assets/stylesheets/components/home.sass */
.home__welcome__search {
  flex-basis: 360px;
  flex-grow: 2;
}

/* line 95, app/assets/stylesheets/components/home.sass */
.home__welcome__search__form {
  position: relative;
  margin-bottom: 1.5rem;
  overflow: hidden;
}

/* line 99, app/assets/stylesheets/components/home.sass */
.home__welcome__search__form input[type=text] {
  width: 80%;
}

/* line 101, app/assets/stylesheets/components/home.sass */
.home__search {
  text-align: center;
  background-color: #d9c6cd;
}

/* line 102, app/assets/stylesheets/components/home.sass */
.home__search h2 {
  margin-bottom: 0;
}

/* line 106, app/assets/stylesheets/components/home.sass */
.home__search__form {
  position: relative;
  width: 60%;
  margin: 0 auto;
  overflow: hidden;
}

/* line 111, app/assets/stylesheets/components/home.sass */
.home__search__form input[type=text] {
  width: 100%;
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
  padding: 1rem;
  border: 0;
}

/* line 116, app/assets/stylesheets/components/home.sass */
.home__search__form input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  width: 52px;
  height: 52px;
  border: 0;
  outline: 0;
  background: url(https://yogobe.com/assets/icons/search-blue-b3b287d01bd62764d0c9a0c625574c7f73874f6e4c1c5bd9f12da216942b2050.png) no-repeat center;
  background-size: 2rem;
}

/* line 127, app/assets/stylesheets/components/home.sass */
.home__newsletter {
  text-align: center;
  background-color: #d9c6cd;
}

/* line 128, app/assets/stylesheets/components/home.sass */
.home__newsletter h2 {
  margin-bottom: 0;
}

/* line 132, app/assets/stylesheets/components/home.sass */
.home__newsletter__form {
  position: relative;
  width: 60%;
  margin: 0 auto;
  overflow: hidden;
}

/* line 137, app/assets/stylesheets/components/home.sass */
.home__newsletter__form input[type=email] {
  display: inline-block;
  padding: 1rem;
  padding: calc(0.75rem + 1px);
  border: 0;
}

@media screen and (max-width: 1023px) {
  /* line 137, app/assets/stylesheets/components/home.sass */
  .home__newsletter__form input[type=email] {
    margin-bottom: 1rem;
  }
}

/* line 146, app/assets/stylesheets/components/home.sass */
.home__newsletter__form input[type=submit] {
  display: inline-block;
}

/* line 158, app/assets/stylesheets/components/home.sass */
.newsletterfooter {
  text-align: center;
  background-color: white;
}

/* line 162, app/assets/stylesheets/components/home.sass */
.newsletterfooter .home__newsletter__form input[type=email] {
  border: 1px solid #333;
}

/* line 166, app/assets/stylesheets/components/home.sass */
.home__social {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* line 168, app/assets/stylesheets/components/home.sass */
.home__social__area {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
}

/* line 173, app/assets/stylesheets/components/home.sass */
.home__social__facebook {
  background-color: #334763;
}

/* line 177, app/assets/stylesheets/components/home.sass */
.home__social__facebook img {
  width: 40%;
  -webkit-filter: brightness(0%) invert(100%);
  -moz-filter: brightness(0%) invert(100%);
  -ms-filter: brightness(0%) invert(100%);
  filter: brightness(0%) invert(100%);
}

/* line 180, app/assets/stylesheets/components/home.sass */
.home__social__youtube {
  background-color: #8e4442;
}

/* line 184, app/assets/stylesheets/components/home.sass */
.home__social__youtube img {
  width: 30%;
}

/* line 186, app/assets/stylesheets/components/home.sass */
.home__social__blog {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: white;
  background-color: #a5c8be;
}

/* line 196, app/assets/stylesheets/components/home.sass */
.home__social__blog .home__social__shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 203, app/assets/stylesheets/components/home.sass */
.home__social__blog h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-bottom: 0;
}

/* line 209, app/assets/stylesheets/components/home.sass */
.home__social__vertical {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

/* line 214, app/assets/stylesheets/components/home.sass */
.home__social__horizontal {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: 100%;
  height: 100%;
}

/* line 221, app/assets/stylesheets/components/home.sass */
.todays__content {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  color: white;
}

/* line 228, app/assets/stylesheets/components/home.sass */
.home__videos {
  padding-top: 1rem;
  text-align: center;
}

/* line 231, app/assets/stylesheets/components/home.sass */
.home__videos h2 {
  margin-bottom: 0;
}

@media screen and (min-width: 720px) {
  /* line 235, app/assets/stylesheets/components/home.sass */
  .home__textarea {
    position: relative;
    height: 0;
    padding-bottom: 25%;
  }
}

/* line 240, app/assets/stylesheets/components/home.sass */
.home__textarea p {
  margin-bottom: 0;
}

@media screen and (min-width: 720px) {
  /* line 243, app/assets/stylesheets/components/home.sass */
  .home__get-started--regular {
    position: relative;
    height: 0;
    padding-bottom: 25%;
  }
}

@media screen and (min-width: 720px) {
  /* line 249, app/assets/stylesheets/components/home.sass */
  .home__get-started--video {
    position: relative;
    height: 0;
    padding-bottom: 28.125%;
  }
}

/* line 255, app/assets/stylesheets/components/home.sass */
.home__get-started {
  background-color: #6ab7e2;
  text-transform: uppercase;
}

/* line 258, app/assets/stylesheets/components/home.sass */
.home__get-started a {
  display: block;
  color: white;
}

/* line 261, app/assets/stylesheets/components/home.sass */
.home__get-started h2 {
  font-weight: 700;
  letter-spacing: 3px;
}

@media screen and (max-width: 1023px) {
  /* line 261, app/assets/stylesheets/components/home.sass */
  .home__get-started h2 {
    margin: 0 0 1rem 0;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 261, app/assets/stylesheets/components/home.sass */
  .home__get-started h2 {
    margin: 0 1rem 0.8rem;
    font-size: 20px;
    font-size: 1.4285714286rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1024px) {
  /* line 261, app/assets/stylesheets/components/home.sass */
  .home__get-started h2 {
    margin: 0 1rem 1rem;
    font-size: 30px;
    font-size: 2.1428571429rem;
    line-height: 1.4;
  }
}

/* line 272, app/assets/stylesheets/components/home.sass */
.home__get-started p {
  display: inline-block;
  color: white;
  letter-spacing: 3px;
}

@media screen and (max-width: 719px) {
  /* line 272, app/assets/stylesheets/components/home.sass */
  .home__get-started p {
    margin-bottom: 0;
    padding: 0.5rem 1rem;
    border: 1px solid white;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 272, app/assets/stylesheets/components/home.sass */
  .home__get-started p {
    padding: 0.5rem 1rem;
    border: 1px solid white;
  }
}

@media screen and (min-width: 1024px) {
  /* line 272, app/assets/stylesheets/components/home.sass */
  .home__get-started p {
    margin: 0 1rem;
    padding: 1rem 3rem;
    border: 1px solid white;
  }
}

/* line 289, app/assets/stylesheets/components/home.sass */
.home__get-started__title {
  font-size: 38px;
  font-size: 2.7142857143rem;
  line-height: 1.1052631579;
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: 1px;
}

@media screen and (max-width: 1023px) {
  /* line 289, app/assets/stylesheets/components/home.sass */
  .home__get-started__title {
    margin: 0 2rem 1rem;
  }
}

@media screen and (min-width: 720px) {
  /* line 289, app/assets/stylesheets/components/home.sass */
  .home__get-started__title {
    margin: 0 3rem 1rem;
  }
}

/* line 299, app/assets/stylesheets/components/home.sass */
.home__get-started__subtitle {
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.3125;
  letter-spacing: 2px;
}

/* line 303, app/assets/stylesheets/components/home.sass */
.home__uspar {
  padding: 0.5rem 0;
}

/* line 305, app/assets/stylesheets/components/home.sass */
.home__usp {
  text-align: center;
}

@media screen and (max-width: 1023px) {
  /* line 305, app/assets/stylesheets/components/home.sass */
  .home__usp {
    padding: 0.5rem 1rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 305, app/assets/stylesheets/components/home.sass */
  .home__usp {
    padding: 2rem 1rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 305, app/assets/stylesheets/components/home.sass */
  .home__usp {
    padding: 3.5rem 2rem 4rem;
  }
}

/* line 313, app/assets/stylesheets/components/home.sass */
.home__usp h3 {
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

@media screen and (max-width: 1023px) {
  /* line 313, app/assets/stylesheets/components/home.sass */
  .home__usp h3 {
    margin-bottom: 0.1rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 313, app/assets/stylesheets/components/home.sass */
  .home__usp h3 {
    font-size: 24px;
    font-size: 1.7142857143rem;
    line-height: 1.75;
  }
}

@media screen and (min-width: 1024px) {
  /* line 313, app/assets/stylesheets/components/home.sass */
  .home__usp h3 {
    font-size: 30px;
    font-size: 2.1428571429rem;
    line-height: 1.4;
  }
}

/* line 322, app/assets/stylesheets/components/home.sass */
.home__usp h3 a {
  color: #6ab7e2;
}

/* line 325, app/assets/stylesheets/components/home.sass */
.home__usp .read-more-link img {
  margin-left: 0.5rem;
}

@media screen and (max-width: 719px) {
  /* line 325, app/assets/stylesheets/components/home.sass */
  .home__usp .read-more-link img {
    transform: rotate(90deg);
  }
}

@media screen and (max-width: 1023px) {
  /* line 325, app/assets/stylesheets/components/home.sass */
  .home__usp .read-more-link img {
    height: 1rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 325, app/assets/stylesheets/components/home.sass */
  .home__usp .read-more-link img {
    height: 1.5rem;
    vertical-align: -2px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 325, app/assets/stylesheets/components/home.sass */
  .home__usp .read-more-link img {
    height: 2rem;
    vertical-align: -3px;
  }
}

/* line 337, app/assets/stylesheets/components/home.sass */
.home__usp p {
  margin-bottom: 0;
}

/* line 340, app/assets/stylesheets/components/home.sass */
.read-more-link {
  color: #6ab7e2;
  cursor: pointer;
  white-space: nowrap;
}

/* line 345, app/assets/stylesheets/components/home.sass */
.read-more-link img {
  height: 0.75rem;
  padding-left: 0.25rem;
}

/* line 349, app/assets/stylesheets/components/home.sass */
.read-more-chevron {
  height: 0.75rem;
  padding-left: 0.25rem;
}

/* line 353, app/assets/stylesheets/components/home.sass */
.home__beyoga {
  position: relative;
  background-color: #6ab7e2;
  color: white;
  font-weight: 300;
}

/* line 358, app/assets/stylesheets/components/home.sass */
.home__beyoga > a > img {
  float: left;
  width: 23%;
  margin: 1rem;
}

/* line 362, app/assets/stylesheets/components/home.sass */
.home__beyoga .home__beyoga__info {
  position: absolute;
  width: 68%;
  top: 50%;
  left: 29%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: white;
}

/* line 369, app/assets/stylesheets/components/home.sass */
.home__beyoga .home__beyoga__info a {
  color: white;
}

/* line 371, app/assets/stylesheets/components/home.sass */
.home__beyoga p {
  margin-bottom: 0.25rem;
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 371, app/assets/stylesheets/components/home.sass */
  .home__beyoga p {
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 1.3125;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1024px) {
  /* line 371, app/assets/stylesheets/components/home.sass */
  .home__beyoga p {
    font-size: 25px;
    font-size: 1.7857142857rem;
    line-height: 1.68;
    line-height: 1.25;
  }
}

/* line 379, app/assets/stylesheets/components/home.sass */
.home__beyoga span {
  font-style: italic;
}

/* line 382, app/assets/stylesheets/components/home.sass */
.home__yogamom {
  background-color: #e74b92;
}

/* line 387, app/assets/stylesheets/components/home.sass */
.mypage__heading {
  padding: 1rem 0 0 1rem;
  font-size: 18px;
  font-size: 1.2857142857rem;
  line-height: 1.1666666667;
  font-weight: 400;
}

/* line 391, app/assets/stylesheets/components/home.sass */
.mypage__heading span {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
}

/* line 394, app/assets/stylesheets/components/home.sass */
.mypage__videos {
  padding: 0 1rem;
}

/* line 399, app/assets/stylesheets/components/home.sass */
.subscription .input label {
  display: block;
  font-size: 13px;
  font-size: 0.9285714286rem;
  line-height: 1.6153846154;
}

/* line 403, app/assets/stylesheets/components/home.sass */
.subscription .input input {
  width: 90%;
  margin-bottom: 10.5px;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
}

/* line 409, app/assets/stylesheets/components/home.sass */
.subscription .required abbr {
  display: none !important;
}

/* line 413, app/assets/stylesheets/components/home.sass */
.subscription .landing-page__body {
  background-color: #f2f1f1;
}

/* line 417, app/assets/stylesheets/components/home.sass */
.todays-article {
  display: flex;
}

/* line 419, app/assets/stylesheets/components/home.sass */
.todays-article__content {
  width: 100%;
  height: 10rem;
  margin-top: auto;
  padding: 0.5rem 1rem;
  background-color: #f2f1f1;
  opacity: 0.8;
}

/* line 426, app/assets/stylesheets/components/home.sass */
.todays-article__content * {
  margin-bottom: 0.25rem;
}

/* line 429, app/assets/stylesheets/components/home.sass */
.home-cta {
  text-align: center;
  color: white;
  background-color: #6ab7e2;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.3125;
  line-height: 1.5;
  font-weight: 300;
}

@media screen and (max-width: 719px) {
  /* line 429, app/assets/stylesheets/components/home.sass */
  .home-cta {
    padding: 1rem;
  }
}

@media screen and (min-width: 720px) {
  /* line 429, app/assets/stylesheets/components/home.sass */
  .home-cta {
    padding: 3rem;
  }
}

/* line 440, app/assets/stylesheets/components/home.sass */
.home-cta a {
  color: white;
}

/* line 442, app/assets/stylesheets/components/home.sass */
.home-cta__button {
  display: inline-block;
  margin: 0 1rem;
  padding: 0.5rem;
  border: 1px solid white;
  vertical-align: top;
  text-transform: uppercase;
  letter-spacing: 2px;
}

@media screen and (min-width: 1024px) {
  /* line 442, app/assets/stylesheets/components/home.sass */
  .home-cta__button {
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 1.3125;
  }
}

/* line 453, app/assets/stylesheets/components/home.sass */
.home-search {
  margin-bottom: 0;
}

/* line 455, app/assets/stylesheets/components/home.sass */
.home-search h3 {
  margin-bottom: 0;
  text-transform: uppercase;
  color: #6ab7e2;
}

/* line 459, app/assets/stylesheets/components/home.sass */
.home-search p {
  margin-bottom: 1rem;
}

/* line 461, app/assets/stylesheets/components/home.sass */
.home-search form {
  text-align: center;
}

/* line 463, app/assets/stylesheets/components/home.sass */
.home-search input[type=text] {
  width: 50%;
  margin-bottom: 0;
  padding: 0.5rem;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.3125;
}

@media screen and (min-width: 1024px) {
  /* line 470, app/assets/stylesheets/components/home.sass */
  .usernews {
    margin: 0 auto;
    width: 500px;
  }
}

/* line 474, app/assets/stylesheets/components/home.sass */
.usernews__heading {
  margin-bottom: 0.25rem;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 400;
  text-transform: uppercase;
}

/* line 479, app/assets/stylesheets/components/home.sass */
.usernews__items {
  margin-bottom: 1rem;
}

/* line 481, app/assets/stylesheets/components/home.sass */
.usernews__item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 0.5rem;
}

/* line 486, app/assets/stylesheets/components/home.sass */
.usernews__item img {
  width: 25px;
  vertical-align: middle;
}

@media screen and (min-width: 1024px) {
  /* line 490, app/assets/stylesheets/components/home.sass */
  .home__notifications {
    margin: 0 auto;
    width: 800px;
  }
}

/* line 494, app/assets/stylesheets/components/home.sass */
.home__notifications__heading {
  margin-bottom: 0.25rem;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 400;
  text-transform: uppercase;
}

/* line 499, app/assets/stylesheets/components/home.sass */
.home__notifications__items {
  margin-bottom: 1rem;
}

/* line 501, app/assets/stylesheets/components/home.sass */
.home__notifications__item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 0.5rem;
}

/* line 506, app/assets/stylesheets/components/home.sass */
.home__notifications__item img {
  width: 25px;
  vertical-align: middle;
}

/* line 510, app/assets/stylesheets/components/home.sass */
.home__notifications__item__unread {
  color: red;
}

/* line 513, app/assets/stylesheets/components/home.sass */
.home__startyogobe {
  padding: 2rem;
  text-align: center;
}

/* line 517, app/assets/stylesheets/components/home.sass */
.home__startyogobe__heading {
  margin-bottom: 1rem;
}

/* line 520, app/assets/stylesheets/components/home.sass */
.home__startyogobe__steps {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

/* line 529, app/assets/stylesheets/components/home.sass */
.quickstart__selection {
  display: inline-block;
  text-align: center;
  cursor: pointer;
}

/* line 533, app/assets/stylesheets/components/home.sass */
.quickstart__selection img {
  display: block;
  width: 100%;
  max-width: 300px;
}

@media screen and (min-width: 720px) {
  /* line 533, app/assets/stylesheets/components/home.sass */
  .quickstart__selection img {
    width: 300px;
    height: 100px;
  }
}

/* line 541, app/assets/stylesheets/components/home.sass */
.spinner {
  -webkit-animation: spin 0.75s infinite linear;
  -moz-animation: spin 0.75s infinite linear;
  -ms-animation: spin 0.75s infinite linear;
  animation: spin 0.75s infinite linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* line 551, app/assets/stylesheets/components/home.sass */
.home__startyogobe__step__loader {
  position: relative;
  top: 1rem;
  transform: scale(0.5);
}

/* line 559, app/assets/stylesheets/components/home.sass */
.home__startsubscription, .home__recommendafriend {
  padding: 3rem 8rem;
  background-color: rgba(106, 183, 226, 0.35);
  text-align: center;
}

/* line 565, app/assets/stylesheets/components/home.sass */
.home__startsubscription > h2, .home__recommendafriend > h2 {
  line-height: 1.5;
}

/* line 567, app/assets/stylesheets/components/home.sass */
.home__startsubscription > a, .home__recommendafriend > a {
  margin-bottom: 0;
}

/* line 569, app/assets/stylesheets/components/home.sass */
.home__startsubscription__manage, .home__recommendafriend__manage {
  text-align: left;
}

/* line 572, app/assets/stylesheets/components/home.sass */
.home__recommendafriend {
  background-color: rgba(231, 75, 146, 0.35);
}

/* line 575, app/assets/stylesheets/components/home.sass */
.home__continuecourse, .home__continueprogram, .home__continuevideo, .home__continuevideo__text {
  text-transform: uppercase;
  color: white;
  text-align: center;
  padding: 1rem 1rem;
}

/* line 581, app/assets/stylesheets/components/home.sass */
.home__continuevideo {
  position: relative;
  background-color: white;
  padding: 0;
}

/* line 586, app/assets/stylesheets/components/home.sass */
.home__continuevideo .videos__show__container {
  padding: 0;
}

/* line 588, app/assets/stylesheets/components/home.sass */
.home__continuevideo .videos__show__container .videos__show__player {
  margin-bottom: 0;
}

/* line 591, app/assets/stylesheets/components/home.sass */
.home__continuecourse {
  background-color: rgba(106, 183, 226, 0.5);
}

/* line 594, app/assets/stylesheets/components/home.sass */
.home__continueprogram {
  background-color: rgba(231, 75, 146, 0.5);
}

/* line 597, app/assets/stylesheets/components/home.sass */
.home__continuevideo__text {
  background-color: white;
  color: #333;
}

/* line 1, app/assets/stylesheets/components/events.sass */
.event__header {
  text-align: center;
  background-color: #6ab7e2;
  color: white;
}

@media screen and (min-width: 720px) {
  /* line 1, app/assets/stylesheets/components/events.sass */
  .event__header {
    position: relative;
    height: 0;
    padding-bottom: 28.15%;
  }
}

/* line 9, app/assets/stylesheets/components/events.sass */
.event__header h1 {
  font-weight: 400;
}

@media screen and (max-width: 479px) {
  /* line 9, app/assets/stylesheets/components/events.sass */
  .event__header h1 {
    font-size: 20px;
    font-size: 1.4285714286rem;
    line-height: 1.05;
  }
}

@media screen and (min-width: 480px) {
  /* line 9, app/assets/stylesheets/components/events.sass */
  .event__header h1 {
    font-size: 38px;
    font-size: 2.7142857143rem;
    line-height: 1.1052631579;
  }
}

/* line 15, app/assets/stylesheets/components/events.sass */
.event__header p {
  margin-bottom: 0;
}

@media screen and (max-width: 479px) {
  /* line 15, app/assets/stylesheets/components/events.sass */
  .event__header p {
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 1.3125;
  }
}

@media screen and (min-width: 480px) {
  /* line 15, app/assets/stylesheets/components/events.sass */
  .event__header p {
    font-size: 22px;
    font-size: 1.5714285714rem;
    line-height: 1.9090909091;
  }
}

/* line 22, app/assets/stylesheets/components/events.sass */
.event__header--small {
  text-align: center;
  color: white;
}

/* line 29, app/assets/stylesheets/components/events.sass */
.event__header--small h1 {
  margin-bottom: 0.5rem;
  font-weight: 400;
}

@media screen and (max-width: 719px) {
  /* line 29, app/assets/stylesheets/components/events.sass */
  .event__header--small h1 {
    font-size: 20px;
    font-size: 1.4285714286rem;
    line-height: 1.05;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 29, app/assets/stylesheets/components/events.sass */
  .event__header--small h1 {
    font-size: 24px;
    font-size: 1.7142857143rem;
    line-height: 1.75;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1024px) {
  /* line 29, app/assets/stylesheets/components/events.sass */
  .event__header--small h1 {
    font-size: 38px;
    font-size: 2.7142857143rem;
    line-height: 1.1052631579;
  }
}

/* line 39, app/assets/stylesheets/components/events.sass */
.event__header--small p {
  margin-bottom: 0;
}

/* line 43, app/assets/stylesheets/components/events.sass */
.events-listing__image__aspect-ratio {
  position: relative;
  height: 0;
  padding-bottom: 50%;
  overflow: hidden;
}

/* line 49, app/assets/stylesheets/components/events.sass */
.events-listing__image__aspect-ratio:hover:after {
  background-color: rgba(255, 255, 255, 0.4);
}

/* line 51, app/assets/stylesheets/components/events.sass */
.events-listing__image__aspect-ratio:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background-color 0.35s ease;
}

/* line 60, app/assets/stylesheets/components/events.sass */
.events-listing__image {
  width: 100%;
}

/* line 64, app/assets/stylesheets/components/events.sass */
.event-listing__heading {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 7px 15px;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  color: white;
  background-color: #e74b92;
}

@media screen and (min-width: 720px) {
  /* line 75, app/assets/stylesheets/components/events.sass */
  .event__facts {
    position: relative;
    height: 0;
    padding-bottom: 25%;
  }
}

/* line 80, app/assets/stylesheets/components/events.sass */
.event__facts p {
  margin: 0;
}

/* line 82, app/assets/stylesheets/components/events.sass */
.event__facts span {
  font-weight: bold;
}

@media screen and (min-width: 720px) {
  /* line 85, app/assets/stylesheets/components/events.sass */
  .event__facts--video {
    padding-bottom: 28.15%;
  }
}

/* line 89, app/assets/stylesheets/components/events.sass */
.events-listing {
  padding-top: 2rem;
}

/* line 92, app/assets/stylesheets/components/events.sass */
.event {
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 720px) and (max-width: 1199px) {
  /* line 92, app/assets/stylesheets/components/events.sass */
  .event {
    width: 33.3333333% !important;
  }
}

@media screen and (min-width: 1200px) {
  /* line 92, app/assets/stylesheets/components/events.sass */
  .event {
    width: 33.3333333333% !important;
  }
}

/* line 98, app/assets/stylesheets/components/events.sass */
.event h2 {
  margin-bottom: 0.25rem;
  font-size: 18px;
  font-size: 1.2857142857rem;
  line-height: 1.1666666667;
  line-height: 1.2;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 106, app/assets/stylesheets/components/events.sass */
.event p {
  font-size: 13px;
  font-size: 0.9285714286rem;
  line-height: 1.6153846154;
}

/* line 109, app/assets/stylesheets/components/events.sass */
.event__more-pics {
  color: #333;
}

/* line 112, app/assets/stylesheets/components/events.sass */
.event__info {
  padding: 1rem 0 3rem;
}

/* line 114, app/assets/stylesheets/components/events.sass */
.event__info p {
  margin-bottom: 0;
}

@media screen and (max-width: 719px) {
  /* line 117, app/assets/stylesheets/components/events.sass */
  .event__description {
    padding: 1rem 0;
  }
}

@media screen and (min-width: 720px) {
  /* line 117, app/assets/stylesheets/components/events.sass */
  .event__description {
    padding: 3rem 0;
  }
}

/* line 125, app/assets/stylesheets/components/events.sass */
.event__signup {
  padding: 1rem 0 2rem;
}

/* line 127, app/assets/stylesheets/components/events.sass */
.event__signup h2 {
  font-weight: 400;
}

/* line 129, app/assets/stylesheets/components/events.sass */
.event__signup input[type=text], .event__signup input[type=email] {
  width: 100%;
  margin: 0.5rem 0;
  border: none;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.3125;
  line-height: 2;
}

/* line 135, app/assets/stylesheets/components/events.sass */
.event__signup textarea {
  width: 100%;
  margin: 0.5rem 0;
  border: none;
}

/* line 142, app/assets/stylesheets/components/events.sass */
.events-list__filter {
  margin-bottom: 2rem;
}

/* line 146, app/assets/stylesheets/components/events.sass */
.events-list__tag {
  position: relative;
  display: inline-block;
  margin-bottom: 0.5rem;
  border: 1px solid #6ab7e2;
  color: #6ab7e2;
  background-color: white;
  cursor: pointer;
}

@media screen and (max-width: 479px) {
  /* line 146, app/assets/stylesheets/components/events.sass */
  .events-list__tag {
    margin-right: 4px;
    padding: 0.5rem 1.5rem 0.5rem 1rem;
  }
}

@media screen and (min-width: 480px) {
  /* line 146, app/assets/stylesheets/components/events.sass */
  .events-list__tag {
    margin-right: 1rem;
    padding: 0.5rem 2rem 0.5rem 1rem;
  }
}

/* line 160, app/assets/stylesheets/components/events.sass */
.events-list__tag i {
  display: none;
  position: absolute;
  top: 50%;
  right: 0.75rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 166, app/assets/stylesheets/components/events.sass */
.events-list__tag.active {
  color: white;
  background-color: #6ab7e2;
}

/* line 169, app/assets/stylesheets/components/events.sass */
.events-list__tag.active i {
  display: block;
}

/* line 172, app/assets/stylesheets/components/events.sass */
.events-list__more {
  text-align: right;
}

/* line 175, app/assets/stylesheets/components/events.sass */
.event__media-gallery {
  position: relative;
}

/* line 178, app/assets/stylesheets/components/events.sass */
.event__media-gallery__image {
  line-height: 0;
  cursor: pointer;
}

/* line 182, app/assets/stylesheets/components/events.sass */
.event__media-gallery__image:hover .event__media-gallery__aspect-ratio a:after {
  background-color: rgba(255, 255, 255, 0.5);
}

/* line 185, app/assets/stylesheets/components/events.sass */
.event__media-gallery__aspect-ratio {
  position: relative;
  height: 0;
  padding-bottom: 50%;
  overflow: hidden;
}

/* line 190, app/assets/stylesheets/components/events.sass */
.event__media-gallery__aspect-ratio a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

/* line 195, app/assets/stylesheets/components/events.sass */
.event__media-gallery__aspect-ratio a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background-color 0.35s ease;
}

/* line 203, app/assets/stylesheets/components/events.sass */
.event__media-gallery__aspect-ratio img {
  width: 100%;
}

/* line 206, app/assets/stylesheets/components/events.sass */
.event__media-gallery__title {
  letter-spacing: 1px;
  text-align: center;
}

/* line 209, app/assets/stylesheets/components/events.sass */
.event__media-gallery__title p {
  margin-bottom: 0;
}

/* line 212, app/assets/stylesheets/components/events.sass */
.event__interest {
  padding: 1rem;
}

/* line 214, app/assets/stylesheets/components/events.sass */
.event__interest abbr {
  display: none !important;
}

/* line 217, app/assets/stylesheets/components/events.sass */
.community__image__wrapper {
  line-height: 0;
}

@media screen and (max-width: 719px) {
  /* line 217, app/assets/stylesheets/components/events.sass */
  .community__image__wrapper {
    margin-bottom: 10.5px;
    margin-bottom: 0.75rem;
  }
}

@media screen and (min-width: 720px) {
  /* line 222, app/assets/stylesheets/components/events.sass */
  .community__content__wrapper {
    height: 0;
    padding-bottom: 25%;
    overflow: hidden;
  }
}

@media screen and (min-width: 720px) {
  /* line 228, app/assets/stylesheets/components/events.sass */
  .community__content {
    padding: 0 1rem;
  }
}

@media screen and (max-width: 719px) {
  /* line 231, app/assets/stylesheets/components/events.sass */
  .community__content h2 {
    margin-bottom: 7px;
    margin-bottom: 0.5rem;
  }
}

@media screen and (min-width: 720px) {
  /* line 231, app/assets/stylesheets/components/events.sass */
  .community__content h2 {
    margin-bottom: 10.5px;
    margin-bottom: 0.75rem;
  }
}

@media screen and (max-width: 719px) {
  /* line 237, app/assets/stylesheets/components/events.sass */
  .community-month {
    margin-bottom: 21px;
    margin-bottom: 1.5rem;
  }
}

@media screen and (min-width: 720px) {
  /* line 237, app/assets/stylesheets/components/events.sass */
  .community-month {
    margin-bottom: 42px;
    margin-bottom: 3rem;
  }
}

/* line 1, app/assets/stylesheets/components/instructors.sass */
.instructor__header {
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.3125;
  font-weight: 300;
  text-align: center;
  color: white;
  background-color: #6ab7e2;
}

@media screen and (min-width: 720px) {
  /* line 1, app/assets/stylesheets/components/instructors.sass */
  .instructor__header {
    position: relative;
    height: 0;
    padding-bottom: 28.15%;
  }
}

/* line 13, app/assets/stylesheets/components/instructors.sass */
.instructor__video {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}

/* line 17, app/assets/stylesheets/components/instructors.sass */
.instructor__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 25, app/assets/stylesheets/components/instructors.sass */
.instructors__instructor {
  position: relative;
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
}

/* line 28, app/assets/stylesheets/components/instructors.sass */
.instructors__instructor:after {
  position: absolute;
  bottom: 0;
  left: 10%;
  width: 80%;
  height: 1px;
  border-bottom: 1px solid #333;
}

/* line 37, app/assets/stylesheets/components/instructors.sass */
.instructors__instructor:last-child:after, .instructors__instructor:nth-last-of-type(-n+2):not(:nth-child(even)):after {
  content: none;
}

@media screen and (max-width: 479px) {
  /* line 1, app/assets/stylesheets/components/blog-posts.sass */
  .blog {
    padding: 1rem 0;
  }
}

@media screen and (min-width: 480px) {
  /* line 1, app/assets/stylesheets/components/blog-posts.sass */
  .blog {
    padding: 1rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/blog-posts.sass */
  .blog {
    padding: 3rem;
  }
}

/* line 8, app/assets/stylesheets/components/blog-posts.sass */
.blog .delta {
  line-height: 1.25;
}

/* line 11, app/assets/stylesheets/components/blog-posts.sass */
.blog__header {
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background-color: white;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 0px 0px 1px rgba(0, 0, 0, 0.02);
}

@media screen and (max-width: 719px) {
  /* line 11, app/assets/stylesheets/components/blog-posts.sass */
  .blog__header {
    padding-bottom: 0;
  }
}

/* line 18, app/assets/stylesheets/components/blog-posts.sass */
.blog__header h2 {
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* line 24, app/assets/stylesheets/components/blog-posts.sass */
.blog-posts {
  max-width: 768px;
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
}

/* line 28, app/assets/stylesheets/components/blog-posts.sass */
.blog-post {
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 719px) {
  /* line 28, app/assets/stylesheets/components/blog-posts.sass */
  .blog-post {
    padding: 0 1rem;
  }
}

/* line 32, app/assets/stylesheets/components/blog-posts.sass */
.blog-post hr.read-more-divider {
  display: none;
}

/* line 36, app/assets/stylesheets/components/blog-posts.sass */
.blog-admin-form hr.read-more-divider {
  display: block;
}

/* line 39, app/assets/stylesheets/components/blog-posts.sass */
.blog-post__header {
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
}

/* line 40, app/assets/stylesheets/components/blog-posts.sass */
.blog-post__header a {
  color: #333;
}

/* line 44, app/assets/stylesheets/components/blog-posts.sass */
.blog-post__heading {
  font-weight: 600;
  color: #6ab7e2;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* line 51, app/assets/stylesheets/components/blog-posts.sass */
.blog-post__featured-image {
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
}

/* line 55, app/assets/stylesheets/components/blog-posts.sass */
.blog-post__body img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 1rem;
}

/* line 60, app/assets/stylesheets/components/blog-posts.sass */
.blog-post__body h2 {
  margin-bottom: 0.25rem;
  font-size: 18px;
  font-size: 1.2857142857rem;
  line-height: 1.1666666667;
  font-weight: 400;
  text-transform: none;
}

/* line 66, app/assets/stylesheets/components/blog-posts.sass */
.blog-post__body a {
  color: #6ab7e2 !important;
}

/* line 69, app/assets/stylesheets/components/blog-posts.sass */
.blog-post__button {
  display: inline-block;
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
  border: 1px solid #6ab7e2;
  color: #6ab7e2;
  letter-spacing: 2px;
  text-transform: uppercase;
}

@media screen and (max-width: 719px) {
  /* line 69, app/assets/stylesheets/components/blog-posts.sass */
  .blog-post__button {
    padding: 0.5rem 1rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 69, app/assets/stylesheets/components/blog-posts.sass */
  .blog-post__button {
    padding: 0.5rem 1.5rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 69, app/assets/stylesheets/components/blog-posts.sass */
  .blog-post__button {
    padding: 0.75rem 2rem;
  }
}

/* line 83, app/assets/stylesheets/components/blog-posts.sass */
.blog-post__divider {
  border-bottom: 1px solid #d0d1d0;
}

/* line 86, app/assets/stylesheets/components/blog-posts.sass */
.blog-post__video {
  position: relative;
  height: 0;
  margin-bottom: 1.5rem;
  padding-bottom: 56.25%;
}

/* line 91, app/assets/stylesheets/components/blog-posts.sass */
.blog-post__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 100, app/assets/stylesheets/components/blog-posts.sass */
.blog__categories {
  padding: 0 3rem;
}

/* line 102, app/assets/stylesheets/components/blog-posts.sass */
.blog__categories ul {
  margin-left: 0;
  list-style-type: none;
}

/* line 105, app/assets/stylesheets/components/blog-posts.sass */
.blog__categories li {
  margin-bottom: 10.5px;
  margin-bottom: 0.75rem;
  font-size: 13px;
  font-size: 0.9285714286rem;
  line-height: 1.6153846154;
}

/* line 108, app/assets/stylesheets/components/blog-posts.sass */
.blog__categories a {
  color: #333;
}

/* line 111, app/assets/stylesheets/components/blog-posts.sass */
.blog__categories .input .error {
  padding: 2px;
  border: 2px solid red;
}

/* line 115, app/assets/stylesheets/components/blog-posts.sass */
.blog__search__input {
  width: 80%;
  padding: 0.5rem;
  border: none;
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
}

/* line 121, app/assets/stylesheets/components/blog-posts.sass */
.blog__aside__heading {
  font-size: 13px;
  font-size: 0.9285714286rem;
  line-height: 1.6153846154;
  font-weight: 600;
  color: #6ab7e2;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* line 128, app/assets/stylesheets/components/blog-posts.sass */
.blog-post__signature {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

/* line 133, app/assets/stylesheets/components/blog-posts.sass */
.blog-post__signature__profile-image {
  display: inline-block;
}

@media screen and (max-width: 479px) {
  /* line 133, app/assets/stylesheets/components/blog-posts.sass */
  .blog-post__signature__profile-image {
    width: 33.3333333333% !important;
  }
}

/* line 138, app/assets/stylesheets/components/blog-posts.sass */
.blog-post__signature__profile-image img {
  width: 90%;
}

/* line 140, app/assets/stylesheets/components/blog-posts.sass */
.blog-post__signature__info {
  display: inline-block;
}

@media screen and (max-width: 479px) {
  /* line 140, app/assets/stylesheets/components/blog-posts.sass */
  .blog-post__signature__info {
    width: 100% !important;
  }
}

/* line 145, app/assets/stylesheets/components/blog-posts.sass */
.blog-post__signature__info .blog-post__signature__name {
  margin-bottom: 0;
}

/* line 147, app/assets/stylesheets/components/blog-posts.sass */
.blog-post__signature__info .blog-post__signature__description {
  margin-bottom: 0.5rem;
}

/* line 150, app/assets/stylesheets/components/blog-posts.sass */
.blog__previous {
  float: left;
}

@media screen and (max-width: 719px) {
  /* line 150, app/assets/stylesheets/components/blog-posts.sass */
  .blog__previous {
    margin-left: 1rem;
  }
}

/* line 155, app/assets/stylesheets/components/blog-posts.sass */
.blog__next {
  float: right;
}

@media screen and (max-width: 719px) {
  /* line 155, app/assets/stylesheets/components/blog-posts.sass */
  .blog__next {
    margin-right: 1rem;
  }
}

/* line 160, app/assets/stylesheets/components/blog-posts.sass */
yogobe-videoembed {
  display: block;
  width: 400px;
  height: 300px;
  background: repeating-linear-gradient(45deg, #f2f1f1, #f2f1f1 10px, #d0d1d0 10px, #f2f1f1 20px);
  text-align: center;
  vertical-align: middle;
  border: 1px solid #999;
}

/* line 168, app/assets/stylesheets/components/blog-posts.sass */
yogobe-videoembed:after {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  display: block;
  content: "Youtube-video";
  font-weight: 900;
  font-size: 22px;
  font-size: 1.5714285714rem;
  line-height: 1.9090909091;
  margin-top: 25%;
}

/* line 2, app/assets/stylesheets/components/admin.sass */
.admin__header label {
  margin-right: 2rem;
}

/* line 5, app/assets/stylesheets/components/admin.sass */
.admin__form label {
  display: block;
  padding: 0.25rem;
  border-bottom: 1px solid #333;
}

/* line 9, app/assets/stylesheets/components/admin.sass */
.admin__form label span {
  display: inline-block;
  width: 100px;
  margin-right: 2rem;
}

/* line 13, app/assets/stylesheets/components/admin.sass */
.admin__form label input {
  width: 300px;
}

/* line 15, app/assets/stylesheets/components/admin.sass */
.admin__form label input:disabled {
  cursor: not-allowed;
}

/* line 18, app/assets/stylesheets/components/admin.sass */
.adminfields--videotags {
  display: inline-block;
  width: 87%;
}

/* line 21, app/assets/stylesheets/components/admin.sass */
.adminfields--videotags .input {
  display: inline-block;
  width: 33%;
}

/* line 24, app/assets/stylesheets/components/admin.sass */
.adminfields--videotags .input label {
  width: auto;
}

/* line 26, app/assets/stylesheets/components/admin.sass */
.adminfields--videotags .input select {
  width: 100%;
}

/* line 30, app/assets/stylesheets/components/admin.sass */
.admintags--blog select {
  width: 100%;
}

/* line 34, app/assets/stylesheets/components/admin.sass */
.file-hierarchy ul {
  margin-bottom: 0;
  margin-bottom: 25px;
}

/* line 38, app/assets/stylesheets/components/admin.sass */
.tablesorter-headerAsc:after {
  content: ' \2191';
}

/* line 41, app/assets/stylesheets/components/admin.sass */
.tablesorter-headerDesc:after {
  content: ' \2193';
}

/* line 44, app/assets/stylesheets/components/admin.sass */
.tablesorter-headerUnSorted:after {
  content: ' \2195';
}

/* line 47, app/assets/stylesheets/components/admin.sass */
.tablesorter-header-inner {
  display: inline-block;
}

/* line 52, app/assets/stylesheets/components/admin.sass */
.tablesorter-blue .tablesorter-filter-row.hideme td {
  padding: 2px;
  margin: 0;
  line-height: 0;
  cursor: pointer;
}

/* line 58, app/assets/stylesheets/components/admin.sass */
.tablesorter-blue .tablesorter-filter-row.hideme * {
  height: 1px;
  min-height: 0;
  border: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

/* line 67, app/assets/stylesheets/components/admin.sass */
.tablesorter-blue input.tablesorter-filter, .tablesorter-blue select.tablesorter-filter {
  width: 98%;
  height: auto;
  margin: 0;
  padding: 4px;
  background-color: #fff;
  border: 1px solid #bbb;
  color: #333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: height 0.1s ease;
  -moz-transition: height 0.1s ease;
  -o-transition: height 0.1s ease;
  transition: height 0.1s ease;
}

/* line 83, app/assets/stylesheets/components/admin.sass */
.tablesorter .filtered {
  display: none;
}

/* line 86, app/assets/stylesheets/components/admin.sass */
.tablesorter tr:nth-child(even) {
  background-color: #f2f1f1;
}

/* line 91, app/assets/stylesheets/components/admin.sass */
.blog .checkboxes span {
  display: block;
  margin-bottom: 5px;
}

/* line 94, app/assets/stylesheets/components/admin.sass */
.blog .checkboxes span label {
  margin-left: 5px;
}

/* line 98, app/assets/stylesheets/components/admin.sass */
.admin__event .checkbox, .admin__blog .checkbox, .admin__course .checkbox {
  width: auto;
}

/* line 100, app/assets/stylesheets/components/admin.sass */
.admin__event .checkbox input, .admin__blog .checkbox input, .admin__course .checkbox input {
  width: auto;
}

/* line 104, app/assets/stylesheets/components/admin.sass */
tbody.blog--categories .simple_form {
  margin-bottom: 0;
}

/* line 106, app/assets/stylesheets/components/admin.sass */
tbody.blog--categories .input {
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
  background-image: none !important;
}

/* line 112, app/assets/stylesheets/components/admin.sass */
.admin__settings-group .input {
  margin-bottom: 0.5rem;
}

/* line 114, app/assets/stylesheets/components/admin.sass */
.admin__settings-group__title {
  margin-bottom: 0;
}

/* line 117, app/assets/stylesheets/components/admin.sass */
.admin__settings-group__content .input {
  display: inline-block;
  margin-bottom: 0.5rem;
}

/* line 121, app/assets/stylesheets/components/admin.sass */
.settings-form__label {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

/* line 126, app/assets/stylesheets/components/admin.sass */
.admin__verify_page_integrity iframe {
  border: 0;
  width: 100%;
  height: 100%;
}

/* line 131, app/assets/stylesheets/components/admin.sass */
.admin__survey h2, .admin__survey strong {
  padding-left: 0.5rem;
  background-color: white;
  display: block;
}

/* line 135, app/assets/stylesheets/components/admin.sass */
.admin__survey__question {
  margin-bottom: 2rem;
  background-color: #f2f1f1;
}

/* line 138, app/assets/stylesheets/components/admin.sass */
.admin__survey__freetext {
  height: 200px;
  overflow: auto;
}

/* line 142, app/assets/stylesheets/components/admin.sass */
.admin__survey .structured {
  padding: 0.25rem;
}

/* line 144, app/assets/stylesheets/components/admin.sass */
.admin__survey .structured:nth-child(even) {
  background-color: white;
}

/* line 147, app/assets/stylesheets/components/admin.sass */
.admin-table {
  width: 100%;
}

/* line 149, app/assets/stylesheets/components/admin.sass */
.admin-table th, .admin-table td {
  padding: 0.25rem 0.5rem;
  white-space: nowrap;
  text-align: left;
}

/* line 153, app/assets/stylesheets/components/admin.sass */
.admin-table td a {
  display: inline-block;
  max-width: 250px;
}

/* line 157, app/assets/stylesheets/components/admin.sass */
.admin-table .whitespacenormal {
  white-space: normal;
}

/* line 160, app/assets/stylesheets/components/admin.sass */
.admin-head > * {
  display: inline-block;
  margin-right: 1rem;
}

/* line 164, app/assets/stylesheets/components/admin.sass */
.admin-menu__two-column {
  display: inline-block;
  vertical-align: top;
}

/* line 168, app/assets/stylesheets/components/admin.sass */
.admin__outdated {
  background-color: yellow;
  padding-top: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-bottom: 0.25rem;
}

/* line 176, app/assets/stylesheets/components/admin.sass */
.duplicateable:after {
  color: #0088cc;
  content: ' (+) ';
  cursor: pointer;
}

/* line 181, app/assets/stylesheets/components/admin.sass */
.removeable {
  color: #0088cc;
  cursor: pointer;
}

/* line 185, app/assets/stylesheets/components/admin.sass */
.show__hide {
  cursor: pointer;
}

/* line 188, app/assets/stylesheets/components/admin.sass */
.error {
  color: red;
}

/* line 191, app/assets/stylesheets/components/admin.sass */
.statistics-list {
  background-color: #FFF;
}

/* line 194, app/assets/stylesheets/components/admin.sass */
.statistics-codes {
  vertical-align: top;
  display: inline-block;
  padding: 0.5rem;
}

/* line 199, app/assets/stylesheets/components/admin.sass */
.simple-image-browser-dialog-browser {
  height: 20rem !important;
  overflow-y: scroll;
}

/* line 202, app/assets/stylesheets/components/admin.sass */
.simple-image-browser-dialog-browser .image-selector {
  width: 10rem;
}

/* line 204, app/assets/stylesheets/components/admin.sass */
.simple-image-browser-dialog-browser .image-selector img {
  display: inline-block;
  width: 100%;
  padding-right: 1rem;
  vertical-align: middle;
}

/* line 210, app/assets/stylesheets/components/admin.sass */
ins {
  border-bottom: none;
  background-color: #76FF03;
}

/* line 214, app/assets/stylesheets/components/admin.sass */
del {
  text-decoration: none;
  background-color: #EF5350;
}

/* line 218, app/assets/stylesheets/components/admin.sass */
.adminmenutop {
  padding: 25px;
  cursor: pointer;
}

/* line 222, app/assets/stylesheets/components/admin.sass */
yogobe-video {
  display: block;
  background-color: #eee;
  margin-bottom: 1rem;
  width: 48%;
  padding: 1rem;
  background-size: contain;
}

/* line 230, app/assets/stylesheets/components/admin.sass */
yogobe-readmore {
  display: block;
  margin-bottom: 1rem;
  border-bottom: 1px solid #d0d1d0;
  box-shadow: 0px 1px 0px 0px white;
  height: 25px;
  width: 100%;
}

/* line 239, app/assets/stylesheets/components/admin.sass */
.ct-tool--time:before {
  content: "\e94e";
}

/* line 242, app/assets/stylesheets/components/admin.sass */
.ct-widget .ct-dialog__view {
  height: 180px !important;
}

/* line 245, app/assets/stylesheets/components/admin.sass */
.ct-widget .ct-video-dialog__preview:empty {
  line-height: 180px !important;
}

/* line 248, app/assets/stylesheets/components/admin.sass */
.ct-widget .ct-video-dialog__input {
  width: 400px !important;
}

/* line 253, app/assets/stylesheets/components/admin.sass */
.user_permissions .checkbox label {
  width: auto;
}

/* line 255, app/assets/stylesheets/components/admin.sass */
.user_permissions .checkbox input {
  width: auto;
}

/* line 259, app/assets/stylesheets/components/admin.sass */
.admin_courseprogresstable td {
  padding: 1px 10px;
}

/* line 262, app/assets/stylesheets/components/admin.sass */
.admin__video__preview {
  margin: 0 auto;
  width: 300px;
  padding: 15px;
  background-color: white;
  font-family: "Libre Franklin";
}

/* line 268, app/assets/stylesheets/components/admin.sass */
.admin__video__preview .admin__video__preview__newtitle {
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
}

/* line 275, app/assets/stylesheets/components/admin.sass */
.admin__video__preview .admin__video__preview__newshortdesc {
  height: 68px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.71429;
  overflow: hidden;
}

/* line 283, app/assets/stylesheets/components/admin.sass */
.admin-edit-blog-source {
  cursor: pointer;
}

/* line 287, app/assets/stylesheets/components/admin.sass */
.admin-edit-blog-source-form textarea {
  width: 100%;
  min-width: 500px;
  height: 400px;
}

/* line 1, app/assets/stylesheets/components/survey.sass */
.survey .landing-page__body {
  background-color: #f2f1f1;
}

/* line 4, app/assets/stylesheets/components/survey.sass */
.survey .radio_button {
  display: block;
}

/* line 7, app/assets/stylesheets/components/survey.sass */
.survey .checkbox {
  display: block;
}

/* line 10, app/assets/stylesheets/components/survey.sass */
.survey textarea {
  width: 100%;
}

/* line 13, app/assets/stylesheets/components/survey.sass */
.survey__description {
  padding-bottom: 0rem;
}

/* line 16, app/assets/stylesheets/components/survey.sass */
.survey .question .dropdown select {
  display: block;
  margin-bottom: 0.5rem;
}

/* line 20, app/assets/stylesheets/components/survey.sass */
.survey__note {
  text-style: italic;
  font-size: 10px;
  font-size: 0.7142857143rem;
  line-height: 2.1;
}

/* line 24, app/assets/stylesheets/components/survey.sass */
.survey__error {
  color: firebrick;
}

/* line 26, app/assets/stylesheets/components/survey.sass */
.survey__error:first-letter {
  text-transform: uppercase;
}

/* line 1, app/assets/stylesheets/components/programs.sass */
.programs__presentation {
  background-color: white;
}

@media screen and (max-width: 479px) {
  /* line 1, app/assets/stylesheets/components/programs.sass */
  .programs__presentation {
    padding: 1rem 1.5rem;
  }
}

@media screen and (min-width: 480px) and (max-width: 719px) {
  /* line 1, app/assets/stylesheets/components/programs.sass */
  .programs__presentation {
    padding: 2rem 3rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 1, app/assets/stylesheets/components/programs.sass */
  .programs__presentation {
    padding: 3rem 5rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/programs.sass */
  .programs__presentation {
    padding: 4rem 8rem;
  }
}

/* line 12, app/assets/stylesheets/components/programs.sass */
.programs__presentation__header {
  margin-bottom: 2rem;
}

@media screen and (max-width: 479px) {
  /* line 15, app/assets/stylesheets/components/programs.sass */
  .programs__presentation__videocontainer {
    padding: 0;
  }
}

@media screen and (min-width: 480px) and (max-width: 719px) {
  /* line 15, app/assets/stylesheets/components/programs.sass */
  .programs__presentation__videocontainer {
    padding: 0.25rem 0 0;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 15, app/assets/stylesheets/components/programs.sass */
  .programs__presentation__videocontainer {
    padding: 0.25rem 0 0 2rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 15, app/assets/stylesheets/components/programs.sass */
  .programs__presentation__videocontainer {
    padding: 0.25rem 0 0 4rem;
  }
}

/* line 25, app/assets/stylesheets/components/programs.sass */
.programs__presentation__video {
  margin-bottom: 2rem;
}

/* line 31, app/assets/stylesheets/components/programs.sass */
.programs__presentation__information {
  margin-bottom: 4rem;
  padding-top: 2rem;
}

/* line 39, app/assets/stylesheets/components/programs.sass */
.programs__presentation__activate {
  margin-bottom: 2rem;
  text-align: center;
}

/* line 43, app/assets/stylesheets/components/programs.sass */
.programs__presentation__form {
  display: inline-block;
  max-width: 30rem;
  margin-bottom: 1rem;
  padding: 0 2rem;
  vertical-align: top;
  text-align: left;
}

/* line 50, app/assets/stylesheets/components/programs.sass */
.programs__presentation__form input[type=text] {
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid #d0d1d0;
}

/* line 54, app/assets/stylesheets/components/programs.sass */
.programs__presentation__form input[type=submit] {
  padding: 1rem 3rem;
  border: none;
  color: #fff;
  background-color: #6ab7e2;
}

/* line 60, app/assets/stylesheets/components/programs.sass */
.programs__presentation__interested {
  text-align: center;
}

/* line 62, app/assets/stylesheets/components/programs.sass */
.programs__presentation__interested input[type=text], .programs__presentation__interested input[type=email] {
  width: 100%;
  margin: 0.5rem 0;
  padding: 0;
  border: 1px solid #d0d1d0;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.3125;
  line-height: 2;
}

/* line 69, app/assets/stylesheets/components/programs.sass */
.programs__presentation__interested textarea {
  width: 100%;
  margin: 0.5rem 0;
  border: 1px solid #d0d1d0;
}

/* line 76, app/assets/stylesheets/components/programs.sass */
.programs__show {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 1rem;
}

@media screen and (max-width: 719px) {
  /* line 82, app/assets/stylesheets/components/programs.sass */
  .programs__show__sidebar {
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    order: 2;
    width: 100%;
  }
}

@media screen and (min-width: 720px) {
  /* line 82, app/assets/stylesheets/components/programs.sass */
  .programs__show__sidebar {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-basis: 300px;
    -moz-flex-basis: 300px;
    -ms-flex-basis: 300px;
    flex-basis: 300px;
    margin-right: 2rem;
  }
}

@media screen and (max-width: 719px) {
  /* line 90, app/assets/stylesheets/components/programs.sass */
  .programs__show__content {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    order: 1;
  }
}

@media screen and (min-width: 720px) {
  /* line 90, app/assets/stylesheets/components/programs.sass */
  .programs__show__content {
    -webkit-flex-grow: 4;
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    flex-grow: 4;
    -webkit-flex-basis: 300px;
    -moz-flex-basis: 300px;
    -ms-flex-basis: 300px;
    flex-basis: 300px;
  }
}

/* line 97, app/assets/stylesheets/components/programs.sass */
.programs__show__container {
  margin-bottom: 2rem;
  padding: 1rem;
  background-color: white;
}

/* line 102, app/assets/stylesheets/components/programs.sass */
.programs__show__cont {
  position: relative;
}

/* line 105, app/assets/stylesheets/components/programs.sass */
.disabledoverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

/* line 114, app/assets/stylesheets/components/programs.sass */
.programs__show__backbutton {
  display: inline-block;
  width: 100%;
  color: white;
  background-color: #6ab7e2;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
}

@media screen and (max-width: 719px) {
  /* line 114, app/assets/stylesheets/components/programs.sass */
  .programs__show__backbutton {
    padding: 0.5rem 1rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 114, app/assets/stylesheets/components/programs.sass */
  .programs__show__backbutton {
    padding: 0.5rem 1.5rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 114, app/assets/stylesheets/components/programs.sass */
  .programs__show__backbutton {
    padding: 0.75rem 2rem;
  }
}

/* line 128, app/assets/stylesheets/components/programs.sass */
.programs__show__backbutton i:first-child {
  font-size: 1.4em;
  vertical-align: -12%;
}

/* line 131, app/assets/stylesheets/components/programs.sass */
.programs__show__backbutton span {
  padding: 0 0.5rem;
}

/* line 134, app/assets/stylesheets/components/programs.sass */
.programs__sidebar {
  padding: 1rem;
}

/* line 137, app/assets/stylesheets/components/programs.sass */
.programs__show__heading {
  display: inline-block;
  border-bottom: 1px solid #333;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* line 144, app/assets/stylesheets/components/programs.sass */
.program__header__intro {
  padding: 1rem;
}

/* line 147, app/assets/stylesheets/components/programs.sass */
.program__header__intro__text {
  margin-bottom: 1rem;
}

/* line 150, app/assets/stylesheets/components/programs.sass */
.program__header__intro__video {
  margin-bottom: 1rem;
}

/* line 153, app/assets/stylesheets/components/programs.sass */
.program__header__intro__purchase {
  background-color: white;
  padding: 1rem;
}

/* line 157, app/assets/stylesheets/components/programs.sass */
.program__activate {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
}

@media screen and (max-width: 1023px) {
  /* line 157, app/assets/stylesheets/components/programs.sass */
  .program__activate {
    padding-left: 1rem;
  }
}

/* line 164, app/assets/stylesheets/components/programs.sass */
.program__activate input[type=text] {
  border: 1px solid #333;
  padding: 0.5rem 1rem;
  height: 2.5rem;
}

@media screen and (max-width: 719px) {
  /* line 164, app/assets/stylesheets/components/programs.sass */
  .program__activate input[type=text] {
    width: calc(100% - 6rem);
  }
}

/* line 171, app/assets/stylesheets/components/programs.sass */
.program__activate-form {
  margin-bottom: 1rem;
}

/* line 174, app/assets/stylesheets/components/programs.sass */
.program__activatebutton {
  display: inline-block;
  width: 6rem;
  height: 2.5rem;
  margin-left: -5px;
  padding: 0.5rem 1rem;
  border: 1px solid #333;
  border-left: none;
  background-color: transparent;
  text-align: center;
  font-size: 13px;
  font-size: 0.9285714286rem;
  line-height: 1.6153846154;
  line-height: 1.5;
  vertical-align: top;
}

/* line 188, app/assets/stylesheets/components/programs.sass */
.program__menu {
  margin-left: 0;
}

/* line 190, app/assets/stylesheets/components/programs.sass */
.program__menu li {
  list-style: none;
}

/* line 193, app/assets/stylesheets/components/programs.sass */
.program__part__sub__button {
  display: inline-block;
  background: transparent;
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 1.75;
  color: #333;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 719px) {
  /* line 193, app/assets/stylesheets/components/programs.sass */
  .program__part__sub__button {
    padding: 0.75rem 0 0;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 193, app/assets/stylesheets/components/programs.sass */
  .program__part__sub__button {
    padding: 0.75rem 0 0;
  }
}

@media screen and (min-width: 1024px) {
  /* line 193, app/assets/stylesheets/components/programs.sass */
  .program__part__sub__button {
    padding: 0.75rem 0 0;
  }
}

/* line 213, app/assets/stylesheets/components/programs.sass */
.program__part__sub__button:hover {
  color: #6ab7e2;
}

/* line 217, app/assets/stylesheets/components/programs.sass */
.program__current__part a {
  border-bottom-color: #e74b92;
  border-bottom-style: solid;
  border-bottom-width: 2px;
}

/* line 223, app/assets/stylesheets/components/programs.sass */
.program__current__video .videogrid {
  border-color: #6ab7e2;
  border-style: solid;
  border-width: 1px;
}

/* line 228, app/assets/stylesheets/components/programs.sass */
.program__current__video .videogrid .video-thumbnail__play-button {
  background-position: 0 -128px;
}

/* line 231, app/assets/stylesheets/components/programs.sass */
.scheduler {
  margin-bottom: 6rem;
}

@media screen and (min-width: 1024px) {
  /* line 234, app/assets/stylesheets/components/programs.sass */
  .scheduler__settingsbutton {
    float: right;
  }
}

/* line 237, app/assets/stylesheets/components/programs.sass */
.scheduler__heading {
  margin-bottom: 1rem;
}

/* line 239, app/assets/stylesheets/components/programs.sass */
.scheduler__daterange {
  display: block;
  margin-bottom: 1rem;
  text-align: center;
}

/* line 243, app/assets/stylesheets/components/programs.sass */
.scheduler__timeselector {
  display: block;
  margin-bottom: 1rem;
  text-align: center;
}

/* line 277, app/assets/stylesheets/components/programs.sass */
.scheduler__weekdays {
  margin-bottom: 1rem;
}

/* line 279, app/assets/stylesheets/components/programs.sass */
.scheduler__weekdays__day__container {
  width: 50%;
  display: inline-block;
}

/* line 285, app/assets/stylesheets/components/programs.sass */
.scheduler__weekdays__day__container:nth-child(even) {
  text-align: right;
  padding-right: 0.5rem;
}

/* line 288, app/assets/stylesheets/components/programs.sass */
.scheduler__weekdays__day__container:nth-child(odd) {
  text-align: left;
  padding-left: 0.5rem;
}

/* line 293, app/assets/stylesheets/components/programs.sass */
.scheduler__weekdays__day {
  position: relative;
  display: inline-block;
  padding: 1.5rem 5rem;
  border: 1px solid #333;
  color: #333;
  background: transparent;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
}

/* line 304, app/assets/stylesheets/components/programs.sass */
.scheduler__weekdays__day label {
  position: absolute;
  width: 100%;
  height: 100%;
  text-transform: capitalize;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  line-height: 3;
  text-transform: uppercase;
}

/* line 315, app/assets/stylesheets/components/programs.sass */
.scheduler__weekdays__day input {
  display: none;
}

/* line 317, app/assets/stylesheets/components/programs.sass */
.scheduler__weekdays__day input:checked + label {
  background-color: #f2f1f1;
}

/* line 320, app/assets/stylesheets/components/programs.sass */
.scheduler__weekdays__timer {
  border: none;
  background-color: #f2f1f1;
  border: 1px solid #f2f1f1;
}

/* line 324, app/assets/stylesheets/components/programs.sass */
.scheduler__weekdays__timer > div {
  position: absolute;
  width: 100%;
  height: 100%;
  text-transform: capitalize;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  line-height: 3;
  text-transform: uppercase;
}

/* line 336, app/assets/stylesheets/components/programs.sass */
.scheduler__notificationtype {
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 600;
}

/* line 343, app/assets/stylesheets/components/programs.sass */
.scheduler__notificationtype input:checked ~ label {
  border-bottom: 2px solid #333;
}

/* line 346, app/assets/stylesheets/components/programs.sass */
.home__statistics {
  margin-bottom: 6rem;
}

/* line 354, app/assets/stylesheets/components/programs.sass */
.deepstatistics__content > div {
  margin-bottom: 1rem;
}

/* line 357, app/assets/stylesheets/components/programs.sass */
.deepstatistics__content__icon {
  display: table-cell;
  padding-right: 0.5rem;
  vertical-align: middle;
}

/* line 361, app/assets/stylesheets/components/programs.sass */
.deepstatistics__content__text {
  display: table-cell;
}

/* line 365, app/assets/stylesheets/components/programs.sass */
.deepstatistics__timeselector a {
  color: #333;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  margin-right: 1rem;
}

/* line 373, app/assets/stylesheets/components/programs.sass */
.deepstatistics__timeselector__notselected {
  border-bottom: 2px solid #333;
}

/* line 376, app/assets/stylesheets/components/programs.sass */
.deepstatistics__timeselector__selected {
  border-bottom: 2px solid #e74b92;
}

/* line 379, app/assets/stylesheets/components/programs.sass */
.deep__weeklyprogress {
  position: relative;
  border: 1px solid #d0d1d0;
  border-radius: 25px;
  width: 250px;
  margin-bottom: 1rem;
  padding: 0.25rem;
}

/* line 387, app/assets/stylesheets/components/programs.sass */
.deep__weeklyprogress__label {
  background-color: #f2f1f1;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 1rem;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  padding-top: 0.25rem;
  padding-left: 1rem;
  width: 110px;
  height: 100%;
}

/* line 401, app/assets/stylesheets/components/programs.sass */
.deep__weeklyprogress__stars {
  position: relative;
  display: inline-block;
  margin-left: 120px;
}

/* line 406, app/assets/stylesheets/components/programs.sass */
.save_to_ics {
  display: inline-block;
  width: calc(50% - 8px);
}

/* line 410, app/assets/stylesheets/components/programs.sass */
.programs__scheduling__input--inline {
  width: 90px;
  border: none;
  border-bottom: 1px black dotted;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

/* line 418, app/assets/stylesheets/components/programs.sass */
.programs__scheduling__input--inline::-webkit-input-placeholder {
  color: #333;
}

/* line 420, app/assets/stylesheets/components/programs.sass */
.programs__scheduling__input--inline::-moz-placeholder {
  color: #333;
}

/* line 422, app/assets/stylesheets/components/programs.sass */
.programs__scheduling__input--inline:-moz-placeholder {
  color: #333;
}

/* line 424, app/assets/stylesheets/components/programs.sass */
.programs__scheduling__input--inline:-ms-input-placeholder {
  color: #333;
}

/* line 1, app/assets/stylesheets/components/users.sass */
.userprofile__presentation {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  background-color: white;
}

@media screen and (max-width: 479px) {
  /* line 1, app/assets/stylesheets/components/users.sass */
  .userprofile__presentation {
    padding: 1rem 1.5rem;
  }
}

@media screen and (min-width: 480px) and (max-width: 719px) {
  /* line 1, app/assets/stylesheets/components/users.sass */
  .userprofile__presentation {
    padding: 2rem 3rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 1, app/assets/stylesheets/components/users.sass */
  .userprofile__presentation {
    padding: 3rem 5rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/users.sass */
  .userprofile__presentation {
    padding: 4rem 8rem;
  }
}

/* line 14, app/assets/stylesheets/components/users.sass */
.userprofile__header__avatar {
  -webkit-flex: 0 0 16rem;
  -moz-flex: 0 0 16rem;
  -ms-flex: 0 0 16rem;
  flex: 0 0 16rem;
  text-align: center;
}

/* line 17, app/assets/stylesheets/components/users.sass */
.userprofile__header__avatar img {
  border-radius: 100%;
  width: 12rem;
}

/* line 21, app/assets/stylesheets/components/users.sass */
.userprofile__header__info {
  -webkit-flex: 1 0 16rem;
  -moz-flex: 1 0 16rem;
  -ms-flex: 1 0 16rem;
  flex: 1 0 16rem;
}

/* line 24, app/assets/stylesheets/components/users.sass */
.userprofile__header__details {
  -webkit-flex: 0 0 16rem;
  -moz-flex: 0 0 16rem;
  -ms-flex: 0 0 16rem;
  flex: 0 0 16rem;
  padding-left: 2rem;
}

/* line 28, app/assets/stylesheets/components/users.sass */
.userprofile__header__detail {
  margin-bottom: 0.5rem;
}

/* line 31, app/assets/stylesheets/components/users.sass */
.userprofile__body {
  padding: 1rem;
}

/* line 34, app/assets/stylesheets/components/users.sass */
.userprofile__body__content {
  background-color: white;
  padding: 1rem;
  margin-bottom: 1rem;
}

/* line 1, app/assets/stylesheets/components/offernotifications.sass */
.offernotification {
  background-color: rgba(165, 200, 190, 0.35);
  padding: 2rem;
}

/* line 5, app/assets/stylesheets/components/offernotifications.sass */
.offernotification__image {
  display: inline-block;
  height: 100%;
  margin-right: 2rem;
}

/* line 9, app/assets/stylesheets/components/offernotifications.sass */
.offernotification__image img {
  height: 100%;
}

/* line 12, app/assets/stylesheets/components/offernotifications.sass */
.offernotification__description__title {
  display: inline-block;
}

/* line 15, app/assets/stylesheets/components/offernotifications.sass */
.offernotification__description__hide {
  float: right;
}

/* line 18, app/assets/stylesheets/components/offernotifications.sass */
.offernotification__description {
  display: inline-block;
  vertical-align: top;
}

/* line 1, app/assets/stylesheets/components/confirmations.sass */
div.content {
  max-width: 1440px;
}

/* line 4, app/assets/stylesheets/components/confirmations.sass */
.confirmation {
  display: flex;
  background: white;
  justify-content: center;
  min-height: 100vh;
}

/* line 9, app/assets/stylesheets/components/confirmations.sass */
.confirmation .confirmation__text__wrapper {
  width: 60%;
  position: relative;
}

/* line 12, app/assets/stylesheets/components/confirmations.sass */
.confirmation .confirmation__text {
  margin: 120px 127px;
}

/* line 15, app/assets/stylesheets/components/confirmations.sass */
.confirmation .confirmation__text .logo-white-bold {
  font-size: 28px;
  color: #129EDC;
}

/* line 19, app/assets/stylesheets/components/confirmations.sass */
.confirmation .confirmation__text .confirmation__text-content {
  margin-top: 40px;
}

/* line 22, app/assets/stylesheets/components/confirmations.sass */
.confirmation .confirmation__text .confirmation__text-content .title {
  height: 34px;
  color: #242424;
  font-size: 28px;
  font-weight: 500;
  line-height: 34px;
}

/* line 29, app/assets/stylesheets/components/confirmations.sass */
.confirmation .confirmation__text .confirmation__text-content .description {
  color: #242424;
  font-family: "Libre Franklin";
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 40px;
}

/* line 36, app/assets/stylesheets/components/confirmations.sass */
.confirmation .confirmation__text .confirmation__text-content .description p {
  margin: 0;
}

/* line 39, app/assets/stylesheets/components/confirmations.sass */
.confirmation .confirmation__text .confirmation__text-content .redirect-counter {
  height: 22px;
  font-family: "Libre Franklin";
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 20px;
}

/* line 46, app/assets/stylesheets/components/confirmations.sass */
.confirmation .confirmation__text .confirmation__text-content .redirect-counter span {
  color: #56B9E5;
}

/* line 49, app/assets/stylesheets/components/confirmations.sass */
.confirmation .confirmation__text .confirmation__text-content .c-redirect-button {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  padding: 12px 24px;
}

/* line 57, app/assets/stylesheets/components/confirmations.sass */
.confirmation .confirmation__text .footer {
  opacity: 0.8;
  color: #7D7D7D;
  font-size: 13px;
  font-weight: 300;
  line-height: 16px;
  position: absolute;
  bottom: 0;
}

@media (max-width: 1000px) {
  /* line 67, app/assets/stylesheets/components/confirmations.sass */
  .confirmation .confirmation__text__wrapper {
    width: 100%;
  }
  /* line 70, app/assets/stylesheets/components/confirmations.sass */
  .confirmation .confirmation__image {
    display: none;
  }
  /* line 73, app/assets/stylesheets/components/confirmations.sass */
  .confirmation .confirmation__text {
    margin-left: 40px;
    width: auto;
  }
}

/* line 1, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
.big-block {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

/* line 6, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
.big-block__image {
  -webkit-flex-basis: 360px;
  -moz-flex-basis: 360px;
  -ms-flex-basis: 360px;
  flex-basis: 360px;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}

/* line 9, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
.big-block__text {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-basis: 360px;
  -moz-flex-basis: 360px;
  -ms-flex-basis: 360px;
  flex-basis: 360px;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  text-align: center;
  background-color: #fff;
}

@media screen and (max-width: 719px) {
  /* line 9, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
  .big-block__text {
    padding: 1rem;
  }
}

/* line 23, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
.big-block--reverse .big-block__image {
  line-height: 0;
}

@media screen and (min-width: 720px) {
  /* line 23, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
  .big-block--reverse .big-block__image {
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    order: 2;
  }
}

@media screen and (min-width: 720px) {
  /* line 27, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
  .big-block--reverse .big-block__text {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    order: 1;
  }
}

/* line 31, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
.big-block__text--yogobe {
  text-align: left;
  padding-left: 1rem;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}

/* line 36, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
.big-block__image--lineheight {
  line-height: 0;
}

/* line 39, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
.big-block__heading {
  position: relative;
  width: 90%;
}

@media screen and (max-width: 719px) {
  /* line 39, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
  .big-block__heading {
    padding-bottom: 0.5rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 39, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
  .big-block__heading {
    margin-bottom: 0.25rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 39, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
  .big-block__heading {
    padding-bottom: 1rem;
  }
}

/* line 58, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
.big-block__heading:after {
  content: '';
  position: absolute;
  bottom: -0.125rem;
  left: 10%;
  width: 80%;
  height: 1px;
  border-bottom: 1px solid #333;
}

@media screen and (max-width: 719px) {
  /* line 66, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
  .big-block__paragraph {
    width: 90%;
    margin-bottom: 1rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 66, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
  .big-block__paragraph {
    width: 90%;
    margin-bottom: 0.5rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 66, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
  .big-block__paragraph {
    width: 80%;
    margin-bottom: 1.5rem;
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 1.3125;
  }
}

/* line 84, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
.big-block__paragraph p {
  margin-bottom: 0;
}

/* line 86, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
.big-block__button {
  display: inline-block;
  border: 1px solid #333;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #333;
}

@media screen and (max-width: 719px) {
  /* line 86, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
  .big-block__button {
    padding: 0.5rem 2rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 86, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
  .big-block__button {
    padding: 0.25rem 2rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 86, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
  .big-block__button {
    padding: 1rem 5rem;
  }
}

@media screen and (max-width: 719px) {
  /* line 100, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
  .big-block__buttons .big-block__button {
    margin-bottom: 0.5rem;
    padding: 0.5rem 2rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 100, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
  .big-block__buttons .big-block__button {
    padding: 0.25rem 1rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 100, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
  .big-block__buttons .big-block__button {
    padding: 1rem 2rem;
  }
}

/* line 108, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
.big-block__buttons input[type=text] {
  border: 1px solid #333;
  vertical-align: top;
}

@media screen and (max-width: 719px) {
  /* line 108, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
  .big-block__buttons input[type=text] {
    max-width: 12rem;
    padding: 0.65rem 2rem;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 108, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
  .big-block__buttons input[type=text] {
    max-width: 12rem;
    padding: 0.4rem 1rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 108, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
  .big-block__buttons input[type=text] {
    max-width: 20rem;
    padding: 1.075rem 2rem;
  }
}

/* line 120, app/assets/stylesheets/yogobe/components/modules/big-block.sass */
.big-block__buttons button {
  background-color: inherit;
}

/* line 1, app/assets/stylesheets/components/modules/dynamic-puff.sass */
.dynamic-puff {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  overflow: hidden;
  background-color: #e5e5e5;
}

/* line 7, app/assets/stylesheets/components/modules/dynamic-puff.sass */
.dynamic-puff:nth-child(2n) {
  background-color: #d9d9d9;
}

/* line 10, app/assets/stylesheets/components/modules/dynamic-puff.sass */
.dynamic-puff__image__wrapper {
  display: block;
  position: relative;
}

/* line 14, app/assets/stylesheets/components/modules/dynamic-puff.sass */
.dynamic-puff__image__aspect-ratio {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 50%;
}

/* line 21, app/assets/stylesheets/components/modules/dynamic-puff.sass */
.dynamic-puff__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 28, app/assets/stylesheets/components/modules/dynamic-puff.sass */
.dynamic-puff__info {
  padding: 1rem;
}

/* line 31, app/assets/stylesheets/components/modules/dynamic-puff.sass */
.dynamic-puff__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 37, app/assets/stylesheets/components/modules/dynamic-puff.sass */
.dynamic-puff__read-more {
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 1.75;
}

/* line 1, app/assets/stylesheets/components/modules/get-started.sass */
.get-started {
  text-align: center;
  text-transform: uppercase;
}

@media screen and (max-width: 719px) {
  /* line 1, app/assets/stylesheets/components/modules/get-started.sass */
  .get-started {
    padding: 0 0 2rem;
  }
}

@media screen and (min-width: 720px) {
  /* line 1, app/assets/stylesheets/components/modules/get-started.sass */
  .get-started {
    padding: 4rem 0 5rem;
  }
}

/* line 8, app/assets/stylesheets/components/modules/get-started.sass */
.get-started p {
  margin: 1rem 0 2rem;
  font-weight: 700;
  letter-spacing: 4px;
}

@media screen and (max-width: 719px) {
  /* line 8, app/assets/stylesheets/components/modules/get-started.sass */
  .get-started p {
    margin-bottom: 1rem;
    font-size: 26px;
    font-size: 1.8571428571rem;
    line-height: 1.6153846154;
  }
}

@media screen and (min-width: 720px) {
  /* line 8, app/assets/stylesheets/components/modules/get-started.sass */
  .get-started p {
    font-size: 40px;
    font-size: 2.8571428571rem;
    line-height: 1.05;
  }
}

/* line 18, app/assets/stylesheets/components/modules/get-started.sass */
.get-started__button {
  display: inline-block;
  padding: 1rem 3.5rem;
  border: 1px solid #333;
  color: #333;
  letter-spacing: 2px;
}

@media screen and (max-width: 719px) {
  /* line 18, app/assets/stylesheets/components/modules/get-started.sass */
  .get-started__button {
    margin: 0.5rem 1rem;
  }
}

@media screen and (min-width: 720px) {
  /* line 18, app/assets/stylesheets/components/modules/get-started.sass */
  .get-started__button {
    margin: 0 1rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 31, app/assets/stylesheets/components/modules/get-started.sass */
  .get-started__playlistcard:nth-child(odd) {
    padding-right: 1rem;
  }
}

/* line 1, app/assets/stylesheets/components/modules/static-puff.sass */
.static-puff {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  overflow: hidden;
}

/* line 7, app/assets/stylesheets/components/modules/static-puff.sass */
.static-puff__image__wrapper {
  display: block;
  position: relative;
}

/* line 11, app/assets/stylesheets/components/modules/static-puff.sass */
.static-puff__image__wrapper:hover .static-puff__shade {
  background-color: rgba(255, 255, 255, 0.2);
}

/* line 14, app/assets/stylesheets/components/modules/static-puff.sass */
.static-puff__image__aspect-ratio {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 50%;
}

/* line 21, app/assets/stylesheets/components/modules/static-puff.sass */
.static-puff__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/components/modules/static-puff.sass */
.static-puff__shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  transition: background-color 0.35s ease;
}

/* line 36, app/assets/stylesheets/components/modules/static-puff.sass */
.static-puff__title {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  padding: 0 2rem;
  color: white;
  font-weight: 600;
  line-height: 1.25 !important;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media screen and (max-width: 1023px) {
  /* line 36, app/assets/stylesheets/components/modules/static-puff.sass */
  .static-puff__title {
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 1.3125;
  }
}

@media screen and (min-width: 1024px) {
  /* line 36, app/assets/stylesheets/components/modules/static-puff.sass */
  .static-puff__title {
    font-size: 22px;
    font-size: 1.5714285714rem;
    line-height: 1.9090909091;
  }
}

/* line 1, app/assets/stylesheets/components/modules/video-grid.sass */
.video-grid {
  position: relative;
  overflow: hidden;
}

/* line 5, app/assets/stylesheets/components/modules/video-grid.sass */
.video-grid__container {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  overflow: hidden;
}

@media screen and (max-width: 719px) {
  /* line 11, app/assets/stylesheets/components/modules/video-grid.sass */
  .video-grid__container:nth-child(n+5) {
    display: none;
  }
}

/* line 14, app/assets/stylesheets/components/modules/video-grid.sass */
.video-grid__image__wrapper {
  display: block;
  position: relative;
}

/* line 18, app/assets/stylesheets/components/modules/video-grid.sass */
.video-grid__image__aspect-ratio {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

/* line 25, app/assets/stylesheets/components/modules/video-grid.sass */
.video-grid__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 32, app/assets/stylesheets/components/modules/video-grid.sass */
.video-grid__background {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

/* line 43, app/assets/stylesheets/components/modules/video-grid.sass */
.video-grid__info {
  text-align: center;
  color: white;
}

/* line 46, app/assets/stylesheets/components/modules/video-grid.sass */
.video-grid__info img {
  height: 2rem;
  vertical-align: -5px;
  padding-left: 0.5rem;
}

/* line 51, app/assets/stylesheets/components/modules/video-grid.sass */
.video-grid__title {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 3px;
}

@media screen and (max-width: 719px) {
  /* line 51, app/assets/stylesheets/components/modules/video-grid.sass */
  .video-grid__title {
    font-size: 22px;
    font-size: 1.5714285714rem;
    line-height: 1.9090909091;
  }
}

@media screen and (min-width: 720px) {
  /* line 51, app/assets/stylesheets/components/modules/video-grid.sass */
  .video-grid__title {
    font-size: 44px;
    font-size: 3.1428571429rem;
    line-height: 1.4318181818;
  }
}

/* line 60, app/assets/stylesheets/components/modules/video-grid.sass */
.video-grid__subtitle {
  font-weight: 300;
}

@media screen and (max-width: 719px) {
  /* line 60, app/assets/stylesheets/components/modules/video-grid.sass */
  .video-grid__subtitle {
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 1.3125;
  }
}

@media screen and (min-width: 720px) {
  /* line 60, app/assets/stylesheets/components/modules/video-grid.sass */
  .video-grid__subtitle {
    font-size: 22px;
    font-size: 1.5714285714rem;
    line-height: 1.9090909091;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 68, app/assets/stylesheets/components/modules/video-grid.sass */
  .video-grid__info--single .video-grid__title {
    font-size: 32px;
    font-size: 2.2857142857rem;
    line-height: 1.3125;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 71, app/assets/stylesheets/components/modules/video-grid.sass */
  .video-grid__info--single .video-grid__subtitle {
    font-size: 20px;
    font-size: 1.4285714286rem;
    line-height: 1.05;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /* line 74, app/assets/stylesheets/components/modules/video-grid.sass */
  .video-grid__info--single img {
    height: 1.5rem;
  }
}

/*------------------------------------*\
    #WIDTHS
\*------------------------------------*/
/**
 * A series of width helper classes that you can use to size things like grid
 * systems. Classes can take a fraction-like format (e.g. `.2/3`) or a spoken-
 * word format (e.g. `two-thirds`). Toggle formats by overriding the
 * `$inuit-use-fractions` variable defined below.
 */
/**
     * Whole.
     */
/* line 98, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.one-whole {
  width: 100% !important;
}

/**
     * Halves.
     */
/* line 103, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.one-half,
.two-quarters,
.three-sixths,
.four-eighths,
.five-tenths,
.six-twelfths {
  width: 50% !important;
}

/**
     * Thirds.
     */
/* line 108, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.one-third,
.two-sixths,
.three-ninths,
.four-twelfths {
  width: 33.3333333% !important;
}

/* line 109, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.two-thirds,
.four-sixths,
.six-ninths,
.eight-twelfths {
  width: 66.6666666% !important;
}

/**
     * Quarters.
     */
/* line 114, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.one-quarter,
.two-eighths,
.three-twelfths {
  width: 25% !important;
}

/* line 115, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.three-quarters,
.six-eighths,
.nine-twelfths {
  width: 75% !important;
}

/**
     * Fifths.
     */
/* line 120, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.one-fifth,
.two-tenths {
  width: 20% !important;
}

/* line 121, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.two-fifths,
.four-tenths {
  width: 40% !important;
}

/* line 122, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.three-fifths,
.six-tenths {
  width: 60% !important;
}

/* line 123, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.four-fifths,
.eight-tenths {
  width: 80% !important;
}

/**
     * Sixths.
     */
/* line 128, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.one-sixth,
.two-twelfths {
  width: 16.6666666% !important;
}

/* line 129, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.five-sixths,
.ten-twelfths {
  width: 83.3333333% !important;
}

/**
     * Eighths.
     */
/* line 134, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.one-eighth {
  width: 12.5% !important;
}

/* line 135, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.three-eighths {
  width: 37.5% !important;
}

/* line 136, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.five-eighths {
  width: 62.5% !important;
}

/* line 137, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.seven-eighths {
  width: 87.5% !important;
}

/**
     * Ninths.
     */
/* line 142, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.one-ninth {
  width: 11.1111111% !important;
}

/* line 143, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.two-ninths {
  width: 22.2222222% !important;
}

/* line 144, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.four-ninths {
  width: 44.4444444% !important;
}

/* line 145, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.five-ninths {
  width: 55.5555555% !important;
}

/* line 146, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.seven-ninths {
  width: 77.7777777% !important;
}

/* line 147, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.eight-ninths {
  width: 88.8888888% !important;
}

/**
     * Tenths.
     */
/* line 152, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.one-tenth {
  width: 10% !important;
}

/* line 153, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.three-tenths {
  width: 30% !important;
}

/* line 154, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.seven-tenths {
  width: 70% !important;
}

/* line 155, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.nine-tenths {
  width: 90% !important;
}

/**
     * Twelfths.
     */
/* line 160, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.one-twelfth {
  width: 8.3333333% !important;
}

/* line 161, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.five-twelfths {
  width: 41.6666666% !important;
}

/* line 162, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.seven-twelfths {
  width: 58.3333333% !important;
}

/* line 163, ../usr/local/bundle/gems/rails-assets-inuit-widths-0.3.2/app/assets/stylesheets/inuit-widths/_trumps.widths.scss */
.eleven-twelfths {
  width: 91.6666666% !important;
}

/*------------------------------------*\
    #WIDTHS-RESPONSIVE
\*------------------------------------*/
/**
 * Responsive width classes based on your responsive settings.
 */
@media screen and (max-width: 479px) {
  /**
                 * Whole.
                 */
  /* line 119, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-one-whole {
    width: 100% !important;
  }
  /**
                 * Halves.
                 */
  /* line 124, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-one-half,
.mini-two-quarters,
.mini-three-sixths,
.mini-four-eighths,
.mini-five-tenths,
.mini-six-twelfths {
    width: 50% !important;
  }
  /**
                 * Thirds.
                 */
  /* line 129, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-one-third,
.mini-two-sixths,
.mini-three-ninths,
.mini-four-twelfths {
    width: 33.3333333% !important;
  }
  /* line 130, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-two-thirds,
.mini-four-sixths,
.mini-six-ninths,
.mini-eight-twelfths {
    width: 66.6666666% !important;
  }
  /**
                 * Quarters.
                 */
  /* line 135, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-one-quarter,
.mini-two-eighths,
.mini-three-twelfths {
    width: 25% !important;
  }
  /* line 136, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-three-quarters,
.mini-six-eighths,
.mini-nine-twelfths {
    width: 75% !important;
  }
  /**
                 * Fifths.
                 */
  /* line 141, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-one-fifth,
.mini-two-tenths {
    width: 20% !important;
  }
  /* line 142, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-two-fifths,
.mini-four-tenths {
    width: 40% !important;
  }
  /* line 143, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-three-fifths,
.mini-six-tenths {
    width: 60% !important;
  }
  /* line 144, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-four-fifths,
.mini-eight-tenths {
    width: 80% !important;
  }
  /**
                 * Sixths.
                 */
  /* line 149, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-one-sixth,
.mini-two-twelfths {
    width: 16.6666666% !important;
  }
  /* line 150, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-five-sixths,
.mini-ten-twelfths {
    width: 83.3333333% !important;
  }
  /**
                 * Eighths.
                 */
  /* line 155, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-one-eighth {
    width: 12.5% !important;
  }
  /* line 156, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-three-eighths {
    width: 37.5% !important;
  }
  /* line 157, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-five-eighths {
    width: 62.5% !important;
  }
  /* line 158, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-seven-eighths {
    width: 87.5% !important;
  }
  /**
                 * Ninths.
                 */
  /* line 163, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-one-ninth {
    width: 11.1111111% !important;
  }
  /* line 164, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-two-ninths {
    width: 22.2222222% !important;
  }
  /* line 165, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-four-ninths {
    width: 44.4444444% !important;
  }
  /* line 166, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-five-ninths {
    width: 55.5555555% !important;
  }
  /* line 167, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-seven-ninths {
    width: 77.7777777% !important;
  }
  /* line 168, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-eight-ninths {
    width: 88.8888888% !important;
  }
  /**
                 * Tenths.
                 */
  /* line 173, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-one-tenth {
    width: 10% !important;
  }
  /* line 174, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-three-tenths {
    width: 30% !important;
  }
  /* line 175, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-seven-tenths {
    width: 70% !important;
  }
  /* line 176, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-nine-tenths {
    width: 90% !important;
  }
  /**
                 * Twelfths.
                 */
  /* line 181, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-one-twelfth {
    width: 8.3333333% !important;
  }
  /* line 182, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-five-twelfths {
    width: 41.6666666% !important;
  }
  /* line 183, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-seven-twelfths {
    width: 58.3333333% !important;
  }
  /* line 184, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-eleven-twelfths {
    width: 91.6666666% !important;
  }
}

@media screen and (min-width: 480px) {
  /**
                 * Whole.
                 */
  /* line 119, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-one-whole {
    width: 100% !important;
  }
  /**
                 * Halves.
                 */
  /* line 124, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-one-half,
.mini-and-up-two-quarters,
.mini-and-up-three-sixths,
.mini-and-up-four-eighths,
.mini-and-up-five-tenths,
.mini-and-up-six-twelfths {
    width: 50% !important;
  }
  /**
                 * Thirds.
                 */
  /* line 129, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-one-third,
.mini-and-up-two-sixths,
.mini-and-up-three-ninths,
.mini-and-up-four-twelfths {
    width: 33.3333333% !important;
  }
  /* line 130, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-two-thirds,
.mini-and-up-four-sixths,
.mini-and-up-six-ninths,
.mini-and-up-eight-twelfths {
    width: 66.6666666% !important;
  }
  /**
                 * Quarters.
                 */
  /* line 135, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-one-quarter,
.mini-and-up-two-eighths,
.mini-and-up-three-twelfths {
    width: 25% !important;
  }
  /* line 136, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-three-quarters,
.mini-and-up-six-eighths,
.mini-and-up-nine-twelfths {
    width: 75% !important;
  }
  /**
                 * Fifths.
                 */
  /* line 141, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-one-fifth,
.mini-and-up-two-tenths {
    width: 20% !important;
  }
  /* line 142, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-two-fifths,
.mini-and-up-four-tenths {
    width: 40% !important;
  }
  /* line 143, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-three-fifths,
.mini-and-up-six-tenths {
    width: 60% !important;
  }
  /* line 144, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-four-fifths,
.mini-and-up-eight-tenths {
    width: 80% !important;
  }
  /**
                 * Sixths.
                 */
  /* line 149, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-one-sixth,
.mini-and-up-two-twelfths {
    width: 16.6666666% !important;
  }
  /* line 150, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-five-sixths,
.mini-and-up-ten-twelfths {
    width: 83.3333333% !important;
  }
  /**
                 * Eighths.
                 */
  /* line 155, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-one-eighth {
    width: 12.5% !important;
  }
  /* line 156, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-three-eighths {
    width: 37.5% !important;
  }
  /* line 157, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-five-eighths {
    width: 62.5% !important;
  }
  /* line 158, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-seven-eighths {
    width: 87.5% !important;
  }
  /**
                 * Ninths.
                 */
  /* line 163, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-one-ninth {
    width: 11.1111111% !important;
  }
  /* line 164, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-two-ninths {
    width: 22.2222222% !important;
  }
  /* line 165, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-four-ninths {
    width: 44.4444444% !important;
  }
  /* line 166, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-five-ninths {
    width: 55.5555555% !important;
  }
  /* line 167, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-seven-ninths {
    width: 77.7777777% !important;
  }
  /* line 168, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-eight-ninths {
    width: 88.8888888% !important;
  }
  /**
                 * Tenths.
                 */
  /* line 173, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-one-tenth {
    width: 10% !important;
  }
  /* line 174, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-three-tenths {
    width: 30% !important;
  }
  /* line 175, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-seven-tenths {
    width: 70% !important;
  }
  /* line 176, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-nine-tenths {
    width: 90% !important;
  }
  /**
                 * Twelfths.
                 */
  /* line 181, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-one-twelfth {
    width: 8.3333333% !important;
  }
  /* line 182, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-five-twelfths {
    width: 41.6666666% !important;
  }
  /* line 183, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-seven-twelfths {
    width: 58.3333333% !important;
  }
  /* line 184, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-and-up-eleven-twelfths {
    width: 91.6666666% !important;
  }
}

@media screen and (min-width: 480px) and (max-width: 719px) {
  /**
                 * Whole.
                 */
  /* line 119, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-one-whole {
    width: 100% !important;
  }
  /**
                 * Halves.
                 */
  /* line 124, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-one-half,
.mini-to-palm-two-quarters,
.mini-to-palm-three-sixths,
.mini-to-palm-four-eighths,
.mini-to-palm-five-tenths,
.mini-to-palm-six-twelfths {
    width: 50% !important;
  }
  /**
                 * Thirds.
                 */
  /* line 129, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-one-third,
.mini-to-palm-two-sixths,
.mini-to-palm-three-ninths,
.mini-to-palm-four-twelfths {
    width: 33.3333333% !important;
  }
  /* line 130, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-two-thirds,
.mini-to-palm-four-sixths,
.mini-to-palm-six-ninths,
.mini-to-palm-eight-twelfths {
    width: 66.6666666% !important;
  }
  /**
                 * Quarters.
                 */
  /* line 135, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-one-quarter,
.mini-to-palm-two-eighths,
.mini-to-palm-three-twelfths {
    width: 25% !important;
  }
  /* line 136, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-three-quarters,
.mini-to-palm-six-eighths,
.mini-to-palm-nine-twelfths {
    width: 75% !important;
  }
  /**
                 * Fifths.
                 */
  /* line 141, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-one-fifth,
.mini-to-palm-two-tenths {
    width: 20% !important;
  }
  /* line 142, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-two-fifths,
.mini-to-palm-four-tenths {
    width: 40% !important;
  }
  /* line 143, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-three-fifths,
.mini-to-palm-six-tenths {
    width: 60% !important;
  }
  /* line 144, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-four-fifths,
.mini-to-palm-eight-tenths {
    width: 80% !important;
  }
  /**
                 * Sixths.
                 */
  /* line 149, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-one-sixth,
.mini-to-palm-two-twelfths {
    width: 16.6666666% !important;
  }
  /* line 150, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-five-sixths,
.mini-to-palm-ten-twelfths {
    width: 83.3333333% !important;
  }
  /**
                 * Eighths.
                 */
  /* line 155, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-one-eighth {
    width: 12.5% !important;
  }
  /* line 156, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-three-eighths {
    width: 37.5% !important;
  }
  /* line 157, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-five-eighths {
    width: 62.5% !important;
  }
  /* line 158, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-seven-eighths {
    width: 87.5% !important;
  }
  /**
                 * Ninths.
                 */
  /* line 163, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-one-ninth {
    width: 11.1111111% !important;
  }
  /* line 164, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-two-ninths {
    width: 22.2222222% !important;
  }
  /* line 165, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-four-ninths {
    width: 44.4444444% !important;
  }
  /* line 166, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-five-ninths {
    width: 55.5555555% !important;
  }
  /* line 167, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-seven-ninths {
    width: 77.7777777% !important;
  }
  /* line 168, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-eight-ninths {
    width: 88.8888888% !important;
  }
  /**
                 * Tenths.
                 */
  /* line 173, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-one-tenth {
    width: 10% !important;
  }
  /* line 174, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-three-tenths {
    width: 30% !important;
  }
  /* line 175, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-seven-tenths {
    width: 70% !important;
  }
  /* line 176, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-nine-tenths {
    width: 90% !important;
  }
  /**
                 * Twelfths.
                 */
  /* line 181, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-one-twelfth {
    width: 8.3333333% !important;
  }
  /* line 182, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-five-twelfths {
    width: 41.6666666% !important;
  }
  /* line 183, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-seven-twelfths {
    width: 58.3333333% !important;
  }
  /* line 184, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .mini-to-palm-eleven-twelfths {
    width: 91.6666666% !important;
  }
}

@media screen and (max-width: 719px) {
  /**
                 * Whole.
                 */
  /* line 119, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-one-whole {
    width: 100% !important;
  }
  /**
                 * Halves.
                 */
  /* line 124, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-one-half,
.palm-two-quarters,
.palm-three-sixths,
.palm-four-eighths,
.palm-five-tenths,
.palm-six-twelfths {
    width: 50% !important;
  }
  /**
                 * Thirds.
                 */
  /* line 129, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-one-third,
.palm-two-sixths,
.palm-three-ninths,
.palm-four-twelfths {
    width: 33.3333333% !important;
  }
  /* line 130, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-two-thirds,
.palm-four-sixths,
.palm-six-ninths,
.palm-eight-twelfths {
    width: 66.6666666% !important;
  }
  /**
                 * Quarters.
                 */
  /* line 135, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-one-quarter,
.palm-two-eighths,
.palm-three-twelfths {
    width: 25% !important;
  }
  /* line 136, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-three-quarters,
.palm-six-eighths,
.palm-nine-twelfths {
    width: 75% !important;
  }
  /**
                 * Fifths.
                 */
  /* line 141, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-one-fifth,
.palm-two-tenths {
    width: 20% !important;
  }
  /* line 142, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-two-fifths,
.palm-four-tenths {
    width: 40% !important;
  }
  /* line 143, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-three-fifths,
.palm-six-tenths {
    width: 60% !important;
  }
  /* line 144, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-four-fifths,
.palm-eight-tenths {
    width: 80% !important;
  }
  /**
                 * Sixths.
                 */
  /* line 149, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-one-sixth,
.palm-two-twelfths {
    width: 16.6666666% !important;
  }
  /* line 150, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-five-sixths,
.palm-ten-twelfths {
    width: 83.3333333% !important;
  }
  /**
                 * Eighths.
                 */
  /* line 155, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-one-eighth {
    width: 12.5% !important;
  }
  /* line 156, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-three-eighths {
    width: 37.5% !important;
  }
  /* line 157, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-five-eighths {
    width: 62.5% !important;
  }
  /* line 158, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-seven-eighths {
    width: 87.5% !important;
  }
  /**
                 * Ninths.
                 */
  /* line 163, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-one-ninth {
    width: 11.1111111% !important;
  }
  /* line 164, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-two-ninths {
    width: 22.2222222% !important;
  }
  /* line 165, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-four-ninths {
    width: 44.4444444% !important;
  }
  /* line 166, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-five-ninths {
    width: 55.5555555% !important;
  }
  /* line 167, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-seven-ninths {
    width: 77.7777777% !important;
  }
  /* line 168, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-eight-ninths {
    width: 88.8888888% !important;
  }
  /**
                 * Tenths.
                 */
  /* line 173, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-one-tenth {
    width: 10% !important;
  }
  /* line 174, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-three-tenths {
    width: 30% !important;
  }
  /* line 175, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-seven-tenths {
    width: 70% !important;
  }
  /* line 176, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-nine-tenths {
    width: 90% !important;
  }
  /**
                 * Twelfths.
                 */
  /* line 181, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-one-twelfth {
    width: 8.3333333% !important;
  }
  /* line 182, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-five-twelfths {
    width: 41.6666666% !important;
  }
  /* line 183, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-seven-twelfths {
    width: 58.3333333% !important;
  }
  /* line 184, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .palm-eleven-twelfths {
    width: 91.6666666% !important;
  }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
  /**
                 * Whole.
                 */
  /* line 119, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-one-whole {
    width: 100% !important;
  }
  /**
                 * Halves.
                 */
  /* line 124, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-one-half,
.lap-two-quarters,
.lap-three-sixths,
.lap-four-eighths,
.lap-five-tenths,
.lap-six-twelfths {
    width: 50% !important;
  }
  /**
                 * Thirds.
                 */
  /* line 129, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-one-third,
.lap-two-sixths,
.lap-three-ninths,
.lap-four-twelfths {
    width: 33.3333333% !important;
  }
  /* line 130, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-two-thirds,
.lap-four-sixths,
.lap-six-ninths,
.lap-eight-twelfths {
    width: 66.6666666% !important;
  }
  /**
                 * Quarters.
                 */
  /* line 135, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-one-quarter,
.lap-two-eighths,
.lap-three-twelfths {
    width: 25% !important;
  }
  /* line 136, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-three-quarters,
.lap-six-eighths,
.lap-nine-twelfths {
    width: 75% !important;
  }
  /**
                 * Fifths.
                 */
  /* line 141, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-one-fifth,
.lap-two-tenths {
    width: 20% !important;
  }
  /* line 142, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-two-fifths,
.lap-four-tenths {
    width: 40% !important;
  }
  /* line 143, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-three-fifths,
.lap-six-tenths {
    width: 60% !important;
  }
  /* line 144, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-four-fifths,
.lap-eight-tenths {
    width: 80% !important;
  }
  /**
                 * Sixths.
                 */
  /* line 149, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-one-sixth,
.lap-two-twelfths {
    width: 16.6666666% !important;
  }
  /* line 150, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-five-sixths,
.lap-ten-twelfths {
    width: 83.3333333% !important;
  }
  /**
                 * Eighths.
                 */
  /* line 155, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-one-eighth {
    width: 12.5% !important;
  }
  /* line 156, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-three-eighths {
    width: 37.5% !important;
  }
  /* line 157, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-five-eighths {
    width: 62.5% !important;
  }
  /* line 158, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-seven-eighths {
    width: 87.5% !important;
  }
  /**
                 * Ninths.
                 */
  /* line 163, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-one-ninth {
    width: 11.1111111% !important;
  }
  /* line 164, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-two-ninths {
    width: 22.2222222% !important;
  }
  /* line 165, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-four-ninths {
    width: 44.4444444% !important;
  }
  /* line 166, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-five-ninths {
    width: 55.5555555% !important;
  }
  /* line 167, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-seven-ninths {
    width: 77.7777777% !important;
  }
  /* line 168, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-eight-ninths {
    width: 88.8888888% !important;
  }
  /**
                 * Tenths.
                 */
  /* line 173, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-one-tenth {
    width: 10% !important;
  }
  /* line 174, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-three-tenths {
    width: 30% !important;
  }
  /* line 175, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-seven-tenths {
    width: 70% !important;
  }
  /* line 176, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-nine-tenths {
    width: 90% !important;
  }
  /**
                 * Twelfths.
                 */
  /* line 181, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-one-twelfth {
    width: 8.3333333% !important;
  }
  /* line 182, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-five-twelfths {
    width: 41.6666666% !important;
  }
  /* line 183, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-seven-twelfths {
    width: 58.3333333% !important;
  }
  /* line 184, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-eleven-twelfths {
    width: 91.6666666% !important;
  }
}

@media screen and (min-width: 720px) {
  /**
                 * Whole.
                 */
  /* line 119, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-one-whole {
    width: 100% !important;
  }
  /**
                 * Halves.
                 */
  /* line 124, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-one-half,
.lap-and-up-two-quarters,
.lap-and-up-three-sixths,
.lap-and-up-four-eighths,
.lap-and-up-five-tenths,
.lap-and-up-six-twelfths {
    width: 50% !important;
  }
  /**
                 * Thirds.
                 */
  /* line 129, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-one-third,
.lap-and-up-two-sixths,
.lap-and-up-three-ninths,
.lap-and-up-four-twelfths {
    width: 33.3333333% !important;
  }
  /* line 130, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-two-thirds,
.lap-and-up-four-sixths,
.lap-and-up-six-ninths,
.lap-and-up-eight-twelfths {
    width: 66.6666666% !important;
  }
  /**
                 * Quarters.
                 */
  /* line 135, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-one-quarter,
.lap-and-up-two-eighths,
.lap-and-up-three-twelfths {
    width: 25% !important;
  }
  /* line 136, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-three-quarters,
.lap-and-up-six-eighths,
.lap-and-up-nine-twelfths {
    width: 75% !important;
  }
  /**
                 * Fifths.
                 */
  /* line 141, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-one-fifth,
.lap-and-up-two-tenths {
    width: 20% !important;
  }
  /* line 142, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-two-fifths,
.lap-and-up-four-tenths {
    width: 40% !important;
  }
  /* line 143, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-three-fifths,
.lap-and-up-six-tenths {
    width: 60% !important;
  }
  /* line 144, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-four-fifths,
.lap-and-up-eight-tenths {
    width: 80% !important;
  }
  /**
                 * Sixths.
                 */
  /* line 149, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-one-sixth,
.lap-and-up-two-twelfths {
    width: 16.6666666% !important;
  }
  /* line 150, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-five-sixths,
.lap-and-up-ten-twelfths {
    width: 83.3333333% !important;
  }
  /**
                 * Eighths.
                 */
  /* line 155, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-one-eighth {
    width: 12.5% !important;
  }
  /* line 156, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-three-eighths {
    width: 37.5% !important;
  }
  /* line 157, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-five-eighths {
    width: 62.5% !important;
  }
  /* line 158, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-seven-eighths {
    width: 87.5% !important;
  }
  /**
                 * Ninths.
                 */
  /* line 163, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-one-ninth {
    width: 11.1111111% !important;
  }
  /* line 164, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-two-ninths {
    width: 22.2222222% !important;
  }
  /* line 165, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-four-ninths {
    width: 44.4444444% !important;
  }
  /* line 166, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-five-ninths {
    width: 55.5555555% !important;
  }
  /* line 167, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-seven-ninths {
    width: 77.7777777% !important;
  }
  /* line 168, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-eight-ninths {
    width: 88.8888888% !important;
  }
  /**
                 * Tenths.
                 */
  /* line 173, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-one-tenth {
    width: 10% !important;
  }
  /* line 174, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-three-tenths {
    width: 30% !important;
  }
  /* line 175, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-seven-tenths {
    width: 70% !important;
  }
  /* line 176, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-nine-tenths {
    width: 90% !important;
  }
  /**
                 * Twelfths.
                 */
  /* line 181, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-one-twelfth {
    width: 8.3333333% !important;
  }
  /* line 182, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-five-twelfths {
    width: 41.6666666% !important;
  }
  /* line 183, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-seven-twelfths {
    width: 58.3333333% !important;
  }
  /* line 184, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .lap-and-up-eleven-twelfths {
    width: 91.6666666% !important;
  }
}

@media screen and (max-width: 1023px) {
  /**
                 * Whole.
                 */
  /* line 119, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-one-whole {
    width: 100% !important;
  }
  /**
                 * Halves.
                 */
  /* line 124, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-one-half,
.portable-two-quarters,
.portable-three-sixths,
.portable-four-eighths,
.portable-five-tenths,
.portable-six-twelfths {
    width: 50% !important;
  }
  /**
                 * Thirds.
                 */
  /* line 129, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-one-third,
.portable-two-sixths,
.portable-three-ninths,
.portable-four-twelfths {
    width: 33.3333333% !important;
  }
  /* line 130, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-two-thirds,
.portable-four-sixths,
.portable-six-ninths,
.portable-eight-twelfths {
    width: 66.6666666% !important;
  }
  /**
                 * Quarters.
                 */
  /* line 135, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-one-quarter,
.portable-two-eighths,
.portable-three-twelfths {
    width: 25% !important;
  }
  /* line 136, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-three-quarters,
.portable-six-eighths,
.portable-nine-twelfths {
    width: 75% !important;
  }
  /**
                 * Fifths.
                 */
  /* line 141, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-one-fifth,
.portable-two-tenths {
    width: 20% !important;
  }
  /* line 142, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-two-fifths,
.portable-four-tenths {
    width: 40% !important;
  }
  /* line 143, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-three-fifths,
.portable-six-tenths {
    width: 60% !important;
  }
  /* line 144, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-four-fifths,
.portable-eight-tenths {
    width: 80% !important;
  }
  /**
                 * Sixths.
                 */
  /* line 149, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-one-sixth,
.portable-two-twelfths {
    width: 16.6666666% !important;
  }
  /* line 150, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-five-sixths,
.portable-ten-twelfths {
    width: 83.3333333% !important;
  }
  /**
                 * Eighths.
                 */
  /* line 155, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-one-eighth {
    width: 12.5% !important;
  }
  /* line 156, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-three-eighths {
    width: 37.5% !important;
  }
  /* line 157, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-five-eighths {
    width: 62.5% !important;
  }
  /* line 158, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-seven-eighths {
    width: 87.5% !important;
  }
  /**
                 * Ninths.
                 */
  /* line 163, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-one-ninth {
    width: 11.1111111% !important;
  }
  /* line 164, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-two-ninths {
    width: 22.2222222% !important;
  }
  /* line 165, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-four-ninths {
    width: 44.4444444% !important;
  }
  /* line 166, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-five-ninths {
    width: 55.5555555% !important;
  }
  /* line 167, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-seven-ninths {
    width: 77.7777777% !important;
  }
  /* line 168, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-eight-ninths {
    width: 88.8888888% !important;
  }
  /**
                 * Tenths.
                 */
  /* line 173, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-one-tenth {
    width: 10% !important;
  }
  /* line 174, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-three-tenths {
    width: 30% !important;
  }
  /* line 175, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-seven-tenths {
    width: 70% !important;
  }
  /* line 176, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-nine-tenths {
    width: 90% !important;
  }
  /**
                 * Twelfths.
                 */
  /* line 181, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-one-twelfth {
    width: 8.3333333% !important;
  }
  /* line 182, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-five-twelfths {
    width: 41.6666666% !important;
  }
  /* line 183, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-seven-twelfths {
    width: 58.3333333% !important;
  }
  /* line 184, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .portable-eleven-twelfths {
    width: 91.6666666% !important;
  }
}

@media screen and (min-width: 1024px) {
  /**
                 * Whole.
                 */
  /* line 119, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-one-whole {
    width: 100% !important;
  }
  /**
                 * Halves.
                 */
  /* line 124, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-one-half,
.desk-two-quarters,
.desk-three-sixths,
.desk-four-eighths,
.desk-five-tenths,
.desk-six-twelfths {
    width: 50% !important;
  }
  /**
                 * Thirds.
                 */
  /* line 129, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-one-third, .social-media__facebook-post__image,
.desk-two-sixths,
.desk-three-ninths,
.desk-four-twelfths {
    width: 33.3333333% !important;
  }
  /* line 130, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-two-thirds, .social-media__facebook-post__description,
.desk-four-sixths,
.desk-six-ninths,
.desk-eight-twelfths {
    width: 66.6666666% !important;
  }
  /**
                 * Quarters.
                 */
  /* line 135, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-one-quarter,
.desk-two-eighths,
.desk-three-twelfths {
    width: 25% !important;
  }
  /* line 136, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-three-quarters,
.desk-six-eighths,
.desk-nine-twelfths {
    width: 75% !important;
  }
  /**
                 * Fifths.
                 */
  /* line 141, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-one-fifth,
.desk-two-tenths {
    width: 20% !important;
  }
  /* line 142, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-two-fifths,
.desk-four-tenths {
    width: 40% !important;
  }
  /* line 143, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-three-fifths,
.desk-six-tenths {
    width: 60% !important;
  }
  /* line 144, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-four-fifths,
.desk-eight-tenths {
    width: 80% !important;
  }
  /**
                 * Sixths.
                 */
  /* line 149, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-one-sixth,
.desk-two-twelfths {
    width: 16.6666666% !important;
  }
  /* line 150, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-five-sixths,
.desk-ten-twelfths {
    width: 83.3333333% !important;
  }
  /**
                 * Eighths.
                 */
  /* line 155, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-one-eighth {
    width: 12.5% !important;
  }
  /* line 156, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-three-eighths {
    width: 37.5% !important;
  }
  /* line 157, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-five-eighths {
    width: 62.5% !important;
  }
  /* line 158, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-seven-eighths {
    width: 87.5% !important;
  }
  /**
                 * Ninths.
                 */
  /* line 163, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-one-ninth {
    width: 11.1111111% !important;
  }
  /* line 164, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-two-ninths {
    width: 22.2222222% !important;
  }
  /* line 165, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-four-ninths {
    width: 44.4444444% !important;
  }
  /* line 166, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-five-ninths {
    width: 55.5555555% !important;
  }
  /* line 167, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-seven-ninths {
    width: 77.7777777% !important;
  }
  /* line 168, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-eight-ninths {
    width: 88.8888888% !important;
  }
  /**
                 * Tenths.
                 */
  /* line 173, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-one-tenth {
    width: 10% !important;
  }
  /* line 174, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-three-tenths {
    width: 30% !important;
  }
  /* line 175, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-seven-tenths {
    width: 70% !important;
  }
  /* line 176, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-nine-tenths {
    width: 90% !important;
  }
  /**
                 * Twelfths.
                 */
  /* line 181, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-one-twelfth {
    width: 8.3333333% !important;
  }
  /* line 182, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-five-twelfths {
    width: 41.6666666% !important;
  }
  /* line 183, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-seven-twelfths {
    width: 58.3333333% !important;
  }
  /* line 184, app/assets/stylesheets/inuit/trumps.widths-responsive.scss */
  .desk-eleven-twelfths {
    width: 91.6666666% !important;
  }
}

/*------------------------------------*\
    #SPACING
\*------------------------------------*/
/**
 * Margin and padding helper classes. Use these to tweak layout on a micro
 * level.
 *
 * `.(m|p)(t|r|b|l|h|v)(-|+|0) {}` = margin/padding top/right/bottom/left/horizontal/vertical less/more/none
 */
/*------------------------------------*\
    #SPACING-RESPONSIVE
\*------------------------------------*/
/**
 * Margin and padding helper classes. Use these to tweak layout on a micro
 * level.
 *
 * `.(m|p)(t|r|b|l|h|v)(-|+|0) {}` = margin/padding top/right/bottom/left/horizontal/vertical less/more/none
 */
/* line 1, app/assets/stylesheets/trumps.sass */
.no-margin-bottom {
  margin-bottom: 0;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *


 *=/ require_tree .
 *=/ require_self
 */


 .turbolinks-progress-bar {
  visibility: hidden;
}

.alert-info {
  background-color: #ffcccb;
  padding: 1rem;
  margin: 1rem 0;
}