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

Stylesheet: Support Page

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.
******************************************************************/
/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

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

/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/*
 * Addresses margins handled incorrectly in IE6/7.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.75em;
  margin: 2.33em 0; }

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */
b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

/*
 * Addresses styling not present in S5, Chrome.
 */
dfn {
  font-style: italic; }

/*
 * Addresses styling not present in IE6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/*
 * Addresses margins set differently in IE6/7.
 */
p,
pre {
  margin: 1em 0; }

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/*
 * Addresses CSS quotes not supported in IE6/7.
 */
q {
  quotes: none; }

/*
 * Addresses `quotes` property not supported in S4.
 */
q:before,
q:after {
  content: '';
  content: none; }

small {
  font-size: 75%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

/*
 * Addresses paddings set differently in IE6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px; }

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/*
 * Corrects overflow displayed oddly in IE9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7.
 */
form {
  margin: 0; }

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

/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/*
 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 * UA stylesheet.
 */
button,
input {
  line-height: normal; }

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

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

/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, 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; }

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

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

/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

b, strong, .strong {
  font-weight: bold; }

dfn, em, .em {
  font-style: italic; }

small, .small {
  font-size: 75%; }

ul, ol {
  padding: 0;
  list-style-type: none; }

dd {
  margin: 0; }

.sidebar ul,
.sidebar ol,
.commentlist {
  list-style: none; }

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

/*********************
TOOLS
*********************/
.pull-right {
  float: right; }

.pull-left {
  float: left; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/*********************
TYPOGRAPHY
*********************/
/* 	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;
	}
*/
/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic; }

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

.text-center {
  text-align: center; }

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

.alert-help, .alert-info, .alert-error, .alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid; }

.alert-help {
  border-color: #e8dc59;
  background: #ebe16f; }

.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8; }

.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4; }

.alert-success {
  border-color: #deeaae;
  background: #e6efc2; }

/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
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? */
/* DEPRECATED
@mixin box-sizing($type: border-box) {
	-webkit-box-sizing: $type;
	-moz-box-sizing:    $type;
	-ms-box-sizing:     $type;
	box-sizing:         $type;
}
*/
.brand {
  margin: 0;
  font-size: 3em; }
  .brand, .brand a:link {
    text-decoration: none; }

.masthead {
  background-color: #000; }

.list {
  list-style: none; }

.list-item {
  display: block; }

.list-inline {
  display: block; }
  .list-inline:after {
    content: "";
    display: table;
    clear: both; }

.list-inline .list-item.menu-item {
  display: inline-block; }
.list-inline .menu-item .menu-item {
  display: block; }

.ordered-list {
  list-style-type: decimal; }

.unordered-list {
  list-style-type: disc; }

.menu {
  display: block;
  margin: 0; }

.menu-item {
  margin: 0;
  display: block; }

.sub-menu {
  display: none;
  margin: 0; }

.menu-item:hover > .sub-menu {
  display: block; }

.menu-inline {
  z-index: 0; }
  .menu-inline .menu-item {
    position: relative;
    display: inline-block;
    margin-left: -4px;
    padding: .25em 1em;
    background: white; }
    .navbar--dark .menu-inline .menu-item {
      background: #333333; }
  .menu-inline .menu-item .menu-item {
    margin-left: 0;
    display: block;
    width: 200px; }
  .menu-inline .sub-menu {
    position: absolute;
    top: 100%;
    transform: none !important; }
  .menu-inline .sub-menu .sub-menu {
    top: 0;
    left: 100%;
    z-index: 2; }

.top-nav li {
  overflow: hidden;
  display: inline-block;
  margin-bottom: -10px; }

.top-nav li:hover {
  overflow: visible !important; }

.sub-menu {
  border-radius: 0px 0px 10px 10px; }

.sub-menu li a:hover:after, .sub-menu li a:hover:before {
  display: none; }

.sub-menu li a:hover {
  color: #555 !important;
  font-weight: 900; }

.navbar {
  background: white;
  color: #333333;
  display: block; }
  .navbar:after {
    content: "";
    display: table;
    clear: both; }
  .navbar .top-nav {
    position: relative;
    z-index: 1; }

.navbar--dark {
  background: #333333;
  color: #eeeeee; }

.section {
  display: block; }
  .section:after {
    content: "";
    display: table;
    clear: both; }

.section-inner {
  display: block;
  width: 96%;
  max-width: 1240px;
  margin: 0 auto 0 auto; }
  .section-inner:after {
    content: "";
    display: table;
    clear: both; }

.wp-content h1, .wp-content .h1 {
  font-size: 2.5em;
  line-height: 1.333em; }
.wp-content h2, .wp-content .h2 {
  font-size: 1.75em;
  line-height: 1.4em;
  margin-bottom: 0.375em; }
.wp-content h3, .wp-content .h3 {
  font-size: 1.125em; }
.wp-content h4, .wp-content .h4 {
  font-size: 1.1em;
  font-weight: 700; }
.wp-content h5, .wp-content .h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px; }

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

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
/*********************
GENERAL STYLES
*********************/
body {
  font-family: "Maven Pro", sans-serif;
  font-size: 100%;
  line-height: 1.5;
  color: #565656;
  height: 100%;
  width: 100%;
  overflow: auto; }

a:link {
  color: #e83928; }

a:visited {
  color: #9a1d10; }

a:hover {
  color: #f28e84; }

a:active {
  color: #f28e84; }

a:focus {
  color: #f28e84; }

/********************
WORDPRESS BODY CLASSES
style a page via class
********************/
/* for sites that are read right to left (i.e. hebrew) */
/* home page */
/* blog template page */
/* archive page */
/* date archive page */
/* replace the number to the corresponding page number */
/* search page */
/* search result page */
/* no results search page */
/* individual paged search (i.e. body.search-paged-3) */
/* 404 page */
/* single post page */
/* individual post page by id (i.e. body.postid-73) */
/* individual paged single (i.e. body.single-paged-3) */
/* attatchment page */
/* individual attatchment page (i.e. body.attachmentid-763) */
/* style mime type pages */
/* author page */
/* user nicename (i.e. body.author-samueladams) */
/* paged author archives (i.e. body.author-paged-4) for page 4 */
/* category page */
/* individual category page (i.e. body.category-6) */
/* replace the number to the corresponding page number */
/* tag page */
/* individual tag page (i.e. body.tag-news) */
/* replace the number to the corresponding page number */
/* custom page template page */
/* individual page template (i.e. body.page-template-contact-php */
/* replace the number to the corresponding page number */
/* parent page template */
/* child page template */
/* replace the number to the corresponding page number */
/* if user is logged in */
/* paged items like search results or archives */
/* individual paged (i.e. body.paged-3) */
/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
  width: 96%;
  margin: 0 auto; }

/*********************
LINK STYLES
*********************/
/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
  /* removing text decoration from all headline links */ }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
    text-decoration: none; }

/*********************
HEADER STYLES
*********************/
/*********************
NAVIGATION STYLES
*********************/
/*
all navs have a .nav class applied via
the wp_menu function; this is so we can
easily write one group of styles for
the navs on the site so our css is cleaner
and more scalable.
*/
/*********************
POSTS & CONTENT STYLES
*********************/
/* end .hentry */
.single-title,
.page-title {
  font-family: "Oswald" sans-serif;
  padding: 0px;
  margin: 0px;
  line-height: 1; }

/* want to style individual post classes? Booya! */
/* post by id (i.e. post-3) */
/* general post style */
/* general article on a page style */
/* general style on an attatchment */
/* sticky post style */
/* hentry class */
/* style by category (i.e. category-videos) */
/* style by tag (i.e. tag-news) */
/* post meta */
.byline {
  color: #999; }

/* entry content */
.entry-content {
  margin-top: 10px;
  /*
  image alignment on a screen this size may be
  a bit difficult. It's set to start aligning
  and floating images at the next breakpoint,
  but it's up to you. Feel free to change it up.
  */ }
  .entry-content ul, .entry-content ol {
    margin: 0 0 0 1em; }
    .entry-content ul li, .entry-content ol li {
      margin-left: 1em; }
  .entry-content ul li {
    list-style-type: disc; }
  .entry-content ol li {
    list-style-type: decimal; }
  .entry-content dd {
    margin-left: 0;
    font-size: 0.9em;
    color: #787878;
    margin-bottom: 1.5em; }
  .entry-content img {
    margin: 0 0 1.5em 0;
    max-width: 100%;
    height: auto; }
  .entry-content .alignleft, .entry-content img.alignleft {
    float: left; }
  .entry-content .alignright, .entry-content img.alignright {
    float: right; }
  .entry-content video, .entry-content object {
    max-width: 100%;
    height: auto; }
  .entry-content pre {
    background: #eee;
    border: 1px solid #cecece;
    padding: 10px; }

/* end .entry-content */
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */ }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
.img {
  max-width: 100%; }

/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.page-navigation,
.wp-prev-next {
  margin: 1.1em 0 2.2em; }

.bones_page_navi {
  /* current page link */
  /* end .bones_page_navi .bpn-current */
  /* common styles for page-navi links */
  /* remove the bg on end links */
  /* previous link */
  /* next page link */
  /* first page link */
  /* last page link */ }
  .bones_page_navi li {
    float: left;
    margin-left: 10px; }
    .bones_page_navi li a {
      padding: 0px 10px 3px !important;
      display: block;
      background-color: #fff;
      text-decoration: none;
      position: relative;
      color: #555;
      transition: 0.2s ease-out;
      -webkit-transition: 0.2s ease-out;
      -moz-transition: 0.2s ease-out; }
      .bones_page_navi li a:hover, .bones_page_navi li a:focus {
        color: #f01d4f;
        text-decoration: none; }
  .bones_page_navi li.bpn-current {
    position: relative;
    background: #fff;
    padding: 0px 10px 3px;
    color: #e83928; }
    .bones_page_navi li.bpn-current a {
      /* hovering on current page link */ }
  .bones_page_navi li.bpn-prev-link,
  .bones_page_navi li.bpn-next-link {
    font-weight: 700; }
    .bones_page_navi li.bpn-prev-link a,
    .bones_page_navi li.bpn-next-link a {
      background-color: #e83928;
      color: #fff;
      transition: 0.2s ease-out;
      -webkit-transition: 0.2s ease-out;
      -moz-transition: 0.2s ease-out; }
  .bones_page_navi li.bpn-prev-link a:hover,
  .bones_page_navi li.bpn-next-link a:hover,
  .bones_page_navi li.bpn-first-page-link a:hover,
  .bones_page_navi li.bpn-last-page-link a:hover {
    background: #64caf0; }

/* end .bones_page_navi */
/* fallback previous & next links */
.wp-prev-next .prev-link {
  float: left; }
.wp-prev-next .next-link {
  float: right; }

.internal {
  margin-top: 2em; }

/* end .wp-prev-next */
/******************************************************************
COMMENT STYLES
******************************************************************/
/* h3 comment title */
#comments {
  /* number of comments span */ }

.commentlist {
  /* general comment classes */
  /* vcard */
  /* end .commentlist .vcard */
  /* comment meta */
  /* comment content */
  /* end .commentlist .comment_content */
  /* comment reply link */
  /* end .commentlist .comment-reply-link */ }
  .commentlist li {
    position: relative;
    clear: both;
    overflow: hidden;
    list-style-type: none;
    margin-bottom: 1.5em;
    padding: 0.7335em 10px;
    /* end .commentlist li ul.children */ }
    .commentlist li:last-child {
      margin-bottom: 0; }
    .commentlist li ul.children {
      margin: 0;
      /* variations */
      /* change number for different depth */ }
  .commentlist li[class*=depth-] {
    margin-top: 1.1em; }
  .commentlist li.depth-1 {
    margin-left: 0;
    margin-top: 0; }
  .commentlist li:not(.depth-1) {
    margin-right: -10px;
    margin-left: -10px;
    margin-top: 0;
    padding-bottom: 0; }
  .commentlist .odd {
    background: #eee; }
  .commentlist .even {
    background: #fefefe; }
  .commentlist .vcard {
    margin-left: 50px; }
    .commentlist .vcard cite.fn {
      font-weight: 700;
      font-style: normal; }
    .commentlist .vcard time {
      float: right; }
      .commentlist .vcard time a {
        color: #999;
        text-decoration: none; }
        .commentlist .vcard time a:hover {
          text-decoration: underline; }
    .commentlist .vcard img.avatar {
      position: absolute;
      left: 10px;
      padding: 2px;
      border: 1px solid #cecece;
      background: #fff; }
  .commentlist .comment_content {
    margin-left: 50px; }
    .commentlist .comment_content p {
      margin: 0.7335em 0 1.5em;
      font-size: 1em;
      line-height: 1.5em; }
  .commentlist .comment-reply-link {
    text-decoration: none;
    float: right;
    background: #4598bb;
    padding: 3px 5px;
    color: #fff;
    opacity: 0.65;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 0.9em; }
    .commentlist .comment-reply-link:hover, .commentlist .comment-reply-link:focus {
      opacity: 1; }

/* end .commentlist */
/******************************************************************
COMMENT FORM STYLES
******************************************************************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em;
      /* form validation */ }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

/* comment submit button */
/* comment form title */
#comment-form-title {
  margin: 0 0 1.1em; }

/* cancel comment reply link */
/* logged in comments */
/* allowed tags */
#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

/* no comments */
.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.sidebar ul.children {
  margin: 0px;
  border-bottom: 1px solid #EAEAEA; }
.sidebar .img {
  max-width: 100% !important; }

.widget ul li {
  /* deep nesting */ }

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  display: table;
  width: 100%;
  background-color: #e83928 !important;
  background: url("../img/tower.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: 92%;
  background-position-y: 10px; }
  .footer #amazon {
    margin: 20px 10px 10px;
    display: block;
    float: left;
    max-width: 180px;
    overflow: hidden; }
  .footer .socialfooter {
    float: right;
    font-size: 1.5em; }
    .footer .socialfooter a:hover {
      color: #64caf0 !important; }
  .footer .infoinner {
    display: block;
    max-width: 1250px;
    margin: 0px auto;
    font-weight: 100;
    color: #ADADAD;
    font-size: 1em; }
    .footer .infoinner a {
      color: #888;
      font-weight: 900; }
  .footer .fa {
    margin-right: 1em; }
  .footer nav {
    float: left;
    max-width: 200px;
    margin: 1em 0 0 3em; }
    .footer nav li {
      display: block; }
    .footer nav ul {
      margin-bottom: 5px;
      margin-top: 0px; }
    .footer nav a i {
      text-align: right;
      float: right;
      margin-right: .2em;
      font-size: 2em;
      color: #fff; }
  .footer .copyright {
    line-height: 1.8;
    display: inline-block;
    float: left; }
  .footer .wrap {
    max-width: 1240px; }
  .footer p {
    color: #fff;
    letter-spacing: 1; }
    .footer p img {
      margin-bottom: -25px; }
  .footer a {
	  color: #FFF !important;
	  text-decoration: none !important }
  .footer .site-info {
    display: block;
    overflow: hidden;
    clear: both;
    font-size: small;
    color: #000;
    background: #383838;
    margin: 25px 0 0 0;
    padding: 15px 0; }
    .footer .site-info a:link, .footer .site-info a:visited {
      color: white; }

.fpren {
  display: inline;
  float: right;
  max-height: 100px;
  margin-top: 2em; }

.fpren a {
  background-image: url("../img/fpren.png");
  display: block;
  height: 98px;
  width: 140px;
  z-index: 2;
  position: relative;
  background-repeat: no-repeat;
  background-position: center; }

.fpren:after {
  content: '';
  content: url("../img/hurricane.png");
  display: block;
  height: 140px;
  z-index: 1 !important;
  position: relative;
  width: 140px;
  top: -100px; }

.fpren:hover:after {
  content: url("../img/hurricane.png");
  display: block;
  -webkit-animation: spin;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 35%;
  animation: spin;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  transform-origin: 50% 35%; }

@-webkit-keyframes spin {
  0% {
    transform: rotateX(0deg);
    transform: rotateY(0deg); }

  100% {
    transform: rotateX(360deg);
    transform: rotateY(360deg); } }
.awesome-weather-wrap {
  display: inline-block;
  float: none !important;
  margin-top: 2em !important;
  margin-left: 2em !important;
  clear: none !important; }

#bars {
  height: 20px;
  position: relative;
  width: 40px; }

.bar {
  background: #fff;
  bottom: 1px;
  height: 3px;
  position: absolute;
  width: 3px;
  animation: sound 0ms -100ms linear infinite alternate;
  -webkit-animation: sound 0ms -100ms linear infinite alternate; }

@keyframes sound {
  0% {
    opacity: .35;
    height: 3px; }

  100% {
    opacity: 1;
    height: 22px; } }
@-webkit-keyframes sound {
  0% {
    opacity: .35;
    height: 3px; }

  100% {
    opacity: 1;
    height: 22px; } }
.bar:nth-child(1) {
  left: 1px;
  animation-duration: 674ms;
  -webkit-animation-duration: 674ms; }

.bar:nth-child(2) {
  left: 5px;
  animation-duration: 633ms;
  -webkit-animation-duration: 633ms; }

.bar:nth-child(3) {
  left: 9px;
  animation-duration: 607ms;
  -webkit-animation-duration: 607ms; }

.bar:nth-child(4) {
  left: 13px;
  animation-duration: 658ms;
  -webkit-animation-duration: 658ms; }

.bar:nth-child(5) {
  left: 17px;
  animation-duration: 600ms;
  -webkit-animation-duration: 600ms; }

.bar:nth-child(6) {
  left: 21px;
  animation-duration: 627ms;
  -webkit-animation-duration: 627ms; }

.bar:nth-child(7) {
  left: 25px;
  animation-duration: 641ms;
  -webkit-animation-duration: 641ms; }

.bar:nth-child(8) {
  left: 29px;
  animation-duration: 619ms;
  -webkit-animation-duration: 619ms; }

.bar:nth-child(9) {
  left: 33px;
  animation-duration: 687ms;
  -webkit-animation-duration: 687ms; }

.bar:nth-child(10) {
  left: 37px;
  animation-duration: 642ms;
  -webkit-animation-duration: 642ms; }

/* end .footer-links */
/******************************************************************
Site Name:
Author:

Stylesheet: Custom Styles

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.
******************************************************************/
/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
/*** Defaults ****/
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none;
  font-family: "freight-display-pro"; }

h1 a {
  font-style: italic; }

/******* Grid *********/
@media only screen and (min-width: 769px) {
  /******************************************************************
  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.

  The grid below is a combination of the 1140 grid and Twitter Boostrap.
  I liked 1140 but Boostrap's grid was way more detailed so I merged them
  together, let's see how this works out. If you want to use 1140, the original
  values are commented out on each line.

  ******************************************************************/
  .onecol {
    width: 5.801104972%; }

  /* 4.85%;  } /* grid_1  */
  .twocol {
    width: 14.364640883%; }

  /* 13.45%; } /* grid_2  */
  .threecol {
    width: 22.928176794%; }

  /* 22.05%; } /* grid_3  */
  .fourcol {
    width: 31.491712705%; }

  /* 30.75%; } /* grid_4  */
  .fivecol {
    width: 40.055248616%; }

  /* 39.45%; } /* grid_5  */
  .sixcol {
    width: 48.618784527%; }

  /* 48%;    } /* grid_6  */
  .sevencol {
    width: 57.182320438000005%; }

  /* 56.75%; } /* grid_7  */
  .eightcol {
    width: 65.74585634900001%; }

  /* 65.4%;  } /* grid_8  */
  .ninecol {
    width: 74.30939226%; }

  /* 74.05%; } /* grid_9  */
  .tencol {
    width: 82.87292817100001%; }

  /* 82.7%;  } /* grid_10 */
  .elevencol {
    width: 91.436464082%; }

  /* 91.35%; } /* grid_11 */
  .twelvecol {
    width: 99.999999993%; }

  /* 100%;   } /* grid_12 */
  .centered-eightcol {
    width: 65.74585634900001%;
    margin-left: 17.12707%;
    margin-right: 17.12707%; }

  .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
    position: relative;
    float: left;
    margin-left: 1%; }

  .first {
    margin-left: 10px; }

  .last {
    float: right; } }
.page-template-default div#content {
  margin-top: 0.8em; }
.page-template-default div#main {
  margin-bottom: 4em; }

/**** Header ****/
.breadcrumbs {
  max-width: 1240px;
  display: block;
  margin: 0px auto; }

p#breadcrumbs {
  display: block;
  border-top: 1px solid #F5F5F5;
  border-bottom: 1px solid #F5F5F5;
  border-right: 1px solid #F5F5F5;
  padding: 2px 15px 2px 0 !important; }

#breadcrumbs span span a {
  background: #DADADA;
  color: #fff !important;
  padding: 5px 15px;
  text-decoration: none;
  position: relative;
  margin-right: 25px; }
  #breadcrumbs span span a:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #fff;
    border-left-color: #DADADA;
    border-width: 14px;
    margin-top: -13.5px; }

#breadcrumbs span span span a {
  background: #fff;
  color: #5F5F5F !important;
  padding: 5px 15px;
  text-decoration: none;
  position: relative;
  margin-right: 25px; }
  #breadcrumbs span span span a:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #DADADA;
    border-left-color: #fff;
    border-width: 14px;
    margin-top: -13.5px; }
  #breadcrumbs span span span a:after {
    left: 101.5%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #FFFFFF;
    border-left-color: transparent;
    border-width: 14px;
    margin-top: -13.5px; }

