/******************************************************************
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.
******************************************************************/
/*
*ADMIN COLOURS
*
*/
/*
Override Admin Variables here
*/
/* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
/* =============================================================================
   Normalize.css is intended to be used as an alternative to CSS resets.

   It is suggested that you read through the normalize.css file and customise it
   to meet the design requirements of a project rather including it as a "black
   box". @see http://nicolasgallagher.com/about-normalize-css/

   Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
         @see http://snook.ca/archives/html_and_css/no_css_reset/
   ========================================================================== */
/*
*ADMIN COLOURS
*
*/
/*
Override Admin Variables here
*/
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
/* line 35, ../scss/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
/* line 45, ../scss/_normalize.scss */
audio,
canvas,
video {
  display: inline-block;
}

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

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

/* =============================================================================
   Base
   ========================================================================== */
/* Instead of relying on the fonts that are available on a user's computer, you
   can use web fonts which, like images, are resources downloaded to the user's
   browser. Because of the bandwidth and rendering resources required, web fonts
   should be used with care.

   Numerous resources for web fonts can be found on Google. Here are a few
   websites where you can find Open Source fonts to download:
   - http://www.fontsquirrel.com/fontface
   - http://www.theleagueofmoveabletype.com

   In order to use these fonts, you will need to convert them into formats
   suitable for web fonts. We recommend the free-to-use Font Squirrel's
   Font-Face Generator:
     http://www.fontsquirrel.com/fontface/generator

   The following is an example @font-face declaration. This font can then be
   used in any ruleset using a property like this:  font-family: Example, serif;

   Since we're using Sass, you'll need to declare your font faces here, then you
   can add them to the font variables in the _base.scss partial.
*/
/*
@font-face {
  font-family: 'Example';
  src: url('../fonts/example.eot');
  src: url('../fonts/example.eot?iefix') format('eot'),
    url('../fonts/example.woff') format('woff'),
    url('../fonts/example.ttf') format('truetype'),
    url('../fonts/example.svg#webfontOkOndcij') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/
/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
/* line 119, ../scss/_normalize.scss */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  /* Establishes a vertical rhythm unit using $base-line-height. */
  line-height: 1.5em;
}

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */
/* line 135, ../scss/_normalize.scss */
html,
button,
input,
select,
textarea {
  font-family: "Open Sans", "Courier New", "DejaVu Sans Mono", monospace, sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */
/* line 143, ../scss/_normalize.scss */
body {
  margin: 0;
}

/* =============================================================================
   Links
   ========================================================================== */
/*
 * The order of link states are based on Eric Meyer's article:
 * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
 */
/*
 * Addresses outline displayed oddly in Chrome
 */
/* line 174, ../scss/_normalize.scss */
a:focus {
  outline: thin dotted;
}

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

/* =============================================================================
   Typography

   To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins
   so that the line height of our base font becomes the basic unit of vertical
   measurement. We use multiples of that unit to set the top and bottom margins
   for our block level elements and to set the line heights of any fonts.
   For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */
/* line 204, ../scss/_normalize.scss */
h1 {
  /* Sets the font-size and line-height while keeping a proper vertical rhythm. */
  font-size: 3em;
  line-height: 1.5em;
  /* Sets 1 unit of vertical rhythm on the top and bottom margins. */
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/* line 213, ../scss/_normalize.scss */
h2 {
  font-size: 2.5em;
  line-height: 1.2em;
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}

/* line 219, ../scss/_normalize.scss */
h3 {
  font-size: 1.5em;
  line-height: 2em;
  margin-top: 1em;
  margin-bottom: 1em;
}

/* line 225, ../scss/_normalize.scss */
h4 {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

/* line 231, ../scss/_normalize.scss */
h5 {
  font-size: 0.83em;
  line-height: 1.80723em;
  margin-top: 1.80723em;
  margin-bottom: 1.80723em;
}

/* line 237, ../scss/_normalize.scss */
h6 {
  font-size: 0.75em;
  line-height: 2em;
  margin-top: 2em;
  margin-bottom: 2em;
}

/* Thematic break */
/* line 244, ../scss/_normalize.scss */
hr {
  height: 1px;
  border: 1px solid #666;
  padding-bottom: -1px;
  margin: 1.5em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
/* line 255, ../scss/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
  cursor: help;
  white-space: nowrap;
}

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

/* line 270, ../scss/_normalize.scss */
blockquote {
  /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
  margin: 1.5em 30px;
}

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

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

/*
 * Addresses margins set differently in IE6/7
 */
/* line 297, ../scss/_normalize.scss */
p,
pre {
  /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
  margin: 1.5em 0;
  line-height: 1.5em;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
/* line 313, ../scss/_normalize.scss */
pre,
code,
kbd,
samp,
tt,
var {
  font-family: "Open Sans", "Courier New", "DejaVu Sans Mono", monospace, sans-serif;
  /* The $font-monospace value ends with ", serif". */
  font-size: 1em;
  line-height: 1.5em;
}

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

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */
/* 1 */
/* line 338, ../scss/_normalize.scss */
q {
  quotes: none;
}

/* 2 */
/* line 345, ../scss/_normalize.scss */
q:before,
q:after {
  content: '';
  content: none;
}

/* @todo Determine how big element affects vertical rhythm. */
/* line 351, ../scss/_normalize.scss */
small {
  font-size: 75%;
}

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

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

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

/* =============================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7
 */
/* line 389, ../scss/_normalize.scss */
dl,
menu,
ol,
ul,
.item-list ul {
  /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
  margin: 1.5em 0;
}

/* line 394, ../scss/_normalize.scss */
.item-list ul li {
  /* Drupal override */
  margin: 0;
}

/* line 398, ../scss/_normalize.scss */
dd {
  margin: 0 0 0 30px;
  /* LTR */
}

/* line 403, ../scss/_normalize.scss */
ul ul, ul ol, ol ul, ol ol, .item-list ul ul, .item-list ul ol, .item-list ol ul, .item-list ol ol {
  margin: 0;
  /* Turn off margins on nested lists. */
}

/*
 * Addresses paddings set differently in IE6/7
 */
/* line 415, ../scss/_normalize.scss */
menu,
ol,
ul,
.item-list ul {
  padding: 0 0 0 30px;
  /* LTR */
}

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

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
/* line 440, ../scss/_normalize.scss */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
  /* vertical-align: bottom; */
  /* Suppress the space beneath the baseline */
  /* Responsive images */
  /* @todo Add responsive embedded video. */
  max-width: 100%;
  height: auto;
}

/*
 * Corrects overflow displayed oddly in IE9
 */
/* line 456, ../scss/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

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

/* =============================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7
 */
/* line 482, ../scss/_normalize.scss */
form {
  margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */
/* line 490, ../scss/_normalize.scss */
fieldset {
  border-color: #c0c0c0;
  margin: 0 2px;
  /* Apply borders and padding that keep the vertical rhythm. */
  border-top-style: solid;
  border-top-width: 0.0625em;
  padding-top: 0.4625em;
  border-bottom-style: solid;
  border-bottom-width: 0.0625em;
  padding-bottom: 0.9125em;
  border-left-style: solid;
  border-left-width: 0.0625em;
  padding-left: 0.9125em;
  border-right-style: solid;
  border-right-width: 0.0625em;
  padding-right: 0.9125em;
}

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

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

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

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */
/* line 552, ../scss/_normalize.scss */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
}

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

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */
/* line 577, ../scss/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

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

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
/* line 611, ../scss/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

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

/* =============================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells
 */
/* line 635, ../scss/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
  /* width: 100%; */
  /* Prevent cramped-looking tables */
  /* Add vertical rhythm margins. */
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

/*
 * Drupal provides table styling which is only useful for its admin section
 * forms, so we override this default CSS. (We set it back in forms.css.)
 */
/* line 649, ../scss/_normalize.scss */
th {
  text-align: left;
  /* LTR */
  padding: 0;
  border-bottom: none;
}

/* line 655, ../scss/_normalize.scss */
tbody {
  border-top: none;
}

/******************************************************************
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.

******************************************************************/
/*
*ADMIN COLOURS
*
*/
/*
Override Admin Variables here
*/
/*********************
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;
}

/* line 47, ../scss/_mixins.scss */
.flex_image {
  max-width: 100%;
  height: auto;
}

/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
/* line 95, ../scss/_mixins.scss */
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic;
}

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

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

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

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

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

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

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

/* line 131, ../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 overdue 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 193, ../scss/_mixins.scss */
.button, .button:visited {
  font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
  border: none;
  padding: 4px 12px;
  color: white;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 20px;
  line-height: 21px;
  background-color: #1a8e79;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1ea48b), to(#1a8e79));
  background-image: -webkit-linear-gradient(top, #1ea48b, #1a8e79);
  background-image: -moz-linear-gradient(top, #1ea48b, #1a8e79);
  background-image: -o-linear-gradient(top, #1ea48b, #1a8e79);
  background-image: linear-gradient(to bottom, #1ea48b, #1a8e79);
}
/* line 214, ../scss/_mixins.scss */
.button:hover, .button:focus, .button:visited:hover, .button:visited:focus {
  color: white;
  border: none;
  background-color: #4cbca3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5fc3ad), to(#4cbca3));
  background-image: -webkit-linear-gradient(top, #5fc3ad, #4cbca3);
  background-image: -moz-linear-gradient(top, #5fc3ad, #4cbca3);
  background-image: -o-linear-gradient(top, #5fc3ad, #4cbca3);
  background-image: linear-gradient(to bottom, #5fc3ad, #4cbca3);
}
/* line 220, ../scss/_mixins.scss */
.button:active, .button:visited:active {
  background-color: #4cbca3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5fc3ad), to(#4cbca3));
  background-image: -webkit-linear-gradient(top, #5fc3ad, #4cbca3);
  background-image: -moz-linear-gradient(top, #5fc3ad, #4cbca3);
  background-image: -o-linear-gradient(top, #5fc3ad, #4cbca3);
  background-image: linear-gradient(to bottom, #5fc3ad, #4cbca3);
}

/* line 225, ../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 231, ../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 235, ../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.
*/
/* line 2, ../scss/Sections/_header.scss */
#header #header_main #infoBar {
  width: 100%;
  background-color: #000;
  color: #8f8f8f;
  font-size: 14px;
  text-align: center;
  height: 25px;
  margin-top: -21px;
}
/* line 10, ../scss/Sections/_header.scss */
#header #header_main #infoBar ul {
  padding: 0;
}
/* line 11, ../scss/Sections/_header.scss */
#header #header_main #infoBar li {
  display: inline;
  list-style-type: none;
  padding-right: 30px;
  color: #8f8f8f;
  font-size: 14px;
}
/* line 17, ../scss/Sections/_header.scss */
#header #header_main #infoBar li a {
  color: #8f8f8f;
  font-size: 14px;
  text-decoration: none;
}
/* line 21, ../scss/Sections/_header.scss */
#header #header_main #infoBar li a strong {
  color: #fff;
}
/* line 24, ../scss/Sections/_header.scss */
#header #header_main #infoBar li a:hover {
  color: #fff;
}
/* line 1, ../scss/Sections/_infoBarExceptions.scss */
#header #header_main .no-bold {
  background: transparent;
  cursor: default;
  color: #8f8f8f !important;
}
/* line 6, ../scss/Sections/_infoBarExceptions.scss */
#header #header_main .no-bold a {
  background: transparent;
  cursor: default;
  color: #8f8f8f !important;
}
/* line 11, ../scss/Sections/_infoBarExceptions.scss */
#header #header_main .highlighted a {
  background: transparent;
  cursor: default;
  color: #cecece !important;
  font-weight: bold;
}
/* line 17, ../scss/Sections/_infoBarExceptions.scss */
#header #header_main .highlighted2 a {
  color: #cecece !important;
  font-weight: bold;
}
/* line 32, ../scss/Sections/_header.scss */
#header #header_main #logo {
  display: inline-block;
  padding-top: 35px;
  height: 147px;
  width: 100%;
  overflow: hidden;
  text-align: center;
  background-image: url("../images/headerBackground.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-bottom: -10px;
}
/* line 47, ../scss/Sections/_header.scss */
#header #header_main #logo a img:hover {
  opacity: 0.8;
}
/* line 53, ../scss/Sections/_header.scss */
#header #header_main #nav_main {
  background-color: #31b0a6;
  text-align: center;
  height: auto;
  position: relative;
  z-index: 10;
  width: 100%;
}
/* line 60, ../scss/Sections/_header.scss */
#header #header_main #nav_main .holder {
  max-width: 920px;
  margin: 0 auto;
  /*ul{padding:0;margin:0 !important;}
  li{
  	display: inline;
  	list-style-type: none;
  	font-family: 'Open Sans', sans-serif;
  	width:90px;
  	margin-top:15px;
  
  	& a{
  		color:$mainNavLink;
  		font-size: 18px;
  		text-decoration: none;
  		padding-left:25px;
  		padding-right:25px;
  		line-height: 45px;
  		height:45px;
  		
  		& strong{
  			color:#fff;
  		}
  		
  	}
  	&:hover{
  		//background-color: $mainNavBackgroundHover;
  	}
  }
  */
  @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:500);
  /* 2f4b87 */
  /* 2f4b87 */
  /* #1f325d */
  /* Menu CSS */
}
/* line 33, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder #cssmenu {
  width: auto;
}
/* line 39, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder #cssmenu,
#header #header_main #nav_main .holder #cssmenu ul,
#header #header_main #nav_main .holder #cssmenu ul li,
#header #header_main #nav_main .holder #cssmenu ul li a {
  padding: 0;
  margin: 0;
  line-height: 1;
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
/* line 55, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder #cssmenu:before,
#header #header_main #nav_main .holder #cssmenu:after,
#header #header_main #nav_main .holder #cssmenu > ul:before,
#header #header_main #nav_main .holder #cssmenu > ul:after {
  content: '';
  display: table;
}
/* line 60, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder #cssmenu:after,
#header #header_main #nav_main .holder #cssmenu > ul:after {
  clear: both;
}
/* line 65, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder #cssmenu ul {
  background: #31b0a6;
}
/* line 69, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder #cssmenu ul > li {
  float: left;
  list-style: none;
}
/* line 73, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder #cssmenu ul > li > a {
  display: block;
  text-decoration: none;
  padding: 15px 44px;
  position: relative;
}
/* line 79, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder #cssmenu ul > li > a:hover {
  background: #2da097;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
/* line 88, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder #cssmenu ul > li > a:hover:before {
  content: '';
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -1px;
  opacity: .2;
}
/* line 99, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder #cssmenu ul > li > a:hover:after {
  content: '';
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: -1px;
  opacity: .2;
}
/* line 110, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder #cssmenu > ul > li > ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
/* line 115, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder #cssmenu > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  position: absolute;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
/* line 126, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder #cssmenu > ul > li > ul {
  width: 200px;
  position: absolute;
}
/* line 130, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder #cssmenu > ul > li > ul > li {
  float: none;
  position: relative;
}
/* line 134, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder #cssmenu > ul > li > ul > li > ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
/* line 139, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder #cssmenu > ul > li > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  position: absolute;
}
/* line 144, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder #cssmenu > ul > li > ul > li > ul {
  left: 200px;
  top: 1px;
  width: 200px;
}
/* line 149, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder #cssmenu > ul > li > ul > li > ul > li {
  float: none;
}
/* line 72, ../scss/Sections/_header.scss */
#header #mobile-header {
  display: none;
}
@media only screen and (max-width: 767px) {
  /* line 76, ../scss/Sections/_header.scss */
  #header #mobile-header {
    display: block;
  }
  /* line 79, ../scss/Sections/_header.scss */
  #header .fullNav {
    display: none;
  }
}

/* line 3, ../scss/Sections/_homePage.scss */
#homePage #headerImage img {
  width: 100%;
  height: auto;
}
/* line 8, ../scss/Sections/_homePage.scss */
#homePage #oceanOrthodontics {
  height: auto;
  width: 100%;
  text-align: center;
  padding-bottom: 50px;
}
/* line 13, ../scss/Sections/_homePage.scss */
#homePage #oceanOrthodontics h1 {
  font-size: 36px;
  color: #232323;
  font-weight: normal;
}
/* line 18, ../scss/Sections/_homePage.scss */
#homePage #oceanOrthodontics .blurb {
  width: 100%;
}
/* line 22, ../scss/Sections/_homePage.scss */
#homePage #oceanOrthodontics .blurb p {
  font-size: 18px;
  color: #232323;
  max-width: 626px;
  margin: 0 auto;
}
/* line 29, ../scss/Sections/_homePage.scss */
#homePage #oceanOrthodontics .readMore {
  padding-top: 44px;
}
/* line 34, ../scss/Sections/_homePage.scss */
#homePage #middleImage img {
  width: 100%;
  height: auto;
}
/* line 39, ../scss/Sections/_homePage.scss */
#homePage #meetTheOrthodontist {
  width: 100%;
  height: auto;
  width: 100%;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
  margin: 0 auto;
}
/* line 48, ../scss/Sections/_homePage.scss */
#homePage #meetTheOrthodontist .holder {
  max-width: 885px;
}
/* line 52, ../scss/Sections/_homePage.scss */
#homePage #meetTheOrthodontist #leftContent {
  position: relative;
  float: left;
  max-width: 208px;
  text-align: left;
}
/* line 59, ../scss/Sections/_homePage.scss */
#homePage #meetTheOrthodontist #rightContent {
  position: relative;
  float: left;
  max-width: 677px;
  text-align: left;
  padding-left: 20px;
  line-height: 40px;
}
/* line 67, ../scss/Sections/_homePage.scss */
#homePage #meetTheOrthodontist #rightContent h1 {
  font-size: 28px;
  font-weight: normal;
  color: #31b0a6;
  line-height: 28px;
}
/* line 73, ../scss/Sections/_homePage.scss */
#homePage #meetTheOrthodontist #rightContent #blurb p {
  font-size: 18px;
  color: #1c1c1c;
  line-height: 40px;
  margin: 0;
}
/* line 79, ../scss/Sections/_homePage.scss */
#homePage #meetTheOrthodontist #rightContent #readMore a {
  color: #35bfb4;
  font-size: 16px;
  text-decoration: none;
}
/* line 86, ../scss/Sections/_homePage.scss */
#homePage #testimonials {
  zoom: 1;
  width: 100%;
  height: auto;
  background-color: #31b0a6;
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 50px;
}
/* line 88, ../scss/Sections/_homePage.scss */
#homePage #testimonials:before, #homePage #testimonials:after {
  content: "";
  display: table;
}
/* line 89, ../scss/Sections/_homePage.scss */
#homePage #testimonials:after {
  clear: both;
}
/* line 98, ../scss/Sections/_homePage.scss */
#homePage #testimonials #testContent {
  max-width: 797px;
  text-align: left;
  margin: 0 auto;
}
/* line 103, ../scss/Sections/_homePage.scss */
#homePage #testimonials #testContent strong {
  font-size: 22px;
  text-transform: italic !important;
  font-weight: normal;
}
/* line 109, ../scss/Sections/_homePage.scss */
#homePage #testimonials #testContent a {
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
/* line 118, ../scss/Sections/_homePage.scss */
#homePage .clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/* line 127, ../scss/Sections/_homePage.scss */
#homePage .clearfix {
  display: inline-block;
}
/* line 131, ../scss/Sections/_homePage.scss */
#homePage html[xmlns] .clearfix {
  display: block;
}
/* line 135, ../scss/Sections/_homePage.scss */
#homePage * html .clearfix {
  height: 1%;
}
/* line 139, ../scss/Sections/_homePage.scss */
#homePage #learningCentre {
  text-align: center;
  width: 100%;
  height: auto;
  padding-top: 50px;
}
/* line 144, ../scss/Sections/_homePage.scss */
#homePage #learningCentre h1 {
  font-size: 28px;
  color: #31b0a6;
  font-weight: normal;
  padding-bottom: 20px;
}
/* line 151, ../scss/Sections/_homePage.scss */
#homePage #learningCentre #icons {
  width: 100%;
}
/* line 153, ../scss/Sections/_homePage.scss */
#homePage #learningCentre #icons ul {
  max-width: 580px;
  margin: 0 auto;
}
/* line 156, ../scss/Sections/_homePage.scss */
#homePage #learningCentre #icons ul li {
  display: inline;
  list-style-type: none;
  float: left;
  width: 110px;
  height: 150px;
}
/* line 162, ../scss/Sections/_homePage.scss */
#homePage #learningCentre #icons ul li a {
  text-decoration: none;
  color: #35bfb4;
}
/* line 171, ../scss/Sections/_homePage.scss */
#homePage #learningCentre #learningTitle {
  margin-top: -15px;
}
/* line 174, ../scss/Sections/_homePage.scss */
#homePage #learningCentre #learningContent {
  text-align: center;
  max-width: 680px;
  font-size: 18px;
  color: #232323;
  position: relative;
  margin-top: -20px;
}
/* line 183, ../scss/Sections/_homePage.scss */
#homePage #products {
  text-align: center;
  width: 100%;
  background-color: #e6e6e6;
  color: #6d6e71;
  font-size: 18px;
}
/* line 189, ../scss/Sections/_homePage.scss */
#homePage #products h1 {
  font-size: 28px;
  color: #31b0a6;
  font-weight: normal;
  color: #6d6e71;
  padding-top: 50px;
  margin-bottom: -20px;
}
/* line 197, ../scss/Sections/_homePage.scss */
#homePage #products #logos {
  max-width: 1100px;
  padding-bottom: 10px;
  margin-top: 20px;
  margin: 0 auto;
}
/* line 202, ../scss/Sections/_homePage.scss */
#homePage #products #logos ul {
  columns: 3;
}
/* line 207, ../scss/Sections/_homePage.scss */
#homePage #products #logos li {
  width: 312px;
  min-height: 90px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  margin: 5px;
  zoom: 1;
  *display: inline;
  _height: 250px;
}

/* line 1, ../scss/Sections/_aboutPage.scss */
#aboutPage {
  width: 100%;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  color: #232323;
}
/* line 6, ../scss/Sections/_aboutPage.scss */
#aboutPage .content {
  max-width: 950px;
  margin: 0 auto;
  text-align: left;
  margin-top: 80px;
}
/* line 11, ../scss/Sections/_aboutPage.scss */
#aboutPage .content h2 {
  font-size: 36px;
  font-weight: normal;
}
/* line 15, ../scss/Sections/_aboutPage.scss */
#aboutPage .content .entrytext {
  font-size: 16px;
  padding-bottom: 50px;
}
/* line 20, ../scss/Sections/_aboutPage.scss */
#aboutPage .content .featuredItem {
  max-width: 215px;
  float: left;
  margin-right: 20px;
  height: 774px;
}
/* line 25, ../scss/Sections/_aboutPage.scss */
#aboutPage .content .featuredItem .featuredImage {
  min-width: 215px;
  text-align: center;
  padding-bottom: 45px;
}
/* line 30, ../scss/Sections/_aboutPage.scss */
#aboutPage .content .featuredItem .featuredTitle {
  font-size: 28px;
  color: #31b0a6;
  height: 84px;
  line-height: 35px;
  width: 215px;
}
/* line 37, ../scss/Sections/_aboutPage.scss */
#aboutPage .content .featuredItem .featuredDescription {
  color: #232323;
  font-size: 14px;
  width: 215px;
}
/* line 42, ../scss/Sections/_aboutPage.scss */
#aboutPage .content .featuredItem .readMore a {
  color: #31b0a6;
  text-decoration: none;
  font-size: 14px;
}

/* line 1, ../scss/Sections/_footer.scss */
#footer_main {
  width: 100%;
}
/* line 4, ../scss/Sections/_footer.scss */
#footer_main ul {
  margin: 0;
}
/* line 7, ../scss/Sections/_footer.scss */
#footer_main li {
  display: inline;
  list-style-type: none;
  font-family: 'Open Sans', sans-serif;
  width: 90px;
  margin-top: 15px;
}
/* line 14, ../scss/Sections/_footer.scss */
#footer_main li a {
  color: white;
  text-decoration: none;
  padding-left: 20px;
  padding-right: 20px;
}
/* line 19, ../scss/Sections/_footer.scss */
#footer_main li a:hover {
  color: #35bfb4;
}

/* line 26, ../scss/Sections/_footer.scss */
#map {
  position: relative;
  z-index: 5;
}
/* line 29, ../scss/Sections/_footer.scss */
#map img {
  width: 100%;
  height: auto;
}

/* line 34, ../scss/Sections/_footer.scss */
.footer-menu {
  position: absolute;
  width: 100%;
  z-index: 6;
  background-color: rgba(0, 0, 0, 0.8);
  height: auto;
  margin-top: -86px;
  line-height: 80px;
  text-align: left;
}
/* line 43, ../scss/Sections/_footer.scss */
.footer-menu .holder {
  max-width: 920px;
  margin: 0 auto;
}
/* line 46, ../scss/Sections/_footer.scss */
.footer-menu .holder img {
  float: left;
  margin-top: 15px;
  padding-right: 10px;
}

/* line 55, ../scss/Sections/_footer.scss */
.formFooter {
  background-color: #31b0a6;
  text-align: left;
  margin-top: -6px;
}
/* line 59, ../scss/Sections/_footer.scss */
.formFooter #copyright {
  font-family: 'Open Sans', sans-serif;
  color: #2a837e;
  font-size: 14px;
  padding-top: 78px;
  padding-bottom: 45px;
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
}
/* line 69, ../scss/Sections/_footer.scss */
.formFooter #copyright ul {
  float: left;
}
/* line 72, ../scss/Sections/_footer.scss */
.formFooter #copyright ul li a {
  color: #2a837e;
  font-size: 14px;
  padding-left: 5px;
  padding-right: 5px;
  border-right: 1px solid #2a837e;
}
/* line 79, ../scss/Sections/_footer.scss */
.formFooter #copyright ul li a:hover {
  color: white;
}
/* line 85, ../scss/Sections/_footer.scss */
.formFooter #copyright #cpy {
  padding-left: 5px;
}
/* line 87, ../scss/Sections/_footer.scss */
.formFooter #copyright #cpy a {
  color: #2a837e;
  font-size: 14px;
  text-decoration: none;
}
/* line 92, ../scss/Sections/_footer.scss */
.formFooter #copyright #cpy a:hover {
  color: white;
}

