/******************************************************************
Site Name: On The Water
Author: Sean Megan

Stylesheet: Main Stylesheet

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 v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/* line 22, ../scss/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
/* line 32, ../scss/_normalize.scss */
audio,
canvas,
video {
  display: inline-block;
}

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

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

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 66, ../scss/_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
/* line 76, ../scss/_normalize.scss */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
/* line 88, ../scss/_normalize.scss */
a {
  background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 96, ../scss/_normalize.scss */
a:focus {
  outline: thin dotted;
}

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

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

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
/* line 127, ../scss/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

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

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 144, ../scss/_normalize.scss */
dfn {
  font-style: italic;
}

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

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

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/* line 174, ../scss/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 183, ../scss/_normalize.scss */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
/* line 191, ../scss/_normalize.scss */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

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

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

/* line 215, ../scss/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 219, ../scss/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/* line 231, ../scss/_normalize.scss */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 239, ../scss/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* line 251, ../scss/_normalize.scss */
figure {
  margin: 0;
}

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

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

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
/* line 288, ../scss/_normalize.scss */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

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

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 312, ../scss/_normalize.scss */
button,
select {
  text-transform: none;
}

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

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

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
/* line 347, ../scss/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/* line 371, ../scss/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 390, ../scss/_normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 403, ../scss/_normalize.scss */
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.
******************************************************************/
/* line 416, ../scss/_normalize.scss */
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

/* line 423, ../scss/_normalize.scss */
b, strong, .strong {
  font-weight: bold;
}

/* line 425, ../scss/_normalize.scss */
dfn, em, .em {
  font-style: italic;
}

/* line 427, ../scss/_normalize.scss */
small, .small {
  font-size: 75%;
}

/* line 429, ../scss/_normalize.scss */
ul, ol {
  padding: 0;
  list-style-type: none;
}

/* line 434, ../scss/_normalize.scss */
dd {
  margin: 0;
}

/* line 440, ../scss/_normalize.scss */
.sidebar ul,
.sidebar ol,
.commentlist {
  list-style: none;
}

/******************************************************************
Site Name: On The Water
Author: Sean Megan

Stylesheet: Mixins & Constants Stylesheet

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

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

******************************************************************/
/*********************
CLEARFIXIN'
*********************/
/* line 23, ../scss/_mixins.scss */
.clearfix {
  zoom: 1;
}
/* line 25, ../scss/_mixins.scss */
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
/* line 26, ../scss/_mixins.scss */
.clearfix:after {
  clear: both;
}

/*********************
TOOLS
*********************/
/* line 34, ../scss/_mixins.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 41, ../scss/_mixins.scss */
.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;
	}
*/
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot");
  src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'oswaldbook';
  src: url("../fonts/otw-oswald-regular-webfont.eot");
  src: url("../fonts/otw-oswald-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/otw-oswald-regular-webfont.woff") format("woff"), url("../fonts/otw-oswald-regular-webfont.ttf") format("truetype"), url("../fonts/otw-oswald-regular-webfont.svg#oswaldbook") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'alegreyablack';
  src: url("../fonts/alegreya-black-webfont.eot");
  src: url("../fonts/alegreya-black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreya-black-webfont.woff") format("woff"), url("../fonts/alegreya-black-webfont.ttf") format("truetype"), url("../fonts/alegreya-black-webfont.svg#alegreyablack") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'alegreyabold';
  src: url("../fonts/alegreya-bold-webfont.eot");
  src: url("../fonts/alegreya-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreya-bold-webfont.woff") format("woff"), url("../fonts/alegreya-bold-webfont.ttf") format("truetype"), url("../fonts/alegreya-bold-webfont.svg#alegreyabold") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
/* line 173, ../scss/_mixins.scss */
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic;
}

/* line 179, ../scss/_mixins.scss */
.text-left {
  text-align: left;
}

/* line 180, ../scss/_mixins.scss */
.text-center {
  text-align: center;
}

/* line 181, ../scss/_mixins.scss */
.text-right {
  text-align: right;
}

/* line 184, ../scss/_mixins.scss */
blockquote {
  display: block;
  margin: 0.75em 1em;
  position: relative;
  padding: 0 20px;
  border-left: 4px solid #9f1521;
  font-size: 1.25em;
  /*:before {
    display: block;
    position: absolute;
    left: -8px;
    top: -3px;
    content: "\201C";
    font-size: 3em;
    color: #444;
  }*/
}

/* line 203, ../scss/_mixins.scss */
.alert-help, .alert-info, .alert-error, .alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
}

/* line 209, ../scss/_mixins.scss */
.alert-help {
  border-color: #e8dc59;
  background: #ebe16f;
}

/* line 215, ../scss/_mixins.scss */
.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8;
}

/* line 221, ../scss/_mixins.scss */
.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4;
}

/* line 227, ../scss/_mixins.scss */
.alert-success {
  border-color: #deeaae;
  background: #e6efc2;
}