a:visited {
  color: #e83928; }

a {
  color: #e83928; }

.navbar--dark {
  background: #FFF !important;
  color: #333 !important; }

.navbar--dark .menu-inline .menu-item {
  background: transparent !important; }

.brand a {
  background-image: url("../img/wmnflogo.png");
  color: transparent !important;
  background-position: center; }

.brand {
  padding-top: .1em !important; }

.brand, .brand a:link {
  text-decoration: none;
  float: left;
  width: 200px;
  background-size: contain;
  background-repeat: no-repeat; }

div#actions {
  float: left; }

.listen, .tipjar {
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: -12px 50%;
  background-size: auto 120%;
  height: 90px;
  float: left;
  margin-left: 10px;
  margin-top: -8px; }
.listen a, .tipjar a {
  text-decoration: none; }

.tipjar {
  background-image: url("../img/icon-tipjar.svg"); }

.listen {
  background-image: url("../img/icon-listen.svg"); }

.tipjar h3 {
  margin-left: 2.5em;
  color: #e83928;
  padding-bottom: 0px;
  line-height: 1;
  font-family: "freight-display-pro";
  font-style: italic; }

.tipjar h3, .listen h3 {
  margin-top: 2.4em;
  font-size: 1.2em;
  padding-left: .9em; }

.tipjar h3:hover:after {
  content: '';
  border-bottom: 2px solid;
  width: 56px;
  display: block; }

.tipjar h3:after {
  content: '';
  border-bottom: 2px solid;
  width: 0px;
  display: block;
  -webkit-transition: 0.2s ease-in;
  -moz-transition: 0.2s ease-in;
  transition: 0.2s ease-in; }

.tipjar h3, .listen h3 {
  margin-left: 2.5em;
  color: #e83928;
  padding-bottom: 0px;
  line-height: 1;
  font-family: "freight-display-pro";
  font-style: italic; }

.listen h3:hover:after {
  content: '';
  border-bottom: 2px solid;
  width: 91px;
  display: block; }

.listen h3:after {
  content: '';
  border-bottom: 2px solid;
  width: 0px;
  display: block;
  transition: 0.2s ease-in;
  -moz-transition: 0.2s ease-in;
  -webkit-transition: 0.2s ease-in; }

.contact {
  display: block;
  text-align: right;
  font-family: 'Maven Pro', sans-serif;
  margin-right: 30px; }
  .contact a {
    text-decoration: none;
    margin: 0px;
    padding: 0px 10px;
    color: #2F2F2F !important; }
  .contact span {
    font-family: "freight-display-pro";
    font-weight: bold; }

.search h3.search-title {
  display: block;
  margin: 10px 0;
  font-size: 2em;
  line-height: 1; }
.search .byline {
  display: block;
  margin-bottom: 0; }
.search header.article-header {
  display: block; }
.search ul.post-categories {
  display: block;
  text-align: right;
  line-height: 0 !important;
  margin: 10px auto 2em; }
.search .bones_page_navi {
  display: inline-block; }
.search .page-navigation,
.search .wp-prev-next {
  display: block;
  margin: 20px auto 10px !important;
  text-align: center; }
.search #main article {
  padding: 1em; }
.search h1.archive-title {
  color: #e83928;
  text-transform: uppercase; }
  .search h1.archive-title span {
    color: #555;
    text-transform: none; }
.search h1.archive-title:before {
  font-family: FontAwesome;
  content: "\f002";
  margin-right: 10px; }
.search h1.archive-title {
  border-bottom: 2px solid #999;
  margin-bottom: 0px;
  padding-bottom: 5px; }
.search #main article:nth-of-type(even) {
  background: #F9F9F9; }
.search ul.post-categories li {
  display: inline; }
.search ul.post-categories li:first-child:before {
  content: 'Filed Under:';
  margin-right: 10px;
  font-weight: 900; }
.search ul.post-categories li:after {
  content: ',';
  margin: 0px 2px; }
.search ul.post-categories li:last-child:after {
  display: none; }

.nav form#searchform {
  float: right;
  display: inline;
  margin-top: -40px; }

/* button{
	font-family:FontAwesome;
	width:25px;
	height:25px;
	display:inline-block;
	background:$mainred;
	border:0px solid;
	box-shadow:0px 0px;


} */
button, .red-button {
  color: #fff;
  font-weight: 100;
  padding: 1em;
  font-family: 'Maven Pro', sans-serif;
  text-transform: uppercase;
  display: inline-block;
  background: #e83928;
  border: 0px solid;
  box-shadow: 0px 0px;
  transition: 0.2s ease-out;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out; }

button:hover, .red-button:hover {
  background-color: #999; }

.red-button {
  text-decoration: none;
  color: white !important;
  text-transform: uppercase;
  display: inline-block !important; }

.sb-search {
  position: absolute;
  margin-top: 0px;
  width: 0%;
  top: 0;
  right: 0;
  min-width: 27px;
  height: 27px;
  overflow: hidden;
  border-radius: 500px !important;
  -webkit-transition: width 0.8s;
  -moz-transition: width 0.8s;
  transition: width 0.8s;
  -webkit-backface-visibility: hidden; }

.sb-search-input {
  outline: none !important;
  border: none !important;
  color: #fff; }

.sb-search-open .sb-search-input {
  position: absolute;
  right: 0;
  z-index: 10;
  display: block;
  border: none;
  outline: none;
  background: #fff !important;
  height: 27px;
  margin: 0;
  padding: 10px 65px 10px 20px;
  font-family: inherit;
  font-size: 14px;
  color: #e83928;
  border-radius: 15px;
  width: 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.slideDown {
  transition: ease-in-out 0.5s;
  margin-top: -150px;
  visibility: visible !important; }

.slideBack {
  margin-top: 0px; }

.sb-search.sb-search-open .sb-icon-search {
  -webkit-animation: spin 0.8s ease-in-out;
  -moz-animation: spin 0.8s ease-in-out;
  animation: spin 0.8s ease-in-out;
  visibility: visible !important; }

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(360deg); } }
@-moz-keyframes spin {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(360deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(360deg); } }
.sb-search-input {
  background: transparent; }

.sb-search-open .sb-search-input::-webkit-input-placeholder {
  color: #e83928;
  outline: 0; }
.sb-search-open .sb-search-input::-moz-placeholder {
  color: #e83928;
  outline: 0; }
.sb-search-open .sb-search-input:-moz-placeholder {
  color: #e83928;
  outline: 0; }
.sb-search-open .sb-search-input:-ms-input-placeholder {
  color: #e83928;
  outline: 0; }

.sb-icon-search,
.sb-search-submit {
  width: 27px;
  height: 27px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  margin: 0;
  border-radius: 500px;
  line-height: 25px;
  text-align: center;
  cursor: pointer; }

.sb-search-submit {
  background: #fff;
  /* IE needs this */
  color: transparent;
  border: none;
  outline: none;
  z-index: -1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0; }

.sb-icon-search {
  color: #fff;
  background: #e83928;
  z-index: 90;
  font-size: 22px;
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased; }
  .sb-icon-search:before {
    content: "\f002";
    font-size: .8em; }

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
  width: 100%; }

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
  background: #355c7b;
  color: #fff;
  z-index: 11; }

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
  z-index: 90; }

.column {
  float: right;
  width: 40%;
  padding: 0 0 0 2em;
  margin-top: -45px;
  position: relative;
  min-width: 300px; }

.column p {
  font-weight: 300;
  font-size: 2em;
  padding: 0;
  margin: 0;
  text-align: right;
  line-height: 1.5; }

.column a {
  border: 3px solid #b4c7da;
  padding: 0 15px;
  display: inline-block;
  border: 0px solid !important; }

.column a:hover {
  border-color: #fff; }

ul.sub-menu {
  display: block;
  position: relative;
  background: #64CAF0; }

.sub-menu li {
  padding: 10px !important;
  overflow: hidden !important; }

.sub-menu li:after {
  content: "\f101";
  float: right !important;
  color: #e83928;
  margin-right: -3em;
  transition: ease-out 0.2s;
  -webkit-transition: ease-out 0.2s; }

.sub-menu li:hover:after {
  font-family: FontAwesome;
  margin-right: 0em; }

.sub-menu li:first-child a {
  color: #fff !important; }

ul.sub-menu {
  overflow: hidden; }

ul.sub-menu a {
  color: #fff;
  display: inline !important;
  margin: 10px 0px !important;
  padding: 15px 0 !important; }

#menu-primary-nav li:first-child a {
  background: transparent;
  padding: 25px;
  color: transparent; }

#menu-primary-nav li:first-child a:hover:before, #menu-primary-nav li:first-child a:hover:after {
  display: none; }

nav.nav.nav-dropdown.shift ul:first-child {
  animation-name: slideRight;
  -webkit-animation-name: slideRight;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
  -webkit-transform: translateX(13%);
  -moz-transform: translateX(13%);
  -ms-transform: translateX(13%);
  -o-transform: translateX(13%);
  transform: translateX(13%); }

@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translateX(-24%); }

  100% {
    -webkit-transform: translateX(13%); } }
@-moz-keyframes slideRight {
  0% {
    -moz-transform: translateX(-24%); }

  100% {
    -moz-transform: translateX(13%); } }
@keyframes slideRight {
  0% {
    -webkit-transform: translateX(-24%);
    -moz-transform: translateX(-24%);
    -ms-transform: translateX(-24%);
    -o-transform: translateX(-24%);
    transform: translateX(-24%); }

  100% {
    -webkit-transform: translateX(13%);
    -moz-transform: translateX(13%);
    -ms-transform: translateX(13%);
    -o-transform: translateX(13%);
    transform: translateX(13%); } }
@-webkit-keyframes slideBack {
  0% {
    -webkit-transform: translateX(13%); }

  100% {
    -webkit-transform: translateX(-24%); } }
@-moz-keyframes slideBack {
  0% {
    -moz-transform: translateX(13%); }

  100% {
    -moz-transform: translateX(-24%); } }
@keyframes slideBack {
  0% {
    -webkit-transform: translateX(13%);
    -moz-transform: translateX(13%);
    -ms-transform: translateX(13%);
    -o-transform: translateX(13%);
    transform: translateX(13%); }

  100% {
    -webkit-transform: translateX(-24%);
    -moz-transform: translateX(-24%);
    -ms-transform: translateX(-24%);
    -o-transform: translateX(-24%);
    transform: translateX(-24%); } }
@-webkit-keyframes slideUp {
  0% {
    background-position: 0px 105px; }

  100% {
    background-position: 0px 9px; } }
@-moz-keyframes slideUp {
  0% {
    background-position: 0px 105px; }

  100% {
    background-position: 0px 9px; } }
@keyframes slideUp {
  0% {
    background-position: 0px 105px; }

  100% {
    background-position: 0px 9px; } }
@-webkit-keyframes slideDown {
  0% {
    background-position: 0px 9px; }

  100% {
    background-position: 0px 105px; } }
@-moz-keyframes slideDown {
  0% {
    background-position: 0px 9px; }

  100% {
    background-position: 0px 105px; } }
@keyframes slideDown {
  0% {
    background-position: 0px 9px; }

  100% {
    background-position: 0px 105px; } }
nav.nav.nav-dropdown.unshift ul:first-child {
  visibility: visible !important;
  -webkit-animation: slideBack 0.5s ease-in-out;
  -moz-animation: slideBack 0.5s ease-in-out;
  animation: slideBack 0.5s ease-in-out;
  -webkit-transform: translateX(-24%);
  -moz-transform: translateX(-24%);
  -ms-transform: translateX(-24%);
  -o-transform: translateX(-24%);
  transform: translateX(-24%); }

nav.nav.nav-dropdown .section-inner {
  background: url("../img/logo2.png");
  background-repeat: no-repeat;
  background-position: 0px 105px;
  background-position-y: 105px; }

nav.nav.nav-dropdown.shift .section-inner {
  background: url("../img/logo2.png");
  background-repeat: no-repeat;
  background-position: 0px 9px;
  background-position-y: 9px;
  visibility: visible !important;
  -webkit-animation: slideUp 0.5s ease-in-out;
  -moz-animation: slideUp 0.5s ease-in-out;
  animation: slideUp 0.5s ease-in-out; }

nav.nav.nav-dropdown.unshift .section-inner {
  background: url("../img/logo2.png");
  background-repeat: no-repeat;
  background-position: 0px -105px;
  background-position-y: 105px;
  visibility: visible !important;
  -webkit-animation: slideDown 0.2s ease-in-out;
  -moz-animation: slideDown 0.2s ease-in-out;
  animation: slideDown 0.2s ease-in-out; }

/**** Nav ****/
.top-nav li {
  overflow: hidden;
  display: inline-block;
  margin-bottom: -10px; }

.top-nav li:hover {
  overflow: visible !important; }

.sub-menu {
  border-radius: 0px 0px 10px 10px; }

.sub-menu li a:hover:after, .sub-menu li a:hover:before {
  display: none; }

.sub-menu li a:hover {
  color: #555 !important;
  font-weight: 900; }

.navbar .top-nav ul {
  -webkit-transform: translateX(-24%);
  -moz-transform: translateX(-24%);
  -ms-transform: translateX(-24%);
  -o-transform: translateX(-24%);
  transform: translateX(-24%); }

.nav ul {
  padding: 10px 0px !important;
  margin: 0em 0 .5em;
  display: inline-block;
  -webkit-transform: translateX(-24%);
  -moz-transform: translateX(-24%);
  -ms-transform: translateX(-24%);
  -o-transform: translateX(-24%);
  transform: translateX(-24%); }

.nav li {
  display: inline-block;
  padding: 0 1em;
  font-family: 'Maven Pro', sans-serif !important; }

