/*
Theme Name: Mad Mask
Theme URI: https://www.qzdesign.co.uk/wordpress/madmask
Author: QZ Design
Author URI: https://www.qzdesign.co.uk/
Description: Mad Mask Theatre Company Theme
Template: qz-customizable
Version: 3.0.6
License: All rights reserved
Tags: madmask
Text Domain: madmask

Mad Mask WordPress Theme
Copyright (c) 2017-2021 QZ Design and Mad Mask Theatre Company;
all rights reserved.
*/

/**
 * Font fixes for Safari - possibly also for Android 2.2/2.3
 */
body {
  text-rendering: auto; /* no spaces between words */
  -webkit-text-stroke-width: 0.000001em; /* font is blocky and too bold */
}

/**
 * Layout - 5/40 padding for logo
 */

/* No padding on container */
.has-sidebar .site-top2,
.site {
  padding: 0;
}

/* Padding on sidebar (and new size) */
.has-sidebar header > .header-image,
#secondary.widget-area {
  width: 24.03846154%; /* 250 / 1040 */
  padding-left: 3.004807692%; /* 250 * 5/40 / 1040 */
  margin: 0;
  float: left;
}
.has-sidebar header > .header-image {
  padding-top: 3.004807692%;
  position: absolute;
  top: 0;
  left: 0;
}
.mm-header-widgets-area {
  width: 30.04807692%; /* 250 * 50/40 / 1040 */
  margin-right: -1px; /* prevent rounding error overflow */
  float: left;
}
.mm-header-image-space {
  padding-top: 100%;
  margin-bottom: 10%;
}
.mm-header-widgets-container {
  margin-top: 14px;
  margin-top: 1rem;
  padding-top: 14px;
  padding-top: 1rem;
}
#mm-header-widgets {
  padding: 0 10%;
}
#mm-header-widgets .screen-reader-text {
  position: absolute !important;
	clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

/* Padding on content area (and new size) */
body.has-sidebar .site-content {
  width: 62.25961538%; /* (1040 - 250 * 50/40 - 80) / 1040 */
  padding-right: 3.846153846%; /* 40 / 1040 */
  float: right; /* is reset for 'full width' pages */
}
.has-sidebar .main-navigation-container {
  width: 69.95192308%; /* (1040 - 250 * 50/40) / 1040 */
}
.has-sidebar .main-navigation {
  margin: 0;
}

/**
 * Menu
 */

/* Visual styles */
.main-navigation li ul {
  margin-left: -1px;
}
.main-navigation li ul li a {
  border: 1px solid #ededed;
  border-top-width: 0;
  border-bottom-width: 0;
  width: auto;
  white-space: nowrap;
}
.main-navigation li ul li:first-child a {
  border-top-width: 1px;
}
.main-navigation li ul li:last-child a {
  border-bottom-width: 1px;
}
.main-navigation li ul li.last-child a { /* IE<=8 */
  border-bottom-width: 1px;
}
.main-navigation li ul li:first-child ul {
  /* Account for 1px top border of <a> sibling */
  top: 1px;
}
/* Increase by 1px to push focus ring outwards */
.main-navigation li ul li a label {
  margin-right: -11px;
  margin-right: -0.7857142857rem;
  margin-right: calc(-0.714285714rem - 1px);
  margin-left: -11px;
  margin-left: -0.7857142857rem;
  margin-left: calc(-0.714285714rem - 1px);
  padding-right: 11px;
  padding-right: 0.7857142857rem;
  padding-right: calc(0.714285714rem + 1px);
  padding-left: 11px;
  padding-left: 0.7857142857rem;
  padding-left: calc(0.714285714rem + 1px);
}
.main-navigation li ul li:first-child a label {
  margin-top: -11px;
  margin-top: -0.7857142857rem;
  margin-top: calc(-0.714285714rem - 1px);
  padding-top: 11px;
  padding-top: 0.7857142857rem;
  padding-top: calc(0.714285714rem + 1px);
}
.main-navigation li ul li:last-child a label {
  margin-bottom: -11px;
  margin-bottom: -0.7857142857rem;
  margin-bottom: calc(-0.714285714rem - 1px);
  padding-bottom: 11px;
  padding-bottom: 0.7857142857rem;
  padding-bottom: calc(0.714285714rem + 1px);
}
.main-navigation li ul li.last-child a label { /* IE<=8 */
  margin-bottom: -11px;
  padding-bottom: 11px;
}