/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/* @include radial-gradient(#fff, 0%, #000, 100%); */
/*********************
Opacity
*********************/
/*********************
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? */
/*********************
BORDER RADIUS
*********************/
/* @include border-radius(10px); */
/*********************
BUTTONS
*********************/
/* line 317, ../scss/_mixins.scss */
.button, .button:visited {
  display: inline-block;
  font-family: "oswaldbook", Helvetica, Arial, sans-serif;
  font-size: 0.75em;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 1px solid #640d15;
  border-top-color: #7f111a;
  border-left-color: #7f111a;
  padding: 12px;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  background-color: #88121c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#9f1521), to(#88121c));
  background-image: -webkit-linear-gradient(top, #9f1521, #88121c);
  background-image: -moz-linear-gradient(top, #9f1521, #88121c);
  background-image: -o-linear-gradient(top, #9f1521, #88121c);
  background-image: linear-gradient(to bottom, #9f1521, #88121c);
}
/* line 334, ../scss/_mixins.scss */
.button:hover, .button:focus, .button:visited:hover, .button:visited:focus {
  color: #fff;
  border: 1px solid #640d15;
  border-top-color: #45090e;
  border-left-color: #45090e;
  background-color: #720f18;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#88121c), to(#720f18));
  background-image: -webkit-linear-gradient(top, #88121c, #720f18);
  background-image: -moz-linear-gradient(top, #88121c, #720f18);
  background-image: -o-linear-gradient(top, #88121c, #720f18);
  background-image: linear-gradient(to bottom, #88121c, #720f18);
}
/* line 342, ../scss/_mixins.scss */
.button:active, .button:visited:active {
  background-color: #9f1521;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#88121c), to(#9f1521));
  background-image: -webkit-linear-gradient(top, #88121c, #9f1521);
  background-image: -moz-linear-gradient(top, #88121c, #9f1521);
  background-image: -o-linear-gradient(top, #88121c, #9f1521);
  background-image: linear-gradient(to bottom, #88121c, #9f1521);
}

/* line 347, ../scss/_mixins.scss */
.blue-button, .blue-button:visited {
  border-color: #06293d;
  text-shadow: 0 1px 1px #06293d;
  background-color: #083855;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0a486c), to(#083855));
  background-image: -webkit-linear-gradient(top, #0a486c, #083855);
  background-image: -moz-linear-gradient(top, #0a486c, #083855);
  background-image: -o-linear-gradient(top, #0a486c, #083855);
  background-image: linear-gradient(to bottom, #0a486c, #083855);
  box-shadow: inset 0 0 3px #117ab7;
}
/* line 353, ../scss/_mixins.scss */
.blue-button:hover, .blue-button:focus, .blue-button:visited:hover, .blue-button:visited:focus {
  border-color: #041926;
  background-color: #06293d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#083c59), to(#06293d));
  background-image: -webkit-linear-gradient(top, #083c59, #06293d);
  background-image: -moz-linear-gradient(top, #083c59, #06293d);
  background-image: -o-linear-gradient(top, #083c59, #06293d);
  background-image: linear-gradient(to bottom, #083c59, #06293d);
}
/* line 357, ../scss/_mixins.scss */
.blue-button:active, .blue-button:visited:active {
  background-color: #0a486c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#083855), to(#0a486c));
  background-image: -webkit-linear-gradient(top, #083855, #0a486c);
  background-image: -moz-linear-gradient(top, #083855, #0a486c);
  background-image: -o-linear-gradient(top, #083855, #0a486c);
  background-image: linear-gradient(to bottom, #083855, #0a486c);
}

/* line 362, ../scss/_mixins.scss */
.white-button, .white-button:visited {
  color: #2d2d2d;
  border-color: #e6e6e6;
  text-shadow: 0 1px 1px #e6e6e6;
  background-color: #f2f2f2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, white, #f2f2f2);
  background-image: -moz-linear-gradient(top, white, #f2f2f2);
  background-image: -o-linear-gradient(top, white, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  box-shadow: inset 0 0 3px #d6d6d6;
}
/* line 369, ../scss/_mixins.scss */
.white-button:hover, .white-button:focus, .white-button:visited:hover, .white-button:visited:focus {
  color: #2d2d2d;
  border-color: #d9d9d9;
  background-color: #e6e6e6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(whitesmoke), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, whitesmoke, #e6e6e6);
  background-image: -moz-linear-gradient(top, whitesmoke, #e6e6e6);
  background-image: -o-linear-gradient(top, whitesmoke, #e6e6e6);
  background-image: linear-gradient(to bottom, #f5f5f5, #e6e6e6);
}
/* line 374, ../scss/_mixins.scss */
.white-button:active, .white-button:visited:active {
  background-color: white;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(white));
  background-image: -webkit-linear-gradient(top, #f2f2f2, white);
  background-image: -moz-linear-gradient(top, #f2f2f2, white);
  background-image: -o-linear-gradient(top, #f2f2f2, white);
  background-image: linear-gradient(to bottom, #f2f2f2, #ffffff);
}

/*
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*/
/******************************************************************
Site Name: On The Water	
Author: Sean Megan

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
*********************/
/* line 18, ../scss/_base.scss */
body {
  font-family: "Georgia", Cambria, Times New Roman, Times, serif;
  font-size: 100%;
  line-height: 1.5625;
  color: #2d2d2d;
}

/********************
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
*********************/
/* line 70, ../scss/_base.scss */
.wrap {
  width: 96%;
  margin: 0 auto;
}

/*********************
LINK STYLES
*********************/
/* line 79, ../scss/_base.scss */
a, a:visited {
  color: #9f1521;
  /* on hover */
  /* on click */
  /* mobile tap color */
}
/* line 83, ../scss/_base.scss */
a:hover, a:focus, a:visited:hover, a:visited:focus {
  color: #761019;
}
/* line 93, ../scss/_base.scss */
a:link, a:visited:link {
  /*
  this highlights links on iPhones/iPads.
  so it basically works like the :hover selector
  for mobile devices.
  */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
/* line 107, ../scss/_base.scss */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: "Georgia", Cambria, Times New Roman, Times, serif;
  text-rendering: optimizelegibility;
  font-weight: normal;
  color: #0a486c;
  /* removing text decoration from all headline links */
}
/* line 114, ../scss/_base.scss */
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none;
}

/* line 119, ../scss/_base.scss */
h1, .h1 {
  font-size: 1.85em;
  line-height: 1.333em;
}

/* line 124, ../scss/_base.scss */
h2, .h2 {
  font-size: 1.65em;
  line-height: 1.4em;
  margin-bottom: 0.375em;
}

/* line 130, ../scss/_base.scss */
h3, .h3 {
  font-size: 1.5em;
  line-height: 1.25;
}

/* line 135, ../scss/_base.scss */
h4, .h4 {
  font-size: 1.1em;
}

/* line 139, ../scss/_base.scss */
h5, .h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/*********************
HEADER STYLES
*********************/
/* line 152, ../scss/_base.scss */
#otw-leaderboard {
  max-width: 748px;
  max-height: 110px;
  padding: 0.625em;
  margin-left: auto;
  margin-right: auto;
}
/* line 159, ../scss/_base.scss */
#otw-leaderboard img, #otw-leaderboard iframe, #otw-leaderboard object, #otw-leaderboard embed {
  max-width: 100%;
  height: auto;
}
/* line 165, ../scss/_base.scss */
#otw-leaderboard iframe img, #otw-leaderboard object img, #otw-leaderboard embed img {
  max-width: 100%;
  height: auto;
}

/* line 173, ../scss/_base.scss */
#otw-head {
  clear: both;
}
/* line 176, ../scss/_base.scss */
#otw-head .otw-headleft {
  display: inline-block;
  width: 100%;
}
/* line 180, ../scss/_base.scss */
#otw-head .otw-headleft img#otw-logo {
  display: block;
  max-width: 80%;
  margin: 0 auto;
}
/* line 186, ../scss/_base.scss */
#otw-head .otw-headright {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
/* line 192, ../scss/_base.scss */
#otw-head .otw-headright #dsksearch {
  margin-top: 10px;
}
/* line 197, ../scss/_base.scss */
#otw-head .otw-headright #dsknav {
  display: inline-block;
  max-width: 80%;
  margin: 0 auto;
}
/* line 201, ../scss/_base.scss */
#otw-head .otw-headright #dsknav ul {
  width: 100%;
}
/* line 203, ../scss/_base.scss */
#otw-head .otw-headright #dsknav ul li {
  display: inline-block;
  text-align: center;
  padding-left: 12px;
}
/* line 210, ../scss/_base.scss */
#otw-head .otw-headright #dsknav ul li:first-child {
  padding-left: 0;
}
/* line 219, ../scss/_base.scss */
#otw-head #mblnav {
  width: 440px;
  max-width: 100%;
  margin: 0 auto;
}

/*********************
SEARCH STYLES
*********************/
/* line 230, ../scss/_base.scss */
.otw-search-form {
  border: 1px solid #999;
  height: 35px;
  width: 200px;
  font-family: "oswaldbook", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  padding-left: 5px;
}

/* line 240, ../scss/_base.scss */
.otw-search-button, .otw-search-button:visited {
  -moz-appearance: none;
  font-family: "oswaldbook", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 0;
  height: 35px;
  color: white;
  font-size: 12px;
  line-height: 1;
  background-color: #88121c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#9f1521), to(#88121c));
  background-image: -webkit-linear-gradient(top, #9f1521, #88121c);
  background-image: -moz-linear-gradient(top, #9f1521, #88121c);
  background-image: -o-linear-gradient(top, #9f1521, #88121c);
  background-image: linear-gradient(to bottom, #9f1521, #88121c);
}
/* line 253, ../scss/_base.scss */
.otw-search-button:hover, .otw-search-button:focus, .otw-search-button:visited:hover, .otw-search-button:visited:focus {
  border-top-color: #45090e;
  border-left-color: #45090e;
  background-color: #720f18;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#88121c), to(#720f18));
  background-image: -webkit-linear-gradient(top, #88121c, #720f18);
  background-image: -moz-linear-gradient(top, #88121c, #720f18);
  background-image: -o-linear-gradient(top, #88121c, #720f18);
  background-image: linear-gradient(to bottom, #88121c, #720f18);
}
/* line 259, ../scss/_base.scss */
.otw-search-button:active, .otw-search-button:visited:active {
  background-color: #9f1521;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#88121c), to(#9f1521));
  background-image: -webkit-linear-gradient(top, #88121c, #9f1521);
  background-image: -moz-linear-gradient(top, #88121c, #9f1521);
  background-image: -o-linear-gradient(top, #88121c, #9f1521);
  background-image: linear-gradient(to bottom, #88121c, #9f1521);
}

/* line 265, ../scss/_base.scss */
.screen-reader-text {
  display: none;
  margin: 0;
}

/*********************
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.
*/
/* line 283, ../scss/_base.scss */
.nav {
  list-style: none;
  /* end .menu li */
  /* highlight current page */
  /* end current highlighters */
}
/* line 286, ../scss/_base.scss */
.nav li {
  float: left;
  position: relative;
}
/* line 290, ../scss/_base.scss */
.nav li a {
  font-family: "oswaldbook", Helvetica, Arial, sans-serif;
  text-rendering: optimizelegibility;
  font-size: 0.75em;
  line-height: 1;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  /*
  remember this is for mobile ONLY, so there's no need
  to even declare hover styles here, you can do it in
  the style.scss file where it's relevant. We want to
  keep this file as small as possible!
  */
}
/* line 319, ../scss/_base.scss */
.nav li ul.sub-menu li,
.nav li ul.children li {
  display: none;
}
/* line 321, ../scss/_base.scss */
.nav li ul.sub-menu li a,
.nav li ul.children li a {
  display: none;
}

/* end .nav */
/* line 353, ../scss/_base.scss */
ul.cat-nav {
  clear: both;
  margin: 0;
}
/* line 357, ../scss/_base.scss */
ul.cat-nav li {
  display: inline-block;
  background-color: #0a486c;
  text-align: center;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  padding-top: 15px;
  padding-bottom: 10px;
  width: 49.95%;
}
/* line 367, ../scss/_base.scss */
ul.cat-nav li a {
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  color: #fff;
}
/* line 375, ../scss/_base.scss */
ul.cat-nav li:hover, ul.cat-nav li:focus {
  background-color: #fff;
  color: #9f1521;
}
/* line 379, ../scss/_base.scss */
ul.cat-nav li:hover a, ul.cat-nav li:focus a {
  color: #9f1521;
}
/* line 382, ../scss/_base.scss */
ul.cat-nav li:first-child {
  width: 100%;
}

/*********************
POSTS & CONTENT STYLES
*********************/
/* line 393, ../scss/_base.scss */
#content {
  margin-top: 1em;
}

/* line 399, ../scss/_base.scss */
.otw-post img {
  max-width: 100%;
  height: auto;
  margin-bottom: 0.5em;
}

/* line 405, ../scss/_base.scss */
.post-family {
  line-height: 1;
  margin-top: 0;
  margin-bottom: 0.5em;
  padding: 0;
}
/* line 411, ../scss/_base.scss */
.post-family a {
  font-family: "oswaldbook", Helvetica, Arial, sans-serif;
  font-size: 0.75em;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
}

/* line 416, ../scss/_base.scss */
.otw-featured-post {
  margin-bottom: 0;
  padding-bottom: 0;
  text-align: center;
}

/* line 421, ../scss/_base.scss */
.otw-featured-image {
  position: relative;
}
/* line 423, ../scss/_base.scss */
.otw-featured-image img {
  max-height: 425px;
  max-width: 100%;
  height: auto;
}

/* line 430, ../scss/_base.scss */
.otw-featured-title {
  font-size: 2em;
  font-weight: bold;
}
/* line 434, ../scss/_base.scss */
.otw-featured-title a:hover, .otw-featured-title a:focus {
  color: #0a486c;
  text-decoration: underline;
}

/* line 439, ../scss/_base.scss */
.otw-featured-subtitle {
  font-size: 1.25em;
  line-height: 1.5;
  color: #333;
  padding: 2px 0 5px;
}

/* line 445, ../scss/_base.scss */
#otw-single-video-box {
  margin-bottom: 0.75em;
}

/* line 448, ../scss/_base.scss */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

/* line 457, ../scss/_base.scss */
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 464, ../scss/_base.scss */
.vimeo {
  padding-top: 0;
}

/* line 469, ../scss/_base.scss */
.episode-info table {
  margin: 0.5em 0;
  font-family: "oswaldbook", Helvetica, Arial, sans-serif;
  font-size: 0.75em;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #999;
}
/* line 475, ../scss/_base.scss */
.episode-info table tr td.episode-meta {
  color: #444;
  padding-right: 0.75em;
}
/* line 479, ../scss/_base.scss */
.episode-info table tr a {
  text-decoration: none;
}

/* line 484, ../scss/_base.scss */
.otw-slideshow-image {
  position: relative;
  max-width: 750px;
}
/* line 487, ../scss/_base.scss */
.otw-slideshow-image img {
  max-width: 100%;
  height: auto;
}

/* end .hentry */
/* line 501, ../scss/_base.scss */
.otw-page-header {
  text-align: center;
  border-bottom: 1px solid #e3e3e3;
  display: block;
  margin-bottom: 1.5em;
}
/* line 506, ../scss/_base.scss */
.otw-page-header p {
  margin: 0.75em 0;
}

/* line 514, ../scss/_base.scss */
#forecast-page-header {
  text-align: center;
}
/* line 516, ../scss/_base.scss */
#forecast-page-header p {
  margin: 0.75em 0;
}

/* line 520, ../scss/_base.scss */
#fishing-forecast-map {
  max-width: 100%;
}
/* line 523, ../scss/_base.scss */
#fishing-forecast-map #fishidy_map_widget {
  width: 100%;
}

/* line 527, ../scss/_base.scss */
#fishidy-banner-ad {
  text-align: center;
}

/* line 530, ../scss/_base.scss */
.otw-regional-archive-link {
  text-align: right;
}
/* line 532, ../scss/_base.scss */
.otw-regional-archive-link a {
  font-family: "oswaldbook", Helvetica, Arial, sans-serif;
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: normal;
  text-decoration: none;
}

/* line 541, ../scss/_base.scss */
.otw-forecast-buttons {
  width: 100%;
  clear: both;
}

/* line 545, ../scss/_base.scss */
.otw-forecast-home-btn {
  display: block;
  max-width: 480px;
  width: 100%;
  margin: 0;
  padding: 0 3px 6px 3px;
  float: left;
}
/* line 553, ../scss/_base.scss */
.otw-forecast-home-btn img {
  display: block;
  font-size: 0;
}

/* line 558, ../scss/_base.scss */
.otw-section-title {
  display: block;
  margin-bottom: 0.75em;
  padding: 8px 0 6px 0;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  font-size: 1.125em;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  line-height: 1;
}

/* line 571, ../scss/_base.scss */
.article-header h1, .article-header h2, .article-header .h2, .article-header .h3 {
  margin: 0;
}
/* line 573, ../scss/_base.scss */
.article-header h1 a, .article-header h2 a, .article-header .h2 a, .article-header .h3 a {
  color: #0a486c;
}

/* 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 */
/* line 589, ../scss/_base.scss */
.byline {
  color: #999;
  font-family: "oswaldbook", Helvetica, Arial, sans-serif;
  font-size: 0.75em;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 0.3em;
  margin-bottom: 0;
}
/* line 595, ../scss/_base.scss */
.byline a {
  text-decoration: none;
}

/* line 601, ../scss/_base.scss */
.otw-share-buttons {
  margin-top: 5px;
  padding: 5px 0;
  border-top: 1px solid #e3e3e3;
}

/* line 607, ../scss/_base.scss */
ul.otw-magazine-home-menu {
  list-style: none;
  border-top: 1px solid #e3e3e3;
  margin: 0;
  text-align: center;
}
/* line 613, ../scss/_base.scss */
ul.otw-magazine-home-menu li {
  display: inline-block;
  padding: 5px 10px 5px 0;
}
/* line 617, ../scss/_base.scss */
ul.otw-magazine-home-menu li:last-child {
  padding-right: 0;
}
/* line 621, ../scss/_base.scss */
ul.otw-magazine-home-menu li a {
  text-decoration: none;
  font-family: "oswaldbook", Helvetica, Arial, sans-serif;
  font-size: 0.75em;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* line 628, ../scss/_base.scss */
.otw-magazine-ne-block {
  display: block;
  width: 100%;
  margin-bottom: 1.5em;
  border-bottom: 1px solid #e3e3e3;
}
/* line 634, ../scss/_base.scss */
.otw-magazine-ne-block h2, .otw-magazine-ne-block h3 {
  margin-top: 0;
  line-height: 1;
}

/* line 639, ../scss/_base.scss */
.otw-magazine-nynj-block {
  display: block;
  width: 100%;
}
/* line 644, ../scss/_base.scss */
.otw-magazine-nynj-block h2, .otw-magazine-nynj-block h3 {
  margin-top: 0;
  line-height: 1;
}

/* entry content */
/* line 650, ../scss/_base.scss */
.entry-content {
  margin-bottom: 1.5em;
  /*
  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.
  */
}
/* line 685, ../scss/_base.scss */
.entry-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em;
}
/* line 692, ../scss/_base.scss */
.entry-content img {
  margin: 0 0 1.5em 0;
  max-width: 100%;
  height: auto;
}
/* line 708, ../scss/_base.scss */
.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto;
}
/* line 713, ../scss/_base.scss */
.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px;
}

/* end .entry-content */
/* line 720, ../scss/_base.scss */
p.error-message {
  font-weight: bold;
  color: #fbe3e4;
}

/* line 724, ../scss/_base.scss */
.form-item {
  display: block;
  width: 100%;
  margin-bottom: 1em;
}

/* line 730, ../scss/_base.scss */
.wp-caption {
  max-width: 100%;
  padding: 5px;
  /* images inside wp-caption */
}
/* line 735, ../scss/_base.scss */
.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}
/* line 741, ../scss/_base.scss */
.wp-caption p.wp-caption-text {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.75em;
  color: black;
  margin: 0px 0 7px;
  text-align: center;
}

/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
/* line 776, ../scss/_base.scss */
.otw-related-block {
  width: 100%;
  clear: both;
  margin: 0 0 1.5em;
}
/* line 781, ../scss/_base.scss */
.otw-related-block .otw-related-post {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 2em;
}

/* line 787, ../scss/_base.scss */
.otw-video-page-header {
  padding: 10px;
  border-top: 5px solid #0a486c;
  border-bottom: 5px solid #0a486c;
  margin: 0 0 15px;
}
/* line 792, ../scss/_base.scss */
.otw-video-page-header h2 {
  text-align: center;
  font-size: 36px;
  line-height: 1;
  margin: 0;
  padding: 0;
}

/* line 800, ../scss/_base.scss */
.otw-video-box {
  display: block;
  width: 100%;
  background-color: #000;
}
/* line 805, ../scss/_base.scss */
.otw-video-box .otw-player {
  display: block;
  width: 100%;
}
/* line 808, ../scss/_base.scss */
.otw-video-box .otw-player #otw-single-video-box {
  margin-bottom: 0;
}
/* line 813, ../scss/_base.scss */
.otw-video-box .otw-video-info {
  display: block;
  width: 100%;
  padding: 25px;
  color: #ddd;
}
/* line 821, ../scss/_base.scss */
.otw-video-box .otw-video-info .otw-video-desc h1 {
  color: #0a486c;
}
/* line 824, ../scss/_base.scss */
.otw-video-box .otw-video-info .otw-video-desc .otw-video-desc-footer {
  margin-top: 30px;
}
/* line 828, ../scss/_base.scss */
.otw-video-box .otw-video-info .otw-video-adspace {
  margin-top: 20px;
  display: block;
  width: 100%;
}
/* line 833, ../scss/_base.scss */
.otw-video-box .otw-video-info .otw-video-adspace img {
  display: block;
  width: 300px;
  max-width: 100%;
  margin: 0 auto;
}

/* line 844, ../scss/_base.scss */
#vid-full-text {
  display: none;
  padding-top: 40px;
  margin-top: -20px;
}

/* line 854, ../scss/_base.scss */
.otw-relvid-grid {
  width: 100%;
  clear: both;
}

/* line 859, ../scss/_base.scss */
.otw-relvid-list {
  overflow: hidden;
}
/* line 862, ../scss/_base.scss */
.otw-relvid-list li {
  width: 100%;
  padding-bottom: 12px;
}
/* line 867, ../scss/_base.scss */
.otw-relvid-list li .otw-relvid-thumb {
  width: 100%;
  position: relative;
}
/* line 871, ../scss/_base.scss */
.otw-relvid-list li .otw-relvid-thumb .otw-video-tags {
  position: absolute;
  top: 15px;
  left: 15px;
}
/* line 876, ../scss/_base.scss */
.otw-relvid-list li .otw-relvid-thumb .otw-video-tags .video-tag {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  padding: 8px;
  background-color: #0a486c;
  margin: 0 8px 0 0;
  font-family: "oswaldbook", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  line-height: 12px;
}
/* line 888, ../scss/_base.scss */
.otw-relvid-list li .otw-relvid-thumb .otw-video-tags .video-tag:hover {
  background-color: #9f1521;
}
/* line 893, ../scss/_base.scss */
.otw-relvid-list li .otw-relvid-thumb h4 {
  position: absolute;
  margin: 0;
  padding: 0 15px 0 0;
  font-size: 18px;
  bottom: 15px;
  left: 15px;
  color: #fff;
}
/* line 902, ../scss/_base.scss */
.otw-relvid-list li .otw-relvid-thumb a.otw-video-thumb-title {
  padding: 0;
  margin: 0;
  font-size: 18px;
  color: #fff;
}
/* line 908, ../scss/_base.scss */
.otw-relvid-list li .otw-relvid-thumb .color-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 20%, black 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(20%, rgba(0, 0, 0, 0)), color-stop(100%, black));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 20%, black 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 20%, black 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 20%, black 100%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 20%, #000000 100%);
}
/* line 918, ../scss/_base.scss */
.otw-relvid-list img {
  display: block;
  width: 100%;
}

/* line 923, ../scss/_base.scss */
a.otw-tag {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  padding: 8px;
  background-color: #000;
  margin: 0 8px 0 0;
  font-family: "oswaldbook", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  line-height: 12px;
}
/* line 935, ../scss/_base.scss */
a.otw-tag:hover {
  background-color: #555;
  color: #fff;
}

/* line 940, ../scss/_base.scss */
a.blue-tag {
  background-color: #0a486c;
}
/* line 942, ../scss/_base.scss */
a.blue-tag:hover {
  background-color: #9f1521;
}

/* line 946, ../scss/_base.scss */
a.red-tag {
  background-color: #9f1521;
}
/* line 948, ../scss/_base.scss */
a.red-tag:hover {
  background-color: #0a486c;
}

/* line 954, ../scss/_base.scss */
.otw-events-widget .otw-event-post {
  padding: 0;
  margin-bottom: 0.75em;
  border-bottom: 1px solid #e3e3e3;
  line-height: 1;
}
/* line 960, ../scss/_base.scss */
.otw-events-widget .otw-event-post h2, .otw-events-widget .otw-event-post .h5 {
  margin: 0 0 1em;
  padding: 0;
  line-height: 1.25em;
}
/* line 965, ../scss/_base.scss */
.otw-events-widget .otw-event-post p {
  margin: 0 0 0.5em;
}

/* line 970, ../scss/_base.scss */
.otw-trending-posts-widget {
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e3e3;
}
/* line 974, ../scss/_base.scss */
.otw-trending-posts-widget .otw-trending-post {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0 0 10px 0;
  clear: both;
}
/* line 981, ../scss/_base.scss */
.otw-trending-posts-widget .otw-trending-post .otw-trending-thumb {
  display: table-cell;
  width: 40%;
  vertical-align: middle;
}
/* line 986, ../scss/_base.scss */
.otw-trending-posts-widget .otw-trending-post .otw-trending-body {
  display: table-cell;
  padding-left: 10px;
  width: 60%;
  vertical-align: middle;
}
/* line 992, ../scss/_base.scss */
.otw-trending-posts-widget .otw-trending-post .otw-trending-body .otw-trending-header {
  margin: 0;
  line-height: 1;
  text-transform: none;
  font-size: 1.125em;
  letter-spacing: normal;
}
/* line 998, ../scss/_base.scss */
.otw-trending-posts-widget .otw-trending-post .otw-trending-body .otw-trending-header a {
  color: #0a486c;
}

/******************************************************************
PAGE NAVI STYLES
******************************************************************/
/* line 1012, ../scss/_base.scss */
#otw-infinite-scroll-load-posts {
  text-align: center;
  margin-bottom: 2.5em;
}

/* line 1017, ../scss/_base.scss */
.pagination,
.wp-prev-next {
  margin: 1.1em 0 2.2em;
}

/* line 1020, ../scss/_base.scss */
.pagination {
  text-align: center;
}
/* line 1022, ../scss/_base.scss */
.pagination ul {
  display: inline-block;
  white-space: nowrap;
  padding: 0;
  clear: both;
  margin: 1px;
}
/* line 1028, ../scss/_base.scss */
.pagination ul li {
  padding: 0;
  margin: 0;
  float: left;
  display: inline;
  overflow: hidden;
}
/* line 1034, ../scss/_base.scss */
.pagination ul li a, .pagination ul li span {
  margin: 0;
  text-decoration: none;
  padding: 0;
  line-height: 1;
  font-size: 1em;
  font-weight: normal;
  padding: .5em;
  min-width: 1em;
  display: block;
}
/* line 1045, ../scss/_base.scss */
.pagination ul li span.current {
  font-weight: bold;
}

/* end .bones_page_navi */
/* fallback previous & next links */
/* line 1060, ../scss/_base.scss */
.wp-prev-next .prev-link {
  float: left;
}
/* line 1064, ../scss/_base.scss */
.wp-prev-next .next-link {
  float: right;
}

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

/* line 1094, ../scss/_base.scss */
.commentlist {
  /* general comment classes */
  /* vcard */
  /* end .commentlist .vcard */
  /* comment meta */
  /* comment content */
  /* end .commentlist .comment_content */
  /* comment reply link */
  /* end .commentlist .comment-reply-link */
}
/* line 1096, ../scss/_base.scss */
.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 0.75em;
  padding: 0.75em 10px;
  /* end .commentlist li ul.children */
}
/* line 1104, ../scss/_base.scss */
.commentlist li:last-child {
  margin-bottom: 0;
}
/* line 1108, ../scss/_base.scss */
.commentlist li ul.children {
  margin: 0 0 0 2em;
  /* variations */
  /* change number for different depth */
}
/* line 1126, ../scss/_base.scss */
.commentlist li[class*=depth-] {
  margin-top: 0.75em;
}
/* line 1130, ../scss/_base.scss */
.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0;
}
/* line 1135, ../scss/_base.scss */
.commentlist li:not(.depth-1) {
  margin-right: -10px;
  margin-left: -10px;
  margin-top: 0;
  padding-bottom: 0;
}
/* line 1149, ../scss/_base.scss */
.commentlist .odd {
  background: #eee;
}
/* line 1152, ../scss/_base.scss */
.commentlist .even {
  background: #fefefe;
}
/* line 1167, ../scss/_base.scss */
.commentlist .vcard {
  margin-left: 50px;
}
/* line 1170, ../scss/_base.scss */
.commentlist .vcard cite.fn {
  font-weight: 700;
  font-style: normal;
}
/* line 1178, ../scss/_base.scss */
.commentlist .vcard time {
  float: right;
}
/* line 1181, ../scss/_base.scss */
.commentlist .vcard time a {
  color: #999;
  text-decoration: none;
}
/* line 1185, ../scss/_base.scss */
.commentlist .vcard time a:hover {
  text-decoration: underline;
}
/* line 1195, ../scss/_base.scss */
.commentlist .vcard img.avatar {
  position: absolute;
  left: 10px;
  padding: 2px;
  border: 1px solid #cecece;
  background: #fff;
}
/* line 1220, ../scss/_base.scss */
.commentlist .comment_content {
  margin-left: 50px;
}
/* line 1223, ../scss/_base.scss */
.commentlist .comment_content p {
  margin: 0.75em 0;
  font-size: 1em;
  line-height: 1.5;
}
/* line 1232, ../scss/_base.scss */
.commentlist .comment-reply-link {
  text-decoration: none;
  float: right;
  background: #9f1521;
  padding: 5px 8px;
  color: #fff;
  opacity: 0.65;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 1em;
}
/* line 1244, ../scss/_base.scss */
.commentlist .comment-reply-link:hover, .commentlist .comment-reply-link:focus {
  opacity: 1;
}

/* end .commentlist */
/******************************************************************
COMMENT FORM STYLES
******************************************************************/
/* line 1256, ../scss/_base.scss */
.respond-form {
  margin: 1.25em 10px;
  padding-bottom: 1.5em;
}
/* line 1260, ../scss/_base.scss */
.respond-form form {
  margin: 0.75em 0;
}
/* line 1263, ../scss/_base.scss */
.respond-form form li {
  list-style-type: none;
  clear: both;
  margin-bottom: 0.7335em;
}
/* line 1269, ../scss/_base.scss */
.respond-form form li label,
.respond-form form li small {
  display: none;
}
/* line 1277, ../scss/_base.scss */
.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 */
}
/* line 1283, ../scss/_base.scss */
.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;
}
/* line 1288, ../scss/_base.scss */
.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;
}
/* line 1301, ../scss/_base.scss */
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url] {
  max-width: 400px;
  min-width: 250px;
}
/* line 1306, ../scss/_base.scss */
.respond-form form textarea {
  resize: none;
  width: 97.3%;
  height: 150px;
}

/* comment submit button */
/* comment form title */
/* line 1319, ../scss/_base.scss */
#comment-form-title {
  margin: 0 0 0.75em;
}

/* cancel comment reply link */
/* logged in comments */
/* no comments */
/* line 1332, ../scss/_base.scss */
.nocomments {
  margin: 0 20px 1.1em;
}

/*********************
SIDEBARS & ASIDES
*********************/
/* line 1343, ../scss/_base.scss */
img {
  max-width: 100%;
  height: auto;
}

/* line 1348, ../scss/_base.scss */
.widgettitle {
  display: block;
  margin-bottom: 0.75em;
  padding: 8px 0 6px 0;
  border-top: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
  font-size: 1.125em;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  line-height: 1;
}

/* line 1365, ../scss/_base.scss */
.widget ul li {
  /* deep nesting */
}
/* line 1371, ../scss/_base.scss */
.widget ul li a {
  text-decoration: none;
}

/* line 1386, ../scss/_base.scss */
.otw-sidebar-ad-widget .otw_primary300_ad, .otw-sidebar-ad-widget .otw_local_ad {
  max-width: 300px;
  margin: 0 auto;
}

/* line 1394, ../scss/_base.scss */
.otw-mobile-ad {
  max-width: 300px;
  margin: 1.25em auto;
}

/*********************
CUSTOM WIDGET STYLES
*********************/
/* line 1405, ../scss/_base.scss */
#otw-regions-widget ul {
  margin-top: 0;
}
/* line 1407, ../scss/_base.scss */
#otw-regions-widget ul li {
  margin: 0;
}
/* line 1410, ../scss/_base.scss */
#otw-regions-widget ul li a {
  display: block;
  padding: 5px 0;
  border-top: 1px solid #e3e3e3;
  color: #0a486c;
  font-family: "Georgia", Cambria, Times New Roman, Times, serif;
  font-weight: normal;
  font-size: 1.25em;
  line-height: 1;
}
/* line 1420, ../scss/_base.scss */
#otw-regions-widget ul li a:hover, #otw-regions-widget ul li a:focus {
  padding-left: 10px;
  border-left: 3px solid #9f1521;
}

/* line 1437, ../scss/_base.scss */
.otw-tv-widget .otw-season-info dl dt {
  font-family: "oswaldbook", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #444;
  font-size: 1em;
  border-bottom: 1px solid #e3e3e3;
  margin: 0.75em 0 0.5em;
}
/* line 1448, ../scss/_base.scss */
.otw-tv-widget .otw-season-info dl dd {
  color: #777;
}
/* line 1459, ../scss/_base.scss */
.otw-tv-widget .otw-season-list ul {
  list-style: none;
}
/* line 1462, ../scss/_base.scss */
.otw-tv-widget .otw-season-list ul li {
  margin: 0;
  padding: 0;
}
/* line 1466, ../scss/_base.scss */
.otw-tv-widget .otw-season-list ul li a {
  display: block;
  font-family: "oswaldbook", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 0 9px 16px;
  background-color: #0a486c;
  color: #FFF;
  margin-bottom: 1px;
}
/* line 1476, ../scss/_base.scss */
.otw-tv-widget .otw-season-list ul li a:hover, .otw-tv-widget .otw-season-list ul li a:focus {
  background-color: #062c42;
}

/* line 1491, ../scss/_base.scss */
ul.tabs {
  margin: 0;
  list-style-type: none;
}
/* line 1495, ../scss/_base.scss */
ul.tabs li {
  display: inline-block;
  margin: 0;
  max-width: 50%;
  padding: 10px 12px;
}
/* line 1501, ../scss/_base.scss */
ul.tabs li a {
  position: relative;
  font-family: "oswaldbook", Helvetica, Arial, sans-serif;
  font-size: 0.75em;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 0;
  text-decoration: none;
  color: #0a486c;
}
/* line 1515, ../scss/_base.scss */
ul.tabs li.selected {
  background-color: #0a486c;
}
/* line 1517, ../scss/_base.scss */
ul.tabs li.selected a {
  color: #fff;
}

/* line 1522, ../scss/_base.scss */
.tabcontents {
  display: block;
  clear: both;
  width: 100%;
  margin: 0 auto;
  padding: 15px 0 5px;
  color: #2d2d2d;
}

/* line 1536, ../scss/_base.scss */
.social-feed-widget ul.tabs {
  width: 100%;
  padding: 0;
  margin: 0;
}
/* line 1540, ../scss/_base.scss */
.social-feed-widget ul.tabs a {
  display: block;
  width: 100%;
  line-height: 1;
  padding: 15px 0;
}
/* line 1547, ../scss/_base.scss */
.social-feed-widget ul.tabs li {
  margin-bottom: 5px;
  padding: 0;
  text-align: center;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  min-width: 49%;
}
/* line 1556, ../scss/_base.scss */
.social-feed-widget ul.tabs li.selected {
  background-color: #0a486c;
}
/* line 1559, ../scss/_base.scss */
.social-feed-widget ul.tabs li.selected a, .social-feed-widget ul.tabs li.selected a:hover, .social-feed-widget ul.tabs li.selected a:focus {
  color: #fff;
}
/* line 1564, ../scss/_base.scss */
.social-feed-widget ul.tabs a:hover {
  color: #0a486c;
}
/* line 1571, ../scss/_base.scss */
.social-feed-widget .feed-container iframe,
.social-feed-widget .feed-container object,
.social-feed-widget .feed-container embed {
  max-width: 100%;
}
/* line 1575, ../scss/_base.scss */
.social-feed-widget #otw-empty-feed {
  margin: 0 auto 0.5em;
  padding: 0;
}
/* line 1581, ../scss/_base.scss */
.social-feed-widget .tabcontents {
  border-bottom: 1px solid #e3e3e3;
}

/* line 1589, ../scss/_base.scss */
.current-issue-widget {
  display: block;
  width: 100%;
  margin-bottom: 1.5em;
  clear: both;
}

/* line 1595, ../scss/_base.scss */
.current-issue-left {
  max-width: 30%;
  max-height: 200px;
  float: left;
  margin: 0 0.5em 0 0;
}
/* line 1600, ../scss/_base.scss */
.current-issue-left img {
  max-width: 100%;
  max-height: 190px;
}

/* line 1606, ../scss/_base.scss */
.current-issue-right p {
  font-size: 0.875em;
}
/* line 1609, ../scss/_base.scss */
.current-issue-right h5 {
  margin: 0;
  padding: 0;
  line-height: 1;
}

/* line 1615, ../scss/_base.scss */
#current-issue-subscribe {
  display: block;
  margin: 0 auto;
  width: 100%;
  clear: both;
  text-align: center;
}

/*********************
FOOTER STYLES
*********************/
/* line 1632, ../scss/_base.scss */
.footer {
  clear: both;
  margin-top: 1em;
  background-color: #0a486c;
  color: #fff;
}
/* line 1638, ../scss/_base.scss */
.footer h4 {
  color: #fff;
  text-transform: uppercase;
  font-size: 1em;
  letter-spacing: 1px;
  border-bottom: 1px solid #fff;
}
/* line 1647, ../scss/_base.scss */
.footer a {
  color: #fff;
  text-decoration: none;
}
/* line 1651, ../scss/_base.scss */
.footer a:hover {
  color: #e3e3e3;
}

/* line 1661, ../scss/_base.scss */
.footer-section form input[type=text],
.footer-section form input[type=email],
.footer-section form input[type=url],
.footer-section form textarea {
  padding: 10px 6px;
  background: #fff;
  border: 1px solid #efefef;
  line-height: 1.5em;
}
/* line 1667, ../scss/_base.scss */
.footer-section form input[type=text]:focus,
.footer-section form input[type=email]:focus,
.footer-section form input[type=url]:focus,
.footer-section form textarea:focus {
  background: #fff;
}
/* line 1675, ../scss/_base.scss */
.footer-section form input[type=text],
.footer-section form input[type=email],
.footer-section form input[type=url] {
  width: 95%;
  max-width: 400px;
  margin-bottom: 0.75em;
}

/* line 1682, ../scss/_base.scss */
#otw-footer-info {
  text-align: center;
}
/* line 1686, ../scss/_base.scss */
#otw-footer-info #otw-footer-logo {
  margin-top: 1em;
}

/* line 1691, ../scss/_base.scss */
#otw-footer-social {
  padding-bottom: 1em;
  border-bottom: 1px solid #fff;
}

