/*
Theme Name: Vestige Bebito
Theme URL:
Description: Vestige child theme for Mission Cultural Center
Author: Camille Davis
Author URL: camilledavis.com
Template: vestige
Version: 2.0.1
Text Domain: vestige-bebito
*/

@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400|Roboto:400,400i,700&display=swap');

/* temp */

.post-actions > a {
    display: none !important;
}

/* _Normalize */

* {
	border: 0;
	margin: 0;
	padding: 0;
}

:focus {
    outline: auto;
}

html {
	font-size: 62.5%;
}

body, textarea, input, button {
  font-size: 1.6rem;
  line-height: 1.6 !important;
  font-family: Roboto, Verdana, sans-serif;
}

/* _Global */

:root {
    --border-color: #eee;
    --accent-light: #F9F8F5;
	--link-color: #a81600;
    --header-font: 'Playfair Display', Georgia, serif;
}

p,
.post-content ul,
.posts-listing ul,
.textwidget ul {
    margin-bottom: 1.6rem;
}

input::placeholder {
	color: #333;
	opacity: 1;
}

.hidden {
	display: none;
}

.clear {
	clear: both;
}

.screenreader-text {
    overflow: hidden;
    height: 1px;
    width: 1px;
    position: absolute;
    left: -10000px;
    top: auto;
}

#subscribe div[role="alert"] {
    border: 1px solid var(--border-color);
    padding: 1.6rem;
    background: var(--accent-light);
}

div[role="alert"] p:last-child {
    margin-bottom: 0;
}

div.aligncenter {
    width: max-content;
}

/* _Page Layout */

.page-header {
	margin: 0;
	padding: 0;
    border-bottom: 0;
    background-size: cover;
}

.main-header {
	display: inline-block;
	padding: 1.6rem 2.4rem;
	color: #111;
	background-color: var(--accent-light);
    border: .1rem solid var(--border-color);
}

.content {
	padding-top: 3.2rem;
	padding-bottom: 3.2rem;
}

/* _SiteOrigin Panels (overriding SiteOrigin inline styles) */

.panel-grid {
	margin-bottom: 0 !important;
}

.panel-grid-cell {
	padding-top: 3.2rem !important;
	padding-bottom: 3.2rem !important;
}

.panel-grid:first-child .panel-grid-cell {
	padding-top: 0 !important;
}

.siteorigin-panels-stretch {
	background-color: var(--accent-light);
    border: .1rem solid var(--border-color);
}

.siteorigin-panels-stretch .so-panel {
    border: 0;
}

.so-panel.widget_text {
    border: 0;
    box-shadow: none;
    background: transparent;
    padding: 0;
}

.post-content h1:first-child,
.post-content h2:first-child,
.post-content h3:first-child,
.textwidget h1:first-child,
.textwidget h2:first-child,
.textwidget h3:first-child {
	margin-top: 0;
}

/* _Headings */

h1.hidden {
    position: absolute;
    left: -10000px;
}

h1, h2, h3, h4 {
	margin-bottom: 3.2rem;
	margin-top: 3.2rem;
	font-family: var(--header-font);
	text-transform: none;
 	line-height: 1.5;
}

.content h1 {
	font-size: 3.2rem;
}

h1 a,
h2 a,
h3 a,
h4 a{
	color: #a81600;
}

h2 a,
h3 a {
	border-bottom: .1rem solid;
}

h2 a:hover,
h2 a:focus,
h3 a:hover,
h3 a:focus {
	color: #000;
	text-decoration: none;
}

/* _Links */

a {
	transition: none;
	color: var(--link-color);
	text-decoration: underline;
}

a:focus {
	outline: revert;
	outline-offset: .1rem;
}

a:hover,
a:focus {
	color: #000;
	opacity: 1 !important;
}

a.skiplinks {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	margin-top: 0 !important;
}

a.skiplinks:focus {
	opacity: 1;
}

/* _Buttons */

.button-row .panel-grid-cell {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.button-row .so-panel {
    margin-bottom: 0 !important;
}

.button-group {
	text-align: center;
}

.so-widget-sow-button,
.button-group .btn {
	margin: .4rem;
}

.button-group .btn {
	display: inline-block;
}

.mt-payment-form input[type="submit"],
button[name="mt_add_to_cart"],
input[name="mt_submit"],
button.btn,
a.btn,
.fake-btn, /* TODO remove */
a.longdesc-link,
.pager li > a,
.so-widget-sow-button a {
    transition: none;
    padding: .8rem 1.6rem .7rem !important;
    border: 0px !important;
    border-radius: .2rem !important;
    font-size: 1.6rem;
    line-height: 1.5 !important;
    color: #fff;
    background: var(--link-color) !important;
    text-decoration: none;
    outline: 0;
    box-shadow: none !important;
    text-shadow: none !important;
}

.wpa-ld button, .wpa-ld button:active, .wpa-ld button:focus, .wpa-ld button:hover, .wpa-ld a {
    color: #fff !important;
    text-shadow: none;
}

.readmore {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem;
}


.mt-payment-form input[type="submit"]:hover,
.mt-payment-form input[type="submit"]:focus,
button[name="mt_add_to_cart"]:hover,
button[name="mt_add_to_cart"]:focus,
input[name="mt_submit"]:hover,
input[name="mt_submit"]:focus,
button.btn:hover,
button.btn:focus,
a.btn:hover,
a.btn:focus,
a:hover .fake-btn, /* TODO remove */
a:focus .fake-btn,
a.longdesc-link:hover,
a.longdesc-link:focus,
.pager li > a:hover,
.pager li > a:focus,
.so-widget-sow-button a:hover,
.so-widget-sow-button a:focus
{
	background: #000 !important;
	text-decoration: none;
	color: #fff !important;
}

.so-widget-sow-button a .sow-icon-fontawesome {
	padding: .3rem 0 0 1.2rem;
}

a.longdesc-link {
	left: 0;
	bottom: 0;
}

/* _Contact Form 7 */

.wpcf7-form label {
    margin-bottom: .8rem;
    color: #333;
}

.wpcf7-form p {
    display: flex;
    flex-direction: column;
}

.wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-select, .wpcf7-form .wpcf7-textarea, .wpcf7-form .wpcf7-captchar, .wpcf7-form .wpcf7-quiz, .wpcf7-form .wpcf7-number, .wpcf7-form .wpcf7-date {
    min-height: 0;
    padding: .6rem 1.5rem .5rem 1.5rem;
    font-size: 1.6rem;
    color: #333;
    font-weight: normal;
    margin-top: 0;
    background-color: #fff;
    border: solid 1px var(--link-color);
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
    max-width: 100%;
}

.wpcf7-form .gender input,
.wpcf7-form .dateofbirth input,
.wpcf7-form .size input,
.wpcf7-form .age input,
.wpcf7-form .homephone input,
.wpcf7-form .cellphone input,
.wpcf7-form .workphone input {
    width: 16rem;
}

.wpcf7-form div.form-row {
    display: flex;
    flex-wrap: wrap;
}

.wpcf7-form div.form-row > p {
    margin-right: 1.6rem;
}

.wpcf7-form .wpcf7-checkbox, .wpcf7-form .wpcf7-file, .wpcf7-form .wpcf7-radio {
    margin-top: 0;
    display: flex;
    flex-direction: column;
}

.wpcf7-form .wpcf7-list-item {
    margin: 0;
}

.wpcf7-spinner,
.wpcf7-spinner::before {
    display: none;
}

.wpcf7-form .wpcf7-submit {
    color: #fff;
    border-width: 0px;
    -webkit-transition: none !important;
    transition: none !important;
    margin-bottom: 0px;
    letter-spacing: normal;
    font-weight: normal;
    text-transform: none;
    display: block;
    padding: .8rem 1.6rem .7rem !important;
    font-size: 1.6rem;
    text-align: left;
    border: 0;
    border-radius: .2rem;
    margin-right: auto;
    background: var(--link-color);
}

.wpcf7-form .wpcf7-submit:hover,
.wpcf7-form .wpcf7-submit:focus {
    background: #000;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0;
    padding: 1.6rem;
    border: 1px solid #eed6b1 !important;
    text-align: center;
    background: #fef9db;
    margin-top: 3.2rem;
}

.wpcf7-not-valid-tip {
  color: #c00;
  font-size: 1.6rem;
  margin: .8rem 0;
}


/* _Subscribe Form */

#pgc-587-2-0 {
    padding-bottom: 4.6rem !important;
}

#calendar-subscribe > .panel-grid-cell {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 0 !important;
}

#calendar-subscribe > .panel-grid-cell > div:last-child {
    width: 50%;
	max-width: 41.2rem;
}
@media screen and (min-width: 768px) {
    #calendar-subscribe > .panel-grid-cell > div:last-child {
        padding-left: 3.2rem; 
    }
}

@media screen and (max-width: 767px) {
    #calendar-subscribe > .panel-grid-cell {
        flex-direction: column;
        align-items: center;
    }
    #calendar-subscribe > .panel-grid-cell > div:last-child {
        width: 100%;
    }
}

