/*
Theme Name: spm-x
Theme URI: http://www.stpaulmedia.com/
Author: Jonathan Hatch
Author URI: http://www.stpaulmedia.com
Version: 1.2
GitHub Theme URI: stpaulme/spm
*/

/*/////////////////////////////////////////
Colors
Dark Gray: #1a1a1a;
Light Gray: #e4e4e4;
Blue: #019fc4;
Red: #ef3e36;
Orange: #ffb60f;
Green: #c1bb00;
/////////////////////////////////////////*/

/*/////////////////////////////////////////
Project Specific Resets
/////////////////////////////////////////*/



/* Font-Family */ 
html,body {font-size:16px;}
img {max-width:100%;height:auto;}
a {color:#B93436;letter-spacing:.2px;}
a.button {
  font-family: 'Roboto', sans-serif;
  background-color: #B93436;
  border: none;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  padding: 10px 20px;
  text-transform: uppercase;
  letter-spacing: 0.2px;
}
a.button.donate {background-color:#95C1C4;color:#333333;}
a.button.membership {background-color:#D58359;color:#333333;}
.post-content a {border-bottom:2px solid #B93436;}
.post-content a:hover {color:#B93436;border-bottom:2px solid #D5AF00;}
.post-content a.button {border-bottom:0;}
.post-content a.button:hover {color:#FFFFFF;background-color:#9F2022;}
.post-content a.button:active {background-color:#750F10;}
a.read-more {color:#B93436;font-weight:700;font-family: 'Roboto', sans-serif;}
a.read-more:hover {color:#D5AF00;}
a.read-more:after {display:inline-block;margin-left:3px;content:'\00BB';}
a:hover {text-decoration:none;}
a:active {color:inherit;}
.is-visible {display:block;}
.not-visible {display:none;}
i:hover {cursor: pointer;}
a.skip-link {display:none;}

@media (min-width: 992px) {
  html, body {overflow-x:hidden;}
}
/*/////////////////////////////////////////
Typography
/////////////////////////////////////////*/
h1, h2, h3, h4, blockquote {font-family: 'Lora', serif;color:#333333;font-weight:700;}
p, ol, ul {font-family: 'Roboto', sans-serif;color:#333333;font-size:1rem;margin-bottom:1.25em;line-height:1.55;}
h1 {font-size:1.6875rem;letter-spacing:0.27px;}
h2 {font-size:1.6875rem;letter-spacing:0.36px;line-height:1.16;padding-bottom:6px;border-bottom:3px solid #D5AF00;}
h3 {font-size:1.5rem;letter-spacing: 0.24px;line-height: 1.22;margin-bottom:9px;}
h4 {font-size:1.25rem;font-weight:bold;letter-spacing:0.2px;line-height: 1.25;}
h5 {font-size:1.125rem;font-family: 'Roboto', sans-serif;font-weight:bold;color:#62645D;line-height:1.11;letter-spacing:0.2px;text-transform: uppercase;border-bottom:2px solid #CDB9AC;padding-bottom:3px;margin-bottom:9px;}
blockquote {font-style:italic;font-weight:bold;margin-bottom:1.25em;border-left: 10px solid #D5AF00;padding-left:20px;}
blockquote p {font-family: 'Lora', serif;font-size:1.5rem;line-height:1.25;}
h1.site-name {font-size:1.125rem;}
h1 a, h2 a, h3 a, h4 a, h5 a {color:#B93436;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {color:#D5AF00;}
@media (min-width: 768px) {
  h1 {font-size:2.625rem;letter-spacing:0.02em;}
  h2 {font-size:2.25rem;padding-bottom:10px;margin-bottom:20px;}
  h3 {font-size:1.6875rem;}
  h4 {font-size:1.5rem;}
  p, ol, ul {font-size:1.125rem;}
  blockquote {margin-bottom:1.875em;}
  blockquote p {font-size:1.6875rem;}
}

/*/////////////////////////////////////////
Header
/////////////////////////////////////////*/
#masthead {padding: 30px 0 0 0;}
#header-logo a.logo {
    display:block;
    width:172px;
    height:55px;
    content: ' ';
    float:left;
    background-image: url('/wp-content/themes/spm-x/img/rchs_logo.svg');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom:30px;
}
#header-logo a.logo:hover {opacity:0.65;}
.mobile-menu-button {
  display:block;
  width:46px;
  height:53px;
  content: ' ';
  float:right;
  background-image:url('/wp-content/themes/spm-x/img/menu.svg');
  background-position: top;
  background-repeat: no-repeat;
}
a.site-name {
  display:block;
  width:100%;
  float:left;
  margin-bottom:18px;
}
a.site-name:hover {opacity:0.65;}
a.site-name h1 {
    color: #333333;
    font-family: Lora;
    font-size: 1.25rem;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 0.2px;
    line-height: 1.25;
    text-align: center;
    margin-bottom:0;
}
#secondary-nav {float:right;height:64px;width:100%;padding-right:40px;margin-right:-40px;}
#primary-nav {width:100%;float:right;margin-top:40px;}
#primary-nav ul, #secondary-nav ul {list-style:none;text-align:right;}
#secondary-nav ul {margin:0;padding:0;}
#primary-nav li, #secondary-nav li {display:inline-block;}
#primary-nav ul {text-align:right;}
#primary-nav li {font-family: 'Lora', serif;font-size:1.25rem;font-weight:700;margin-left:30px;}
#primary-nav a {color:#333333;padding-bottom:6px;}
#primary-nav li.exhibition a:hover {color:#143854;border-bottom:4px solid #143854;}
#primary-nav li.artists a:hover {color:#5B244F;border-bottom: 4px solid #5B244F;}
#primary-nav li.about a:hover {color:#62645D;border-bottom: 4px solid #62645D;}
#primary-nav li.exhibition.current-menu-item a {color:#143854;border-bottom:4px solid #143854;}
#primary-nav li.artists.current-menu-item a {color:#5B244F;border-bottom: 4px solid #5B244F;}
#primary-nav li.about.current-menu-item a {color:#62645D;border-bottom: 4px solid #62645D;}
#secondary-nav a {color:#333333;font-weight:500;}
#secondary-nav a:hover {color:#62645D;}
#secondary-nav li {margin-left:30px;vertical-align:-18px;}
#secondary-nav li:first-child {margin-left:0;}
#secondary-nav li:last-child {margin-left:15px;}
#secondary-nav li.button.membership a {
  background-color:#D58359;
  color:#333333;
  display: inline-block;
  font-weight: 700;
  padding: 10px 20px;
  text-transform: uppercase;
}
#secondary-nav li.button.donate a {
  background-color:#95C1C4;
  color:#333333;
  display: inline-block;
  font-weight: 700;
  padding: 10px 20px;
  text-transform: uppercase;
}
#secondary-nav li.button.donate a:hover {background:#2A3D3F;color:#EEEDE7;}
#secondary-nav li.button.membership a:hover {background:#352115;color:#EEEDE7;}
nav.breadcrumbs {position:relative;padding-top:20px;padding-bottom:40px;z-index:999;}
nav.breadcrumbs li {display:inline-block;}
nav.breadcrumbs li a:hover {opacity:0.65;}
@media (min-width: 768px) {
  a.site-name h1 {text-align: left;}
  nav.breadcrumbs {padding-top:30px;padding-bottom:70px;}
}
@media (min-width: 992px) {
  #masthead {padding:0;position:relative;z-index:2;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.15);}
  #header-logo {padding-top:10px;}
  #header-logo a.logo {margin-bottom:18px;}
  nav#secondary-nav {
    font-family: 'Roboto', sans-serif;color:#333333;
    font-weight:500;
  }
  nav#secondary-nav ul {
    float:right;
    padding: 0 0 0 30px;
    border-radius: 0 0 0 27px;
    background-color: #EEEDE7;
    height: 64px;
    text-align:right;
  }
  .secondary-illusion {background-color:#EEEDE7;position:absolute;top:0;right:-95%;width:100%;height:64px;z-index:-1;}
}
@media (min-width: 1200px) {
}

/*/////////////////////
Homepage 
/////////////////////*/
body.home #content {overflow:hidden;}
body.home .module.side-by-side {background:#FFFFFF;padding-top:40px;padding-bottom:40px;}
body.home .image-band .image-1 {margin-bottom:30px;}
body.home .basic-image-caption p {font-size:1rem;}

@media (min-width: 768px) {
  body.home .module.side-by-side {padding-top:80px;padding-bottom:80px;}
  body.home .image-band .image-1 {margin-bottom:40px;}
}
@media (min-width: 992px) {
  body.home .image-band .image-1 {margin-bottom:0;}
}
@media (min-width: 1200px) {}

/*/////////////////////////////////////////
Module - Homepage Hero
/////////////////////////////////////////*/
.module.hero {
  position:relative;
  border-radius: 0 0 50% 50%;
  background:url(/wp-content/themes/spm-x/img/background_texture.png);
  width:400%;
  margin-left:-150%;
  padding-bottom:50px;
}
.module.hero .container {max-width:100vw;}
.module.hero.banner {
  top:0;
  content: ' ';
  display:block;
  position: absolute;
  height:234px;
  border-radius: 0 0 50% 50%;
  width:200%;
  margin-left:-50%;
  z-index:0;
  background:#143854;
}
.module.hero img {margin-bottom:30px;}
.module.hero p.banner-subtitle {text-transform:uppercase;font-size:1.125rem;font-weight:700;line-height:1.11;margin-bottom:12px;color:#62645D;}
.module.hero h2.banner-heading {margin-bottom:12px;}
.module.hero a.button:hover {color:#FFFFFF;background-color:#9F2022;}
.module.hero a.button:active {background-color:#750F10;}

@media (min-width: 768px) {
  .module.hero {
    padding-top:49px;
    padding-bottom:80px;
  }
  .module.hero.banner {
    height:234px;
    width:50%;
    margin-left:25%;
  }
  .module.hero h2.banner-heading {margin-bottom:20px;}
  .module.hero img {margin-bottom:50px;}
}
@media (min-width: 992px) {
  .module.hero {
    overflow: hidden;
    padding-top:0;
    padding-bottom:0;
    width:200%;
    margin-left:-50%;
  }
  .module.hero.banner {display:none;}
  .module.hero .hero-content {padding-top:70px;}
  .module.hero .hero-image {margin-right:-20px;}
  .module.hero img {margin-bottom:0;}
}

@media (min-width: 1200px) {
  .module.hero .container {max-width:1200px;}
  .module.hero {
    height:auto;
  }
  .module.hero .hero-content {padding-left:0;}
  .module.hero .hero-image {margin-right:0;}
}

/*/////////////////////////////////////////
Module - Homepage CTA Group
/////////////////////////////////////////*/
.module.cta-group {
  border-radius: 50% 50% 0 0;
  background:url(/wp-content/themes/spm-x/img/background_texture.png);
  width:400%;
  margin-left:-150%;
  padding-top:40px;
}
.module.cta-group .container {max-width:100vw;}
.module.cta-group .cta {margin-bottom:30px;}
.module.cta-group h2 {
  text-align:center;
  border-bottom:0;
  margin-bottom:0;
  padding-bottom:0;
}
.module.cta-group h2:after {
  content: ' ';
  display:block;
  width:60px;
  height:7px;
  margin:12px auto 30px auto;
  background:#D5AF00;
}
.module.cta-group img {
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
  margin-bottom:20px;
}
p.cta-date {color:#62645D;font-weight:700;font-size:1.125rem;margin-bottom:6px;}
h3.cta-title {margin-bottom:12px;line-height:1.20;}
.cta-copy p {margin-bottom:10px;}

@media (min-width: 768px) {
  .module.cta-group {padding-top:70px;}
  .module.cta-group .cta {margin-bottom:50px;}
  .module.cta-group h2 {margin-bottom:30px;}
  
}
@media (min-width: 992px) {
  .module.cta-group {
    width:200%;
    margin-left:-50%;
    padding-top:70px;
    padding-bottom:70px;
  }
  .module.cta-group h2:after {
    margin:12px auto 40px auto;
  }
  .module.cta-group .cta {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .module.cta-group .container {max-width:1200px;}
}

/*/////////////////////////////////////////
Module - Homepage Image Band
/////////////////////////////////////////*/
section.image-band {background:#FFFFFF;padding-top:30px;padding-bottom:30px;}

@media (min-width: 768px) {
  section.image-band {padding-top:40px;padding-bottom:40px;}
}


/*/////////////////////////////////////////
Slideout Menu
/////////////////////////////////////////*/
main#content {position:relative;}
.slide-out {
  display:block;
  content: ' ';
  width:60px;
  height:59px;
  background: url('/wp-content/themes/spm-x/img/sidebar_menu.svg');
  background-repeat: no-repeat;
  z-index:30;
  box-shadow: 0 2px 7px 0 rgba(0,0,0,0.4);
  border-radius:50%;
}
.slide-out.active {
  position:absolute;
  background-image: url('/wp-content/themes/spm-x/img/sidebar_menu_open.svg');
}
.slide-out-wrapper {height:60px;content:' ';}
.slide-out-menu {position:absolute;background:#FFFFFF;width:75vw;z-index:25;top:520px;padding:35px;margin-left:-9999px;transition: all .5s;box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);}
.slide-out-menu.active {margin-left:10px;}
.slide-out-menu h3 {font-size:1.6875rem;padding-top:20px;}
.slide-out-menu ol {padding-left:15px;padding-top:10px;}
.slide-out-menu ol li {line-height:1.27;margin-bottom:20px;}
.slide-out-menu ol li:hover {color:#B93436;}
.slide-out-menu ol li:last-child {padding-bottom:0;}
.slide-out-menu ol li a {color:#333333;}
.slide-out-menu ol li a:hover {color:#B93436;}
.slide-out-menu li.current_page_item {color:#B93436;}
.slide-out-menu li.current_page_item a {color:#B93436;}

@media (min-width: 768px) {
  .slide-out-menu {top:50px;width:45vw;}
  .slide-out-menu.active {margin-left:5px;}
}
@media (min-width: 992px) {
  .slide-out-menu {top:80px;width:320px;}
  .slide-out-menu.active {margin-left:5px;}
  main#content {position:relative;z-index:999;}
}

/*/////////////////////////////////////////
Breadcrumbs
/////////////////////////////////////////*/
ol.breadcrumb {
  display: block;
  padding: 0;
  margin-bottom: 0;
  list-style: none;
  background-color: transparent;
  border-radius: 0;
  color:#FFFFFF;
  font-family: Roboto;
  font-size: .875rem;
  letter-spacing: 0;
  line-height: 17px;
}
ol.breadcrumb a {color:#FFFFFF;}
ol.breadcrumb li:after {display:inline-block;content:' / ';margin:0 5px;}
ol.breadcrumb li:last-child:after {display:none;}
@media (min-width: 768px) {
  ol.breadcrumb {font-size:1.125rem;}
}

/*/////////////////////////////////////////
Modules - Universal
/////////////////////////////////////////*/
.module {padding-bottom:20px;padding-top:20px;}

@media (min-width: 768px) {
  .module {padding-top:25px;padding-bottom:25px;}
}
@media (min-width: 992px) {

}



/*/////////////////////////////////////////
Module - Banner
/////////////////////////////////////////*/
header.banner {position:relative;height:196px;margin-bottom:20px;}
header.banner .container {position:relative;z-index:1;height:100%;}
header.banner .row {height:100%;}
header.banner:after {
  top:0;
  content: ' ';
  display:block;
  position: absolute;
  height:100%;
  border-radius: 0 0 50% 50%;
  width:200%;
  margin-left:-50%;
  z-index:0;
}
header.banner h1, header.banner p {color:#FFFFFF;text-align:center;}
header.banner p {text-transform:uppercase;font-size:1rem;font-weight:700;margin-bottom:0;}

@media (min-width: 768px) {
  header.banner {height:234px;margin-bottom:25px;}
  header.banner:after {
    border-radius: 0 0 50% 50%;
    width:180%;
    margin-left:-40%;
  }
}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {}

/*/////////////////////////////////////////
Module - Basic Text
/////////////////////////////////////////*/
.intro {text-align:center;}
.intro a.button:hover {border-bottom:0;background:#9F2022;color:#FFFFFF;}
.intro a.button:active {background:#750F10;}
.module.basic-text p img {margin-bottom:15px;}
.module.basic-text p:last-child {margin-bottom:0;}
@media (min-width: 768px) {
  .intro p {font-size:1.3125rem;line-height:1.52;}
  .intro a.button {font-size:1.125rem;}
  .module.basic-text p img {margin-bottom:0}
}
@media (min-width: 992px) {
  .intro {
    padding-top:40px;
    padding-bottom:40px;
  }
}

/*/////////////////////////////////////////
Module - Artists & Exhibits Landing
/////////////////////////////////////////*/
.artists-landing, 
.exhibits-landing {text-align:center;}
.artists-landing h3 a,
.exhibits-landing h3 a {color:#333333;}
.artists-landing h3 a:hover,
.exhibits-landing h3 a:hover {color:#62645D;}
.artists-landing img,
.exhibits-landing img {
  display:block;
  border-radius: 50%;
  border: 7px solid #FFFFFF;
  box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);
  max-width:100%;
  height: auto;
  margin: 0 auto;
  padding-bottom:0;
  margin-bottom:16px;
}
.artists-landing a:hover img,
.exhibits-landing a:hover img {opacity:0.65;}
.feed-content {margin-bottom:36px;}
.feed-content-wrapper {padding:12px;}

@media (min-width: 768px) {
  .artists-landing img,
  .exhibits-landing img {
    margin-bottom:26px;
  }
}

/*/////////////////////////////////////////
Module - Side by Side
/////////////////////////////////////////*/
.module.side-by-side {padding-bottom:50px;}
.module.side-by-side .image {margin-bottom:20px;}
.module.side-by-side .image img {border-radius:50%;max-width:100%;height:auto;}
.module.side-by-side h2 {margin-bottom:12px;}

@media (min-width: 768px) {
  .module.side-by-side a.read-more {color:#B93436;font-weight:700;font-size:1.125rem;}
}
@media (min-width: 992px) {
  .module.sponsors a.read-more {font-size:1.3125rem;}
}

/*/////////////////////////////////////////
Module - Sponsors
/////////////////////////////////////////*/
.module.sponsors {text-align:center;position:relative;padding-top:40px;margin-bottom:60px;}
.module.sponsors .sponsors-content {position:relative;z-index:2}
.module.sponsors:before {
  top:0;
  content: ' ';
  display:block;
  position: absolute;
  height:50%;
  border-radius: 50% 50% 0 0 ;
  width:300%;
  margin-left:-100%;
  z-index:1;
  background:#FFFFFF;
}
.module.sponsors:after {
  bottom:-40px;
  content: ' ';
  display:block;
  position: absolute;
  height:50%;
  border-radius:0 0 50% 50%;
  width:300%;
  margin-left:-100%;
  z-index:1;
  background:#FFFFFF;
}
.module.sponsors h2 {
  text-align:center;
  border-bottom:0;
  margin-bottom:0;
  padding-bottom:0;
}
.module.sponsors h2:after {
  content: ' ';
  display:block;
  width:60px;
  height:7px;
  margin:12px auto 20px auto;
  background:#D5AF00;
}
.module.sponsors .sponsors-image {margin-bottom:20px;}
.module.sponsors .sponsors-image:last-child {margin-bottom:0;}

@media (min-width: 768px) {
  .module.sponsors {padding-top:60px;margin-bottom:80px;}
  .module.sponsors p {font-size:1.3125rem;line-height:1.52;letter-spacing:0;margin-bottom:50px;}
  .module.sponsors .sponsors-image {margin-bottom:30px;}
}
@media (min-width: 992px) {
  .module.sponsors:before {
    width:200%;
    margin-left:-50%;
    height:60%;
  }
  .module.sponsors:after {
    width:200%;
    margin-left:-50%;
    height:60%;
    bottom:-60px;
  }
  .module.sponsors p {
    font-size:1.3125rem;
  }
}

/*/////////////////////////////////////////
Module - Responsive Video
/////////////////////////////////////////*/
.basic-video h2 {margin-bottom:30px;}
.embed-container { 
  position: relative; 
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
} 
.embed-container iframe,
.embed-container object,
.embed-container embed { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*/////////////////////////////////////////
Module - Basic Image / Caption
/////////////////////////////////////////*/
.basic-image-caption {background:#EEEDE7;padding:12px;}
.basic-image-caption p {font-size:.875rem;margin-bottom:0;line-height:1.25;}

@media (min-width: 768px) {
  .basic-image-caption p {font-size:1rem;margin-bottom:0;}
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}

/*/////////////////////////////////////////
Random Posts & Pages Styles
/////////////////////////////////////////*/
main#content {padding-top:30px;padding-bottom:40px;}
section#post-wrapper {background:#FFFEFB;}
header.post-header {height:320px;float:left;width:100%;}
.post-content {padding-left:0;padding-right:0;padding-top:20px;}
.post-content a {font-weight:700;}
.post-content li {padding-bottom:10px;}
.post-content li:last-child {padding-bottom:0;}
.clear {width:100%;clear:both;content:' ';height:180px;}
@media (min-width: 768px) {
  header.post-header {height:320px;float:none;clear:both;}
  main#content {padding-top:20px;}
  .post-content {padding-top:0;}
  .clear {height:20px;}
}
@media (min-width: 992px) {
  header.post-header {height:268px;}
  .post-content section.module:first-child {padding-top:0;}
  div.post-content, aside.post-sidebar {padding-top:35px;}
  main#content {padding-top:40px;}
}

/*/////////////////////////////////////////
Exhibit & Artist Landing Pages
/////////////////////////////////////////*/
section#content {overflow:hidden;background:url(/wp-content/themes/spm-x/img/background_texture.png);}
body.page-template section#content {padding-bottom:20px;}

/*/////////////////////////////////////////
Exhibit Posts
/////////////////////////////////////////*/
section#post-wrapper {overflow:hidden;}
section.exhibit header.post-header {position:relative;}
section.exhibit header.post-header .container {position:relative;z-index:1;}
section.exhibit header.post-header:after {
  top:0;
  content: ' ';
  display:block;
  position: absolute;
  background:#143854;
  border-radius: 0 0 50% 50%;
  width:200%;
  margin-left:-50%;
  height:280px;
  z-index:0;
}
.post-topic {
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 0.16px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    padding-bottom:10px;
}
p.post-topic {color:#FFFFFF;line-height:1.4;letter-spacing:.75px;}
p.post-topic a {color:#FFFFFF;border-bottom: 1px solid #D5AF00;padding-bottom:0;}
p.post-topic a:hover {border-bottom: 1px solid #FFFFFF;}
h1.post-topic {
  font-family: Lora;
  text-transform: initial;
  font-size: 1.6875rem;
  margin: 0 auto 30px auto;
  line-height: 1.11;
}
img.post-topic {
  display:block;
  border-radius: 50%;
  border: 7px solid #FFFFFF;
  box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);
  max-width:100%;
  height: auto;
  margin: 0 auto;
  padding-bottom:0;
}
@media (min-width: 500px) {
  img.post-topic {
    max-width:240px;
  }
}
@media (min-width: 768px) {
  section.exhibit header.post-header:after,
  section.exhibit.artist header.post-header:after {
    border-radius: 0 0 50% 50%;
    width:180%;
    margin-left:-40%;
    height:330px;
  }
  .post-topic {font-size:1.125rem;text-align:left;}
  p.post-topic {margin-bottom:13px;}
  h1.post-topic {margin:0 0 30px 0;font-size:2.625rem;line-height:1.119;}
  img.post-topic {
    max-width:100%;
  }
}
@media (min-width: 992px) {
  section.exhibit header.post-header:after,
  section.exhibit.artist header.post-header:after {
    border-radius: 0 0 50% 50%;
    width:160%;
    margin-left:-30%;
    height:300px;
  }
  .exhibit-image img {
    max-width:100%;
    margin-top:-60px;
  }
  section.exhibit .post-sidebar {
    margin-top:80px;
  }
}
@media (min-width: 1200px) {}

/*/////////////////////////////////////////
Artist Posts (Individual)
/////////////////////////////////////////*/
section.exhibit.artist header.post-header {position:relative;}
section.exhibit.artist header.post-header .container {position:relative;z-index:1;}
section.exhibit.artist header.post-header:after {
  top:0;
  content: ' ';
  display:block;
  position: absolute;
  background:#5B244F;
  border-radius: 0 0 50% 50%;
  width:200%;
  margin-left:-50%;
  height:280px;
  z-index:0;
}
.artist-image img {
  display:block;
  border-radius: 50%;
  border: 7px solid #FFFFFF;
  box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);
  max-width:100%;
  height: auto;
  margin: 0 auto;
  padding-bottom:0;
}
@media (min-width: 500px) {
  .artist-image img {
    max-width:240px;
  }
}
@media (min-width: 768px) {
  .artist-image img {
    max-width:100%;
  }
}
@media (min-width: 992px) {
  section.exhibit.artist header.post-header:after {
    height:280px;
  }
  .artist-image img {
    max-width:350px;
    margin-top:-60px;
  }
  section.exhibit.artist .post-sidebar {
    margin-top:80px;
  }
}
@media (min-width: 1200px) {}

/*/////////////////////////////////////////
Exhibit & Artist Post Pagination
/////////////////////////////////////////*/
.post-pagination.module {
  list-style: none;
}
.post-pagination .left,
.post-pagination .right {text-align:center;margin-bottom:30px;}
.post-pagination a {
  background-color: #B93436;
  border: none;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  padding: 10px 20px;
  text-transform: uppercase;
}
.post-content .post-pagination a:hover {border-bottom:0;background:#9F2022;color:#FFFFFF;}
.post-content .post-pagination a:active {background:#750F10;}
.post-pagination .right a:after {content:'\00BB';margin-left:3px;vertical-align: 2px;}
.post-pagination .left a:before {content:'\00AB';margin-right:3px;vertical-align: 2px;}
@media (min-width: 768px) {
  .post-pagination.module {font-size:1.125rem;padding-top:0;padding-bottom:80px;}
  .post-pagination .left {text-align:left;margin-bottom:0;}
  .post-pagination .right {text-align:right;margin-bottom:0;}
  .post-pagination .right a:after {vertical-align: 1px;}
  .post-pagination .left a:before {vertical-align: 1px;}
}


/*/////////////////////////////////////////
Exhibit & Artist Post Sidebar
/////////////////////////////////////////*/
.box {background-color: #FFFFFF;box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);margin-bottom:30px;}
.box.donations {padding:35px 30px;margin-bottom:0;}
.post-sidebar {padding-top:20px;}
.post-sidebar p {line-height:1.44;}
.post-sidebar p a {font-weight:700;}
.post-sidebar ul.buttons {padding:0;list-style:none;margin-bottom:0;}
.post-sidebar ul.buttons li {margin-bottom:15px;}
.post-sidebar ul.buttons li:last-child {margin-bottom:0;}
.post-sidebar a.button.donate:hover {background:#2A3D3F;color:#EEEDE7;}
.post-sidebar a.button.membership:hover {background:#352115;color:#EEEDE7;}
.post-sidebar a.button:hover {border-bottom:0;background:#9F2022;color:#FFFFFF;}
.post-sidebar a.button:active {background:#750F10;}
.sidebar-related-content {padding:35px 30px;}
@media (min-width: 768px) {
  .box {margin-bottom:0;}
}
@media (min-width: 992px) {
  .box {margin-bottom:30px;}
}






/*/////////////////////////////////////////
Footer
/////////////////////////////////////////*/
#colophon {
  padding-top:50px;
  padding-bottom:0;
  background-image: url('/wp-content/themes/spm-x/img/footer_map.jpg');
}
#colophon ul {list-style:none;margin:0;padding:0 0 20px 0;color:#62645D;}
#colophon p {color:#62645D;margin-bottom:1.875em;}
.footer-logo a.logo {
    display:block;
    width:219px;
    height:70px;
    content: ' ';
    background-image: url('/wp-content/themes/spm-x/img/rchs_logo.svg');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 52px;
}
.footer-logo a.logo:hover {opacity:0.65;}
.footer-logo p a {font-weight:500;}
.footer-logo a.phone {color:#62645D;}
.footer-logo a.email:hover {opacity:0.65;color:#B93436;}
.footer-logo a.phone:hover {color:#333333;}
.footer-location a {color:#62645D;}
.footer-location a:hover {color:#333333;}
#colophon #footer-nav {padding-top:30px;}
#colophon #footer-nav li {font-family: 'Lora', serif;font-size:1.25rem;line-height:22px;margin-bottom:20px;}
#colophon #footer-nav li:last-child {margin-bottom:0;}
#colophon #footer-nav li a {color:#333333;font-weight:700;}
#colophon #footer-nav li a:hover {opacity:0.65;}
.footer-copyright p {font-size:.875rem;margin-bottom:0;padding-bottom:12px;}
.footer-copyright p a {color:#62645D;}
.footer-copyright p a:hover {color:#333333;}

@media (min-width: 768px) {}
@media (min-width: 992px) {
  .footer-logo a.logo {
    display:block;
    content: ' ';
    background-size: 100%;
    margin-bottom: 40px;
  }
  #colophon #footer-nav {padding-top:18px;}
  #colophon .column-2 {padding-top:18px;}
}