nav.nav.nav-dropdown {
  background: #64caf0;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); }

.nav li a {
  color: #fff;
  text-decoration: none;
  font-family: 'Maven Pro', sans-serif; }

.nav li a:after {
  content: '';
  padding-left: 1em;
  font-weight: 100;
  opacity: 1; }

.top-nav li a:hover:before {
  content: '';
  display: inline-block;
  height: 27px;
  z-index: 99;
  margin-top: 0px;
  width: 100%;
  position: absolute;
  left: 0%;
  max-width: 150px;
  overflow: hidden;
  padding-bottom: 2px;
  border-bottom: 2px solid #e83928; }

.top-nav li a:hover {
  color: #fff; }

.sub-menu li a:before, .sub-menu li a:after {
  display: none !important; }

.top-nav li a:before {
  content: '';
  display: inline-block;
  height: 27px;
  width: 0%;
  whitespace: nowrap;
  position: absolute;
  left: 0%;
  max-width: 150px;
  overflow: hidden;
  color: #5A5A5A;
  padding-bottom: 2px;
  transition: width 0.2s;
  -webkit-transition: width 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

.top-nav li a:after {
  content: '';
  display: inline-block;
  height: 27px;
  width: 0px;
  whitespace: nowrap;
  position: absolute;
  right: -0%;
  max-width: 0px;
  padding: 0px;
  padding: 0px;
  overflow: hidden;
  transition: width 0.2s;
  -webkit-transition: width 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

.top-nav li a:hover:after {
  content: '';
  display: inline-block;
  height: 27px;
  width: 100%;
  position: absolute;
  right: 0%;
  color: transparent;
  max-width: 150px;
  overflow: hidden;
  border-top: 2px solid #e83928; }

.top-nav li a {
  position: relative;
  transition: 0.2s ease-in;
  -webkit-transition: 0.2s ease-in; }

.footer ul.sub-menu {
  display: none !important; }

.footer ul li a:hover {
  color: #64CAF0;
  transition: 0.2s ease-out;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out; }

/******** Secondary Nav *****************/
.secondarynav {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .secondarynav ul {
    list-style-type: none;
    /*to remove bullets*/
    text-align: center;
    padding: 0px 0;
    zoom: 1;
    overflow: hidden;
    border: 1px solid #EE3731;
    max-width: 1240px;
    display: table;
    width: 100%;
    margin: 0px auto; }
  .secondarynav li {
    padding: 2px;
    width: 200px;
    display: table-cell;
    text-align: center;
    margin: 0px 10px;
    border-right: 1px solid #EE3731;
    overflow: hidden;
    position: relative;
    margin-bottom: -6px; }
    .secondarynav li:last-child {
      border-right: none !important; }
    .secondarynav li:after {
      content: "\f138";
      font-family: FontAwesome;
      color: #fff;
      font-size: 1.5em;
      position: absolute;
      display: inline;
      right: -25px;
      margin-top: -37px;
      -webkit-transition: ease-in 0.2s;
      -moz-transition: ease-in 0.2s;
      transition: ease-in 0.2s; }
    .secondarynav li:hover:after {
      right: 10px; }
    .secondarynav li a {
      display: block;
      text-decoration: none;
      font-family: "Oswald",sans-serif;
      color: #EE3731 !important;
      text-transform: uppercase;
      font-size: 1.5em;
      -webkit-transition: 0.2s ease-in;
      -moz-transition: 0.2s ease-in;
      transition: 0.2s ease-in; }
      .secondarynav li a:hover {
        color: #fff !important;
        background: #EE3731; }

/******** Now Playing Section **********/
.nowplaying {
  position: relative;
  border-radius: 500px 0 0 500px;
  min-height: 68px;
  display: block;
  overflow: hidden;
  width: 100%;
  max-width: 1240px;
  margin: 10px auto 0;
  padding: 0px 20px 0px 30px;
  background: url("../img/bgarrow.jpg"), -webkit-linear-gradient(left, #e83631 0%, #e83631 49%, #5a5a5a 50%, #5a5a5a 100%);
  background: url("../img/bgarrow.jpg"), linear-gradient(to right, #e83631 0%, #e83631 49%, #5a5a5a 50%, #5a5a5a 100%);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: 51%; }
  html.no-cssgradients .nowplaying {
    background-color: #e83928;
    background-image: url("../img/bgarrow-ie.jpg");
    background-position: 600px 50%;
    background-repeat: no-repeat;
    filter: none !important; }
    html.no-cssgradients .nowplaying #now_playing_section:after {
      display: none !important; }
  .nowplaying iframe {
    -webkit-filter: brightness(100);
    filter: brightness(100); }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .nowplaying #now_playing_name {
      padding-top: 0; }
      .nowplaying #now_playing_name h2 {
        font-size: 1.1em;
        letter-spacing: 1px; }
      .nowplaying #now_playing_name p {
        font-size: 13px; }
    .nowplaying #on_air_label h1 {
      font-size: 1.5em;
      margin: 0; }
    .nowplaying #on_air_label p {
      font-size: 13px;
      line-height: 1;
      letter-spacing: 0;
      white-space: nowrap; }
    .nowplaying #up_next_top h3 {
      display: block;
      font-size: 1.3em; }
      .nowplaying #up_next_top h3 span {
        font-size: 0.7em;
        display: block;
        margin-left: 0;
        margin-top: 5px; } }

.mask:before {
  content: 'Up Next:';
  display: inline;
  font-family: "freight-display-pro";
  position: absolute;
  background: #5A5A5A;
  z-index: 998;
  color: #fff;
  font-size: 1.8em;
  margin-left: -115px;
  margin-top: -2px;
  font-weight: 900;
  font-style: italic;
  padding: 0px 8px 0 0; }

header.section-inner {
  margin-top: 3.4em;
  display: table;
  padding: 1em 0; }

.section.navbar.navbar--dark {
  margin-bottom: -1em; }

.section.navbar.navbar--dark {
  margin-bottom: -1em; }

.maindrawings {
  max-height: 200px !important;
  overflow: hidden; }

div#on_air_label {
  display: inline;
  float: left;
  min-width: 16%;
  margin-top: -5px; }
  div#on_air_label .ie-bars {
    display: none; }
  html.no-cssanimations div#on_air_label #bars {
    display: none !important; }
  html.no-cssanimations div#on_air_label .ie-bars {
    display: block !important; }

#on_air_label p {
  color: #fff;
  line-height: 0;
  margin-top: 0;
  text-transform: uppercase;
  letter-spacing: 3.5px; }
#on_air_label h1 {
  color: #fff;
  font-family: "freight-display-pro";
  font-style: italic;
  margin: -15px 0 0;
  font-size: 2.35em; }

section#on_air_bar {
  display: block;
  clear: both;
  margin: 12px auto 0;
  max-width: 1240px;
  font-family: 'Maven Pro', sans-serif; }

.section.navbar.navbar--dark {
  margin-bottom: -1em; }

div#on_air_label {
  display: inline;
  float: left; }

#on_air_bar a {
  color: #fff !important;
  text-decoration: none;
  font-family: 'Maven Pro', sans-serif; }
  #on_air_bar a p {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
    #on_air_bar a p:hover {
      letter-spacing: 4.5px;
      margin-left: -7px;
      font-weight: 900; }

.button1 {
  text-decoration: none;
  padding: .5em 2em;
  border: 1px solid #e83928;
  text-transform: uppercase;
  font-family: 'Maven Pro', sans-serif;
  font-weight: 900;
  overflow: hidden;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  transition: 0.2s ease-out; }

.button1:hover {
  background: #e83928;
  color: #fff; }

.button1:after {
  content: "\f138";
  font-family: FontAwesome;
  color: #fff;
  font-size: 1.2em;
  position: absolute;
  display: inline;
  right: -25px;
  margin-top: -1px;
  -webkit-transition: ease-in 0.2s;
  -moz-transition: ease-in 0.2s;
  transition: ease-in 0.2s; }
  .button1:after:hover:after {
    right: 10px; }

a.listen_button.listen_live_link {
  float: left;
  display: block;
  clear: both;
  margin-right: 10px;
  margin-top: 6px; }

#now_playing_section {
  cursor: pointer;
  display: block;
  float: left;
  width: 30%;
  margin: 0px 1.3em; }
  #now_playing_section:after {
    left: 49%;
    top: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #5A5A5A;
    border-left-color: #EA342F;
    border-width: 34px;
    display: none; }

#now_playing_name h2, #now_playing_name a {
  margin: -5px 0 5px;
  font-family: "freight-display-pro";
  font-style: italic;
  display: inline; }

#now_playing_name p {
  margin: 5px;
  color: #e6e7e9;
  display: inline; }

.listen_button img {
  max-height: 40px;
  margin: 0px 1em; }

div#now_playing_name {
  line-height: 1;
  margin-top: 0px;
  color: #fff; }

#up_next_top p {
  margin: 10px 0 0 0;
  color: #e6e7e9;
  text-align: right;
  line-height: 1; }

#up_next_top h3 {
  margin-bottom: 0px;
  margin-top: 0px;
  line-height: 1;
  color: #FFFFFF;
  font-family: "freight-display-pro";
  font-style: italic;
  display: inline;
  font-size: 1.6em;
  float: left; }
  #up_next_top h3 span {
    font-family: 'Maven Pro', sans-serif;
    font-weight: 100 !important;
    font-style: normal !important;
    font-size: .8em;
    margin-left: 5px; }

div#up_next_bottom {
  text-align: left; }

#up_next_bottom h2 {
  font-size: 1em;
  margin-top: 0px;
  line-height: 1; }

div#up_next_section {
  cursor: pointer;
  display: block;
  float: left;
  margin-left: 50px;
  min-width: 30%;
  max-width: 45%; }

.rpwe-block a {
  font-weight: 900; }

/******* iFrame template styles (Composer) *******/
.page-template-page-iframe-php iframe {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  border: 1px solid #999;
  min-height: 900px;
  margin-bottom: 200px;
  height: 100% !important; }

.page-template-page-iframe-php div#scroll-content {
  height: 100%; }

.page-template-page-iframe-php div#content {
  height: 100% !important; }

.page-template-page-iframe-php div#wrapper {
  height: 100%;
  margin-top: 50px; }

.page-template-page-iframe-php .footer {
  display: none; }

/******* Hear It Again *******************/
.hearitagain {
  background-color: #999999;
  background-image: url(http://www.transparenttextures.com/patterns/az-subtle.png);
  border-radius: 500px;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  padding: 1em 2em;
  display: table;
  margin: 0px auto;
  width: 100%;
  margin-top: -1em;
  margin-bottom: 2em;
  -webkit-box-shadow: inset 0px -1px 10px -1px rgba(64, 64, 64, 0.52);
  -moz-box-shadow: inset 0px -1px 10px -1px rgba(64, 64, 64, 0.52);
  box-shadow: inset 0px -1px 10px -1px rgba(64, 64, 64, 0.52); }
  .hearitagain i {
    color: #fff;
    font-size: 1.2em; }
  .hearitagain h3 {
    color: #444;
    display: inline;
    margin-left: 10px;
    font-style: italic;
    font-family: "freight-display-pro"; }
    .hearitagain h3 span {
      font-family: 'Maven Pro', sans-serif;
      font-style: none;
      color: #fff;
      margin-right: 10px; }
  .hearitagain p {
    display: inline;
    color: #fff;
    margin-left: 15px; }
    .hearitagain p span {
      text-align: right;
      float: right;
      background: #fdf003;
      padding: 5px 15px;
      margin: -5px;
      border-radius: 20px;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px; }
      .hearitagain p span a {
        color: #0B0B0B !important;
        text-decoration: none;
        font-weight: 900;
        font-family: "freight-display-pro";
        font-style: italic;
        font-size: 1.2em;
        transition: ease-in 0.2s; }
      .hearitagain p span i {
        color: #0B0B0B !important;
        font-size: 1em;
        margin-left: 5px; }
  .hearitagain a {
    color: #c1ebf9 !important; }

.hearitagain p span a:after {
  content: "\f0a9";
  color: #0b0b0b !important;
  font-family: fontawesome;
  font-style: normal;
  margin-left: 10px;
  transition: 0.2s ease-in; }

.hearitagain p span a:hover:after {
  content: "\f0a9";
  color: #0b0b0b !important;
  font-family: fontawesome;
  font-style: normal;
  margin-left: 10px;
  animation-name: stretchRight;
  -webkit-animation-name: stretchRight;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes stretchRight {
  0% {
    transform: translateX(0px); }

  50% {
    transform: translateX(6px); }

  100% {
    transform: translateX(0px); } }
@-webkit-keyframes stretchRight {
  0% {
    -webkit-transform: translateX(0px); }

  50% {
    -webkit-transform: translateX(6px); }

  100% {
    -webkit-transform: translateX(0px); } }
/****** Social Sharing ************/
.addtoany_header {
  margin: 10px 10px 10px 0 !important;
  display: inline !important;
  font-weight: 900 !important; }

/******* Featured Post Section ***********/
div#inner-content {
  width: 100% !important;
  display: table; }

.featuredpost {
  background-repeat: no-repeat;
  z-index: 0 !important;
  background-size: cover;
  max-width: 1000px;
  padding: 30em 0 0 0; }
  .featuredpost .article-header {
    line-height: 1; }

div#content {
  margin: 1em auto;
  display: block;
  max-width: 1240px; }

.home .audioplayer {
  max-width: 100%;
  margin-left: -5px !important; }
/*
.home .mejs-container,
.home .mejs-embed,
.home .mejs-embed body,
.home .mejs-container .mejs-controls {
  border: 1px solid #9c9c9c !important;
  background: #9e9e9e !important;
  display: block;
  margin-top: 10px !important; }
*/

.home .article-header a {
  color: #333 !important; }

.home article {
  padding: 1em;
  margin: 0px auto;
  width: 100%; }
  .home article h1 {
    margin: 0px; }
  .home article .entry-content {
    margin-top: 0em; }
    .home article .entry-content p {
      margin: 0px; }

#main article {
  background: rgba(255, 255, 255, 0.73); }

.imagecaption {
  display: table;
  margin: 0px auto;
  position: relative; }

.imagecaption:after {
  content: attr(data-caption);
  font-style: italic;
  font-size: .9em;
  display: block;
  color: #555;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
  font-family: 'freight-display-pro';
  font-weight: 900; }

/****** AdRotate Styles *********/
.a-single {
  text-align: center;
}

/****** Widget Styles *********/
h4.widgettitle {
  clear: both;
  text-align: center;
  background: #64caf0;
  margin: 0;
  color: #fff;
  font-weight: 100;
  font-size: 1em;
  font-weight: bold;
  padding: .5em;
  border-radius: 20px 20px 0 0;
  text-transform: uppercase; }

.rpwe-block {
  padding: 0 1em;
  border-radius: 0px 0px 20px 20px;
  background: #fafafa;
  margin-bottom: 1em; }
  .rpwe-block ul {
	  margin-top: 0; }
  .rpwe-block li {
	list-style-type: none;
	border-bottom: 1px solid #ccc !important;
	padding-top: 5px;
	padding-bottom: 5px; }
  .rpwe-block a {
    font-size: 1.5em !important;
    margin-bottom: 5px !important; }
  .rpwe-time {
	  color: #565656 !important; }

/******* HOW CAN I HELP SECTION ***********/
section#help {
  clear: both;
  width: 100%;
  min-height: 20px;
  display: block;
  overflow: hidden;
  background-image: url("../img/radiobg.png");
  background-color: #c1ebf9;
  padding: 3em 0; }

.helpinner {
  max-width: 980px;
  display: block;
  margin: 0px auto; }
  .helpinner a {
    color: #27667e !important;
    font-weight: 900 !important;
    display: table;
    border-bottom: 2px solid rgba(255, 255, 255, 0.9);
    text-align: center !important;
    margin: 0px auto 5px;
    line-height: 1.3;
    transition: 0.2s ease-out;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out; }
    .helpinner a:hover {
      border-color: #60CAED;
      color: #e83928 !important;
      letter-spacing: 1px; }

.one, .two, .three {
  width: 33%;
  float: left; }
  .one h3, .two h3, .three h3 {
    font-size: 2em !important; }
  .one h3:before, .two h3:before, .three h3:before {
    display: none !important; }
  .one h3:after, .two h3:after, .three h3:after {
    display: none !important; }
  .one a, .two a, .three a {
    text-align: center;
    display: table;
    text-decoration: none;
    font-weight: bold;
    color: #5C5C5C !important; }

.one, .two, .three {
  margin-top: 4em; }

#help .section-inner {
  position: relative; }
#help h3 {
  text-align: center;
  font-size: 3em;
  color: #e83928 !important;
  padding: 0px !important;
  margin: 0px !important;
  font-family: "freight-display-pro";
  font-style: italic;
  margin-bottom: 0px; }
#help h3:before {
  border-top: 2px solid #e83928;
  display: inline-block;
  content: "";
  padding-bottom: 8px;
  width: 16%;
  margin-right: 10px; }
#help h3:after {
  border-top: 2px solid #e83928;
  display: inline-block;
  content: "";
  padding-bottom: 8px;
  margin-left: 10px;
  width: 16%; }
#help h4 {
  font-size: 1.6em;
  text-align: center;
  margin: 0;
  font-family: "Oswald",sans-serif; }
#help p {
  display: block;
  margin: 0px auto;
  max-width: 850px;
  text-align: center; }

/******** EVENT ESPRESSO STYLES *********/
.mid {
  background: #64CAF0;
  padding: 3em 0; }

section#middle {
  max-width: 1240px;
  width: 100%;
  display: table;
  margin: 0px auto; }
  section#middle h1 {
    font-family: "Oswald",sans-serif;
    display: block;
    margin: 0 auto;
    font-size: 3em;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 100;
    text-transform: uppercase; }

.homeevents {
  width: 50%;
  float: left;
  padding-right: 20px; }

.home .ticket-selector-submit-btn {
  display: none; }

.home .dashicons {
  display: none; }

.event-header h2 {
  line-height: 1;
  vertical-align: baseline; }

.home .download-iCal-frm {
  display: none; }

.home .event-content {
  display: none; }

.home .type-espresso_events form {
  display: none; }

.home header.event-header {
  margin-top: 10px;
  display: inline-block;
  width: 100%;
  float: right; }

.home .espresso_events .ee-event-datetimes-ul li {
  max-height: 20px;
  overflow: hidden;
  margin-top: 5px !important; }
.home article h1 {
  margin: 0px !important; }
.home article.espresso_events {
  padding: 0px !important;
  border-bottom: 1px solid #cecece;
  display: table; }
.home .espresso_events h2 {
  padding: 0px 0px 10px 0px !important;
  margin: 5px;
  display: inline; }
.home img.ee-event-img {
  width: 100%;
  height: auto;
  display: none; }
.home .homeevents > article:nth-of-type(1) {
  border-bottom: 0px solid !important; }
  .home .homeevents > article:nth-of-type(1) img {
    display: block;
    z-index: 1;
    margin-bottom: -3.3em;
    max-height: 355px; }
  .home .homeevents > article:nth-of-type(1) h2 a {
    color: #fff !important;
    font-family: 'Maven Pro', sans-serif;
    z-index: 99;
    display: inline-block;
    position: relative;
    font-size: 1.2em;
    line-height: 0.8;
    vertical-align: bottom; }
  .home .homeevents > article:nth-of-type(1) ul {
    position: relative;
    color: #fff;
    background: #e83928;
    display: inline-block;
    padding: 12px 0px 8px 8px;
    margin: 0px;
    margin-top: -3px;
    max-width: 40%;
    border-bottom: 0px solid; }
  .home .homeevents > article:nth-of-type(1) header.event-header {
    display: block;
    margin-top: 0px;
    width: 100%; }
  .home .homeevents > article:nth-of-type(1) .espresso_events h2 {
    padding-bottom: 0px !important; }
  .home .homeevents > article:nth-of-type(1) .ee-event-datetimes-ul li {
    margin-top: 0px !important; }

.home .sidebar .widget img { max-height: 350px; }

header .section {
  display: table;
  margin-top: 20px;
  width: 100%; }

/******** Homepage Blog ***********/
#middle .featuredpost {
  background-size: cover;
  width: 100%;
  overflow: hidden;
  padding-top: 300px;
  max-height: 356px; }

.homeblog .featuredpost h1 a {
  color: #fff !important;
  font-family: 'Maven Pro', sans-serif;
  font-size: 30px;
  margin-top: 0px; }