#subscribe h2 {
	text-align: center;
	margin-bottom: 2.4rem;
}

#subscribe form p {
	display: flex;
}

#subscribe form p input {
	background-color: transparent;
    border: 0;
 	border-bottom: solid .1rem #a81600;
	color: #333;
	height: 2.6rem;
	width: 100%;
	padding-top: .4rem;
}

#subscribe form p label {
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    left: -10000px;
    top: auto;
}

#subscribe input[type="submit"] {
	display: block;
	margin: auto;
	margin-top: 3.6rem;
	padding: .8rem 1.6rem .7rem !important;
	background-color: #a81600;
	line-height: 2.4rem;
	color: #fff !important;
	border-radius: .2rem !important;
    border: 0;
}

#subscribe input[type="submit"]:hover,
#subscribe input[type="submit"]:focus {
	background-color: #000;
}

.mc4wp-response {
    margin-top: 2.4rem;
}

/* _Content Design */

#h5vp_player {
    margin: 3.2rem 0;
}

.img-md-right {
	padding-left: 3.2rem;
    padding-bottom: 1.6rem;
}

.img-md-left {
	padding-right: 3.2rem;
}

@media screen and (max-width: 991px) {

	.img-md-right {
		padding-top: 2.4rem;
		padding-left: 0;
	}

	.img-md-left {
		padding-right: 0;
	}

}

/* _Mini Calendars */


.month {
	width: 50%;
	max-width: 38rem;
}

.month .title {
	text-align: center;
	margin: 0 0 2.4rem 0;}

@media screen and (max-width: 767px) {

	.month {
		width: 100%;
	}
	.month:nth-of-type(2) {
		padding-top: 1.6rem;
	}

	.month .title {
		text-align: center;
		margin: 1.6rem 0;
	}

	.month:first-child .title {
		margin-top: 0;
	}

}

.month table {
    margin: unset;
    margin-left: -.2rem;
    width: 100%;
    border: unset;
    border-collapse: unset;
    border-radius: unset;
}

.month th {
    text-align: center !important;
    border: 0 !important;
    float: left;
    width: 14.28% !important;
    line-height: unset !important;
    padding: unset !important;
    border-bottom: .8rem solid #aaa !important;
}

.month th:first-child {
    width: calc(14.28% - .4rem) !important;
    margin-left: .4rem;
}

.month td {
    position: relative;
    width: 14.28%;
    padding: 0 !important;
    height: 0;
    float: left;
    border: unset !important;
    padding-bottom: 14.28% !important;
    line-height: unset !important;
}

.month .date {
	position:absolute;
	background-color: #eee;
	width: calc(100% - .4rem);
	height: calc(100% - .4rem);
	margin: .4rem;
}

.month h3 {
	margin: 0;
	padding: .4rem 0 0 .9rem;
	line-height: 1;
	position: relative;
	z-index: 1;
	height: 100%;
}

.month h3 .inner-weekday {
    display:  none;
}

.month h3 a {
	position: absolute;
	border: 0;
	top: 0;
	left: 0;
	padding: .3rem 0 .7rem .9rem;
	display: block;
	color: #fff;
	background: #a81600;
	display: block;
	height: 100%;
	width: 100%;
}

.month h3 a:hover,
.month h3 a:focus
{
	color: #fff !important;
	background: #000;
}

.month p a:hover {
	color: #000;
}

.month ul {
	display:block;
	position:absolute;
	margin-left: 0;
	padding: 0;
	z-index: 100000;
	min-width: 20rem;
	color: #111;
	background: #fff;
	border-left: .8rem solid #cb4d4d;
	top: 3.6rem;
    opacity: 0;
    height: 0;
	box-shadow: 0 .8rem 1.6rem rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 .8rem 1.6rem rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 .8rem 1.6rem rgba(0, 0, 0, 0.1);
    transition: height .2s ease, opacity .2s;
    overflow: hidden;
}

.month .focus ul {
    opacity: 1;
    height: auto;
}

.month li.many {
    padding: 1.2rem 1.6rem 0 .4rem;
    margin-left: 3rem;
}

.month li.many:last-child {
    padding-bottom: 1.2rem;
}

.month li.single {
    padding: 1.2rem 1.6rem;;
	list-style: none;
}

.month ul.rightAlign {
	right: 0;
	border-left: 0;
	border-right: .8rem solid #cb4d4d;
}

/* _Calendar no-js */

.no-js .month th,
.no-js .month td.has-no-events {
    display: none;
}

.no-js .month tr {
    display: flex;
    flex-direction: column;
}

.no-js .month td.has-events {
    width: 100%;
    height: auto;
    padding: 0 !important;
}

.no-js .month td.has-events .date {
    position: relative;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
}

.no-js .month td.has-events h3 {
    margin: 0 0 2.4rem;
    line-height: 1.5;
    position: relative;
}

.no-js .month td.has-events h3 a {
    position: relative;
    cursor: default;
    background: transparent;
    display: block;
    border: none;
    padding: 0;
    color: #111;
}

.no-js .month td.has-events h3 a:hover,
.no-js .month td.has-events h3 a:focus {
   color: #111 !important; 
}

.no-js .month td.has-events ul {
    opacity: 1;
    height: auto;
    min-width: 100%;
    position: relative;
    top: 0;
}

.no-js .month h3 .inner-weekday {
    display: inline;
}

/* Tables */

.table-left, .table-right {
	float:left;
	padding: 10px;
}

.table-left {
	width: 12.8em;
	clear: left;
	font-weight: bold;
	-webkit-font-smoothing: subpixel-antialiased;
}

.table-right {
	width: calc(100% - 12.8em);
}

div.stripe {
	background-color: #eeeeee;
	height: auto;
	float:left;
	width: 100%;
}

@media screen and (max-width: 767px ){

	.table-left, .table-right {
		width:100%;}

	.table-left {
		padding-bottom: 0;}

	.table-right {
		padding-top: 0;}

}

/* _Navigation */

header {
    position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    align-items: center;
    box-shadow: 0 -4rem 9rem rgba(0,0,0,.1);
    min-height: 7.4rem;
    z-index: 10000;
}

#logo {
    width: 20.4rem;
	padding: 1rem 0;
}

#logo h1 {
    margin: 0;
}

#logo img {
    display: block;
}

.smenu-opener {
    display: none;
}

.main-navigation {
    top: 0;
	display: block;
	position: relative;
	box-shadow: none;
	overflow: visible;
}

.main-navigation > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    width: 100%;
}

.main-navigation > ul > li {
	font-family: var(--header-font);
	font-size: 1.8rem;
    border-bottom: 0;
}

.main-navigation > ul > li.focus {
    border-bottom: 0;
}

.main-navigation > ul > li > a {
	padding: 1rem 1.6rem;
    color: var(--link-color);
	text-decoration: none;
    transition: none;
}

.main-navigation > ul > li.menu-item-14219 > a { /* Donate */
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	color: #c00;
    text-transform: uppercase;
}

.main-navigation > ul > li.menu-item-has-children > a::after {
	display: inline-block;
	box-sizing: content-box;
	padding: .2rem 0 0 .8rem;
	position: absolute;
}

.main-navigation > ul > li.focus > a {
	color: #fff;
	background-color: var(--link-color);
}

.main-navigation > ul > li > a:hover,
.main-navigation > ul > li > a:focus,
.main-navigation > ul > li.focus > a:hover,
.main-navigation > ul > li.focus > a:focus {
	color: #fff;
	background-color: #000;
}

.main-navigation > ul > li.right-align-menu > ul,
.main-navigation > ul > li > ul {
    position: absolute;
    z-index: 999;
    display: flex;
    flex-direction: column;
    opacity: 0;
    height: 0;
    transition: height .2s ease, opacity .2s;
}

.js .main-navigation > ul > li.right-align-menu > ul,
.js .main-navigation > ul > li > ul {
    overflow: hidden;
}

.js .main-navigation > ul > li.right-align-menu > ul.rightAlign,
.js .main-navigation > ul > li > ul.rightAlign {
    left: auto !important;
    right: 0 !important;
}

.no-js .main-navigation > ul > li.right-align-menu > ul,
.no-js .main-navigation > ul > li > ul {
    position: relative;
}

.no-js .main-navigation > ul > li > ul,
.main-navigation > ul > li.focus > ul {
    opacity: 1;
    height: auto;
}

.main-navigation > ul > li ul::before {
    display: none;
}

.main-navigation > ul > li > ul li {
	border-left: .8rem solid #cb4d4d;
}

.main-navigation > ul > li > ul.rightAlign li {
	border-left: none;
	border-right: .8rem solid #cb4d4d;
}

.main-navigation > ul > li > ul li:hover {
    border-color: #333;
}

.main-navigation > ul > li > ul li > a {
    font-size: 1.8rem;
    color: var(--link-color);
}

.main-navigation > ul > li > ul li > a:hover,
.main-navigation > ul > li > ul li > a:focus {
    color: #fff;
	background-color: #000;
}

