/*
	Theme Name: A Prairie Home Companion
	Description: A Prairie Home Companion theme created for the Genesis Framework, styles converted to Sass.
	Authors: Nick Ciske and Amy Dalrymple
	Author URI: http://ThoughtRefinery.com/
	Version: 2.0
 
	Template: genesis
	Template Version: 2.0.2
 
	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/
/*********************
IMPORTING PARTIALS
*********************/
/*! normalize.css v3.0.2, downloaded 2015-03-03 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
@import url("/wp-content/themes/aphc/custom_styles.css");
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
*********************/
/* 
$link-color:        $red;
$link-hover: 		$orange;
$link-hover:        darken($link-color, 9%);
 */
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
/*  To embed your own fonts, use this syntax
  and place your fonts inside the
  library/fonts folder. For more information
  on embedding fonts, go to:
  http://www.fontsquirrel.com/
  Be sure to remove the comment brackets.
*/
/*  @font-face {
      font-family: 'Font Name';
      src: url('library/fonts/font-name.eot');
      src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('library/fonts/font-name.woff') format('woff'),
             url('library/fonts/font-name.ttf') format('truetype'),
             url('library/fonts/font-name.svg#font-name') format('svg');
      font-weight: normal;
      font-style: normal;
  }
*/
/* Icon Font
--------------------------------------------- */
@font-face {
  font-family: 'aphc';
  src: url("fonts/aphc.eot?trc2tm");
  src: url("fonts/aphc.eot?#iefixtrc2tm") format("embedded-opentype"), url("fonts/aphc.woff?trc2tm") format("woff"), url("fonts/aphc.ttf?trc2tm") format("truetype"), url("fonts/aphc.svg?trc2tm#aphc") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Icon Font Styles
--------------------------------------------- */
[class^="icon-"], [class*=" icon-"] {
  font-family: 'aphc';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1rem;
  line-height: 16px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-youtube:before {
  content: "\e600"; }

.icon-typewriter:before {
  content: "\e601"; }

.icon-twitter:before {
  content: "\e602"; }

.icon-tumblr:before {
  content: "\e603"; }

.icon-truck:before {
  content: "\e604"; }

.icon-tickets:before {
  content: "\e605"; }

.icon-pointer:before {
  content: "\e606"; }

.icon-pie:before {
  content: "\e607"; }

.icon-jokemachine:before {
  content: "\e608"; }

.icon-instagram:before {
  content: "\e609"; }

.icon-facebook:before {
  content: "\e60a"; }

.icon-search:before {
  content: "\e60b"; }

.icon-play:before {
  content: "\e60c"; }

.icon-menu:before {
  content: "\e611"; }

.icon-menu_has_children:before {
  content: "\e612"; }

.icon-pencil:before {
  content: "\e60d"; }

.icon-camera:before {
  content: "\e60e"; }

.icon-listen:before {
  content: "\e60f"; }

.icon-video:before {
  content: "\e610"; }

.icon-style-round, .icon-style-square {
  color: #317023; }
  .aphc-mobile-menu .icon-style-round, .aphc-mobile-menu .icon-style-square {
    color: #fff; }
    .aphc-mobile-menu .icon-style-round:before, .aphc-mobile-menu .icon-style-square:before {
      font-size: 32px;
      top: 6px; }

.icon-style-round {
  /* 
	border: 2px solid $dark-green;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding-top: 5px;
	padding-left: 9px;
	width: 35px;
	height: 35px;
 */
  display: inline-block; }
  .icon-style-round:before {
    font-size: 36px;
    position: relative;
    top: 6px; }
  .icon-style-round.icon-search {
    color: #fff; }

.icon-style-square {
  font-size: 24px;
  line-height: 20px; }
  .icon-style-square.left {
    margin: 0 12px 0 0; }

a .icon-style-round:hover, a .icon-style-square:hover {
  color: #f58603; }

a .icon-style-round:hover {
  border-color: #f58603; }

.icon-size-large {
  font-size: 60px;
  line-height: 46px;
  /* 
	padding: 7px 0;
	text-align: center;
 */ }

.icon-style-square-whitetext {
  color: #fff; }

.icon-style-square-yellowtext {
  color: #f3bd48; }

/* 
.icon-color-yellow{
	background-color: #fcedb9;
	border-color: #f3bd48;
}

.icon-color-red{
	background-color: #f58603;
	border-color: #a9181c;
}

.icon-color-green{
	background-color: #ced7b1;
	border-color: #225a2a;
}
 */
.icon-toggle-arrow::before {
  content: "\25b8"; }

.open .icon-toggle-arrow::before {
  content: "\25be"; }

/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
*/
/* font stacks */
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  -ms-word-break: normal;
  -ms-word-wrap: normal;
  word-break: normal;
  word-break: normal;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  -webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig"; }

/* Links
--------------------------------------------- */
a {
  color: #a9181c;
  text-decoration: none; }
  a:hover {
    color: #f58603;
    text-decoration: underline; }
  h1 a {
    color: #225a2a; }
  h2 a, h3 a {
    color: #317023; }
  h1 a:hover, h2 a:hover, h3 a:hover {
    text-decoration: none; }

/* Headings
--------------------------------------------- */
body, h1, h2, h3, h4, h5, h6 {
  font-size-adjust: 0.5; }

h1, h2, h3, h4 {
  font-weight: normal;
  margin: 0; }

h1 {
  color: #225a2a;
  font-family: "Rockwell W01 Bold", sans-serif;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 44px;
  line-height: 1.22222em;
  margin-bottom: 8px; }

h2, h3, h4 {
  color: #317023; }

h2 {
  font-family: "Rockwell W01 Italic", "DIN Next W01 Regular", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1em;
  margin: 0 0 16px 0; }

h3, h4, h5 {
  font-family: "DIN Next W01 Regular", Helvetica, Arial, sans-serif;
  margin: 0; }

h3 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.22em; }

h4, .entry-content h4 a {
  font-size: 18px;
  font-size: 1.125rem;
  text-transform: none;
  margin-bottom: 10px;
  margin-bottom: .55rem; }

p {
  margin: 0 0 18px;
  margin: 0 0 1rem;
  padding: 0; }

ol, ul {
  margin: 0;
  padding: 0 0 0 16px; }

.breadcrumb {
  margin-bottom: 20px;
  margin-bottom: 1.25rem; }
  .breadcrumb span {
    color: #317023;
    padding: 0 8px; }
  .breadcrumb, .breadcrumb a {
    color: #a9181c;
    font-family: "DIN Next W01 Regular", Helvetica, Arial, sans-serif;
    font-size: 18px; }

/* Block quotes
--------------------------------------------- */
blockquote, blockquote::before {
  color: #555;
  font-size: 22px;
  font-size: 1.375rem; }

blockquote {
  margin: 22px 40px;
  margin: 1.375rem 2.5rem;
  position: relative;
  font-style: italic;
  /* 
	p:after {
		content: "\201D";
		display: block;
		font-size: 30px;
		font-size: 1.667rem;
		height: 0;
		right: -14px;
		position: absolute;
		top: -10px;
	}
	*/ }
  blockquote::before {
    content: "\201C";
    display: block;
    height: 0;
    left: -10px;
    position: relative;
    top: 0; }
  blockquote footer {
    text-align: right; }

cite {
  font-style: normal; }

/* Misc
--------------------------------------------- */
b, strong {
  font-weight: 700; }

small, .small {
  font-size: .8333rem;
  /* 15px */ }

.centertext {
  text-align: center; }

.greytext {
  color: #666; }

/*********************
HIDE TEXT
*********************/
.hidetext {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

/* 
// Sass functions
@import "partials/functions";
 */
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/******************************************************************
Site Name:
Author:

Stylesheet: Grid Stylesheet

I've seperated the grid so you can swap it out easily. It's
called at the top the style.scss stylesheet.

There are a ton of grid solutions out there. You should definitely
experiment with your own. Here are some recommendations:

http://gridsetapp.com - Love this site. Responsive Grids made easy.
http://susy.oddbird.net/ - Grids using Compass. Very elegant.
http://gridpak.com/ - Create your own responsive grid.
https://github.com/dope/lemonade - Neat lightweight grid.


The grid below is a custom built thingy I modeled a bit after
Gridset. It's VERY basic and probably shouldn't be used on
your client projects. The idea is you learn how to roll your
own grids. It's better in the long run and allows you full control
over your project's layout.

******************************************************************/
/* Column Widths and Positions
--------------------------------------------- */
/* Wrapping div for .content and .sidebar-primary */
.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
  width: 100%; }

.content-sidebar-sidebar .content-sidebar-wrap {
  float: left; }

.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
  float: right; }

/* Content */
.content {
  float: right;
  width: 65.178571428571%; }

.home .content {
  width: 100%; }

.content-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content {
  float: left; }

.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content {
  width: 46.428571428571%; }

.full-width-content .content {
  width: 100%; }

/* Primary Sidebar */
.sidebar-primary {
  float: right;
  width: 30.357142857143%; }

.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
  float: left; }

/* Secondary Sidebar */
.sidebar-secondary {
  float: left;
  width: 180px; }

.content-sidebar-sidebar .sidebar-secondary {
  float: right; }

/* Column Classes
--------------------------------------------- */
/* using a mixin since we can't use placeholder selectors */
/* 
@media (max-width: 767px) {
  .m-all {
    @include grid-col;
    width: 100%;
    padding: 0 4%;
  }
}
 */
.five-sixths,
.four-sixths,
.four-fifths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-fifths,
.three-sixths,
.two-fourths,
.two-fifths,
.two-sixths,
.two-thirds {
  float: left;
  margin-left: 4%; }

.one-half,
.three-sixths,
.two-fourths {
  width: 48%; }

.one-third,
.two-sixths {
  width: 30.6581%;
  min-width: 300px; }

.four-sixths,
.two-thirds {
  width: 64.383561643836%; }

.one-fourth {
  width: 22%; }

.three-fourths {
  width: 74%; }

.three-fourths .one-third {
  /* width: 27.5%; */
  width: 30.5%;
  min-width: auto;
  margin-left: 4%; }

.three-fourths .one-third:first-of-type {
  margin-left: 0; }

.one-fifth {
  width: 14.520547945205%; }

.two-fifths {
  width: 35.890410958904%; }

.three-fifths {
  width: 57.260273972603%; }

.four-fifths {
  width: 78.630136986301%; }

.one-sixth {
  width: 10.958904109589%; }

.five-sixths {
  width: 82.191780821918%; }

@media (max-width: 767px) {
  .five-sixths,
  .four-sixths,
  .one-fourth,
  .one-half,
  .one-sixth,
  .one-third,
  .three-fourths,
  .three-sixths,
  .two-fourths,
  .two-sixths,
  .two-thirds {
    /* width: 100%; */ }
    :not('.home') .five-sixths,
    :not('.home') .four-sixths,
    :not('.home') .one-fourth,
    :not('.home') .one-half,
    :not('.home') .one-sixth,
    :not('.home') .one-third,
    :not('.home') .three-fourths,
    :not('.home') .three-sixths,
    :not('.home') .two-fourths,
    :not('.home') .two-sixths,
    :not('.home') .two-thirds {
      margin: 0; }
  :not('.three-fourths') .one-third:nth-child(2n) {
    margin-left: 0; } }

@media (max-width: 660px) {
  .five-sixths,
  .four-sixths,
  .one-fourth,
  .one-half,
  .one-sixth,
  .one-third,
  .three-fourths,
  .three-sixths,
  .two-fourths,
  .two-sixths,
  .two-thirds {
    width: 100%;
    margin-left: 0; }
  .three-fourths .one-third {
    margin-left: 0;
    width: 100%; } }

.first {
  clear: both;
  margin-left: 0; }

/******************************************************************
Site Name:
Author:

Stylesheet: Site Header Stylesheet

******************************************************************/
.site-header {
  background-color: #317023; }

.site-header .wrap {
  padding: 20px 20px 0 20px;
  padding: 1.22rem 1.22rem 0 1.22rem; }

.site-header .widget-area {
  float: right;
  text-align: right;
  width: 340px; }

.header-image .site-header .widget-area {
  padding: 40px 0;
  padding: 4rem 0; }

.site-header .search-form input[type=search], .entry-content .search-form input[type=search] {
  width: 276px;
  height: 35px;
  float: left;
  padding: 0 1.2rem; }

.site-header .search-form input[type=submit] {
  font-family: 'RockwellW01-BoldCondens', sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  text-indent: -999em;
  background: transparent url("images/icon-magnifying-glass.png"); }

/* Title Area
--------------------------------------------- */
.title-area {
  float: left;
  font-family: serif;
  font-weight: 700;
  width: auto; }

.header-image .title-area {
  padding: 0; }

.site-title {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1;
  text-transform: uppercase;
  text-indent: -999em; }

.site-title a,
.site-title a:hover {
  color: #fff;
  display: block;
  background: transparent url("images/aphc_logo.png") no-repeat top left/500px auto;
  width: 560px;
  height: 69px; }

.site-description {
  color: #000;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 0;
  display: none; }

/* Full width header, no widgets */
.header-full-width .title-area,
.header-full-width .site-title {
  width: 100%; }

.header-image .site-description,
.header-image .site-title a {
  display: block;
  text-indent: -9999px; }

/* Logo, hide text */
.header-image .site-header .wrap {
  background: url(images/logo.png) no-repeat left;
  padding: 0; }

.header-image .site-title a {
  float: left;
  min-height: 164px;
  width: 100%; }

/*
Site Navigation
---------------------------------------------------------------------------------------------------- */
.genesis-nav-menu {
  clear: both;
  color: #fff;
  font-family: 'DIN Next W01 Bold', sans-serif;
  /* 
font-size: 18px;
	font-size: 1rem;
 */
  line-height: 1rem;
  width: 100%; }

.genesis-nav-menu .menu-item {
  display: inline-block;
  text-align: left; }

.genesis-nav-menu a {
  border: none;
  color: #fff;
  display: block;
  padding: 20px 20px;
  /* padding: 2rem 2rem; */
  position: relative; }

.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a {
  color: #fff; }

.genesis-nav-menu .sub-menu a {
  color: #a9181c; }

.genesis-nav-menu .sub-menu .current-menu-item > a {
  color: #f58603; }

.genesis-nav-menu > .menu-item > a {
  /* 	text-transform: uppercase; */ }

.genesis-nav-menu .sub-menu {
  left: -9999px;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  width: 200px;
  z-index: 99; }

.genesis-nav-menu .sub-menu a {
  background-color: #fff;
  border: 1px solid #eee;
  border-top: none;
  /* 
font-size: 15px;
	font-size: .83rem;
 */
  padding: 16px 20px;
  /* padding: 1.6rem 2rem; */
  position: relative;
  width: 200px; }

.genesis-nav-menu .sub-menu .sub-menu {
  margin: -54px 0 0 199px; }

.genesis-nav-menu .menu-item:hover {
  position: static; }

.genesis-nav-menu .menu-item:hover > .sub-menu {
  left: auto;
  opacity: 1; }

.genesis-nav-menu > .first > a {
  padding-left: 0; }

.genesis-nav-menu > .last > a {
  padding-right: 0; }

.genesis-nav-menu > .right {
  display: inline-block;
  float: right;
  list-style-type: none;
  padding: 28px 0;
  padding: 2.8rem 0;
  text-transform: uppercase; }

.genesis-nav-menu > .right > a {
  display: inline;
  padding: 0; }

.genesis-nav-menu > .rss > a {
  margin-left: 48px;
  margin-left: 4.8rem; }

.genesis-nav-menu > .search {
  padding: 15px 0 0;
  padding: 1.5rem 0 0; }

/* Site Header Navigation
--------------------------------------------- */
.site-header .sub-menu {
  border-top: 1px solid #eee; }

.site-header .sub-menu .sub-menu {
  margin-top: -55px; }

/* Primary Navigation
--------------------------------------------- */
.nav-primary {
  background-color: #317023; }

.nav-primary a:hover,
.nav-primary .current-menu-item > a {
  color: #f58603;
  text-decoration: none; }

.nav-primary .sub-menu a:hover {
  color: #f58603;
  text-decoration: none; }

.menu-item-has-children > a:after {
  font-family: 'aphc';
  font-size: .8em;
  content: " \e612"; }

/* Secondary Navigation
--------------------------------------------- */
.nav-secondary {
  background-color: transparent;
  float: left; }

.nav-secondary .genesis-nav-menu > .menu-item > a, .aphc-more {
  color: #fff;
  font-family: 'DIN Next W01 Regular';
  text-transform: none;
  /* 
font-size: 18px;
	font-size: 1rem;
 */
  padding: 14px 14px 13px 14px;
  padding: 1.4rem 1.4rem 1.3rem 1.4rem;
  line-height: 1;
  white-space: nowrap; }

.nav-secondary .genesis-nav-menu > .menu-item > a:hover {
  color: #f58603;
  text-decoration: none; }

#menu-footer {
  position: relative; }

.nav-secondary .genesis-nav-menu > .menu-item:before {
  content: "|";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  font-weight: 300; }

.nav-secondary .genesis-nav-menu > .menu-item:first-child:before {
  content: ""; }

/* 
.nav-secondary .genesis-nav-menu > .menu-item a::after{
	content: "|";
	margin-right: -14px;
	margin-right: -1.4rem;
	margin-left: 14px;
	margin-left: 1.4rem;
}
 */
.nav-secondary .genesis-nav-menu > .menu-item a:hover:before {
  color: #fff; }

.nav-secondary .genesis-nav-menu > .menu-item:last-child a::after {
  content: ""; }

/* Donations */
.genesis-nav-menu .menu-item.donate {
  float: right;
  margin-right: 20px;
  margin-right: 2rem; }

.genesis-nav-menu .menu-item.donate a {
  color: #000;
  /* font-family: 'RockwellW01-BoldCondens'; */
  font-weight: normal;
  background-color: #fff;
  border: solid 2px #a9181c;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 8px 8px 6px 8px;
  padding: 0.8rem 0.8rem 0.6rem 0.8rem;
  line-height: 1; }

.genesis-nav-menu .menu-item.donate a:hover {
  border-color: #f58603;
  background-color: #fcedb9; }

/*
Footer Widgets
---------------------------------------------------------------------------------------------------- */
.footer-widgets {
  background-color: #333;
  color: #000;
  clear: both;
  padding: 40px 0 16px;
  padding: 4rem 0 1.6rem; }

.footer-widgets-1,
.footer-widgets-3 {
  width: 350px; }

.footer-widgets-2 {
  width: 360px; }

.footer-widgets-1 {
  margin-right: 40px;
  margin-right: 4rem; }

.footer-widgets-1,
.footer-widgets-2 {
  float: left; }

.footer-widgets-3 {
  float: right; }

.footer-widgets a {
  border-bottom: 1px solid #666;
  color: #000; }

.footer-widgets a:hover {
  color: #ddd; }

.footer-widgets .widget {
  margin-bottom: 24px;
  margin-bottom: 2.4rem; }

.footer-widgets .widget-title {
  color: #fff; }

.footer-widgets li {
  list-style-type: none;
  margin-bottom: 6px;
  margin-bottom: 0.6rem;
  word-wrap: break-word; }

.footer-widgets .search-form input:focus {
  border: 1px solid #ddd; }

/*
Site Footer
---------------------------------------------------------------------------------------------------- */
.site-footer {
  background-color: #225a2a;
  color: #000;
  font-size: 15px;
  font-size: .94rem;
  text-align: left; }

.site-footer p {
  margin-bottom: 0; }

.site-footer a {
  border: none; }

/* 
APM Footer
---------------------------------------------------------------------------------------------------- */
/* 
.site-container #apmFooterBar.apmFooterBarColor{
	background-color: #317023;
	padding: 10px;
	padding: 1rem;
}
 */
#apmFooterBarImage img {
  display: none; }

#apmFooterBarImage a {
  display: block;
  width: 390px;
  height: 19px;
  background: transparent url("images/apm-logo.png") top left no-repeat;
  background-size: contain; }

#apmFooter a:hover, #apmFooter div#apmFooterContent a:hover {
  color: #f3bd48; }

/* 
.site-container div#apmFooter #apmFooterBar span#apmFooterBarText{
	float: left;
	font-size: 18px;
	font-size: 1rem;
	font-family: 'Rockwell W01 Condensed';
}
 */
#apmFooterContent {
  font-family: Georgia, serif;
  font-size: 15px;
  font-size: .83rem;
  line-height: 24px;
  line-height: 1.22rem; }

div#apmFooter div#apmFooterContent span.title {
  font-family: 'DIN Next W01 Bold';
  font-weight: normal; }

div#apmFooter #apmFooterContent #apmFooterSupport span.title {
  font-family: 'DIN Next W01 Bold';
  font-weight: normal; }

div#apmFooter div#apmFooterContent div#apmProgs li {
  width: 160px;
  width: 16rem;
  margin-right: 20px;
  margin-right: 2rem; }

/* 
.site-container div#apmFooter div#apmFooterContent div#apmProgs{
	width: 360px;
	width: 20rem;
	margin: 20px 20px 0 20px;
	margin: 1.11rem 1.11rem 0 1.11rem;
}
 */
/* 
.site-container div#apmFooter div#apmFooterContent div#apmFooterSupport{
	width: 310px;
	width: 17.22rem;
	margin: 20px 20px 0 0;
	margin: 1.11rem 1.11rem 0 0;
}
 */
/* 
.site-container div#apmFooter div#apmFooterContent div#apmFooterMore{
	width: 340px;
	width: 18.88rem;
	margin: 20px 20px 0 20px;
	margin: 1.11rem 1.11rem 0 1.11rem;
}
 */
div#apmFooter {
  font: .875rem 'DIN Next W01 Regular', sans-serif !important; }
  div#apmFooter .apmFooterBarColor {
    background-color: #317023 !important; }
  div#apmFooter #apmFooterBar span#apmFooterBarImage {
    padding: 16px 20px !important; }
  div#apmFooter #apmFooterBar span#apmFooterBarText {
    padding: 16px 20px 16px 0 !important; }

@media only screen and (max-width: 660px) {
  footer #menu-footer.genesis-nav-menu > .menu-item:before {
    position: static; }
  footer #menu-footer .menu-item a {
    display: inline-block;
    padding: 7px; }
  footer #menu-footer .menu-item:first-child a {
    padding-left: 0; }
  div#apmFooter #apmFooterBar span#apmFooterBarText {
    padding-left: 20px !important; }
  div#apmFooter #apmFooterContent > div {
    width: 100% !important; } }

@media only screen and (max-width: 480px) {
  footer .aphc-more {
    padding: 20px 10px 0;
    width: 100%; }
  footer #menu-footer {
    padding: 20px 10px; }
  div#apmFooter #apmFooterBar span#apmFooterBarImage {
    padding-left: 10px !important; }
    div#apmFooter #apmFooterBar span#apmFooterBarImage a {
      width: 100%; }
  div#apmFooter #apmFooterBar span#apmFooterBarText {
    padding-left: 10px !important; }
  div#apmFooter #apmFooterContent {
    padding: 10px; }
    div#apmFooter #apmFooterContent > div {
      width: 100% !important; } }

/* Home */
.home .home-top, .home .home-news, .home .home-news-two, .home-show, .home-photos, .home-highlights {
  border-bottom: 4px solid #317023;
  padding-bottom: 24px;
  margin-bottom: 24px; }

.home-show {
  padding-bottom: 20px; }

.home .home-top, .home .home-news {
  width: 100%; }

.home .home-top .widget, .home .home-news .widget {
  float: left;
  width: 30.6581%;
  min-width: 300px;
  /* margin-right: 2.77rem; */
  margin-right: 4%; }

.home .home-news-two .widget-wrap, .home .home-news-two .widget-wrap .textwidget, .home .home-news-two .widget-wrap .textwidget > div {
  height: 100%; }

.home .home-news-two .widget {
  float: left;
  width: 48%;
  min-width: 300px;
  /* margin-right: 2.77rem; */
  margin-right: 4%; }

.home .home-top section:nth-child(3), .home .home-news section:nth-child(3), .home .home-news-two section:nth-child(2) {
  margin-right: 0; }

.home .home-highlights .highlights-list p a {
  display: table-cell; }
  .home .home-highlights .highlights-list p a.icon {
    width: 48px; }
  .home .home-highlights .highlights-list p a.title {
    /* padding-left: 48px; */ }

.home .show-videos .show-video {
  width: 100%; }
  .home .show-videos .show-video img.play-overlay {
    width: 30%; }
  .home .show-videos .show-video > a {
    width: 30%;
    float: left;
    margin: 0 16px 8px 0; }

.home .photos-latest .latest-photo {
  float: left;
  margin-bottom: 1rem; }
  .home .photos-latest .latest-photo:first-child {
    margin-left: 0; }

.home .home-highlights span.icon, .home .home-photos span.icon {
  float: left;
  margin: 0 12px 0 0; }

.home .latest-photo img {
  border: 4px solid #f3bd49;
  line-height: 1; }

/* 
.home .joke-machine span.icon, .home .blog-feature span.icon{
	margin-bottom: 16px;
	margin-bottom: 1rem;
}
 */
.home .joke-machine > div.cf > h3, .home .blog-feature > div.cf > h3 {
  padding-left: 44px; }

.home .joke-machine {
  border: 4px solid #f3bd48;
  padding: 16px;
  background: #fff; }

/* 
.home .content h4{
	margin: 8px 0 0 0;
}
 */
.home main {
  margin-bottom: 20px;
  border-bottom: 4px solid #317023; }

/*
.home .blog-feature{
	padding-left: 100px;
	margin-top: 40px;
	padding-bottom: 20px;
	border-bottom: 4px solid #317023;
}
 */
/* 
.home .blog-feature span.icon{
	float: left;
	margin-left: -100px;
}
 */
/* 
.home .blog-feature:nth-child(3){
	border-bottom: none;
}
 */
/* Shows - Common */
.show-header, .show-header .wp-post-image {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  height: auto;
  width: auto; }

.show-header {
  position: relative;
  margin-bottom: 28px;
  background-color: #000;
  line-height: 0;
  text-align: center;
  height: 374px;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')"; }

/*
.post-type-archive-show .show-header, .post-type-archive-show .show-header .wp-post-image{
	width: 100%;
	height: auto;
}
*/
.show-header .show-info {
  width: 340px;
  opacity: .8;
  background-color: #fff;
  padding: 20px;
  padding: 1.11rem;
  /* 
position: absolute;
	top: 27px;
	top: 2.7rem;
	left: 20px;
	left: 1.11rem;
 */
  text-align: left;
  float: left;
  margin: 1.11rem 1.11rem 0; }

.show-date a, .entry-title a {
  color: #225a2a; }

.show-date a:hover, .entry-title a:hover {
  text-decoration: none;
  border: none;
  color: #f58603; }

.show-number, .show-date, .show-title, .show-venue, .show-city, .show-tickets-options {
  color: #225a2a; }

/* 
.show-number {
	font-size: 1rem;
	line-height: 1.11rem;
	font-family:'Rockwell W01 Condensed', sans-serif;
}

.show-date {
	font-size: 42px;
	font-size: 2.333rem;
	line-height: 52px;
	font-family:'RockwellW01-BoldCondens', sans-serif;
}

.show-title {
	font-size: 30px;
	font-size: 1.66rem;
	line-height: 1.66rem;
	font-family:'Rockwell W01 Condensed', sans-serif;
	margin-bottom: 14px;
}
 */
.show-info > p, .show-venue, .show-city, .show-tickets-options {
  font-family: Georgia, serif;
  /* 
font-size: 18px;
	font-size: 1rem;
 */
  line-height: 1.6rem;
  margin: 0;
  color: #000; }

.single-show.show .entry-content, .show-content {
  width: 65.178571428571%;
  float: left;
  font-size: 18px;
  text-align: left;
  line-height: 1.6rem; }

.show-listen-live {
  display: none;
  border-bottom: 4px solid #317023;
  margin-bottom: 20px; }

.thisweekend-show, .thisweekend-show-header, .show-listen-rebroadcast {
  display: none; }

/* Shows - Single */
.single-show.show .content {
  width: 100%;
  margin-bottom: 1.22rem; }

.single-show .show-extra {
  float: left;
  width: 65.178571428571%;
  /* font-size: 18px; */ }

/* 
.single-show .show-extra h2{
	margin-bottom: 18px;
	margin-top: 30px;
	color: #317023;
	font-family: "Rockwell W01 Condensed";
	font-size: 18px;
}
 */
.single-show .entry {
  margin-bottom: 0; }

/* Rules */
.single-show.show .entry,
.single-show.show .show-audio,
.single-show.show .show-videos,
.single-show.show .show-photos,
.single-show.show .show-meta,
.single-show.show .show-guests {
  border-bottom: 4px solid #317023;
  padding-bottom: 20px;
  padding-bottom: 1.11rem;
  margin-bottom: 20px;
  margin-bottom: 1.11rem; }

/* PreShow Photos */
.show-preshow-photos {
  float: left;
  width: 30.357142857143%;
  margin-left: 4.464285714286%;
  line-height: 1; }

.show-preshow-photos .show-photo {
  float: left;
  margin-bottom: 20px;
  width: 47.058823529412%; }

.show-preshow-photos .show-photo a:hover img {
  opacity: .8; }

.show-preshow-photos .show-photo img {
  margin: 0;
  padding: 0;
  border: 4px solid #f8c66c;
  width: 100%;
  height: auto; }

.show-preshow-photos .show-photo:nth-child(2n) {
  margin-left: 2.739726027397%; }

/* Audio */
.single-show .show-audio p.nflw {
  margin-bottom: 0; }

.single-show .show-photos .show_gallery_image {
  width: 400px;
  height: 350px;
  overflow: hidden; }
  .single-show .show-photos .show_gallery_image img {
    width: 100%; }

/* Videos */
.single-show .show-photos img {
  width: 100%;
  height: auto;
  max-width: 100%; }

/* Videos */
.widget_aphc_show_highlight_widget .show-videos .show-video {
  width: 100%; }

/*
.single-show .show-videos {
	padding-bottom: 30px;
	padding-bottom: 3rem;
}
*/
.show-videos .show-video {
  float: left;
  width: 48%; }

.show-videos .show-video, .show-videos .show-video-full {
  position: relative; }

.show-videos .show-video:nth-child(odd) {
  clear: left; }

.show-videos .show-video:nth-child(2n) {
  margin-left: 4%; }

.show-video a {
  font-size: 15px;
  font-size: 1.5rem;
  display: block;
  width: 100%; }

.show-video img.video-thumbnail, .show-video-full img.video-thumbnail {
  width: 100%;
  margin-bottom: 0; }

.show-video img.play-overlay, .show-video-full img.play-overlay {
  position: absolute; }

.show-video img.play-overlay {
  top: 0;
  left: 0; }

.show-video-full img.play-overlay {
  top: 50%;
  margin-top: -190px;
  left: 50%;
  margin-left: -240px; }

.single-show .show-video img.play-overlay {
  width: 100%; }

.single-show .video-description, .video-description {
  font-size: 15px;
  font-size: .94rem; }

.show-video-full .videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.show-video-full .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.single-show a.more-videos {
  /* 
	font-size: 15px;
	font-size: 1.5rem;
 */
  width: 100%; }

.widget_aphc_show_highlight_widget .show-video img.video-thumbnail, .show-video img.play-overlay {
  width: 100%; }

.widget_aphc_show_highlight_widget .show-video img.video-thumbnail {
  border-width: 4px; }

/* Show Meta */
/* 
.show-scripts, .show-music {
	width: 46.575342465753%;
	float: left;
}
 */
/* 
.show-scripts {
	margin-right: 6.849315068493%;
}
 */
.audiosegments {
  font-size: 85%; }

.audiosegments p {
  margin: 0; }

.audiosegments ul {
  padding: 0;
  margin: 0 0 1em 0; }

.audiosegments ul li {
  list-style-type: none;
  padding-left: 66px;
  text-indent: -66px; }

.show-scripts ul {
  color: #a9181b;
  margin-left: 30px;
  margin-left: 3rem; }

.show-scripts p {
  margin-bottom: 10px;
  margin-bottom: 1rem; }

.show-guests p {
  margin-bottom: 0; }

.show-guests .guest-bio {
  margin-bottom: 20px;
  display: none; }

.show-guests .guest-links {
  color: #225a2a; }

/* Show Nav */
.single-show .show-nav h3 {
  margin-bottom: 18px;
  margin-top: 30px;
  /*
	background-color: #ced7b1;
	color: #225a2a;
	border: 2px solid #225a2a;
	font-size: 18px;
	font-size: 1.8rem;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	display: inline-block;
	padding: 8px 6px 6px 6px;
	padding: .8rem .6rem .6rem .6rem;
	line-height: 1;
	font-family: 'RockwellW01-BoldCondens', sans-serif;
	font-weight: normal;
*/ }

.show-nav h4, .show-nav h5 {
  margin-bottom: 0;
  margin-top: 0;
  line-height: 1.25;
  font-weight: normal; }

.show-nav h4 {
  font-size: 42px;
  font-size: 4.2rem;
  color: #225a2a;
  font-family: 'DIN Next W01 Bold', sans-serif; }

.show-nav h5 {
  font-size: 30px;
  font-size: 3rem;
  color: #225a2a;
  font-family: "DIN Next W01 Regular", sans-serif; }

.show-prev, .show-next {
  width: 46.575342465753%;
  float: left;
  /* 
font-size: 18px;
	font-size: 1.8rem;
 */ }

.show-prev {
  margin-right: 6.849315068493%; }

/*
.show-prev{
	background: transparent url("images/arrow-prev.png") left 30px no-repeat;
	padding-left: 40px;
	padding-left: 4rem;
}

.show-next{
	background: transparent url("images/arrow-next.png") right 30px no-repeat;
	padding-right: 40px;
	padding-right: 4rem;
}
*/
div.videoWrapperLivestream {
  height: 0;
  padding-bottom: 56.25%;
  padding-top: 1%;
  position: relative;
  margin-bottom: 1em; }

div.videoWrapperLivestream iframe, div.videoWrapperLivestream object, div.videoWrapperLivestream embed {
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%; }

@media (max-width: 767px) {
  div.videoWrapperLivestream {
    padding-bottom: 80%;
    padding-top: 1%;
    height: 0;
    position: relative; }
  div.videoWrapperLivestream iframe, div.videoWrapperLivestream object, div.videoWrapperLivestream embed {
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%; } }

@media (max-width: 479px) {
  div.videoWrapperLivestream {
    padding-bottom: 80%;
    padding-top: 1%;
    height: 0;
    position: relative; }
  div.videoWrapperLivestream iframe, div.videoWrapperLivestream object, div.videoWrapperLivestream embed {
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%; } }

/* Guests */
.single-guest .guest-photo {
  text-align: center;
  max-height: 400px;
  overflow: hidden; }

.single-guest .wp-post-image {
  width: 100%;
  height: auto;
  margin-top: 20px; }

.single-guest .guest-photo, .single-guest .wp-post-image {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

/* Jokes */
.entry-content iframe {
  /*
	background-color: #f4f4f4;
	background-color: rgba(255,255,255,.7);
*/ }

.entry-content iframe body {
  background-color: transparent; }

/* Tickets */
.aphc-ticket {
  border-bottom: 4px solid #317023;
  margin-bottom: 40px;
  padding-bottom: 30px; }

.aphc-ticket:last-child {
  border-bottom: none; }

.aphc-tickets {
  border-top: 4px solid #317023;
  padding-top: 40px; }

.page-template-page-tickets-php .icon-style-square::before {
  margin-left: -4px; }

.page-template-page-tickets-php .icon-style-square {
  font-size: 60px;
  width: 80px;
  height: 80px;
  display: inline-block;
  padding-top: 8px;
  padding-left: 0; }

.page-template-page-tickets-php .entry-header .icon-style-square {
  float: right; }

.page-template-page-tickets-php .aphc-ticket .icon-style-square {
  float: left;
  margin-right: 20px; }

.aphc-ticket-info {
  float: left;
  /* width: 86.301369863014%; */
  width: 85.301369863014%; }

.ticketinfopanel {
  display: none; }

.aphc-ticket .aphc-button {
  float: right;
  color: #225a2a; }

form.checkboxToggles ul {
  margin: 0;
  padding: 0; }
  form.checkboxToggles ul li {
    padding: 4px 12px;
    display: inline-block;
    font-family: "DIN Next W01 Regular", Helvetica, Arial, sans-serif;
    color: #fff; }
    form.checkboxToggles ul li.firstsBox {
      background-color: #317023; }
    form.checkboxToggles ul li.peopleBox {
      background-color: #9c0000; }
    form.checkboxToggles ul li.milestonesBox {
      background-color: #f58603; }
    form.checkboxToggles ul li.mishapsBox {
      background-color: #412053; }
    form.checkboxToggles ul li.memoriesBox {
      background-color: #1626a2; }
    form.checkboxToggles ul li input[type='checkbox'] {
      display: inline;
      width: auto;
      margin-right: 4px; }

.aphc-memories .tlEventYear {
  border-top: 4px solid #317023;
  padding: 40px 0 20px;
  margin-top: 40px;
  color: #f3bd48;
  font-family: "Rockwell W01 Bold", sans-serif;
  font-size: 36px;
  font-size: 2.25rem; }
  .aphc-memories .tlEventYear:first-child {
    border-top: 0;
    margin-top: 0; }

.aphc-memories .tlEvent.memories .tlEventFlag {
  background-color: #1626a2; }

.aphc-memories .tlEvent.memories .tlEventExpand {
  border-color: #1626a2; }

.aphc-memories .tlEvent.firsts .tlEventFlag {
  background-color: #317023; }

.aphc-memories .tlEvent.firsts .tlEventExpand {
  border-color: #317023; }

.aphc-memories .tlEvent.people .tlEventFlag {
  background-color: #9c0000; }

.aphc-memories .tlEvent.people .tlEventExpand {
  border-color: #9c0000; }

.aphc-memories .tlEvent.milestones .tlEventFlag {
  background-color: #f58603; }

.aphc-memories .tlEvent.milestones .tlEventExpand {
  border-color: #f58603; }

.aphc-memories .tlEvent.mishaps .tlEventFlag {
  background-color: #412053; }

.aphc-memories .tlEvent.mishaps .tlEventExpand {
  border-color: #412053; }

.aphc-memories .tlEventFlag {
  cursor: pointer;
  display: inline-block;
  padding: 4px 12px;
  color: #fff; }

.aphc-memories .tlEventExpand {
  border-width: 2px;
  border-style: solid;
  padding: 1rem;
  margin: -1rem 0 1rem; }

/* Widget Area
--------------------------------------------- */
.widget-area {
  word-wrap: break-word; }

.widget .show-prev, .widget .show-next {
  width: 100%; }

/* Ads 
--------------------------------------------*/
.aphc-ad-mobile {
  display: none; }

.aphc-ad-desktop {
  display: block; }

.home .sidebar .widget_aphc_ad_widget.primary {
  display: none; }

.widget_aphc_ad_widget span {
  text-align: center;
  padding: 75px;
  width: 100%;
  max-width: 320px;
  height: 250px;
  display: block;
  background-color: #fff;
  font-size: 75%;
  color: #999; }

/*
.aphc-ad{
	background-color: #f0ebe3;
}
*/
/* Social Widget 
--------------------------------------------*/
.home .widget_aphc_ad_widget.primary {
  margin-bottom: 32px; }

.home .social_widget {
  border: 4px solid #f3bd48;
  background: #fff;
  padding: 16px;
  padding: 1rem;
  margin-top: 16px;
  margin-top: 1rem; }
  .home .social_widget ul.social_widgets {
    padding: 0; }
    .home .social_widget ul.social_widgets li {
      list-style: none;
      display: inline; }
      .home .social_widget ul.social_widgets li .icon-style-round {
        height: 44px;
        width: 44px;
        padding: 0; }
        .home .social_widget ul.social_widgets li .icon-style-round:before {
          font-size: 38px;
          top: 16px; }

.widget_aphc_social_widget h4 {
  font-family: 'DIN Next W01 Bold', sans-serif;
  font-size: 42px;
  font-size: 4.2rem;
  color: #225a2a;
  margin-top: 0; }

.widget_aphc_social_widget #formElement0 {
  width: 70.588235294118%;
  float: left; }

.widget_aphc_social_widget #formElement1 {
  width: 23.529411764706%;
  float: left;
  margin-left: 5.882352941176%; }

.widget_aphc_social_widget .icon-style-round::before {
  font-size: 26px; }

.widget_aphc_social_widget .icon-style-round {
  padding: 2px 0 0 1px;
  margin-right: 12px; }

.widget_aphc_social_widget .field-wrapper p {
  position: relative; }

/* Store Widget 
--------------------------------------------*/
.widget_aphc_store_widget .aphc-products {
  background-color: #fff;
  padding: 10px 30px 10px 20px;
  margin-bottom: 1rem; }

.widget_aphc_store_widget .aphc-products .aphc-product {
  font-size: 15px;
  font-size: .83rem;
  line-height: 20px;
  line-height: 1.11rem;
  margin-bottom: 10px; }

.widget_aphc_store_widget .aphc-products .aphc-product .thumbnail {
  width: 110px;
  height: 110px;
  float: left;
  clear: left;
  text-align: center;
  margin-right: 20px; }

.widget_aphc_store_widget .aphc-products .aphc-product img {
  max-width: 110px;
  max-height: 110px; }

@media only screen and (max-width: 768px) {
  .widget_aphc_store_widget .aphc-product .thumbnail {
    float: none;
    text-align: center;
    width: 100%; } }

@media only screen and (max-width: 660px) {
  .widget_aphc_store_widget div.first {
    padding-bottom: 20px;
    border-bottom: 2px solid #317023; }
  .widget_aphc_store_widget .aphc-product {
    clear: both;
    margin: 12px 0; }
    .widget_aphc_store_widget .aphc-product .thumbnail {
      float: left;
      margin-right: 12px;
      text-align: left;
      width: auto; } }

/*********************
IMPORTING MODULES
Modules are reusable blocks or elements we use throughout the project.
We can break them up as much as we want or just keep them all in one.
I mean, you can do whatever you want. The world is your oyster. Unless
you hate oysters, then the world is your peanut butter & jelly sandwich.
*********************/
/* 
// alert boxes
@import "modules/alerts";
 */
/******************************************************************
Site Name:
Author:

Stylesheet: Table Styles

******************************************************************/
table {
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 2;
  margin-bottom: 40px;
  margin-bottom: 4rem;
  width: 100%; }

tbody {
  border-bottom: 1px solid #ddd; }

th,
td {
  text-align: left; }

th {
  font-weight: bold;
  text-transform: uppercase; }

td {
  border-top: 1px solid #ddd;
  padding: 6px 0;
  padding: 0.6rem 0; }

/******************************************************************
Site Name:
Author:

Stylesheet: Form Styles

We put all the form and button styles in here to setup a consistent
look. If we need to customize them, we can do this in the main
stylesheets and just override them. Easy Peasy.

You're gonna see a few data-uri thingies down there. If you're not
sure what they are, check this link out:
http://css-tricks.com/data-uris/
If you want to create your own, use this helpful link:
http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/

******************************************************************/
input,
select,
textarea {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: 1px 1px 3px #eee inset;
  color: #000;
  font-size: 15px;
  font-size: .83rem;
  padding: 15px;
  padding: .83rem;
  width: 100%; }

input:focus,
textarea:focus {
  border: 1px solid #000;
  outline: none; }

::-moz-placeholder {
  color: #999;
  opacity: 1; }

::-webkit-input-placeholder {
  color: #999; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.entry-content .button {
  background-color: #333;
  border: none;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  padding: 16px 24px;
  padding: 1.6rem 2.4rem;
  text-transform: uppercase;
  width: auto; }

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.entry-content .button:hover {
  background-color: #f15123; }

.entry-content .button:hover {
  color: #fff; }

.button {
  border-radius: 3px;
  display: inline-block; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
  display: none; }

input[type=text] {
  border: 2px solid #225a2a;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 12.8px 9.6px 9.6px;
  padding: 0.8rem 0.6rem 0.6rem;
  /* font-family: "Rockwell W01 Condensed", sans-serif; */
  box-sizing: border-box; }

/* required for Eloqua forms */
.LV_valid {
  color: #a9181c;
  display: none; }

.LV_invalid {
  color: #a9181c;
  font-size: 14px; }

.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active {
  border-color: #a9181c; }

.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active {
  border-color: #a9181c; }

.LV_validation_message {
  font-weight: bold;
  margin: 0 0 0 5px;
  clear: both;
  position: absolute;
  display: inline-block;
  top: 40px;
  left: 0;
  width: 100%; }

/******************************************************************
Site Name:
Author:

Stylesheet: Button Styles

Buttons are a pretty important part of your site's style, so it's
important to have a consistent baseline for them. Use this stylesheet
to create all kinds of buttons.

Helpful Links:
http://galp.in/blog/2011/08/02/the-ui-guide-part-1-buttons/

******************************************************************/
/*********************
BUTTON DEFAULTS
We're gonna use a placeholder selector here
so we can use common styles. We then use this
to load up the defaults in all our buttons.

Here's a quick video to show how it works:
http://www.youtube.com/watch?v=hwdVpKiJzac

*********************/
.aphc-button, input.aphc-button {
  background-color: #ced7b1;
  color: #225a2a;
  border: 2px solid #225a2a;
  font-size: 18px;
  font-size: 1rem;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: inline-block;
  padding: 8px 6px 6px 6px;
  padding: 0.8rem 0.6rem 0.6rem 0.6rem;
  line-height: 1;
  font-family: 'DIN Next W01 Bold', sans-serif;
  font-weight: normal;
  text-transform: none;
  /* @include transition(background-color 0.14s ease-in-out); */ }
  .aphc-button:hover, .aphc-button:focus {
    /* color: $white; */
    text-decoration: none; }
  .aphc-button:active {
    /* top: 1px; */ }

.site-header .search-form button, .entry-content .search-form button {
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  float: right;
  margin-right: 2px;
  text-indent: -8px;
  padding-left: 6px; }
  .site-header .search-form button .icon-search:before, .entry-content .search-form button .icon-search:before {
    font-size: 32px;
    top: 0; }
  .site-header .search-form button:hover, .site-header .search-form button:hover .icon-search:before, .entry-content .search-form button:hover, .entry-content .search-form button:hover .icon-search:before {
    color: #f58603; }

/*
An example button.
You can use this example if you want. Just replace all the variables
and it will create a button dependant on those variables.

.blue-btn {
  @extend %btn; // here we load the btn defaults
  background-color: $blue;

  &:hover,
  &:focus {
    background-color: darken($blue, 4%);
  } // end hover

  &:active {
    background-color: darken($blue, 5%);
  } // end active

} // end blue button
*/
/*********************
BASE (DESKTOP) SIZE
... and subsequent breakpoints for smaller viewports. This theme was not developed for a mobile-first world, unfortunately. 
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Base (Desktop) Stylesheet

http://prairiehome.publicradio.org/documents/styleguide/

The maximum width for the main content area is 1160px. Excluding the header and footer, there should always be 20 pixels of padding from the edge of the whole content area (including the main content well and the sidebar rail) to actual text or images. This makes the maximum usable interior width 1120px.

The grid consists of 19 columns at 40px each with 20px gutters.

The main content well can extend across the full width of the usable interior.

When using the sidebar rail for underwriting and other sub-content blocks, the main content well should be 62% of the usable width, for a maximum of 730px (which will accomodate a 50px gutter). The main content well can be subdivided again into two 340px columns with a 50px gutter. The sidebar rail should be 31% of the usable width, for a maximum of 340px.
******************************************************************/
/* BORDER-BOX ALL THE THINGS! (http://paulirish.com/2012/box-sizing-border-box-ftw/) */
*, input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

/*********************
GENERAL STYLES
*********************/
html {
  font-size: 16px;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  line-height: 1.375em; }

body {
  color: #222;
  font-family: "Georgia", Georgia, Times New Roman, Times, serif;
  font-size: 16px;
  /* font-size: 112.5%; */
  font-size: 100%;
  font-weight: 300;
  line-height: 1.61rem;
  background: #f0ebe3 url("images/background.png"); }

.aphc-mobile-menu {
  text-indent: -3px;
  padding-left: 3px;
  display: none; }

/* Site Containers
--------------------------------------------- */
.site-container {
  background: transparent; }

.site-header,
.nav-primary,
.site-inner,
.wrap,
.site-footer,
#apmFooter {
  margin: 0 auto;
  max-width: 1160px; }

.site-inner {
  clear: both;
  padding: 20px;
  padding: 1.25em;
  background-color: #f4f4f4;
  background-color: rgba(255, 255, 255, 0.7); }

/* Content Area
--------------------------------------------- */
/* Entries
--------------------------------------------- */
.entry {
  background-color: transparent;
  border-radius: 3px;
  margin-bottom: 40px;
  margin-bottom: 4rem; }

.home .entry {
  margin-bottom: 0; }

.search-results .entry {
  margin-bottom: 1.5rem; }

.entry-content {
  /* 
	a {
		color: #a9181c;
		text-decoration: none;
	
		&:hover {
			color: #f58603;
		}
	}
 */ }
  .entry-content .search-form {
    width: 50%; }
  .entry-content > div {
    margin-bottom: 40px; }

.entry-content .attachment a,
.entry-content .gallery a {
  border: none; }

.quote-caption {
  margin-bottom: 26px;
  margin-bottom: 1.44rem; }

.entry-content ol li {
  list-style-type: decimal; }

.entry-content ul li {
  list-style-type: disc; }

.entry-content ol ol,
.entry-content ul ul {
  margin-bottom: 0; }

.entry-meta {
  color: #000;
  font-size: 15px;
  font-size: .83rem; }
  .entry-meta a {
    border-bottom: 1px solid #ddd; }

.entry-header .entry-meta {
  margin-bottom: 24px;
  margin-bottom: 1.33rem; }

.entry-footer .entry-meta {
  border-top: 2px solid #f5f5f5;
  margin: 0 -40px;
  margin: 0 -4rem;
  padding: 32px 40px 8px;
  padding: 3.2rem 4rem 0.8rem; }

.entry-comments-link::before {
  content: "\2014";
  margin: 0 6px 0 2px;
  margin: 0 0.6rem 0 0.2rem; }

.entry-categories,
.entry-tags {
  display: block; }

/*********************
MISC STYLES
*********************/
hr, .aphc-rule {
  border: 0;
  height: 4px;
  background-color: #317023;
  margin: 40px 0; }

.border-gold {
  border: 4px solid #f3bd48; }

.hide {
  display: none; }

.left {
  float: left; }

.right {
  float: right; }

/* Clear Floats */
.archive-pagination:before, .clearfix:before, .entry:before, .entry-pagination:before, .footer-widgets:before, .nav-primary:before, .nav-secondary:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .wrap:before {
  content: " ";
  display: table; }

.archive-pagination:after, .clearfix:after, .entry:after, .entry-pagination:after, .footer-widgets:after, .nav-primary:after, .nav-secondary:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .wrap:after {
  clear: both;
  content: " ";
  display: table; }

.cf:before, .cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after {
  clear: both; }

.cf {
  /* For IE 6/7 only */
  *zoom: 1; }

/* 
@media only screen and (max-width: 1142px) {
	// styles in 1142down.scss
	@import "breakpoints/1142down";
}
 */
@media only screen and (max-width: 1024px) {
  /******************************************************************
http://prairiehome.publicradio.org/documents/styleguide/

Max-width: 1024px

The proportionate width of the main content well is reduced to accommodate the side bar rail, which always has a minimum width of 300px (for sponsor advertisements).
******************************************************************/
  .home ul.social_widgets li .icon-style-round:before {
    font-size: 32px; }
  .home ul.social_widgets li .icon-style-round {
    height: 42px;
    width: 42px; } }

@media only screen and (max-width: 1024px) and (max-width: 1018px) {
  .home .home-top .widget, .home .home-news .widget {
    width: 48%; }
  .home .home-top section:nth-child(2), .home .home-news section:nth-child(2) {
    margin-right: 0; }
  .home .home-news section:nth-child(3) {
    float: none;
    clear: both;
    padding-top: 24px;
    margin: auto; }
  .home .home-top section.widget_aphc_ad_widget {
    margin-right: 4%; }
  .home .home-top section.widget_aphc_ad_widget, .home .home-top section.widget_aphc_social_widget {
    float: left; }
  .home-photos .one-third:nth-child(odd) {
    margin-left: 0; } }

@media only screen and (max-width: 1024px) and (max-width: 899px) {
  .show-preshow-photos {
    display: none; }
  .single-show.show .entry-content, .show-content {
    width: 100%; }
  .page-template-page-tickets-php .icon-style-square {
    display: none; } }

@media only screen and (max-width: 1024px) and (max-width: 800px) {
  h1, .show-date {
    font-size: 1.86rem;
    line-height: 2.31rem; }
  h2, .show-title {
    font-size: 1.33rem; }
  .show-venue, .show-city, .show-tickets-options, .single-show.show .entry-content, .show-content {
    font-size: 100%; }
  /* Ads */
  /* 
	.home .home-top .widget{
		float: left;
		width: 45.5357142857145%;
		margin-right: 4.464285714286%;
	}
	*/ }

@media only screen and (max-width: 1024px) and (max-width: 768px) {
  .site-header .widget-area {
    width: auto; }
  .site-title {
    max-width: 500px; }
  .site-header .search-form input[type=search] {
    margin-right: 10px;
    width: 176px; }
  .aphc-product p {
    /* text-align: center; */ }
  input#field0.lv_field {
    width: 146px; }
  .widget_aphc_social_widget #formElement1 {
    margin-left: 0; }
  /*
	.site-container div#apmFooter, .site-container div#apmFooterContent, .site-container div#apmFooterMore{
		width: 100%;
		float: none;
		clear: both;
		margin: 0;
		padding: 20px;
	}
	*/ }

@media only screen and (max-width: 767px) {
  /******************************************************************
http://prairiehome.publicradio.org/documents/styleguide/

Max-width: 767px
The body font size reduces to 14px.

The two-column layout that displays both the content well and the sidebar rails reduces to one column.

The content well adds a 4px bottom border as a visual separation between its content and the sidebar rail's content.
******************************************************************/
  body {
    font-size: 87.5%;
    /* 87.5% of 16px, min font-size of 14px */ }
  p {
    margin-bottom: 8px;
    margin-bottom: .5rem; }
  /* 
.blog-feature span.icon, .joke-machine  span.icon{
	display: none;
}
 */
  .home .home-top .widget:nth-child(even) {
    margin-right: 0; }
  .home .joke-machine {
    padding-left: 20px;
    margin-bottom: 24px; }
  .home .blog-feature > div.cf > h3 {
    padding-left: 36px; }
  .home .blog-feature.one-fourth {
    /* width: 30.5%; */
    margin: 0 0 0 4%; }
  .home .home-store img.feature {
    float: left;
    width: 30%;
    margin-right: 4%; }
  .home .home-store .aphc-products {
    margin-left: 0; }
  .show-header .show-info {
    width: auto;
    /* margin-right: 20px; */ }
  .aphc-more {
    width: 100%;
    margin: 0;
    padding: 20px 20px 0 20px;
    /* font-size: 16px; */ }
  #menu-footer {
    width: 100%;
    margin: 0;
    padding: 20px;
    /* font-size: 16px; */
    text-align: left; }
  .site-container div#apmFooter #apmFooterBar span#apmFooterBarText {
    /* font-size: 16px; */ }
  .site-container #apmFooterBar.apmFooterBarColor {
    background-color: #497629; }
  .site-container #apmFooterBarImage a {
    max-width: 100%;
    width: 100%;
    background-size: contain; }
  .site-container #apmFooterBarImage img {
    max-width: 100%;
    width: 100%;
    height: auto; }
  .nav-secondary .genesis-nav-menu > .menu-item > a {
    padding: 7px 0 7px 0; }
  .nav-secondary .genesis-nav-menu > .menu-item a::after {
    margin-right: 14px;
    margin-right: 1.4rem; }
  .site-title a, .site-title a:hover {
    width: 100%; }
  .site-header,
  .nav-primary,
  .site-inner,
  .wrap,
  .site-footer,
  #apmFooter,
  .widget_aphc_ad_widget span {
    max-width: 100%; }
  .site-inner {
    padding: 20px 20px 60px 20px;
    padding: 1.11rem 1.11rem 3.33rem 1.11rem; }
  .show-videos .show-video, .show-videos .show-video:nth-child(2n) {
    margin: 0; }
  /* 
.home .latest-photo, .home .latest-photo img, .home .latest-photo:nth-child(odd){
	float: none;
	width: 100%;
	margin-right: 0;
	height: auto;
}
 */
  .content,
  .sidebar-primary,
  .single-show.show .entry-content, .show-content,
  .single-show .show-extra, .show-videos .show-video,
  .show-video img.video-thumbnail,
  .single-show .show-video img.play-overlay,
  .show-scripts,
  .show-music,
  .show-prev,
  .show-next,
  .show-header, .show-header .wp-post-image,
  .site-container div#apmFooter div#apmFooterContent div#apmProgs li,
  .site-container div#apmFooter div#apmFooterContent div#apmProgs,
  .site-container div#apmFooter div#apmFooterContent div#apmFooterSupport,
  .site-container div#apmFooter div#apmFooterContent div#apmFooterMore,
  .aphc-ticket-info {
    width: 100%;
    margin-right: 0;
    margin-left: 0; }
  #apmFooterContent {
    padding-left: 20px;
    padding-right: 20px; }
  .widget_aphc_store_widget img.feature {
    position: relative;
    width: 100%;
    height: auto; }
  .widget_aphc_social_widget .site .text {
    display: none; }
  .widget_aphc_social_widget .site {
    float: left;
    width: 20%;
    text-align: center; }
  .widget_aphc_social_widget .site .icon-style-round {
    float: none; }
  .widget_aphc_social_widget .icon-style-round {
    margin: 0; }
  .show-venue, .show-city {
    /* 
font-size: 16px;
	font-size: 1.6rem;
*/ }
  .widget_aphc_store_widget .aphc-product .thumbnail {
    height: 130px; }
  /* Mobile Header */
  .site-header .wrap {
    /* 
padding: 10px;
	padding: 1rem;
*/
    padding: 3px 0 0;
    border-bottom: 3px solid #225a2a; }
  .site-title {
    display: inline-block; }
  .uv-icon {
    display: none !important; }
  .site-header {
    position: relative; }
  .site-header .search-form input[type=search] {
    display: none;
    position: absolute;
    top: 10px;
    top: 1rem;
    left: 0;
    margin-left: 18.75%;
    margin-right: 18.75%;
    z-index: 50;
    width: 62.5%;
    font-size: 12px;
    font-size: 1.2rem; }
  .title-area {
    width: 76%;
    margin: 3px 0 0;
    position: absolute;
    left: 50%;
    margin-left: -38%; }
  .site-title {
    width: 100%; }
  .site-header .search-form button {
    margin: 0;
    height: 44px;
    width: 44px; }
  .site-title a, .site-title a:hover {
    width: 100%;
    background-size: contain;
    height: 36px;
    background-position: center center; }
  /* Mobile Menu */
  .aphc-mobile-menu {
    display: inline-block;
    float: left; }
  .genesis-nav-menu.menu-primary {
    background-color: #ebefdb;
    padding-bottom: 20px;
    padding-bottom: 1.11rem;
    position: relative;
    padding-top: 20px;
    display: none;
    border-bottom: 3px solid #317023; }
  .genesis-nav-menu.menu-primary .menu-item {
    display: block;
    width: 100%; }
  .genesis-nav-menu.menu-primary .menu-item a {
    color: #a9181c;
    padding-bottom: 0;
    padding: 9px;
    padding: .5rem; }
  .genesis-nav-menu.menu-primary .menu-item a:hover {
    color: #f58603; }
  .genesis-nav-menu.menu-primary .sub-menu .menu-item {
    width: auto;
    display: inline-block; }
  .genesis-nav-menu.menu-primary .sub-menu {
    position: static;
    opacity: 1;
    display: inline-block;
    border: 0;
    width: 100%; }
  .genesis-nav-menu.menu-primary .sub-menu a {
    width: auto;
    background-color: transparent;
    border: 0;
    display: inline-block;
    position: static;
    font-family: "DIN Next W01 Regular", sans-serif; }
  .genesis-nav-menu.menu-primary .menu-item.donate {
    width: 100%;
    float: none;
    position: absolute;
    top: 16px;
    top: 1.6rem; }
  .genesis-nav-menu.menu-primary .menu-item.donate a {
    width: auto;
    float: none;
    display: inline-block;
    text-align: center; }
  .genesis-nav-menu.menu-primary .menu-item.donate a {
    width: 30%;
    margin: 0 35%; }
  .icon-style-round {
    width: 36px;
    height: auto;
    padding-left: 12px;
    padding-top: 0; }
    .icon-style-round:before {
      font-size: 24px;
      top: 2px; }
  form .icon-style-round {
    padding-left: 6px; } }

@media only screen and (max-width: 767px) and (max-width: 660px) {
  .home .home-top .widget, .home .home .home-news .widget {
    width: 100%;
    margin: 16px 0 0 0;
    border-top: 4px solid #317023;
    padding-top: 24px; }
    .home .home-top .widget:first-child, .home .home .home-news .widget:first-child {
      margin-top: 0;
      padding-top: 0;
      border-top: 0; }
  .home .home-news .widget {
    width: 100%;
    float: none;
    padding-top: 24px;
    margin-top: 24px;
    border-top: 2px solid #317023; }
    .home .home-news .widget:first-child {
      margin-top: 0;
      padding-top: 0;
      border-top: 0; }
    .home .home-news .widget:nth-child(3) {
      margin: 24px 0 0; }
  .home .home-news-two .widget {
    width: 100%;
    margin-right: 0; }
  .home .blog-feature.one-fourth {
    width: 100%;
    margin: 24px 0 0 0;
    padding: 24px 0 0 0;
    border-top: 4px solid #317023; }
    .home .blog-feature.one-fourth:first-child {
      margin: 0;
      border-top: 0;
      padding-top: 0; }
  .home-highlights > div {
    border-top: 4px solid #317023;
    padding-top: 24px;
    margin-top: 24px; }
    .home-highlights > div.first {
      margin-top: 0;
      padding-top: 0;
      border-top: 0; } }

@media only screen and (max-width: 568px) {
  /******************************************************************
http://prairiehome.publicradio.org/documents/styleguide/

Max-width: 568px
The main content area fills 100% of the viewport, with a minimum width of 320px.

The previous 20px of padding around the whole content area should be reduced to 10px, leaving a minimum of 300px of usable interior space. The main content well (including any interior columns) and sidebar fill the full 300px.
******************************************************************/
  .home .home-top .widget, .home .home-news .widget {
    width: 100%;
    margin-top: 16px; }
    .home .home-top .widget:first-child, .home .home-news .widget:first-child {
      margin-top: 0; } }

@media only screen and (max-width: 568px) and (max-width: 510px) {
  .show-video-full img.play-overlay {
    top: 0;
    margin-top: 0;
    left: 0;
    margin-left: 0; } }

@media only screen and (max-width: 480px) {
  .site-header .wrap {
    position: relative; }
  .site-header .title-area {
    width: 70%;
    margin: 3px 0 0;
    margin-left: -35%; }
  .site-header .search-form input[type="search"] {
    top: 9px;
    font-size: .12px;
    font-size: .75rem; }
  .genesis-nav-menu.menu-primary {
    padding-top: 40px;
    padding-right: 1.11rem;
    padding-left: 1.11rem; }
  .genesis-nav-menu.menu-primary .menu-item a {
    padding: 0.5rem 0; }
  .genesis-nav-menu.menu-primary .menu-item.donate {
    top: 10px;
    left: 50%;
    width: 100%;
    margin-right: 0;
    margin-left: -50%; }
  .site-inner {
    padding: 10px; }
  .home-top.widget-area > .aphc-video-highlight {
    border-bottom: 4px solid #317023;
    margin-bottom: 20px;
    padding-bottom: 10px; }
  .home .home-top section:nth-child(3) {
    padding-bottom: 20px; }
  .home-top.widget-area > .aphc-video-highlight {
    display: none; }
  .home-top.widget-area .show-previous, .home-top.widget-area .show-next {
    float: none; }
  .home-show .show-header {
    height: 100px; }
  .home-show .show-header .show-info {
    background-color: transparent;
    margin: 110px 0 10px;
    padding: 0;
    width: 100%; }
  .entry {
    margin-bottom: 0; }
  .entry-content > div {
    margin-bottom: 24px; }
  .home .blog-feature {
    margin-top: 20px;
    padding-bottom: 10px; }
  .sidebar-primary .widget {
    margin-bottom: 20px;
    padding-bottom: 10px; } }

/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*********************/
/* 
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {

	// styles in 2x.scss
	@import "breakpoints/2x";

} // end of media query
 */
/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/
/* 
@media print {

	// styles in print.scss
	@import "partials/print";

}
 */
/*********************
PLUGINS
*********************/
/* Jetpack */
img#wpstats {
  display: none; }

/* Custom Styles Import */
/* intended to be modified via WordPress dashboard in the browser */
/*********************
BELOW: LEFTOVERS TO CONVERT TO SASS
*********************/
/* Typographical Elements
--------------------------------------------- */
a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

::-moz-selection {
  background-color: #333;
  color: #fff; }

::selection {
  background-color: #333;
  color: #fff; }

a img {
  margin-bottom: -4px;
  margin-bottom: -0.4rem; }

.entry-content code {
  background-color: #333;
  color: #ddd; }

.nomarginbottom {
  margin-bottom: 0; }

.marginbottom2rem {
  margin-bottom: 32px;
  margin-bottom: 1.7778rem; }

/* Objects
--------------------------------------------- */
embed,
iframe,
img,
object,
video,
.wp-caption {
  max-width: 100%; }

img {
  height: auto;
  width: auto;
  /* IE8 */ }

/*
Common Classes
---------------------------------------------------------------------------------------------------- */
/* WordPress
--------------------------------------------- */
.avatar {
  float: left; }

.alignleft .avatar {
  margin-right: 24px;
  margin-right: 2.4rem; }

.alignright .avatar {
  margin-left: 24px;
  margin-left: 2.4rem; }

/*
.search-form input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}
*/
img.centered,
.aligncenter {
  display: block;
  margin: 0 auto 24px;
  margin: 0 auto 1.5rem; }

img.alignnone {
  margin-bottom: 16px;
  margin-bottom: 1rem; }

.alignleft {
  float: left;
  text-align: left; }

.alignright {
  float: right;
  text-align: right; }

.wp-caption img {
  border: 6px solid #f3bd48; }

img.alignleft,
.wp-caption.alignleft {
  margin: 0 24px 16px 0;
  margin: 0 1.5rem 0 0; }

img.alignright,
.wp-caption.alignright {
  margin: 0 0 24px 24px;
  margin: 0 0 2.4rem 2.4rem; }

.wp-caption-text {
  font-size: 15px;
  font-size: .83rem;
  line-height: 1.2rem;
  font-weight: 700;
  padding: .83rem 0 0; }

.widget_calendar table {
  width: 100%; }

.widget_calendar td,
.widget_calendar th {
  text-align: center; }

/* Genesis
--------------------------------------------- */
/* 
.archive-description,
 */
.author-box {
  background-color: transparent;
  margin-bottom: 40px;
  margin-bottom: 4rem; }

/* 
.archive-description {
	padding: 40px 40px 24px;
	padding: 4rem 4rem 2.4rem;
}
 */
.author-box {
  padding: 40px;
  padding: 4rem; }

.author-box-title {
  color: #333;
  /* font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; */
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 4px;
  margin-bottom: 0.4rem; }

.author-box a {
  border-bottom: 1px solid #ddd; }

.author-box p {
  margin-bottom: 0; }

.author-box .avatar {
  margin-right: 24px;
  margin-right: 2.4rem; }

/* Titles
--------------------------------------------- */
/* 
.entry-title {
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 1;
}
 */
/* 
.sidebar .widget-title a {
	color: #333;
}
 */
/*
.entry-title a:hover {
	color: #666;
}
*/
/* 
.sidebar .widget-title a {
	border: none;
}
 */
.archive-title {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }

/* 
.sidebar-primary .widget-title{
	margin-bottom: 0;	
}
 */
/*
Widgets
---------------------------------------------------------------------------------------------------- */
/* Featured Content
--------------------------------------------- */
.featured-content .entry {
  border-bottom: 2px solid #f5f5f5;
  margin-bottom: 20px;
  margin-bottom: 2rem;
  padding: 0 0 24px;
  padding: 0 0 2.4rem; }

.featured-content .entry-title {
  border: none;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.2; }

.featured-content .entry-title a {
  border: none; }

/*
Plugins
---------------------------------------------------------------------------------------------------- */
/* Genesis eNews Extended
--------------------------------------------- */
.enews-widget {
  color: #000; }

.enews-widget .widget-title {
  color: #fff; }

.enews-widget input {
  margin-bottom: 16px;
  margin-bottom: 1.6rem; }

.enews-widget input:focus {
  border: 1px solid #ddd; }

.enews-widget input[type="submit"] {
  background-color: #f15123;
  color: #fff;
  margin: 0;
  width: 100%; }

.enews-widget input:hover[type="submit"] {
  background-color: #fff;
  color: #333; }

/* Genesis Latest Tweets
--------------------------------------------- */
.latest-tweets ul li {
  margin-bottom: 16px;
  margin-bottom: 1.6rem; }

/* Gravity Forms
--------------------------------------------- */
div.gform_wrapper input[type="email"],
div.gform_wrapper input[type="text"],
div.gform_wrapper textarea,
div.gform_wrapper .ginput_complex label {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 16px;
  padding: 1.6rem; }

div.gform_wrapper .ginput_complex label {
  padding: 0; }

div.gform_wrapper li,
div.gform_wrapper form li {
  margin: 16px 0 0;
  margin: 1.6rem 0 0; }

div.gform_wrapper .gform_footer input[type="submit"] {
  font-size: 15px;
  font-size: 1.5rem; }

.aphc-more {
  font-family: 'DIN Next W01 Bold';
  float: left;
  width: 360px;
  width: 20rem;
  /* 
padding: 14px 0;
	padding: 1.4rem 0;
	margin-left: 20px;
	margin-left: 2.0rem;
	margin-right: 16px;
	margin-right: 1.6rem;
 */ }

/* Pagination
--------------------------------------------- */
.archive-pagination,
.entry-pagination {
  font-size: 15px;
  font-size: 1.5rem;
  margin: 40px 0;
  margin: 4rem 0; }

.archive-pagination li {
  display: inline; }

.archive-pagination li a {
  background-color: #333;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  padding: 8px 12px;
  padding: 0.8rem 1.2rem; }

.archive-pagination li a:hover,
.archive-pagination li.active a {
  background-color: #f15123; }

.entry-pagination a {
  border-bottom: 1px solid #ddd; }

/* Comments
--------------------------------------------- */
.comment-respond,
.entry-comments,
.entry-pings {
  background-color: #fff;
  margin-bottom: 40px;
  margin-bottom: 4rem; }

.entry-comments {
  padding: 40px;
  padding: 4rem; }

.comment-respond,
.entry-pings {
  padding: 40px 40px 16px;
  padding: 4rem 4rem 1.6rem; }

.comment-respond a,
.entry-comments a {
  border-bottom: 1px solid #ddd; }

.comment-content {
  clear: both; }

.entry-comments .comment-author {
  margin-bottom: 0; }

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
  width: 50%; }

.comment-respond label {
  display: block;
  margin-right: 12px;
  margin-right: 1.2rem; }

.comment-list li,
.ping-list li {
  list-style-type: none; }

.comment-list li {
  margin-top: 24px;
  margin-top: 2.4rem;
  padding: 32px;
  padding: 3.2rem; }

.comment-list li li {
  margin-right: -32px;
  margin-right: -3.2rem; }

li.comment {
  background-color: #f5f5f5;
  border: 2px solid #fff;
  border-right: none; }

.comment .avatar {
  margin: 0 16px 24px 0;
  margin: 0 1.6rem 2.4rem 0; }

.entry-pings .reply {
  display: none; }

.form-allowed-tags {
  background-color: #f5f5f5;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 24px;
  padding: 2.4rem; }

/*
Sidebars
---------------------------------------------------------------------------------------------------- */
.sidebar {
  color: #000; }

/*
.sidebar a {
	border-bottom: 1px solid #ddd;
}
*/
.sidebar p:last-child {
  margin-bottom: 0; }

.sidebar li {
  list-style-type: none;
  margin-bottom: 6px;
  margin-bottom: 0.6rem;
  word-wrap: break-word; }

.sidebar ul > li:last-child {
  margin-bottom: 0; }

.sidebar .widget {
  background-color: transparent;
  border-radius: 3px;
  margin-bottom: 40px;
  margin-bottom: 4rem;
  padding: 0; }

.sidebar .enews-widget {
  background-color: #333; }

/* Primary Sidebar */
.sidebar-primary .widget {
  border-bottom: 4px solid #317023;
  margin-bottom: 40px;
  padding-bottom: 40px; }

.sidebar-primary .widget:last-child {
  border-bottom: none; }

.page article, .page .sidebar {
  margin-top: 20px;
  margin-top: 2rem; }

.page article:first-child, .page .sidebar {
  margin-top: 0; }

.aphc-show-finder {
  margin: 0 0 24px;
  margin: 0 0 2.4rem; }

.aphc-show-finder select {
  width: auto;
  margin-right: 8px;
  /* height: 36px; */
  padding: 9px 7px 7px;
  padding: 0.65rem 0.4rem 0.4rem; }

.aphc-show-finder input {
  margin-top: 2px; }