.homeblog .featuredpost h1 span {
  background: #e83928;
  padding: 17px;
  color: #fff; }

.homeblog {
  display: table;
  width: 50%;
  padding-left: 20px; }
  .homeblog article {
    padding: 0px; }
    .homeblog article h1 {
      border-bottom: 1px solid #cecece;
      padding: 0 0 7px;
      text-transform: none !important; }

.homeblog h1 span {
  font-family: 'Maven Pro', sans-serif;
  font-weight: 100;
  font-size: 16px;
  font-style: normal; }

.homeblog h1 a {
  font-style: normal;
  font-weight: 900;
  font-size: 24px;
  margin-left: 10px;
  margin-top: 10px; }

/*********** SOCIAL MEDIA STYLES ***************/
#fb-root {
  display: none; }

#likebox-wrapper * {
  width: 100% !important; }

/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important; }

.socialwrap {
  background: #fff;
  display: block;
  padding: 1em 1em 5em;
  margin: 2em auto -3em; }

section#social {
  display: table;
  max-width: 90%;
  width: 100%;
  max-width: 1240px;
  padding-top: 1.5em;
  margin: 0px auto; }
  section#social .left, section#social .center {
    float: left;
    width: 40%;
    display: block;
    padding: 0px 1%; }
  section#social .right {
    float: left;
    display: block;
    width: 20%;
    padding: 0px 1%; }
    section#social .right h3 {
      font-size: 1.3em !important;
      line-height: 1;
      margin-bottom: 10px;
      font-style: italic; }
    section#social .right img {
      max-width: 100%;
      margin-top: 10px; }
  section#social h3 {
    font-family: "freight-display-pro";
    font-size: 1.8em;
    margin-bottom: 0px;
    font-style: italic; }
  section#social .center h3 {
    margin-bottom: 10px; }

#likebox-wrapper * {
  width: 100% !important; }

.waves {
  position: relative;
  clear: both;
  margin: 4em 0;
  display: block;
  border-bottom: 2px solid #F25E50;
  width: 100%; }
  .waves:before {
    content: url("../img/soundwaves.gif");
    display: block;
    max-width: 100px;
    left: 39%;
    top: -3.232em;
    position: absolute; }

.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {
  width: 100% !important; }

/***** WEATHER WIDGET STYLES **********/
.awesome-weather-cover {
  margin-left: -10px; }

.awesome-weather-current-temp sup {
  font-size: 12px; }

.awesome-weather-current-temp {
  font-size: 36px; }

.awesome-weather-forecast.awe_days_0.awecf {
  display: none; }

/*********** BASIC PAGE / POST STYLES ***************/
.type-post, .type-page {
  font-family: "freight-display-pro", serif;
  font-size: 115%;
  line-height: 150%; }

.type-post h2, .type-post h3, .type-post h4, .type-post h5, .type-post h6 {
  font-family: "freight-display-pro", serif; }

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

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
/*********************
GENERAL STYLES
*********************/
body {
  font-family: "Maven Pro", sans-serif;
  font-size: 100%;
  line-height: 1.5;
  color: #565656;
  height: 100%;
  width: 100%;
  overflow: auto; }

a:link {
  color: #e83928; }

a:visited {
  color: #9a1d10; }

a:hover {
  color: #f28e84; }

a:active {
  color: #f28e84; }

a:focus {
  color: #f28e84; }

/********************
WORDPRESS BODY CLASSES
style a page via class
********************/
/* for sites that are read right to left (i.e. hebrew) */
/* home page */
/* blog template page */
/* archive page */
/* date archive page */
/* replace the number to the corresponding page number */
/* search page */
/* search result page */
/* no results search page */
/* individual paged search (i.e. body.search-paged-3) */
/* 404 page */
/* single post page */
/* individual post page by id (i.e. body.postid-73) */
/* individual paged single (i.e. body.single-paged-3) */
/* attatchment page */
/* individual attatchment page (i.e. body.attachmentid-763) */
/* style mime type pages */
/* author page */
/* user nicename (i.e. body.author-samueladams) */
/* paged author archives (i.e. body.author-paged-4) for page 4 */
/* category page */
/* individual category page (i.e. body.category-6) */
/* replace the number to the corresponding page number */
/* tag page */
/* individual tag page (i.e. body.tag-news) */
/* replace the number to the corresponding page number */
/* custom page template page */
/* individual page template (i.e. body.page-template-contact-php */
/* replace the number to the corresponding page number */
/* parent page template */
/* child page template */
/* replace the number to the corresponding page number */
/* if user is logged in */
/* paged items like search results or archives */
/* individual paged (i.e. body.paged-3) */
/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
  width: 96%;
  margin: 0 auto; }

/*********************
LINK STYLES
*********************/
/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
  /* removing text decoration from all headline links */ }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
    text-decoration: none; }

/*********************
HEADER STYLES
*********************/
/*********************
NAVIGATION STYLES
*********************/
/*
all navs have a .nav class applied via
the wp_menu function; this is so we can
easily write one group of styles for
the navs on the site so our css is cleaner
and more scalable.
*/
/*********************
POSTS & CONTENT STYLES
*********************/
img {
  max-width: 100%; }

.mobilenav {
  display: none; }

@media only screen and (max-width: 1280px) {
  .parent-category-news #content, .category-station-updates #content {
    padding: 0px 10px; }

  div#content {
    padding: 0 1.5em; } }
@media screen and (max-width: 1236px) {
  section#middle {
    padding-right: 1em;
    padding-left: 1em; } }
@media only screen and (max-width: 1100px) {
  section#middle h1 {
    font-size: 2em; }

  .homeblog .featuredpost h1 a {
    font-family: 'Maven Pro', sans-serif;
    float: right !important;
    color: #000; }

  .homeblog .featuredpost h1 span {
    background: #e83928;
    padding: 17px;
    color: #fff; }

  .schedulewrap {
    display: block;
    padding: 0px 15px; }

  div#up_next_section {
    cursor: pointer;
    display: inline;
    float: left;
    margin-left: 35px;
    display: inline; }

  section#on_air_bar {
    width: 90%; }

  div#now_playing_section {
    width: 30%;
    margin-right: 0px;
	margin-top: -15px; }

  .hearitagain p {
    float: left;
    width: 100%; }

  .hearitagain p span {
    margin: -25px 20px 0 0; }

  .column {
    display: block;
    width: auto;
    min-width: 0px !important; }

  div#now_playing_section:after {
    border-width: 35px;
    z-index: 0; }

  .nowplaying {
    padding: 0px 10px 0 0; }

  div#now_playing_name {
    position: relative;
    z-index: 1;
    padding: 10px 0; } }
@media only screen and (max-width: 875px) {
  .sb-search-open .sb-search-input {
    width: auto; }

  .archive div#content,
  .blog div#content {
    padding: 0 10px;
    margin: 0; }
	
  .column {
	margin: -10px 0 10px; }

  div#up_next_section {
    float: none;
    clear: both;
    display: block;
    margin: 0px auto;
    text-align: center; }

  div#now_playing_section {
    display: block;
    text-align: center;
    margin: 0px auto;
    width: 100%; }
    div#now_playing_section:after {
      display: none !important; }

  div#on_air_label {
    display: table;
    float: none;
    margin: 0px auto 3px;
    border-bottom: 1px solid #fff;
    text-align: center; }

  div#up_next_bottom {
    text-align: center; }

  .homeblog {
    margin-top: 1em; }

  .lowerevent h3 {
    padding: 0px 0;
    margin: 10px 0; }

  .homeblog {
    margin-top: 1em;
    border-top: 1px solid #6B6B6B;
    padding-top: 1em; }

  .homeblog, .homeevents {
    padding-left: 0px;
    padding-right: 0px; }

  .homeblog .featuredpost h1 a {
    color: #fff !important;
    font-family: 'Maven Pro', sans-serif;
    font-size: 30px;
    margin-top: 0px;
    float: right;
    font-size: 1.2em;
    margin-top: 0px; }

  .homeblog .featuredpost h1 span {
    background: #e83928;
    padding: 17px 1px 9px 12px;
    color: #fff;
    /* margin-top: -10px !important; */ }

  section#middle h1 {
    display: inline-block; }

  .homeblog article h1 {
    line-height: 1; }
    .homeblog article h1 a {
      display: block; }

  .homeblog, .homeevents {
    display: table;
    width: 90%;
    margin: 0px auto;
    float: none; }

  a.listen_button.listen_live_link {
    display: none; }

  #on_air_label p {
    margin-top: 5px; }

  .nowplaying {
    background: #ea342f;
    border-radius: 0; }

  #up_next_top h3 {
    line-height: 1;
    font-size: 1.3em;
    float: none;
    display: block;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-top: 1px solid; }

  #up_next_top p {
    margin-top: 0;
    text-align: center; } }
@media only screen and (max-width: 768px) {
  section#middle h1 {
    font-size: 1.5em; }

  .page-id-21 img.ee-event-img {
    max-width: none !important;
    width: auto;
    float: none !important;
    margin: 0px auto !important; }

  .secondarynav li:after {
    display: none !important; }

  .secondarynav li:hover:after {
    display: none !important; }

  nav.nav.nav-dropdown.unshift .section-inner {
    background: transparent !important; }

  .post .thumbwrap, .type-espresso_events .thumbwrap {
    display: none !important; }
  .post h2.widgettitle, .type-espresso_events h2.widgettitle {
    line-height: 1; }
  .post .listwrap, .type-espresso_events .listwrap {
    display: table !important;
    width: 90% !important;
    margin: 0px auto !important; }
  .post widget_adrotate_widgets img, .type-espresso_events widget_adrotate_widgets img {
    max-width: 100%; }

  .archive .eightcol.bottom time.updated, .blog .eightcol.bottom time.updated, .archive .ninecol.first.clearfix, .blog .ninecol.first.clearfix {
    display: block !important;
    text-align: center !important; }

  .archive .eightcol.bottom ul.post-categories, .blog .eightcol.bottom ul.post-categories {
    display: block !important;
    margin: -20px auto 0;
    text-align: center; }

  .archive article.fourcol:hover header.article-header h3.h2, .blog article.fourcol:hover header.article-header h3.h2 {
    position: relative; }

  .archive article.fourcol, .blog article.fourcol {
    position: relative;
    margin: 1em; }

  .archive a, .blog a {
    text-decoration: none !important; }

  .archive .sidebar.threecol.last.clearfix, .blog .sidebar.threecol.last.clearfix {
    text-align: center;
    float: none; }

  .archive article.fourcol:hover header.article-header:hover h3.h2, .blog article.fourcol:hover header.article-header:hover h3.h2 {
    margin-top: 0px;
    min-height: 0px; }

  .name_last, .name_first, .email, .phone {
    max-width: none;
    width: 100% !important;
    display: block;
    margin: 0px auto !important;
    float: right; }

  body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul li, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul li {
    width: 100%; }

  .parent-category-news article.fourcol, .blog article.fourcol {
    height: auto;
    padding-top: 250px;
    max-width: 95%;
    margin: 10px auto; }

  .parent-category-news .fourcol header.article-header, .category-station-updates .fourcol header.article-header, .blog .fourcol header.article-header {
    position: relative; }

  .spacer {
    margin-bottom: -1em; }

  .feature:after {
    display: none; }

  .secondarynav li {
    padding: 2px;
    width: 100% !important;
    display: block;
    text-align: center;
    margin: 0px 10px;
    border: 1px solid #EE3731 !important;
    overflow: hidden;
    position: relative;
    margin-bottom: 5px; }

  .secondarynav ul {
    border: 0px !important;
    max-width: 80%;
    display: block !important;
    margin: 0px auto !important;
    overflow: visible !important; }

  .mobilenav ul.sub-menu {
    width: 100%;
    display: block;
    position: relative;
    padding: 0px !important;
    font-size: .8em;
    text-align: center !important;
    margin: 0px auto !important;
    background: transparent;
    line-height: 1;
    transform: none !important;
    -webkit-transform: none !important; }
  .mobilenav .sub-menu li:after {
    display: none; }
  .mobilenav ul.sub-menu a {
    width: 100%;
    color: #555 !important;
    display: block !important;
    margin: 0px auto !important;
    padding: 0px !important;
    text-align: center !important;
    float: none !important;
    transform: none !important;
    -webkit-transform: none !important; }
  .mobilenav .sub-menu li:first-child {
    margin-top: 0px; }
  .mobilenav .sub-menu li:last-child {
    margin-bottom: 5px; }

  .secondarynav li:last-child {
    border-right: 1px solid #EE3731 !important; }

  .menu-inline .menu-item .menu-item {
    width: 100%; }

  .feature {
    width: 100%; }

  .featureinfo {
    width: 95% !important; }

  .mobilenav ul#menu-primary-nav-1 {
    animation-name: none;
    -webkit-animation-name: none;
    transform: none;
    -webkit-transform: none; }

  .supporttext {
    float: none !important;
    width: 90% !important; }
    .supporttext h2 {
      margin-left: auto !important;
      margin-right: auto !important;
      margin-top: -3.2em !important;
      font-size: 2em !important; }

  .svgcontainer {
    display: none; }

  /********** HAMBURGER MENU ***************/
  * {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    /* For some Androids */ }

  .top-animate {
    background: #fff !important;
    top: 13px !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }

  .mid-animate {
    opacity: 0; }

  .bottom-animate {
    background: #fff !important;
    top: 13px !important;
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg); }

  .top-menu {
    top: 5px;
    width: 25px;
    height: 2px;
    border-radius: 10px;
    background-color: #F9A530; }

  .mid-menu {
    top: 13px;
    width: 25px;
    height: 2px;
    border-radius: 10px;
    background-color: #F9A530; }

  .bottom-menu {
    top: 21px;
    width: 25px;
    height: 2px;
    border-radius: 10px;
    background-color: #F9A530; }

  .menui {
    background: #fff;
    transition: 0.6s ease;
    transition-timing-function: cubic-bezier(0.75, 0, 0.29, 1.01);
    margin-top: 10px;
    position: absolute; }

  .icon {
    z-index: 1000;
    position: fixed;
    display: block;
    padding: 9px;
    height: 32px;
    width: 32px;
    margin: 0px;
    top: 5px;
    left: 50%;
    margin-left: -25px; }

  .mobilenav {
    text-align: center;
    font-family: inherit;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
    overflow: scroll;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(100, 202, 240, 0.9); }

  .mobilenav li {
    list-style-type: none;
    text-align: center;
    padding: 5px;
    display: block !important; }

  .mobilenav li a {
    font-size: 150%;
    color: #fff;
    text-decoration: none;
    font-weight: 300;
    width: 100%;
    transition: 0.2s ease-in;
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in; }
    .mobilenav li a:before {
      display: none; }
    .mobilenav li a:after {
      display: none; }
    .mobilenav li a:hover:after {
      display: none; }
    .mobilenav li a:hover:before {
      display: none; }
    .mobilenav li a:hover {
      color: #e83928 !important; }

  .mobilenav li:first-child {
    margin-top: 60px; }

  .textwidget img {
    display: block;
    margin: 0px auto; }

  /******* END HAMBURGER MENU *****************/
  .contact {
    display: none; }

  .homeblog h1 a {
    width: auto;
    margin-left: 10px; }

  #on_air_label h1 {
    margin: 0px;
    line-height: 1; }

  ul#menu-primary-nav li {
    display: none; }

  nav.nav.nav-dropdown {
    min-height: 60px; }

  nav.nav.nav-dropdown.shift .section-inner {
    background: transparent; }

  .sb-search {
    display: none; }

  .hearitagain h3 {
    text-align: center;
    display: block;
    margin-bottom: 0px; }

  header.section-inner {
    margin-top: 4.8em; }

  .contact {
    margin-top: 0px;
    margin-bottom: 0px; }

  .hearitagain {
    padding: 0 2em; }
    .hearitagain i {
      display: none; }
    .hearitagain p {
      float: none;
      width: 100%;
      display: block;
      margin-top: 0px;
      text-align: center; }
    .hearitagain p span {
      margin: 10px auto 0px;
      width: 60%;
      display: block;
      text-align: center;
      float: none;
      min-width: 250px; }

  .sidebar {
    margin-top: 1em; }

  .listen_button img {
    display: none; }

  div#now_playing_section {
    display: block;
    text-align: center;
    margin: 0px auto;
    width: 100%; }

  div#on_air_label {
    display: table;
    float: none;
    margin: 0px auto 3px;
    border-bottom: 1px solid #fff;
    text-align: center; }

  div#up_next_bottom {
    text-align: center; }

  .one, .two, .three {
    width: 90%;
    display: block;
    margin: 10px auto;
    float: none; }

  section#social .left, section#social .center, section#social .right {
    width: 100%;
    margin: 0px auto; } }
@media only screen and (max-width: 540px) {
  .button1 {
    max-width: 80%;
    margin: 0px auto; }

  .page-id-21 #main article {
    padding: 1em 5px; }

  .page-id-21 img.ee-event-img {
    max-width: 100% !important;
    width: auto;
    float: none !important;
    margin: 0px auto !important; }

  select#soflow {
    float: none;
    padding-bottom: 0px;
    max-width: 250px;
    margin: 0px auto !important; }

  .playlistwrap {
    display: block;
    max-height: 550px;
    overflow: hidden; }

  select#soflow, select#soflow-color {
    margin-top: 0px !important; }

  .footer #amazon {
    display: none; }

  .name_last, .name_first {
    max-width: 100% !important; }

  .home .event_data .event_image:before {
    margin-top: -5px; }

  .footer {
    background: #e83928; }

  .footer nav {
    float: none; }
    .footer nav ul {
      display: none; }

  select#soflow, select#soflow-color {
    float: none;
    margin-top: -1em !important; }

  #eModal-1 {
    z-index: 10001 !important;
    width: 100%;
    margin-left: 0px !important;
    left: 0 !important;
    padding: 5px !Important; }

  .spacer {
    margin-bottom: -1em; }

  .home .event_data img {
    height: auto; }

  .firstevent h3 a {
    color: #F0E400 !important;
    background: transparent !important;
    font-family: "freight-display-pro";
    font-size: 25px;
    line-height: 1;
    font-weight: 900; }

  .firstevent h3 {
    margin-left: 0px; }

  #event_wrapper h3 {
    display: block;
    margin: 10px 0px; }

  .waves:before {
    display: none; }

  .firstevent .event_date {
    background: transparent; }

  .homeblog article h1 a {
    display: block;
    margin-left: 0px;
    float: none; }

  .homeblog .featuredpost h1 span {
    padding: 0px; }

  .featuredpost {
    padding: 0; }

  .home article h1 {
    line-height: 1; }

  header.section-inner {
    margin-top: 4.2em; }

  .contact {
    margin-top: -1.5em;
    padding-bottom: 5px; } }