@media screen and (min-width: 956px) {

    #toggle {
        display: none;
    }

    .main-navigation > ul > li {
        border-bottom: none;
        margin-left: 0rem;
    }

    .js .main-navigation > ul > li {
        width: auto;
    }

    .no-js .main-navigation > ul {
        justify-content: space-between;
        padding: 0 .4rem;
    }

    .no-js .main-navigation > ul > li {
        padding: 0 .4rem 1.6rem;
    }

    .no-js .main-navigation > ul > li:last-child {
        margin-left: auto;
        flex: 0;
    }

    .main-navigation > ul > li > a {
        border-radius: .2rem;
        line-height: 1 !important;
        white-space: nowrap;
    }

    .main-navigation > ul > li.menu-item-has-children > a {
        padding-right: 3.2rem;
        border-radius: .2rem .2rem 0 0;
    }

    .main-navigation > ul > li.right-align-menu > ul,
    .main-navigation > ul > li > ul {
        box-shadow: 1.6rem 1.6rem 9rem rgba(0, 0, 0, 0.1);
    }

    .main-navigation > ul > li > ul li > a {
        padding: 1rem 1.6rem .9rem 1rem;
        line-height: 1;
    }

    .js .main-navigation > ul > li.right-align-menu > ul,
    .js .main-navigation > ul > li > ul {
        top: 3.8rem !important;
    }

    header {
        padding: 0 .8rem;
    }

    .js .main-navigation {
        width: calc(100% - 20.4rem);
        padding-right: 2.4rem;
    }

    .js .main-navigation > ul {
        justify-content: flex-end;
    }

}

@media screen and (min-width: 956px) and (max-width: 1439px) {

    .js .main-navigation {
        max-width: 96rem;
        padding-left: 4rem;
    }

    .no-js .main-navigation > ul > li {
        flex: 1;
    }

}

@media screen and (max-width: 955px) {

    #toggle {
        padding-right: 3.2rem;
    }

    .no-js #toggle {
        display: none;
    }

    #logo {
        padding: 1.6rem;
    }

    .main-navigation > ul {
        overflow: hidden;
        transition: height .2s ease;
    }

    .js .main-navigation > ul.closed {
        height: 0;
    }

    .main-navigation > ul > li > ul {
        position: relative;
    }

    .main-navigation > ul > li > ul li > a {
        padding: 1rem 1.6rem;
    }

    .dd-menu > ul > li > ul li:last-child > a {
        border-bottom: 1px solid rgba(0,0,0,.05);
    }

    .main-navigation > ul > li.menu-item-has-children > a::after {
        padding-top: .4rem;
    }

}

/* _Search Form */

#searchform {
    display: flex;
}

#searchform input {
    border: 0;
    border-bottom: solid .1rem #a81600;
    background: transparent;
    height: 2.4rem;
    padding: 0;
    transition: all .2s;
}

#searchform input::placeholder {
    opacity: 1;
}

#search-error {
    font-family: Roboto, Verdana, sans-serif;
    font-size: 1.6rem;
    color: var(--link-color) !important;
    margin-left: 1.7rem;
    margin-right: calc(-15rem - 1.7rem);
    width: 15rem;
    display: flex;
    align-items: center;
}

#searchform .btn {
    background-color: var(--link-color) !important;
    color: #fff !important;
    padding: 0;
    height: 3.8rem;
    width: 3.8rem;
    font-size: 1.8rem;
}

#searchform .btn:hover,
#searchform .btn:focus {
	color: #fff !important;
    background-color: #000 !important;
}

#searchform .btn i {
    border-radius: .2rem;
    margin-top: .1rem;
    display: block;
}

@media screen and (min-width: 956px) {

    .closed#searchform .btn {
        background-color: transparent !important;
        color: var(--link-color) !important;
    }

    .closed#searchform .btn:focus,
    .closed#searchform .btn:hover {
        background-color: #000 !important;
        color: #fff !important;
    }

    .closed#searchform input {
        margin-right: 0;
        margin-left: 0;
        width: 0;
    }

    #searchform {
        align-items: baseline;
    }

    #searchform input {
        margin-right: .8rem;
        margin-left: 1.7rem;
        width: 15rem;
    }

    #searchform .btn {
        padding: .2rem 0 0 0 !important;
        border-radius: .2rem;
        width: 5rem;
    }

}

@media screen and (max-width: 955px) {

    #searchform {
        display: flex;
        padding: 1.6rem;
    }

    #searchform input {
        max-width: calc(100% - 3.8rem);
        height: 3.8rem;
        background: var(--accent-light);
        padding: 0 1.6rem;
        margin-right: 0;
        border: .1rem solid #ccc;
        border-radius: .2rem 0 0 .2rem;
        border-right: 0;
        transition: none;
    }

    #search-error {
        z-index: 1;
    }

    #searchform .btn {
        border-radius: 0 .2rem .2rem 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

}

/* _Hamburger */
button.hamburger {
    padding: 0;
    display: block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    margin-bottom: 1rem;
    overflow: visible; }

.hamburger-box {
    width: 4rem;
    height: 4rem;
    display: block;
    position: relative; }

.hamburger-inner {
    display: block;
    top: 50%;
    }
    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
        width: 4rem;
        height: .5rem;
        background-color: var(--link-color);
        border-radius: .4rem;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease; }
    .hamburger-inner::before, .hamburger-inner::after {
        content: "";
display: block; }
    .hamburger-inner::before {
        top: -1rem; }
    .hamburger-inner::after {
        bottom: -1rem; }

    button:focus .hamburger-inner,
    button:focus .hamburger-inner::before,
    button:focus .hamburger-inner::after,
    button:hover .hamburger-inner,
    button:hover .hamburger-inner::before,
    button:hover .hamburger-inner::after {
        background-color: #000 !important;
    }


/*
     * Squeeze
     */
.hamburger--squeeze .hamburger-inner {
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    .hamburger--squeeze .hamburger-inner::before {
        transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
    .hamburger--squeeze .hamburger-inner::after {
        transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    .hamburger--squeeze.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
        transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
    .hamburger--squeeze.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(-90deg);
        transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/***** Footer *****/

.site-footer {
	padding: 3.2rem 0 0 !important;}

.footer-widget {
	margin-bottom: 0;}

.site-footer h2.widgettitle {
	text-align: left;
    font-size: 2.4rem;
    margin-bottom: 2.4rem;
}


.site-footer .footer-1,
.site-footer .footer-2,
.site-footer .footer-3,
.site-footer .footer-4 {
	float: left;
	clear: none;
	padding-right: 1.6rem;
	margin-bottom: 3.2rem;
}

.site-footer .footer-1 {
	width: 27%;}

.site-footer .footer-2 {
	width: 28%;}

.site-footer .footer-3 {
	width: 22%;}

.site-footer .footer-4 {
	width: 23%;
	padding-right: 0;}

.site-footer a.social {
	display:flex;
	float: left;
	height: 3.2rem;
	width: 3.2rem;
	margin: 1.6rem .4rem 3.2rem 0;}

.site-footer a.social:focus img,
.site-footer a.social:hover img {
	filter: brightness(0);
}

.site-footer a.social img {
	filter: brightness(0) saturate(100%) invert(11%) sepia(88%) saturate(4867%) hue-rotate(12deg) brightness(96%) contrast(101%);
	margin: auto;
}

.site-footer-bottom {
	padding: 15px;}

@media screen and (max-width: 991px) {

.site-footer .footer-1, .site-footer .footer-2, .site-footer .footer-3, .site-footer .footer-4 {
	width: 100%;
	float: none;
	padding-right: 0px;}

.site-footer .footer-4 {
		width:90%}

	.site-footer .footer-a,	.site-footer .footer-b {
	width: 50%;
	float: left;}

}

@media screen and (max-width: 570px){

	.site-footer .footer-a,	.site-footer .footer-b {
	width: 100%;}}


/*** fullwidth events ***/

.event-has-slider .post-content {
	width: 100% !important;
}

@media screen and (min-width: 992px) {.postid-9536 .post-content #gallery-1, .postid-9536 .post-content #gallery-2 {
	margin-right: -55px !important;
	}

}

.postid-9536 #gallery-1 .gallery-item, .postid-9536 #gallery-2 .gallery-item {
    width: 16.6666666% !important;
}

@media screen and (max-width: 600px) {
	.postid-9536 #gallery-1 .gallery-item, .postid-9536 #gallery-2 .gallery-item {
    width: 33.33333%!important;
}

}

/* Animated Slider */

.slider-panel[aria-hidden="true"] {
	display: none;}

#frontpage-slider {
	background: #fff;
	border: 0;
}

#slider {
	display: block;
	width: 100%;
	position: relative;
	left: 0;
    background: #111;
}

.rotation-control {
    position: absolute;
    z-index: 1000;
    display: flex;
    right: 0;
    padding: 1.6rem;
}

.no-js .rotation-control {
    display: none;
}

