/*
Theme Name: Ars Nova Workshop - 2019/09 - revised (LIVE)
Author: Equivocal LLC
Author URI: http://equivocal.org/
Description: Custom WordPress Theme by Equivocal LLC for Ars Nova Workshop
Version: 1.0
*/

/**
 *
 *  1- SETTINGS & CLASSES - PAGE STRUCTURE
 *  2- SETTINGS & CLASSES - DISPLAY & TYPOGRAPHY
 *    2.1- TYPOGRAPHY SCALE 
 *  3- SITE MENUS / HEADER / FOOTER
 *  4- HOME PAGE
 *  5- PAGE CONTENT STYLES
 *  6- IMAGES / GALLERIES / MEDIA
 *  7- MEDIA QUERIES
 *     
**/

html, .root {
  font-size: 23px;
  line-height: 37px;
}

body {
  font-family: 'Lato', sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.61111111em;
  color: #2e3331;
  overflow-y: scroll;
}


/* PAGE LOAD TRANSITIONS */

section.content-wrap,
.flex-1-2.flex-content {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: .25s opacity;
  transition: .25s opacity;
} 
body.fade section.content-wrap,
body.about-fade .flex-1-2.flex-content {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: none;
  transition: none;
}
body.fade-out section.content-wrap,
.flex-1-2.flex-content.fade-out {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: .5s opacity;
  transition: .5s opacity;
}
.right-column-wrap.sr-fade-in,
.right-column-wrap .sr-fade-in-right,
footer .sr-fade-in-right-0,
footer .sr-fade-in-right-1,
footer .sr-fade-in-right-2 {
  visibility:  hidden;
}


/* ICON FONT */