@media only screen and (max-width: 450px) {
  h2.podcastbtn a:after {
    display: none !important; }

  ul.like-buttons {
    margin-bottom: 1em !important; }

  .single-events .page-title {
    display: block !important;
    float: none !important;
    margin: 0 0 20px !important;
    text-align: center !important; }

  h2.podcastbtn {
    display: block !important;
    width: auto !important;
    font-size: 1.3em !important;
    float: none !important;
    margin: 0px auto !important;
    text-align: center !important; }

  .single-events ul#event_hours_list {
    margin: 10px auto !important;
    display: table !important;
    width: auto !important;
    text-align: center !important; }

  #hosts img, .programsocial img {
    float: none !important;
    max-height: 200px;
    max-width: 200px;
    display: block !important;
    border: 1px solid #e83928;
    margin: 0px auto !important; }

  div#content {
    padding: 0 10px !important; }

  .supporttext {
    width: 100%;
    max-width: 100%; }

  .socialfooter {
    display: table;
    margin: 5px auto; }

  .footer .site-info {
    text-align: center; }
  .footer .fpren {
    display: block;
    float: none;
    max-height: 130px;
    margin: 20px auto 0; }
    .footer .fpren:after {
      margin: 0px auto; }
    .footer .fpren a {
      margin: 0px auto; }
  .footer .fa {
    margin: 10px; }

  div#actions {
    float: none;
    display: table;
    margin: 0px auto; }

  .footer nav ul {
    display: none; }

  p.source-org.copyright {
    display: table;
    clear: both;
    float: none;
    margin: 0px auto;
    font-size: 12px;
    line-height: 1.3;
    text-align: center;
    margin-top: 1em; }
    p.source-org.copyright img {
      display: block;
      margin: 0px auto -35px;
      padding-right: 30px; }

  .footer .awesome-weather-cover {
    margin: 0 !important; }

  .footer #awesome-weather-tampa {
    display: none; }

  .footer i {
    margin: 10px auto; }

  .hearitagain {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 0px 10px 0 20px; }
    .hearitagain p {
      margin-left: -10px; }
    .hearitagain h3 {
      margin-left: -10px; }

  .home .homeevents > article:nth-of-type(1) ul {
    max-width: 100%;
    width: 100%;
    margin-left: -10px !important; }

  .home header.event-header {
    display: block;
    width: 100%;
    margin-left: 0px;
    float: none; }

  .event-datetimes {
    margin-top: -25px;
    margin-left: 10px;
    width: 100%;
    display: block; }

  #help h3 {
    font-size: 1.4em; }

  .brand, .brand a:link {
    text-decoration: none;
    background-size: contain;
    background-repeat: no-repeat;
    float: none;
    display: block;
    width: auto;
    max-width: 90%;
    margin: 0px auto 10px; }

  .listen, .tipjar {
    float: none;
    display: inline-block;
    max-width: 160px; }

  .contact {
    float: none;
    text-align: center;
    margin-top: -10px;
    padding-bottom: 10px; } }
@media only screen and (max-width: 320px) {
  .listen, .tipjar {
    margin: 0px auto; } }
/* SVG ANIMATION */
svg {
  pointer-events: none; }

/* Demo 1 */
.demo-drawings figcaption {
  margin: 0 auto 0 auto;
  max-width: 40em;
  width: 95%;
  text-align: center; }

.demo-drawings figure:first-child figcaption {
  margin-top: 8em; }

.demo-drawings figcaption h2 {
  font-weight: 300;
  font-size: 3em;
  margin-bottom: 0.2em; }

.demo-drawings figcaption p {
  font-size: 1.3em; }

.drawings {
  position: relative;
  max-height: 600px;
  padding-top: 2em;
  max-width: 200px;
  display: block;
  margin: 0px auto; }

.illustration {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -214px;
  margin-left: -20px;
  max-width: 160px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0; }
  html.no-cssanimations .illustration {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1; }

svg#mac {
  display: block;
  margin: 0px auto;
  opacity: 0.5; }

.show {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1; }

.hide {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
  filter: alpha(opacity=0) !important;
  opacity: 0 !important; }

.line-drawing,
.illustration {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.line-drawing {
  margin-top: -150px;
  padding-bottom: 0px; }
  .line-drawing html.no-cssanimations {
    display: none !important; }

.two .line-drawing {
  margin-left: 10px;
  overflow: visible; }

.one .line-drawing {
  margin-left: 5px; }
.one .illustration {
  margin-top: -225px; }

.line-drawing path {
  fill: none;
  stroke: white;
  stroke-width: 3; }

path.line-round {
  stroke-linecap: round; }

path.stroke-medium {
  stroke-width: 2; }

path.stroke-thin {
  stroke-width: 1; }

/* Demo 2 and demo 3 */
.demo-loading .show,
.demo-loading .hide {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.codrops-logo {
  position: relative;
  margin: 0 auto 30px;
  width: 80px;
  height: 80px;
  background: url(../img/codrops_logo.png) no-repeat 50% 50%; }

.demo-loading .headline {
  position: relative;
  color: #2173a3;
  text-align: center; }

.demo-loading .headline div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #5ca9d6; }

.demo-loading .headline h1 {
  margin: 0;
  padding: 3em 0;
  font-size: 3em;
  position: relative;
  z-index: 10; }

.demo-loading .headline h1 span:last-child {
  display: block;
  font-weight: 300;
  font-size: 50%; }

.demo-loading section {
  margin: 2em auto 8em;
  max-width: 700px;
  text-align: center; }

.demo-loading section figure {
  position: relative;
  display: inline-block;
  margin: 0 15px 20px;
  width: 200px;
  text-align: left; }

.demo-loading section figure img {
  display: block;
  margin: 0 auto 10px; }

.demo-loading svg.line-drawing {
  position: absolute;
  max-width: 100%;
  z-index: 10;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.demo-loading svg.line-drawing path {
  fill: none;
  stroke-width: 2;
  stroke: #ddd; }

.demo-loading svg.line-drawing path.darker {
  stroke: #aaa; }

.demo-loading svg#rectangle {
  width: 100%;
  height: 100%; }

.demo-loading svg#headline {
  top: 50%;
  margin-top: 2px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.demo-loading svg#related {
  width: 100%;
  height: 100%;
  max-width: 490px; }

/* Positions */
#logo {
  top: 39px; }

#demo-link-1,
#demo-link-2,
#demo-link-3 {
  top: 148px; }

#demo-link-1 {
  -webkit-transform: translateX(-130px);
  transform: translateX(-130px); }

#demo-link-3 {
  -webkit-transform: translateX(48px);
  transform: translateX(48px); }

.two h3 {
  position: relative;
  z-index: 1; }

.svgcontainer {
  max-height: 170px;
  overflow: visible;
  padding-left: 40px;
  margin-top: -25px;
  margin-bottom: 0px;
  opacity: 1 !important;
  z-index: 0;
  position: relative; }

@media screen and (max-width: 35.375em) {
  .demo-loading .headline h1 {
    font-size: 1.4em; } }
@media screen and (max-width: 30em) {
  .related {
    font-size: 0.8em; } }
@media screen and (min-width: 769px) {
  .mobilenav {
    display: none !important; } }
.ui-datepicker.ui-datepicker {
  width: auto; }

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

Stylesheet: Support Page Styles

******************************************************************/
.navbuttons {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .navbuttons ul {
    list-style-type: none;
    text-align: center;
    padding: 0;
    zoom: 1;
    overflow: hidden; }
  .navbuttons li {
    padding: 2px;
    width: 210px;
    display: inline-block;
    margin: 5px 10px;
    background: #c1ebf9;
    border-radius: 500px;
    overflow: hidden;
    position: relative; }
    .navbuttons li:after {
      content: "\f138";
      font-family: FontAwesome;
      color: #5A5A5A;
      font-size: 1.5em;
      position: absolute;
      display: inline;
      right: -25px;
      -webkit-transition: ease-in 0.2s;
      -moz-transition: ease-in 0.2s;
      transition: ease-in 0.2s; }
    .navbuttons li:hover:after {
      right: 10px; }
    .navbuttons li a {
      text-decoration: none;
      font-family: "Oswald",sans-serif;
      color: #5A5A5A !important;
      font-size: 1.5em; }

.supportheader {
  background-image: url("../img/support.jpg");
  background-size: cover;
  display: table;
  margin: 2em 0 0;
  min-height: 350px;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%; }

.supporttext {
  background: rgba(255, 255, 255, 0.9);
  max-width: 80%;
  padding: 2em;
  display: block;
  margin: 10em auto 18em;
  float: right; }
  .supporttext h2 {
    font-family: "freight-display-pro";
    color: #fff;
    font-size: 3em;
    margin: 0;
    letter-spacing: 2px;
    margin: 0;
    margin-left: -3.43em;
    margin-top: -2.2em;
    line-height: 1.2;
    border: 1px solid #e83928;
    background: rgba(0, 0, 0, 0.31);
    line-height: 1.5;
    text-align: center;
    display: block;
    max-width: 312px;
    font-style: italic; }
    .supporttext h2 span {
      background: #e83928;
      color: #fff;
      font-style: normal;
      font-family: "Oswald", sans-serif;
      padding: 0px 15px 5px 10px;
      display: block;
      font-weight: 100;
      text-align: center; }
  .supporttext h4 {
    font-size: 1.43em;
    margin: 10px 0;
    font-family: "freight-display-pro";
    font-style: italic; }

.supportbutton {
  display: none; }

.single-events .supportbutton {
  display: block; }

#support-lower .sixcol {
  border: 1px solid #E0E0E0;
  margin-top: 2em;
  margin-bottom: 2em;
  background: #C1EBF9;
  background-repeat: no-repeat;
  background-position: center;
  background-position-y: 100%; }
#support-lower .sixcol.first {
  background: #C1EBF9;
  background-repeat: no-repeat;
  background-position: center;
  background-position-y: 85%; }
#support-lower .navbuttons li a {
  letter-spacing: -1px; }
#support-lower h2 {
  text-align: center;
  font-family: "freight-display-pro";
  margin: 0;
  padding: 20px;
  font-style: italic;
  font-size: 2.5em;
  color: #fff;
  background-image: url("../img/radiobg.png");
  background-color: #64caf0;
  background-position-y: 43%; }
#support-lower p {
  padding: 0 3em 1em; }
#support-lower li {
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid;
  width: 240px; }
  #support-lower li a {
    display: inline-block;
    width: 100%; }
  #support-lower li:hover {
    background: #d1f3ff; }

/* removed by WebTent to adjust on support page
.volunteer li {
  margin-bottom: 3em; }
*/

.emodal-overlay {
  background: rgba(255, 255, 255, 0.8) !important; }

.emodal-title {
  font-family: "freight-display-pro" !important;
  text-align: center !important;
  color: #e83928 !important;
  border-bottom: 1px solid;
  font-weight: 900 !important;
  font-style: italic !important;
  padding-bottom: 10px; }

.emodal-close {
  background: #5A5A5A !important;
  color: #fff !important;
  font-family: "Oswald", sans-serif !important;
  font-size: 1em !important;
  font-weight: lighter !important;
  letter-spacing: 2px !important; }

.pricefield .ginput_container {
  display: none; }

#eModal-1 {
  z-index: 10001 !important;
  top: 20px !important; }
  #eModal-1 #gform_1 {
    padding: 1em; }
  #eModal-1 #field_1_3 {
    margin-top: 0 !important;
    padding-top: 0 !important;
    height: auto !important;
    margin-top: -30px !important; }
    #eModal-1 #field_1_3 span.gfield_required {
      display: none !important; }
  #eModal-1 .gform_wrapper span.gform_description {
    display: none; }
  #eModal-1 h3 {
    font-family: "freight-display-pro" !important;
    color: #555 !important;
    text-align: center;
    font-weight: 900 !important;
    font-style: italic !important; }
    #eModal-1 h3 span {
      color: #e83928 !important; }
  #eModal-1 label.gfield_label {
    color: #555 !important; }
  #eModal-1 #gform_submit_button_1 {
    padding: 2px;
    width: 170px;
    display: block;
    text-align: center !important;
    margin: 0 auto !important;
    background: #c1ebf9;
    border-radius: 500px;
    overflow: hidden;
    position: relative;
    font-family: "Oswald";
    text-transform: uppercase;
    border: none !important;
    color: #555 !important;
    font-size: 1.5em !important;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    transition: 0.2s ease-out; }
    #eModal-1 #gform_submit_button_1:after {
      content: "\f138";
      font-family: "FontAwesome";
      color: #5A5A5A;
      font-size: 1.5em;
      position: absolute;
      display: inline;
      right: -25px;
      -webkit-transition: ease-in 0.2s;
      -moz-transition: ease-in 0.2s;
      transition: ease-in 0.2s; }
    #eModal-1 #gform_submit_button_1:hover {
      background: #555 !important;
      color: #fff !important; }
      #eModal-1 #gform_submit_button_1:hover:after {
        right: 10px; }

.gform_wrapper li.gfield.gfield_creditcard_warning {
  border: none !important; }

.gform_wrapper li.gfield.gfield_creditcard_warning div.gfield_creditcard_warning_message {
  background: transparent !important;
  color: #555 !important; }

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_footer input[type=image] {
  padding: 5px 30px;
  width: auto;
  display: block;
  text-align: center !important;
  margin: 0px auto !important;
  background: #c1ebf9;
  border-radius: 500px;
  -moz-border-radius: 500px;
  -webkit-border-radius: 500px;
  overflow: hidden;
  position: relative;
  font-family: "Oswald";
  text-transform: uppercase;
  border: none !important;
  color: #555 !important;
  font-size: 1.5em !important;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  transition: 0.2s ease-out; }
  .gform_wrapper .gform_footer input.button:after,
  .gform_wrapper .gform_footer input[type=submit]:after,
  .gform_wrapper .gform_footer input[type=image]:after {
    content: "\f138";
    font-family: "FontAwesome";
    color: #5A5A5A;
    font-size: 1.5em;
    position: absolute;
    display: inline;
    right: -25px;
    -webkit-transition: ease-in 0.2s;
    -moz-transition: ease-in 0.2s;
    transition: ease-in 0.2s; }
  .gform_wrapper .gform_footer input.button:hover,
  .gform_wrapper .gform_footer input[type=submit]:hover,
  .gform_wrapper .gform_footer input[type=image]:hover {
    background: #555 !important;
    color: #fff !important; }
    .gform_wrapper .gform_footer input.button:hover:after,
    .gform_wrapper .gform_footer input[type=submit]:hover:after,
    .gform_wrapper .gform_footer input[type=image]:hover:after {
      right: 10px; }

#field_4_3 span.gfield_required {
  display: none; }

#field_4_3 {
  margin-top: -30px; }

/******************************************************************

Stylesheet: Donation Page Styles

******************************************************************/
.name_last, .name_first {
  max-width: 38%;
  display: inline-block !important; }

.name_last {
  float: right; }

.gform_wrapper .top_label .gfield_label {
  margin-right: 1em; }

.donation-ui-price label.gfield_label {
  display: inline;
  margin-top: 0px !important;
  margin-right: 0px !important;
  float: none;
  display: block !important;
  background: #64CAF0;
  color: #fff;
  font-family: 'Oswald';
  font-weight: 100 !important;
  font-size: 1.6em;
  max-width: 370px;
  padding: 10px 20px 9px 25px;
  text-align: center;
  margin-bottom: 0px !important; }

.donation-ui-price .gfield_required {
  display: none; }

.donation-ui-price .ginput_container input {
  border-right: 2px solid !important;
  border-left: 2px solid !important;
  font-size: 1.8em;
  color: #E83928;
  border-top: 2px solid #4C9CBA !important;
  text-align: center;
  box-shadow: 0px;
  max-width: 370px;
  border: none;
  font-weight: 900;
  border-bottom: 2px solid; }

li#field_6_13,
li#field_1_13 {
  display: table;
  margin: 0px auto 2em !important;
  max-width: 100% !important;
  padding-right: 4% !important; }

.donation-ui-price input.medium {
  width: 100% !important; }

.donation-ui-price {
  display: block;
  margin: 0px auto !important; }

.ginput_container {
  display: inline; }

.donation-input {
  display: table;
  margin: 0px auto; }

.donation-ui-container input:focus {
  outline: none !important; }