.rotation-control button {
    padding: .9rem 1rem !important;
    display: flex;
    align-items: center;
}

.rotation-control button:nth-child(1) {
    border-radius: .2rem 0 0 .2rem !important;
}

.rotation-control button:nth-child(2) {
    border-radius: 0 !important;
}

.rotation-control button:nth-child(3) {
    border-radius: 0 .2rem .2rem 0 !important;
}

.rotation-control svg {
    height: 2.1rem;
    width: auto !important;
}

.rotation-control button:nth-child(2) svg {
    height: 1.6rem;
}

.slider-panels {
    transition: height .3s;
    position: relative;
}

.slider-panel {
    position: relative;
    background: #111;
}

.slider-panel.under {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
}

#banners {
	position: relative;
	z-index: 1;
    height: 430px;
}

.banner {
	overflow-x: hidden;
	margin-left: 0;
    background-position: top center;
	position: absolute;
	top: 0;
	transition: opacity 1s;
	height: 430px;
	width: 100%;
	background-size: contain;
    display: block;
    position: relative;
}

.banner img {
	display:block;
	height:430px;
	max-width: 2000px;
	margin-left: calc(50% - 1000px);
}

.slider2 .banner img { /* A and below */
    display: block;
    height: 100% !important;
    min-height: 0 !important;
}

.slider-excerpt {
    color: #ccc;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding-bottom: .8rem;
}

.slider-excerpt.container::before,
.slider-excerpt.container::after {
    display: none;
}

.slider-excerpt .btn {
    margin: 1.6rem 0 1.6rem 3.2rem;
}

.featured-excerpt { /* todo remove this one */
    display: none;
    justify-content: center;
    align-items: center;
    background: #111;
    color: #ccc;
}

.featured-excerpt .inner {
    max-width: 105rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.6rem;
}

.featured-excerpt p {
    margin-bottom: 0;
}

.featured-excerpt a.btn {
    margin-left: 1.6rem;
}

.slider-buttons {
	display:block;
	position:relative;
	width:100%;
	left: -20px;
	font-size: 0px;
	text-align:center;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-box-shadow: 0 -3px 2px rgba(0,0,0,.02);
  box-shadow: 0 -3px 2px rgba(0,0,0,.02);
	padding-top: .4rem;
    background-color: #fff;
    z-index: 1000;
}

.no-js .slider-buttons {
    display: none;
}

.slider-buttons li {
	display:inline;
	font-size: 1.6rem;
	list-style-type:none;}

.slider-buttons a {
	display:inline-block;
	padding: .4rem;
	text-decoration:none !important;
}

.slider-buttons span {
	display:inline-block;
	padding: .8rem 1.6rem .7rem;
	line-height: 24px;
	margin: 0px;
	color: #111;
	background-color: #ddd;
	border-radius: .2rem
}

.slider-buttons a:hover span,
.slider-buttons a[aria-selected="true"] span {
	background-color: #000;
	color: #fff !important;
}

.find-out-more .sow-icon-fontawesome {
	font-size: 1.8rem;
}

.find-out-more {
    margin-left: 1.2rem
}


#banners .find-out-more {
	position: absolute;
	bottom: 0;
	color: #fff !important;
	box-sizing: border-box;
	width: 170px;
	right: 0;
}


@media screen and (max-width: 940px) {

#banners,
.banner {
		height: 300px;
}

.banner img {
		margin-left: calc(50% - 69.75rem);
}

.banner img,
.single-event div.special-event,
.page-id-14994 .hero-area,
.page-id-14994 .page-header,
.page-id-14994 .page-header > div,
.page-id-15004 .hero-area,
.page-id-15004 .page-header,
.page-id-15004 .page-header > div,
.page-id-15014 .hero-area,
.page-id-15014 .page-header,
.page-id-15014 .page-header > div,
.page-id-10540 .hero-area,
.page-id-10540 .page-header,
.page-id-12339 .hero-area,
.page-id-12339 .page-header {
		height: 300px !important;
		min-height: 300px;
		background-size: auto 300px !important;
    }

}


@media screen and (max-width: 767px) {

.rotation-control {
    padding: 0;
    position: relative;
    justify-content: flex-end;
}

.slider-excerpt {
    flex-direction: column;
    align-items: center;
    padding: 1.6rem 1.6rem 0;
}

.slider-excerpt .btn {
    margin: 0 0 2.4rem;
}


#banners,
.banner {
	height: 240px;
}

.banner img {
		margin-left: calc(50% - 558px);
}

.banner img,
.single-event div.special-event,
.page-id-14994 .hero-area,
.page-id-14994 .page-header,
.page-id-14994 .page-header > div,
.page-id-15004 .hero-area,
.page-id-15004 .page-header,
.page-id-15004 .page-header > div,
.page-id-15014 .hero-area,
.page-id-15014 .page-header,
.page-id-15014 .page-header > div,
.page-id-10540 .hero-area,
.page-id-10540 .page-header,
.page-id-12339 .hero-area,
.page-id-12339 .page-header {
		height: 240px !important;
		min-height: 240px;
		background-size: auto 240px !important;
    }
}

.fake-btn .sow-icon-fontawesome {
    margin-top: -4rem !important;
    padding-left: .8rem;
}


@media screen and (max-width: 540px) {

	.fake-btn {
		right: auto;
}


}

/* classes timetable */

.mptt-shortcode-wrapper .mptt-shortcode-list {
    display: block;}

.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-column-title {
	text-align: left;
	margin: 4rem 0 2rem 0;}

.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list {
	border-top: 3px solid #BF392B;
	margin: 0;}

.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event {
  padding: 1rem 0 1rem 0;
	margin: 0;
	border: 0;
  border-bottom: 1px dashed #999;}

.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event .event-description, .mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event .mptt-event-title, .mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event .timeslot, .mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-instructor-name {
	margin: 0;}

h3.mptt-event-title {
    font-size: 1.6rem;
    letter-spacing: normal;
    font-family: Roboto, Verdana, sans-serif;
    line-height: 1.6;
}

h3.mptt-event-title a {
    border-bottom: none;
    text-decoration: underline;
}

@media screen and (min-width:768px) {

	.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event {
		display: flex;
		align-items: baseline;}

	.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event .mptt-event-title{
		flex: 7;
		order: 1;
		padding-right: auto;}

	.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event .timeslot {
		width: 15.2rem;
		order: 0;}

	.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event .event-description {
		width: 9rem;
		order: 3;
		text-align:right;}

	.mptt-shortcode-wrapper p.mptt-instructor-name {
		order: 2;
		text-align: right;}

}

@media screen and (min-width:450px) and (max-width:767px) {

	.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event {
		display: flex;
		align-items: baseline;
		flex-wrap: wrap;
		justify-content: space-between;}

	.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event .mptt-event-title{
		order: 0;
		width: 60%;}

	.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event .timeslot {
		order: 2;}

	.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event .event-description {
		text-align:right;
		order: 3;}

.mptt-shortcode-wrapper p.mptt-instructor-name {
	order: 1;
	text-align: right;
	width: 40%;}

}

/* classes single page */

.single-mp-event div.event-content {
	background-color: var(--accent-light);
    border: .1rem solid var(--border-color);
}

.single-mp-event #content-col {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;}

.single-mp-event h2 {
	margin: 35px 0 30px 0;}

.single-mp-event ul.events-list li {
	border-bottom: 0;
	padding: 0;
	margin: 0 0 1.6rem 0;
}

.single-mp-event div.event-information p {
	margin-bottom: 0;}

.single-mp-event div.gallery {
	margin-bottom: -15px !important;}

@media screen and (min-width:768px) {

	.single-mp-event h2 {
		text-align: left;}

	.single-mp-event #content {
		padding-top: 30px;}

	.single-mp-event div.event-information {
		border-top: 1px solid #fff;
		margin-left: 30px;
		text-align:left;}

	.single-mp-event div.event-content {
		flex: 6;}

	.single-mp-event div.event-information a.btn {
		margin-top: 30px;}

	.single-mp-event div.event-content {
		padding: 0 30px 30px 30px;}

	.single-mp-event #content-col {
		padding-left: 15px;
		padding-right: 15px;}

}

@media screen and (max-width:767px) {

	.single-mp-event #content {
		padding-top: 20px;}

	.single-mp-event div.event-content {
		padding: 0 15px 30px 15px;
		border-left: 0;
		border-right: 0;}

	.single-mp-event div.event-information {
		flex: 100%;
		text-align:center;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		flex-wrap: wrap;
		margin: 0 15px 35px 15px;}

	.single-mp-event div.event-information > div {
	margin: 0 30px 0 30px;
	flex: 1;
	min-width: 215px;}

	.single-mp-event div.event-information > div.buy-classes {
		flex: 100%;}

	.single-mp-event div.event-information h2 {
		margin-top: 15px;}

	.single-mp-event div.event-information a.btn {
		margin-top: 25px;}

}

.page-header {background-repeat: repeat;}