/* Gradient and positioning */
.main-navigation {
  /* 3/2 * 40 / (1040 - 250 * 50/40) */
	background: -webkit-gradient(linear, left top, right top,
                color-stop(0, rgba(208, 208, 208, 0)),
                color-stop(0.0824742268, #d0d0d0)
              ) transparent;
  background:
    linear-gradient(to right, rgba(208, 208, 208, 0), #d0d0d0 8.24742268%)
    transparent;
  padding-left: 5.498281787%; /* 40 / (1040 - 250 * 50/40) */
}
.main-navigation-container:after {
  content: ' ';
  display: block;
  height: 2px;
  background-color: #ededed;
	background: -webkit-gradient(linear, left top, right top,
                color-stop(0, rgba(237, 237, 237, 0)),
                color-stop(0.0824742268, #ededed)
              ) transparent;
  background:
    linear-gradient(to right, rgba(237, 237, 237, 0), #ededed 8.24742268%)
    transparent;
}
.menu-container {
  margin-left: -14px;
  margin-left: -1rem;
}

/* Hide overflow without hiding submenus, remove default border */
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: auto;
  border: 0;
}
.main-navigation li {
  position: static;
}
.main-navigation li li {
  position: relative;
}
.main-navigation li ul {
  top: auto;
}

/* Prevent exceeding right-hand side of window */
.main-navigation li ul.mm-overflows-right {
  right: 0;
}
.main-navigation li ul.mm-overflows-right ul,
.main-navigation li ul ul.mm-overflows-right {
  right: 100%;
  left: auto;
  margin: 0 -1px 0 0;
}

/* Fix glitchy display on Edge of border below menu due to REM rounding bug */
.mm-ms-edge ul.nav-menu,
.mm-ms-edge div.nav-menu > ul {
  /* need to specify exact px height otherwise it glitches by 1 pixel */
  height: 44px;
}

/**
 * Sidebar background
 */

.main-content-area {
  position: relative;
}
.mm-sidebar-background {
  position: absolute;
  top: 0;
  right: 69.95192308%; /* 1 - (250 * 50/40 / 1040) */
  bottom: 0;
  left: 0;
  overflow: hidden;
  height: 100%;
}
.mm-sidebar-background .mm-gradient-part {
  /* Fade in over 60px at full width, squashed to 50px with rapid fade start */
  margin-top: 14px;
  margin-top: 1rem;
  padding-top: 16%; /* 50 / (250 * 50/40) */
  background-color: #d0d0d0;
	background: -webkit-gradient(linear, left top, left bottom,
                color-stop(0, rgba(208, 208, 208, 0)),
                color-stop(0.2, rgba(208, 208, 208, 0.3333333333)),
                color-stop(1, #d0d0d0)
              ) transparent;
  background: linear-gradient(to bottom,
                rgba(208, 208, 208, 0),
                rgba(208, 208, 208, 0.3333333333) 20%,
                #d0d0d0 100%
              ) transparent;
}
.mm-sidebar-background .mm-solid-part {
  background-color: #d0d0d0;
  height: 100%;
}

/* Ensure widgets z-sort in front */
.widget-area .widget {
  position: relative;
}

/* Adjust colour for light greys */
table.em-calendar,
table.em-calendar th,
table.em-calendar td {
	border-color: #c1c1c1; /* ededed - 0.07058823529411764705882352941176 */
}
table.em-calendar td.eventless-pre,
.em-calendar td.eventless-post {
	color: #a6a6a6; /* ccc - 0.2 */
}
table.em-calendar td.eventless-today,
table.em-calendar td.eventful-today {
  background-color: #a9a9a9; /* cfcfcf - 0.18823529411764705882352941176471 */
}

/**
 * Content background
 */

.wrapper {
  clear: right;
}
.site-content {
  position: relative;
  z-index: 2;
}
.mm-content-background-container {
  margin-left: 30.04807692%;
  position: relative;
}
.mm-content-background-border {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  max-height: 100vh;
}
.mm-content-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 24px 5.498281787%;
  margin: 1.714285714rem 5.498281787%;
}
.mm-content-background-container.mm-bottom .mm-content-background-border {
  top: auto;
  bottom: 0;
}
.mm-content-background-container.mm-fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: 0;
}
.mm-content-background-container.mm-fixed
    .mm-content-background-container-inner {
  margin: 0 auto;
  max-width: 1040px;
	max-width: 74.285714286rem;
  position: relative;
}
.mm-content-background-container.mm-fixed .mm-content-background-border {
  height: 100vh;
  margin-left: 30.04807692%;
}

/**
 * Main content
 */

.entry-header .entry-title a {
  text-decoration: underline;
}
.entry-header .entry-title a:hover {
  text-decoration: none;
}
img.mm-height-100 {
  height: 100px;
}

.mm-columns-2 {
  column-count: 2;
  text-align: left;
}
.entry-content .mm-columns-2 img {
  /* Fix for shadow appearing at bottom of previous column in Chrome */
  -webkit-transform: translateZ(0);
}

/**
 * Image attributions
 */
.mm-has-attribution {
  display: inline-block;
  max-width: 100%;
  position: relative;
  z-index: 1;
}
.mm-has-attribution.aligncenter {
  display: block;
}
.mm-has-attribution > a,
.mm-has-attribution img {
  vertical-align: middle;
  max-width: 100%;
}
.mm-has-attribution > a {
  display: inline-block;
}
.wp-caption .mm-has-attribution {
  display: block;
  margin: 0 auto 4px;
}
.wp-caption .mm-has-attribution > * {
  margin-bottom: 0;
}
.mm-has-attribution cite {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #444;
  background-color: rgba(68, 68, 68, 0.5);
  font-size: 10px;
  font-size: 0.7142857143rem;
  font-style: normal;
  line-height: 1;
  padding: 0 1px;
  border-bottom-right-radius: 3px;
}
.mm-has-attribution cite,
.mm-has-attribution cite a {
  color: #ddd;
}
.mm-has-attribution a {
  position: relative;
}
.mm-has-attribution img {
  position: relative;
  z-index: -1;
}
.mm-has-attribution cite a {
  z-index: 2;
}
.image-attachment .mm-has-attribution cite {
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 1.25;
  padding: 0 3px;
}
.image-attachment .mm-has-attribution cite a {
  vertical-align: baseline;
}

/**
 * Event Pages
 */

.mm-em-map {
  max-width: 100%;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.mm-event-or-location-details {
  text-align: left;
}
.mm-event-or-location-details:after {
  clear: both;
  display: block;
  content: ' ';
}
p.mm-list-intro {
  font-weight: normal;
  margin-bottom: 0;
}

/**
 * Event Lists - #primary and .LI are for IE7 table polyfill
 */

ul.mm-events-list {
  display: table;
  position: static;
  overflow: visible;
  padding: 0;
}
.mm-events-list li,
#primary .mm-events-list .LI {
  display: table-row;
  width: 100%;
  font-size: 14px;
  font-size: 1rem;
}
.mm-events-list li >*,
#primary .mm-events-list .LI >* {
  display: table-cell;
  vertical-align: middle;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #ccc;
  padding: 7px 0;
  padding: 0.5rem 0;
  padding-right: 21.5px;
  padding-right: 1.535714286rem;
}
.mm-events-list li:first-child >*,
#primary .mm-events-list .LI:first-child >* {
  border-top-width: 1px;
}
.mm-events-list li >*:last-child {
  padding-right: 0;
}
.mm-events-list li > .last-child,
#primary .mm-events-list .LI > .last-child {
  padding-right: 0;
}
#primary .mm-events-list .mm-image {
  padding-right: 0;
}
.mm-events-list .mm-image > a,
.mm-events-list .mm-image > img {
  margin-right: 21.5px;
  margin-right: 1.535714286rem;
}
.mm-events-list .mm-image:last-child > a,
.mm-events-list .mm-image:last-child > img {
  margin-right: 0;
}
.mm-events-list .mm-image.last-child > a,
.mm-events-list .mm-image.last-child > img {
  margin-right: 0;
}
.mm-events-list .mm-image a {
  display: inline-block;
  vertical-align: middle;
}
.mm-events-list .mm-image img {
  display: block;
  max-width: none;
  max-width: 30vw;
}
@media screen and (max-width: 450px) {
  .mm-events-list .mm-image img {
    max-width: 135px;
    max-width: 30vw;
  }
}
@media screen and (max-width: 400px) {
  .mm-events-list .mm-image img {
    max-width: 120px;
    max-width: 30vw;
  }
}
@media screen and (max-width: 350px) {
  .mm-events-list .mm-image img {
    max-width: 105px;
    max-width: 30vw;
  }
}
#primary .mm-events-list .mm-production {
  padding-top: 14px;
  padding-top: 1rem;
  padding-bottom: 14px;
  padding-bottom: 1rem;
}
#primary .mm-events-list time,
#primary .mm-events-list .mm-event,
#primary .mm-events-list .mm-location {
  padding-top: 9px;
  padding-top: 0.6428571429rem;
  padding-bottom: 9px;
  padding-bottom: 0.6428571429rem;
}
.mm-events-list h2,
.mm-events-list h3 {
  font-family: inherit;
  font-size: 16px;
  font-size: 1.142857143rem;
  margin: 0;
  padding: 0;
}
.mm-events-list p {
  margin: 12px 0 0;
  margin-top: 0.8571428571rem;
}
.mm-events-list li,
#primary .mm-events-list .LI,
.mm-events-list h2,
.mm-events-list h3,
.mm-events-list p {
  line-height: 1.5;
}
.mm-events-list time span {
  display: block;
}
.mm-events-list time span,
.mm-events-list .mm-event p,
.mm-events-list .mm-location p {
  margin-top: 7px;
  margin-top: 0.5rem;
}
.mm-events-list time span:first-child,
.mm-events-list p:first-child {
  margin-top: 0;
}
.mm-events-list time .mm-dt-extra,
.mm-events-list p.mm-event-location {
  font-style: italic;
}

