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

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.2 | 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 styling not present in IE 8/9.
 */
/* line 50, ../scss/normalize.scss */
[hidden] {
  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 64, ../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 74, ../scss/normalize.scss */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 86, ../scss/normalize.scss */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 95, ../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 108, ../scss/normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

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

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

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

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

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

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

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

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

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

/* line 205, ../scss/normalize.scss */
sup {
  top: -0.5em;
}

/* line 209, ../scss/normalize.scss */
sub {
  bottom: -0.25em;
}

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

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

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

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
/* line 253, ../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 264, ../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 278, ../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 290, ../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 302, ../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 317, ../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 327, ../scss/normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
/* line 337, ../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 348, ../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 361, ../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 370, ../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 380, ../scss/normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 393, ../scss/normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

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

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;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
/* line 48, ../scss/_mixins.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
/* line 61, ../scss/_mixins.scss */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*********************
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/
*/
/* line 133, ../scss/_mixins.scss */
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic;
}

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

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

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

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

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

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

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

/* line 169, ../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); */
/*********************
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? */
/*********************
BUTTONS
*********************/
/* line 231, ../scss/_mixins.scss */
.button, .button:visited {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: 1px solid #be0d37;
  border-top-color: #db0f3f;
  border-left-color: #db0f3f;
  padding: 4px 12px;
  color: white;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.75);
  cursor: pointer;
  margin-bottom: 20px;
  line-height: 21px;
  border-radius: 4px;
  background-color: #e40f42;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f01d4f), to(#e40f42));
  background-image: -webkit-linear-gradient(top, #f01d4f, #e40f42);
  background-image: -moz-linear-gradient(top, #f01d4f, #e40f42);
  background-image: -o-linear-gradient(top, #f01d4f, #e40f42);
  background-image: linear-gradient(to bottom, #f01d4f, #e40f42);
}
/* line 250, ../scss/_mixins.scss */
.button:hover, .button:focus, .button:visited:hover, .button:visited:focus {
  color: white;
  border: 1px solid #be0d37;
  border-top-color: #9d0a2d;
  border-left-color: #9d0a2d;
  background-color: #cc0e3b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e40f42), to(#cc0e3b));
  background-image: -webkit-linear-gradient(top, #e40f42, #cc0e3b);
  background-image: -moz-linear-gradient(top, #e40f42, #cc0e3b);
  background-image: -o-linear-gradient(top, #e40f42, #cc0e3b);
  background-image: linear-gradient(to bottom, #e40f42, #cc0e3b);
}
/* line 258, ../scss/_mixins.scss */
.button:active, .button:visited:active {
  background-color: #f01d4f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e40f42), to(#f01d4f));
  background-image: -webkit-linear-gradient(top, #e40f42, #f01d4f);
  background-image: -moz-linear-gradient(top, #e40f42, #f01d4f);
  background-image: -o-linear-gradient(top, #e40f42, #f01d4f);
  background-image: linear-gradient(to bottom, #e40f42, #f01d4f);
}

/* line 263, ../scss/_mixins.scss */
.blue-button, .blue-button:visited {
  border-color: #1472ad;
  text-shadow: 0 1px 1px #1472ad;
  background-color: #1681c4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1990db), to(#1681c4));
  background-image: -webkit-linear-gradient(top, #1990db, #1681c4);
  background-image: -moz-linear-gradient(top, #1990db, #1681c4);
  background-image: -o-linear-gradient(top, #1990db, #1681c4);
  background-image: linear-gradient(to bottom, #1990db, #1681c4);
  box-shadow: inset 0 0 3px #59b3ec;
}
/* line 269, ../scss/_mixins.scss */
.blue-button:hover, .blue-button:focus, .blue-button:visited:hover, .blue-button:visited:focus {
  border-color: #116396;
  background-color: #1472ad;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1784c9), to(#1472ad));
  background-image: -webkit-linear-gradient(top, #1784c9, #1472ad);
  background-image: -moz-linear-gradient(top, #1784c9, #1472ad);
  background-image: -o-linear-gradient(top, #1784c9, #1472ad);
  background-image: linear-gradient(to bottom, #1784c9, #1472ad);
}
/* line 273, ../scss/_mixins.scss */
.blue-button:active, .blue-button:visited:active {
  background-color: #1990db;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1681c4), to(#1990db));
  background-image: -webkit-linear-gradient(top, #1681c4, #1990db);
  background-image: -moz-linear-gradient(top, #1681c4, #1990db);
  background-image: -o-linear-gradient(top, #1681c4, #1990db);
  background-image: linear-gradient(to bottom, #1681c4, #1990db);
}

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

/********************
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: #f01d4f;
  /* on hover */
  /* on click */
  /* mobile tap color */
}
/* line 83, ../scss/_base.scss */
a:hover, a:focus, a:visited:hover, a:visited:focus {
  color: #d10e3c;
}
/* 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: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-rendering: optimizelegibility;
  font-weight: 500;
  /*
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
  /* removing text decoration from all headline links */
}
/* line 117, ../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 122, ../scss/_base.scss */
h1, .h1 {
  font-size: 2.5em;
  line-height: 1.333em;
}

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

/* line 133, ../scss/_base.scss */
h3, .h3 {
  font-size: 1.125em;
}

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

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

/*********************
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.
*/
/* line 169, ../scss/_base.scss */
.nav {
  border: 1px solid #ccc;
  border-bottom: 0;
  /* end .menu li */
  /* highlight current page */
  /* end current highlighters */
}
/* line 173, ../scss/_base.scss */
.nav li {
  /*
  so you really have to rethink your dropdowns for mobile.
  you don't want to have it expand too much because the
  screen is so small. How you manage your menu should
  depend on the project. Here's some great info on it:
  http://www.alistapart.com/articles/organizing-mobile/
  */
}
/* line 175, ../scss/_base.scss */
.nav li a {
  display: block;
  text-decoration: none;
  padding: 10px 10px;
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  /*
  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 209, ../scss/_base.scss */
.nav li ul.sub-menu li a,
.nav li ul.children li a {
  padding-left: 30px;
}

/* end .nav */
/*********************
POSTS & CONTENT STYLES
*********************/
/* line 245, ../scss/_base.scss */
#content {
  margin-top: 2.2em;
}

/* end .hentry */
/* 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 277, ../scss/_base.scss */
.byline {
  color: #999;
}

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

/* end .entry-content */
/* line 355, ../scss/_base.scss */
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */
}
/* line 361, ../scss/_base.scss */
.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}
/* line 367, ../scss/_base.scss */
.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 */
/******************************************************************
PAGE NAVI STYLES
******************************************************************/
/* line 405, ../scss/_base.scss */
.page-navigation,
.wp-prev-next {
  margin: 1.1em 0 2.2em;
}

/* line 408, ../scss/_base.scss */
.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 */
}
/* line 410, ../scss/_base.scss */
.bones_page_navi li {
  float: left;
  margin-left: 10px;
  list-style: none;
}
/* line 415, ../scss/_base.scss */
.bones_page_navi li a {
  padding: 3px 6px;
  display: block;
  text-decoration: none;
  position: relative;
}
/* line 422, ../scss/_base.scss */
.bones_page_navi li a:hover, .bones_page_navi li a:focus {
  color: #f01d4f;
  text-decoration: underline;
}
/* line 431, ../scss/_base.scss */
.bones_page_navi li.bpn-current {
  padding: 3px 6px;
  border-bottom: 2px solid #f01d4f;
  position: relative;
}
/* line 436, ../scss/_base.scss */
.bones_page_navi li.bpn-current a {
  /* hovering on current page link */
}
/* line 447, ../scss/_base.scss */
.bones_page_navi li.bpn-prev-link,
.bones_page_navi li.bpn-next-link {
  font-weight: 700;
}
/* line 450, ../scss/_base.scss */
.bones_page_navi li.bpn-prev-link a,
.bones_page_navi li.bpn-next-link a {
  padding: 0;
}
/* line 459, ../scss/_base.scss */
.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: none;
}

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

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

/* line 534, ../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 536, ../scss/_base.scss */
.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 */
}
/* line 544, ../scss/_base.scss */
.commentlist li:last-child {
  margin-bottom: 0;
}
/* line 548, ../scss/_base.scss */
.commentlist li ul.children {
  margin: 0;
  /* variations */
  /* change number for different depth */
}
/* line 566, ../scss/_base.scss */
.commentlist li[class*=depth-] {
  margin-top: 1.1em;
}
/* line 570, ../scss/_base.scss */
.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0;
}
/* line 575, ../scss/_base.scss */
.commentlist li:not(.depth-1) {
  margin-right: -10px;
  margin-left: -10px;
  margin-top: 0;
  padding-bottom: 0;
}
/* line 589, ../scss/_base.scss */
.commentlist .odd {
  background: #eee;
}
/* line 592, ../scss/_base.scss */
.commentlist .even {
  background: #fefefe;
}
/* line 607, ../scss/_base.scss */
.commentlist .vcard {
  margin-left: 50px;
}
/* line 610, ../scss/_base.scss */
.commentlist .vcard cite.fn {
  font-weight: 700;
  font-style: normal;
}
/* line 618, ../scss/_base.scss */
.commentlist .vcard time {
  float: right;
}
/* line 621, ../scss/_base.scss */
.commentlist .vcard time a {
  color: #999;
  text-decoration: none;
}
/* line 625, ../scss/_base.scss */
.commentlist .vcard time a:hover {
  text-decoration: underline;
}
/* line 635, ../scss/_base.scss */
.commentlist .vcard img.avatar {
  position: absolute;
  left: 10px;
  padding: 2px;
  border: 1px solid #cecece;
  background: #fff;
}
/* line 660, ../scss/_base.scss */
.commentlist .comment_content {
  margin-left: 50px;
}
/* line 663, ../scss/_base.scss */
.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em;
}
/* line 672, ../scss/_base.scss */
.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;
}
/* line 684, ../scss/_base.scss */
.commentlist .comment-reply-link:hover, .commentlist .comment-reply-link:focus {
  opacity: 1;
}

/* end .commentlist */
/******************************************************************
COMMENT FORM STYLES
******************************************************************/
/* line 696, ../scss/_base.scss */
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em;
}
/* line 700, ../scss/_base.scss */
.respond-form form {
  margin: 0.75em 0;
}
/* line 703, ../scss/_base.scss */
.respond-form form li {
  list-style-type: none;
  clear: both;
  margin-bottom: 0.7335em;
}
/* line 709, ../scss/_base.scss */
.respond-form form li label,
.respond-form form li small {
  display: none;
}
/* line 717, ../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 723, ../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 728, ../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 741, ../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 746, ../scss/_base.scss */
.respond-form form textarea {
  resize: none;
  width: 97.3%;
  height: 150px;
}

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

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

/* no comments */
/* line 777, ../scss/_base.scss */
.nocomments {
  margin: 0 20px 1.1em;
}

/*********************
SIDEBARS & ASIDES
*********************/
/* line 793, ../scss/_base.scss */
.widget ul li {
  /* deep nesting */
}

/*********************
FOOTER STYLES
*********************/
/* line 814, ../scss/_base.scss */
.footer {
  clear: both;
}

/*
if you checked out the link above:
http://www.alistapart.com/articles/organizing-mobile/
you'll want to style the footer nav
a bit more in-depth. Remember to keep
it simple because you'll have to
override these styles for the desktop
view.
*/
/* end .footer-links */
/*
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: 
  Author: 
  
  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 */
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* entry content */
  /* line 75, ../scss/_481up.scss */
  .entry-content {
    /* at this larger size, we can start to align images */
  }
  /* line 79, ../scss/_481up.scss */
  .entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
  }
  /* line 84, ../scss/_481up.scss */
  .entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
  }
  /* line 89, ../scss/_481up.scss */
  .entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }

  /* end .entry-content */
  /*********************
  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) {

	// import grids
	@import "grid";

	// styles in 768up.scss
	@import "768up";

} // end of media query */
/*
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.
*/
/******************************************************************
Site Name: Uncle Otis WP
Author: Jared Meit

Stylesheet: Desktop Stylsheet

This is the desktop size. It's larger than an iPad so it will only
be seen on the Desktop. 

******************************************************************/
/* line 12, ../scss/_1030up.scss */
a:focus,
a {
  outline: 0;
}

/* line 16, ../scss/_1030up.scss */
.wrap {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}

/* Clear the .wrap */
/* line 22, ../scss/_1030up.scss */
.wrap:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* line 23, ../scss/_1030up.scss */
.wrap {
  display: block;
}

/* line 25, ../scss/_1030up.scss */
.one_third {
  width: 300px;
  margin-right: 20px;
}

/* line 26, ../scss/_1030up.scss */
.group > div {
  float: left;
}

/* line 27, ../scss/_1030up.scss */
.last {
  margin-right: 0 !important;
}

/* line 31, ../scss/_1030up.scss */
input[type=text],
input[type=email],
input[type=password] {
  padding: 5px;
  border: 0;
  outline: 0;
}

/* line 36, ../scss/_1030up.scss */
label.placeholder {
  position: absolute;
  z-index: 1;
  left: 6px;
  top: 5px;
}

/* line 43, ../scss/_1030up.scss */
.input_wrapper {
  position: relative;
  display: inline-block;
}
/* line 47, ../scss/_1030up.scss */
.input_wrapper label {
  position: absolute;
  top: 11px;
  /*adjust values as needed*/
  left: 14px;
  /*adjust values as needed*/
  font-size: 11px;
  color: #b2aca8;
}
/* line 59, ../scss/_1030up.scss */
.input_wrapper textarea:focus + label,
.input_wrapper select:focus + label,
.input_wrapper input:focus + label,
.input_wrapper textarea.notEmpty + label,
.input_wrapper input.notEmpty + label {
  /*.visuallyhidden's CSS*/
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 72, ../scss/_1030up.scss */
#container {
  padding-top: 72px;
}

/***** HEADER NAV *****/
/* line 76, ../scss/_1030up.scss */
#header {
  width: 100%;
  padding-top: 0;
  border-bottom: 30px solid #FFF;
  position: fixed;
  top: 0;
  z-index: 1000;
  background: #c1ccd4;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxY2NkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2MxY2NkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwYWVlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGFlZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, #c1ccd4 0%, #c1ccd4 50%, #00aeef 50%, #00aeef 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #c1ccd4), color-stop(50%, #c1ccd4), color-stop(50%, #00aeef), color-stop(100%, #00aeef));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #c1ccd4 0%, #c1ccd4 50%, #00aeef 50%, #00aeef 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #c1ccd4 0%, #c1ccd4 50%, #00aeef 50%, #00aeef 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #c1ccd4 0%, #c1ccd4 50%, #00aeef 50%, #00aeef 100%);
  /* IE10+ */
  background: linear-gradient(to right, #c1ccd4 0%, #c1ccd4 50%, #00aeef 50%, #00aeef 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1ccd4', endColorstr='#00aeef',GradientType=1 );
  /* IE6-8 */
}
/* line 98, ../scss/_1030up.scss */
#header #site-navigation .nav-menu-fat {
  background: #C1CCD4;
  width: 720px;
  margin-left: 0;
  margin-top: 0;
  border: 0;
  border-right: 20px solid #FFF;
  position: relative;
}
/* line 110, ../scss/_1030up.scss */
#header #site-navigation .nav-menu-fat a,
#header #site-navigation .nav-menu-fat a:visited,
#header #site-navigation .nav-menu-fat .input_wrapper input[type=text],
#header #site-navigation .nav-menu-fat .input_wrapper label {
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Oswald", Arial, sans-serif;
  font-size: 15px;
  line-height: 42px;
  color: #FFF;
  display: block;
  height: 42px;
}
/* line 120, ../scss/_1030up.scss */
#header #site-navigation .nav-menu-fat a.home-link {
  display: block;
  position: absolute;
  text-indent: -999999px;
  width: 193px;
  height: 62px;
  background: url("../images/uo_logo.png") no-repeat left top;
  z-index: 1;
}
/* line 129, ../scss/_1030up.scss */
#header #site-navigation .nav-menu-fat a.home-link.wordmark {
  top: 0;
  right: -150px;
  width: 130px;
  height: 100%;
  background: url("../images/uo_wordmark.png") no-repeat center;
}
/* line 137, ../scss/_1030up.scss */
#header #site-navigation .nav-menu-fat ul {
  margin: 0 0 0 100px;
  padding: 0;
  position: relative;
  z-index: 1;
}
/* line 143, ../scss/_1030up.scss */
#header #site-navigation .nav-menu-fat ul li {
  margin: 0 20px;
  list-style: none;
  float: left;
}
/* line 148, ../scss/_1030up.scss */
#header #site-navigation .nav-menu-fat ul li:last-child {
  margin-right: 0;
}
/* line 156, ../scss/_1030up.scss */
#header #site-navigation .nav-menu-fat ul li:hover, #header #site-navigation .nav-menu-fat ul li:hover > a, #header #site-navigation .nav-menu-fat ul li.sfHover,
#header #site-navigation .nav-menu-fat ul li a:focus,
#header #site-navigation .nav-menu-fat ul li a:hover,
#header #site-navigation .nav-menu-fat ul li a:active {
  background: transparent;
  color: #00aeef;
}
/* line 163, ../scss/_1030up.scss */
#header #site-navigation .nav-menu-fat ul li.current-menu-item > a, #header #site-navigation .nav-menu-fat ul li.current_page_item > a, #header #site-navigation .nav-menu-fat ul li.current-menu-ancestor > a, #header #site-navigation .nav-menu-fat ul li.current-menu-item > a .nav-menu-fat ul li.current-menu-parent > a {
  color: #00aeef;
}
/* line 168, ../scss/_1030up.scss */
#header #site-navigation .nav-menu-fat ul li .input_wrapper:hover {
  color: #00aeef;
}
/* line 172, ../scss/_1030up.scss */
#header #site-navigation .nav-menu-fat ul li .input_wrapper input[type=text] {
  padding: 0;
  line-height: 1em;
  background: transparent;
  height: 1.5em;
  margin-top: 10px;
}
/* line 180, ../scss/_1030up.scss */
#header #site-navigation .nav-menu-fat ul li .input_wrapper input[type=text]:focus, #header #site-navigation .nav-menu-fat ul li .input_wrapper input[type=text].notEmpty {
  border-bottom: 1px solid;
}
/* line 183, ../scss/_1030up.scss */
#header #site-navigation .nav-menu-fat ul li .input_wrapper input[type=text]:focus:hover ~ .submit-img, #header #site-navigation .nav-menu-fat ul li .input_wrapper input[type=text].notEmpty:hover ~ .submit-img {
  top: 9px;
}
/* line 188, ../scss/_1030up.scss */
#header #site-navigation .nav-menu-fat ul li .input_wrapper label {
  top: 0px;
  left: 0px;
  cursor: text;
}
/* line 193, ../scss/_1030up.scss */
#header #site-navigation .nav-menu-fat ul li .input_wrapper .submit-img {
  position: absolute;
  right: 0;
  top: -1000px;
  width: 28px;
  height: 1.5em;
  padding: 5px 7px;
  background: #EEE;
  z-index: 1;
}
/* line 205, ../scss/_1030up.scss */
#header #site-navigation .nav-menu-fat ul li .input_wrapper .submit-img:focus, #header #site-navigation .nav-menu-fat ul li .input_wrapper .submit-img:hover, #header #site-navigation .nav-menu-fat ul li .input_wrapper .submit-img:active {
  top: 9px;
}

/***** END HEADER NAV *****/
/* line 218, ../scss/_1030up.scss */
#content {
  margin-top: 0;
}

/* line 224, ../scss/_1030up.scss */
body.home .entry-content {
  margin-top: 20px;
}
/* line 227, ../scss/_1030up.scss */
body.home .entry-content .prod-feature {
  float: left;
  height: 545px;
  position: relative;
}
/* line 232, ../scss/_1030up.scss */
body.home .entry-content .prod-feature.left {
  width: 700px;
  margin-right: 20px;
}
/* line 236, ../scss/_1030up.scss */
body.home .entry-content .prod-feature.right {
  width: 220px;
}
/* line 240, ../scss/_1030up.scss */
body.home .entry-content .prod-feature a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
/* line 246, ../scss/_1030up.scss */
body.home .entry-content .prod-feature a img {
  margin: 0;
}
/* line 249, ../scss/_1030up.scss */
body.home .entry-content .prod-feature a .box-link {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 68%;
  padding: 5px 10px 5px 65px;
  background: #00AEEF;
  text-decoration: none;
  text-transform: uppercase;
  color: #FFF;
  font-size: 12px;
  font-family: 'Oswald',arial,sans-serif;
  line-height: 19px;
  text-align: right;
}
/* line 264, ../scss/_1030up.scss */
body.home .entry-content .prod-feature a .box-link span {
  display: block;
  float: right;
  clear: both;
  max-width: 300px;
  white-space: normal;
}
/* line 271, ../scss/_1030up.scss */
body.home .entry-content .prod-feature a .box-link span.prod_name {
  border-bottom: 1px solid #FFF;
}
/* line 279, ../scss/_1030up.scss */
body.home .article-footer {
  margin-top: 20px;
}
/* line 282, ../scss/_1030up.scss */
body.home .article-footer .wp_post-link-wrapper {
  width: 220px;
  height: 235px;
  margin-right: 20px;
  float: left;
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 290, ../scss/_1030up.scss */
body.home .article-footer .wp_post-link-wrapper a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  text-decoration: none;
  overflow: hidden;
}
/* line 298, ../scss/_1030up.scss */
body.home .article-footer .wp_post-link-wrapper a span {
  display: block;
  position: absolute;
  top: 66%;
  margin-top: -1.5em;
  left: 0;
  min-width: 66%;
  max-width: 100%;
  text-align: right;
  background: rgba(255, 255, 255, 0.5);
  color: #000;
  font-family: 'Oswald',arial,sans-serif;
  font-size: 12px;
  line-height: 1.4em;
  padding: 10px;
  text-transform: uppercase;
}

/* line 323, ../scss/_1030up.scss */
body.blog #main .fourTile-wrapper {
  width: 50%;
  margin: 0;
  float: left;
  height: 480px;
}
/* line 329, ../scss/_1030up.scss */
body.blog #main .fourTile-wrapper article {
  height: 240px;
  position: relative;
}
/* line 333, ../scss/_1030up.scss */
body.blog #main .fourTile-wrapper article section {
  position: absolute;
  bottom: 0;
  top: auto;
}
/* line 340, ../scss/_1030up.scss */
body.blog #main article {
  width: 50%;
  margin: 0;
  float: left;
  height: 480px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #E5E5E5;
  background-size: cover;
}
/* line 350, ../scss/_1030up.scss */
body.blog #main article a {
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
  text-transform: uppercase;
  font-family: "Oswald", Arial, sans-serif;
}
/* line 358, ../scss/_1030up.scss */
body.blog #main article a section {
  background: rgba(255, 255, 255, 0.5);
  width: 150px;
  padding: 10px;
  position: relative;
  top: -webkit-calc(68% - 1px);
  top: calc(68% - 1px);
}
/* line 367, ../scss/_1030up.scss */
body.blog #main article a section h1,
body.blog #main article a section p {
  font-size: 12px;
  font-weight: normal;
  font-family: "Oswald", Arial, sans-serif;
  line-height: 19px;
  color: #000;
  margin: 0;
  text-align: right;
}
/* line 377, ../scss/_1030up.scss */
body.blog #main article a section h1.h2 span {
  display: block;
  float: right;
  border-bottom: 1px solid #000;
  text-rendering: auto;
}
/* line 388, ../scss/_1030up.scss */
body.blog #main .pagination-wrapper {
  margin-bottom: 30px;
}
/* line 391, ../scss/_1030up.scss */
body.blog #main .pagination-wrapper li {
  border-color: #00aeef;
}
/* line 395, ../scss/_1030up.scss */
body.blog #main .pagination-wrapper li.bpn-prev-link, body.blog #main .pagination-wrapper li.bpn-next-link {
  margin-top: 3px;
}
/* line 398, ../scss/_1030up.scss */
body.blog #main .pagination-wrapper li a {
  color: #00aeef;
}

/* line 407, ../scss/_1030up.scss */
body.single-post .menu-item-object-page a {
  color: #00aeef !important;
}

/* line 414, ../scss/_1030up.scss */
body.single-post #main,
body.page #main {
  width: 940px;
  float: left;
}
/* line 419, ../scss/_1030up.scss */
body.single-post #main header.article-header h1,
body.page #main header.article-header h1 {
  font-family: "Oswald", Arial, sans-serif;
  font-size: 26px;
  font-weight: normal;
  line-height: 36px;
  color: #2d2d2d;
  text-rendering: auto;
  margin: 0;
  text-transform: uppercase;
}
/* line 429, ../scss/_1030up.scss */
body.single-post #main header.article-header p,
body.page #main header.article-header p {
  font-family: "Oswald", Arial, sans-serif;
  float: left;
  padding-right: 20px;
}
/* line 435, ../scss/_1030up.scss */
body.single-post #main section.entry-content,
body.page #main section.entry-content {
  font-family: Arial,sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #343434;
}
/* line 441, ../scss/_1030up.scss */
body.single-post #main section.entry-content img.wp-post-image,
body.page #main section.entry-content img.wp-post-image {
  margin: 0;
}
/* line 444, ../scss/_1030up.scss */
body.single-post #main section.entry-content p,
body.page #main section.entry-content p {
  margin-bottom: 20px;
}
/* line 450, ../scss/_1030up.scss */
body.single-post #main section.entry-content a,
body.single-post #main section.entry-content a:focus,
body.single-post #main section.entry-content a:active,
body.single-post #main section.entry-content a:hover,
body.page #main section.entry-content a,
body.page #main section.entry-content a:focus,
body.page #main section.entry-content a:active,
body.page #main section.entry-content a:hover {
  color: #00aeef;
}
/* line 455, ../scss/_1030up.scss */
body.single-post .social-wrapper,
body.page .social-wrapper {
  padding-top: 17px;
}
/* line 458, ../scss/_1030up.scss */
body.single-post .sidebar,
body.page .sidebar {
  width: 200px;
  margin-left: 20px;
  float: left;
  margin-top: 55px;
}
/* line 464, ../scss/_1030up.scss */
body.single-post .sidebar .widget,
body.page .sidebar .widget {
  margin: 0;
  padding: 0;
}
/* line 468, ../scss/_1030up.scss */
body.single-post .sidebar .widget .widgettitle,
body.page .sidebar .widget .widgettitle {
  margin: 0;
  border: 0;
  font-family: "Oswald", Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: #343434;
  text-rendering: auto;
  float: left;
}
/* line 481, ../scss/_1030up.scss */
body.single-post .sidebar p,
body.page .sidebar p {
  font-family: "Oswald", Arial, sans-serif;
  font-size: 16px;
  line-height: 22px;
  color: #343434;
  margin: 0;
}
/* line 489, ../scss/_1030up.scss */
body.single-post .sidebar p.tags a,
body.page .sidebar p.tags a {
  text-decoration: none;
  color: #00aeef;
  font-family: "Oswald", Arial, sans-serif;
  font-size: 16px;
}
/* line 496, ../scss/_1030up.scss */
body.single-post .sidebar p.tags a:hover, body.single-post .sidebar p.tags a:active,
body.page .sidebar p.tags a:hover,
body.page .sidebar p.tags a:active {
  text-decoration: underline;
}

/* line 506, ../scss/_1030up.scss */
body.archive #main {
  width: 720px;
  margin-bottom: 100px;
}
/* line 511, ../scss/_1030up.scss */
body.archive #main h1 .tag_name {
  color: #00aeef;
}
/* line 515, ../scss/_1030up.scss */
body.archive #main article.post {
  border-top: 1px dotted #999;
}
/* line 517, ../scss/_1030up.scss */
body.archive #main article.post.first {
  border-top: 0;
}
/* line 523, ../scss/_1030up.scss */
body.archive #main article.post header.article-header h3 a {
  font-family: "Oswald", Arial, sans-serif;
  font-size: 26px;
  font-weight: normal;
  line-height: 36px;
  color: #2d2d2d;
  text-rendering: auto;
  margin: 0 0 20px;
  text-transform: uppercase;
}
/* line 534, ../scss/_1030up.scss */
body.archive #main article.post header.article-header h3 a:hover, body.archive #main article.post header.article-header h3 a:active {
  text-decoration: underline;
}
/* line 539, ../scss/_1030up.scss */
body.archive #main article.post header.article-header time {
  font-family: Arial,sans-serif;
}
/* line 544, ../scss/_1030up.scss */
body.archive #main article.post .entry-content img {
  float: left;
}
/* line 547, ../scss/_1030up.scss */
body.archive #main article.post .entry-content p {
  margin-top: 0;
  margin-left: 145px;
  font-family: Arial,sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #343434;
}

/***** The LOOK *****/
/* line 564, ../scss/_1030up.scss */
body.post-type-archive-the_look .menu-item-object-the_look a {
  color: #00aeef !important;
}

/* line 572, ../scss/_1030up.scss */
body.single-the_look .look-list_wrapper {
  background: #ebebeb;
  padding: 10px 0;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}
/* line 579, ../scss/_1030up.scss */
body.single-the_look .look-list_wrapper ul.look-list {
  padding: 0;
  margin: 0;
}
/* line 583, ../scss/_1030up.scss */
body.single-the_look .look-list_wrapper ul.look-list li {
  float: left;
  list-style: none;
  width: 25%;
}
/* line 588, ../scss/_1030up.scss */
body.single-the_look .look-list_wrapper ul.look-list li a {
  text-decoration: none;
  color: #676767;
  font-family: "Oswald", Arial, sans-serif;
  font-size: 15px;
  line-height: 20px;
}
/* line 596, ../scss/_1030up.scss */
body.single-the_look .look-list_wrapper ul.look-list li a.current-look, body.single-the_look .look-list_wrapper ul.look-list li a:hover {
  color: #00aeef;
}
/* line 604, ../scss/_1030up.scss */
body.single-the_look .look_main-wrapper {
  background: #f3f3f1;
}
/* line 607, ../scss/_1030up.scss */
body.single-the_look .look_main-wrapper .look_images {
  width: 450px;
  float: left;
  position: relative;
}
/* line 612, ../scss/_1030up.scss */
body.single-the_look .look_main-wrapper .look_images .look_image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
/* line 620, ../scss/_1030up.scss */
body.single-the_look .look_main-wrapper .look_images .slidesjs-pagination {
  padding: 0;
  margin: 0;
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 11;
}
/* line 628, ../scss/_1030up.scss */
body.single-the_look .look_main-wrapper .look_images .slidesjs-pagination li {
  list-style: none;
  float: left;
  margin-right: 10px;
}
/* line 633, ../scss/_1030up.scss */
body.single-the_look .look_main-wrapper .look_images .slidesjs-pagination li a {
  text-indent: -999999px;
  background: #c1ccd4;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
/* line 641, ../scss/_1030up.scss */
body.single-the_look .look_main-wrapper .look_images .slidesjs-pagination li a.active {
  background: #00aeef;
}
/* line 648, ../scss/_1030up.scss */
body.single-the_look .look_main-wrapper .look_description {
  width: 350px;
  margin-left: 20px;
  margin-top: 75px;
  float: left;
  font-family: arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
}
/* line 657, ../scss/_1030up.scss */
body.single-the_look .look_main-wrapper .look_description h1.single-title {
  color: #00aeef;
  font-family: "Oswald", Arial, sans-serif;
  font-size: 15px;
  line-height: 20px;
  margin: 0;
  text-rendering: auto;
}
/* line 665, ../scss/_1030up.scss */
body.single-the_look .look_main-wrapper .look_description p {
  margin-bottom: 20px;
}
/* line 670, ../scss/_1030up.scss */
body.single-the_look ul.look_products {
  padding: 0;
  padding-top: 20px;
  margin: 0;
  clear: both;
}
/* line 676, ../scss/_1030up.scss */
body.single-the_look ul.look_products li {
  margin: 0 20px 20px 0;
  list-style: none;
  float: left;
  background: #efefef;
}
/* line 682, ../scss/_1030up.scss */
body.single-the_look ul.look_products li a {
  display: block;
  width: 220px;
  height: 280px;
  position: relative;
  overflow: hidden;
}
/* line 689, ../scss/_1030up.scss */
body.single-the_look ul.look_products li a .look_prod-info {
  margin: 0;
  position: absolute;
  bottom: 10%;
  left: 0;
  background: rgba(255, 255, 255, 0.6);
  color: #000;
  text-transform: uppercase;
  font-family: "Oswald", Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  width: 66%;
  padding: 10px;
  padding-right: 20px;
  text-align: right;
}
/* line 706, ../scss/_1030up.scss */
body.single-the_look ul.look_products li a .price {
  margin-left: 10px;
}

/***** END - The LOOK *****/
/***** Rev Slider *****/
/* line 718, ../scss/_1030up.scss */
.rev_slider_wrapper .tp-bullets.simplebullets.round .bullet {
  border-radius: 50%;
  background: #C1CCD4;
  width: 10px;
  height: 10px;
  margin: 0 5px;
}
/* line 725, ../scss/_1030up.scss */
.rev_slider_wrapper .tp-bullets.simplebullets.round .bullet.selected {
  background: #00aeef;
}

/***** END - Rev Slider *****/
/******* FOOTER *******/
/* line 734, ../scss/_1030up.scss */
footer.footer {
  margin-top: 20px;
}
/* line 737, ../scss/_1030up.scss */
footer.footer .footer-cols {
  margin-bottom: 20px;
}
/* line 740, ../scss/_1030up.scss */
footer.footer .footer-cols > div {
  height: 155px;
  padding: 10px;
}
/* line 744, ../scss/_1030up.scss */
footer.footer .footer-cols > div.left-col {
  padding: 0;
}
/* line 747, ../scss/_1030up.scss */
footer.footer .footer-cols > div.middle-col {
  background: #00AEEF;
}
/* line 750, ../scss/_1030up.scss */
footer.footer .footer-cols > div.middle-col p.form-title {
  margin: 0 0 10px;
}
/* line 753, ../scss/_1030up.scss */
footer.footer .footer-cols > div.middle-col #email-input {
  position: relative;
  float: left;
}
/* line 757, ../scss/_1030up.scss */
footer.footer .footer-cols > div.middle-col #email-input label {
  top: 5px;
  left: 5px;
}
/* line 762, ../scss/_1030up.scss */
footer.footer .footer-cols > div.middle-col #mc_embed_signup {
  margin-bottom: 10px;
}
/* line 766, ../scss/_1030up.scss */
footer.footer .footer-cols > div.middle-col #mc_embed_signup label,
footer.footer .footer-cols > div.middle-col #mc_embed_signup input {
  font-family: 'Oswald',arial,sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #363636;
}
/* line 773, ../scss/_1030up.scss */
footer.footer .footer-cols > div.middle-col #mc_embed_signup input[type=email],
footer.footer .footer-cols > div.middle-col #mc_embed_signup input[type=text] {
  width: 190px;
}
/* line 776, ../scss/_1030up.scss */
footer.footer .footer-cols > div.middle-col #mc_embed_signup input[type=submit] {
  background: #00AEEF;
  color: #FFF;
  float: left;
  border: 0;
  margin: 4px 0 4px 18px;
  text-shadow: none;
  padding: 1px 6px;
  font-weight: normal;
  line-height: normal;
}
/* line 792, ../scss/_1030up.scss */
footer.footer .footer-cols > div.middle-col a:focus,
footer.footer .footer-cols > div.middle-col a:visited,
footer.footer .footer-cols > div.middle-col a:link,
footer.footer .footer-cols > div.middle-col a,
footer.footer .footer-cols > div.middle-col p {
  text-decoration: none;
  text-transform: uppercase;
  color: #FFF;
  font-family: 'Oswald',arial,sans-serif;
  font-size: 12px;
  line-height: 16px;
}
/* line 800, ../scss/_1030up.scss */
footer.footer .footer-cols > div.middle-col p {
  margin: 5px 0;
}
/* line 804, ../scss/_1030up.scss */
footer.footer .footer-cols > div.right-col {
  background: #E5E5E5;
}
/* line 807, ../scss/_1030up.scss */
footer.footer .footer-cols > div.right-col p {
  margin: 0 0 10px;
  font-family: 'Oswald',arial,sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #00AEEF;
  line-height: 16px;
}
/* line 819, ../scss/_1030up.scss */
footer.footer #store-info-wrapper {
  text-align: center;
  background: #E5E5E5;
  padding: 23px 22px 26px;
  box-sizing: border-box;
}
/* line 825, ../scss/_1030up.scss */
footer.footer #store-info-wrapper .store-info {
  width: 360px;
  margin: 0 auto;
}
/* line 829, ../scss/_1030up.scss */
footer.footer #store-info-wrapper .store-info > div {
  width: 170px;
  float: left;
  margin-right: 20px;
  padding: 6px 0;
  font-family: arial,sans-serif;
  font-size: 12px;
  color: #343434;
  line-height: 18px;
}
/* line 839, ../scss/_1030up.scss */
footer.footer #store-info-wrapper .store-info > div p {
  margin: 0;
  font-family: 'Oswald',arial,sans-serif;
}
/* line 845, ../scss/_1030up.scss */
footer.footer #store-info-wrapper .store-info > div a,
footer.footer #store-info-wrapper .store-info > div a:link,
footer.footer #store-info-wrapper .store-info > div a:visited {
  text-decoration: none;
  color: #343434;
}
/* line 850, ../scss/_1030up.scss */
footer.footer #store-info-wrapper .store-info > div a:focus,
footer.footer #store-info-wrapper .store-info > div a:hover {
  text-decoration: underline;
  color: #00AEEF;
}
/* line 858, ../scss/_1030up.scss */
footer.footer #inner-footer {
  margin: 15px 0 29px;
}
/* line 861, ../scss/_1030up.scss */
footer.footer #inner-footer ul.footer-nav {
  width: 400px;
  padding: 0;
  margin: 0 auto;
  background: none;
  border: 0;
}
/* line 868, ../scss/_1030up.scss */
footer.footer #inner-footer ul.footer-nav li {
  list-style: none;
  float: left;
  border-left: 1px solid #343434;
  padding: 0 5px;
  line-height: 0.6em;
}
/* line 875, ../scss/_1030up.scss */
footer.footer #inner-footer ul.footer-nav li:first-child {
  border-left: 0;
}
/* line 878, ../scss/_1030up.scss */
footer.footer #inner-footer ul.footer-nav li a {
  background: none;
  padding: 0;
  font-family: arial,sans-serif;
  font-size: 12px;
  line-height: 1em;
  text-decoration: none;
  color: #343434;
  border: 0;
}
/* line 888, ../scss/_1030up.scss */
footer.footer #inner-footer ul.footer-nav li a:hover {
  text-decoration: underline;
  color: #00aeef;
}

/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
/* @media only screen and (min-width: 1240px) {

	// styles in 1240up.scss
	@import "1240up";

} // end of media query */
/*
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: 
  Author: 
  
  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:
  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.
  
  ******************************************************************/
  /* 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;
  }
}