.donation-ui-container h3 {
  display: inline;
  font-size: 1.5em;
  color: #fff; }

.donation-choice.fourcol.clearfix {
  float: none;
  display: block;
  margin: 0px auto;
  text-align: center; }

.cancel-button {
  max-width: 300px;
  display: block;
  margin: 1em auto !important; }

li.donation-choice {
  border: 1px solid #CACACA !important;
  padding: 1em 0 2em;
  margin-left: 1.8%;
  border-bottom: 1px solid #CACACA;
  text-align: center; }

.donation-input h3 {
  width: auto;
  display: inline;
  margin: 0px auto;
  text-align: center;
  background: #64caf0;
  padding: 11px 40px 7px;
  border-radius: 50px 0 0 50px; }

.donation-ui-container button {
  margin-top: 1em !important;
  width: 80%; }

.donation-ui-container img {
  display: block;
  max-width: 500px;
  width: auto;
  display: block;
  margin: 0px auto 10px;
  float: none;
  height: 130px; }

p.not-there-yet {
  margin: 0px;
  color: #E83928;
  font-weight: 900; }

.donation-description {
  font-size: 1.5em;
  font-family: 'Oswald';
  line-height: 1;
  padding: 5px 10px; }

.donation-form-footer {
  border-top: 0px solid !important; }

.donation-ui-container hr {
  display: none; }

input.donation-submit {
  padding: 10px;
  width: 200px;
  display: block;
  text-align: center !important;
  margin: 0px auto !important;
  background: #c1ebf9;
  border-radius: 500px;
  overflow: hidden;
  position: relative;
  font-family: "Oswald";
  text-transform: uppercase;
  border: none !important;
  color: #555 !important;
  font-size: 2em !important; }
  input.donation-submit, input.donation-submit:after {
    -webkit-transition: ease-in 0.2s;
    -moz-transition: ease-in 0.2s;
    transition: ease-in 0.2s; }
  input.donation-submit:after {
    content: "\f138";
    font-family: FontAwesome;
    color: #5A5A5A;
    font-size: 1.5em;
    position: absolute;
    display: inline;
    right: -25px; }
  input.donation-submit:hover {
    background: #555 !important;
    color: #fff !important; }
    input.donation-submit:hover:after {
      right: 10px; }

button.more-choices {
  display: table;
  margin: 0px auto .5em;
  border-radius: 50px;
  font-size: 1.5em;
  padding: 10px 30px;
  font-family: "Oswald";
  margin-bottom: 1em;
  width: auto; }

body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul li,
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul li {
  list-style-type: none !important;
  margin-right: 1.84%;
  float: left; }

.noqualify {
  color: #64caf0;
  text-align: center;
  font-weight: 100;
  font-size: 1.1em; }
  .noqualify span {
    color: #e83928;
    font-weight: 900;
    font-style: italic; }

.youradhere {
  padding: 0 1.5em 3em;
  margin-top: 1.2em;
  display: table;
  background-image: url("../img/radiobg.png");
  background: #e83928;
  background: -moz-linear-gradient(top, #e83928 0%, #5a5a5a 32%, #5a5a5a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e83928), color-stop(32%, #5a5a5a), color-stop(100%, #5a5a5a));
  background: -webkit-linear-gradient(top, #e83928 0%, #5a5a5a 32%, #5a5a5a 100%);
  background: -o-linear-gradient(top, #e83928 0%, #5a5a5a 32%, #5a5a5a 100%);
  background: -ms-linear-gradient(top, #e83928 0%, #5a5a5a 32%, #5a5a5a 100%);
  background: linear-gradient(to bottom, #e83928 0%, #5a5a5a 42%, #5a5a5a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e83928', endColorstr='#5a5a5a',GradientType=0 ); }
  .youradhere p {
    text-align: center;
    font-family: "freight-display-pro";
    color: #fff;
    font-style: italic;
    font-size: 1.3em;
    margin-bottom: -20px !important;
    display: block; }
  .youradhere h2 {
    font-family: 'Oswald';
    text-align: center;
    color: #fff;
    padding: .6em;
    border-bottom: 1px solid;
    margin: 0px auto; }
  .youradhere img {
    display: block;
    margin: 0px auto 20px; }
  .youradhere a {
    color: #222;
    text-decoration: none;
    font-family: 'Oswald';
    font-style: normal !important;
    background: #64caf0;
    display: block;
    width: 100%;
    padding: 20px;
    margin: 0;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    transition: 0.2s ease-out; }
  .youradhere a:hover {
    color: #000;
    background: #F0E400; }

@media screen and (max-width: 1024px) {
  .donation-choices-list li.donation-choice.fourcol {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
    .donation-choices-list li.donation-choice.fourcol:last-child {
      margin-right: 0; }
    .donation-choices-list li.donation-choice.fourcol:nth-child(2n) {
      margin-right: 0 !important; } }
/******************************************************************
Site Name:
Author:

Stylesheet: News Archive Styles

******************************************************************/
.archive .inner .article-header:hover h3.h2, .blog .inner .article-header:hover h3.h2 {
  margin-top: 0; }

.feature {
  display: table;
  width: 95%;
  margin: 0px auto;
  padding-top: 30%;
  max-width: 1250px;
  background-size: cover;
  background-position: center; }

.featureinfo {
  border: 1px solid #999;
  display: block;
  position: relative;
  z-index: 2;
  width: 70%;
  margin: 0px auto;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 1em;
  margin-bottom: 1em; }
  .featureinfo article {
    border-bottom: none !important;
    margin-bottom: 0px !important; }
  .featureinfo .byline {
    padding: 0px;
    margin: 5px 0; }
  .featureinfo h3.h2 {
    margin: 0px;
    font-size: 2em !important;
    transition: 0.2s ease-in;
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in; }

.post img.attachment-full.wp-post-image, .type-espresso_events img.attachment-full.wp-post-image {
  max-width: 100%;
  display: block;
  margin: 0px auto; }

.archive .eightcol.bottom, .blog .eightcol.bottom, .archive .ninecol.first.clearfix, .blog .ninecol.first.clearfix {
  margin: 1em auto 3em !important;
  max-width: 1200px !important; }
  .archive .eightcol.bottom ul.post-categories, .blog .eightcol.bottom ul.post-categories, .archive .ninecol.first.clearfix ul.post-categories, .blog .ninecol.first.clearfix ul.post-categories {
    display: inline;
    margin-left: 1em; }
  .archive .eightcol.bottom p.byline.vcard, .blog .eightcol.bottom p.byline.vcard, .archive .ninecol.first.clearfix p.byline.vcard, .blog .ninecol.first.clearfix p.byline.vcard {
    display: inline; }
  .archive .eightcol.bottom time.updated, .blog .eightcol.bottom time.updated, .archive .ninecol.first.clearfix time.updated, .blog .ninecol.first.clearfix time.updated {
    display: inline; }
  .archive .eightcol.bottom ul.post-categories li, .blog .eightcol.bottom ul.post-categories li, .archive .ninecol.first.clearfix ul.post-categories li, .blog .ninecol.first.clearfix ul.post-categories li {
    display: inline;
    margin-left: 5px; }
  .archive .eightcol.bottom ul.post-categories li:after, .blog .eightcol.bottom ul.post-categories li:after, .archive .ninecol.first.clearfix ul.post-categories li:after, .blog .ninecol.first.clearfix ul.post-categories li:after {
    content: '//';
    margin-left: 5px;
    color: #999; }
  .archive .eightcol.bottom ul.post-categories li:last-child:after, .blog .eightcol.bottom ul.post-categories li:last-child:after, .archive .ninecol.first.clearfix ul.post-categories li:last-child:after, .blog .ninecol.first.clearfix ul.post-categories li:last-child:after {
    display: none; }
  .archive .eightcol.bottom ul.post-categories li a, .blog .eightcol.bottom ul.post-categories li a, .archive .ninecol.first.clearfix ul.post-categories li a, .blog .ninecol.first.clearfix ul.post-categories li a {
    text-decoration: none; }
  .archive .eightcol.bottom article, .blog .eightcol.bottom article, .archive .ninecol.first.clearfix article, .blog .ninecol.first.clearfix article {
    display: table;
    border-bottom: 1px solid #ECECEC;
    margin-bottom: 1em;
    padding-bottom: .5em;
    width: 100%; }
  .archive .eightcol.bottom h3, .blog .eightcol.bottom h3, .archive .ninecol.first.clearfix h3, .blog .ninecol.first.clearfix h3 {
    margin: 10px;
    font-size: 1.4em;
    line-height: 1; }
  .archive .eightcol.bottom p, .blog .eightcol.bottom p, .archive .ninecol.first.clearfix p, .blog .ninecol.first.clearfix p {
    margin: 10px; }
  .archive .eightcol.bottom .thumbwrap, .blog .eightcol.bottom .thumbwrap, .archive .ninecol.first.clearfix .thumbwrap, .blog .ninecol.first.clearfix .thumbwrap {
    display: block;
    float: left;
    width: 12%;
    margin-right: 1.2%; }
  .archive .eightcol.bottom .listwrap, .blog .eightcol.bottom .listwrap, .archive .ninecol.first.clearfix .listwrap, .blog .ninecol.first.clearfix .listwrap {
    display: table;
    width: 86%; }
  .archive .eightcol.bottom img.attachment-post-thumbnail.wp-post-image, .blog .eightcol.bottom img.attachment-post-thumbnail.wp-post-image, .archive .ninecol.first.clearfix img.attachment-post-thumbnail.wp-post-image, .blog .ninecol.first.clearfix img.attachment-post-thumbnail.wp-post-image {
    margin-top: 1em; }

article.archivead {
  padding-top: 0px !important; }

.archive article.fourcol, .blog article.fourcol {
  background-size: cover !important;
  height: 280px;
  background-position: center !important;
  transition: 0.2s ease-in;
  -webkit-transition: 0.2s ease-in;
  -moz-transition: 0.2s ease-in; }
  .archive article.fourcol a.readmore, .blog article.fourcol a.readmore {
    opacity: 0;
    transition: 0.2s ease-out;
    -webkit-transition: 0.2s ease-out;
    margin-top: 20%; }
    .archive article.fourcol a.readmore:hover, .blog article.fourcol a.readmore:hover {
      text-decoration: none;
      background: #000;
      color: #fff; }
  .archive article.fourcol:hover a.readmore, .blog article.fourcol:hover a.readmore {
    opacity: 1;
    display: inline-block;
    margin-top: 10%;
    font-family: 'Oswald';
    color: #000 !important;
    background: #fff !important;
    border: 1px solid #fff;
    padding: 20px;
    border-radius: 50px;
    transition: 0.2s ease-out; }
    .archive article.fourcol:hover a.readmore:hover, .blog article.fourcol:hover a.readmore:hover {
      text-decoration: none;
      background: #000 !important;
      color: #fff !important; }
  .archive article.fourcol:hover header.article-header, .blog article.fourcol:hover header.article-header {
    min-height: 100%; }

.spacer {
  display: none;
  clear: both;
  height: 2em;
  background: #64CAF0;
  margin-top: 4em;
  position: relative;
  z-index: 2; }

.archive .sidebar .widget_nav_menu, .blog .sidebar .widget_nav_menu {
  margin-top: 1em;
  border: 1px solid #999;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 2px;
  margin-bottom: 1em; }
.archive div#content, .blog div#content {
  margin-bottom: 0px; }
.archive .sidebar h3, .blog .sidebar h3 {
  font-size: 1.7em;
  margin: 0 0 10px;
  font-family: 'Oswald';
  text-align: center; }
.archive .sidebar p, .blog .sidebar p {
  margin: 0;
  font-weight: 900; }
.archive .sidebar li, .blog .sidebar li {
  list-style-type: none; }
  .archive .sidebar li:last-of-type a, .blog .sidebar li:last-of-type a {
    border-bottom: none; }
.archive .sidebar p a:not(.tt_upcoming_events_event_container), .archive .sidebar li a:not(.tt_upcoming_events_event_container), .blog .sidebar p a:not(.tt_upcoming_events_event_container), .blog .sidebar li a:not(.tt_upcoming_events_event_container) {
  font-weight: 900;
  text-decoration: none;
  border-bottom: 1px solid #EAEAEA;
  display: block;
  margin: 3px 0;
  padding: 6px;
  font-family: 'Oswald';
  text-align: center;
  font-size: 1.3em; }
.archive .last, .blog .last {
  position: relative;
  z-index: 999;
  float: right; }
.archive .ninecol.first.clearfix, .blog .ninecol.first.clearfix {
  margin-bottom: 5em; }
.archive .top, .blog .top {
  max-width: 1250px;
  display: block;
  margin: 0px auto;
  float: none; }
.archive .bottom, .blog .bottom {
  max-width: none !important;
  margin: 0px !important;
  width: 100%;
  float: none !important;
  display: block;
  clear: both; }
.archive #main article, .blog #main article {
  background: transparent; }
.archive #content, .blog #content {
  max-width: none; }
.archive .widget_adrotate_widgets img, .blog .widget_adrotate_widgets img {
  max-width: 100%;
  max-height: 240px; }
.archive .fourcol, .blog .fourcol {
  margin-left: 1.62430939%;
  text-align: center;
  margin-bottom: 1.762430939%; }
  .archive .fourcol .newsitem:hover, .blog .fourcol .newsitem:hover {
    opacity: 0.8; }
  .archive .fourcol p, .blog .fourcol p {
    text-align: left; }
  .archive .fourcol p.byline.vcard, .blog .fourcol p.byline.vcard {
    text-align: center;
    color: #F0E400;
    line-height: 2;
    font-family: 'Oswald', sans-serif; }
    .archive .fourcol p.byline.vcard time, .blog .fourcol p.byline.vcard time {
      color: #B0B0B0; }
    .archive .fourcol p.byline.vcard span, .blog .fourcol p.byline.vcard span {
      color: #e83928; }
    .archive .fourcol p.byline.vcard a, .blog .fourcol p.byline.vcard a {
      text-decoration: none;
      color: #555;
      font-family: 'Maven Pro', sans-serif; }
  .archive .fourcol .entry-content img, .blog .fourcol .entry-content img {
    margin: 0px;
    width: 100%;
    max-height: 130px; }
  .archive .fourcol header.article-header, .blog .fourcol header.article-header {
    padding: 15px;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    width: 100%;
    bottom: 0;
    font-family: "freight-display-pro";
    overflow: hidden;
    transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out; }
    .archive .fourcol header.article-header:hover, .blog .fourcol header.article-header:hover {
      min-height: 100%;
      background: rgba(0, 0, 0, 0.7); }
    .archive .fourcol header.article-header a, .blog .fourcol header.article-header a {
      text-decoration: none;
      color: #555 !important; }
      .archive .fourcol header.article-header a:hover, .blog .fourcol header.article-header a:hover {
        text-decoration: underline; }
.archive h3.h2, .archive .byline, .blog h3.h2, .blog .byline {
  margin: 0px;
  padding: 0px; }
.archive h3.h2, .blog h3.h2 {
  font-size: 1.7em;
  line-height: 1;
  color: #fff; }

.feature:after {
  display: none !important;
  content: '';
  width: inherit;
  height: 100%;
  position: absolute;
  display: block;
  z-index: 1;
  background: -moz-linear-gradient(top, rgba(239, 239, 239, 0) 0%, white 39%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(239, 239, 239, 0)), color-stop(39%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(239, 239, 239, 0) 0%, white 39%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(239, 239, 239, 0) 0%, white 39%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(239, 239, 239, 0) 0%, white 39%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(239, 239, 239, 0) 0%, white 39%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00efefef', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
  top: 0; }

.pagenav {
  display: table;
  margin: 0px auto;
  clear: both; }

.widget_adrotate_widgets {
  list-style-type: none; }

.articlewrap {
  display: table;
  width: 100%;
  padding-top: 2em;
  position: relative;
  z-index: 2;
  padding-bottom: 2em;
  background: #B3E5F6 !important;
  margin-bottom: 0em; }
  .articlewrap .inner {
    max-width: 1250px;
    margin: 0px auto; }

.relatedposts a {
  font-size: 1em !important;
  line-height: 1 !important;
  font-family: "Freight Pro";
  text-decoration: none;
  font-weight: 900 !important; }
.relatedposts li {
  line-height: 1.2;
  font-size: 1em;
  margin-bottom: 5px;
  padding-bottom: 5px; }
.relatedposts span {
  color: #565656;
  font-size: 12px;
  margin: 5px 0;
  white-space: nowrap; }
  
.archive .sidebar li a:not(.tt_upcoming_events_event_container) {
  font-size: 1.2em;
  margin: 0px auto;
  line-height: 1; }

/****** AUDIO PLAYER ********/
p.audioplayer {
  color: transparent;
  line-height: 0; }

.mejs-container,
.mejs-embed,
.mejs-embed body,
.mejs-container .mejs-controls {
  background: #E83928 !important;
  border-radius: 500px !important; }

.mejs-controls .mejs-play button {
  background-position: 3px 0 !important; }

.mejs-controls .mejs-time-rail .mejs-time-current {
  background: #555 !important; }

/*******************************************
	
	Programs Page/Schedule Styles
	
*******************************************/
.tt_upcoming_events_widget .page_margin_top {
  margin-top: 0px; }

.tt_event_theme_page {
  width: auto;
  background: #FFFFFF;
  padding: 30px;
  margin: 0 auto 30px;
  max-width: 1240px; }

.donate {
  text-decoration: none;
  display: block;
  padding: 10px 25px;
  background: #e83928;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  transition: 0.2s ease-in;
  -webkit-transition: 0.2s ease-in;
  -moz-transition: 0.2s ease-in;
  position: relative;
  overflow: hidden; }
  .donate h3 {
    font-family: "freight-display-pro";
    font-size: 1.2em;
    text-align: center;
    line-height: 1;
    color: #fff;
    display: block;
    margin: 0px auto;
    max-width: 250px;
    border-bottom: 0px solid; }
  .donate h4 {
    font-size: 1em;
    text-align: center;
    margin: 0em;
    position: relative;
    font-style: italic;
    color: #fff;
    border-top: 0px solid; }
  .donate:hover {
    background: #c13326; }
    .donate:hover:after {
      position: absolute;
      content: url("../img/coin.png");
      right: 14px;
      top: 24%;
      transition: 0.2s ease-in;
      -webkit-transition: 0.2s ease-in;
      -moz-transition: 0.2s ease-in; }
  .donate:after {
    position: absolute;
    content: url("../img/coin.png");
    right: -30px;
    top: 15px; }

#hosts h2, .programsocial h2 {
  display: block;
  width: 100%;
  font-family: "freight-display-pro";
  padding-bottom: 0px;
  font-size: 1.3em;
  color: #5A5A5A;
  margin: 5px 0; }
#hosts img, .programsocial img {
  float: left;
  max-height: 200px;
  margin-right: 1em;
  max-width: 200px;
  border: 1px solid #e83928; }

#hosts h2 {
  padding-bottom: 5px; }

.sidebar ul.tt_upcoming_events.clearfix.autoscroll-0, .fourcol ul.tt_upcoming_events.clearfix.autoscroll-0 {
  width: 100% !important; }

.sidebar .tt_upcoming_events li, .fourcol .tt_upcoming_events li {
  width: 100%; }

.sidebar h5.box_header {
  font-size: 1.3em;
  margin: 5px;
  font-family: freight-display; }

.sidebar h5.box_header {
  font-size: 1.3em;
  margin: 0px;
  background: #64caf0;
  color: #fff;
  font-family: freight-display;
  padding: 5px 15px;
  display: block;
  text-align: center;
  border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  -moz-border-radius: 30px 30px 0 0; }

.tt_upcoming_events_wrapper {
	margin-bottom: 10px;
}

.sidebar .tt_upcoming_events_wrapper.page_margin_top, .fourcol .tt_upcoming_events_wrapper.page_margin_top {
  padding: 15px;
  -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2); }

.timetable_sidebar_box {
  margin-top: 15px;
  margin-left: 0px; }

.divide {
  display: table;
  clear: both;
  width: 100%;
  padding: .5em;
  border-bottom: 1px solid #DDD;
  margin-bottom: 2em; }

ul.like-buttons {
  float: left;
  list-style: none;
  margin: 0px 0 5px 0;
  padding: 0;
  width: 100%; }

ul.like-buttons li {
  display: block;
  float: left;
  margin-right: 10px;
  min-width: 150px; }

li.twitter-like {
  margin-top: 2px; }

li.g-plus-one {
  max-width: 180px;
  margin-top: 3px; }

li.fb-like {
  margin-top: -2px; }

.single-events .page-title {
  display: inline-block;
  float: left;
  margin: 0 0 20px; }
.single-events .addtoany_share_save_container {
  display: none; }

img.podcast {
  border: none;
  margin-right: 5px; }

h2.podcastbtn {
  display: inline-block;
  width: auto;
  font-size: 1.3em;
  float: right;
  margin-top: -10px; }
  h2.podcastbtn a:after {
    content: '';
    width: 0%;
    display: block;
    height: auto;
    border-top: 2px solid;
    margin-top: -5px;
    float: right;
    transition: 0.2s ease-in;
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in; }
  h2.podcastbtn a:hover {
    opacity: 100%;
    color: #e83928 !important; }
    h2.podcastbtn a:hover:after {
      width: 90%; }

div#hosts {
  margin-top: -10px; }

/******************************************************************

Stylesheet: Musician Page Styles

******************************************************************/
.single-musicians .imgwrap {
  display: table;
  overflow: hidden;
  float: right;
  margin: 0 0 1em 1em;
  line-height: 0 !important;
  border: 1px solid #e83928; }
  .single-musicians .imgwrap:hover .wp-post-image {
    -moz-transform: scale(1.3) rotate(10deg);
    transform: scale(1.3) rotate(10deg);
    -webkit-transform: scale(1.3) rotate(10deg); }
  .single-musicians .imgwrap:hover .wp-post-image {
    transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out; }
.single-musicians .wp-post-image {
  max-width: 300px !important;
  margin: 0px !important; }
.single-musicians .addtoany_content_bottom {
  display: none; }
.single-musicians footer {
  display: table;
  width: 100%; }
  .single-musicians footer h3 {
    margin: 10px 0 0 !important;
    padding-bottom: 5px;
    border-bottom: 1px solid #555; }
  .single-musicians footer ul {
    margin: 0px 0 1em !important; }
    .single-musicians footer ul li {
      display: inline-block;
      margin: 1em 0;
      padding: .5em;
      border-right: 1px solid #E5E5E5; }
      .single-musicians footer ul li a {
        text-decoration: none;
        font-family: 'Oswald';
        letter-spacing: 1px; }

.post-type-archive-musicians #content {
  max-width: 1240px !important;
  display: block;
  margin: 0px auto; }
.post-type-archive-musicians h2 {
  margin: 0px !important; }
.post-type-archive-musicians .entry-content {
  margin-top: 0px !important; }
.post-type-archive-musicians article {
  border-bottom: 1px solid #DDD;
  display: table !important;
  width: 100%; }
  .post-type-archive-musicians article:last-of-type {
    border-bottom: 0px; }

.post-type-archive .article-header img {
  float: left;
  margin: 10px 1em 5px 0; }
.post-type-archive .entry-content p {
  margin: 0px 0px 10px; }
.post-type-archive article {
  display: block;
  margin: 1em auto;
  padding-bottom: 1em; }
.post-type-archive .bones_page_navi {
  width: auto;
  display: table;
  margin: 0px auto; }

/******************************************************************

Stylesheet: Events Page Styles

******************************************************************/
.tt_timetable .event a,
.tt_timetable .event a.event_header {
  text-decoration: underline; }
  .tt_timetable .event a:hover,
  .tt_timetable .event a.event_header:hover {
    text-decoration: none; }

#event_wrapper h3 {
  display: inline-block;
  margin-left: 10px; }

.firstevent {
  z-index: 99;
  height: 350px; }
  .firstevent .event_date {
    background: #e83928;
    margin-left: 0px !important;
    padding-right: 10px;
    line-height: 1;
    font-family: 'Oswald';
    color: #fff;
    position: relative;
    vertical-align: baseline; }
  .firstevent h3 {
    position: absolute;
    margin: 0px;
    margin-left: 10px;
    color: #fff;
    font-weight: 100;
    font-size: 16px;
    padding: 0.8em 0.4em 0.8em 0.8em;
    display: inline-block;
    bottom: 0; }
    .firstevent h3 span {
      background: transparent !important; }
    .firstevent h3 a {
      color: #F0E400;
      font-family: "freight-display-pro" !important;
      background: transparent !important;
      font-size: 35px;
      font-weight: 900;
      display: inline;
      line-height: 1;
      font-style: italic;
      width: 100%; }

h3.event_date {
  color: #5A5A5A;
  font-weight: 100 !important; }

.lowerevent {
  font-family: 'Oswald';
  padding: 0 0 1em;
  margin: 1em 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.47); }
  .lowerevent:last-of-type {
    border: none; }
  .lowerevent h3 {
    font-weight: 100;
    font-size: 16px;
    display: inline-block;
    margin: 15px 0; }
    .lowerevent h3 a {
      font-size: 24px;
      font-weight: 900;
      line-height: 1;
      color: #fff;
      font-family: 'Oswald';
      transition: 0.2s ease-out;
      -webkit-transition: 0.2s ease-out;
      -moz-transition: 0.2s ease-out; }
      .lowerevent h3 a:hover {
        color: #e83928; }
    .lowerevent h3:last-of-type {
      margin-left: 15%; }
  .lowerevent .lowerdate, .lowerevent .lowertitle {
    display: inline-block; }
  .lowerevent .lowerdate {
    float: left;
    max-width: 150px; }
  .lowerevent .lowertitle {
    max-width: 500px; }
    .lowerevent .lowertitle h3 {
      margin: 0 0 0 15px !important; }
  .lowerevent .lowerdate h3 {
    display: inline !important;
    vertical-align: !important; }
  .lowerevent .lowertitle h3 {
    display: inline-block !important; }

.ee-featured-image {
  margin: 0px !important;
  padding: 0px !important; }

.home .event_data img {
  margin-top: -1em;
  width: 100%;
  height: 400px; }
.home .event_data .event_image {
  display: block;
  overflow: hidden;
  position: relative; }
  .home .event_data .event_image:hover:before {
    background-color: rgba(0, 0, 0, 0.8); }
  .home .event_data .event_image:before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out; }

.home .eventlist .espresso_events {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d3d3d3; }
.home .eventlist .event-datetimes {
  margin-top: -40px; }
.home .eventlist .event-header h2 {
  margin-bottom: 10px; }
.home .eventlist .entry-content img {
  max-width: 200px;
  float: left;
  margin-right: 1em; }
.home .eventlist form {
  max-height: 20px; }
.home .eventlist .ticket-selector-submit-btn {
  float: right;
  padding: 2px;
  width: 210px;
  display: inline-block;
  margin: 0px;
  background: #c1ebf9;
  border-radius: 500px;
  -moz-border-radius: 500px;
  -webkit-border-radius: 500px;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  font-family: "Oswald",sans-serif;
  color: #5A5A5A !important;
  font-size: 1.5em;
  border: 0px !important;
  transition: 0.2s ease-in;
  -webkit-transition: 0.2s ease-in;
  -moz-transition: 0.2s ease-in; }
  .home .eventlist .ticket-selector-submit-btn:after {
    content: "\f138";
    font-family: FontAwesome;
    color: #5A5A5A;
    font-size: 1.5em;
    position: absolute;
    display: inline;
    right: -25px;
    -webkit-transition: ease-in 0.2s;
    -moz-transition: ease-in 0.2s;
    transition: ease-in 0.2s; }
  .home .eventlist .ticket-selector-submit-btn:hover:after {
    right: 10px; }
  .home .eventlist .ticket-selector-submit-btn:hover {
    background-color: #555;
    color: #fff !important; }

div#scroller {
  border: 1px solid rgba(0, 0, 0, 0.2); }

.ee-featured-image {
  margin: 0px !important;
  padding: 0px !important;
  max-width: 400px;
  margin: 0px !important; }

.btn_event_form_submit {
  background: #e83828;
  color: #fff !important;
  text-decoration: none;
  padding: 5px 35px;
  text-transform: uppercase;
  border-radius: 50px;
  display: inline-block;
  margin-bottom: -20px;
  margin-top: 10px;
  border: 1px solid #e83828;
  transition: 0.2s ease-in; }

#stripe_submit {
  background: transparent !important;
  border: 0px !important;
  text-shadow: none !important;
  -webkit-text-shadow: none !important;
  font-size: 1.2em !important;
  padding: 0px !important;
  transition: 0.2s ease-out;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out; }

#stripe_submit:hover {
  color: #333 !important; }

.event_form_submit .btn_event_form_submit:hover {
  color: #333 !important;
  background: transparent !important; }

.event_form_submit .btn_event_form_submit {
  margin-top: 0px; }

#espresso-payment_page-dv .payment-option-dv .payment-option-lnk {
  max-width: none !important; }

.home .ee-featured-image {
  max-width: 100% !important; }

.btn_event_form_submit:hover {
  color: #e83828 !important;
  background: transparent;
  border: 1px solid #e83828; }

.page-template-page-custom .a_register_link, .page-template-page-custom .event_form_submit {
  background: #e83828;
  color: #fff !important;
  text-decoration: none;
  padding: 5px 35px;
  text-transform: uppercase;
  border-radius: 50px;
  display: inline-block;
  margin-bottom: -20px;
  margin-top: 10px;
  border: 1px solid #e83828;
  transition: 0.2s ease-in; }
.page-template-page-custom .a_register_link:hover {
  color: #e83828 !important;
  background: transparent;
  border: 1px solid #e83828; }
.upcoming_events_widget img {
  margin-top: 1em; }
.page-template-page-custom .tt_upcoming_events li .tt_upcoming_events_event_container:hover {
  color: #fff !important; }
.tt_upcoming_events_widget img {
  margin-top: 20px; }
.page-template-page-custom .event-data-display.ui-widget-content.ui-corner-bottom {
  padding-bottom: 1em;
  margin-bottom: 1em; }
.page-template-page-custom #event_wrapper h3 {
  display: inline-block;
  font-size: 2em;
  font-family: 'Oswald';
  border-top: 1px solid #CDCDCD;
  width: 100%;
  margin: 0em; }
.page-template-page-custom .espresso_ical_link img {
  margin-bottom: -1px; }
.page-template-page-custom .ee-featured-image {
  max-width: 250px;
  margin-top: -2.9em !important; }
.page-template-page-custom h1.page-title {
  margin: 0 0 0em; }

.espresso_payment_overview tr td:last-child {
  padding-left: 2em; }

.espresso_payment_overview tr td:first-child {
  font-weight: 900; }

.espresso_payment_overview tr {
  line-height: 1.5; }
.espresso_payment_overview img {
  margin: 0 0 3px 0 !important; }

#espresso_calendar .fc-event-title {
  color: #fff; }
#espresso_calendar .time-display-block {
  color: #fff; }
#espresso_calendar:not(.ui-widget) .fc-event {
  background-color: #F12F31 !important; }
#espresso_calendar:not(.ui-widget) .fc-header-title h2, #espresso_calendar .fc-header-title h2 {
  font-family: "freight-display-pro" !important;
  font-weight: 900; }

.calendar {
  text-align: right !important;
  display: block;
  float: right;
  margin-top: -20px !important; }

.calendar:before {
  color: #fff;
  font-family: FontAwesome;
  content: "\f073";
  display: inline;
  margin-right: 10px; }

.calendar:hover:before {
  color: #555; }

div#ui-datepicker-div {
  display: none; }

select#soflow, select#soflow-color {
  display: block;
  float: right;
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background-image: url("../img/select.png"), -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
  background-position: 97% center;
  background-repeat: no-repeat;
  border: 1px solid #AAA;
  color: #555;
  font-size: inherit;
  margin: 20px 0;
  overflow: hidden;
  padding: 5px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 300px;
  margin-top: -3.5em; }

/*.community-events { // removed 2015-07-13
    font-size: .65em;
    p{
    font-weight:100;
	}
}*/
#eModal-1 {
  padding: 3em !important; }
  #eModal-1 label.gfield_label, #eModal-1 #eModal-1 label {
    margin-right: 1em;
    font-family: 'Oswald' !important; }
  #eModal-1 li {
    margin: 10px auto;
    font-family: 'Oswald'; }
  #eModal-1 .button {
    display: block !important;
    margin: 0px auto !important; }

ul#event_hours_list {
  display: none; }

.single-events ul#event_hours_list {
  margin: 10px 0;
  display: block; }
.single-events .tt_event_margin_top_27 {
  display: none; }
.single-events .tt_event_hours li {
  font-size: 14px;
  border: 0px;
  color: #919191;
  border-color: #fff !important;
  border-left: 1px solid #fff;
  line-height: 1;
  width: auto;
  padding: 8px 5px;
  margin: 0px !important; }
  .single-events .tt_event_hours li:nth-of-type(odd) {
    background: #F5F5F5; }
  .single-events .tt_event_hours li h4 {
    text-align: center;
    margin: 0px;
    line-height: 1; }
    .single-events .tt_event_hours li h4:first-child {
      font-size: 20px; }
.single-events p.tt_event_padding_bottom_0 {
  display: none; }

input[type=submit] {
  color: #fff;
  font-weight: 100;
  padding: 1em;
  font-family: 'Maven Pro', sans-serif;
  text-transform: uppercase;
  display: inline-block;
  background: #e83928;
  border: 0px solid;
  box-shadow: 0px 0px;
  transition: 0.2s ease-out;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out; }
  input[type=submit]:hover {
    background: #999; }

.single-espresso_events .byline {
  display: none; }
.single-espresso_events table {
  text-align: center;
  width: 100%; }
.single-espresso_events thead {
  color: #fff;
  background: #555;
  border-color: #fff; }
.single-espresso_events th {
  border: 1px solid #fff; }
.single-espresso_events td {
  padding: 20px 0;
  text-align: center;
  border-bottom: 1px solid #E7E7E7; }
.single-espresso_events td:nth-of-type(odd) {
  background: #E7E7E7;
  vertical-align: text-bottom;
  border-bottom: 1px solid #E7E7E7; }
.single-espresso_events input[type=submit] {
  color: #fff;
  font-weight: 100;
  padding: 1em;
  font-family: 'Maven Pro', sans-serif;
  text-transform: uppercase;
  display: inline-block;
  background: #e83928;
  border: 0px solid;
  box-shadow: 0px 0px;
  transition: 0.2s ease-out;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out; }
  .single-espresso_events input[type=submit]:hover {
    background: #999; }
.single-espresso_events .currency-code {
  color: #61CB5B; }
.single-espresso_events div#disqus_thread {
  display: none; }

input#spco-go-to-step-finalize_registration-submit {
  color: #fff;
  font-weight: 100;
  padding: 1em;
  font-family: 'Maven Pro', sans-serif;
  text-transform: uppercase;
  display: inline-block;
  background: #e83928;
  border: 0px solid;
  box-shadow: 0px 0px;
  transition: 0.2s ease-out;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out; }
  input#spco-go-to-step-finalize_registration-submit:hover {
    background: #999; }

ul#event_hours_list li {
  list-style-type: none; }

.page-id-21 .ee-event-datetimes-ul {
  margin-left: 0px !important; }
.page-id-21 .espresso-venue-dv p {
  display: none; }
.page-id-21 .espresso-venue-dv > strong:last-of-type, .page-id-21 .espresso-venue-dv > span:last-of-type {
  display: none; }
.page-id-21 .espresso-venue-dv h4 {
  line-height: 1.5;
  margin: 0px !important; }
.page-id-21 .espresso-venue-dv h3.event-venues-h3.ee-event-h3 {
  margin-bottom: 0; }
.page-id-21 span.ee-icon.ee-icon-venue {
  margin-top: -5px; }
.page-id-21 .sponsored {
  background: #EFEFEF;
  border: 1px solid #e83928; }
  .page-id-21 .sponsored article {
    background: transparent !important; }
  .page-id-21 .sponsored .entry-title:before {
    content: 'Sponsored';
    display: block;
    margin: -25px 0 20px;
    font-family: 'Oswald';
    color: #9D9D9D;
    font-size: .8em; }
.page-id-21 .ee-event-datetimes-li span {
  margin-left: 10px; }
.page-id-21 .ee-event-datetimes-li br {
  display: none; }
.page-id-21 #main article {
  padding: 1em; }
.page-id-21 .page-header {
  display: none; }
.page-id-21 img.ee-event-img {
  max-width: 200px;
  float: right;
  display: inline-block; }
.page-id-21 form {
  display: none; }
.page-id-21 .emodal-content form {
  display: block; }
.page-id-21 .programsocial {
  display: none; }
.page-id-21 #eModal-1 form {
  display: block !important; }
.page-id-21 .espresso_events {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #e83928; }
  .page-id-21 .espresso_events:last-of-type {
    border-bottom: none; }
.page-id-21 .page-title {
  display: inline; }
.page-id-21 ul#menu-events {
  margin-bottom: 1em; }
.page-id-21 div#content {
  margin-top: 0px !important; }

.spco-payment-method-hdr {
  color: #555; }

.ee-roundish.ee-button {
  border-radius: 50px !important;
  font-family: "Oswald" sans-serif;
  text-shadow: none !important;
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  box-shadow: 0px !important;
  -webkit-box-shadow: 0px !important;
  border: 0px !important;
  background: #E83928 !important; }

.ee-roundish.ee-button:hover {
  background: #555; }

table.ee-table.ee-registrations-list {
  width: 100%;
  font-size: 1.2em;
  text-align: Center; }
  table.ee-table.ee-registrations-list th {
    border-bottom: 1px solid #D5D5D5;
    padding-bottom: 15px; }
  table.ee-table.ee-registrations-list td {
    vertical-align: text-top;
    padding-top: 10px; }

div#espresso-thank-you-page-payment-details-dv table.ee-table {
  width: 100%;
  font-size: 1.2em;
  text-align: center !important; }
div#espresso-thank-you-page-payment-details-dv th {
  text-align: center;
  border-bottom: 1px solid #D5D5D5;
  padding-bottom: 15px; }
div#espresso-thank-you-page-payment-details-dv td {
  padding-top: 10px; }
div#espresso-thank-you-page-payment-details-dv .jst-rght {
  text-align: center; }

label#ee-available-payment-method-inputs-invoice-lbl {
  display: none !Important; }

#ee-available-payment-method-inputs-mijireh-lbl img {
  display: none; }

input#ee-available-payment-method-inputs-mijireh:after {
  font-family: FontAwesome;
  content: "\f09d";
  color: #e83928;
  display: block;
  margin-left: 1em !important;
  position: relative;
  font-size: 2em;
  margin-top: -5px; }

input#ee-available-payment-method-inputs-mijireh:before {
  content: 'Pay With Credit Card';
  float: right;
  display: block;
  width: 200px;
  position: absolute;
  color: #e83928;
  margin-left: 4em;
  font-family: 'Oswald';
  font-size: 1.2em;
  margin-top: -5px; }

input#choice_5_12_1 {
  opacity: 0 !important;
  height: 50px !important;
  overflow: visible !important;
  width: 300px !important;
  margin-right: -300px !important;
  margin-top: 0px !important; }

label#label_5_12_1 {
  display: table !important;
  border: 1px solid !important;
  padding: 10px !important;
  overflow: visible !important;
  background: #64caf0 !important;
  font-family: Oswald !important;
  color: #fff !important;
  font-size: 1.3em !important; }

li.gchoice_5_12_1 {
  margin-right: 0px !important;
  padding-right: 0px !important;
  display: table !important;
  float: none !important;
  margin: 0px auto !important; }

li.gchoice_5_12_1:after {
  display: none !important; }

li.gchoice_5_12_1:before {
  display: none !important; }

li.gchoice_5_12_1 {
  max-width: 300px !important;
  float: none !important !important;
  clear: both !important !important; }

ul#input_5_12 {
  max-width: 300px !important;
  display: table !important;
  margin: 0px auto 50px !important; }

li#field_5_11 br {
  margin: 10px auto; }