/* line 1696, ../scss/_base.scss */
#footer-menu-area {
  display: inline-block;
  clear: both;
  width: 100%;
  border-top: 1px solid #fff;
}
/* line 1702, ../scss/_base.scss */
#footer-menu-area ul {
  text-align: center;
}
/* line 1704, ../scss/_base.scss */
#footer-menu-area ul li {
  display: inline;
}
/* line 1707, ../scss/_base.scss */
#footer-menu-area ul li a {
  text-align: center;
  padding: 1em;
}

/*********************
MOBILE NAV STYLES
*********************/
/* Common styles of menus */
/* line 1722, ../scss/_base.scss */
.dl-menuwrapper {
  width: 100%;
  max-width: 440px;
  float: left;
  position: relative;
  z-index: 1;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
  -webkit-perspective-origin: 50% 200%;
  -moz-perspective-origin: 50% 200%;
  perspective-origin: 50% 200%;
}

/* line 1736, ../scss/_base.scss */
.dl-menuwrapper:first-child {
  margin-right: 100px;
}

/* line 1740, ../scss/_base.scss */
.dl-menuwrapper button {
  background: #0a486c;
  border: none;
  width: 90%;
  margin-top: 0.75em;
  margin-left: 5%;
  height: 50px;
  font-family: "oswaldbook", Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 1;
  color: white;
  text-transform: uppercase;
  letter-spacing: 1px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  outline: none;
}