.error404 .page-header,
.single-event .page-header,
.category .page-header,
.single-class .page-header,
.single-mp-event .page-header,
.search .page-header {
	background-image:url(http://missionculturalcenter.org/wp-content/uploads/2019/02/Front-Slider-1.jpg);
	background-size: cover;
	background-position: center;
}

/***** Lightbox Styles *****/

.media-box .zoom {
	opacity: 1;
	background-color: transparent;}

.media-box .zoom .icon {
	background-color: #a81600;
	width: 30px;
	height: 28px;
	border-radius: 0px;
	position: absolute;
	top: 22px;
	left: 22px;}

.icon-expand:before {
	padding-left: 1px;}

a.media-box:hover, a.media-box:focus {
	opacity: 0.6;}








/***** Pagination *****/

ul.pagination {
	margin-top: 0px;
	clear:both;}

.pagination li a {
	background: #a81600;
	color: #fff;
	font-size: 15px;
	padding-top: 12px;
	border: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	width: 44px;
	height: 44px;
text-align:center;}

.pagination li.active>span, .pagination li a:hover, .pagination li a:focus, .pagination li.active>span:hover, .pagination li.active>span:focus  {
	color: #fff !important;
	background: #000;
	border: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	width: 44px;
	height: 44px;
	text-align:center;
}

.pagination li.active>span:hover, .pagination li.active>span:focus {
	padding-top: 11px;}

.pagination li.active>span {
	padding-top: 11px;}

.pagination>li:first-child>a, .pagination>li:first-child>span,.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-radius: 0px;}

/***** Front Page *****/

#vaccine-notice {
    border: 1px solid #eed6b1;
    padding: 3.2rem 1.6rem 1.6rem;
    text-align: center;
    margin-bottom: 3.2rem;
    background: #fef9db;
}

#frontpage-buttons {
    padding-bottom: 3.2rem;
}

#frontpage-buttons .so-panel {
    margin-bottom: 0 !important;
}


#frontpage-text .col-md-8,
#frontpage-text .col-md-4 {
    padding-left: 0;
    padding-right: 0;
}

.home .content{
	padding-top: 0;
}

#frontpage-slider .panel-grid-cell {
	padding-top: 0 !important;
    padding-bottom: 2.4rem !important;
}

#frontpage-buttons .panel-grid-cell {
    display: flex;
    justify-content: center;
    padding: 3.2rem 0 0 !important;
    flex-direction: column;
}

#frontpage-buttons .widget {
	margin-bottom: .8rem;
}

#telemundo .panel-grid-cell {
    padding-bottom: 1.6rem !important;
}

.home .hero-area {
	display:none;}

.home h1 {
	text-align:center;
}


.home .mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-column-title {margin-top: 0;}

.home .mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column {
	margin-bottom: 10px;
}

ul.events-list {
	margin-top: 15px;
}

ul.events-list > li.event-list-item {
	border-bottom: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	display: flex;
}

li.event-list-item > img, li.event-list-item > img.img-thumbnail{
	order: 0;
	width: 200px;
	height: 200px;
	margin-bottom: 50px;
	margin-right: 0;
	border: 0;}

li.event-list-item > div.event-list-content {
	order: 1;
	width: calc(100% - 200px);
	padding-left: 25px !important;
	margin-bottom: 40px;
}

li.event-id-15459 > div.event-list-content,
li.event-id-14769 > div.event-list-content,
li.event-id-14764 > div.event-list-content,
li.event-id-14762 > div.event-list-content,
li.event-id-14608 > div.event-list-content,
li.event-id-14906 > div.event-list-content,
li.event-id-14902 > div.event-list-content,
li.event-id-14816 > div.event-list-content {
	width: 100%;
	padding: 0 !important;
}

.single-event.postid-15459 .post-content,
.single-event.postid-14769 .post-content,
.single-event.postid-14764 .post-content,
.single-event.postid-14762 .post-content,
.single-event.postid-14608 .post-content,
.single-event.postid-14906 .post-content,
.single-event.postid-14902 .post-content,
.single-event.postid-14816 .post-content {
    width: 100%;
}


li.event-list-item > div h2{
	margin-top: 0px;
font-size: 28px;}

li.event-list-item > div h3 {
	margin-bottom: 30px;
    text-align: left;    
}

li.event-list-item > div > .gallery {
	display:none;
}

li.event-list-item ul
{list-style: disc;}

.event-list-content ul, li.event-list-item ul.info {
	list-style: disc;
	margin-bottom:20px !important;
	margin-left: 20px !important;
}

@media screen and (max-width:600px) {

li.event-list-item {
	display: flex;
	flex-direction: column;
	}

li.event-list-item > img, li.event-list-item > img.img-thumbnail {
	width: 300px;
	height: 300px;
	margin: auto;
	margin-bottom: 35px;
	}

li.event-list-item > div.event-list-content {
	padding-left: 0px !important;
	width: 100%;
}

}

.hero-area {
    top: 0;
    margin-bottom: 0;
}

.hero-area > div {
	background-position: center;
}


/* _Tickets */

.mt-ticket-complimentary {
    display: none;
}

.mt-order {
    margin-top: 3.2rem;
    clear: both;
}

.mt-payment-form legend {
    margin-top: 1.6rem;
}

.mt-payment-form legend,
.ticket-orders legend {
    font-weight: normal;
    padding: 0;
    margin-bottom: 1.6rem;
    font-family: var(--header-font);
    line-height: 1.5;
    font-size: 3rem;
    border-bottom: 0;
}

.mt-ticket-field label {
    color: #333;
    background: var(--accent-light);
    border: 1px solid var(--border-color);
    padding: .6rem 1.5rem .5rem;
    margin: 0 .8rem 0 0;
    width: max-content;
    max-width: 100%;
}

.single-mp-event .mt-ticket-field label {
    background: #fff;
    border-color: #ccc;
}

input.tickets_field {
    border: solid 1px var(--link-color);
    margin-right: 0.8rem;
    width: 7rem;
    padding: .6rem .8rem .5rem 1.5rem;
}

.mt-ticket-field {
    margin-bottom: 1.6rem;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    flex-wrap: wrap;
}

@media screen and (max-width: 458px) {

    .mt-ticket-field {
        justify-content: start;
    }
    
    .ticket-orders label {
        width: 100% !important;
    }
}



.ticket-orders fieldset {
    margin: 0;
}

#order-tickets {
    outline: 0;
}

.mt-response {
    outline: 0 !important;
}

.mt-response p {
    border: 1px solid #eed6b1;
    padding: 1.6rem;
    margin-bottom: 3.2rem;
    background: #fef9db;
    text-align: center;
}

/* _Cart */


.mt_email_check .dashicons,
.mt_email_check .dashicons::before,
.mt_cart_handling,
.mt_cart th .mt-datetime,
.mt_purchase_path {
    display: none;
}

.mt_cart {
    border-radius: 0 !important;
    border-collapse: collapse !important;
    margin: 0 !important;
    border: none !important;
}


.mt_cart table {
	display: table;
}

.mt_cart caption {
    padding: 0;
    margin-bottom: 3.2rem;
    font-size: 3rem;
    font-weight: normal;
    color: #333;
    line-height: 1.5;
    font-family: var(--header-font);
    display: table-caption;
}

.mt_cart tr {
    border: none !important;
    display: table-row;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}

.mt_cart td::before,
.mt_cart th::before {
    display: none !important;
}

.mt_cart th:first-child,
.mt_cart td,
.mt_cart th {
    padding: .8rem !important;
    line-height: 1.6 !important;
    vertical-align: middle !important;
    border: 1px solid #eee !important;
    display: table-cell;
}

.mt-update-buttons {
    display: flex;
    column-gap: 0;
}

.mt-update-column button {
    font-size: 2.4rem;
    padding: .8rem 1.6rem .7rem;
    border-radius: .2rem;
    line-height: 1 !important;
    color: #fff;
    background-color: var(--link-color);
    margin-right: .4rem;
}

.mt-update-column button:hover, 
.mt-update-column button:focus {
    background-color: #000;
}

.mt-update-column button:last-child {
    margin-right: 0;
}


@media screen and (max-width: 412px) {

    .mt-update-buttons {
        flex-direction: column;
    }

    .mt-update-column button {
        margin-right: 0;
        margin-bottom: .4rem;
    }

    .mt-update-column button:last-child {
        margin-bottom: 0;
    }

}

.mt_cart_total {
    font-weight: bold;
    font-size: 2rem;
    padding: 1.6rem 0 3.2rem;
}

.mt-emails,
.mt-names {
  column-gap: 0;
  margin-bottom: 0;
}

.mt-emails > p,
.mt-names > p {
    margin-right: 1.6rem;
}

.mt-names label,
.mt-emails label,
.mt-ticket-field label,
#mt-payment-form .stripe label {
    color: #333;
    margin-bottom: .8rem;
}


.StripeElement,
#mt-payment-form .stripe input,
#mt-payment-form select,
.mt-names input,
.mt-emails input {
    border: solid 1px var(--link-color);
    border-radius: 0;
    padding: .6rem 1.5rem .5rem 1.5rem;
    margin: 0;
    width: 100%;
    animation: none;
}