li#field_5_11 br {
  margin: 10px auto;
  line-height: 2.2; }

li#field_5_11 strong {
  color: #222 !important;
  font-size: 1.1em;
  font-family: Oswald !important; }

li#field_5_11 {
  color: #555 !important;
  font-size: 1.2em !important;
  font-family: "freight-display-pro" !important; }

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

Stylesheet: Support Page Styles

******************************************************************/
.error404 .section.navbar.navbar--dark {
  background: #fff;
  position: relative;
  z-index: 1; }
.error404 div#container {
  background: url("../img/oldradio.gif");
  background-size: cover;
  background-position: center; }
.error404 #main article {
  background: transparent;
  text-align: center; }
  .error404 #main article h1 {
    font-size: 4em;
    font-family: 'Oswald';
    color: #e83928; }
    .error404 #main article h1:after {
      display: block;
      content: '';
      border-bottom: 5px solid;
      max-width: 40%;
      color: #222;
      margin: 20px auto -15px; }
  .error404 #main article p {
    color: #F0E400;
    font-weight: 900;
    font-size: 1.3em; }
  .error404 #main article strong {
    font-family: "freight-display-pro";
    color: #fff;
    font-size: 2.5em;
    line-height: 1.2; }
.error404 .breadcrumbs {
  max-width: none;
  display: block;
  margin: 0px auto;
  background: #fff;
  width: 100%;
  padding-bottom: 1em;
  position: relative;
  z-index: 1; }
