@charset "UTF-8";
/*------------------------------------------------------------

Responsive Style Sheet

version:	1.0
author:		derek allard
email:		derek@tunnel7.com
website:	http://www.tunnel7.com

------------------------------------------------------------*/
/* ======= RESET STYLES ======= */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css?family=Caudex:400,700|Source+Serif+Pro:400,700");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* ======= WEB FONTS ======= */
/* add them here */
/* ======= SASS DECLARATIONS ======= */
/* colors - define colors first then elements */
/* alerts and such */
/* for box shadows */
/* to use: @include box-shadow(3px, 3px, 5px, 1px, $shadow); */
/* to use: @include text-shadow(3px, 3px, 0, $shadow); */
/* to use: @include border-radius(7px, 7px, 7px, 7px); */
/* to use: @include transition(0.5s); - remember goes on parent not hover state */
/* to use: @include links($link, $link, $active, $active, $active, bold/normal); */
/* to use: @include rotate(7deg); */
/* to use: @include scale(1.5); */
/* to use: @include box-sizing; */
/* to use: font-size: calc-em(32,16); */
/* ======= GLOBAL STYLES ======= */
body {
  font: normal 100% "Source Serif Pro", serif;
  /* sets to 16px baseline */
  background-color: #ffffff;
  color: #000000;
  line-height: 1.5em;
  position: relative;
  -webkit-font-smoothing: antialiased; }

h1 {
  font: normal 2.25em "Caudex", serif;
  text-transform: uppercase; }

.listing h1.page-title {
  text-align: center; }

.listing.events h1.page-title {
  text-align: left; }

h2 {
  font: normal 1.5em "Caudex", serif;
  margin: 1.6666666666667em 0 0 0;
  font-weight: 700; }
  h2.past {
    clear: both;
    padding-top: 2em; }

h3 {
  font: normal 1.25em "Caudex", serif;
  margin: 2.1em 0 0 0;
  font-weight: 700; }

h4, h5, h6 {
  font: normal 1em "Caudex", serif;
  font-weight: 400;
  margin: 2.8125em 0 0 0;
  text-transform: uppercase; }
  h4.event-solicitation, h5.event-solicitation, h6.event-solicitation {
    font-size: 1.125em;
    text-transform: none;
    text-align: center;
    padding: 2.7777777778em 0;
    border-top: 1px solid #ccc;
    margin: 0; }

a {
  /* could also just use opacity for hover states
		
	&:hover {opacity: 0.9;}
	&:focus {opacity: 0.9;}
	&:active {opacity: 0.9;}
	
	*/
  text-decoration: none; }
  a:link {
    color: #cf1703;
    text-decoration: none;
    font-weight: normal; }
  a:visited {
    color: #cf1703; }
  a:hover {
    color: #cf1703; }
  a:focus {
    color: #cf1703; }
  a:active {
    color: #cf1703; }
  a:hover {
    text-decoration: underline; }

/* large buttons */
a.pelcro-subscribe-button, a.pelcro-login-button {
  min-width: 150px;
  margin-right: 1em; }

a.button:link, a.button:visited, a.pelcro-subscribe-button, a.pelcro-login-button {
  padding: 0.625em 2.5em 0.5625em;
  font: normal normal 1em "Source Serif Pro", serif;
  text-transform: capitalize;
  color: #ffffff;
  background-color: #d80000;
  text-align: center;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  font-weight: 700; }
  a.button:link.dark, a.button:visited.dark, a.pelcro-subscribe-button.dark, a.pelcro-login-button.dark {
    background-color: #ccc; }

a.button:hover, a.button:focus, a.button:active {
  background-color: #e79d0b;
  text-decoration: none; }
  a.button:hover.dark, a.button:focus.dark, a.button:active.dark {
    background-color: #ccc; }

/* small buttons */
a.buttonsmall:link, a.buttonsmall:visited {
  padding: .25em;
  margin-left: 1.5em;
  font: normal normal 0.75em "Caudex", serif;
  text-transform: lowercase;
  color: #000000;
  background-color: #cf1703;
  width: 75px;
  text-align: center;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

a.buttonsmall:hover, a.buttonsmall:focus, a.buttonsmall:active {
  background-color: #ccc; }

body#ab #about a, body#nw #news a {
  /* nav on styling */
  color: #d80000; }

.listing {
  margin-bottom: 5em; }
  .listing .listing-item {
    margin-bottom: 1em; }
    .listing .listing-item h3 {
      line-height: 1.5em; }
      .listing .listing-item h3 a {
        font: normal bold 0.9em "Caudex", serif; }
    .listing .listing-item p {
      margin: 0; }
      .listing .listing-item p.date {
        font-weight: bold; }
  .listing p.more {
    margin-top: 2em; }

.clearfix:before,
.clearfix:after,
.fullwidth:before,
.fullwidth:after,
.wrap:before,
.wrap:after,
.main:before,
.main:after {
  /* clearfix part 1 */
  content: '';
  display: table; }

.clearfix:after,
.fullwidth:after,
.wrap:after,
.main:after {
  /* clearfix part 2 */
  clear: both; }

input.test {
  /* to hide test field on forms to prevent spam - may want to text indent it into oblivion - think i read that some browsers choke on display none*/
  display: none;
  visibility: hidden; }

#accessnav {
  display: none; }

p, li, dd, dt, blockquote, legend, caption, th, td {
  font-size: 1em;
  line-height: 2em; }

p, ul, ol, dl {
  margin: .25em 0 1em 0; }

ul ul,
ul ol,
ol ol,
ol ul {
  margin: 0; }

img, embed, object, video {
  max-width: 100%;
  height: auto; }

li li {
  /* ensures no double font ineritance */
  font-size: 1em; }

ul li {
  /* put back bullets */
  margin-left: 2em;
  list-style: disc outside; }

ol li {
  /* put back numbers */
  margin-left: 2em;
  list-style: decimal outside; }

em, i {
  font-style: italic; }

strong, b {
  font-weight: bold; }

blockquote {
  font-family: "Caudex", serif;
  font-size: 1.125em;
  font-weight: 700;
  padding: 3.0555555556em 2em;
  quotes: "“" "”"; }
  blockquote:before {
    content: "“"; }
  blockquote:after {
    content: "”"; }
  blockquote p {
    margin: 0;
    display: inline;
    font-size: 1em; }
  blockquote.event-solicitation {
    border-top: 1px solid #ccc;
    padding-bottom: 0.8333333333em; }
    blockquote.event-solicitation:before {
      content: none; }
    blockquote.event-solicitation:after {
      content: none; }

@media screen and (min-width: 1024px) {
  blockquote {
    padding: 3.0555555556em 4em; } }

/* ======= LAYOUT GRID STYLES======= */
/* start with mobile first then go up from there - media queries for others at bottom */
.fullwidth {
  width: 100%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.wrap {
  margin: auto;
  width: 90%;
  max-width: 1200px;
  /* background: #fff url('../i/wrap_shadow.png') no-repeat bottom right; */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.main {
  width: 100%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .main .subnav {
    width: 100%;
    margin: 0;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .main #content {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .main .sidebar {
    width: 100%;
    margin: 0;
    float: right;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

@media screen and (min-width: 1024px) {
  .main .subnav {
    width: 23%;
    margin-right: 2%; }
  .main #content {
    max-width: 52.1875em;
    margin: 0 auto; }
  .main .sidebar {
    width: 23%;
    margin-left: 2%; }
  .listing .main #content {
    max-width: 70em;
    max-width: 100%; } }

/* ======= HEADER STYLES ======= */
.announcement-banner {
  text-align: center;
  color: #ffffff;
  background: #000000 url(/assets/images/bg-barn.jpg) no-repeat 50% 0%;
  background-size: cover;
  padding: 1.375em 0 1em;
  line-height: 1.875; }
  .announcement-banner h2 {
    color: #e79d0b;
    text-transform: uppercase;
    margin: 0;
    line-height: 1; }
  .announcement-banner a {
    /* could also just use opacity for hover states
		
	&:hover {opacity: 0.9;}
	&:focus {opacity: 0.9;}
	&:active {opacity: 0.9;}
	
	*/ }
    .announcement-banner a:link {
      color: #ffffff;
      text-decoration: none;
      font-weight: normal; }
    .announcement-banner a:visited {
      color: #ffffff; }
    .announcement-banner a:hover {
      color: #ffffff; }
    .announcement-banner a:focus {
      color: #ffffff; }
    .announcement-banner a:active {
      color: #ffffff; }
    .announcement-banner a:hover, .announcement-banner a:focus, .announcement-banner a:active {
      text-decoration: underline; }

/*These ems are based on a 16px base*/
@media only screen and (min-width: 64em) {
  /* 1024 =================================================== */
  .announcement-banner {
    text-align: left;
    padding: 2.625em 0 1.5em; }
    .announcement-banner h2 {
      float: left;
      margin-right: 1.25em; } }

.utility-navigation-wrapper {
  background-color: #cf1703;
  color: #ffffff;
  padding: 0.25em 0 0.5625em;
  margin-bottom: 0.75em; }
  .utility-navigation-wrapper ul {
    margin: 0;
    text-align: center; }
    .utility-navigation-wrapper ul li {
      margin: 0 0.75em;
      list-style: none;
      display: inline-block;
      line-height: 1; }
  .utility-navigation-wrapper a {
    /* could also just use opacity for hover states
		
	&:hover {opacity: 0.9;}
	&:focus {opacity: 0.9;}
	&:active {opacity: 0.9;}
	
	*/
    font-size: 0.875em; }
    .utility-navigation-wrapper a:link {
      color: #ffffff;
      text-decoration: none;
      font-weight: normal; }
    .utility-navigation-wrapper a:visited {
      color: #ffffff; }
    .utility-navigation-wrapper a:hover {
      color: #ffffff; }
    .utility-navigation-wrapper a:focus {
      color: #ffffff; }
    .utility-navigation-wrapper a:active {
      color: #ffffff; }
    .utility-navigation-wrapper a:hover, .utility-navigation-wrapper a:focus, .utility-navigation-wrapper a:active {
      text-decoration: underline; }
  .utility-navigation-wrapper .social a {
    font-size: 1em; }

/*These ems are based on a 16px base*/
@media only screen and (min-width: 64em) {
  /* 1024 =================================================== */
  .utility-navigation-wrapper {
    padding-top: 0.5em; }
    .utility-navigation-wrapper .utility {
      float: left; }
      .utility-navigation-wrapper .utility ul li {
        margin: 0 1.5em 0 0; }
    .utility-navigation-wrapper .social {
      float: right; }
      .utility-navigation-wrapper .social ul li {
        margin: 0 0 0 1.5em; } }

#top .banner p {
  margin: 0; }

#top .banner header {
  margin: 1em 0; }

#top .banner a.nav-toggle {
  background-image: url("/assets/images/hamburger.png");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  display: block;
  overflow: hidden;
  padding: 0 3.25em 0 0;
  line-height: 1.1875;
  margin: 0 auto;
  width: 48px;
  font-family: "Caudex", serif;
  /* could also just use opacity for hover states
		
	&:hover {opacity: 0.9;}
	&:focus {opacity: 0.9;}
	&:active {opacity: 0.9;}
	
	*/ }
  #top .banner a.nav-toggle:link {
    color: #000000;
    text-decoration: none;
    font-weight: normal; }
  #top .banner a.nav-toggle:visited {
    color: #000000; }
  #top .banner a.nav-toggle:hover {
    color: #000000; }
  #top .banner a.nav-toggle:focus {
    color: #000000; }
  #top .banner a.nav-toggle:active {
    color: #000000; }

@media screen and (min-width: 1024px) {
  #top .banner a.nav-toggle {
    display: none; } }

#top .banner nav li {
  margin: 0;
  text-align: center; }
  #top .banner nav li a {
    /* could also just use opacity for hover states
		
	&:hover {opacity: 0.9;}
	&:focus {opacity: 0.9;}
	&:active {opacity: 0.9;}
	
	*/
    font-family: "Caudex", serif;
    font-size: 1em;
    text-transform: uppercase; }
    #top .banner nav li a:link {
      color: #000000;
      text-decoration: none;
      font-weight: normal; }
    #top .banner nav li a:visited {
      color: #000000; }
    #top .banner nav li a:hover {
      color: #000000; }
    #top .banner nav li a:focus {
      color: #000000; }
    #top .banner nav li a:active {
      color: #000000; }
  #top .banner nav li > ul {
    margin-bottom: 1em; }
  #top .banner nav li li a {
    text-transform: none;
    font-family: "Source Serif Pro", serif; }
    #top .banner nav li li a:hover, #top .banner nav li li a:focus, #top .banner nav li li a:active {
      text-decoration: underline; }

.navigation-outer {
  border: 1px solid #ccc;
  border-left: none;
  border-right: none;
  padding: 0.6875em 0;
  margin-bottom: 1.375em; }

.dateinfo {
  text-align: center; }
  .dateinfo > div {
    display: inline-block;
    margin: 0 0.875em;
    line-height: 1; }

.branding {
  margin-bottom: 1.375em; }
  .branding header {
    text-align: center; }
    .branding header a {
      text-indent: -9999em;
      display: block;
      width: 381px;
      height: 66px;
      max-width: 100%;
      margin: 0.75em auto 1.25em;
      background: #ffffff url(/assets/images/logo.png) no-repeat 50% 0;
      background-size: contain; }

/*These ems are based on a 16px base*/
@media only screen and (min-width: 64em) {
  /* 1024 =================================================== */
  #top .banner header {
    margin: 0; }
  .branding {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 1em; }
  .branding header a {
    width: 432px;
    height: 75px;
    margin: 0; }
  .searchform {
    text-align: left;
    margin-bottom: 0.3125em; }
    .searchform input[type="text"] {
      width: 134px; }
  .dateinfo > div {
    display: block;
    text-align: right;
    margin: 0.5625em 0 0.3125em; }
  #top .banner nav li a {
    line-height: 1;
    padding: 0 0.5em;
    line-height: 2.625; }
  #top .banner nav li > ul {
    margin-bottom: 0;
    background-color: #cf1703;
    padding: 1.5em 1.25em;
    left: -12px; }
  #top .banner nav li li {
    text-align: left;
    line-height: 1;
    margin-bottom: 1em; }
    #top .banner nav li li a {
      padding: 0;
      line-height: 1;
      /* could also just use opacity for hover states
		
	&:hover {opacity: 0.9;}
	&:focus {opacity: 0.9;}
	&:active {opacity: 0.9;}
	
	*/ }
      #top .banner nav li li a:link {
        color: #ffffff;
        text-decoration: none;
        font-weight: normal; }
      #top .banner nav li li a:visited {
        color: #ffffff; }
      #top .banner nav li li a:hover {
        color: #ffffff; }
      #top .banner nav li li a:focus {
        color: #ffffff; }
      #top .banner nav li li a:active {
        color: #ffffff; }
      #top .banner nav li li a:hover, #top .banner nav li li a:focus, #top .banner nav li li a:active {
        text-decoration: underline; }
  .navigation-outer {
    padding: 0; }
    .navigation-outer #nav_sub {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; } }

/* ======= MAIN CONTENT STYLES ======= */
#mainfull {
  min-height: 360px;
  /*Styles for content from older site*/ }
  #mainfull .subnav nav ul {
    margin-top: 0; }
  #mainfull .subnav nav li {
    list-style: none;
    margin-left: 0; }
  #mainfull .subnav nav li li {
    /* for nested subnav */
    margin-left: 2em; }
  #mainfull .main {
    padding-bottom: 2em;
    overflow-wrap: break-word;
    /* these two ensure that long words never break out of container */
    word-wrap: break-word; }
    #mainfull .main img {
      /* margin: .25em 1em; */
      display: block;
      margin-left: auto;
      margin-right: auto; }
      #mainfull .main img.center {
        display: block;
        margin-left: auto;
        margin-right: auto; }
  #mainfull .adspace {
    text-align: center;
    margin-bottom: 2em; }
    #mainfull .adspace a {
      display: block; }
    #mainfull .adspace img {
      margin: 0 auto;
      display: block;
      width: 728px; }
  #mainfull .lower-adspace,
  #mainfull .bottom-adspace {
    margin-bottom: 0.75em; }
    #mainfull .lower-adspace a,
    #mainfull .bottom-adspace a {
      margin-bottom: 1.75em; }
    #mainfull .lower-adspace img,
    #mainfull .bottom-adspace img {
      width: 300px; }
  #mainfull #main-contentimg:first-of-type {
    float: left;
    margin-left: 0; }
  #mainfull #main-content #pic_right, #mainfull #main-content .fltrgt {
    float: right; }
  #mainfull #main-content .fltrgt {
    margin-right: 0; }
  #mainfull #main-content #pic_right img {
    margin-right: 0;
    margin-left: 1em; }
  #mainfull #main-content #pic_left, #mainfull #main-content .fltlft {
    float: left; }
  #mainfull #main-content .fltlft {
    margin-left: 0; }
  #mainfull #main-content #pic_left img {
    margin-left: 0;
    margin-right: 1em; }

.listing #mainfull .lower-adspace,
.listing #mainfull .bottom-adspace {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 3.625em 0 1.875em;
  margin-bottom: 2.5em;
  margin: 2.5em 0; }

.byline {
  font-size: 1.125em;
  margin-bottom: 1.4444444444em; }
  .byline span {
    color: #cf1703; }

.single .byline {
  margin: 0 0 1em 0; }

.post-navigation {
  padding: 1.625em 0; }
  .post-navigation a {
    font-weight: 700; }
  .post-navigation .prev {
    float: left;
    padding: 0.625em 0; }
  .post-navigation .next {
    float: right;
    padding: 0.625em 0; }

/*These ems are based on a 16px base*/
@media only screen and (min-width: 64em) {
  /* 1024 =================================================== */
  .post-navigation > div {
    max-width: 48%; } }

.post-meta {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 1.375em 0;
  margin-bottom: 1.625em; }
  .post-meta > div + div {
    margin-top: 0.375em; }

.related-articles,
#recent-article-listing {
  padding-bottom: 1.125em;
  border-bottom: 1px solid #ccc;
  margin-bottom: 2.25em; }
  .related-articles > h3,
  #recent-article-listing > h3 {
    margin: 0 0 1.1em; }
  .related-articles .related-article-entry,
  .related-articles .recent-article-entry,
  #recent-article-listing .related-article-entry,
  #recent-article-listing .recent-article-entry {
    margin-bottom: 1.375em; }
    .related-articles .related-article-entry.featured,
    .related-articles .recent-article-entry.featured,
    #recent-article-listing .related-article-entry.featured,
    #recent-article-listing .recent-article-entry.featured {
      background-color: #faebce;
      padding: 1.25em 1.625em; }
      .related-articles .related-article-entry.featured p,
      .related-articles .recent-article-entry.featured p,
      #recent-article-listing .related-article-entry.featured p,
      #recent-article-listing .recent-article-entry.featured p {
        margin-bottom: 0; }
    .related-articles .related-article-entry h3,
    .related-articles .recent-article-entry h3,
    #recent-article-listing .related-article-entry h3,
    #recent-article-listing .recent-article-entry h3 {
      margin: 0 0 0.1em;
      line-height: 1.5;
      text-transform: uppercase; }
    .related-articles .related-article-entry p,
    .related-articles .recent-article-entry p,
    #recent-article-listing .related-article-entry p,
    #recent-article-listing .recent-article-entry p {
      font-size: 1em;
      line-height: 1.875;
      margin: 0 0 1.875em; }
    .related-articles .related-article-entry img,
    .related-articles .recent-article-entry img,
    #recent-article-listing .related-article-entry img,
    #recent-article-listing .recent-article-entry img {
      width: 245px;
      max-width: 100%;
      height: auto;
      margin: 0 !important;
      display: block; }
    .related-articles .related-article-entry .related-img-link,
    .related-articles .related-article-entry .recent-img-link,
    .related-articles .recent-article-entry .related-img-link,
    .related-articles .recent-article-entry .recent-img-link,
    #recent-article-listing .related-article-entry .related-img-link,
    #recent-article-listing .related-article-entry .recent-img-link,
    #recent-article-listing .recent-article-entry .related-img-link,
    #recent-article-listing .recent-article-entry .recent-img-link {
      margin: 0 0 1.125em;
      display: block; }

/*These ems are based on a 16px base*/
@media only screen and (min-width: 64em) {
  /* 1024 =================================================== */
  .related-articles .related-article-entry .related-img-link,
  .related-articles .related-article-entry .recent-img-link,
  .related-articles .recent-article-entry .related-img-link,
  .related-articles .recent-article-entry .recent-img-link,
  #recent-article-listing .related-article-entry .related-img-link,
  #recent-article-listing .related-article-entry .recent-img-link,
  #recent-article-listing .recent-article-entry .related-img-link,
  #recent-article-listing .recent-article-entry .recent-img-link {
    margin: 0 1.5em 0 0;
    float: left; } }

#recent-article-listing .recent-article-entry .byline {
  margin-bottom: 0; }

#recent-article-listing .recent-article-entry .byline strong > a:link, #recent-article-listing .recent-article-entry .byline strong > a:visited {
  font-weight: 700; }

/*These ems are based on a 16px base*/
@media only screen and (min-width: 64em) {
  /* 1024 =================================================== */
  #mainfull .bottom-adspace,
  #mainfull .lower-adspace,
  #mainfull .top-adspace {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 2.25em; }
  #mainfull .top-adspace {
    margin-top: 0; } }

.donate-wrapper {
  padding-bottom: 2.5em;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0.5em; }

.donate {
  background-color: #cf1703;
  color: #ffffff;
  padding: 2.125em 0.75em 2.5em; }
  .donate h3 {
    margin: 0; }
  .donate p {
    font-size: 1em;
    line-height: 1.875;
    margin-bottom: 1.75em; }
  .donate img {
    margin: 0 !important;
    display: inline-block;
    vertical-align: top; }
  .donate .button {
    margin-right: 2.875em;
    margin-bottom: 1.6875em;
    vertical-align: top;
    font-family: "Source Serif Pro", serif !important;
    font-weight: 700 !important;
    background-color: #ffe500 !important; }
  .donate a {
    color: #ffe500 !important; }
    .donate a.button {
      color: #000 !important; }

/*These ems are based on a 16px base*/
@media only screen and (min-width: 64em) {
  /* 1024 =================================================== */
  .donate {
    padding: 2.125em 2.125em 2.5em; }
    .donate .button {
      margin-bottom: 0; } }

.slideshow-wrapper-outer {
  position: relative; }
  .slideshow-wrapper-outer .photos {
    background-color: #fff; }

.slideshow-wrapper-outer + .slideshow-wrapper-outer .photos {
  background-color: #fff; }

.photos {
  margin-bottom: 3.75em;
  z-index: 90;
  max-height: 510px; }
  .photos img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 !important; }
  .photos figcaption {
    font-size: 1em;
    line-height: 1.5;
    font-style: italic;
    padding-top: 1em; }
    .photos figcaption p {
      display: inline;
      font-size: 1em;
      line-height: 1.5; }

.slidecontrols {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  z-index: 99;
  height: 48px;
  margin: auto; }
  .slidecontrols a {
    color: #ffffff;
    font-family: "Caudex", serif;
    display: block;
    background-color: #000000;
    font-size: 3em;
    line-height: 1;
    padding: 0 0.1458333333em; }
    .slidecontrols a:hover, .slidecontrols a:focus, .slidecontrols a:active {
      color: #ffffff;
      text-decoration: none; }
  .slidecontrols #nextslide {
    float: right; }
  .slidecontrols #prevslide {
    float: left; }

/*These ems are based on a 16px base*/
@media only screen and (min-width: 64em) {
  /* 1024 =================================================== */
  .photos {
    margin-bottom: 2.625em; } }

.search-results {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
  padding-bottom: 1.3125em;
  margin-top: 2em; }
  .search-results .listing {
    margin-bottom: 2em; }

.pagination {
  font-weight: 700;
  font-size: 1em;
  text-align: center;
  margin: 0 !important;
  line-height: 1;
  padding: 1.3125em 0 0;
  border-top: 1px solid #ccc; }
  .listing.events .pagination {
    padding: 1.3125em 0; }

.featured-listing {
  padding: 2.5em 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-top: 1em;
  margin-bottom: 1.875em; }
  .featured-listing img {
    width: 550px;
    height: auto;
    margin: 0 !important; }
  .featured-listing h3 {
    font-size: 1em;
    margin-top: 0;
    font-family: "Source Serif Pro", serif;
    font-weight: 700;
    margin-bottom: 0.75em; }
  .featured-listing h2 {
    font-size: 1.875em;
    text-transform: uppercase;
    margin-top: 0; }
  .featured-listing .byline {
    margin-bottom: 0; }
    .featured-listing .byline strong a {
      font-weight: bold; }

/*These ems are based on a 16px base*/
@media only screen and (min-width: 64em) {
  /* 1024 =================================================== */
  .featured-listing img {
    float: left;
    margin-right: 4.6875em !important; }
  .featured-listing h2 {
    margin-top: 1.3333333333em; }
  .featured-listing h3 {
    margin-bottom: 0; } }

.recent-article-eventlisting {
  max-width: 260px;
  margin: 0 auto; }
  .recent-article-eventlisting > div {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .recent-article-eventlisting > h3 {
    text-align: center;
    margin-top: 0;
    font-weight: 700;
    margin-bottom: 1em;
    width: 100%; }
  .recent-article-eventlisting .recent-article-entry {
    max-width: 260px;
    margin-bottom: 2.5em;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 260px;
    -ms-flex: 0 1 260px;
    flex: 0 1 260px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto; }
    .recent-article-eventlisting .recent-article-entry img {
      margin: 0 !important;
      width: 260px;
      height: 160px; }
    .recent-article-eventlisting .recent-article-entry h3 {
      margin: 0;
      text-transform: uppercase; }
    .recent-article-eventlisting .recent-article-entry .byline {
      margin: 0; }
    .recent-article-eventlisting .recent-article-entry p {
      font-size: 1em;
      line-height: 1.875;
      margin: 0; }

/*These ems are based on a 16px base*/
@media only screen and (min-width: 37.5em) {
  /* 600 =================================================== */
  .recent-article-eventlisting {
    max-width: 100%; } }

/*These ems are based on a 16px base*/
@media only screen and (min-width: 64em) {
  /* 1024 =================================================== */
  .recent-article-eventlisting > div {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

.listing.events .listing-item,
#homepage .listing-item {
  margin-bottom: 1.875em; }
  .listing.events .listing-item.highlight,
  #homepage .listing-item.highlight {
    background-color: #faebce;
    padding: 1.25em 1.625em;
    margin-bottom: 1.25em; }
    .listing.events .listing-item.highlight h4, .listing.events .listing-item.highlight .date,
    #homepage .listing-item.highlight h4,
    #homepage .listing-item.highlight .date {
      font-weight: 700; }
      .listing.events .listing-item.highlight h4 a, .listing.events .listing-item.highlight .date a,
      #homepage .listing-item.highlight h4 a,
      #homepage .listing-item.highlight .date a {
        font-weight: 700; }
  .listing.events .listing-item.has-photo,
  #homepage .listing-item.has-photo {
    min-height: 110px; }
  .listing.events .listing-item h4,
  #homepage .listing-item h4 {
    font-family: "Source Serif Pro", serif;
    font-size: 1.125em;
    margin: 0 0 4px;
    text-transform: none; }
  .listing.events .listing-item p,
  #homepage .listing-item p {
    font-size: 1em; }
    .listing.events .listing-item p.date,
    #homepage .listing-item p.date {
      font-weight: 400; }
  .listing.events .listing-item .recent-img-link img,
  #homepage .listing-item .recent-img-link img {
    margin-left: 0 !important; }

.listing.events .highlighted-group {
  margin: 2.5em 0; }

body#interior.events.listing #mainfull .main .listing-item img {
  margin: .25em 1em;
  /* needed to override new default of centered images */ }

/*These ems are based on a 16px base*/
@media only screen and (min-width: 64em) {
  /* 1024 =================================================== */
  .listing.events .listing-item .recent-img-link {
    float: left; } }

.events-sidebar > h3 {
  font-weight: 700;
  margin: 2em 0 0; }

.events-sidebar > ul {
  margin: 0; }
  .events-sidebar > ul li {
    margin-left: 0;
    list-style: none;
    font-size: 1.125em; }

.events-sidebar .bottom-adspace {
  border-top: none !important;
  border-bottom: none !important; }

.article-listing {
  margin-top: 1em;
  border-top: 1px solid #ccc;
  padding-top: 2.5em; }

.featured-listing + .article-listing {
  margin-top: 0;
  border-top: none;
  padding-top: 0; }

/*These ems are based on a 16px base*/
@media only screen and (min-width: 64em) {
  /* 1024 =================================================== */
  .events-main-wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    .events-main-wrapper .events-main {
      -webkit-order: 0;
      -ms-flex-order: 0;
      order: 0;
      -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      -webkit-align-self: auto;
      -ms-flex-item-align: auto;
      align-self: auto; }
    .events-main-wrapper .events-sidebar {
      -webkit-order: 0;
      -ms-flex-order: 0;
      order: 0;
      -webkit-flex: 0 1 375px;
      -ms-flex: 0 1 375px;
      flex: 0 1 375px;
      -webkit-align-self: auto;
      -ms-flex-item-align: auto;
      align-self: auto;
      border-left: 1px solid #ccc;
      box-sizing: border-box;
      padding-left: 2.5em;
      margin-left: 2.1875em; }
      .events-main-wrapper .events-sidebar .bottom-adspace {
        display: block !important; }
        .events-main-wrapper .events-sidebar .bottom-adspace img {
          margin: 0 !important; }
      .events-main-wrapper .events-sidebar > h3 {
        margin: 0 0 2em; } }

.theme-article-entry ul {
  list-style: none;
  margin-top: 1.6875em; }
  .theme-article-entry ul li {
    margin-left: 0;
    list-style: none; }

.theme-article-entry h1 {
  font-size: 1.875em; }

.theme-article-entry h3 {
  font-family: "Source Serif Pro", serif;
  margin-bottom: 0.5em; }

.theme-article-entry p {
  margin-top: 0; }

.theme-photo-wrapper {
  max-width: 550px;
  max-height: 380px; }
  .theme-photo-wrapper .theme-photo {
    position: relative;
    margin-bottom: 2.5em; }
    .theme-photo-wrapper .theme-photo a {
      display: block; }
    .theme-photo-wrapper .theme-photo img {
      display: block; }
    .theme-photo-wrapper .theme-photo figcaption {
      font-family: "Caudex", serif;
      color: #ffffff;
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 0.625em;
      background-color: #000000;
      background-color: rgba(0, 0, 0, 0.5); }
  .theme-photo-wrapper .slidecontrols {
    z-index: 200; }

/*These ems are based on a 16px base*/
@media only screen and (min-width: 64em) {
  /* 1024 =================================================== */
  .theme-photo-wrapper {
    float: left;
    margin-right: 4.875em; }
    .theme-photo-wrapper .theme-photo {
      height: 380px; } }

/* ======= HOMEPAGE STYLES ======= */
#homepage .featured-article-entry {
  padding-bottom: 2.5em;
  border-bottom: 1px solid #ccc;
  margin-bottom: 2.5em;
  text-align: center; }
  #homepage .featured-article-entry img {
    margin: 0;
    height: auto; }
  #homepage .featured-article-entry h2 {
    margin: 0;
    text-transform: uppercase;
    font-size: 1.875em; }
  #homepage .featured-article-entry p {
    font-size: 1em;
    line-height: 1.875; }
    #homepage .featured-article-entry p.byline {
      margin-bottom: 0;
      font-weight: 700; }
      #homepage .featured-article-entry p.byline a:link, #homepage .featured-article-entry p.byline a:visited {
        font-weight: 700; }

#homepage .events-main-wrapper {
  padding-bottom: 1em;
  /*.highlighted-group {
			margin: 0 0 calc-em(30,16);
		}*/ }
  #homepage .events-main-wrapper h3 {
    margin: 0 0 1em;
    font-weight: 700; }
  #homepage .events-main-wrapper .full-events-link {
    margin-top: 1.875em; }

#homepage .listing-item.highlight:last-of-type {
  margin: 0 0 1.875em; }

#homepage .listing-item:nth-of-type(n+6) {
  display: none;
  /*Hide all listing items after the 6th*/ }

#homepage .listing-item h4 {
  text-transform: none;
  font-family: "Source Serif Pro", serif; }

#homepage .full-events-link {
  text-transform: none;
  font-size: 1.125em;
  font-family: "Source Serif Pro", serif; }

#homepage .related-articles {
  border-bottom: none;
  padding-bottom: 0; }

#homepage .homepage-related-primary .related-article-entry {
  padding: 0 10px;
  margin: 0 auto 2.5em;
  max-width: 560px;
  text-align: center;
  box-sizing: border-box; }
  #homepage .homepage-related-primary .related-article-entry h2 {
    margin-top: 0.4166666667em;
    margin-bottom: 0.1666666667em;
    text-transform: uppercase; }
  #homepage .homepage-related-primary .related-article-entry img {
    width: auto;
    margin: 0 auto !important; }
  #homepage .homepage-related-primary .related-article-entry p {
    margin-bottom: 0; }
  #homepage .homepage-related-primary .related-article-entry .related-img-link {
    float: none;
    margin: 0; }
  #homepage .homepage-related-primary .related-article-entry .byline a:link, #homepage .homepage-related-primary .related-article-entry .byline a:visited {
    font-weight: 700; }

#homepage .homepage-theme-bars {
  margin-top: -1em;
  margin-bottom: 4em;
  /*These ems are based on a 16px base*/ }
  @media only screen and (min-width: 64em) {
    #homepage .homepage-theme-bars {
      /* 1024 =================================================== */
      float: left;
      width: 100%;
      padding: 0 20px;
      margin: -2em 0 2em 0; } }
  #homepage .homepage-theme-bars a {
    text-decoration: none;
    /*These ems are based on a 16px base*/ }
    #homepage .homepage-theme-bars a .parties, #homepage .homepage-theme-bars a .real-estate {
      background: #000000 url(/assets/images/bg-barn.jpg) no-repeat 50% 0%;
      background-size: cover;
      color: #fff;
      min-height: 90px;
      padding: 1em 1.5em;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-bottom: 2em;
      max-width: 540px;
      margin-left: auto;
      margin-right: auto;
      /*These ems are based on a 16px base*/ }
      @media only screen and (min-width: 64em) {
        #homepage .homepage-theme-bars a .parties, #homepage .homepage-theme-bars a .real-estate {
          /* 1024 =================================================== */
          float: left;
          width: 48.2728842832%;
          margin-right: 3.4542314335%;
          max-width: 560px; } }
      #homepage .homepage-theme-bars a .parties p.label, #homepage .homepage-theme-bars a .real-estate p.label {
        font: normal bold 1em "Source Serif Pro", serif;
        margin: 0; }
      #homepage .homepage-theme-bars a .parties h2, #homepage .homepage-theme-bars a .real-estate h2 {
        font: normal normal 1.875em "Caudex", serif;
        text-transform: uppercase;
        color: #e79d0b;
        text-decoration: none;
        margin: 0; }
    @media only screen and (min-width: 64em) {
      #homepage .homepage-theme-bars a .real-estate {
        /* 1024 =================================================== */
        margin-right: 0; } }

#homepage .homepage-related-secondary .related-article-entry {
  padding: 0 10px;
  margin: 0 auto 2.5em;
  max-width: 280px;
  text-align: center;
  box-sizing: border-box; }
  #homepage .homepage-related-secondary .related-article-entry h3 {
    margin-top: 0.4166666667em; }
  #homepage .homepage-related-secondary .related-article-entry img {
    width: auto;
    margin: 0 auto !important; }
  #homepage .homepage-related-secondary .related-article-entry .related-img-link {
    float: none;
    margin: 0; }
  #homepage .homepage-related-secondary .related-article-entry p {
    margin-bottom: 0; }
  #homepage .homepage-related-secondary .related-article-entry .byline a:link, #homepage .homepage-related-secondary .related-article-entry .byline a:visited {
    font-weight: 700; }

#homepage .bottom-adspace {
  margin-bottom: 0 !important; }

#homepage .testimonial {
  border-bottom: 1px solid #ccc;
  margin-bottom: 2.5em; }

/*These ems are based on a 16px base*/
@media only screen and (min-width: 64em) {
  /* 1024 =================================================== */
  #homepage .featured-article-entry {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
    text-align: left; }
  .homepage-upper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    .homepage-upper > .featured-article-entry {
      -webkit-order: 0;
      -ms-flex-order: 0;
      order: 0;
      -webkit-flex: 0 1 745px;
      -ms-flex: 0 1 745px;
      flex: 0 1 745px;
      -webkit-align-self: auto;
      -ms-flex-item-align: auto;
      align-self: auto;
      padding-right: 0.9375em; }
    .homepage-upper > .events-main-wrapper {
      border-left: 1px solid #ccc;
      padding-left: 2.375em;
      -webkit-order: 0;
      -ms-flex-order: 0;
      order: 0;
      -webkit-flex: 1 1 338px;
      -ms-flex: 1 1 338px;
      flex: 1 1 338px;
      -webkit-align-self: auto;
      -ms-flex-item-align: auto;
      align-self: auto; }
  #homepage .homepage-related-primary .related-articles {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    #homepage .homepage-related-primary .related-articles > .related-article-entry {
      -webkit-order: 0;
      -ms-flex-order: 0;
      order: 0;
      -webkit-flex: 0 1 50%;
      -ms-flex: 0 1 50%;
      flex: 0 1 50%;
      -webkit-align-self: auto;
      -ms-flex-item-align: auto;
      align-self: auto;
      text-align: left; }
  #homepage .homepage-related-secondary {
    clear: both; }
  #homepage .homepage-related-secondary .related-articles {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    #homepage .homepage-related-secondary .related-articles > .related-article-entry {
      -webkit-order: 0;
      -ms-flex-order: 0;
      order: 0;
      -webkit-flex: 0 1 25%;
      -ms-flex: 0 1 25%;
      flex: 0 1 25%;
      -webkit-align-self: auto;
      -ms-flex-item-align: auto;
      align-self: auto;
      text-align: left; } }

/* ======= FOOTER STYLES ======= */
#bottom {
  text-align: center;
  color: #ffffff;
  background: #000000 url(/assets/images/bg-barn.jpg) no-repeat 50% 0%;
  background-size: cover;
  padding: 2.5em 0 4.125em; }
  #bottom h3 {
    font-size: 1.125em;
    text-transform: uppercase; }
  #bottom a {
    /* could also just use opacity for hover states
		
	&:hover {opacity: 0.9;}
	&:focus {opacity: 0.9;}
	&:active {opacity: 0.9;}
	
	*/ }
    #bottom a:link {
      color: #e79d0b;
      text-decoration: none;
      font-weight: normal; }
    #bottom a:visited {
      color: #e79d0b; }
    #bottom a:hover {
      color: #e79d0b; }
    #bottom a:focus {
      color: #e79d0b; }
    #bottom a:active {
      color: #e79d0b; }
    #bottom a:hover, #bottom a:focus, #bottom a:active {
      text-decoration: underline; }
  #bottom .footer-content {
    margin-bottom: 2.375em; }
    #bottom .footer-content > div {
      margin-bottom: 1.875em; }
  #bottom p {
    font-size: 0.875em;
    margin: 0 0 1em;
    line-height: 1.7142857142857; }
  #bottom ul {
    margin: 0; }
    #bottom ul li {
      margin-left: 0;
      list-style: none;
      font-size: 0.875em; }
  #bottom .newslettersignup {
    padding-bottom: 1.875em;
    border-bottom: 1px solid #ffffff; }
  #bottom label {
    font-family: "Source Serif Pro", serif;
    display: block;
    margin-bottom: 0.875em; }
  #bottom input[type="submit"] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    font-weight: 700;
    font-size: 1em;
    line-height: 1;
    padding: 0.625em 1.3125em 0.5625em;
    vertical-align: middle; }
  #bottom input[type="text"] {
    font-size: 1em;
    border: none;
    width: 65%;
    vertical-align: middle;
    padding: 0.4375em 1.4375em 0.5em; }
  #bottom footer sep {
    display: block;
    visibility: hidden;
    height: 0px; }
  #bottom .chronogram {
    margin-top: 2em; }
    #bottom .chronogram h4 {
      margin-bottom: .5em; }
    #bottom .chronogram .block-logos p {
      margin-top: .25em; }
    #bottom .chronogram .block-logos .logo-ri img {
      max-width: 280px; }
    #bottom .chronogram .block-logos .logo-cm img {
      max-width: 180px; }
    #bottom .chronogram .block-logos li.copyright {
      margin-top: .5em; }

/*These ems are based on a 16px base*/
@media only screen and (min-width: 64em) {
  /* 1024 =================================================== */
  #bottom .newslettersignup form {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; }
    #bottom .newslettersignup form > label {
      margin-bottom: 0;
      margin-right: 1em;
      -webkit-order: 0;
      -ms-flex-order: 0;
      order: 0;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      align-self: center; }
      #bottom .newslettersignup form > label br {
        display: none; }
    #bottom .newslettersignup form > div {
      -webkit-order: 0;
      -ms-flex-order: 0;
      order: 0;
      -webkit-flex: 0 1 375px;
      -ms-flex: 0 1 375px;
      flex: 0 1 375px;
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      align-self: center; }
  #bottom footer sep {
    display: inline;
    visibility: visible;
    height: auto; }
  .footer-content {
    text-align: left;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .footer-content > .block-about {
      -webkit-order: 0;
      -ms-flex-order: 0;
      order: 0;
      -webkit-flex: 1 1 550px;
      -ms-flex: 1 1 550px;
      flex: 1 1 550px;
      -webkit-align-self: auto;
      -ms-flex-item-align: auto;
      align-self: auto;
      max-width: 550px; }
    .footer-content > .block-support,
    .footer-content > .block-apps {
      -webkit-order: 0;
      -ms-flex-order: 0;
      order: 0;
      -webkit-flex: 0 1 260px;
      -ms-flex: 0 1 260px;
      flex: 0 1 260px;
      -webkit-align-self: auto;
      -ms-flex-item-align: auto;
      align-self: auto;
      margin-left: 1.25em; }
  .chronogram {
    float: left;
    width: 100%;
    text-align: left; }
    .chronogram h4 {
      margin-top: 1.7em; }
    .chronogram .block-logos {
      float: left;
      width: 30%; }
    .chronogram .block-partners {
      float: left;
      width: 23.3333%; }
    .chronogram .block-company {
      float: left;
      width: 23.3333%; }
    .chronogram .block-website {
      float: left;
      width: 23.3333%; } }

/* ======= FORM STYLES ======= */
form input.test {
  /* to hide test field on forms to prevent spam - may want to text indent it into oblivion - think i read that some browsers choke on display none*/
  display: none; }

form dd {
  margin-bottom: 1em; }

form input, form select, form textarea {
  font: normal 0.875em "Source Serif Pro", serif;
  -webkit-border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px;
  border: 1px solid #ccc;
  padding: 0.5em 0.2857142857em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  /* ensures no ios default styling applied to buttons */
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  /* removes ios default border radius on buttons */ }

form input[type="text"], form select, form textarea, form input[type="email"], form input[type="tel"], form input[type="password"] {
  /* so it utilizes more of the page */
  width: 50%;
  box-sizing: content-box;
  /* needed to ensure the select and text inputs have the same width - important on the partners page */ }

form input#plan_amount,
form select#card_exp_month,
form select#card_exp_year,
form input#card_cvc {
  /* for shorter inputs on these fields */
  width: 25%;
  display: inline-block;
  /* this is needed to get the select items side by side ... plan amount doesn't really need it but it doesn't hurt */ }