.StripeElement,
#mt-payment-form select {
    padding: .9rem 1.5rem .9rem 1.5rem;
    background: transparent;
}

.mt_submit {
    margin: 3.2rem 0 0;
}

.gateway-selector {
    padding: 1.6rem 0 0 0;
}

.gateway-selector ul {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}

.gateway-selector li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent;
}

.gateway-selector li a {
    background: #eee;
    padding: .8rem 1.6rem .7rem;
    line-height: 1.6;
    display: block;
    margin-left: .8rem;
}

.gateway-selector li.active a {
    background: #000;
    color: #fff !important;
    text-decoration: none;
}

@media screen and (max-width: 420px) {

    .gateway-selector li:first-child {
        margin-bottom: 1.6rem !important;
        width: 100%;
    }

    .gateway-selector li a {
        margin: 0 .8rem .8rem 0;
    }

    .gateway-selector li:last-child a {
        margin-bottom: 0;
    }

}


.mt_email_check {
  margin: .8rem 0;
}

.mt_email_check span {
    font-weight: normal;
    padding: 0;
    background: transparent !important;
}

.mt_email_check .notemail,
.mt_email_check .mismatch {
    color: #c00;
}

.mt_email_check .ok {
    color: #217e21;
}

.mt-stripe-errors.visible,
.mt-message {
    border: 1px solid #eed6b1;
    padding: 1.6rem !important;
    background: #fef9db;
    text-align: center;
    margin: 0 0 3.2rem !important;
    font-size: 1.6rem;
    border-radius: 0;
}

.mt_cart thead,
.mt_cart tbody {
    display: table-row-group;
}

th[scope="row"] {
  word-wrap: anywhere;
}

/* Stripe */

div.stripe {
    background-color: transparent;
}

/***** Single Event Pages *****/

.single-event .exhibition-details .nav-tabs, .single-event .exhibition-details .angles, .single-event .exhibition-details .tab-content .social-share-bar, .wp-post-image button, .single-event .exhibition-details .post-actions .btn-primary, .single-event #detailstab, .single-event .hero-area > div > div > div > span {
	display:none;}

.single-event div.content{
	padding-top: 50px;
}

.event-image {
	padding-top: 15px;
	padding-bottom: 15px;
}

.single-event h3, .single-event h4 {
	text-align:left;
	margin-top: 25px;
	margin-bottom: 35px;
}


.single-event .exhibition-details .tab-content {
	padding: 0px;
	border: 0px;}

.single-event .main h2 {
	margin-top: 0px;
}

.single-event ul.info, .single-event ul.galleryhours, .single-event .post-content > ul:first-child {
	display:block;
	font-weight: bold;
	-webkit-font-smoothing: subpixel-antialiased;
	list-style: outside;
	margin-left: 20px;
	margin-bottom: 20px;
}

.single-event ul.galleryhours {
	margin-top:20px;
}



.single-event div.featured-image {
	width:100%;
	text-align:center;
}

.single-event .post-content > h2 {
	text-align:left;
	margin-top: 30px;
}

@media screen and (min-width: 768px) {
	.single-event div.featured-image {
		width: 35%;
		float: left;
		padding-right: 35px;}

	.single-event .post-content {
		width: 65%;
		float: left;
	}}

div.sponsors img {
	margin: 1rem 2rem 1rem 0;
	height: 120px;

}











/* About MCCLA */



#pg-61-0 {
	margin-bottom: 0px;
}

#pl-61 .so-panel {
	margin-bottom: 0px;
}

.plyr--video {
  margin-bottom: 3.2rem;
}

.fullwidthvideo {
	padding-top: 56.25%;
	width: 100%;
	position: relative;
    float:left;
    margin-bottom: 3.2rem;
}

.fullwidthvideo > iframe {
	width: 100%;
	height: 100%;
	position:absolute;
	top: 0px;
	left: 0px;
}





#pgc-61-2-0 div.textwidget,
#pgc-61-1-0 div.textwidget,
#pgc-61-3-0 div.textwidget {
	text-align: center;}



@media screen and (max-width: 991px) {

#pgc-61-1-0 .col-md-3, #pgc-61-3-0 .col-md-3 {
	width: 50%;
	float: left;
}}


@media screen and (max-width: 500px) {

#pgc-61-1-0 .col-md-3, #pgc-61-3-0 .col-md-3 {
	width: 100%;
	float: left;
}}

/***** Job Opportunities *****/

.page-id-1018 h2 {
	text-align: center;
}


/***** MAS *****/

.page-id-10540 .ticket-orders label {
  width: 13rem;
}

.page-id-10540 .mt-order legend {
    display: none;
}

#pgc-10540-4-0 {
    padding-bottom: 0 !important;
}

.page-id-13886 h1.main-header,
.page-id-10540 h1.main-header,
.page-id-12339 h1.main-header,
.page-id-12464 h1.main-header,
.page-id-14064 h1.main-header,
.postid-13911 h1.main-header,
.postid-14609 h1.main-header,
.postid-13916 h1.main-header {
	margin-left: -10000px
}

#panel-10540-0-0-3, #panel-10540-2-0-0, #panel-10540-2-0-3 {
	text-align:left;
}

#panel-10540-0-0-0, #panel-10540-0-0-1, #panel-10540-0-0-2, #panel-10540-2-0-2, #panel-10540-2-0-1 {
	display:inline-block;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 0px !important;
}



/***** Mission Grafica *****/

.page-id-958 h3 {
	text-align:left;
}

#pgc-958-0-0 {
	padding-top: 0;
}

#panel-774-0-0-1{
	margin-right: -20px;
}

.mg-logo {
	height:280px;
	width:280px;
}

@media screen and (max-width: 991px) {
	div.mg-featured {
		width: 50%;
	}

	div.cut-half {
		clear:both;
	}
}

/***** MG Classes *****/

div.mg-instructor {
	width: 20%;
	float: left;
}

div.mg-class {
	width: 80%;
	float: left;
	padding-left: 20px;
	text-align: left;
}

@media screen and (max-width:991px) {

	div.mg-instructor {
	width: 30%;
}

div.mg-class {
	width: 70%;
}
}
	div.mg-instructor {
text-align: right}
@media screen and (max-width:767px) {

	div.mg-instructor {
	width: 100%;
text-align: center;
	margin-bottom: 30px;}

div.mg-class {
	width: 100%;
	padding-left: 0px;
}

	div.mg-class h1 {
		text-align: center;
	}
}



/***** MG Rent a Studio *****/




.rental-images {
	clear:both;
	margin-right: -20px;
}

/***** Rentals *****/


table.ratesheet {
	margin: 3.2rem 0;
	width:100%;
	table-layout: fixed;
    margin: 3.2rem 0;
    border: 1px solid #666;
    border-right: 0;
    border-bottom: 0;
    border-radius: 0;
    border-collapse: collapse;
}

.ratesheet th {
	text-align:left;

}

.ratesheet th.space {
	width: 38%;
}

.ratesheet th.capacity {
	width: 13%;
}

.ratesheet th.daytime {
	width: 19%;
}

.ratesheet th.weekends {
	width: 18%;
}

.ratesheet th.perday {
	width: 12%;
}

table.ratesheet td,
table.ratesheet th {
	vertical-align:top;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
    border-radius: 0 !important;
    line-height: 1.6;
}

.ratesheet p {
    margin-bottom: 0px;
}


@media screen and (max-width:991px) {

	.whitebg {
		display:inline-block;
		background: #fff;
	}

	.ratesheet th.space,
    .ratesheet th.capacity,
	.ratesheet th.daytime,
    .ratesheet th.weekends,
    .ratesheet th.perday {
        white-space: nowrap;
    }

	.ratesheet th.capacity {
		padding-top: calc(.8rem + 2.56rem);
	}

	.ratesheet th.daytime {
		padding-top: calc(.8rem + 2*2.56rem);
	}

    .ratesheet th.weekends {
		padding-top: calc(.8rem + 4*2.56rem);
	}

    .ratesheet th.perday {
		padding-top: calc(.8rem + 6*2.56rem);
	}

}


@media screen and (max-width:600px) {

	.ratesheet th.space {
        width:13%;
    }

    .ratesheet th.capacity {
        width:5%;
    }

    .ratesheet th.daytime {
        width:7%;
    }

    .ratesheet th.weekends {
        width:7%;
    }

    .ratesheet th.perday {
        width:12%;
    }

}


#pg-65-1 #panel-65-1-0-0 {
	background:transparent;
	border: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}



#pg-65-0 {
	margin-bottom: 0px;}

#pg-65-1 {
	margin-bottom: 30px;}

#pg-65-1 .so-panel {
		background: #fff;
		border: 1px solid #eee;
		padding-bottom: 0px;
		padding-top: 20px;
	padding-left: 20px;
padding-right:20px;}


#pg-65-1 .textwidget h3 {
	text-align:left;
	margin-bottom: 20px;