.error404 p#breadcrumbs {
  display: block;
  width: 1240px;
  margin: 0px auto; }
.error404 .outer {
  display: table;
  margin: 1em auto; }
.error404 div#content {
  position: relative; }
.error404 .outer:before {
  content: '';
  background-color: rgba(0, 0, 0, 0.5);
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }
.error404 .footer {
  position: relative; }
.error404 input#searchsubmit {
  background: #64caf0;
  border: none;
  font-family: 'Oswald';
  color: #000;
  vertical-align: text-top;
  text-transform: uppercase;
  padding: 2px 10px;
  transition: 0.2s ease-out;
  padding: 3px 10px;
  margin-left: -10px; }
  .error404 input#searchsubmit:hover {
    background: #fff; }
.error404 input {
  line-height: normal;
  font-family: 'Oswald';
  vertical-align: text-top; }
.error404 label.screen-reader-text {
  color: #fff; }

@media only screen and (max-width: 768px) {
  .error404 header.section-inner {
    padding-top: 4.8em !important;
    margin-top: 0 !important; } }
@media only screen and (max-width: 540px) {
  header.section-inner {
    margin: 0.2em auto !important;
    margin-top: 3.4em !important; }

  .error404 .breadcrumbs {
    display: none; }

  .error404 .outer:before {
    display: none; } }
@font-face {
  font-family: 'player';
  src: url("fonts/player.eot"); }
@font-face {
  font-family: 'player';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SAwQAAAC8AAAAYGNtYXAaVsyQAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZoLeFO4AAAF4AAAIlGhlYWQGS/19AAAKDAAAADZoaGVhB8IDzwAACkQAAAAkaG10eC4AA0QAAApoAAAAOGxvY2EPQAxoAAAKoAAAAB5tYXhwACUBTQAACsAAAAAgbmFtZaTbMZgAAArgAAABenBvc3QAAwAAAAAMXAAAACAAAwPRAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmCQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg5gn//f//AAAAAAAg5gD//f//AAH/4xoEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAADAA7/wAPyA8AAFQAmADcAACUBLgEjIgYHAQYWFx4BMyEyNjc+AScFFAYrASImPQE0NjsBMhYdAREUBisBIiY1ETQ2OwEyFhURA/L+gBA+JCQ+EP6ADwMREjohAwAhOhIRAw/+ThMNQA0TEw1ADRMTDUANExMNQA0TeQMAISYmIf0AHkIcHSAgHRxCHhkNExMNQA0TEw1AAQANExMNAUANExMN/sAAAAAWAID/wAOAA8AANwBGAFMAYABtAHoAhwCUAKEArgC7AMgA1QDiAO8A/AEJARYBIwEwAT0BSgAAASMOAyMVMzIWFRQGIyEiJjU0NjsBNSIuAicjNTQ2MzIWHQEUHgIzMj4CPQE0NjMyFh0BBSImNRE0NjMyFhURFAYjNzI2NTQmIyIGFRQWMyciBhUUFjMyNjU0JiM3NCYjIgYVFBYzMjY1FyIGFRQWMzI2NTQmIzMyNjU0JiMiBhUUFjMnMjY1NCYjIgYVFBYzIyIGFRQWMzI2NTQmIzcyNjU0JiMiBhUUFjM3MjY1NCYjIgYVFBYzFSIGFRQWMzI2NTQmIzMyNjU0JiMiBhUUFjMVIgYVFBYzMjY1NCYjFSIGFRQWMzI2NTQmIwcyNjU0JiMiBhUUFjMHMjY1NCYjIgYVFBYzJzI2NTQmIyIGFRQWMxEiBhUUFjMyNjU0JiMXIgYVFBYzMjY1NCYjNyIGFRQWMzI2NTQmIxciBhUUFjMyNjU0JiMDgAIFN1VvPsANExMN/gANExMNwD5vVTcFAiYaGiYoRl01NV1GKCYaGib+gEI+PkJCPj5CMAcJCQcHCQkHYAcJCQcHCQkHEAkHBwkJBwcJEAcJCQcHCQkHIAcJCQcHCQkHIAcJCQcHCQkHIAcJCQcHCQkHIAcJCQcHCQkHIAcJCQcHCQkHBwkJBwcJCQcgBwkJBwcJCQcHCQkHBwkJBwcJCQcHCQkHIAcJCQcHCQkHIAcJCQcHCQkHIAcJCQcHCQkHBwkJBwcJCQcgBwkJBwcJCQcgBwkJBwcJCQcgBwkJBwcJCQcB4D9+ZD+AEw0NExMNDROAP2R+P8AaJiYaoDVdRigoRl01oBomJhrAYF5CAQBCXl5C/wBCXoAJBwcJCQcHCcAJBwcJCQcHCTAHCQkHBwkJB5AJBwcJCQcHCQkHBwkJBwcJIAkHBwkJBwcJCQcHCQkHBwlACQcHCQkHBwkgCQcHCQkHBwkgCQcHCQkHBwkJBwcJCQcHCSAJBwcJCQcHCUAJBwcJCQcHCUAJBwcJCQcHCSAJBwcJCQcHCSAJBwcJCQcHCQEgCQcHCQkHBwkgCQcHCQkHBwkgCQcHCQkHBwkgCQcHCQkHBwkAAAAAAQDA/8ADQAPAAAMAABMRCQHAAoD9gAPA/AAB/wIBAAACAID/wAOAA8AAEAAhAAABIyIGFREUFjsBMjY1ETQmIyEjIgYVERQWOwEyNjURNCYjAWDADRMTDcANExMNAgDADRMTDcANExMNA8ATDfxADRMTDQPADRMTDfxADRMTDQPADRMAAQAAAAAEAAOAACsAAAEiBgc4ATkBByc4ATkBLgEjIgYHDgEVFBYXAR4BMzI2NwE+ATU0JicuASMxAuA6XikfHyleOjppKSgsLCgBfwkXDQ0XCQF/KCwsKClpOgOAKSknJSgsLCgpaTo6aSn+fwkKCgkBgSlpOjppKSgsAAYAAAAABAADgAAEAA8AFAAfAC4AMwAAEzM1IxUlISIGFREhETQmIxMhESERESE1NDYzITIWHQEnISIGFRQWMyEyNjU0JiMFMzUjFYBAQAMA/QA1SwQASzVA/IADgPyAJhoDABomYP5ADRMTDQHADRMTDf2gQEACwEBAwEs1/QADADVL/MACAP4AAkCAGiYmGoCAEw0NExMNDRNAQEAAAAADAAAAAAQAA8AAJAA1AEYAACUiJjURNC4CIyIOAhURFAYjIiY1ETQ+AjMyHgIVERQGIwEzMhYVERQGKwEiJjURNDYzITMyFhURFAYrASImNRE0NjMDwBomPGmLUFCLaTwmGhomUIu7amq7i1AmGv0gQA0TEw1ADRMTDQIAQA0TEw1ADRMTDYAmGgEAUItpPDxpi1D/ABomJhoBAGq7i1BQi7tq/wAaJgEAEw3+wA0TEw0BQA0TEw3+wA0TEw0BQA0TAAAAAQDg/8ADIAPAABoAAAUxIiY1ASMiJjURNDY7AQE0NjMxMhYVERQGIwMADRP+wKANExMNoAFAEw0NExMNQBMNASATDQEADRMBYA0TEw38QA0TAAAAAwAA/8AEAAPAABwAKwBEAAABIgYHFTIeAhUUDgIjFR4BMzI+AjU0LgIjEzQmJxUeARUUBgcVPgE1ASIGFQEjIgYVERQWOwEBFBYzMjY1ETQmIwLSBAkFNFpEJydEWjQFCQQ/blIvL1JuP45bRSQsLCRFW/7ADRP+wKANExMNoAFAEw0OEhIOA0ABATc0WHdERHdYNDcBAT1ojE9PjGg9/oBUgBZNFVQ0NFQVTRaAVAIAEw3+oBMN/wANE/7gDRMTDQPADRMAAAAFAJYAVgNqAyoADAAZAC4AQwBHAAABBhQXFjI3NjQnJiIHFwYiJyY0NzYyFxYUBwEuASIGBw4BFBYXHgEyNjc+ATQmJwMOASImJy4BNDY3PgEyFhceARQGBxM3FwcBeDg4OKA4ODg4oDi1EjYSExMSNhITEwE9S73EvUtLS0tLS73EvUtLS0tLtSVfYl8lJiUlJiVfYl8lJSYmJRdxLZ4CSDigODg4OKA4ODi1ExMSNhITExI2EgGXS0tLS0u9xL1LS0tLS0u9xL1L/eEmJSUmJV9iXyUmJSUmJV9iXyUBgZ4tcQABAAAAAQAABQWM/18PPPUACwQAAAAAANGWXIAAAAAA0ZZcgAAA/8AEAAPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAQAAAEAAAAAAAAAAAAAAAAAAAAOBAAAAAAAAAAAAAAAAgAAAAQAAA4EAACABAAAwAQAAIAEAAAABAAAAAQAAAAEAADgBAAAAAQAAJYAAAAAAAoAFAAeAHICGAIoAloCmALoA0oDdAPYBEoAAAABAAAADgFLABYAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABgAAAAEAAAAAAAIABwBXAAEAAAAAAAMABgAzAAEAAAAAAAQABgBsAAEAAAAAAAUACwASAAEAAAAAAAYABgBFAAEAAAAAAAoAGgB+AAMAAQQJAAEADAAGAAMAAQQJAAIADgBeAAMAAQQJAAMADAA5AAMAAQQJAAQADAByAAMAAQQJAAUAFgAdAAMAAQQJAAYADABLAAMAAQQJAAoANACYcGxheWVyAHAAbABhAHkAZQByVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwcGxheWVyAHAAbABhAHkAZQBycGxheWVyAHAAbABhAHkAZQByUmVndWxhcgBSAGUAZwB1AGwAYQBycGxheWVyAHAAbABhAHkAZQByRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype");
  font-weight: normal;
  font-style: normal; }
i.player-icon {
  font-family: 'player';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

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

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

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

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

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

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

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

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

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

.rangeslider,
.rangeslider__fill {
  background: #9C9C9D;
  display: block;
  height: 20px;
  width: 100%;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 10px; }

.rangeslider {
  position: relative; }

.rangeslider--disabled {
  opacity: .4; }

.rangeslider__fill {
  background: #E41B20;
  position: absolute;
  top: 0; }

.rangeslider__handle {
  background: white;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0px;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  border-radius: 50%; }
  .rangeslider__handle:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    border-radius: 50%; }
  .rangeslider__handle:active {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); }

input[type="range"]:focus + .rangeslider .rangeslider__handle {
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); }

/* layout */
.playlist-ui, .player-ui {
  display: block;
  float: left;
  height: 238px; }

.stream-ui {
  width: 100%;
  background: #FAFBFD; }
  .stream-ui:after {
    content: "";
    display: table;
    clear: both; }

.player-ui {
  width: 43%;
  background: #B3E5F6;
  padding: 20px; }

.playlist-ui {
  width: 57%;
  padding-top: 0; }

.state-button a {
  width: 160px;
  height: 160px;
  border-radius: 80px;
  display: block;
  margin: 0 auto;
  position: relative;
  background: #4FB1DC;
  color: #fff;
  text-decoration: none;
  -webkit-transition: background-color 0.55s ease-in-out;
  -moz-transition: background-color 0.55s ease-in-out;
  transition: background-color 0.55s ease-in-out; }
  .state-button a:before {
    -webkit-transition: font-size 0.3s ease-out;
    -moz-transition: font-size 0.3s ease-out;
    transition: font-size 0.3s ease-out;
    line-height: 160px;
    font-size: 80px; }
  .state-button a:before {
    width: 100%;
    font-family: 'player';
    position: absolute;
    left: 9px;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    content: "\e602"; }
  .state-button a:hover, .state-button a:active {
    background-color: #E41B20; }
  .state-button a.state-playing:before {
    left: 0;
    content: "\e603"; }

.playlist-header {
  margin: 0;
  background: #4E4F50;
  color: #fff;
  font: 24px/1em 'Oswald';
  padding: 15px 20px; }

.playlist {
  margin: 0;
  padding: 0; }

.playlist-item {
  padding: 0; }
  .playlist-item a {
    position: relative;
    display: block;
    padding: 15px 20px;
    text-decoration: none;
    text-transform: uppercase;
    color: #4e4f50;
    font-size: 0.9em;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
    .playlist-item a:before {
      display: block;
      box-sizing: content-box;
      content: '';
      overflow: hidden;
      width: 0;
      height: 0;
      position: absolute;
      right: 100%;
      top: 0;
      border-top: 23px solid transparent;
      border-bottom: 23px solid transparent;
      -webkit-transition: all 0.25s ease-out;
      -moz-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      border-right: 0px solid #E41B20;
      z-index: 500; }
  .playlist-item:nth-child(2n) a {
    background: #d0d0d1; }
  .playlist-item a:hover, .playlist-item a:visited {
    background: #4FB1DC;
    color: #fff; }
  .playlist-item.selected a {
    background: #E41B20;
    color: #fff; }
    .playlist-item.selected a:before {
      border-right: 20px solid #E41B20; }

.love-cta {
  border-top: 3px solid #4E4F50; }
  .love-cta i {
    color: #E41B20;
    text-decoration: none;
    -webkit-transition: color 0.35s ease-out;
    -moz-transition: color 0.35s ease-out;
    transition: color 0.35s ease-out;
    font-size: 26px;
    line-height: 1.5em;
    vertical-align: sub; }
  .love-cta a {
    text-align: center;
    font: 18px/3em 'Oswald', 'arial narrow', sans-serif;
    display: block;
    background: #4FB1DC;
    -webkit-transition: background-color 0.35s ease-out;
    -moz-transition: background-color 0.35s ease-out;
    transition: background-color 0.35s ease-out;
    color: #fff;
    padding: 0 20px;
    text-decoration: none; }
    .love-cta a:hover, .love-cta a:active {
      background: #E41B20; }
      .love-cta a:hover i, .love-cta a:active i {
        color: #fff; }

.volume-slider {
  padding-left: 1.5em;
  padding: 5px 5px 5px 1.5em;
  border-radius: 15px;
  background: #EFF0F1;
  width: 80%;
  margin: 15px auto 0;
  position: relative; }
  .volume-slider:before {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    font: 15px/20px 'player';
    content: "\e608"; }

.archive-player-ui .player-ui {
  height: auto;
  width: 100%;
  float: none; }
  .archive-player-ui .player-ui:after {
    content: "";
    display: table;
    clear: both; }
  .archive-player-ui .player-ui .state-button, .archive-player-ui .player-ui .volume-slider {
    display: block;
    float: left; }
  .archive-player-ui .player-ui .state-button {
    width: 25%; }
  .archive-player-ui .player-ui .state-button a {
    width: 72px;
    height: 72px;
    border-radius: 36px; }
    .archive-player-ui .player-ui .state-button a:before {
      left: 4px; }
    .archive-player-ui .player-ui .state-button a.state-playing:before {
      left: 0; }
    .archive-player-ui .player-ui .state-button a:before {
      -webkit-transition: font-size 0.3s ease-out;
      -moz-transition: font-size 0.3s ease-out;
      transition: font-size 0.3s ease-out;
      line-height: 72px;
      font-size: 36px; }
  .archive-player-ui .player-ui .volume-slider {
    margin-top: 22px;
    width: 75%; }
.archive-player-ui .playlist-ui {
  height: auto;
  width: 100%;
  float: none; }
  .archive-player-ui .playlist-ui .playlist-item:before {
    display: none; }
.archive-player-ui .playlist-item:nth-child(2n) a {
  background: #d0d0d1; }
.archive-player-ui .playlist-item:nth-child(2n+1) a {
  background: #eaeaea; }
.archive-player-ui .playlist-item.selected a {
  background: #E41B20; }
.archive-player-ui .playlist-item.selected a:before {
  display: inline;
  position: static;
  height: auto;
  width: auto;
  border: none;
  font-family: 'player';
  content: "\e608  "; }

.archive-player-ui-window .love-cta {
  display: none; }

.playlist-selector-ui {
  margin: 0;
  background: #4E4F50;
  color: #fff;
  font: 16px/1em 'Oswald';
  padding: 15px 20px; }
  .playlist-selector-ui select {
    width: 100%; }
  .playlist-selector-ui label {
    display: block;
    padding-bottom: 5px; }

.progress-ui-container {
  clear: both;
  padding-top: 10px; }

.progressbar-ui {
  position: relative;
  overflow: hidden;
  height: 10px;
  border-radius: 5px;
  width: 100%;
  background: #eee;
  box-shadow: inset 2px 2px 1px #ccc; }

.progressbar-state-ui {
  position: absolute;
  left: 0;
  top: 0;
  height: 10px;
  background: #E41B20; }

@media print {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Print Stylesheet
  
  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.
  
  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }