/*
Theme Name: Base
Theme URI: http://underscores.me/
Author: Automattic
Author URI: http://automattic.com/
Description: Hi. I'm a starter theme called <code>Base</code>, or <em>underscores</em>, if you like. I'm a theme meant for hacking so don't use me as a <em>Parent Theme</em>. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Base
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 Base is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Media
	11.1 Captions
	11.2 Galleries
--------------------------------------------------------------*/
/*  Syntax Quick Reference
  --------------------------
  column($ratios: 1, $offset: 0, $cycle: 0, $uncycle: 0, $gutter: $jeet-gutter)
  span($ratio: 1, $offset: 0)
  shift($ratios: 0, $col_or_span: column, $gutter: $jeet-gutter)
  unshift()
  edit()
  center($max_width: 1410px, $pad: 0)
  stack($pad: 0, $align: false)
  unstack()
  align($direction: both)
  cf()
*/
/**
 * Grid settings.
 * All values are defaults and can therefore be easily overidden.
 */
/**
 * List functions courtesy of the wonderful folks at Team Sass.
 * Check out their awesome grid: Singularity.
 */
/**
 * Get  percentage from a given ratio.
 * @param {number} [$ratio=1] - The column ratio of the element.
 * @returns {number} - The percentage value.
 */
/**
 * Work out the column widths based on the ratio and gutter sizes.
 * @param {number} [$ratios=1] - The column ratio of the element.
 * @param {number} [$gutter=$jeet-gutter] - The gutter for the column.
 * @returns {list} $width $gutter - A list containing the with and gutter for the element.
 */
/**
 * Get the set layout direction for the project.
 * @returns {string} $direction - The layout direction.
 */
/**
 * Replace a specified list value with a new value (uses built in set-nth() if available)
 * @param {list} $list - The list of values you want to alter.
 * @param {number} $index - The index of the list item you want to replace.
 * @param {*} $value - The value you want to replace $index with.
 * @returns {list} $list - The list with the value replaced or removed.
 * @warn if an invalid index is supplied.
 */
/**
 * Reverse a list (progressively enhanced for Sass 3.3)
 * @param {list} $list - The list of values you want to reverse.
 * @returns {list} $result - The reversed list.
 */
/**
 * Get the opposite direction to a given value.
 * @param {string} $dir - The direction you want the opposite of.
 * @returns {string} - The opposite direction to $dir.
 * @warn if an incorrect string is provided.
 */
/**
 * Style an element as a column with a gutter.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [$cycle=0] - Easily create an nth column grid where $cycle equals the number of columns.
 * @param {number} [$uncycle=0] - Undo a previous cycle value to allow for a new one.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * An alias for the column mixin.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * Get the width of a column and nothing else.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Get the gutter size of a column and nothing else.
 * @param {number} [ratios=1] - A width relative to its container as a fraction.
 * @param {number} [gutter=jeet.gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * An alias for the column-width function.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * An alias for the column-gutter function.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * Style an element as a column without any gutters for a seamless row.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [cycle=0] - Easily create an nth column grid where cycle equals the number of columns.
 * @param {number} [uncycle=0] - Undo a previous cycle value to allow for a new one.
 */
/**
 * Reorder columns without altering the HTML.
 * @param {number} [$ratios=0] - Specify how far along you want the element to move.
 * @param {string} [$col-or-span=column] - Specify whether the element has a gutter or not.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Reset an element that has had shift() applied to it.
 */
/**
 * View the grid and its layers for easy debugging.
 * @param {string} [$color=black] - The background tint applied.
 * @param {boolean} [$important=false] - Whether to apply the style as !important.
 */
/**
 *  Alias for edit().
 */
/**
 * Horizontally center an element.
 * @param {number} [$max-width=1410px] - The max width the element can be.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 */
/**
 * Uncenter an element.
 */
/**
 * Stack an element so that nothing is either side of it.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 * @param {boolean/string} [$align=false] - Specify the text align for the element.
 */
/**
 * Unstack an element.
 */
/**
 * Center an element on either or both axes.
 * @requires A parent container with relative positioning.
 * @param {string} [$direction=both] - Specify which axes to center the element on.
 */
/**
 * Apply a clearfix to an element.
 */

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets */
}

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