margin-top: 15px;}

#pg-65-1 .textwidget h4 {
		font-size: 15px;
		font-family: 'Roboto' !important;
	margin-bottom: 15px;}

#pg-65-1 .grid-item-header{
		width:100%;
		border: 0px;
		padding-bottom: 0;
		padding-top: 0px;}




@media screen and (max-width:600px) {
		#pg-65-1 .rental-images2 div {
	width: 100%;
	float:left;
}}

/* Image Lightbox */

.mfp-bg {
	opacity: 0.92 !important;
    z-index: 10001 !important;
}

.mfp-wrap {
    z-index: 10001 !important;
}

.mfp-container {
  padding-left: 5.6rem !important;
  padding-right: 5.6rem !important;
}

.mfp-content {
    position: unset !important;
}

.mfp-figure figure {
    position: relative;
}

.mfp-figure:after {
    display: none !important;
}

img.mfp-img {
    padding-top: 1.6rem !important;
    padding-bottom: 5rem !important;
	color: transparent !important;
}

.mfp-counter {
    position: relative !important;
    margin-top: 0;
    line-height: 1.6rem !important;
    font-size: 1.6rem !important;
}

.mfp-bottom-bar {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-top: -39px !important;
}

.mfp-title {
    padding-right: 3.2rem !important;
    line-height: 1.6 !important;
    padding-bottom: 1.6rem !important;
}

.mfp-arrow-left::before,
.mfp-arrow-right::before {
    display: none !important;
}

.mfp-arrow {
    opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: -4rem !important;
    width: 5.3rem !important;
    height: 8rem !important;
}

.mfp-arrow::after {
    position: relative !important;
    border-top-width: 2.4rem !important;
    border-bottom-width: 2.4rem !important;
    top: 0 !important;
    margin: 0 !important;
}

.mfp-arrow-right::after {
    border-left: 2.4rem solid #FFF !important;
}

.mfp-arrow-left::after {
    border-right: 2.4rem solid #FFF !important;
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    filter: brightness(0) saturate(100%) invert(11%) sepia(78%) saturate(5634%) hue-rotate(17deg) brightness(90%) contrast(104%);
}

.mfp-close {
    opacity: 1 !important;
    font-size: 5.6rem !important;
    height: auto !important;
    padding: 0 !important;
    right: 0 !important;
    line-height: .48 !important;
    width: 2.9rem !important;
    margin: 1.6rem;
}

.mfp-close:hover,
.mfp-close:focus {
    color: var(--link-color) !important;
}

/*** Contact Us ***/

#departments p {
    margin-bottom: 0;
}


/*** Site Map ***/

.page-id-3611 .content .textwidget {
    display: flex;
    flex-wrap: wrap;
}

.page-id-3611 h2 {
    font-size: 2.4rem;
}

.page-id-3611 ul {
    margin-bottom: 0;
}

div.sitemap1,
div.sitemap2,
div.sitemap3,
div.sitemap4 {
	padding-right: 1.6rem;
    padding-bottom: 3.2rem;
}

div.sitemap1 {
	width: 24%;
}

div.sitemap2 {
	width: 22%;
}

div.sitemap3 {
	width: 30%;
}

div.sitemap4 {
	width: 24%;
}

@media screen and (max-width: 991px) {

    div.sitemap1, div.sitemap2, div.sitemap3, div.sitemap4 {
        width: 50%;
    }

}

@media screen and (max-width: 600px) {

    div.sitemap1, div.sitemap2, div.sitemap3, div.sitemap4 {
        width: 100%;
    }

}

/***** Carnaval *****/

@media screen and (min-width: 992px) {
.carnaval-image {
		width: 40%;
		float: left;
		padding-right: 25px;}

	.carnaval-text {
		width: 60%;
		float: left;
}
}

@media screen and (max-width: 991px) {
.carnaval-image {
		width: 100%;
		float: left;
		padding-right: 0px;
	text-align:center;}

	.carnaval-image img {
		float:none;
		margin-bottom: 0px;

	}

	.carnaval-text {
		width: 100%;
		float: left;
		margin-top: 10px;
}
}



.carnaval-archive img {
	padding-bottom: 30px;
}

.carnaval-archive {border-bottom: 1px dashed #999;
padding-bottom: 15px;margin-bottom: 30px;}

.carnaval-archive strong {
	font-weight: bold;
}

.our-sponsors img{
	margin-bottom: 10px;
	margin-right: 7px;
}

/* 45 Gala */

.heading-only > .panel-grid-cell {
    padding-bottom: 0 !important;
}

.page-id-15004 .mt-ticket-field,
.page-id-15014 .mt-ticket-field,
.page-id-14994 .mt-ticket-field {
    justify-content: center;
}

.page-id-15004 .ticket-orders label,
.page-id-15014 .ticket-orders label,
.page-id-14994 .ticket-orders label {
  width: 40rem;
}

.page-id-15004 .mt-ticket-field .price,
.page-id-15014 .mt-ticket-field .price,
.page-id-14994 .mt-ticket-field .price {
    width: 7.2rem;
    display: inline-block;
}

.page-id-14994 #order-tickets legend,
.page-id-15004 #order-tickets p,
.page-id-15014 #order-tickets p,
.page-id-14994 #order-tickets p {
    text-align: center;
}

.page-id-15004 #order-tickets legend,
.page-id-15014 #order-tickets legend {
    display: none;
}

.page-id-15004 button[name="mt_add_to_cart"],
.page-id-15014 button[name="mt_add_to_cart"],
.page-id-14994 button[name="mt_add_to_cart"] {
    width: 56.8rem;
    max-width: 100%;
}

/*** Gala / Magazine***/

.page-id-4439 h2 {
	text-align:center;
}

#simpay-embedded-form-wrap-15917 .simpay-embedded-heading {
    display: none;
}

#pgc-14994-2-0 {
    padding-bottom: 0 !important;
}

.simpay-styled .simpay-form-control .simpay-ach-debit-wrap {
  margin-top: 0;
}

.simpay-styled .simpay-form-control .simpay-btn:not(.stripe-button-el) {
    transition: none;
    padding: .8rem 1.6rem .7rem !important;
    border: 0px !important;
    border-radius: .2rem !important;
    font-size: 1.6rem;
    line-height: 1.5 !important;
    color: #fff;
    background: var(--link-color) !important;
    text-decoration: none;
    outline: 0;
    box-shadow: none !important;
    text-shadow: none !important;
}

.simpay-styled .simpay-form-control .simpay-btn:not(.stripe-button-el):hover,
.simpay-styled .simpay-form-control .simpay-btn:not(.stripe-button-el):focus {
    background: #000 !important;
    text-decoration: none;
    color: #fff !important;
 }

#simpay-form-15917 {
    margin: 3.2rem auto 0;
    max-width: 567px;
}

.page-id-14994 #order-tickets legend {
    display: none;
}


@media screen and (max-width:991px){
	.panel-widget-style-for-4439-2-0-1 .col-sm-8{
		text-align: center;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 25px;
	}

		#panel-4439-2-0-0 .col-sm-6{
		padding-bottom: 10px;
	}}

/***** Donate *****/

#panel-67-0-0-0 .simpay-embedded-heading {
    display: none;
}

#simpay-form-15870 {
    margin: 1.6rem auto;
}

#panel-67-2-0-1, #panel-67-3-0-0, #panel-67-3-0-1, #panel-67-4-0-0 {
	text-align:center;
}

#panel-67-5-0-0 div, #panel-67-6-0-0 div, #panel-67-7-0-0 div, #panel-67-8-0-0 div, #panel-67-9-0-0 div {
	text-align:center;
}

/***** Img galleries *****/

/* WP gallery style */

.js .nojs-caption {
    display: none;
}

#gallery- {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}

#gallery- .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 25%;
}

#gallery- img {
    border: 2px solid #cfcfcf;
}

#gallery- .gallery-caption {
    margin-left: 0;
}

#gallery-.gallery-columns-1 .gallery-item {
    width: 100%;
}

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

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

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

@media screen and (max-width: 955px) {
    #gallery-.gallery-columns-4 .gallery-item {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    #gallery-.gallery-columns-2 .gallery-item,
    #gallery-.gallery-columns-4 .gallery-item {
        width: 100%;
    }
}

/** TODO remove dl, dt***/

div.gallery {
	margin-right: -15px !important;
	margin-top: 30px !important;
	margin-bottom: 15px;
}

div.gallery dl.gallery-item,
div.gallery figure.gallery-item {
    padding-right: 15px;
    padding-bottom: 15px;
    margin-bottom: 0px;
    margin-top: 0px !important;
}

.gallery img, #gallery-1 img {
	border: none !important;
}

dt.gallery-icon,
div.gallery-icon {
	background: #F9F8F5;
}

div.gallery-icon a,
dt.gallery-icon a {
    display: block;
    position: relative;
    border: 1px solid #eee;
}

div.gallery-icon a img,
dt.gallery-icon a img {
	display: block;
}