/* line 1761, ../scss/_base.scss */
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
  background: #0a486c;
}

/* line 1765, ../scss/_base.scss */
.dl-menuwrapper button:after {
  position: absolute;
  width: 68%;
  height: 5px;
}

/* line 1772, ../scss/_base.scss */
.dl-menuwrapper ul {
  padding: 0;
  list-style: none;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

/* line 1780, ../scss/_base.scss */
.dl-menuwrapper li {
  position: relative;
}

/* line 1784, ../scss/_base.scss */
.dl-menuwrapper li a {
  display: block;
  position: relative;
  text-decoration: none;
  padding: 15px 20px;
  font-family: "oswaldbook", Helvetica, Arial, sans-serif;
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.25;
  color: white;
  outline: none;
}

/* line 1798, ../scss/_base.scss */
.no-touch .dl-menuwrapper li a:hover {
  background: rgba(255, 248, 213, 0.1);
}

/* line 1802, ../scss/_base.scss */
.dl-menuwrapper li.dl-back > a {
  padding-left: 30px;
  background: rgba(0, 0, 0, 0.1);
}

/* line 1808, ../scss/_base.scss */
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
  position: absolute;
  top: 0;
  line-height: 50px;
  font-family: 'icomoon';
  speak: none;
  -webkit-font-smoothing: antialiased;
  content: "\e000";
}