@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?33127216');
  src: url('fonts/fontello.eot?33127216#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff2?33127216') format('woff2'),
       url('fonts/fontello.woff?33127216') format('woff'),
       url('fonts/fontello.ttf?33127216') format('truetype'),
       url('fonts/fontello.svg?33127216#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .5em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:after, [class*=" icon-"]:after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-left: .5em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-previous:before { content: '\e800'; } /* '?' */
.icon-next:after { content: '\e801'; } /* '?' */
.icon-twitter:before { content: '\f099'; } /* '?' */
.icon-youtube:before { content: '\f16a'; } /* '?' */
.icon-instagram:before { content: '\f16d'; } /* '?' */
.icon-facebook:before { content: '\f230'; } /* '?' */
.icon-vimeo:before { content: '\f27d'; } /* '?' */




/* =============================================================================
    1- SETTINGS & CLASSES - PAGE STRUCTURE
   ========================================================================== */

.content-wrap {
  position: relative;
  width: 100%;
  max-width: 1600px;
  xmax-width: 1480px;
  xmax-width: 1400px;
  margin: 0 auto;
  padding: 0 4%;
  overflow: hidden;
}
header {
  margin-top: 4em;
  /*margin-bottom: 2.25em;*/
  margin-bottom: 3em;
  overflow: hidden;
}
.page-wrap {
  margin-bottom: 3em;
}
section.panel-wrap {
  margin-top: 1em;
}
.page main:not(.full-width),
.archive main:not(.full-width),
.single-news main:not(.full-width) {
  max-width: 825px;
  xmax-width: 960px;
}
.mobile-hide {
  display: block;
}
.mobile-show,
.flex-sidebar .grid-link-block.mobile-show {
  display: none;
}


/* FLEX STYLES */

.flex-grid-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.flex-1-1 { width: 100%; }
.flex-1-2 { width: 50%; }
.flex-1-3 { width: 33.33%; }
.flex-1-4 { width: 25%; }
.flex-1-5 { width: 20%; }
.flex-1-2.flex-content {
  width: calc(70% - 3em);
  margin-right: 3em;
}
.flex-1-2.flex-sidebar {
  width: 30%;
}


/* FOOTER */

footer,
footer .content-wrap {
  margin-bottom: 0;
  line-height: inherit;
}
footer .content-wrap {
  padding-top: 4em;
  padding-bottom: 4em;
  xpadding-bottom: 6em;
}
footer .flex-1-2 {
  width: 52.5%;
  padding-right: 3em;
}
footer .flex-1-4 {
  width: 27.5%;
  padding-left: 2em;
}
footer .flex-1-4:nth-child(3n) {
  width: 20%;
  padding-left: 1.5em;
}




/* ============================================================================= 
    2- SETTINGS & CLASSES - DISPLAY & TYPOGRAPHY
   ========================================================================== */
   
/* COLORS */

.red { color: #c33b27; }
.gold { color: #7d6937; }
.grey { color: #e2e7db; }
.black { color: #2e3331; }
.white { color: #ffffff; }

.red-bg { background-color: #c33b27; }
.gold-bg { background-color: #7d6937; }
.grey-bg { background-color: #e2e7db; }
.black-bg { background-color: #2e3331; }
.white-bg { background-color: #ffffff; }


/* GENERAL */
a {
  -webkit-transition: all .1s;
  transition: all .1s;  
}
.bold {
  font-weight: 700;
}
.all-caps {
  text-transform: uppercase;
}
.no-break {
  white-space: nowrap;
}
.hover-scale,
.hover-scale img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
  transform: translateZ(0) scale(1.0, 1.0);
}
.page-title,
.panel-title {
  margin: 0 0 .75em;
  font-size: 2em;
  line-height: 1.25;
}
.loop-start {
  margin-top: 0;
}

.no-border {
  border: 0 none;
}



/* TYPE STYLES */

h1, h3, h5 {
  font-family: 'lato', sans-serif;
  font-weight: 700;
  xtext-transform: uppercase;
}
h2, h4 {
  font-family: 'lato', sans-serif;
  font-weight: 700;
}
.event-content-wrap h2 {
  margin-top: 1.5em;
}
p, ul, ol {
  margin: 0 0 1.5em 0;  
}
ul, ol {
  margin-left: 1.5em;
}
ul li, ol li {
  margin-bottom: .5em;
}
em, i {
  font-style: italic;
}
strong, b {
  font-weight: 700;
}
blockquote {
  margin: 1.375em 2vw 1em;
  font-size: 1.375em;
  line-height: 1.5;
  color: #7d6937;
}
blockquote.tagline,
blockquote.mission {
  margin-top: 0;
  margin-right: 3vw;
}
blockquote p,
.event-content-wrap blockquote p {
  margin-bottom: 0;
}
blockquote cite {
  display: inline-block;
  margin-top: .375em;
  margin-left: .25em;
  font-size: .75em;
  line-height: 0;
  color: initial;
}


/* BUTTON LINKS */

.button-link,
.section-links a,
.archive-links a {
  display: inline-block;
  padding: 1em;
  border: 2px solid;
  border-radius: 0;
  line-height: 0;
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out 0s;
  transition: all 0.1s ease-in-out 0s;
  cursor: pointer;
}
.button-link:hover,
.button-link.black:hover,
.button-link.red:hover,
.section-links a:hover,
.section-links .current-menu-item a,
.archive-links .current-menu-item a {
  color: #ffffff;
}
.button-link.no-hover {
  cursor: default;
}

.button-link.black:hover,
.section-links a:hover,
.section-links .current-menu-item a,
.archive-links .current-menu-item a { background-color: #2e3331; border-color: #2e3331; }
.button-link.red:hover { background-color: #c33b27; border-color: #c33b27; }
.button-link.gold:hover { background-color: #7d6937; border-color: #7d6937; }
.button-link.white:not(.no-hover):hover { background-color: #7d6937; border-color: #7d6937; }

.button-link.white-red:not(.no-hover):hover { background-color: #c33b27; border-color: #c33b27; }

.button-link.donate-button {
  margin: 0 1em .75em 0;
  font-size: 1.25em;
}

.flex-sidebar .button-link.donate-button {
  display: block;
  margin-right: 0;
  padding: 1.5em 0;
  text-align: center;
  font-size: 1.5em;
}
.donate-button-paypal-notice{
  display: inline-block;
  margin-bottom: -1em;
  font-size: .75em;
  white-space: nowrap;
}
.button-link.long-label {
  margin-bottom: .875em;
  padding: .4125em .625em;
  line-height: 1.2;
}
.error404 .button-link {
  margin: 0 0 1em;
}
input[type="submit"] {
  -webkit-appearance: none;
}


/* NUMBERED PAGINATION LINKS */

.navigation ul {
  margin: 4em 0 4em;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  xcolor: #fff;
  text-decoration:none;
}
.navigation li {
  display: inline-block;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  background-color: #ffffff;
  cursor: pointer;
  xpadding: 12px;
  xpadding: 12px;
  xpadding: 12px;
  xpadding: 0.75rem;
}
 
.navigation li a:hover,
.navigation li.active a {
  background-color: #2e3331;
  xbackground-color: #c33b27;
  border-color: #2e3331;
  xborder-color: #c33b27;
  color: #ffffff;
}






/* 2.1- TYPOGRAPHY SCALE
============================================================================= */    


xh1, x.h1 {
  font-size: 2.88888889em;
  line-height: 1.11538462em;
  margin-top: 0.55769231em;
  margin-bottom: 0.55769231em;
}
h1, .h1, h2, .h2 {
  /*margin-bottom: .375em;*/
  margin-bottom: 1.5em;
  font-size: 1.625em;
  line-height: 1.425;
  /*color: #7d6937;*/
}
h3, .h3 {
  font-size: 1.375em;
  line-height: 1.25em;
  xline-height: 1.11538462em;
  margin-top: 1.11538462em;
  margin-bottom: .5em;
}
h4, .h4 {
  font-size: 1.1875em;
  margin-top: 1.375em;
  margin-bottom: .375em;
}
h5, .h5 {
  font-size: 1em;
  line-height: 1.61111111em;
  margin-top: 1.61111111em;
  margin-bottom: 0em;
}
p, ul, ol, pre, table {
  margin-top: 0em;
  margin-bottom: 1.61111111em;
}
ul ul, ol ol, ul ol, ol ul {
  margin-top: 0em;
  margin-bottom: 0em;
}
hr, .hr {
  border-top: 1px solid #e2e7db;
  margin: 2em 0 calc(2em - 1px);
}
hr.home-announcement-rule {
  margin: 2em 0 calc(3em - 1px);
}
hr.end-of-page-rule {
  /*border-top: 2px solid #2e3331;*/
  /*margin: 3.2em 0 calc(3.2em - 2px);*/  
  border-top: 2px solid #e2e7db;
  margin: 4.8em 0 calc(4.8em - 2px);
  width: calc(92vw - (100vw - 1600px));
}


a, b, i, strong, em, small, code {
  line-height: 0;
}
sub, sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}




/* =============================================================================
    3- SITE MENUS / HEADER / FOOTER
   ========================================================================== */

/* GENERAL SITE MENUS */

nav a {
  display: inline-block;
  padding-bottom: .25em;
  border-bottom: 2px solid;
  line-height: normal;
  text-decoration: none;
}
nav a,
nav a:hover {
  font-color: #231f20;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}
nav a:hover,
nav .current-menu-item a,
nav .current-page-ancestor a {
  border-bottom: 2px solid;
  color: #231f20;
}
.header-menu,
.footer-menu,
.sidebar-page-menu,
.archive-links {
  margin-left: 0;
  list-style: none;
}


/* HEADER MENU */

header nav a {
  border-bottom: 2px solid #ffffff;
  color: #2e3331;
}
.header-menu {
  margin: 0;
  margin-left: -.625em;
  list-style: none;
}
.header-menu li {
  display: inline-block;
  margin: 0 .625em;
}
.header-menu li:last-child {
  margin-right: 0;
}


/* HEADER LOGO */

.header-logo {
  display: block;
  width: 50%;
  max-width: 360px;
  height: 131px;
  margin-bottom: 1em;
}
.header-logo img {
  width: 100%;
}


/* HEADER BUTTON LINKS */

.header-button-links-wrap {
  position: absolute;
  top: 0;
  right: 4vw;
  text-align: right;
}
.header-button-links-wrap .button-link {
  margin-bottom: .8em;
}


/* FOOTER MENU */

.footer-menu {
  margin: 0 0 .8em;
  list-style: none;
}
.footer-menu li {
  margin: 0;
}
.footer-menu a,
nav .footer-menu a,
nav .footer-menu a:hover {
  padding: 0;
  border: 0 none;
  color: #ffffff;
  line-height: 1.61111111;
  text-decoration: none;
  -webkit-transition: all .1s;
  transition: all .1s;
}

.footer-menu a:hover {
  opacity: .75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";

}

/* FOOTER LOGO */

.footer-logo,
footer .grid-wrap {
  margin-top: 2em;
  margin-bottom: 3em;
}
.footer-logo {
  display: block;
}
.footer-logo img {
  width: 33.33%;
  max-width: 180px;
  xmax-width: 200px;
  min-width: 160px;
  height: auto;
}


/* COPYRIGHT */

.copyright {
  position: absolute;
  bottom: 2em;
  font-size: .625em;
  xleft: 50%;
  xtransform: translateX(-50%);
}




/* =============================================================================
    4- HOME PAGE
   ========================================================================== */

/* GENERAL */

.feature-text-wrap {
    position: relative;
    top: -7em;
    background: white;
    width: 90%;
    margin: 0px auto -4em;
    padding: 2em 10%;
}
.feature-text-wrap .feature-date-wrap {
    margin-bottom: .75em;
}
.feature-text-wrap h2 {
    margin-bottom: .375em;
    line-height: 1.2;
}


/* UPCOMING EVENTS */

.upcoming-events-grid {
  width: calc(100% + 2vw);
  xwidth: calc(100% + 1em);
}
.upcoming-events-grid [class*='flex-'] {
  margin-bottom: 4em;
  padding-right: 2vw;
  xpadding-right: 1em;
}
.upcoming-events-grid a {
  text-decoration: none;
}
.upcoming-events-grid a.button-link {
  font-size: 1.125em;
}
.upcoming-event-img-wrap {
  display: block;
  overflow: hidden;
}
.upcoming-event-img {
  height: 0;
  padding-bottom: 77%;
  xpadding-bottom: 85%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.upcoming-events-grid-block.hover .upcoming-event-img {
  -webkit-transform: translateZ(0) scale(1.0234375);
  transform: translateZ(0) scale(1.0234375);
  opacity: .875;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=87)";
}

.flex-1-2 .upcoming-event-img {
  padding-bottom: 55%;
}
.flex-1-2 .grid-link-block {
  padding-bottom: calc(55% - 4px);
}

.upcoming-events-grid h3 {
  margin: 0;
  margin-bottom: .375em;
  xmargin-bottom: .125em;
  xmargin-bottom: .3125em;
  margin-top: .875em;
  xmargin-top: .5em;
  xmargin-top: .6875em;
}
.upcoming-events-grid h3.date-wrap {
  font-size: .875em;
  xfont-size: 1.125em;
  xfont-size: 1.25em;
}
.upcoming-events-grid p {
  padding-right: .375em;
  line-height: 1.425;
}
.upcoming-events-grid .event-title {
  margin-bottom: .625em;
  font-size: 1.375em;
  xfont-size: 1.625em;
  line-height: 1.225;
  xline-height: 1.1875;
}
.upcoming-events-grid .event-subtitle {
  xmargin-top: -.625em;
  margin-top: -.75em;
  margin-bottom: 1em;
  xmargin-bottom: .9375em;
  xfont-size: .9375em;
}

/* TEMP EVENT GROUP CATEGORY LABEL */

.upcoming-events-grid .event-group-label {
  font-size: .6875em;
  margin: -.625em 0 1.5625em;
}
.upcoming-events-grid .event-group-label a {
  border: 0 none;
}



/* UPCOMING events LINK BLOCK */

.grid-link-block {
  display: block;
  position: relative;
  height: 0;
  padding-bottom: calc(77% - 4px);
  xpadding-bottom: calc(85% - 4px);
  border: 2px solid;  
  background-color: #ffffff;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.grid-link-block.hover {
  background-color: #7d6937;
}
a.calendar-icon-wrap svg {
  max-width: 70px;
  margin: .875em;
}
svg path.calendar-icon {
  fill: none;
  stroke: #7d6937;
  stroke-width: 2.4306;
}
.grid-link-block h3 {
  margin: 0;
  font-size: 1.25em;
}
.grid-link-block h3 span {
  white-space: nowrap;
}
a.grid-link-text {
  position: absolute;
  bottom: .5em;
  left: .6875em;
  max-width: calc(100% - 4em);
  font-size: .925em;
  font-weight: 400;
  line-height: 1.2625;
  text-transform: none;
}
.grid-link-block.hover a.calendar-icon-wrap svg path.calendar-icon {
  stroke: #ffffff;
}
.grid-link-block.hover a.grid-link-text {
  color: #ffffff;
}


/* FEATURED CONTENT GRID */

.featured-content-grid {
  width: calc(100% + 2.5vw);
  xwidth: calc(100% + 1.5em);
}
.featured-content-grid [class*='flex-'] {
  padding-right: 2.5vw;
  xpadding-right: 1.5em;
  margin-bottom: 4em;
}
.featured-content-grid a {
  text-decoration: none;
}
.featured-content-grid a.button-link {
  font-size: 1.125em;
}
.featured-content-img-wrap {
  display: block;
  overflow: hidden;
  margin-bottom: .75em;
}
.featured-content-img {
  height: 0;
  padding-bottom: 75%;
  xpadding-bottom: 85%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.featured-content-img-wrap:hover .featured-content-img {
  -webkit-transform: scale(1.015625);
          transform: scale(1.015625);
  opacity: .875;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=87)";
}


/* TEMP CSS ADJUSTMENT FOR OCTREV LOGO */
/* .featured-content-grid-block:nth-child(2) .featured-content-img { */
/*   background-size: contain; */
/* } */


.featured-content-text-wrap {
  padding: 0 1em 0 .25em;
}
.featured-content-grid h3 {
  margin: .125em 0 .6875em;
  xmargin: .125em 0 .3125em;
  xmargin: .5em 0 .25em;
  xmargin: .6875em 0 .3125em;
  xmargin: .75em 0 .425em;
  font-size: 1.75em;
  xfont-size: 1.5em;
  line-height: 1.25;
  xline-height: 1.2;
}
.featured-content-grid p {
  margin-top: -.75em;
  margin-bottom: 1.25em;
  line-height: 1.5;
}
.featured-content-grid .feature-subtitle {  
  margin: -.125em 0 .4375em;
  font-size: 1.25em;
  line-height: 1.375;
}


/* ARCHIVE/DONATE/SHOP PANEL */

.archive-donate-shop-panel-wrap {
  width: calc(100% + 4.5vw);
  xwidth: calc(100% + 3em);
  padding-top: 2.5em;
  padding-bottom: 1em;
}
.archive-donate-shop-panel-wrap [class*='flex-'] {
  margin-bottom: 3em;
  padding-right: 4.5vw;
  xpadding-right: 3em;
}
.archive-donate-shop-panel-wrap a {
  text-decoration: none;
}
.archive-donate-shop-panel-wrap a.underline {
  border-bottom: 2px solid;
}
.archive-block-img-wrap,
.donate-block-img-wrap,
.shop-block-img-wrap {
  display: block;
  overflow: hidden;
}
.archive-block-img,
.donate-block-img,
.shop-block-img {
  height: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.archive-block-img-wrap:hover .archive-block-img,
.donate-block-img-wrap:hover .donate-block-img,
.shop-block-img-wrap:hover .shop-block-img {
  -webkit-transform: scale(1.015625);
          transform: scale(1.015625);
  opacity: .88;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=88)";
}


/* ARCHIVE/DONATE BLOCK */

.archive-block h2,
.donate-block h2 {
  margin: .375em 0 .53125em;
  line-height: 1;
}
.archive-block-img-wrap,
.donate-block-img-wrap {
  background-color: #654d1f;
  xbackground-color: #614a1b;
}
.archive-block-img,
.donate-block-img {
  padding-bottom: 62.5%;
/* CSS FILTER */
  mix-blend-mode: screen;
  -webkit-filter: grayscale(100%) contrast(90%) brightness(100%);
  x-webkit-filter: grayscale(100%) contrast(80%) brightness(140%);
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.8" intercept="0.09999999999999998" /><feFuncG type="linear" slope="0.9" intercept="0.09999999999999998" /><feFuncB type="linear" slope="0.9" intercept="0.09999999999999998" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.0" /><feFuncG type="linear" slope="1.0" /><feFuncB type="linear" slope="1.0" /></feComponentTransfer></filter></svg>#filter');
  filter: grayscale(100%) contrast(90%) brightness(100%);
  xfilter: grayscale(100%) contrast(80%) brightness(140%);
}
.archive-block h3,
.donate-block h3 {
  margin-top: 1em;
  font-size: 1.25em;
  font-weight: 400;
}
.archive-block p,
.donate-block p {
  margin-top: 1em;
  margin-bottom: 0;
  padding-right: 1em;
  font-size: .9375em;
  line-height: 1.5;
}


/* SHOP BLOCK */

.shop-block {
  position: relative;
  overflow: hidden;
  padding: 1em 1.25em 1.25em;
  border: 2px solid;
  font-size: .875em;
}
.shop-block h2 {
  margin-bottom: .5625em;
  line-height: 1.05;
}
.inline-logo img {
  width: auto;
  height: .8375em;
  margin: 0 .125em -.0625em;
}

.shop-block-img-wrap {
  background-color: #e4207d;
}

.shop-block .img-placeholder,
.shop-block-img {
  padding-bottom: 85%;
/* CSS FILTER */
  mix-blend-mode: screen;
  -webkit-filter: grayscale(100%) contrast(100%) brightness(95%);
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.0" intercept="0.09999999999999998" /><feFuncG type="linear" slope="1.0" intercept="0.09999999999999998" /><feFuncB type="linear" slope="1.0" intercept="0.09999999999999998" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope=".95" /><feFuncG type="linear" slope=".95" /><feFuncB type="linear" slope=".95" /></feComponentTransfer></filter></svg>#filter');
  filter: grayscale(100%) contrast(100%) brightness(95%);
}
.coming-soon-wrap {
  position: absolute;
  top: 43%;
  z-index: 1;
  width: calc(100% - 3.3125em);
  background: #c33b27;
  left: -.25em;
  width: 103.25%;
  padding: 1em;
  font-size: 2em;
  text-transform: uppercase;
  -webkit-transform: rotate(-05deg);
          transform: rotate(-05deg);
}
.coming-soon {
  font-weight: 700;
  color: white;
  text-align: center;
  width: 100%;
}




/* =============================================================================
    5 - PAGE CONTENT STYLES
   ========================================================================== */

main a,
xmain a:hover,
.event-details a h3,
.event-details h3 a {
  color: #2e3330;
  text-decoration: none;
  border-bottom: 2px solid;
}
main a:hover,
.archive-donate-shop-panel-wrap a:hover,
a.black:hover,
a.gold:hover {
  color: #c33b27;
}
main h1 a,
main h2 a,
main h3 a,
main h4 a,
main h5 a,
/*a[href^="mailto"],*/
a.hover-scale,
a.upcoming-event-img-wrap,
a.featured-content-img-wrap,
.event-title a,
.grid-link-block a {
  text-decoration: none;
  border: 0 none;
}


/* PAGES */

.page .flex-content,
.page .flex-sidebar {
  font-size: .875em;
  line-height: 1.5;
}
.page .flex-content p,
.page .flex-sidebar p {
  margin-bottom: 1.25em;
}
nav.section-links {
  margin-top: 2em;
}
nav.section-links li {
  margin-bottom: 1em;  
}


/* NEWS ARCHIVES */

.post-type-archive-news .page-wrap {
  margin-bottom: 4em;
}
.archive-loop-post-wrap {
  margin-bottom: 1.5em;
}
.archive-loop-post-wrap h2 {
  margin: 0;
  margin-bottom: .15625em;
  font-size: 1.4375em;
  line-height: 1.2;
}
.archive-loop-post-wrap p {
  font-size: .875em;
  line-height: 1.5;
}

/* SINGLE NEWS */

.single-news .page-wrap {
  margin-bottom: 0;
}

.single-news .flex-content,
.single-news .flex-sidebar {
  font-size: .875em;
  line-height: 1.5;
}



.post-tag,
.post-date {
  font-size: .6875em;
}
.tag-date-separator {
  margin: 0 .25em;
}
.post-tag {
  xmargin-right: .25em;
  xfont-weight: 700;
  border: 0 none;
  text-transform: uppercase;
  text-decoration: none;
}
x.post-tag:after {
  content: "\00B7";
  margin-left: .25em;
}
.post-date {
  xfont-style: italic;
  text-transform: uppercase;
}
.single-blog h1 {
  margin-bottom: .25em;
}


/* EVENT ARCHIVES */

/* Archive Grid */

.archive-grid-wrap {
  margin: 2em auto;
}
.archive-grid-wrap {
  width: calc(100% + 1em);
}
.archive-grid-wrap [class*='flex-'] {
  margin-bottom: .5em;
  padding-right: 1em;
}
.archive-grid-wrap a {
  border: 0 none;
  text-decoration: none;
}
.archive-img-wrap {
  display: block;
  overflow: hidden;
}
.archive-img {
  height: 0;
  padding-bottom: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.archive-img-wrap:hover .archive-img {
  -webkit-transform: scale(1.0234375);
          transform: scale(1.0234375);
  opacity: .875;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=87)";
}
.archive-grid-wrap h3 {
  margin: 0;
  margin-top: .5625em;
  margin-bottom: .1875em;
  font-size: .6875em;
  line-height: 1.35em;
  text-transform: uppercase;
}
.archive-grid-wrap p {
  margin-bottom: .9375em;
  font-size: .90625em;
  line-height: 1.25;
  font-weight: 600;
}

/* Archive Links */

.archive-links-panel {
  margin-top: 3em;
  margin-bottom: 3em;
}
.page .archive-links-panel {
  margin-bottom: 0;
}
.archive-links {
  margin-bottom: 1em;
}
.archive-links li {
  display: inline-block;
  margin-right: .6875em;
}
.archive-links li:hover a,
.archive-links li.current-menu-item a {
  color: #ffffff;
  background-color: #2e3331;
  border-color: #2e3331;
}


/* SINGLE EVENT - POST and LOOP */

.single-event-wrap {
  margin-bottom: 3em;
}
.page .single-event-wrap {
  margin: 0 0 3.5em;
}
.page .single-event-wrap:last-child {
  margin-bottom: 4em;
}
.single .single-event-wrap [class*='flex-'] {
  width: 37.5%;
  margin: 0;
  padding: 0;
  top: 0;
  text-align: left;
}
.single .single-event-wrap [class*='flex-']:first-child {
  width: calc(62.5% - 2em);
  margin-right: 2em;
}
.page .single-event-wrap [class*='flex-']:first-child {
  padding-right: 2em;
}
.page .single-event-wrap [class*='flex-']:first-child a {
  display: block;
}
.page .single-event-wrap [class*='flex-']:first-child a img {
  width: 100%;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.page .single-event-wrap [class*='flex-']:first-child a:hover img {
  opacity: .88;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=88)";
}
.single-event-wrap .single-event-feature-img {
  margin-top: 0;
  margin-bottom: 1.75em;
}


/* TEMP EVENT GROUP CATEGORY LABEL */

.single-event-wrap .event-group-label {
  font-size: .8125em;
  margin: -1em 0 1.5em;
}
.single .single-event-wrap .event-group-label {
  font-size: .6875em;
  margin: 0 0 .9375em;
}
.single-event-wrap .event-group-label a {
  display: block;
  border: 0 none;
  line-height: 1.2; 
}


.single-event-wrap .event-title {
  margin-bottom: .25em;
  padding-right: .5em;
  font-size: 1.75em;
  line-height: 1.25;
}
.single-event-wrap p.event-subtitle {
  margin-bottom: .5em;
  font-size: 1.25em;
}
.single-event-wrap .date-wrap {
  margin-bottom: .5em;
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1.35;
}
.single .single-event-wrap .ticket-link.button-link {
  margin-top: .625em;
  margin-bottom: 1.125em;
  font-size: 1.125em;
}
.page .single-event-wrap .ticket-link.button-link {
  margin-right: .6875em;
}
.page .single-event-wrap .button-link:last-child {
  xmargin-bottom: 2em;
}
.event-info-wrap {
  margin-bottom: 1.25em;
  font-size: .875em;
  line-height: 1.45;
  xline-height: 1.5;
}
.single-event-wrap .event-info-wrap h2 {
  margin-top: 1.25em;
  xmargin-top: 1.1875em;
  margin-bottom: .5em;
  font-size: 1.125em;  
  line-height: 1.35;
  text-transform: uppercase;
  color: #7d6937;
}
.single-event-wrap .event-info-wrap h3 {
  margin-top: .5em;
  xmargin-top: .6875em;
  xmargin-bottom: .125em;
  margin-bottom: .25em;
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1.55;
}
.event-info-wrap p {
  xmargin-bottom: 1.25em;
}

/* DRAFT STYLE FOR MUSICIANS LISTS */

.single-event-wrap .event-info-wrap h3 + h3 {
  margin-top: 0;
}
.event-info-wrap .event-details ul {
  margin-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.event-info-wrap .event-details ul li {
  margin-bottom: .30625em;
  xmargin-bottom: .275em;
  line-height: 1.25;
}
.event-info-wrap .event-details ul + p {
  margin-top: 1.5em;
}

.single-event-wrap .single-event-feature-img,
.single-event-wrap .event-content-wrap {
  font-size: .875em;
  line-height: 1.555;
  xline-height: 1.5;
}

.single-event-wrap .event-content-wrap {
  margin-top: .25em;
  xpadding-right: 4%;
}
.single-event-wrap .event-content-wrap p {
  margin-bottom: 1.25em;
}
.page.grid-link-block,
.single-events .grid-link-block {
  max-width: 480px;
  height: auto;
  margin-top: 2.5em;
  padding-bottom: 0;
}
.single-events .grid-link-block {
  margin-top: 3em;
}
.page.grid-link-block a.calendar-icon-wrap svg,
.single-events .grid-link-block a.calendar-icon-wrap svg {
  margin: 1em;
  margin-bottom: .375em;
}
.page.grid-link-block h3,
.single-events .grid-link-block h3 {
  font-size: 1.3125em;
}
.page.grid-link-block h3 span,
.single-events .grid-link-block h3 span {
  white-space: nowrap;
}
.page.grid-link-block a.grid-link-text,
.single-events .grid-link-block a.grid-link-text {
  top: 1em;
  left: calc(54px + 2.375em);
  max-width: 300px;
}



/* ARCHIVED EVENT POSTS */

section.events .single-event-wrap,
.archived-event .single-event-wrap {
  margin-bottom: 0;
}
section.events main,
.archived-event main {
  margin-bottom: 3em;
}
section.events .grid-link-block,
.archived-event .grid-link-block {
  xmargin-top: 1.75em;
  font-size: .875em;
}



/* SINGLE POST NAVIGATION (PREVIOUS/NEXT) */

.post-navigation-grid {
  margin-bottom: 4em;
}

.post-navigation-previous {
  padding-right: 1em;
}
.post-navigation-next {
  padding-left: 1em;
  text-align: right;
}

[class^='post-navigation-'] a {
  border: 0 none;
}
.post-navigation-title {
  display: block;
  margin-top: .125em;
  font-size: 1.25em;
  line-height: 1.25;
}



/* =============================================================================
    6- IMAGES / GALLERIES / MEDIA
   ========================================================================== */

main figure {
  margin: 2.5em 0 2em;
  /*display: inline-block;*/
}
img.event-sponsor-logo {
  margin-top: -2em;
}
main figcaption {
  max-width: fit-content;
  /* max-width: 640px; */
  /* margin-top: .5em; */
  /*font-size: .75em;*/
  font-size: .7em;
  line-height: 1.425;
  /* margin-right: 2em; */
  margin: .5em 3em 0 .25em;
}
main figure a {
  border: 0 none;
  display: block;
}
section img {
  max-width: 100%;
  height: auto;
}
.single-event-wrap .single-event-feature-img img {
  width: 100%;
}
img.paypal-logo {
  max-width: 100px;
}
img.inline-logo.paypal-logo {
  display: inline-block;
  margin: -3px 0 0 .25em;
  vertical-align: middle;
}


/* WORDPRESS IMAGE GALLERIES */

div.gallery {
    margin: 3.5em 0;
}

figure.gallery-item {
    margin: 2.5em 0 3em;
}


/* EMBEDDED MEDIA / IFRAME */

/*.arve-embed-container,*/
/*.arve .arve-embed,*/
div.arve,
main iframe:not(.arve-iframe),
main twitterwidget {
  display: block;
  margin-top: 2.5em!important;
  /*margin-bottom: 2.5em!important;*/
  margin-bottom: 3em!important;
}

main p iframe {
  /*margin: 1.25em 0!important;*/
}

main .event-info-wrap iframe {
  margin: 1.75em 0 -1em!important;
  xmargin: 1em 0 0!important;
  xmargin: 1.5em 0 .25em!important;
}
main .event-info-wrap iframe:last-child {
  margin-bottom: .5em!important;
}

.arve-wrapper,
main .arve-embed-container iframe {
  /*margin: 0!important;*/
}



main .event-info-wrap figure {
  margin: 1.75em 0 0!important;
}
div.responsive-video-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  margin-bottom: 1.75em;
  padding-bottom: 62.5%;
}
div.responsive-video-wrapper iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0!important; 
}


/* SOUNDCLOUD RESPONSIVE WRAP */

.soundcloud-iframe-wrap iframe {
  width: 100%;
}




/* FEATURED IMAGE PANEL */

.flex-featured-image-panel {
  /*margin-bottom: 1.875em;*/
  margin-bottom: 2.875em;
  font-size: .875em;
  line-height: 1.5;
}
.flex-featured-image-panel .featured-image-panel {
  height: 0;
  padding-bottom: 55%;
  xbackground-image: url(http://www.arsnovaworkshop.org/wp-content/uploads/2018/09/anw-hear-in-now-broad-street-ministry-01.jpg);
  background-size: cover;
  background-position: center;
}
.featured-image-panel-caption-mobile figcaption {
  margin-top: .625em;
}
.featured-image-panel-caption.mobile-hide figcaption {
  margin-top: 0;
}


/* PHOTOSWIPE PLUGIN CUSTOM */

.pswp__counter {
    font-size: 12px;
}
.pswp__caption__center {
    max-width: none;
    padding: 2em 2em;
}



/* =============================================================================
    7- MEDIA QUERIES
   ========================================================================== */





/* =============================================================================
    0- TEMP REVISIONS
   ========================================================================== */
   
   
.upcoming-events-grid .flex-1-2:first-child {
  width: 66.67%;
}

.upcoming-events-grid .flex-1-2:last-child {
  width: 33.33%;
}    

.upcoming-events-grid .flex-1-2:first-child .upcoming-event-img {
  padding-bottom: calc((100% - 2vw) * .385); 
}    

.upcoming-events-grid .flex-1-2:last-child .grid-link-block {
  padding-bottom: calc(77% - 4px);
}    

.upcoming-events-grid .event-subtitle.black {
  margin-top: -.625em;
}


/* FULL WIDTH IMAGE GALLERY WRAP */

figure.gallery-item {
  display: inline;
  float: left;
  width: calc(33.33% - 1em);
  margin: 0 1.5em 1.375em 0;
}
figure.gallery-item:nth-child(3n) {
  margin-right: 0;
}

.full-width-image-gallery-wrap .gallery figcaption {
  display: none;
} 

.full-width-image-gallery-wrap div.arve {
  max-width: 100%!important;
}
.full-width-image-gallery-wrap h2,
.full-width-image-gallery-wrap p {
  max-width: 1000px;
}

.full-width-image-gallery-wrap {
  position: relative;
  z-index: 1000;
  width: calc(92vw - (100vw - 1600px));
  max-width: 1600px;
  margin: 0 auto 3em;
  overflow: hidden;
}
/* BELOW 1600PX WIDTH */
@media handheld, only screen and (max-width: 1599px) {
  .full-width-image-gallery-wrap,
  hr.end-of-page-rule {
    width: 92vw;
  }
}


.single-event-feature-video {
  margin-top: -2.5em;
  margin-bottom: -1.25em;
}