/*
*
* Layout
*
*/
/*
*
* Colours
* 
*/
/*Backgrounds*/
/*Inputs*/
/*Header Color*/
/*Text Colours*/
/*
*
* Typography
*
*/
/*
*
* Animation
*
*/
/*
*
* WooCommerce
*
*/
.productions-archive .productions-tile {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-justify-content: center;
  margin: 26px;
  position: relative; }
.productions-archive .productions-tile a {
  color: #9ACA3C;
  padding: 0;
  margin: 0; }
.productions-archive .productions-tile .award-icon {
  position: absolute;
  z-index: 888;
  font-size: 15pt;
  background: #d1b075;
  color: #FFFFFF;
  padding: 5px 10px;
  border-radius: 50px;
  top: 0.5em;
  right: 2em; }
.productions-archive .productions-tile .ping {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px 10px;
  color: #FFFFFF; }
.productions-archive .productions-tile .ping.upcoming {
  background: #9ACA3C; }
.productions-archive .productions-tile .ping.next {
  background: #F7941E; }
.productions-archive .productions-tile h4 {
  font-style: normal;
  font-size: 14pt;
  line-height: 150%;
  margin: 20px 0 5px 0; }
.productions-archive .productions-tile p {
  margin: 0;
  padding: 0;
  font-size: 12pt;
  color: #c7c7c7;
  font-style: normal; }
.productions-archive .productions-tile .productions-thumbnail {
  width: 220px;
  height: 115px;
  background-size: cover;
  background-position: center; }

/* Controls Category Labels
---------------------------------------------------------------------- */
.controls {
  padding: 1rem 0; }

.control-group {
  border: 0; }

.control {
  position: relative;
  display: inline-block;
  padding: 10px 10px 5px 10px;
  cursor: pointer;
  font-size: .9rem;
  font-weight: 800;
  color: #3C9CD6;
  -webkit-transition: color 150ms;
  transition: color 150ms;
  -webkit-appearance: none !important;
  background: transparent;
  border: 0;
  text-transform: uppercase;
  outline: 0; }

.control:hover {
  color: #F7941E; }

.control.pink {
  color: #9ACA3C; }

.mixitup-control-active {
  color: #9ACA3C;
  -webkit-appearance: none;
  border-bottom: 2px dotted #9ACA3C; }

.pink.mixitup-control-active {
  color: #9ACA3C; }

/* Container
---------------------------------------------------------------------- */
.productcontainer {
  padding: 1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

/* Target Elements
---------------------------------------------------------------------- */
.mix, .gap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top; }

.mix {
  background: transparent;
  border-top: 0;
  border-radius: 0;
  margin-bottom: 0;
  position: relative;
  color: transparent; }

.mix:before {
  content: '';
  display: inline-block; }

.mix.green {
  color: #91e6c7; }

.mix.pink {
  color: #d595aa; }

.mix.blue {
  color: #5ecdde; }

/* Grid Breakpoints
---------------------------------------------------------------------- */
/* 2 Columns */
.mix, .gap {
  width: calc(100%/2 - (((2 - 1) * 1rem) / 2)); }

/* 3 Columns */
@media screen and (min-width: 541px) {
  .mix, .gap {
    width: calc(100%/3 - (((3 - 1) * 1rem) / 3)); } }
/* 4 Columns */
@media screen and (min-width: 961px) {
  .mix, .gap {
    width: calc(100%/4 - (((4 - 1) * 1rem) / 4)); } }
/* 5 Columns */
@media screen and (min-width: 1281px) {
  .mix, .gap {
    width: calc(100%/5 - (((5 - 1) * 1rem) / 5)); } }
/*
*
* Layout
*
*/
/*
*
* Colours
* 
*/
/*Backgrounds*/
/*Inputs*/
/*Header Color*/
/*Text Colours*/
/*
*
* Typography
*
*/
/*
*
* Animation
*
*/
/*
*
* WooCommerce
*
*/
.actor-single .headshot {
  background-size: cover;
  background-position: center center; }
.actor-single .headshot img {
  width: 100%;
  height: 100%;
  visibility: hidden;
  border: 2px solid #f8f8f8;
  -webkit-box-shadow: 9px 10px 13px 0px rgba(0, 0, 0, 0.03);
          box-shadow: 9px 10px 13px 0px rgba(0, 0, 0, 0.03); }
.actor-single .actor-bio p {
  margin-bottom: 0 !important; }
.actor-single h4 {
  width: 100%;
  text-align: center;
  background: #F4F4F4;
  padding: 10px; }
.actor-single .cast-list {
  border-bottom: 1px rgba(51, 51, 51, 0.2) dotted;
  padding: 10px 0; }
.actor-single .cast-list div:first-child {
  text-align: right;
  margin-right: 20px; }
.actor-single .cast-list div:last-child {
  text-align: left; }
.actor-single .cast-list a {
  color: #858585;
  text-decoration: underline; }