/* Search widget */
.widget_search .search-submit {
  display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

ul {
  margin: 0;
  list-style: none;
}

.content-container {
  margin-top: 2em;
  margin-bottom: 2em;
  overflow: hidden;
  *zoom: 1;
  width: auto;
  max-width: 300px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}

.content-container:before, .content-container:after {
  content: '';
  display: table;
}

.content-container:after {
  clear: both;
}

@media only screen and (min-width: 568px) {
  .content-container {
    *zoom: 1;
    width: auto;
    max-width: 540px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .content-container:before, .content-container:after {
    content: '';
    display: table;
  }
  .content-container:after {
    clear: both;
  }
}

@media only screen and (min-width: 768px) {
  .content-container {
    *zoom: 1;
    width: auto;
    max-width: 87%;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .content-container:before, .content-container:after {
    content: '';
    display: table;
  }
  .content-container:after {
    clear: both;
  }
}

@media only screen and (min-width: 1551px) {
  .content-container {
    *zoom: 1;
    width: auto;
    max-width: 1224px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .content-container:before, .content-container:after {
    content: '';
    display: table;
  }
  .content-container:after {
    clear: both;
  }
}

@media only screen and (min-width: 1920px) {
  .content-container {
    *zoom: 1;
    width: auto;
    max-width: 1551px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .content-container:before, .content-container:after {
    content: '';
    display: table;
  }
  .content-container:after {
    clear: both;
  }
}

/*.media-type-container {
  height: 80px;
}

@media only screen and (max-width: 1224px) {
  .media-type-container {
    height: 182px;
  }
}

.media-type-container .media-type {
  background: #4A4A4A;
  padding: 15px;
  display: inline-block;
  cursor: pointer;
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 15px;
}

.media-type-container .media-type:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 1224px) {
  .media-type-container .media-type {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 49.25%;
    margin-left: 0%;
    margin-right: 1.5%;
    clear: none;
    margin-bottom: 0px;
  }
  .media-type-container .media-type:before, .media-type-container .media-type:after {
    content: '';
    display: table;
  }
  .media-type-container .media-type:after {
    clear: both;
  }
  .media-type-container .media-type:last-child {
    margin-right: 0%;
  }
}

.media-type-container .media-type img {
  float: left;
}

.media-type-container .media-type h3 {
  line-height: 50px;
  float: left;
  display: inline;
  clear: none;
  font-size: 2.4rem;
  color: #858080;
  text-transform: uppercase;
  margin-left:15px;
  margin-top:0;
  margin-bottom:0;
}

@media only screen and (min-width: 1224px) {
  .media-type-container .media-type h3 {
    font-size: 1.6rem;
  }
}

.media-type-container .media-type.active {
  background: #EBEBEB;
  color: #000;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4);
}

.media-type-container .media-type.active h3{
  color:#2d2d2d;
}*/

.show-type-container ul.show-type-filter {
  margin: 0;
  list-style: none;
  width: 100%;
  padding-left:0;
  text-transform: uppercase;
}

.show-type-container.mix-container{
  float:left;
  clear:both;
  width:100%;
}

.show-type-container ul.show-type-filter > li > a {
  color: #000;
  background: #EBEBEB;
  display: block;
  padding: 10px;
  text-decoration: none;
  position: relative;
}

.show-type-container ul.show-type-filter > li > a.selected {
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4);
}

.show-type-container ul.show-type-filter > li > a.selected:before {
  content: 'Choose another show';
  position: absolute;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 35px;
  text-transform: none;
  color: #9B9B9B;
}

.show-type-container ul.show-type-filter > li > a:after {
  content: '';
  position: absolute;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px;
  width: 10px;
  height: 20px;
  background-image: url(./img/arrow-dropdown.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.show-type-container ul.show-type-filter li {
  margin: 15px 0;
}

.show-type-container ul.show-type-filter li ul {
  display: none;
  margin: 0;
  list-style: none;
  padding-left:0;
}

.show-type-container ul.show-type-filter li ul li {
  cursor: pointer;
}

.show-type-container ul.show-type-filter li ul li a {
  color: #808080;
  background: #EBEBEB;
  display: inline-block;
  padding: 10px;
  width: 100%;
}
/****/

.media-type-container ul.series-type-filter {
  margin: 0;
  list-style: none;
  width: 100%;
  padding-left:0;
  text-transform: uppercase;
}

.media-type-container.mix-container{
  float:left;
  clear:both;
  width:100%;
}

.media-type-container ul.series-type-filter > li > a {
  color: #000;
  background: #EBEBEB;
  display: block;
  padding: 10px;
  text-decoration: none;
  position: relative;
}

.media-type-container ul.series-type-filter > li > a.selected {
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4);
}

.media-type-container ul.series-type-filter > li > a.selected:before {
  content: 'Choose another series';
  position: absolute;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 35px;
  text-transform: none;
  color: #9B9B9B;
}

.media-type-container ul.series-type-filter > li > a:after {
  content: '';
  position: absolute;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px;
  width: 10px;
  height: 20px;
  background-image: url(./img/arrow-dropdown.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.media-type-container ul.series-type-filter li {
  margin: 15px 0;
}

.media-type-container ul.series-type-filter li ul {
  display: none;
  margin: 0;
  list-style: none;
  padding-left:0;
}

.media-type-container ul.series-type-filter li ul li {
  cursor: pointer;
}

.media-type-container ul.series-type-filter li ul li a {
  color: #808080;
  background: #EBEBEB;
  display: inline-block;
  padding: 10px;
  width: 100%;
}/****/

.show-container {
  width: 100%;
  margin-top: 0;
}

.show-container.initial-state {
  position: relative;
  min-height: 750px;
  background: #EBEBEB;
  width: 100%;
}

.show-container.initial-state .inner-container {
  position: absolute;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 15%;
  width: 260px;
}

@media only screen and (min-width: 768px) {
  .show-container.initial-state .inner-container {
    width: 475px;
  }
}

.show-container.initial-state .inner-container .icons-container {
  position: relative;
}

.show-container.initial-state .inner-container .icons-container .inner-icons-container {
  position: absolute;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.show-container.initial-state .inner-container .icons-container .inner-icons-container img {
  float: left;
  width: 33%;
}

@media only screen and (min-width: 768px) {
  .show-container.initial-state .inner-container .icons-container .inner-icons-container img {
    width: auto;
  }
}

.show-container.initial-state .inner-container .icons-container .inner-icons-container img:nth-child(2) {
  margin-left: 40px;
}

.show-container.initial-state p {
  margin-top: 120px;
}

.show-container .side-one > div, .show-container .side-two > div {
  background: #EBEBEB;
  padding: 15px;
  margin-bottom: 15px;
  overflow: hidden;
}

.show-container .side-one .heading-container, .show-container .side-two .heading-container {
  position: relative;
  height: 55px;
  width: 100%;
  margin-bottom: 1.5em;
}

.show-container .side-one .heading-container h2, .show-container .side-two .heading-container h2 {
  font-size: 22px;
  font-size: 2.2rem;
  padding: 0 15px;
  font-weight: normal;
  
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: inline-block;
  background: #EBEBEB;
  z-index: 2;
  white-space: nowrap;
  margin:0;
}

.show-container .side-one .heading-container .line, .show-container .side-two .heading-container .line {
  width: 100%;
  position: absolute;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  height: 1px;
  background: #979797;
  display: block;
  z-index: 1;
}

.show-container .side-one .download-button, .show-container .side-two .download-button {
  background: #fff;
  border-radius: 40px;
  padding: 10px 45px 8px 15px;
  color: #9B9B9B;
  text-decoration: none;
  position: relative;
  float: left;
  margin: 15px;
  
}

.show-container .side-one .download-button:after, .show-container .side-two .download-button:after {
  content: '';
  width: 14px;
  height: 15.85px;
  background-image: url(./img/button-download.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 15px;
}

@media only screen and (min-width: 1024px) {
  .show-container .side-one {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 49.25%;
    margin-left: 0%;
    margin-right: 1.5%;
  }
  .show-container .side-one:before, .show-container .side-one:after {
    content: '';
    display: table;
  }
  .show-container .side-one:after {
    clear: both;
  }
  .show-container .side-one:last-child {
    margin-right: 0%;
  }
}

.show-container .side-one .logo-container .each-logo {
  padding: 0 10%;
  margin-bottom: 1.5em;
  overflow: hidden;
}

.show-container .side-one .logo-container .each-logo:last-of-type {
  margin-bottom: 0;
}

.show-container .side-one .press-releases p {
  float: left;
}

.show-container .side-one .press-releases .download-button {
  margin-top: -8px;
}

.show-container .side-one .video-embed .video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.show-container .side-one .video-embed .video-container iframe, .show-container .side-one .video-embed .video-container object, .show-container .side-one .video-embed .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.show-container .side-one .video-embed p.copy-text textarea {
  width: 100%;
  white-space: nowrap;
  border-radius: 40px;
  height: 42px;
  border: none;
  line-height: 42px;
  padding: 0 15px;
  resize: none;
  margin-top: 15px;
  
  color: #9B9B9B;
  background: #fff;
  overflow: hidden;
}

.show-container .side-one .b-roll a.b-roll-link {
  width: 100%;
  white-space: nowrap;
  border-radius: 40px;
  height: 42px;
  border: none;
  line-height: 42px;
  padding: 0 15px;
  
  display: block;
  color: #9B9B9B;
  background: #fff;
  overflow: hidden;
}

@media only screen and (min-width: 1024px) {
  .show-container .side-two {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 49.25%;
    margin-left: 0%;
    margin-right: 1.5%;
  }
  .show-container .side-two:before, .show-container .side-two:after {
    content: '';
    display: table;
  }
  .show-container .side-two:after {
    clear: both;
  }
  .show-container .side-two:last-child {
    margin-right: 0%;
  }
}

.show-container .side-two .photo-gallery {
  overflow: hidden;
}

.show-container .side-two .photo-gallery .gallery-container {
  margin: 0;
  list-style: none;
}

.show-container .side-two .photo-gallery .gallery-container li {
  height: 100px;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 22.75%;
  margin-left: 0%;
  margin-right: 3%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 15px;
  position: relative;
}

.show-container .side-two .photo-gallery .gallery-container li:before, .show-container .side-two .photo-gallery .gallery-container li:after {
  content: '';
  display: table;
}

.show-container .side-two .photo-gallery .gallery-container li:after {
  clear: both;
}

.show-container .side-two .photo-gallery .gallery-container li:nth-of-type(4n) {
  margin-right: 0%;
  float: right;
}

.show-container .side-two .photo-gallery .gallery-container li:nth-of-type(4n + 1) {
  clear: both;
}

.show-container .side-two .photo-gallery .gallery-container li a.download-image-icon {
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 15px;
  height: 15px;
  background-image: url(./img/arrow-download.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.show-container .side-two .photo-gallery .gallery-container li a {
  width: 100%;
  height: 100%;
  display: block;
}

.show-container .side-two .photo-gallery .download-button {
  clear: both;
  float: right;
}

.show-container .side-two .photo-caption p {
  float: left;
}

.show-container .side-two .photo-caption .download-button {
  margin-top: -8px;
}

.show-container .side-two .social-media .each-social {
  float: left;
  clear: both;
  width: 100%;
  overflow: hidden;
  margin-bottom: 1.5em;
}

.show-container .side-two .social-media .each-social .icon {
  float: left;
  width: 34px;
  height: 34px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
}

.show-container .side-two .social-media .each-social .icon.facebook {
  background-image: url(./img/facebook.svg);
}

.show-container .side-two .social-media .each-social .icon.twitter {
  background-image: url(./img/twitter.svg);
}

.show-container .side-two .social-media .each-social .icon.instagram {
  background-image: url(./img/instagram.svg);
}

.show-container .side-two .social-media .each-social .icon.website {
  background-image: url(./img/website.svg);
}

.show-container .side-two .social-media .each-social .social-link {
  float: left;
  text-decoration: none;
  color: #9B9B9B;
  background: #fff;
  display: block;
  height: 42px;
  line-height: 42px;
  border-radius: 40px;
  
  padding: 0 15px;
}

.mix {
  display: none;
}

.fancybox-overlay {
  z-index: 99999 !important;
}

/****OVERRIDE FIXES FOR HEADER AND FOOTER****/
.ticketsCall h2, footer h2 {
  
  font-size: 26px;
  font-size: 2.6rem;
}

footer .blackBG p {
  margin-bottom: 0.5em;
}

footer .blackBG p a {
  color: #97262d;
}

footer .blackBG p a:hover {
  color: #cc353e;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
11.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}