/**
 * Contact Form
 */
body .contact-form label,
body .contact-form label span {
  font-weight: 100;
}

/**
 * Sidebar content
 */

/* Events Calendar */
table.em-calendar td.eventful a,
table.em-calendar td.eventful-today a {
  color: #ff0014;
}

/**
 * Font fixes for VAGRounded-Light in certain situations on certain
 * devices/browsers:
 * - Bottom half of text clipped in `input`s in Chrome for Android (probably all
 *   WekKit);
 * - Cursor half height in Firefox for Android;
 * - Link underline appears as strikethrough in Firefox for Android.
 */
.mm-android input:not([type="submit"]):not([type="button"]):not([type="reset"]),
.mm-android textarea,
.mm-android select,
.mm-android #primary
  input:not([type="submit"]):not([type="button"]):not([type="reset"]),
.mm-android #primary textarea,
.mm-android #primary select,
.mm-android.mm-firefox .site-content a,
.mm-android.mm-firefox .widget-area .widget a,
.mm-android.mm-firefox footer[role="contentinfo"] p a,
.mm-android.mm-firefox footer .site-info a {
  font-weight: 600;
  -webkit-text-stroke: 0.0390625em white;
}
.mm-android.mm-firefox .site .widget-area .widget a {
  -webkit-text-stroke-color: #d0d0d0;
}
.mm-android.mm-firefox .site-content div.css-search a span {
  -webkit-text-stroke: 0;
}
.mm-no-full-sidebar .site-header .header-image {
	display: block;
}
.mm-no-full-sidebar.has-sidebar header > .header-image {
  position: static;
  padding-right: 3.004807692%;
}
.mm-no-full-sidebar .main-navigation-container:after,
.mm-no-full-sidebar .mm-header-image-space,
.mm-no-full-sidebar .mm-sidebar-background {
  display: none;
}
body.mm-no-full-sidebar .main-navigation {
  
  background: none transparent;
}
.mm-no-full-sidebar.has-sidebar .main-navigation-container {
  width: auto;
}
.mm-no-full-sidebar .mm-header-widgets-area {
  float: none;
  width: auto;
  margin: 0;
}
.mm-no-full-sidebar .mm-header-widgets-container {
  margin: 0;
  padding: 0;
}
.mm-no-full-sidebar .mm-header-except-image {
  overflow: hidden;
}
.mm-no-full-sidebar #mm-header-widgets {
  padding: 14px 5.498281787% 0;
  padding-top: 1rem;
  overflow: hidden;
}
.mm-no-full-sidebar #mm-header-widgets .widget {
  margin-bottom: 14px;
  margin-bottom: 1rem;
}
.mm-no-full-sidebar .mm-header-item-gradient:before,
.mm-no-full-sidebar .mm-header-item-gradient:after {
  content: ' ';
  display: block;
  overflow: hidden;
  height: 100%;
}
.mm-no-full-sidebar .mm-header-item-gradient:before {
  float: left;
   
  
}
.mm-no-full-sidebar .mm-header-item-with-background {
  position: relative;
}
.mm-no-full-sidebar .mm-header-item-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mm-no-full-sidebar .mm-header-item-background:before,
.mm-no-full-sidebar .mm-header-item-background:after {
  background-color: #d0d0d0;
}
.mm-no-full-sidebar .mm-header-item-background:before {
	background: -webkit-gradient(linear, left top, right top,
                color-stop(0, rgba(208, 208, 208, 0)), color-stop(1, #d0d0d0)
              ) transparent;
  background:
    linear-gradient(to right, rgba(208, 208, 208, 0), #d0d0d0 100%) transparent;
}
.mm-no-full-sidebar .mm-menu-background {
  height: 44px;
  height: 3.142857143rem;
  margin-bottom: -44px;
  margin-bottom: -3.142857143rem;
}
.mm-no-full-sidebar .mm-ms-edge .mm-menu-background {
  height: 44px;
  margin-bottom: -44px;
}
.mm-no-full-sidebar ul.nav-menu > li > a,
.mm-no-full-sidebar div.nav-menu > ul > li > a {
  position: relative;
}
.mm-no-full-sidebar .mm-header-item-separator {
  height: 1px;
  position: relative;
}
.mm-no-full-sidebar .mm-header-item-separator:before,
.mm-no-full-sidebar .mm-header-item-separator:after {
  background-color: #ededed;
}
.mm-no-full-sidebar .mm-header-item-separator:before {
	background: -webkit-gradient(linear, left top, right top,
                color-stop(0, rgba(237, 237, 237, 0)), color-stop(1, #ededed)
              ) transparent;
  background:
    linear-gradient(to right, rgba(237, 237, 237, 0), #ededed 100%) transparent;
}
.mm-no-full-sidebar .mm-header-item-separator.mm-last {
  height: 2px;
}
.mm-no-full-sidebar .site-header:after {
  content: ' ';
  display: block;
  clear: both;
}
.mm-no-full-sidebar #secondary.widget-area {
  background-color: #d0d0d0;
}
body.mm-no-full-sidebar #secondary.widget-area {
  float: left;
}
.mm-no-full-sidebar .mm-content-background-container,
.mm-no-full-sidebar .mm-content-background-container.mm-fixed .mm-content-background-border {
  margin-left: 0;
}
.mm-no-full-sidebar .mm-content-background-container .clearfloat {
  clear: right;
}

/* Rules applied by the parent theme not otherwise overridden */
.mm-no-full-sidebar.has-sidebar .main-navigation-container {
  float: none;
}

/* Gradient rules consistent with normal large screen size
   - n/a without previous rules and will be overridden for small screen */
.mm-header-item-gradient:before {
  width: 8.24742268%;
}

/* Content width */
.mm-no-full-sidebar.has-sidebar .site-content {
  width: 92.30769231%;
  padding-left: 3.846153846%; /* 40 / 1040 */
  padding-right: 3.846153846%;
}

/* Header image size */
.mm-no-full-sidebar.has-sidebar header > .header-image {
    width: 88.990476190476px;
    width: 6.356462585034rem;
    padding: 11.12380952381px;
    padding: 0.79455782312925rem;
    padding-bottom: 0;
  }
.mm-no-full-sidebar.has-sidebar header > .header-image {
  padding-left: 3.846153846%;
  padding-right: 3.846153846%;
}

@media screen and (max-width: 719px) {
/**
 * @media screen and (max-width: 719px)
 */

.mm-columns-2 {
  column-count: 1;
}
}
@media screen and (max-width: 599px) {
/**
 * @media screen and (max-width: 599px)
 * OR full width pages except selectors or rules preceded with
 * MM_NO_FULL_WIDTH comment
 */

/**
 * Header image always displayed
 */
.site-header .header-image {
	display: block;
}
.has-sidebar header > .header-image {
  position: static;
  padding-right: 3.004807692%;
}

/**
 * Menu and header widgets right of image
 */

/* Revert default styles applicable only to wider viewports */
.main-navigation-container:after,
.mm-header-image-space,
.mm-sidebar-background {
  display: none;
}
body .main-navigation {
  /*MM_NO_FULL_WIDTH*/
  padding: 0;
  background: none transparent;
}
.has-sidebar .main-navigation-container {
  width: auto;
}
.mm-header-widgets-area {
  float: none;
  width: auto;
  margin: 0;
}
.mm-header-widgets-container {
  margin: 0;
  padding: 0;
}

/* Position items */
.mm-header-except-image {
  overflow: hidden;
}
/*MM_NO_FULL_WIDTH*/
#top2 .mm-header-item {
  padding-left: 23.07692308px; /* 40 * 600 / 1040 */
  padding-left: 1.648351648rem;
}
#mm-header-widgets {
  padding: 14px 5.498281787% 0;
  padding-top: 1rem;
  overflow: hidden;
}
#mm-header-widgets .widget {
  margin-bottom: 14px;
  margin-bottom: 1rem;
}