/* line 1818, ../scss/_base.scss */
.dl-menuwrapper li.dl-back:after {
  left: 10px;
  color: rgba(212, 204, 198, 0.3);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* line 1826, ../scss/_base.scss */
.dl-menuwrapper li > a:after {
  right: 10px;
  color: rgba(0, 0, 0, 0.15);
}

/* line 1831, ../scss/_base.scss */
.dl-menuwrapper .dl-menu {
  margin: 5px 0 0 0;
  position: absolute;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 1845, ../scss/_base.scss */
.dl-menuwrapper .dl-menu.dl-menu-toggle {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* line 1851, ../scss/_base.scss */
.dl-menuwrapper .dl-menu.dl-menuopen {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
}

/* Hide the inner submenus */
/* line 1860, ../scss/_base.scss */
.dl-menuwrapper li .dl-submenu {
  display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
/* line 1873, ../scss/_base.scss */
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
  display: none;
}

/* line 1881, ../scss/_base.scss */
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
  display: block;
}

/* Dynamically added submenu outside of the menu context */
/* line 1886, ../scss/_base.scss */
.dl-menuwrapper > .dl-submenu {
  position: absolute;
  width: 100%;
  top: 50px;
  left: 0;
  margin: 0;
}

/* Animation classes for moving out and in */
/* line 1896, ../scss/_base.scss */
.dl-menu.dl-animate-out-5 {
  -webkit-animation: MenuAnimOut5 0.4s ease;
  -moz-animation: MenuAnimOut5 0.4s ease;
  animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut5 {
  /* line 1903, ../scss/_base.scss */
  100% {
    -webkit-transform: translateY(40%);
    opacity: 0;
  }
}

@-moz-keyframes MenuAnimOut5 {
  /* line 1910, ../scss/_base.scss */
  100% {
    -moz-transform: translateY(40%);
    opacity: 0;
  }
}

@keyframes MenuAnimOut5 {
  /* line 1917, ../scss/_base.scss */
  100% {
    transform: translateY(40%);
    opacity: 0;
  }
}

/* line 1923, ../scss/_base.scss */
.dl-menu.dl-animate-in-5 {
  -webkit-animation: MenuAnimIn5 0.4s ease;
  -moz-animation: MenuAnimIn5 0.4s ease;
  animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn5 {
  /* line 1930, ../scss/_base.scss */
  0% {
    -webkit-transform: translateY(40%);
    opacity: 0;
  }

  /* line 1934, ../scss/_base.scss */
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}

@-moz-keyframes MenuAnimIn5 {
  /* line 1941, ../scss/_base.scss */
  0% {
    -moz-transform: translateY(40%);
    opacity: 0;
  }

  /* line 1945, ../scss/_base.scss */
  100% {
    -moz-transform: translateY(0);
    opacity: 1;
  }
}

@keyframes MenuAnimIn5 {
  /* line 1952, ../scss/_base.scss */
  0% {
    transform: translateY(40%);
    opacity: 0;
  }

  /* line 1956, ../scss/_base.scss */
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

/* line 1962, ../scss/_base.scss */
.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
  -webkit-animation: SubMenuAnimIn5 0.4s ease;
  -moz-animation: SubMenuAnimIn5 0.4s ease;
  animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn5 {
  /* line 1969, ../scss/_base.scss */
  0% {
    -webkit-transform: translateZ(-200px);
    opacity: 0;
  }

  /* line 1973, ../scss/_base.scss */
  100% {
    -webkit-transform: translateZ(0);
    opacity: 1;
  }
}

@-moz-keyframes SubMenuAnimIn5 {
  /* line 1980, ../scss/_base.scss */
  0% {
    -moz-transform: translateZ(-200px);
    opacity: 0;
  }

  /* line 1984, ../scss/_base.scss */
  100% {
    -moz-transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes SubMenuAnimIn5 {
  /* line 1991, ../scss/_base.scss */
  0% {
    transform: translateZ(-200px);
    opacity: 0;
  }

  /* line 1995, ../scss/_base.scss */
  100% {
    transform: translateZ(0);
    opacity: 1;
  }
}

/* line 2001, ../scss/_base.scss */
.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
  -webkit-animation: SubMenuAnimOut5 0.4s ease;
  -moz-animation: SubMenuAnimOut5 0.4s ease;
  animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut5 {
  /* line 2008, ../scss/_base.scss */
  0% {
    -webkit-transform: translateZ(0);
    opacity: 1;
  }

  /* line 2012, ../scss/_base.scss */
  100% {
    -webkit-transform: translateZ(-200px);
    opacity: 0;
  }
}

@-moz-keyframes SubMenuAnimOut5 {
  /* line 2019, ../scss/_base.scss */
  0% {
    -moz-transform: translateZ(0);
    opacity: 1;
  }

  /* line 2023, ../scss/_base.scss */
  100% {
    -moz-transform: translateZ(-200px);
    opacity: 0;
  }
}

@keyframes SubMenuAnimOut5 {
  /* line 2030, ../scss/_base.scss */
  0% {
    transform: translateZ(0);
    opacity: 1;
  }

  /* line 2034, ../scss/_base.scss */
  100% {
    transform: translateZ(-200px);
    opacity: 0;
  }
}

/* No JS Fallback */
/* line 2041, ../scss/_base.scss */
.no-js .dl-menuwrapper .dl-menu {
  position: relative;
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
}

/* line 2049, ../scss/_base.scss */
.no-js .dl-menuwrapper li .dl-submenu {
  display: block;
}

/* line 2053, ../scss/_base.scss */
.no-js .dl-menuwrapper li.dl-back {
  display: none;
}

/* line 2057, ../scss/_base.scss */
.no-js .dl-menuwrapper li > a:not(:only-child) {
  background: rgba(0, 0, 0, 0.1);
}

/* line 2061, ../scss/_base.scss */
.no-js .dl-menuwrapper li > a:not(:only-child):after {
  content: '';
}

/*
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*/
@media only screen and (min-width: 481px) {
  /******************************************************************
  Site Name: On The Water
  Author: Sean Megan
  
  Stylesheet: 481px and Up Stylesheet
  
  This stylesheet is loaded for larger devices. It's set to 
  481px because at 480px it would load on a landscaped iPhone.
  This isn't ideal because then you would be loading all those
  extra styles on that same mobile connection. 
  
  A word of warning. This size COULD be a larger mobile device,
  so you still want to keep it pretty light and simply expand
  upon your base.scss styles.
  
  ******************************************************************/
  /*********************
  NAVIGATION STYLES
  *********************/
  /* .menu is clearfixed inside mixins.scss */
  /* line 27, ../scss/_481up.scss */
  .menu {
    /* end .menu ul */
  }
  /* line 28, ../scss/_481up.scss */
  .menu ul {
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  /* line 29, ../scss/_481up.scss */
  .menu ul li {
    /*
    plan your menus and drop-downs wisely.
    */
  }
  /* line 30, ../scss/_481up.scss */
  .menu ul li a {
    /*
    you can use hover styles here even though this size
    has the possibility of being a mobile device.
    */
  }

  /* end .menu */
  /* line 72, ../scss/_481up.scss */
  ul.cat-nav li {
    width: 33.33%;
  }

  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* line 81, ../scss/_481up.scss */
  h1, .h1 {
    font-size: 2.25em;
    line-height: 1.333em;
  }

  /* line 86, ../scss/_481up.scss */
  h2, .h2 {
    font-size: 1.75em;
    line-height: 1.4em;
    margin-bottom: 0.375em;
  }

  /* line 93, ../scss/_481up.scss */
  .otw-post-thumb {
    max-width: 38%;
    min-width: 175px;
    height: auto;
    float: left;
  }

  /* line 99, ../scss/_481up.scss */
  .otw-excerpt-body {
    max-width: 60%;
    min-width: 265px;
    float: right;
  }

  /* line 104, ../scss/_481up.scss */
  .otw-single {
    border-right: 1px solid #E3E3E3;
  }

  /* line 107, ../scss/_481up.scss */
  .otw-single-body {
    max-width: 600px;
    padding-right: 30px;
  }
  /* line 111, ../scss/_481up.scss */
  .otw-single-body p {
    -webkit-hyphens: none;
    -epub-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
  }

  /* line 119, ../scss/_481up.scss */
  .otw-magazine-ne-block {
    display: block;
    width: 49%;
    float: left;
    clear: left;
  }

  /* line 125, ../scss/_481up.scss */
  .otw-magazine-nynj-block {
    display: block;
    width: 49%;
    float: right;
    clear: right;
    margin-bottom: 1em;
    border-bottom: 1px solid #e3e3e3;
  }

  /* entry content */
  /* line 134, ../scss/_481up.scss */
  .entry-content {
    /* at this larger size, we can start to align images */
  }
  /* line 138, ../scss/_481up.scss */
  .entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    padding-left: 0em;
    max-width: 50%;
    display: inline;
    float: left;
  }
  /* line 145, ../scss/_481up.scss */
  .entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    max-width: 50%;
    display: inline;
    float: right;
  }
  /* line 151, ../scss/_481up.scss */
  .entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }

  /* end .entry-content */
  /* line 161, ../scss/_481up.scss */
  .otw-forecast-home-btn {
    max-width: 375px;
    width: 50%;
  }

  /* line 168, ../scss/_481up.scss */
  .otw-related-block .otw-related-post {
    max-width: 32%;
    vertical-align: top;
    margin-right: 1.15%;
  }
  /* line 173, ../scss/_481up.scss */
  .otw-related-block .otw-related-post p {
    font-size: 0.875em;
  }
  /* line 178, ../scss/_481up.scss */
  .otw-related-block .last {
    margin-right: 0;
  }

  /* line 185, ../scss/_481up.scss */
  .otw-relvid-list li {
    float: left;
    width: 50%;
    padding-right: 0px;
    padding-left: 6px;
  }
  /* line 191, ../scss/_481up.scss */
  .otw-relvid-list li:nth-child(odd) {
    clear: left;
    padding-right: 6px;
    padding-left: 0px;
  }

  /*********************
  FOOTER STYLES
  *********************/
  /*
  check your menus here. do they look good?
  do they need tweaking?
  */
  /* end .footer-links */
}
/*
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 768px) {
  /******************************************************************
  Site Name: On The Water
  Author: Sean Megan
  
  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.
  
  ******************************************************************/
  /* line 24, ../scss/_grid.scss */
  .onecol {
    width: 5.801104972%;
  }

  /* 4.85%;  } /* grid_1  */
  /* line 25, ../scss/_grid.scss */
  .twocol {
    width: 14.364640883%;
  }

  /* 13.45%; } /* grid_2  */
  /* line 26, ../scss/_grid.scss */
  .threecol {
    width: 22.928176794%;
  }

  /* 22.05%; } /* grid_3  */
  /* line 27, ../scss/_grid.scss */
  .fourcol {
    width: 31.491712705%;
  }

  /* 30.75%; } /* grid_4  */
  /* line 28, ../scss/_grid.scss */
  .fivecol {
    width: 40.055248616%;
  }

  /* 39.45%; } /* grid_5  */
  /* line 29, ../scss/_grid.scss */
  .sixcol {
    width: 48.618784527%;
  }

  /* 48%;    } /* grid_6  */
  /* line 30, ../scss/_grid.scss */
  .sevencol {
    width: 57.182320438000005%;
  }

  /* 56.75%; } /* grid_7  */
  /* line 31, ../scss/_grid.scss */
  .eightcol {
    width: 65.74585634900001%;
  }

  /* 65.4%;  } /* grid_8  */
  /* line 32, ../scss/_grid.scss */
  .ninecol {
    width: 74.30939226%;
  }

  /* 74.05%; } /* grid_9  */
  /* line 33, ../scss/_grid.scss */
  .tencol {
    width: 82.87292817100001%;
  }

  /* 82.7%;  } /* grid_10 */
  /* line 34, ../scss/_grid.scss */
  .elevencol {
    width: 91.436464082%;
  }

  /* 91.35%; } /* grid_11 */
  /* line 35, ../scss/_grid.scss */
  .twelvecol {
    width: 99.999999993%;
  }

  /* 100%;   } /* grid_12 */
  /* line 38, ../scss/_grid.scss */
  .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
    position: relative;
    float: left;
    margin-left: 2.762430939%;
  }

  /* line 44, ../scss/_grid.scss */
  .first {
    margin-left: 0;
  }

  /* line 48, ../scss/_grid.scss */
  .last {
    float: right;
  }

  /******************************************************************
  Site Name: On The Water
  Author: Sean Megan
  
  Stylesheet: Tablet & Small Desktop Stylesheet
  
  Here's where you can start getting into the good stuff.
  This size will work on iPads, other tablets, and desktops.
  So you can start working with more styles, background images,
  and other resources. You'll also notice the grid starts to
  come into play. Have fun!
  
  ******************************************************************/
  /*********************
  GENERAL STYLES
  *********************/
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  /* line 27, ../scss/_768up.scss */
  .wrap {
    max-width: 1140px;
  }

  /*********************
  HEADER STYLES
  *********************/
  /* line 37, ../scss/_768up.scss */
  #outer-header {
    background-color: #0a486c;
  }

  /* line 41, ../scss/_768up.scss */
  #otw-head {
    display: block;
    height: 80px;
    margin: 0;
    margin-bottom: 10px;
  }
  /* line 47, ../scss/_768up.scss */
  #otw-head .otw-headleft {
    max-width: 50%;
    height: 80px;
    margin-top: 5px;
    float: left;
  }
  /* line 53, ../scss/_768up.scss */
  #otw-head .otw-headleft img#otw-logo {
    max-width: 100%;
    max-height: 75px;
    padding-top: 5px;
  }
  /* line 60, ../scss/_768up.scss */
  #otw-head .otw-headright {
    display: inline-block;
    max-width: 50%;
    float: right;
    height: 80px;
  }
  /* line 66, ../scss/_768up.scss */
  #otw-head .otw-headright #dsksearch {
    display: block;
    height: 35px;
    margin-top: 13px;
    margin-bottom: 10px;
    float: right;
    clear: right;
  }
  /* line 74, ../scss/_768up.scss */
  #otw-head .otw-headright #dsknav {
    display: inline-block;
    max-width: 100%;
    float: right;
    clear: right;
  }
  /* line 80, ../scss/_768up.scss */
  #otw-head .otw-headright #dsknav ul {
    float: right;
  }
  /* line 87, ../scss/_768up.scss */
  #otw-head .otw-headright #dsknav ul li a:hover, #otw-head .otw-headright #dsknav ul li a:focus {
    color: #0a486c;
  }
  /* line 93, ../scss/_768up.scss */
  #otw-head .otw-headright #dsknav ul li:last-child {
    padding-right: 0;
    border-right: 0;
  }

  /*********************
  NAVIGATION STYLES
  *********************/
  /* line 107, ../scss/_768up.scss */
  .nav {
    margin-top: 0;
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  /* line 110, ../scss/_768up.scss */
  .nav li {
    float: left;
    position: relative;
    /*
    plan your menus and drop-downs wisely.
    */
    /* showing sub-menus */
  }
  /* line 114, ../scss/_768up.scss */
  .nav li a {
    /*
    you can use hover styles here even though this size
    has the possibility of being a mobile device.
    */
  }
  /* line 126, ../scss/_768up.scss */
  .nav li:last-child ul.sub-menu,
  .nav li:last-child ul.children {
    margin-left: -40px;
  }
  /* line 135, ../scss/_768up.scss */
  .nav li ul.sub-menu,
  .nav li ul.children {
    border: 1px solid #e3e3e3;
    margin-top: 0.5em;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    z-index: 8999;
    /* highlight sub-menu current page */
  }
  /* line 143, ../scss/_768up.scss */
  .nav li ul.sub-menu li,
  .nav li ul.children li {
    display: block;
    text-align: left;
    padding: 0;
    border-bottom: 1px solid #e3e3e3;
    background-color: #fff;
    width: 200px;
    /*
    if you need to go deeper, go nuts
    just remember deeper menus suck
    for usability. 
    */
  }
  /* line 151, ../scss/_768up.scss */
  .nav li ul.sub-menu li a,
  .nav li ul.children li a {
    display: block;
    padding: 15px 0 12px 15px;
    width: 100%;
    line-height: 1;
    font-size: 0.875em;
  }
  /* line 162, ../scss/_768up.scss */
  .nav li ul.sub-menu li:hover, .nav li ul.sub-menu li:focus,
  .nav li ul.children li:hover,
  .nav li ul.children li:focus {
    background-color: #9f1521;
  }
  /* line 164, ../scss/_768up.scss */
  .nav li ul.sub-menu li:hover a, .nav li ul.sub-menu li:focus a,
  .nav li ul.children li:hover a,
  .nav li ul.children li:focus a {
    color: #fff;
  }
  /* line 169, ../scss/_768up.scss */
  .nav li ul.sub-menu li:last-child,
  .nav li ul.children li:last-child {
    border-bottom: 0;
  }
  /* line 181, ../scss/_768up.scss */
  .nav li ul.sub-menu li ul,
  .nav li ul.children li ul {
    display: none;
  }
  /* line 195, ../scss/_768up.scss */
  .nav li:hover ul {
    top: auto;
    overflow: visible;
    visibility: visible;
  }

  /* end .nav */
  /* line 215, ../scss/_768up.scss */
  ul.cat-nav {
    margin: 0;
  }
  /* line 218, ../scss/_768up.scss */
  ul.cat-nav li {
    width: 14.285%;
  }
  /* line 223, ../scss/_768up.scss */
  ul.cat-nav li:hover, ul.cat-nav li:focus {
    background-color: #fff;
    color: #9f1521;
  }
  /* line 227, ../scss/_768up.scss */
  ul.cat-nav li:hover a, ul.cat-nav li:focus a {
    color: #9f1521;
  }
  /* line 230, ../scss/_768up.scss */
  ul.cat-nav li:first-child {
    width: 14.285%;
  }
  /* line 233, ../scss/_768up.scss */
  ul.cat-nav li:last-child {
    border-right: 0;
  }

  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* line 250, ../scss/_768up.scss */
  .otw-video-box .otw-video-info {
    display: table;
    width: 100%;
  }
  /* line 254, ../scss/_768up.scss */
  .otw-video-box .otw-video-info .otw-video-desc {
    display: table-cell;
    width: 65.74585634900001%;
    padding-right: 25px;
  }
  /* line 259, ../scss/_768up.scss */
  .otw-video-box .otw-video-info .otw-video-desc h1 {
    color: #0a486c;
  }
  /* line 262, ../scss/_768up.scss */
  .otw-video-box .otw-video-info .otw-video-desc .otw-video-desc-footer {
    width: 100%;
  }
  /* line 266, ../scss/_768up.scss */
  .otw-video-box .otw-video-info .otw-video-adspace {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 34.254143651%;
    clear: none;
  }
  /* line 272, ../scss/_768up.scss */
  .otw-video-box .otw-video-info .otw-video-adspace img {
    display: inline;
  }

  /* line 282, ../scss/_768up.scss */
  .otw-relvid-list li:nth-child(odd) {
    clear: none;
    padding-right: 0px;
    padding-left: 0px;
  }
  /* line 287, ../scss/_768up.scss */
  .otw-relvid-list li {
    width: 33.333333333333333333%;
    padding-right: 0px;
    padding-left: 0px;
  }
  /* line 292, ../scss/_768up.scss */
  .otw-relvid-list li:first-child {
    padding-right: 8px;
  }
  /* line 295, ../scss/_768up.scss */
  .otw-relvid-list li:nth-child(2) {
    padding-right: 4px;
    padding-left: 4px;
  }
  /* line 299, ../scss/_768up.scss */
  .otw-relvid-list li:nth-child(3n+0) {
    padding-left: 8px;
  }
  /* line 302, ../scss/_768up.scss */
  .otw-relvid-list li:nth-child(3n+1) {
    clear: left;
    padding-right: 8px;
  }
  /* line 306, ../scss/_768up.scss */
  .otw-relvid-list li:nth-child(3n+2) {
    padding-right: 4px;
    padding-left: 4px;
  }

  /*********************
  SIDEBARS & ASIDES
  *********************/
  /* line 317, ../scss/_768up.scss */
  .sidebar {
    margin-top: 0;
  }

  /* line 320, ../scss/_768up.scss */
  .widgettitle {
    margin-top: 0;
    margin-bottom: 0.75em;
  }

  /* line 325, ../scss/_768up.scss */
  .widget {
    margin-top: 0;
    margin-bottom: 2.2em;
  }
  /* line 330, ../scss/_768up.scss */
  .widget ul li {
    margin-bottom: 0.75em;
    /* deep nesting */
  }
  /* line 338, ../scss/_768up.scss */
  .widget ul li ul {
    margin-top: 0.75em;
    padding-left: 1em;
  }

  /* links widget */
  /* meta widget */
  /* pages widget */
  /* recent-posts widget */
  /* archives widget */
  /* tag-cloud widget */
  /* calendar widget */
  /* category widget */
  /* recent-comments widget */
  /* search widget */
  /* text widget */
  /*********************
  FOOTER STYLES
  *********************/
  /* line 442, ../scss/_768up.scss */
  #otw-footer-info {
    text-align: left;
  }
  /* line 446, ../scss/_768up.scss */
  #otw-footer-info #otw-footer-logo {
    margin-top: 1em;
  }
}
/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 1030px) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Desktop Stylsheet
  
  This is the desktop size. It's larger than an iPad so it will only
  be seen on the Desktop. 
  
  ******************************************************************/
  /* line 13, ../scss/_1030up.scss */
  #dsknav ul {
    width: 100%;
  }
  /* line 15, ../scss/_1030up.scss */
  #dsknav ul li {
    display: inline-block;
    text-align: center;
    padding-left: 12px;
  }
  /* line 20, ../scss/_1030up.scss */
  #dsknav ul li a {
    font-size: 1em;
  }
  /* line 24, ../scss/_1030up.scss */
  #dsknav ul li:first-child {
    padding-left: 0;
  }

  /* line 35, ../scss/_1030up.scss */
  ul.cat-nav li a {
    font-size: 1.25em;
  }

  /* line 46, ../scss/_1030up.scss */
  .social-feed-widget ul.tabs li {
    min-width: 24%;
  }

  /* line 54, ../scss/_1030up.scss */
  .otw-relvid-list li:nth-child(odd) {
    clear: none;
    padding-right: 0px;
    padding-left: 0px;
  }
  /* line 59, ../scss/_1030up.scss */
  .otw-relvid-list li:nth-child(3n+1) {
    clear: none;
  }
  /* line 62, ../scss/_1030up.scss */
  .otw-relvid-list li {
    width: 25%;
    padding-right: 0px;
    padding-left: 0px;
  }
  /* line 67, ../scss/_1030up.scss */
  .otw-relvid-list li:first-child {
    padding-right: 9px;
  }
  /* line 70, ../scss/_1030up.scss */
  .otw-relvid-list li:nth-child(2) {
    padding-right: 6px;
    padding-left: 3px;
  }
  /* line 74, ../scss/_1030up.scss */
  .otw-relvid-list li:nth-child(3) {
    padding-right: 3px;
    padding-left: 6px;
  }
  /* line 78, ../scss/_1030up.scss */
  .otw-relvid-list li:nth-child(4n+0) {
    clear: right;
    padding-left: 9px;
    padding-right: 0px;
  }
  /* line 83, ../scss/_1030up.scss */
  .otw-relvid-list li:nth-child(4n+1) {
    clear: left;
    padding-right: 9px;
  }
  /* line 87, ../scss/_1030up.scss */
  .otw-relvid-list li:nth-child(4n+2) {
    padding-right: 6px;
    padding-left: 3px;
  }
  /* line 91, ../scss/_1030up.scss */
  .otw-relvid-list li:nth-child(4n+3) {
    padding-right: 3px;
    padding-left: 6px;
  }
}
/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1240px) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Super Large Monitor Stylesheet
  
  You can add some advanced styles here if you like. This kicks in
  on larger screens.
  
  ******************************************************************/
}
/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
  Site Name: On The Water
  Author: Sean Megan
  
  Stylesheet: Retina Screens & Devices Stylesheet
  
  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.
  
  ******************************************************************/
  /* 
  
  EXAMPLE 
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:
  
  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(img/test.png) no-repeat;
  }
  
  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:
  
  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }
  
  So, you would create the same icon, but at double the resolution, meaning 
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go. 
  
  */
}
/*
iPHONE 5 MEDIA QUERY
Want to get fancy for no good reason? Knock yourself out.
*/
/*
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*/
@media print {
  /******************************************************************
  Site Name: OTW_Theme
  Author: Sean Megan
  
  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.
  
  ******************************************************************/
  /* line 15, ../scss/_print.scss */
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  /* line 23, ../scss/_print.scss */
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  /* line 28, ../scss/_print.scss */
  a:after, a:visited:after {
    content: " (" attr(href) ")";
  }
  /* line 33, ../scss/_print.scss */
  a abbr[title]:after, a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /* line 40, ../scss/_print.scss */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  /* line 44, ../scss/_print.scss */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 49, ../scss/_print.scss */
  thead {
    display: table-header-group;
  }

  /* line 53, ../scss/_print.scss */
  tr, img {
    page-break-inside: avoid;
  }

  /* line 57, ../scss/_print.scss */
  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  /* line 65, ../scss/_print.scss */
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 71, ../scss/_print.scss */
  h2,
  h3 {
    page-break-after: avoid;
  }

  /* line 80, ../scss/_print.scss */
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}