/* line 1, ../scss/Sections/_orthodontist.scss */
#orthoPage {
  width: 100%;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  color: #232323;
}
/* line 6, ../scss/Sections/_orthodontist.scss */
#orthoPage #blurb {
  float: left;
  width: 70%;
  height: auto;
}
/* line 11, ../scss/Sections/_orthodontist.scss */
#orthoPage #blurb .entrytext img {
  padding-bottom: 10px;
}
/* line 14, ../scss/Sections/_orthodontist.scss */
#orthoPage #blurb .entrytext img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}
/* line 15, ../scss/Sections/_orthodontist.scss */
#orthoPage #blurb .entrytext img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}
/* line 16, ../scss/Sections/_orthodontist.scss */
#orthoPage #blurb .entrytext img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 17, ../scss/Sections/_orthodontist.scss */
#orthoPage #blurb .entrytext .alignright {
  float: right;
}
/* line 18, ../scss/Sections/_orthodontist.scss */
#orthoPage #blurb .entrytext .alignleft {
  float: left;
}
/* line 19, ../scss/Sections/_orthodontist.scss */
#orthoPage #blurb .entrytext .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 22, ../scss/Sections/_orthodontist.scss */
#orthoPage #subNav {
  float: left;
  width: 30%;
}
/* line 26, ../scss/Sections/_orthodontist.scss */
#orthoPage .content {
  max-width: 950px;
  margin: 0 auto;
  text-align: left;
  margin-top: 80px;
}
/* line 31, ../scss/Sections/_orthodontist.scss */
#orthoPage .content h2 {
  font-size: 36px;
  font-weight: normal;
}
/* line 35, ../scss/Sections/_orthodontist.scss */
#orthoPage .content .entrytext {
  font-size: 16px;
  padding-bottom: 50px;
}
/* line 40, ../scss/Sections/_orthodontist.scss */
#orthoPage .content .featuredItem {
  max-width: 215px;
  float: left;
  margin-right: 20px;
  height: 774px;
}
/* line 45, ../scss/Sections/_orthodontist.scss */
#orthoPage .content .featuredItem .featuredImage {
  min-width: 215px;
  text-align: center;
  padding-bottom: 45px;
}
/* line 50, ../scss/Sections/_orthodontist.scss */
#orthoPage .content .featuredItem .featuredTitle {
  font-size: 28px;
  color: #31b0a6;
  height: 84px;
  line-height: 35px;
  width: 215px;
}
/* line 57, ../scss/Sections/_orthodontist.scss */
#orthoPage .content .featuredItem .featuredDescription {
  color: #232323;
  font-size: 14px;
  width: 215px;
}
/* line 62, ../scss/Sections/_orthodontist.scss */
#orthoPage .content .featuredItem .readMore a {
  color: #31b0a6;
  text-decoration: none;
  font-size: 14px;
}
/* line 69, ../scss/Sections/_orthodontist.scss */
#orthoPage #bottomContent {
  width: 100%;
  background-color: #e6e6e6;
}