div.gallery-icon a::after,
dt.gallery-icon a::after {
    content: url("http://missionculturalcenter.org/wp-content/uploads/2018/05/expand.png") !important;
    background: no-repeat #a81600;
    position: absolute;
    height: 4rem;
    width: 4rem;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.gallery-icon a:hover::after,
div.gallery-icon a:focus::after,
dt.gallery-icon a:hover::after,
dt.gallery-icon a:focus::after {
    background:	#000 !important;
}

div.gallery-icon a:focus::after,
dt.gallery-icon a:focus::after {
  background:	#000 !important;
}

.gallery .longdesc:hover, .gallery .longdesc:focus {
  background: no-repeat #000 10px 12px;
}

.gallery button, .gallery  .longdesc #desc_, .gallery .wpa-ld .longdesc #desc_ {
	display:none;
}







/***** Staff, Instructors *****/

.hidden-text {
    opacity: 0;
}

.staff-title {
    font-weight: bold;
	margin-top: 1.6rem;
	display: inline-block;
	padding-right: .5rem;
}

.staff-title:first-of-type {
	margin-top: 0;
}

@media screen and (min-width: 768px) {

    .staff-title {
      margin-top: 0;
        display: block;
        width: 51%;
        min-width: 41rem;
        text-align: right;
        float: left;
    }

    .staff-name {
        display: block;
        width: 49%;
        max-width: calc(100% - 41rem);
        text-align: left;
        float: left;
    }

}

.page-id-4721 div.content, .page-id-4792 div.content {
	padding-top: 50px;
}


.staff-image {
	float:left;
	width: 260px;
	margin: 0 25px 50px 0;}

.staff-description {
	float:left;
	width: calc(100% - 285px);
	margin-bottom: 50px;}

.staff-description h2 {
	text-align:left;
	margin-top: 0;}

.page-id-4792 .staff-image img, #staff1, #board  {
	width: 100%;}

@media screen and (min-width: 621px) {
	.page-id-926 h2 {
		text-align: left;
	}}

@media screen and (max-width:991px){
	.staff-image {
	width: 190px;}

	.staff-description {
		width: calc(100% - 215px);}}

@media screen and (max-width:620px) {

	.staff-image {
		width: 100%;
		max-width: 300px;
		float:none;
		margin: 0 auto 25px auto;}

	.staff-description {
		width:100%;}

	.staff-description h2 {
		text-align:center;}}

/***** 404 *****/

.error404 .title-subtitle-holder h2 {
	display:none;}

/***** Rene *****/

.page-id-1488 div.page-header {
	background-image: url("http://missionculturalcenter.org/wp-content/uploads/2019/09/banner-jorge.jpg") !important;
}

.page-id-1488 img {
	margin: auto;
	padding-bottom: 35px;
	padding-top: 10px;
	display: block;
}

.page-id-1488 h2, .page-id-1488 h3 {
	text-align: center;}

.page-id-1488 .so-panel h2:nth-child(1), .page-id-1488 .so-panel h1:nth-child(1) {
	margin-top: 35px;
}

/* _Blog */

.blog ul.pagination {
    margin-top: 3.6rem;
}

.blog div.content, .category div.content {
	padding-top: 0;
}

.meta-data a,
.sidebar .widget li a,
.footer-widget.widget li a {
	color: #a81600;
}

.meta-data a:hover,
.sidebar .widget li a:hover,
.footer-widget.widget li a:hover,
.meta-data a:focus,
.sidebar .widget li a:focus,
.footer-widget.widget li a:focus {
	color: #000;
}

.meta-data a:hover {
	text-decoration: underline;
}

.blog .meta-data.alt, .category .meta-data.alt, .single-post .meta-data.alt {
    margin-bottom: 1.6rem;
    line-height: revert;
	text-transform: revert;
	color: revert;
    font-size: 1.6rem;
}

.blog .meta-data.alt > div, .category .meta-data.alt > div, .single-post .meta-data.alt > div {
	padding: 0;
	margin: 0;
	font-weight: bold;
}

.blog .meta-data.alt > div::after, .category .meta-data.alt > div::after, .single-post .meta-data.alt > div::after {
	content: '|';
	padding-right: .7rem;
}

/* Blog Excerpts */

.blog .posts-listing > h2:first-child, .category #content-col h2 {
	margin-top: 3.6rem;
}

.blog .posts-listing > h2:first-child {
   margin-bottom: 0; 
}

.blog .posts-listing .list-item {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

.category .posts-listing .list-item {
	padding-bottom: 0;
	margin-bottom: 2.4rem;
	border-bottom: 0;
}

.blog .posts-listing h3, .category .posts-listing h3 {
	margin: 3.2rem 0;
    text-align: left;
}

.category .posts-listing h3:first-of-type {
    margin-top: 0;
}

.blog .posts-listing img {
	margin: 3.2rem 0;
}

/* Blog Sidebar */

.blog .sidebar, .category .sidebar {
	background-color: #F9F8F5;
	border: 1px solid #eee;
	padding: 30px;
}

.blog .sidebar .widget, .category .sidebar .widget {
	border: none;
	padding: 0;
	box-shadow: none;
	background-color: transparent;
}

.blog #sidebar-col > h2, .category #sidebar-col > h2 {
	margin-top: 5px;
}

.blog .widget_categories ul li, .blog .widget_recent_entries ul li, .category .widget_categories ul li, .category .widget_recent_entries ul li {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.blog #sidebar-col .widgettitle, .blog #sidebar-col .widget-title, .category #sidebar-col .widgettitle, .category #sidebar-col .widget-title {
	margin-bottom: 30px;
	padding-bottom: 0;
	border-bottom: none;
	font-size: 2.4rem;
	line-height: 1.5;
	text-transform: none;
	letter-spacing: normal;
	font-weight: 400;
}

.blog .widget-title::before, .category .widget-title::before {
	display: none;
}

.blog .widget ul li, .category .widget ul li {
	padding: 0 0 0 15px;
	margin: 0;
}

.blog .widget ul li::before, .category .widget ul li::before {
	content: "\25CF";
	display: block;
	float: left;
	margin-left: -15px;
	margin-top: 1px;
	height: 0;
	font-size: 1.3rem;
}


.widget_recent_entries ul li a::before {
	display: none;
}


@media screen and (min-width: 992px) {
	.blog #content-col, .category #content-col {
		padding-right: 40px;
	}
}

/* Single Post Specific */

.single-post .pager {
	padding: 0;
	border: 0;
}

.single-post div.content h1:first-child {
	margin-top: 5px;
}

.single-post .single-post-header h2 {
	margin-top: 0px;
	text-align: center;
}

.single-post-header {
    margin-bottom: 0;
}

.single-post .post-content .wpa-ld > img,
.single-post .post-content p > img {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem;
}

.wpa-ld {
    max-width: 100%;
}

div.double-outer {
	margin: 2.4rem -.8rem;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

div.double-outer img {
	width: 50%;
	margin: 0;
	padding: .8rem;
	height: auto;
}

@media screen and (max-width: 991px) {

	div.double-outer img {
		width: 100%;
	}

}

/* _Virtual Exhibition */

.single-event .section {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.6rem;
}

.single-event .section .piece {
    padding: 0 1.6rem;
    max-width: 100%;
    margin-top: 3.2rem;
}

.single-event .piece > p:last-child {
    margin-bottom: 0;
}

@media screen and (min-width: 768px) {
    .single-event .section .piece {
        width: 50%;
    }
}

.single-event .special-header {
    margin-top: 3.2rem;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
}

.single-event .piece div.gallery {
    margin-top: 0 !important;
}

.single-event .single-event .piece h3 {
    margin-top: 0;
    margin-bottom: 1.6rem;
}

.wp-audio-shortcode {
    margin: 0 0 3.2rem 0;
}

.postid-13723 .wp-audio-shortcode {
    margin: 3.2rem 0 1.6rem;
}

.iamwhy-subtext {
    color: #fff;
    padding: 0 3.2rem 3.2rem;
    margin-top: -3.6rem;
}

/* _Audio Transcription */

.audio-transcription {
    padding-top: 1.6rem;
    font-style: italic;
}

.audio-transcription p:last-child {
    margin-bottom: 0;
}

.text-container {
    overflow: hidden;
    transition: max-height .3s;
}
.collapsed.text-container {
    max-height: 0; 
}

.piece div.gallery-icon > a,
.piece dt.gallery-icon > a{
    height: 0;
    padding-bottom: 70%;
    overflow: hidden;
    position: relative;
    margin-bottom: .8rem;
}

.piece div.gallery-icon > a img,
.piece dt.gallery-icon > a img {
    position: absolute;
    display: flex;
    overflow: hidden;
    border: none;
    overflow: hidden;    object-fit: cover;
}
/* temp */

#pl-774 h2 {
    text-align: center;
}

#pl-774 .event-list-content h2 {
    text-align: left;
}

#panel-774-2-0-0 .mptt-shortcode-wrapper h2 {
    font-size: 2.4rem !important;
    text-align: left;
}