/*
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.0
Text Domain: vestige-bebito
*/

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

/* _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 {
    margin-bottom: 1.6rem;
}

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

.hidden {
	display: none;
}

.clear {
	clear: both;
}

.screenreader-text {
    overflow: hidden;
    height: 0;
    width: 0;
}

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;
}

.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;
}

.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-group {
	text-align: center;
}

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

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

button.btn,
a.btn,
.fake-btn, /* TODO remove */
a.longdesc-link,
.pager li > a,
.so-widget-sow-button a {
    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-color: var(--link-color) !important;
    text-decoration: none;
}

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


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;
	outline: 0;
}

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

a.longdesc-link {
	left: 0;
	bottom: 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: 0;
	height: 0;
	overflow: hidden;
}

#subscribe input[type="submit"] {
	display: block;
	margin: auto;
	margin-top: 2.4rem;
	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,
#subscibe input[type="submit"]:focus {
	background-color: #000;
}

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

/* _Content Design */

.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;
	outline: 0;
}

.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;
    }

    #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;
    height: 2.4rem;
    padding: 0;
    transition: all .2s;
}

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

#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;
    }

    #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;
}

.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,
#slider-buttons { /* TODO remove 2nd on all */
	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;
}

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

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

.slider-buttons span,
#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,
#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-10540 .hero-area,  .page-id-10540 .page-header, .page-id-12464 .page-header, .page-id-12464 .hero-area {
		height: 300px !important;
		min-height: 300px;
		background-size:cover;}

}


@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-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:cover;}
}

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


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

	.fake-btn {
		right: auto;
}


}

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

#slider-buttons {
		padding-left: 10px;
		padding-right: 10px;}

}

/* 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;}

@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;}

.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;
	outline: 0;}

.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;
}

#pgc-587-1-0 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0 !important;
}

#panel-587-1-0-0 {
    width: 100%;
}

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

	.page-id-587 .img-md-right {
		max-width: 40rem;
		width: 100%;
	}
	.page-id-587 .col-md-4 {
		text-align: center;
	}
}

#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: 0 !important;
}

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

.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-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 img,
li.event-list-item > div > .gallery, li.event-list-item > div a.btn {
	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;
}



/***** 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 > p > img {
	padding-top: 20px;
	padding-bottom: 20px;
}

.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;
}

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

.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-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-14304 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 *****/


.ratesheet {
	margin-bottom: 30px;
	width:100%;
	table-layout: fixed;
}

.ratesheet td {
	text-align:center;
}

.ratesheet th {
	text-align:left;

}

.ratesheet th.space {
	width:38%;

}

.ratesheet th.capacity {
	width:13%;
	text-align:center;
}

.ratesheet th.daytime {
	width:21%;
	text-align:center;}

.ratesheet th.weekends {
	width:22%;
	text-align:center;}

.ratesheet th.perday {
	width:6%;
	text-align:center;}
.ratesheet td, .ratesheet th {
	border-bottom: 1px solid #666;
	vertical-align:top;
	padding: 10px 10px 10px 0px;
}

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


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

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


	.ratesheet {
		border-top: 1px solid #999;
		z-index: 1;
	}
	.ratesheet th {
		border-left: 1px solid #999;
		padding-left: 10px;
		border-right: 1px solid #999;
	}
	.ratesheet td {
		border-right: 1px solid #999;
		border-left: 1px solid #999;
		text-align:left;
	}

	.ratesheet td, .ratesheet th {
		padding: 5px 5px 5px 5px;
	}


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

	.ratesheet th.capacity {
		padding-top: 30px
	}
	.ratesheet th.daytime {
		padding-top: 56px;

	}



		.ratesheet th.weekends {
		padding-top: 107px;

	}
		.ratesheet th.perday {
		padding-top: 157px
	}
	.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;
}}

.mfp-bg {
	opacity: 0.92;
}
.mfp-counter {
	font-size: 16px;
	margin-top: 9px;
}
.mfp-image-holder .mfp-close:hover, .mfp-iframe-holder .mfp-close:hover, .mfp-image-holder .mfp-close:focus, .mfp-iframe-holder .mfp-close:focus {
	padding-right: 6px;
}

.mfp-title {
	padding-right: 80px;
	font-size: 16px;
    line-height: 1.6 !important;
	margin-top: 5px;
}



/***** Contact Us *****/

.departments em {
	font-style:normal;
}




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


.departments strong {
	display:block;
	width:100%;
}

	}

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


.contactinfo strong, .departments em {
	display:block;
	width:100%;
}

	}

/*** Site Map ***/

.page-id-3611 .content {
	padding-top: 20px !important;
	padding-bottom: 10px !important;
}

div.sitemap1, div.sitemap2, div.sitemap3, div.sitemap4 {
	float:left; padding-right: 15px;
}

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%;
	float: left;
}

}

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

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

}

div.sitemap1 h2, div.sitemap2 h2, div.sitemap3 h2, div.sitemap4 h2{
text-align: left;
	font-size: 24px;
	margin-bottom: 20px;
	margin-top: 20px;
}

/***** 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;
}

/*** Gala / Magazine***/

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

@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 img {
	margin: 16px 0;
}

#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 *****/

dl {}

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

div.gallery dl.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 {
	background: #F9F8F5;
}

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

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

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;
    padding-top: 1.2rem;
}

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

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;
}

img.mfp-img {
	color: transparent !important;
}

.mfp-figure:after {
	box-shadow: none;
	background: transparent !important;
}







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

.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;
}

/***** Terms of use etc. *****/
.page-id-3538 .content, .page-id-3542 .content, .page-id-1189 .content {padding-top:10px !important;}


.page-id-1189 h4, .page-id-3536 h3, .page-id-3538 h3, .page-id-3542 h3, .page-id-1189 h3, {
	text-align:left;
margin-bottom: 25px;
margin-top: 25px;}


/* _Blog */

.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 #content-col h2, .category #content-col h2 {
	margin-top: 3.6rem;
}

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

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

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

.blog .posts-listing img:nth-of-type(1) {
	margin: 1.6rem 0;
}

.blog .posts-listing p:first-child img {
	margin-top: .8rem;
}

/* 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 img {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem;
}

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 */

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

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

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

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

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

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

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

.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 dt.gallery-icon {
    height: 0;
    padding-bottom: 60%;
    overflow: hidden;
    position: relative;
}

.piece dt.gallery-icon a {
    position: absolute;
    display: flex;
    height: 100%;
    overflow: hidden;
    border: none;
    overflow: hidden;
}

.piece dt.gallery-icon a img {
    object-fit: cover;
}