/* line 1, ../scss/_content.scss */
#wrapper {
  width: 100%;
  margin: auto;
  text-align: left;
  padding-top: 0;
}

/*
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: 320px) {
  /******************************************************************
  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/_bp1up.scss */
  .menu {
    /* end .menu ul */
  }
  /* line 28, ../scss/_bp1up.scss */
  .menu ul {
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  /* line 29, ../scss/_bp1up.scss */
  .menu ul li {
    /*
    plan your menus and drop-downs wisely.
    */
  }
  /* line 30, ../scss/_bp1up.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 */
  /*********************
  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:
  Author:
  
  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
  *********************/
  /*********************
  HEADER STYLES
  *********************/
  /*********************
  NAVIGATION STYLES
  *********************/
  /* line 38, ../scss/_bp2up.scss */
  .nav {
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  /* line 41, ../scss/_bp2up.scss */
  .nav li {
    /*
    plan your menus and drop-downs wisely.
    */
    /* showing sub-menus */
  }
  /* line 44, ../scss/_bp2up.scss */
  .nav li a {
    /*
    you can use hover styles here even though this size
    has the possibility of being a mobile device.
    */
  }
  /* line 64, ../scss/_bp2up.scss */
  .nav li ul.sub-menu,
  .nav li ul.children {
    /* highlight sub-menu current page */
  }
  /* line 67, ../scss/_bp2up.scss */
  .nav li ul.sub-menu li,
  .nav li ul.children li {
    /*
    if you need to go deeper, go nuts
    just remember deeper menus suck
    for usability. k, bai.
    */
  }

  /* end .nav */
  /*********************
  SIDEBARS & ASIDES
  *********************/

  /*********************
  FOOTER STYLES
  *********************/
  /*
  you'll probably need to do quite a bit
  of overriding here if you styled them for
  mobile. Make sure to double check these!
  */
  /* line 135, ../scss/_bp2up.scss */
  .footer-links ul li {
    /*
    be careful with the depth of your menus.
    it's very rare to have multi-depth menus in
    the footer.
    */
  }

  /* end .footer-links */
}
/*
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: 980px) {
  /******************************************************************
  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. 
  
  ******************************************************************/
}
/*
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: 
  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;
  }
}