form textarea {
  /* so it utilizes more of the page and is wider than form elements */
  width: 75%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

form select {
  min-height: 29px; }

form input.button,
form input[type="button"],
form input[type="submit"],
form input[type="file"],
form input[type="radio"],
form input[type="checkbox"] {
  /* no border on buttons or radio checkboxes or files  */
  border: none;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

form input.button, form input[type="button"], form input[type="submit"] {
  background: #d80000;
  color: #fff;
  -webkit-border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px;
  -webkit-box-shadow: 3px 3px 5px 1px #777777;
  -moz-box-shadow: 3px 3px 5px 1px #777777;
  box-shadow: 3px 3px 5px 1px #777777;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

form input.button:hover, form input[type="button"]:hover, form input[type="submit"]:hover {
  background: #e79d0b;
  color: #ffffff; }

form .feedback {
  color: #d80000; }

.searchform {
  text-align: center; }
  .searchform label {
    position: absolute;
    left: -9999em; }
  .searchform input[type="text"] {
    border-right: none;
    position: relative;
    right: -2px;
    z-index: 10;
    height: 18px; }
  .searchform button {
    border: 1px solid #ccc;
    border-left: none;
    border-radius: 0px;
    font-size: 1em;
    line-height: 1;
    padding: 0.5em 0.5625em;
    vertical-align: top;
    cursor: pointer;
    position: relative;
    left: -3px;
    z-index: 5;
    background-color: #ffffff;
    height: 34px; }
    .searchform button:hover {
      color: #cf1703; }

/* ======= TABLE STYLES ======= */
table thead,
table tfoot {
  background: #777777; }

table {
  width: 100%;
  margin-bottom: 2em; }

table[border="1"] {
  border: 1px solid gray; }
  table[border="1"] th, table[border="1"] td {
    border: 1px solid gray; }

th, td {
  padding: 0.5em; }

/* ======= PLUGIN STYLES ======= */
@media screen and (min-width: 1024px) {
  /* for dropdowns style - http://css-tricks.com/simple-jquery-dropdowns/ */
  /* 
		LEVEL ONE
	*/
  ul.dropdown {
    position: relative;
    margin: 0; }
  ul.dropdown li {
    font-weight: normal;
    float: left;
    zoom: 1;
    list-style: none; }
  ul.dropdown a:hover {
    color: #000000; }
  ul.dropdown a:active {
    color: #cf1703; }
  ul.dropdown li a {
    display: block;
    padding: 4px 8px;
    color: #000000; }
  ul.dropdown li:last-child a {
    border-right: none; }
  /* Doesn't work in IE */
  ul.dropdown li.hover,
  ul.dropdown li:hover {
    color: black;
    position: relative; }
  ul.dropdown li.hover a {
    color: black; }
  ul.dropdown {
    max-width: 990px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; }
  /* 
		LEVEL TWO
	*/
  ul.dropdown ul {
    width: 140px;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999; }
  ul.dropdown ul li {
    font-weight: normal;
    background: #cf1703;
    color: #ffffff;
    border-bottom: none;
    float: none; }
  /* IE 6 & 7 Needs Inline Block */
  ul.dropdown ul li a {
    border-right: none;
    width: 100%;
    display: inline-block;
    /* could also just use opacity for hover states
		
	&:hover {opacity: 0.9;}
	&:focus {opacity: 0.9;}
	&:active {opacity: 0.9;}
	
	*/ }
    ul.dropdown ul li a:link {
      color: #ffffff;
      text-decoration: none;
      font-weight: normal; }
    ul.dropdown ul li a:visited {
      color: #ffffff; }
    ul.dropdown ul li a:hover {
      color: #ffffff; }
    ul.dropdown ul li a:focus {
      color: #ffffff; }
    ul.dropdown ul li a:active {
      color: #ffffff; }
    ul.dropdown ul li a:hover, ul.dropdown ul li a:focus, ul.dropdown ul li a:active {
      text-decoration: underline; }
  /* 
		LEVEL THREE
	*/
  ul.dropdown ul ul {
    left: 100%;
    top: 0; }
  ul.dropdown li:hover > ul {
    visibility: visible; } }

@media screen and (max-width: 1023px) {
  /*! responsive-nav.js 1.0.39 by @viljamis - http://responsive-nav.com/ */
  .nav-collapse ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    list-style: none; }
  .nav-collapse > ul {
    margin-top: 1.25em; }
  .nav-collapse li {
    width: 100%;
    display: block; }
  .js .nav-collapse {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    overflow: hidden;
    zoom: 1; }
  .nav-collapse.opened {
    max-height: 9999px; }
  .nav-toggle {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; } }

@media screen and (max-width: 1023px) and (min-width: 1024px) {
  .js .nav-collapse {
    position: relative; }
  .js .nav-collapse.closed {
    max-height: none; }
  .nav-toggle {
    display: none; } }

/* FancyBox Styles */
#prefermail, #guidelines, #bio, #bio1, #bio2, #bio3, #bio4, #bio5, #bio6, #bio7, #paypalpay, #promo, #bymail, #whatis {
  /* hides by default for fancybox */
  display: none;
  width: 100%; }

#promo {
  /* styles for email pop up promo (mirrors largely the homepage feature box */
  background: #ffffff;
  /*padding: calc-em(45,16) calc-em(20,16);
	margin-bottom: calc-em(45,16);*/
  /*div.image {
		float: right;
		margin-left: 1em;
	}*/ }
  #promo p {
    margin-top: 0;
    margin-bottom: .7em;
    font-size: 1.5em;
    line-height: 1.3em; }
  #promo p.caption {
    font-size: 1em; }
  #promo p.more {
    margin-top: 1em;
    font-size: 1em; }
  #promo span {
    color: #fff; }
  #promo label {
    position: absolute;
    left: -9999em; }
  #promo .already-subscribed {
    font-family: "Caudex", serif;
    font-size: 0.75em;
    color: #fff;
    margin-bottom: 2.25em; }
    #promo .already-subscribed a:link, #promo .already-subscribed a:visited {
      font-weight: 700; }
  #promo ::-webkit-input-placeholder {
    /* all these are here just for styling the placeholder */
    color: #444444; }
  #promo :-moz-placeholder {
    /* Firefox 18- */
    color: #444444; }
  #promo ::-moz-placeholder {
    /* Firefox 19+ */
    color: #444444; }
  #promo :-ms-input-placeholder {
    color: #444444; }
  #promo input {
    font-size: 0.875em;
    font-style: italic;
    color: #c4c4c4;
    margin: 0.3571428571em 0;
    font-family: "Caudex", serif; }
  #promo input[type="email"] {
    width: 20em;
    /* makes it a bit wider */
    color: #444444; }
  #promo input[type="submit"] {
    font-size: 0.875em;
    color: #fff;
    font-style: normal;
    padding: 0.5em 1.4285714286em;
    line-height: 1em; }

/* override for inline styles on stripe form on support page */
@media screen and (min-width: 1024px) {
  #stripeButtons {
    float: left;
    margin-right: .5em; } }

#stripeButtons #stripeButtonRow {
  display: block; }
  @media screen and (min-width: 1024px) {
    #stripeButtons #stripeButtonRow {
      display: inline-flex; } }

#eeEditable {
  clear: both; }

/* ======= HIDING ======= */
form nodisplay {
  /* hides spam control on homepage newsletter signup */
  display: none; }

#guides-featured-listing .featured-article-entry img {
    height: 50%;
}
.featured-content{
    padding-right: 25px;
    line-height: 2em;
}