/* Proportionately reduce space between menu items */
/*MM_NO_FULL_WIDTH*/
.menu-container {
  /* 14 / [(1040 - 250 * 50/40 - 40) * 600 / 1040] */
  margin-left: -3.52969697%
}
/*MM_NO_FULL_WIDTH*/
.main-navigation li {
  margin: 0 3.409356999%; /* x / (x + 1) where x is -ve margin above */
}

/* Background and separators */
.mm-header-item-gradient:before,
.mm-header-item-gradient:after {
  content: ' ';
  display: block;
  overflow: hidden;
  height: 100%;
}
.mm-header-item-gradient:before {
  float: left;
  /*MM_NO_FULL_WIDTH*/
  width: 34.61538462rem; /* 60 * 600 / 1040 */
  /*MM_NO_FULL_WIDTH*/
  width: 2.472527473rem;
}
.mm-header-item-with-background {
  position: relative;
}
.mm-header-item-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mm-header-item-background:before,
.mm-header-item-background:after {
  background-color: #d0d0d0;
}
.mm-header-item-background:before {
	background: -webkit-gradient(linear, left top, right top,
                color-stop(0, rgba(208, 208, 208, 0)), color-stop(1, #d0d0d0)
              ) transparent;
  background:
    linear-gradient(to right, rgba(208, 208, 208, 0), #d0d0d0 100%) transparent;
}
.mm-menu-background {
  height: 44px;
  height: 3.142857143rem;
  margin-bottom: -44px;
  margin-bottom: -3.142857143rem;
}
/* Fix Microsoft Edge rounding bug with REM sizes */
.mm-ms-edge .mm-menu-background {
  height: 44px;
  margin-bottom: -44px;
}
ul.nav-menu > li > a,
div.nav-menu > ul > li > a {
  position: relative;
}
.mm-header-item-separator {
  height: 1px;
  position: relative;
}
.mm-header-item-separator:before,
.mm-header-item-separator:after {
  background-color: #ededed;
}
.mm-header-item-separator:before {
	background: -webkit-gradient(linear, left top, right top,
                color-stop(0, rgba(237, 237, 237, 0)), color-stop(1, #ededed)
              ) transparent;
  background:
    linear-gradient(to right, rgba(237, 237, 237, 0), #ededed 100%) transparent;
}
.mm-header-item-separator.mm-last {
  height: 2px;
}

/**
 * Content and widget area full width
 * - keep float styles for positioning background
 */
.site-header:after {
  content: ' ';
  display: block;
  clear: both;
}
/*MM_NO_FULL_WIDTH*/
body #secondary.widget-area,
/*MM_NO_FULL_WIDTH*/
body.has-sidebar .site-content {
  width: 89.00343643%; /* 1 - 80 / (1040 - 250 * 50/40) */
  padding-left: 5.498281787%; /* 40 / (1040 - 250 * 50/40) */
  padding-right: 5.498281787%;
}
#secondary.widget-area {
  background-color: #d0d0d0;
}
body #secondary.widget-area {
  float: left;
}
.mm-content-background-container,
.mm-content-background-container.mm-fixed .mm-content-background-border {
  margin-left: 0;
}
.mm-content-background-container .clearfloat {
  clear: right;
}

/*MM_NO_FULL_WIDTH*/
.mm-columns-2 {
  column-count: 2;
}
}
@media screen and (max-width: 499px) {
/**
 * @media screen and (max-width: 499px)
 */

.mm-columns-2 {
  column-count: 1;
}
}
@media screen and (max-width: 370px) {
.has-sidebar header > .header-image {
    width: 88.990476190476px;
    width: 6.356462585034rem;
    padding: 11.12380952381px;
    padding: 0.79455782312925rem;
    padding-bottom: 0;
  }
}
@media print {
/**
 * @media print
 */

.site-content {
  padding: 0 !important;
}
.mm-header-except-image,
.mm-sidebar-background,
.mm-content-background-container {
  display: none;
}
.has-sidebar header > .header-image {
  position: static;
  float: right;
  width: 225px !important;
  width: 16.07142857rem !important;
  max-width: 33.33333333%;
  padding: 0 !important;
  margin: 0 0 14px 14px;
  margin: 0 0 1rem 1rem;
}
img.header-image {
  display: block !important;
  padding: 0 0 11.11111111% 11.11111111%;
  width: 88.88888889%;
}
.site-header:after,
.site,
.wrapper {
  clear: none !important;
}
}