/******************************************************************
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"] {
  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 */
  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 */
* {
  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: 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: 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: 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: 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: 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: linear-gradient(to bottom, #1681c4, #1990db);
}

/* line 239, ../scss/_mixins.scss */
.sub-mobile {
  display: none;
}

/* line 242, ../scss/_mixins.scss */
#subNav {
  float: left;
  width: 35%;
  padding-bottom: 3em;
  font-size: 16px;
}
/* line 248, ../scss/_mixins.scss */
#subNav .children {
  display: none;
}
/* line 254, ../scss/_mixins.scss */
#subNav .current_page_item .children,
#subNav .current_page_ancestor .children,
#subNav .current_page_parent .children {
  display: block;
}
/* line 255, ../scss/_mixins.scss */
#subNav .side-nav {
  padding: 0 0 0 0px;
}
/* line 257, ../scss/_mixins.scss */
#subNav .side-nav li {
  list-style-type: none;
  line-height: 40px;
}
/* line 261, ../scss/_mixins.scss */
#subNav .side-nav li a {
  text-decoration: none;
  color: #292929;
}
/* line 265, ../scss/_mixins.scss */
#subNav .side-nav li a:hover {
  color: #35bfb4;
}
/* line 271, ../scss/_mixins.scss */
#subNav .side-nav li ul li {
  list-style-type: none;
  line-height: 32px;
  font-size: 16px;
}
/* line 283, ../scss/_mixins.scss */
#subNav .side-nav .current_page_item a {
  color: #35bfb4;
}
/* line 286, ../scss/_mixins.scss */
#subNav .roundedButton .bookAppoint {
  width: 14.0em;
  height: 3.0em;
  background-color: #31b0a6;
  border-radius: 0.7em;
  padding: 0.9em;
  text-align: center;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
}
/* line 299, ../scss/_mixins.scss */
#subNav .roundedButton .bookAppoint a {
  color: #fff;
  text-decoration: none;
}
/* line 303, ../scss/_mixins.scss */
#subNav .roundedButton .bookAppoint:hover {
  background-color: #35bfb4;
}

@media screen and (max-width: 768px) {
  /* line 311, ../scss/_mixins.scss */
  .sub-mobile {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: -10px;
  }
  /* line 320, ../scss/_mixins.scss */
  .sub-mobile .plus {
    color: #35bfb4;
    font-size: 30px;
    float: right;
    padding-top: 2px;
    padding-right: 10px;
  }
  /* line 327, ../scss/_mixins.scss */
  .sub-mobile .dropper {
    width: 100%;
    background-color: #eef0f1;
    padding-top: 1em;
    padding-bottom: 1em;
  }
  /* line 333, ../scss/_mixins.scss */
  .sub-mobile a {
    color: #232323 !important;
    font-size: 16px;
    text-decoration: none;
  }
  /* line 338, ../scss/_mixins.scss */
  .sub-mobile .side-nav-mobile {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: none;
    background-color: #eef0f1;
  }
  /* line 344, ../scss/_mixins.scss */
  .sub-mobile .side-nav-mobile a {
    color: #232323;
    font-size: 16px;
    text-decoration: none;
  }
  /* line 354, ../scss/_mixins.scss */
  .sub-mobile .current_page_item a {
    color: #35bfb4 !important;
    display: none;
  }

  /* line 356, ../scss/_mixins.scss */
  #subNav {
    display: none;
    float: left;
    width: 100%;
    padding-bottom: 3em;
    background-color: #ccc;
  }
  /* line 363, ../scss/_mixins.scss */
  #subNav .children {
    display: none;
  }
  /* line 369, ../scss/_mixins.scss */
  #subNav .current_page_item .children,
  #subNav .current_page_ancestor .children,
  #subNav .current_page_parent .children {
    display: block;
  }
  /* line 373, ../scss/_mixins.scss */
  #subNav .side-nav {
    padding: 0 0 0 0px !important;
  }
  /* line 375, ../scss/_mixins.scss */
  #subNav .side-nav li {
    list-style-type: none;
    line-height: 32px;
    font-size: 16px;
  }
  /* line 379, ../scss/_mixins.scss */
  #subNav .side-nav li a {
    text-decoration: none;
    color: #292929;
  }
  /* line 383, ../scss/_mixins.scss */
  #subNav .side-nav li a:hover {
    color: #35bfb4;
  }
  /* line 390, ../scss/_mixins.scss */
  #subNav .side-nav li ul li {
    list-style-type: none;
    line-height: 32px;
    font-size: 16px;
  }
  /* line 402, ../scss/_mixins.scss */
  #subNav .side-nav .current_page_item a {
    color: #35bfb4;
    font-style: none;
  }
  /* line 404, ../scss/_mixins.scss */
  #subNav .roundedButton {
    margin-top: 2.0em;
  }
  /* line 406, ../scss/_mixins.scss */
  #subNav .roundedButton .bookAppoint {
    width: 14.0em;
    height: 3.0em;
    background-color: #31b0a6;
    border-radius: 0.7em;
    padding: 1.2em;
    font-size: 1.6em;
    text-align: center;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
  }
  /* line 419, ../scss/_mixins.scss */
  #subNav .roundedButton .bookAppoint a {
    color: #fff;
    text-decoration: none;
  }
  /* line 423, ../scss/_mixins.scss */
  #subNav .roundedButton .bookAppoint:hover {
    background-color: #35bfb4;
  }
}
/*
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;
}
@media screen and (max-width: 800px) {
  /* line 30, ../scss/Sections/_header.scss */
  #header #header_main #infoBar li {
    padding-right: 15px;
  }
}
/* line 35, ../scss/Sections/_header.scss */
#header #header_main .infoBarMobile {
  display: none;
}
/* 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 40, ../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");
  background-size: cover;
  margin-bottom: -10px;
}
/* line 55, ../scss/Sections/_header.scss */
#header #header_main #logo a img:hover {
  opacity: 0.8;
}
/* line 61, ../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 68, ../scss/Sections/_header.scss */
#header #header_main #nav_main .holder {
  /* max-width: 1020px; */
  max-width: 1100px;
  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 34, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder .menu-main-container {
  width: 100%;
}
/* line 40, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder .menu-main-container,
#header #header_main #nav_main .holder .menu-main-container ul,
#header #header_main #nav_main .holder .menu-main-container ul li,
#header #header_main #nav_main .holder .menu-main-container ul li a {
  padding: 0;
  margin: 0;
  line-height: 1;
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}
/* line 56, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder .menu-main-container:before,
#header #header_main #nav_main .holder .menu-main-container:after,
#header #header_main #nav_main .holder .menu-main-container > ul:before,
#header #header_main #nav_main .holder .menu-main-container > ul:after {
  content: '';
  display: table;
}
/* line 61, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder .menu-main-container:after,
#header #header_main #nav_main .holder .menu-main-container > ul:after {
  clear: both;
}
/* line 66, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder .menu-main-container ul {
  background: #31b0a6;
}
/* line 70, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder .menu-main-container ul > li {
  float: left;
  list-style: none;
}
/* line 74, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder .menu-main-container ul > li > a {
  display: block;
  text-decoration: none;
  padding: 15px 32px;
  position: relative;
}
@media only screen and (max-width: 1050px) {
 
  .menu-item-306 {
    display: none;
  }
}
@media only screen and (max-width: 1065px) {
 
  .menu-item-6252 {
    display: none;
  }
}
/* line 80, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder .menu-main-container ul > li > a:hover {
  background: #2da097;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}
/* line 89, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder .menu-main-container ul > li > a:hover:before {
  content: '';
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -1px;
  opacity: .2;
}
/* line 100, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder .menu-main-container ul > li > a:hover:after {
  content: '';
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: -1px;
  opacity: .2;
}
/* line 111, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder .menu-main-container > ul > li > ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
/* line 116, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder .menu-main-container > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  position: absolute;
  border-radius: 0 0 3px 3px;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
/* line 127, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder .menu-main-container > ul > li > ul {
  width: 200px;
  position: absolute;
}
/* line 131, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder .menu-main-container > ul > li > ul > li {
  float: none;
  position: relative;
}
/* line 135, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder .menu-main-container > ul > li > ul > li > ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
/* line 140, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder .menu-main-container > ul > li > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  position: absolute;
}
/* line 145, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder .menu-main-container > ul > li > ul > li > ul {
  left: 200px;
  top: 1px;
  width: 200px;
}
/* line 150, ../scss/Sections/_mainNav.scss */
#header #header_main #nav_main .holder .menu-main-container > ul > li > ul > li > ul > li {
  float: none;
}
/* line 80, ../scss/Sections/_header.scss */
#header #mobile-header {
  display: none;
}
@media only screen and (max-width: 768px) {
  /* line 84, ../scss/Sections/_header.scss */
  #header #mobile-header {
    display: block;
  }
  /* line 87, ../scss/Sections/_header.scss */
  #header .fullNav {
    display: none;
  }
}

/* line 1, ../scss/Sections/_homePage.scss */
#homePage {
  font-size: 10px !important;
  font-weight: lighter !important;
}
/* line 4, ../scss/Sections/_homePage.scss */
#homePage #headerImage {
  position: relative;
  overflow: hidden;
}
/* line 6, ../scss/Sections/_homePage.scss */
#homePage #headerImage img {
  width: 100%;
  height: auto;
}
/* line 10, ../scss/Sections/_homePage.scss */
#homePage #headerImage .book {
  position: absolute;
  top: 70%;
  left: 25%;
  /* opacity: 0.8; */
  /* filter: alpha(opacity=80); */
  /* For IE8 and earlier */
}
/* line 16, ../scss/Sections/_homePage.scss */
#homePage #headerImage .book:hover {
  /* opacity: 1; */
  /* filter: alpha(opacity=100); */
  /* For IE8 and earlier */
}
@media screen and (max-width: 800px) {
  /* line 22, ../scss/Sections/_homePage.scss */
  #homePage #headerImage .book {
    top: 60%;
    left: 25%;
  }
}
/* line 30, ../scss/Sections/_homePage.scss */
#homePage #oceanOrthodontics {
  height: auto;
  width: 100%;
  text-align: center;
  padding-bottom: 5.0em;
}
/* line 35, ../scss/Sections/_homePage.scss */
#homePage #oceanOrthodontics h1 {
  font-size: 3.6em;
  color: #232323;
  font-weight: normal;
}
/* line 40, ../scss/Sections/_homePage.scss */
#homePage #oceanOrthodontics .blurb {
  width: 100%;
}
/* line 44, ../scss/Sections/_homePage.scss */
#homePage #oceanOrthodontics .blurb p {
  font-size: 1.8em;
  color: #232323;
  max-width: 626px;
  margin: 0 auto;
  line-height: 2em;
}
/* line 52, ../scss/Sections/_homePage.scss */
#homePage #oceanOrthodontics .readMore {
  padding-top: 4.4em;
}
/* line 54, ../scss/Sections/_homePage.scss */
#homePage #oceanOrthodontics .readMore img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* For IE8 and earlier */
}
/* line 62, ../scss/Sections/_homePage.scss */
#homePage #middleImage .middle-image-wrapper {
  width: 100%;
  height: auto;
  min-height: 300px;
  max-height: 400px;
  background-size: cover;
  background-position: center top;
}
/* line 71, ../scss/Sections/_homePage.scss */
#homePage #meetTheOrthodontist {
  width: 100%;
  height: auto;
  width: 100%;
  text-align: center;
  padding-top: 5.0em;
  padding-bottom: 5.0em;
  margin: 0 auto;
}
/* line 80, ../scss/Sections/_homePage.scss */
#homePage #meetTheOrthodontist .holder {
  max-width: 88.5em;
}
/* line 84, ../scss/Sections/_homePage.scss */
#homePage #meetTheOrthodontist #leftContent {
  position: relative;
  float: left;
  max-width: 208px;
  text-align: left;
}
/* line 92, ../scss/Sections/_homePage.scss */
#homePage #meetTheOrthodontist #rightContent {
  position: relative;
  float: left;
  max-width: 67.7em;
  text-align: left;
  padding-left: 2.0em;
  line-height: 4.0em;
}
/* line 100, ../scss/Sections/_homePage.scss */
#homePage #meetTheOrthodontist #rightContent h1 {
  font-size: 2.8em;
  font-weight: normal;
  color: #31b0a6;
}
/* line 105, ../scss/Sections/_homePage.scss */
#homePage #meetTheOrthodontist #rightContent #blurb p {
  font-size: 1.8em;
  color: #1c1c1c;
  line-height: 2.0em;
  margin: 0;
}
/* line 111, ../scss/Sections/_homePage.scss */
#homePage #meetTheOrthodontist #rightContent #readMore a {
  color: #35bfb4;
  font-size: 1.6em;
  text-decoration: none;
}
@media screen and (max-width: 800px) {
  /* line 119, ../scss/Sections/_homePage.scss */
  #homePage #meetTheOrthodontist #rightContent {
    width: 60%;
  }
}
/* line 124, ../scss/Sections/_homePage.scss */
#homePage #testimonials {
  zoom: 1;
  width: 100%;
  height: auto;
  color: #fff;
  font-size: 1.6em;
  text-align: center;
  padding-top: 1.0em;
  padding-bottom: 2.5em;
  background: url("../images/testimonialBack.png");
  background-repeat: no-repeat;
  background-color: #35bfb4;
  background-position: 70% bottom;
}
/* line 126, ../scss/Sections/_homePage.scss */
#homePage #testimonials:before, #homePage #testimonials:after {
  content: "";
  display: table;
}
/* line 127, ../scss/Sections/_homePage.scss */
#homePage #testimonials:after {
  clear: both;
}
/* line 140, ../scss/Sections/_homePage.scss */
#homePage #testimonials #testContent {
  max-width: 797px;
  text-align: left;
  margin: 0 auto;
}
/* line 148, ../scss/Sections/_homePage.scss */
#homePage #testimonials #testContent strong {
  font-size: 1.3em;
  text-transform: italic !important;
  font-weight: normal;
}
/* line 154, ../scss/Sections/_homePage.scss */
#homePage #testimonials #testContent a {
  color: #fff;
  text-decoration: none;
}
/* line 162, ../scss/Sections/_homePage.scss */
#homePage .clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/* line 171, ../scss/Sections/_homePage.scss */
#homePage .clearfix {
  display: inline-block;
}
/* line 175, ../scss/Sections/_homePage.scss */
#homePage html[xmlns] .clearfix {
  display: block;
}
/* line 179, ../scss/Sections/_homePage.scss */
#homePage * html .clearfix {
  height: 1%;
}
/* line 183, ../scss/Sections/_homePage.scss */
#homePage #learningCentre {
  text-align: center;
  width: 100%;
  height: auto;
  padding-top: 5.0em;
}
/* line 188, ../scss/Sections/_homePage.scss */
#homePage #learningCentre h1 {
  font-size: 2.8em;
  color: #31b0a6;
  font-weight: normal;
  padding-bottom: .5em;
}
/* line 195, ../scss/Sections/_homePage.scss */
#homePage #learningCentre #icons {
  width: 100%;
}
/* line 197, ../scss/Sections/_homePage.scss */
#homePage #learningCentre #icons ul {
  max-width: 580px;
  margin: 0 auto;
}
/* line 200, ../scss/Sections/_homePage.scss */
#homePage #learningCentre #icons ul li {
  display: inline;
  list-style-type: none;
  float: left;
  width: 11.0em;
  height: 15.0em;
}
/* line 209, ../scss/Sections/_homePage.scss */
#homePage #learningCentre #icons ul li .learningIcon img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* For IE8 and earlier */
}
/* line 223, ../scss/Sections/_homePage.scss */
#homePage #learningCentre #icons ul li a {
  text-decoration: none;
  color: #35bfb4;
  font-size: 1.6em;
}
/* line 233, ../scss/Sections/_homePage.scss */
#homePage #learningCentre .learningTitle {
  margin-top: -1.5em;
}
/* line 236, ../scss/Sections/_homePage.scss */
#homePage #learningCentre #learningContent {
  text-align: center;
  max-width: 680px;
  font-size: 1.8em;
  color: #232323;
  position: relative;
  margin-top: -2.0em;
}
/* line 245, ../scss/Sections/_homePage.scss */
#homePage #products,
#homePage #awards {
  text-align: center;
  width: 100%;
  background-color: #e6e6e6;
  color: #6d6e71;
  font-size: 1.8em;
}
/* line 251, ../scss/Sections/_homePage.scss */
#homePage #products h1,
#homePage #awards h1 {
  font-size: 1.7em;
  color: #31b0a6;
  font-weight: normal;
  color: #6d6e71;
  padding-top: 2.0em;
  margin-bottom: -0.7em;
}
#homePage #awards h1 {
  margin-top: 0;
  padding-top: 0;
}
/* line 259, ../scss/Sections/_homePage.scss */
#homePage #products #logos,
#homePage #awards #logos {
  max-width: 1100px;
  padding-bottom: .75em;
  margin: 0 auto;
}
/* line 264, ../scss/Sections/_homePage.scss */
/* #homePage #products #logos ul {
  -webkit-columns: 3;
     -moz-columns: 3;
          columns: 3;
} */
/* line 267, ../scss/Sections/_homePage.scss */
#homePage #products #logos li {
  width: 17.3em;
  /* min-height: 5em; */
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  margin: .5em;
  zoom: 1;
  /* *display: inline;
  _height: 25.0em; */
}
#homePage #awards #logos li {
  width: 10em;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  margin: .5em 1.5em;
  zoom: 1;
}

/* line 1, ../scss/Sections/_aboutPage.scss */
#aboutPage {
  font-size: 10px !important;
  width: 100%;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter !important;
  color: #232323;
}
/* line 8, ../scss/Sections/_aboutPage.scss */
#aboutPage .content {
  max-width: 980px;
  margin: 0 auto;
  text-align: left;
  margin-top: 8.0em;
}
/* line 14, ../scss/Sections/_aboutPage.scss */
#aboutPage .content h2 {
  font-size: 3.6em;
  font-weight: normal;
}
/* line 18, ../scss/Sections/_aboutPage.scss */
#aboutPage .content .entrytext {
  font-size: 1.6em;
  padding-bottom: 3.125em;
}
/* line 21, ../scss/Sections/_aboutPage.scss */
#aboutPage .content .entrytext p {
  line-height: 1.8em;
}
/* line 26, ../scss/Sections/_aboutPage.scss */
#aboutPage .content .featuredItem {
  max-width: 215px;
  float: left;
  margin-right: 2.5em;
  height: 77.4em;
}
/* line 31, ../scss/Sections/_aboutPage.scss */
#aboutPage .content .featuredItem .featuredImage {
  min-width: 215px;
  text-align: center;
  padding-bottom: 4.5em;
  height: 252px;
}
/* line 37, ../scss/Sections/_aboutPage.scss */
#aboutPage .content .featuredItem .featuredTitle {
  font-size: 2.8em;
  color: #31b0a6;
  line-height: 1.25em;
  width: 7.67em;
  padding-bottom: 20px;
}
/* line 44, ../scss/Sections/_aboutPage.scss */
#aboutPage .content .featuredItem .featuredDescription {
  color: #232323;
  font-size: 1.4em;
  width: 15.5em;
}
/* line 49, ../scss/Sections/_aboutPage.scss */
#aboutPage .content .featuredItem .readMore a {
  color: #31b0a6;
  text-decoration: none;
  font-size: 1.4em;
}

/* line 1, ../scss/Sections/_orthodontist.scss */
#orthoPage {
  font-size: 10px !important;
  width: 100%;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter !important;
  color: #232323;
}
/* line 8, ../scss/Sections/_orthodontist.scss */
#orthoPage #blurb {
  float: left;
  width: 68%;
  height: auto;
}
/* line 12, ../scss/Sections/_orthodontist.scss */
#orthoPage #blurb .entrytext {
  font-size: 1.6em;
  color: #434343;
  line-height: 1.25em;
}
/* line 19, ../scss/Sections/_orthodontist.scss */
#orthoPage #blurb .entrytext img {
  padding-bottom: 10px;
}
/* line 22, ../scss/Sections/_orthodontist.scss */
#orthoPage #blurb .entrytext img.alignright {
  float: right;
  margin: 0 0 20px 20px;
}
/* line 23, ../scss/Sections/_orthodontist.scss */
#orthoPage #blurb .entrytext img.alignleft {
  float: left;
  margin: 0 20px 20px 0;
}
/* line 24, ../scss/Sections/_orthodontist.scss */
#orthoPage #blurb .entrytext img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 25, ../scss/Sections/_orthodontist.scss */
#orthoPage #blurb .entrytext .alignright {
  float: right;
}
/* line 26, ../scss/Sections/_orthodontist.scss */
#orthoPage #blurb .entrytext .alignleft {
  float: left;
}
/* line 27, ../scss/Sections/_orthodontist.scss */
#orthoPage #blurb .entrytext .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 31, ../scss/Sections/_orthodontist.scss */
#orthoPage #blurb h1 {
  font-size: 3.6em;
  color: #1c1c1c;
  font-weight: normal;
}
/* line 37, ../scss/Sections/_orthodontist.scss */
#orthoPage #subNav {
  float: left;
  width: 30%;
}
/* line 43, ../scss/Sections/_orthodontist.scss */
#orthoPage .content {
  max-width: 950px;
  margin: 0 auto;
  text-align: left;
  margin-top: 20px;
}
/* line 48, ../scss/Sections/_orthodontist.scss */
#orthoPage .content h2 {
  font-size: 3.6em;
  font-weight: normal;
}
/* line 53, ../scss/Sections/_orthodontist.scss */
#orthoPage .content .entrytext {
  font-size: 1.6em;
  padding-bottom: 3.125em;
}
/* line 59, ../scss/Sections/_orthodontist.scss */
#orthoPage #bottomContent {
  width: 100%;
  height: auto;
  background-color: #e6e6e6;
}
/* line 63, ../scss/Sections/_orthodontist.scss */
#orthoPage #bottomContent .spacer {
  width: 30%;
}
/* line 67, ../scss/Sections/_orthodontist.scss */
#orthoPage #bottomContent .memberships {
  text-align: left;
  max-width: 950px;
  margin: 0 auto;
  padding-left: 14%;
}
/* line 74, ../scss/Sections/_orthodontist.scss */
#orthoPage #bottomContent .memberships a {
  color: #35bfb4;
  text-decoration: none;
  font-weight: bold;
}
/* line 80, ../scss/Sections/_orthodontist.scss */
#orthoPage #bottomContent .memberships h2 {
  color: #696969;
  font-size: 3.2em;
  font-weight: normal;
  padding-bottom: 0.9em;
  padding-top: 0.9em;
}
/* line 88, ../scss/Sections/_orthodontist.scss */
#orthoPage #bottomContent .memberships .memberHolder {
  width: 33%;
  float: left;
  text-align: center;
}
/* line 95, ../scss/Sections/_orthodontist.scss */
#orthoPage #bottomContent .memberships .memberInfo {
  max-width: 21.0em;
  margin: 0 auto;
  height: 40em;
  padding-bottom: 3em;
}
/* line 103, ../scss/Sections/_orthodontist.scss */
#orthoPage #bottomContent .memberships .memberInfo .memberLogo {
  height: 10.0em;
}
/* line 105, ../scss/Sections/_orthodontist.scss */
#orthoPage #bottomContent .memberships .memberInfo .memberLogo img {
  filter: url("data:image/svg+xml;utf8,#grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
  -webkit-backface-visibility: hidden;
  /* Fix for transition flickering */
}
/* line 110, ../scss/Sections/_orthodontist.scss */
#orthoPage #bottomContent .memberships .memberInfo .memberLogo img:hover {
  filter: url("data:image/svg+xml;utf8,#grayscale");
  -webkit-filter: grayscale(0%);
}
/* line 120, ../scss/Sections/_orthodontist.scss */
#orthoPage #bottomContent .memberships .memberInfo .memberTitle {
  color: #35bfb4;
  font-size: 1.4em;
  text-decoration: none;
  font-weight: bold;
}
/* line 126, ../scss/Sections/_orthodontist.scss */
#orthoPage #bottomContent .memberships .memberInfo .description {
  font-size: 1.4em;
  color: #505050;
  display: block;
}

/* line 1, ../scss/Sections/_testimonials.scss */
#testimonialsPage {
  font-size: 10px !important;
  width: 100%;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter !important;
}
/* line 7, ../scss/Sections/_testimonials.scss */
#testimonialsPage .content {
  max-width: 950px;
  margin: 0 auto;
  text-align: left;
  margin-top: 40px;
  padding-bottom: 8.0em;
  color: #1c1c1c;
}
/* line 14, ../scss/Sections/_testimonials.scss */
#testimonialsPage .content .pageTitle {
  font-size: 3.6em;
}
/* line 17, ../scss/Sections/_testimonials.scss */
#testimonialsPage .content .pageContent {
  font-size: 2.2em;
  height: auto;
}
/* line 20, ../scss/Sections/_testimonials.scss */
#testimonialsPage .content .pageContent img {
  padding-bottom: 10px;
}
/* line 23, ../scss/Sections/_testimonials.scss */
#testimonialsPage .content .pageContent img.alignright {
  float: right;
  margin: 0 35px 5px 0px;
}
/* line 24, ../scss/Sections/_testimonials.scss */
#testimonialsPage .content .pageContent img.alignleft {
  float: left;
  margin: 0 0 0 0;
}
/* line 25, ../scss/Sections/_testimonials.scss */
#testimonialsPage .content .pageContent img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 26, ../scss/Sections/_testimonials.scss */
#testimonialsPage .content .pageContent .alignright {
  float: right;
}
/* line 27, ../scss/Sections/_testimonials.scss */
#testimonialsPage .content .pageContent .alignleft {
  float: left;
}
/* line 28, ../scss/Sections/_testimonials.scss */
#testimonialsPage .content .pageContent .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 31, ../scss/Sections/_testimonials.scss */
#testimonialsPage .content .testimonialsPost {
  padding-top: 3.5em;
}
/* line 33, ../scss/Sections/_testimonials.scss */
#testimonialsPage .content .testimonialsPost .post-meta-key {
  display: none;
}
/* line 36, ../scss/Sections/_testimonials.scss */
#testimonialsPage .content .testimonialsPost .location {
  margin-bottom: -1.5em;
}
/* line 38, ../scss/Sections/_testimonials.scss */
#testimonialsPage .content .testimonialsPost .location ul {
  padding: 0;
  margin: 0;
}
/* line 42, ../scss/Sections/_testimonials.scss */
#testimonialsPage .content .testimonialsPost .location li {
  list-style-type: none;
  font-size: 0.89em;
}
/* line 47, ../scss/Sections/_testimonials.scss */
#testimonialsPage .content .testimonialsPost h3 {
  font-size: 1.57em !important;
  padding: 0;
  font-weight: normal;
}
/* line 53, ../scss/Sections/_testimonials.scss */
#testimonialsPage .content .testimonialsPost .name {
  font-style: italic;
  font-size: 2.2em;
  color: #31b0a6;
  line-height: 1.5em;
}
/* line 61, ../scss/Sections/_testimonials.scss */
#testimonialsPage .content .testimonialsPost .thedate, #testimonialsPage .content .testimonialsPost .location {
  font-size: 1.4em;
}
/* line 66, ../scss/Sections/_testimonials.scss */
#testimonialsPage .content .testimonialsPost .entrytext p {
  font-size: 1.6em;
  font-style: normal;
}

@media screen and (max-width: 800px) {
  /* line 79, ../scss/Sections/_testimonials.scss */
  #testimonialsPage .content {
    text-align: center;
  }

  /* line 82, ../scss/Sections/_testimonials.scss */
  #testimonialsPage .content .pageContent img.alignleft {
    width: 100%;
  }

  /* line 85, ../scss/Sections/_testimonials.scss */
  #testimonialsPage .content .pageContent img.alignright {
    width: 45%;
  }
}
/* line 1, ../scss/Sections/_contact-us.scss */
#contactPage {
  width: 100%;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter !important;
  color: #1c1c1c;
}
/* line 7, ../scss/Sections/_contact-us.scss */
#contactPage .content {
  max-width: 950px;
  margin: 0 auto;
  text-align: left;
  margin-top: 50px;
  padding-bottom: 80px;
  color: #1c1c1c;
}
/* line 14, ../scss/Sections/_contact-us.scss */
#contactPage .content .pageTitle {
  font-size: 36px;
  text-align: left;
}
/* line 19, ../scss/Sections/_contact-us.scss */
#contactPage .content h2 {
  color: #31b0a6;
  font-size: 22px;
  font-weight: normal;
  font-style: italic;
  padding-top: 10px;
}
/* line 26, ../scss/Sections/_contact-us.scss */
#contactPage .content #leftContent {
  width: 50%;
  float: left;
  font-size: 16px;
}
/* line 30, ../scss/Sections/_contact-us.scss */
#contactPage .content #leftContent h3 {
  font-style: italic;
  font-size: 22px;
  margin-bottom: -20px;
  font-weight: normal;
}
/* line 36, ../scss/Sections/_contact-us.scss */
#contactPage .content #leftContent #footer_main_map_holder2 {
  width: 100%;
  height: 420px;
}
/* line 40, ../scss/Sections/_contact-us.scss */
#contactPage .content #leftContent a {
  color: #1c1c1c;
  text-decoration: none;
}
/* line 46, ../scss/Sections/_contact-us.scss */
#contactPage .content #rightContent {
  width: 50%;
  float: right;
  padding-left: 20px;
}
/* line 50, ../scss/Sections/_contact-us.scss */
#contactPage .content #rightContent .inputForm {
  width: 100%;
  height: 40px;
  overflow: hidden;
  border-radius: 5px;
  border: none;
  margin-bottom: 20px;
  padding: 10px;
  color: #2c2c2c;
  font-size: 16px;
  font-style: italic;
  background-color: #e6e6e6;
}
/* line 63, ../scss/Sections/_contact-us.scss */
#contactPage .content #rightContent .inputArea {
  width: 100%;
  height: 160px;
  overflow: hidden;
  border-radius: 5px;
  border: none;
  padding: 10px;
  color: #2c2c2c;
  font-size: 16px;
  font-style: italic;
  background-color: #e6e6e6;
}
/* line 77, ../scss/Sections/_contact-us.scss */
#contactPage .content #rightContent .roundedButton {
  margin-top: 20px;
}
/* line 80, ../scss/Sections/_contact-us.scss */
#contactPage .content #rightContent .roundedButton .bookAppoint {
  width: 10%;
  height: 65px;
  background-color: #31b0a6;
  moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 15px;
  font-size: 24px;
  text-align: center;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
}
/* line 92, ../scss/Sections/_contact-us.scss */
#contactPage .content #rightContent .roundedButton .bookAppoint:hover {
  background-color: #35bfb4;
}

/* line 102, ../scss/Sections/_contact-us.scss */
#fscf_captcha_field3 {
  display: none !important;
}

/* line 105, ../scss/Sections/_contact-us.scss */
#fscf_submit_div3:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* For IE8 and earlier */
}

/* line 109, ../scss/Sections/_contact-us.scss */
#fscf_form_error3 {
  display: none;
}

/* line 1, ../scss/Sections/_learningCentre.scss */
#learningPage {
  width: 100%;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter !important;
  color: #232323;
}
/* line 7, ../scss/Sections/_learningCentre.scss */
#learningPage .content {
  margin: 0 auto;
  text-align: left;
  margin-top: 50px;
}
/* line 12, ../scss/Sections/_learningCentre.scss */
#learningPage .content .pageTitle {
  font-size: 36px;
  max-width: 950px;
  text-align: left;
  margin: 0 auto;
  padding-bottom: 50px;
  padding-top: 20px;
}
/* line 20, ../scss/Sections/_learningCentre.scss */
#learningPage .content h2 {
  font-size: 36px;
  font-weight: normal;
}
/* line 24, ../scss/Sections/_learningCentre.scss */
#learningPage .content .entrytext {
  font-size: 16px;
  padding-bottom: 100px;
}
/* line 29, ../scss/Sections/_learningCentre.scss */
#learningPage .content .ui-accordion {
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  background-color: #fff;
}
/* line 33, ../scss/Sections/_learningCentre.scss */
#learningPage .content .ui-accordion .orthoBack {
  background: url("../images/orthodonticsBack.png");
  background-repeat: no-repeat;
  background-color: #35bfb4;
  background-position: 75% top;
}
/* line 40, ../scss/Sections/_learningCentre.scss */
#learningPage .content .ui-accordion .bracesBack {
  background: url("../images/bracesBack.png");
  background-repeat: no-repeat;
  background-color: #35bfb4;
  background-position: 75% top;
}
/* line 47, ../scss/Sections/_learningCentre.scss */
#learningPage .content .ui-accordion .treatmentsBack {
  background: url("../images/treatmentsBack.png");
  background-repeat: no-repeat;
  background-color: #35bfb4;
  background-position: 75% top;
}
/* line 54, ../scss/Sections/_learningCentre.scss */
#learningPage .content .ui-accordion .firstAidBack {
  background: url("../images/firstAidBack.png");
  background-repeat: no-repeat;
  background-color: #35bfb4;
  background-position: 75% top;
}
/* line 61, ../scss/Sections/_learningCentre.scss */
#learningPage .content .ui-accordion .faqBack {
  background: url("../images/faqBack.png");
  background-repeat: no-repeat;
  background-color: #35bfb4;
  background-position: 75% top;
}
/* line 69, ../scss/Sections/_learningCentre.scss */
#learningPage .content .ui-accordion h3 {
  max-width: 950px;
  width: 100%;
  text-align: left;
  margin: 0 auto;
  top: 15%;
  font-weight: normal;
  line-height: 70px;
}
/* line 82, ../scss/Sections/_learningCentre.scss */
#learningPage .content .ui-accordion .titlecontent {
  height: 70px;
  padding: 0;
}
/* line 86, ../scss/Sections/_learningCentre.scss */
#learningPage .content .ui-accordion .titlecontent:hover {
  background-color: #31b0a6;
}
/* line 88, ../scss/Sections/_learningCentre.scss */
#learningPage .content .ui-accordion .titlecontent:hover h3 {
  color: #fff;
}
/* line 92, ../scss/Sections/_learningCentre.scss */
#learningPage .content .ui-accordion .titlecontent:hover .ui-icon-circle-arrow-e {
  -webkit-filter: brightness(1000%);
}
/* line 96, ../scss/Sections/_learningCentre.scss */
#learningPage .content .ui-accordion .acordcontent {
  width: 100%;
  background-color: #31b0a6;
  color: #fff;
  font-size: 16px;
  padding-bottom: 50px;
  text-align: center;
}
/* line 103, ../scss/Sections/_learningCentre.scss */
#learningPage .content .ui-accordion .acordcontent a {
  color: #fff;
  text-decoration: none;
}
/* line 106, ../scss/Sections/_learningCentre.scss */
#learningPage .content .ui-accordion .acordcontent a:hover {
  text-decoration: underline;
}
/* line 110, ../scss/Sections/_learningCentre.scss */
#learningPage .content .ui-accordion .acordcontent ul {
  max-width: 950px;
  width: 100%;
  text-align: center;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  list-style-type: none;
  padding: 0;
  padding-top: 2em;
  margin: 0 auto;
  list-style-image: url(data:0);
}
/* line 125, ../scss/Sections/_learningCentre.scss */
#learningPage .content .ui-accordion .acordcontent ul li {
  padding-top: 10px;
  text-align: left;
}
/* line 134, ../scss/Sections/_learningCentre.scss */
#learningPage .content .ui-accordion .acordcontent h2 {
  width: 100%;
  font-size: 1.57em !important;
  padding: 0;
  font-weight: normal;
  text-align: center;
  margin: 0 auto;
}
/* line 143, ../scss/Sections/_learningCentre.scss */
#learningPage .content .ui-accordion p {
  max-width: 950px;
  text-align: left;
  margin: 0 auto;
}
/* line 148, ../scss/Sections/_learningCentre.scss */
#learningPage .content .ui-accordion .ui-state-active {
  background-color: #31b0a6;
  color: #fff;
}
/* line 152, ../scss/Sections/_learningCentre.scss */
#learningPage .content .ui-accordion .ui-icon-circle-arrow-e {
  padding: 0;
  background-image: url("../images/expand.png");
  background-position: 0 0;
  height: 70px;
  width: 70px;
}
/* line 164, ../scss/Sections/_learningCentre.scss */
#learningPage .content .ui-accordion .ui-icon-circle-arrow-s {
  padding: 0;
  background-image: url("../images/contract.png");
  background-position: 0 0;
  height: 70px;
  width: 70px;
}
/* line 171, ../scss/Sections/_learningCentre.scss */
#learningPage .content .ui-accordion .ui-accordion-header-icon {
  top: 40%;
  left: 75%;
}
/* line 177, ../scss/Sections/_learningCentre.scss */
#learningPage .content .ui-accordion-header {
  background-image: none;
  background-color: #eef0f1;
  border: none;
  color: #31b0a6;
  margin-top: 0;
  border-radius: 0;
}
/* line 187, ../scss/Sections/_learningCentre.scss */
#learningPage .content .ui-accordion-content {
  background-color: #31b0a6;
  padding: 0;
}
/* line 191, ../scss/Sections/_learningCentre.scss */
#learningPage .content .ui-widget-content {
  background-image: none;
  background-color: #31b0a6;
}
/* line 198, ../scss/Sections/_learningCentre.scss */
#learningPage .nonAccord {
  background-image: none;
  background-color: #eef0f1;
  border: none;
  color: #31b0a6;
  margin-top: 0;
}
/* line 204, ../scss/Sections/_learningCentre.scss */
#learningPage .nonAccord .titlecontent {
  height: 70px;
  padding: 0;
  font-size: 18px;
}
/* line 209, ../scss/Sections/_learningCentre.scss */
#learningPage .nonAccord .titlecontent h3 {
  max-width: 950px;
  width: 100%;
  text-align: left;
  margin: 0 auto;
  top: 15%;
  font-weight: normal;
  line-height: 70px;
}
/* line 219, ../scss/Sections/_learningCentre.scss */
#learningPage .nonAccord .titlecontent .iconer {
  margin-top: 20px;
  left: 75%;
  position: absolute;
}
/* line 226, ../scss/Sections/_learningCentre.scss */
#learningPage .nonAccord .titlecontent .iconer2 {
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 231, ../scss/Sections/_learningCentre.scss */
#learningPage .nonAccord .titlecontent .headerArrow {
  padding: 0;
  background-image: url("../images/learningArrow.png");
  background-position: 0 0;
  height: 70px;
  width: 70px;
}
/* line 238, ../scss/Sections/_learningCentre.scss */
#learningPage .nonAccord .titlecontent a {
  text-decoration: none;
  color: #31b0a6;
}
/* line 242, ../scss/Sections/_learningCentre.scss */
#learningPage .nonAccord .titlecontent:hover {
  background-color: #31b0a6;
}
/* line 244, ../scss/Sections/_learningCentre.scss */
#learningPage .nonAccord .titlecontent:hover h3 {
  color: #fff;
}
/* line 248, ../scss/Sections/_learningCentre.scss */
#learningPage .nonAccord .titlecontent:hover .headerArrow {
  -webkit-filter: brightness(1000%);
}
/* line 251, ../scss/Sections/_learningCentre.scss */
#learningPage .nonAccord .titlecontent .ui-icon-circle-arrow-e {
  padding: 0;
  background-image: url("../images/expand.png");
  background-position: 0 0;
  height: 70px;
  width: 70px;
}

/* line 1, ../scss/Sections/_newPatients.scss */
#patientsPage {
  font-size: 10px !important;
  width: 100%;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter !important;
  color: #232323;
}
/* line 8, ../scss/Sections/_newPatients.scss */
#patientsPage #blurb {
  float: left;
  width: 68%;
  height: auto;
}
/* line 12, ../scss/Sections/_newPatients.scss */
#patientsPage #blurb h1 {
  font-size: 3.6em;
  font-weight: normal;
}
/* line 16, ../scss/Sections/_newPatients.scss */
#patientsPage #blurb .entrytext {
  font-size: 1.6em;
  color: #434343;
  line-height: 1.25em;
}
/* line 21, ../scss/Sections/_newPatients.scss */
#patientsPage #blurb .entrytext strong {
  color: #35bfb4;
  font-style: italic;
  font-size: 1.375em;
  font-weight: normal;
  padding-bottom: 1em;
  line-height: 3em;
}
/* line 29, ../scss/Sections/_newPatients.scss */
#patientsPage #blurb .entrytext a {
  text-decoration: none;
  color: #35bfb4;
}
/* line 34, ../scss/Sections/_newPatients.scss */
#patientsPage #blurb h1 {
  font-size: 3.6em;
  color: #1c1c1c;
}
/* line 39, ../scss/Sections/_newPatients.scss */
#patientsPage #subNav {
  float: left;
  width: 30%;
}
/* line 45, ../scss/Sections/_newPatients.scss */
#patientsPage .content {
  max-width: 950px;
  margin: 0 auto;
  text-align: left;
  margin-top: 20px;
}
/* line 50, ../scss/Sections/_newPatients.scss */
#patientsPage .content h2 {
  font-size: 3.6em;
  font-weight: normal;
}
/* line 55, ../scss/Sections/_newPatients.scss */
#patientsPage .content .entrytext {
  font-size: 1.6em;
  padding-bottom: 3.125em;
}

/* line 1, ../scss/Sections/_teamPage.scss */
#teamPage {
  font-size: 10px !important;
  width: 100%;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter !important;
}
/* line 7, ../scss/Sections/_teamPage.scss */
#teamPage .content {
  max-width: 950px;
  margin: 0 auto;
  text-align: left;
  margin-top: 20px;
  padding-bottom: 8.0em;
  color: #1c1c1c;
}
/* line 14, ../scss/Sections/_teamPage.scss */
#teamPage .content .blurb {
  width: 68%;
  float: left;
}
/* line 17, ../scss/Sections/_teamPage.scss */
#teamPage .content .blurb .portrait {
  width: 30%;
  float: left;
  border-radius: 50%;
  border: 1px solid #e8e8e8;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 200px;
  height: 200px;
}
/* line 29, ../scss/Sections/_teamPage.scss */
#teamPage .content .blurb h1 {
  font-size: 3.6em;
  font-weight: normal;
  padding-bottom: 20px;
}
/* line 34, ../scss/Sections/_teamPage.scss */
#teamPage .content .blurb .teamPost {
  width: 68%;
  min-height: 20em;
  float: left;
  font-size: 1.6em;
  padding-left: 2em;
  padding-bottom: 3em;
}
/* line 41, ../scss/Sections/_teamPage.scss */
#teamPage .content .blurb .teamPost h2 {
  margin-top: -6px;
  font-weight: normal;
  font-size: 28px;
  margin-bottom: -20px;
}
/* line 47, ../scss/Sections/_teamPage.scss */
#teamPage .content .blurb .teamPost .name {
  font-size: 0.89em;
  color: #434343;
  margin-bottom: -0.5em;
}
/* line 53, ../scss/Sections/_teamPage.scss */
#teamPage .content .blurb .teamPost strong {
  font-size: 1.37em;
  color: #35bfb4;
  font-weight: normal;
  line-height: 1.875em;
  font-style: italic;
}
/* line 62, ../scss/Sections/_teamPage.scss */
#teamPage .content #subNav {
  float: left;
  width: 30%;
}

/* line 1, ../scss/Sections/_faqs.scss */
#faqsPage {
  font-size: 10px !important;
  width: 100%;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter !important;
}
/* line 7, ../scss/Sections/_faqs.scss */
#faqsPage .content {
  max-width: 950px;
  margin: 0 auto;
  text-align: left;
  margin-top: 40px;
  padding-bottom: 8.0em;
  color: #1c1c1c;
}
/* line 14, ../scss/Sections/_faqs.scss */
#faqsPage .content .pageTitle {
  font-size: 3.6em;
  padding-bottom: 1em;
  padding-top: 20px;
}
/* line 19, ../scss/Sections/_faqs.scss */
#faqsPage .content .pageContent {
  font-size: 1.6em;
  font-style: normal;
  height: auto;
}
/* line 23, ../scss/Sections/_faqs.scss */
#faqsPage .content .pageContent img {
  padding-bottom: 10px;
}
/* line 26, ../scss/Sections/_faqs.scss */
#faqsPage .content .pageContent img.alignright {
  float: right;
  margin: 0 35px 5px 0px;
}
/* line 27, ../scss/Sections/_faqs.scss */
#faqsPage .content .pageContent img.alignleft {
  float: left;
  margin: 0 0 0 0;
}
/* line 28, ../scss/Sections/_faqs.scss */
#faqsPage .content .pageContent img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 29, ../scss/Sections/_faqs.scss */
#faqsPage .content .pageContent .alignright {
  float: right;
}
/* line 30, ../scss/Sections/_faqs.scss */
#faqsPage .content .pageContent .alignleft {
  float: left;
}
/* line 31, ../scss/Sections/_faqs.scss */
#faqsPage .content .pageContent .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 36, ../scss/Sections/_faqs.scss */
#faqsPage .content .testimonialsPost .post-meta-key {
  display: none;
}
/* line 40, ../scss/Sections/_faqs.scss */
#faqsPage .content .testimonialsPost .location ul {
  padding: 0;
  margin: 0;
}
/* line 44, ../scss/Sections/_faqs.scss */
#faqsPage .content .testimonialsPost .location li {
  list-style-type: none;
  font-size: 0.89em;
}
/* line 49, ../scss/Sections/_faqs.scss */
#faqsPage .content .testimonialsPost h2 {
  font-size: 1.57em;
  font-weight: normal;
}
/* line 55, ../scss/Sections/_faqs.scss */
#faqsPage .content .testimonialsPost .name {
  font-style: italic;
  font-size: 1.4em;
  padding-top: .2em;
  color: #31b0a6;
}
/* line 62, ../scss/Sections/_faqs.scss */
#faqsPage .content .testimonialsPost .thedate {
  font-size: 0.89em;
}
/* line 66, ../scss/Sections/_faqs.scss */
#faqsPage .content .testimonialsPost .entrytext p {
  font-size: 1.6em;
  font-style: normal;
}
/* line 70, ../scss/Sections/_faqs.scss */
#faqsPage .content .testimonialsPost .entrytext ul {
  font-size: 1.8em;
}
/* line 73, ../scss/Sections/_faqs.scss */
#faqsPage .content .testimonialsPost .entrytext li {
  list-style-image: url("../images/bullet.png");
}

/* line 1, ../scss/Sections/_footer.scss */
#footer_main {
  width: 100%;
  margin-bottom: -40px;
}
/* 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;
  font-weight: lighter !important;
  width: 90px;
  margin-top: 15px;
}
/* line 15, ../scss/Sections/_footer.scss */
#footer_main li a {
  color: white;
  text-decoration: none;
  padding-left: 20px;
  padding-right: 20px;
}
/* line 20, ../scss/Sections/_footer.scss */
#footer_main li a:hover {
  color: #35bfb4;
}

/* line 27, ../scss/Sections/_footer.scss */
#map {
  position: relative;
  z-index: 5;
}
/* line 31, ../scss/Sections/_footer.scss */
#map img {
  width: 100%;
  height: auto;
}
/* line 35, ../scss/Sections/_footer.scss */
#map #footer_main_map_holder {
  width: 100%;
  height: 340px;
}

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

/* line 62, ../scss/Sections/_footer.scss */
.formFooter {
  background-color: #31b0a6;
  text-align: left;
  padding-top: 24px;
}
/* line 66, ../scss/Sections/_footer.scss */
.formFooter .contactInfo {
  max-width: 940px;
  height: 300px;
  margin: 0 auto;
}
/* line 70, ../scss/Sections/_footer.scss */
.formFooter .contactInfo .address {
  width: 100%;
  display: flex;
  float: left;
  color: #fff;
  font-size: 16px;
  padding-top: 15px;
}
/* line 76, ../scss/Sections/_footer.scss */
.formFooter .contactInfo .address a {
  color: #fff;
  text-decoration: none;
}
/* line 81, ../scss/Sections/_footer.scss */
.formFooter .contactInfo .address h2 {
  font-style: italic;
  font-size: 22px;
  font-weight: normal;
}
/* line 87, ../scss/Sections/_footer.scss */
.formFooter .contactInfo .form {
  width: 78%;
  float: right;
  padding-left: 2em;
}
/* line 91, ../scss/Sections/_footer.scss */
.formFooter .contactInfo .form #fscf_captcha_field1 {
  display: none !important;
}
/* line 94, ../scss/Sections/_footer.scss */
.formFooter .contactInfo .form #fscf_submit_div1:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* For IE8 and earlier */
}
/* line 98, ../scss/Sections/_footer.scss */
.formFooter .contactInfo .form h2 {
  color: #fff;
  font-size: 32px;
  font-weight: normal;
}
/* line 103, ../scss/Sections/_footer.scss */
.formFooter .contactInfo .form .field_required {
  color: red !important;
}
/* line 106, ../scss/Sections/_footer.scss */
.formFooter .contactInfo .form .left {
  width: 50%;
  float: left;
  padding-right: 10px;
}
/* line 111, ../scss/Sections/_footer.scss */
.formFooter .contactInfo .form .left .inputForm {
  width: 100%;
  height: 40px;
  overflow: hidden;
  border-radius: 5px;
  border: none;
  margin-bottom: 20px;
  padding: 10px;
  color: #a7a9ac;
  font-size: 16px;
  font-style: italic;
}
/* line 115, ../scss/Sections/_footer.scss */
.formFooter .contactInfo .form .right {
  width: 50%;
  float: right;
  padding-left: 10px;
}
/* line 119, ../scss/Sections/_footer.scss */
.formFooter .contactInfo .form .right .inputArea {
  width: 100%;
  height: 160px;
  overflow: hidden;
  border-radius: 5px;
  border: none;
  margin-bottom: 20px;
  padding: 10px;
  color: #a7a9ac;
  font-size: 16px;
  font-style: italic;
}
/* line 135, ../scss/Sections/_footer.scss */
.formFooter .contactInfo .form .right .roundedButton .bookAppoint {
  width: 55%;
  background-color: #232323;
  moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-color: #232323;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 22px;
  text-align: center;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
}
/* line 148, ../scss/Sections/_footer.scss */
.formFooter .contactInfo .form .right .roundedButton .bookAppoint:hover {
  background-color: #535353;
  border-color: #535353;
}
/* line 159, ../scss/Sections/_footer.scss */
.formFooter #copyright {
  font-family: 'Open Sans', sans-serif;
  color: #2a837e;
  font-size: 14px;
  padding-top: 3rem;
  padding-bottom: 45px;
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
}
/* line 169, ../scss/Sections/_footer.scss */
.formFooter #copyright ul {
  padding: 0;
}
/* line 173, ../scss/Sections/_footer.scss */
.formFooter #copyright ul li a {
  color: #2a837e;
  font-size: 14px;
  padding: 0;
}
/* line 180, ../scss/Sections/_footer.scss */
.formFooter #copyright ul li a:hover {
  color: white;
}
/* line 186, ../scss/Sections/_footer.scss */
.formFooter #copyright #cpy {
  padding-left: 5px;
}
/* line 188, ../scss/Sections/_footer.scss */
.formFooter #copyright #cpy a {
  color: #2a837e;
  font-size: 14px;
  text-decoration: none;
}
/* line 193, ../scss/Sections/_footer.scss */
.formFooter #copyright #cpy a:hover {
  color: white;
}

/* line 201, ../scss/Sections/_footer.scss */
.formFooter .contactInfo .address .connect a {
  padding-right: 20px;
}

.formFooter .contactInfo .address .hours-of-operation {
  padding-left: 150px;
  padding-right: 150px;
}

/* line 1, ../scss/Sections/_bracespages.scss */
#bracesPage {
  font-size: 10px !important;
  width: 100%;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter !important;
  color: #232323;
}
/* line 8, ../scss/Sections/_bracespages.scss */
#bracesPage #blurb {
  float: left;
  width: 65%;
  height: auto;
  padding-bottom: 4em;
}
/* line 14, ../scss/Sections/_bracespages.scss */
#bracesPage #blurb .full-width-image {
  padding-bottom: 345px;
  padding-top: 1.8em;
}
/* line 17, ../scss/Sections/_bracespages.scss */
#bracesPage #blurb .full-width-image .full-image-wrapper {
  background-size: cover;
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  min-height: 300px;
}
/* line 26, ../scss/Sections/_bracespages.scss */
#bracesPage #blurb .entrytext {
  font-size: 1.6em;
  color: #434343;
  line-height: 2.0em;
}
/* line 32, ../scss/Sections/_bracespages.scss */
#bracesPage #blurb .entrytext img {
  padding-bottom: 10px;
}
/* line 35, ../scss/Sections/_bracespages.scss */
#bracesPage #blurb .entrytext img.alignright {
  float: right;
  margin: 0 0 20px 20px;
}
/* line 36, ../scss/Sections/_bracespages.scss */
#bracesPage #blurb .entrytext img.alignleft {
  float: left;
  margin: 0 20px 20px 0;
}
/* line 37, ../scss/Sections/_bracespages.scss */
#bracesPage #blurb .entrytext img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 38, ../scss/Sections/_bracespages.scss */
#bracesPage #blurb .entrytext .alignright {
  float: right;
}
/* line 39, ../scss/Sections/_bracespages.scss */
#bracesPage #blurb .entrytext .alignleft {
  float: left;
}
/* line 40, ../scss/Sections/_bracespages.scss */
#bracesPage #blurb .entrytext .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 42, ../scss/Sections/_bracespages.scss */
#bracesPage #blurb .entrytext li {
  list-style-image: url("../images/bullet.png");
}
/* line 48, ../scss/Sections/_bracespages.scss */
#bracesPage #blurb h1 {
  font-size: 3.6em;
  color: #1c1c1c;
  font-weight: normal;
}
/* line 54, ../scss/Sections/_bracespages.scss */
#bracesPage #blurb .instructions {
  width: 35%;
  padding-bottom: 3em;
  float: left;
}
/* line 58, ../scss/Sections/_bracespages.scss */
#bracesPage #blurb .instructions h2 {
  font-size: 1.38em;
}
/* line 62, ../scss/Sections/_bracespages.scss */
#bracesPage #blurb .instructions .stepHolder {
  min-height: 290px;
  padding-right: 2em;
}
/* line 65, ../scss/Sections/_bracespages.scss */
#bracesPage #blurb .instructions .stepHolder .instructionalText {
  line-height: 1.5em;
}
/* line 68, ../scss/Sections/_bracespages.scss */
#bracesPage #blurb .instructions .stepHolder h3 {
  font-weight: normal;
  color: #31b0a6;
  font-size: 1.2em;
  line-height: 1em;
}
/* line 77, ../scss/Sections/_bracespages.scss */
#bracesPage .content {
  max-width: 950px;
  margin: 0 auto;
  text-align: left;
  margin-top: 10px;
}
/* line 82, ../scss/Sections/_bracespages.scss */
#bracesPage .content h2 {
  font-size: 2.2em;
  font-weight: normal;
  font-style: italic;
  color: #31b0a6;
}
/* line 88, ../scss/Sections/_bracespages.scss */
#bracesPage .content .entrytext {
  font-size: 1.6em;
  color: #1c1c1c;
}
/* line 93, ../scss/Sections/_bracespages.scss */
#bracesPage .content a {
  color: #31b0a6;
  text-decoration: none;
}

/* line 1, ../scss/Sections/_treatments.scss */
#treatmentPage {
  font-size: 10px !important;
  width: 100%;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  color: #232323;
}
/* line 7, ../scss/Sections/_treatments.scss */
#treatmentPage #blurb {
  float: left;
  width: 65%;
  height: auto;
}
/* line 11, ../scss/Sections/_treatments.scss */
#treatmentPage #blurb .full-width-image {
  padding-bottom: 345px;
  padding-top: 1.8em;
}
/* line 14, ../scss/Sections/_treatments.scss */
#treatmentPage #blurb .full-width-image .full-image-wrapper {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  min-height: 320px;
}
/* line 22, ../scss/Sections/_treatments.scss */
#treatmentPage #blurb .entrytext {
  font-size: 1.6em;
  color: #434343;
  line-height: 2.0em;
}
/* line 28, ../scss/Sections/_treatments.scss */
#treatmentPage #blurb .entrytext img {
  padding-bottom: 10px;
}
/* line 31, ../scss/Sections/_treatments.scss */
#treatmentPage #blurb .entrytext img.alignright {
  float: right;
  margin: 0 0 20px 20px;
}
/* line 32, ../scss/Sections/_treatments.scss */
#treatmentPage #blurb .entrytext img.alignleft {
  float: left;
  margin: 0 20px 20px 0;
}
/* line 33, ../scss/Sections/_treatments.scss */
#treatmentPage #blurb .entrytext img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 34, ../scss/Sections/_treatments.scss */
#treatmentPage #blurb .entrytext .alignright {
  float: right;
}
/* line 35, ../scss/Sections/_treatments.scss */
#treatmentPage #blurb .entrytext .alignleft {
  float: left;
}
/* line 36, ../scss/Sections/_treatments.scss */
#treatmentPage #blurb .entrytext .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 38, ../scss/Sections/_treatments.scss */
#treatmentPage #blurb .entrytext li {
  list-style-image: url("../images/bullet.png");
}
/* line 41, ../scss/Sections/_treatments.scss */
#treatmentPage #blurb .entrytext h3 {
  color: #31b0a6;
}
/* line 47, ../scss/Sections/_treatments.scss */
#treatmentPage #blurb h1 {
  font-size: 3.6em;
  color: #1c1c1c;
  font-weight: normal;
}
/* line 55, ../scss/Sections/_treatments.scss */
#treatmentPage .content {
  max-width: 950px;
  margin: 0 auto;
  text-align: left;
  margin-top: 20px;
}
/* line 60, ../scss/Sections/_treatments.scss */
#treatmentPage .content h2, #treatmentPage .content h3 {
  font-size: 22px;
  font-weight: normal;
  font-style: italic;
  color: #31b0a6;
}
/* line 66, ../scss/Sections/_treatments.scss */
#treatmentPage .content .entrytext {
  font-size: 1.6em;
  color: #1c1c1c;
}
/* line 70, ../scss/Sections/_treatments.scss */
#treatmentPage .content a {
  color: #31b0a6;
  text-decoration: none;
}

/* line 1, ../scss/Sections/_product.scss */
#productPage {
  font-size: 10px !important;
  width: 100%;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter !important;
  color: #232323;
}
/* line 8, ../scss/Sections/_product.scss */
#productPage #blurb {
  float: left;
  width: 68%;
  height: auto;
}
/* line 12, ../scss/Sections/_product.scss */
#productPage #blurb .entrytext {
  font-size: 1.6em;
  color: #434343;
  line-height: 1.25em;
}
/* line 17, ../scss/Sections/_product.scss */
#productPage #blurb .entrytext strong {
  font-weight: normal;
}
/* line 22, ../scss/Sections/_product.scss */
#productPage #blurb .entrytext img {
  padding-bottom: 10px;
}
/* line 25, ../scss/Sections/_product.scss */
#productPage #blurb .entrytext img.alignright {
  float: right;
  margin: 0 0 20px 20px;
}
/* line 26, ../scss/Sections/_product.scss */
#productPage #blurb .entrytext img.alignleft {
  float: left;
  margin: 0 20px 20px 0;
}
/* line 27, ../scss/Sections/_product.scss */
#productPage #blurb .entrytext img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 28, ../scss/Sections/_product.scss */
#productPage #blurb .entrytext .alignright {
  float: right;
}
/* line 29, ../scss/Sections/_product.scss */
#productPage #blurb .entrytext .alignleft {
  float: left;
}
/* line 30, ../scss/Sections/_product.scss */
#productPage #blurb .entrytext .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 32, ../scss/Sections/_product.scss */
#productPage #blurb .entrytext li {
  list-style-image: url("../images/bullet.png");
}
/* line 35, ../scss/Sections/_product.scss */
#productPage #blurb .entrytext h4, #productPage #blurb .entrytext h3 {
  color: #31b0a6;
}
/* line 41, ../scss/Sections/_product.scss */
#productPage #blurb h1 {
  font-size: 3.6em;
  color: #1c1c1c;
  font-weight: normal;
}
/* line 46, ../scss/Sections/_product.scss */
#productPage #blurb h2 {
  font-style: italic;
  font-size: 1.4em;
  padding-top: .2em;
  padding-bottom: .3em;
  color: #31b0a6; 
  font-weight: normal;
}
/* line 55, ../scss/Sections/_product.scss */
#productPage #subNav {
  float: left;
  width: 30%;
}
/* line 60, ../scss/Sections/_product.scss */
#productPage .content {
  max-width: 950px;
  margin: 0 auto;
  text-align: left;
  margin-top: 20px;
}
/* line 65, ../scss/Sections/_product.scss */
#productPage .content h2 {
  font-size: 3.6em;
  font-weight: normal;
}
/* line 70, ../scss/Sections/_product.scss */
#productPage .content .entrytext {
  font-size: 1.6em;
  padding-bottom: 3.125em;
}
/* line 74, ../scss/Sections/_product.scss */
#productPage .content a {
  color: #31b0a6;
  text-decoration: none;
}

/* line 1, ../scss/Sections/_tour.scss */
#orthoPage {
  font-size: 10px !important;
  width: 100%;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter !important;
  color: #232323;
}
/* line 8, ../scss/Sections/_tour.scss */
#orthoPage #blurb {
  float: left;
  width: 68%;
  height: auto;
}
/* line 12, ../scss/Sections/_tour.scss */
#orthoPage #blurb .entrytext {
  font-size: 1.6em;
  color: #434343;
  line-height: 1.25em;
}
/* line 19, ../scss/Sections/_tour.scss */
#orthoPage #blurb .entrytext img {
  padding-bottom: 10px;
}
/* line 22, ../scss/Sections/_tour.scss */
#orthoPage #blurb .entrytext img.alignright {
  float: right;
  margin: 0 0 20px 20px;
}
/* line 23, ../scss/Sections/_tour.scss */
#orthoPage #blurb .entrytext img.alignleft {
  float: left;
  margin: 0 20px 20px 0;
}
/* line 24, ../scss/Sections/_tour.scss */
#orthoPage #blurb .entrytext img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 25, ../scss/Sections/_tour.scss */
#orthoPage #blurb .entrytext .alignright {
  float: right;
}
/* line 26, ../scss/Sections/_tour.scss */
#orthoPage #blurb .entrytext .alignleft {
  float: left;
}
/* line 27, ../scss/Sections/_tour.scss */
#orthoPage #blurb .entrytext .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 31, ../scss/Sections/_tour.scss */
#orthoPage #blurb h1 {
  font-size: 3.6em;
  color: #1c1c1c;
}
/* line 35, ../scss/Sections/_tour.scss */
#orthoPage #blurb span {
  border: 1px solid #31b0a6;
  background: #fff;
}
/* line 44, ../scss/Sections/_tour.scss */
#orthoPage #blurb .active span {
  background: #31b0a6;
}
/* line 48, ../scss/Sections/_tour.scss */
#orthoPage #blurb .customNavigation {
  float: left;
  position: absolute;
  z-index: 10;
}
/* line 55, ../scss/Sections/_tour.scss */
#orthoPage .content {
  max-width: 950px;
  margin: 0 auto;
  text-align: left;
  margin-top: 20px;
}
/* line 60, ../scss/Sections/_tour.scss */
#orthoPage .content h2 {
  font-size: 3.6em;
  font-weight: normal;
}
/* line 65, ../scss/Sections/_tour.scss */
#orthoPage .content .entrytext {
  font-size: 1.6em;
  padding-bottom: 3.125em;
}

/* line 1, ../scss/Sections/_typesBraces.scss */
#typesPage {
  font-size: 10px !important;
  width: 100%;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter !important;
}
/* line 7, ../scss/Sections/_typesBraces.scss */
#typesPage .content {
  max-width: 950px;
  margin: 0 auto;
  text-align: left;
  margin-top: 10px;
  padding-bottom: 8.0em;
  color: #1c1c1c;
}
/* line 14, ../scss/Sections/_typesBraces.scss */
#typesPage .content .blurb {
  width: 68%;
  float: left;
}
/* line 17, ../scss/Sections/_typesBraces.scss */
#typesPage .content .blurb .portrait {
  width: 30%;
  float: left;
}
/* line 22, ../scss/Sections/_typesBraces.scss */
#typesPage .content .blurb h1 {
  font-size: 3.6em;
  font-weight: normal;
  padding-bottom: 20px;
}
/* line 27, ../scss/Sections/_typesBraces.scss */
#typesPage .content .blurb .typesPost {
  width: 68%;
  min-height: 240px;
  float: left;
  font-size: 1.6em;
  padding-left: 2em;
  padding-bottom: 3em;
}
/* line 34, ../scss/Sections/_typesBraces.scss */
#typesPage .content .blurb .typesPost a {
  text-decoration: none;
  color: #31b0a6;
}
/* line 38, ../scss/Sections/_typesBraces.scss */
#typesPage .content .blurb .typesPost h2 {
  margin-top: -6px;
  font-weight: normal;
  color: #31b0a6;
  font-size: 1.375em;
  line-height: 1.5em;
  margin-bottom: -20px;
}
/* line 46, ../scss/Sections/_typesBraces.scss */
#typesPage .content .blurb .typesPost .name {
  font-size: 0.89em;
  color: #434343;
  margin-bottom: -0.5em;
}
/* line 52, ../scss/Sections/_typesBraces.scss */
#typesPage .content .blurb .typesPost strong {
  font-size: 1.37em;
  color: #35bfb4;
  font-weight: normal;
  line-height: 1.875em;
  font-style: italic;
}
/* line 61, ../scss/Sections/_typesBraces.scss */
#typesPage .content #subNav {
  float: left;
  width: 30%;
}
/* line 69, ../scss/Sections/_typesBraces.scss */
#typesPage .owl-theme img {
  width: 100%;
}
/* line 72, ../scss/Sections/_typesBraces.scss */
#typesPage .owl-theme .owl-controls .owl-buttons div {
  color: #35bfb4;
  font-size: 14px;
  padding: 0;
  border: none;
  background: none;
  opacity: 1;
  filter: Alpha(Opacity=100);
}
/* line 82, ../scss/Sections/_typesBraces.scss */
#typesPage .owl-prev:after {
  content: " | ";
}
/* line 85, ../scss/Sections/_typesBraces.scss */
#typesPage .owl-carousel .owl-wrapper-outer {
  margin-bottom: -20px;
}

/* line 1, ../scss/Sections/_orthoTreatmentsPage.scss */
#orthoTreatmentsPage {
  font-size: 10px !important;
  width: 100%;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter !important;
}
/* line 7, ../scss/Sections/_orthoTreatmentsPage.scss */
#orthoTreatmentsPage .content {
  max-width: 950px;
  margin: 0 auto;
  text-align: left;
  margin-top: 10px;
  padding-bottom: 8.0em;
  color: #1c1c1c;
}
/* line 14, ../scss/Sections/_orthoTreatmentsPage.scss */
#orthoTreatmentsPage .content .blurb {
  width: 68%;
  float: left;
}
/* line 17, ../scss/Sections/_orthoTreatmentsPage.scss */
#orthoTreatmentsPage .content .blurb .portrait {
  width: 30%;
  float: left;
}
/* line 22, ../scss/Sections/_orthoTreatmentsPage.scss */
#orthoTreatmentsPage .content .blurb h1 {
  font-size: 3.6em;
  font-weight: normal;
  padding-bottom: 20px;
}
/* line 27, ../scss/Sections/_orthoTreatmentsPage.scss */
#orthoTreatmentsPage .content .blurb .typesPost {
  width: 68%;
  min-height: 240px;
  float: left;
  font-size: 1.6em;
  padding-left: 2em;
  padding-bottom: 3em;
}
/* line 34, ../scss/Sections/_orthoTreatmentsPage.scss */
#orthoTreatmentsPage .content .blurb .typesPost a {
  text-decoration: none;
  color: #31b0a6;
}
/* line 38, ../scss/Sections/_orthoTreatmentsPage.scss */
#orthoTreatmentsPage .content .blurb .typesPost h2 {
  margin-top: -6px;
  font-weight: normal;
  color: #31b0a6;
  font-size: 1.375em;
  line-height: 1.5em;
  margin-bottom: -20px;
}
/* line 46, ../scss/Sections/_orthoTreatmentsPage.scss */
#orthoTreatmentsPage .content .blurb .typesPost .name {
  font-size: 0.89em;
  color: #434343;
  margin-bottom: -0.5em;
}
/* line 52, ../scss/Sections/_orthoTreatmentsPage.scss */
#orthoTreatmentsPage .content .blurb .typesPost strong {
  font-size: 1.37em;
  color: #35bfb4;
  font-weight: normal;
  line-height: 1.875em;
  font-style: italic;
}
/* line 61, ../scss/Sections/_orthoTreatmentsPage.scss */
#orthoTreatmentsPage .content #subNav {
  float: left;
  width: 30%;
}
/* line 68, ../scss/Sections/_orthoTreatmentsPage.scss */
#orthoTreatmentsPage .owl-theme img {
  width: 100%;
}
/* line 71, ../scss/Sections/_orthoTreatmentsPage.scss */
#orthoTreatmentsPage .owl-theme .owl-controls .owl-buttons div {
  color: #35bfb4;
  font-size: 14px;
  padding: 0;
  border: none;
  background: none;
  opacity: 1;
  filter: Alpha(Opacity=100);
}
/* line 81, ../scss/Sections/_orthoTreatmentsPage.scss */
#orthoTreatmentsPage .owl-prev:after {
  content: " | ";
}
/* line 84, ../scss/Sections/_orthoTreatmentsPage.scss */
#orthoTreatmentsPage .owl-carousel .owl-wrapper-outer {
  margin-bottom: -20px;
}

/* line 1, ../scss/Sections/_firstAid.scss */
#firstAidPage {
  font-size: 10px !important;
  width: 100%;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter !important;
}
/* line 7, ../scss/Sections/_firstAid.scss */
#firstAidPage .content {
  max-width: 950px;
  margin: 0 auto;
  text-align: left;
  margin-top: 10px;
  padding-bottom: 8.0em;
  color: #1c1c1c;
}
/* line 14, ../scss/Sections/_firstAid.scss */
#firstAidPage .content .blurb {
  width: 68%;
  float: left;
}
/* line 17, ../scss/Sections/_firstAid.scss */
#firstAidPage .content .blurb .portrait {
  width: 30%;
  float: left;
}
/* line 22, ../scss/Sections/_firstAid.scss */
#firstAidPage .content .blurb .firstAidBlurb {
  font-size: 1.6em;
  padding-bottom: 2em;
}
/* line 26, ../scss/Sections/_firstAid.scss */
#firstAidPage .content .blurb h1 {
  font-size: 3.6em;
  font-weight: normal;
}
/* line 30, ../scss/Sections/_firstAid.scss */
#firstAidPage .content .blurb .typesPost {
  width: 68%;
  min-height: 240px;
  float: left;
  font-size: 1.6em;
  padding-left: 2em;
  padding-bottom: 3em;
}
/* line 37, ../scss/Sections/_firstAid.scss */
#firstAidPage .content .blurb .typesPost a {
  text-decoration: none;
  color: #31b0a6;
}
/* line 41, ../scss/Sections/_firstAid.scss */
#firstAidPage .content .blurb .typesPost h2 {
  margin-top: -6px;
  font-weight: normal;
  color: #31b0a6;
  font-size: 1.375em;
  line-height: 1.5em;
  margin-bottom: -20px;
}
/* line 49, ../scss/Sections/_firstAid.scss */
#firstAidPage .content .blurb .typesPost .name {
  font-size: 0.89em;
  color: #434343;
  margin-bottom: -0.5em;
}
/* line 55, ../scss/Sections/_firstAid.scss */
#firstAidPage .content .blurb .typesPost strong {
  font-size: 1.37em;
  color: #35bfb4;
  font-weight: normal;
  line-height: 1.875em;
  font-style: italic;
}
/* line 64, ../scss/Sections/_firstAid.scss */
#firstAidPage .content #subNav {
  float: left;
  width: 30%;
}
/* line 71, ../scss/Sections/_firstAid.scss */
#firstAidPage .owl-theme img {
  width: 100%;
}
/* line 74, ../scss/Sections/_firstAid.scss */
#firstAidPage .owl-theme .owl-controls .owl-buttons div {
  color: #35bfb4;
  font-size: 14px;
  padding: 0;
  border: none;
  background: none;
  opacity: 1;
  filter: Alpha(Opacity=100);
}
/* line 84, ../scss/Sections/_firstAid.scss */
#firstAidPage .owl-prev:after {
  content: " | ";
}
/* line 87, ../scss/Sections/_firstAid.scss */
#firstAidPage .owl-carousel .owl-wrapper-outer {
  margin-bottom: -20px;
}

/* line 1, ../scss/Sections/_incognito.scss */
#incogPage {
  font-size: 10px !important;
  width: 100%;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter !important;
  color: #232323;
}
/* line 8, ../scss/Sections/_incognito.scss */
#incogPage #blurb {
  float: left;
  width: 68%;
  height: auto;
}
/* line 12, ../scss/Sections/_incognito.scss */
#incogPage #blurb .entrytext {
  font-size: 1.6em;
  color: #434343;
  line-height: 1.25em;
}
/* line 17, ../scss/Sections/_incognito.scss */
#incogPage #blurb .entrytext strong {
  font-weight: normal;
}
/* line 22, ../scss/Sections/_incognito.scss */
#incogPage #blurb .entrytext img {
  padding-bottom: 10px;
}
/* line 25, ../scss/Sections/_incognito.scss */
#incogPage #blurb .entrytext img.alignright {
  float: none;
  margin: 0 0 20px 20px;
}
/* line 26, ../scss/Sections/_incognito.scss */
#incogPage #blurb .entrytext img.alignleft {
  float: none;
  margin: 0 20px 20px 0;
}
/* line 27, ../scss/Sections/_incognito.scss */
#incogPage #blurb .entrytext img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 28, ../scss/Sections/_incognito.scss */
#incogPage #blurb .entrytext .alignright {
  float: none;
}
/* line 29, ../scss/Sections/_incognito.scss */
#incogPage #blurb .entrytext .alignleft {
  float: none;
}
/* line 30, ../scss/Sections/_incognito.scss */
#incogPage #blurb .entrytext .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 32, ../scss/Sections/_incognito.scss */
#incogPage #blurb .entrytext li {
  list-style-image: url("../images/bullet.png");
}
/* line 35, ../scss/Sections/_incognito.scss */
#incogPage #blurb .entrytext h4, #incogPage #blurb .entrytext h3 {
  color: #31b0a6;
}
/* line 41, ../scss/Sections/_incognito.scss */
#incogPage #blurb h1 {
  font-size: 3.6em;
  color: #1c1c1c;
  font-weight: normal;
}
/* line 46, ../scss/Sections/_incognito.scss */
#incogPage #blurb h2 {
  font-style: italic;
  font-size: 1.4em;
  padding-top: .2em;
  padding-bottom: .3em;
  color: #31b0a6;
  font-weight: normal;
}
/* line 55, ../scss/Sections/_incognito.scss */
#incogPage #subNav {
  float: left;
  width: 30%;
}
/* line 60, ../scss/Sections/_incognito.scss */
#incogPage .content {
  max-width: 950px;
  margin: 0 auto;
  text-align: left;
  margin-top: 20px;
}
/* line 65, ../scss/Sections/_incognito.scss */
#incogPage .content h2 {
  font-size: 3.6em;
  font-weight: normal;
}
/* line 70, ../scss/Sections/_incognito.scss */
#incogPage .content .entrytext {
  font-size: 1.6em;
  padding-bottom: 3.125em;
}
/* line 74, ../scss/Sections/_incognito.scss */
#incogPage .content a {
  color: #31b0a6;
  text-decoration: none;
}

/* line 1, ../scss/Sections/_sitemap.scss */
#sitemapPage {
  font-size: 10px !important;
  width: 100%;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter !important;
  color: #232323;
}
/* line 8, ../scss/Sections/_sitemap.scss */
#sitemapPage .content {
  max-width: 980px;
  margin: 0 auto;
  text-align: left;
  margin-top: 8.0em;
}
/* line 14, ../scss/Sections/_sitemap.scss */
#sitemapPage .content h1 {
  font-size: 3.6em;
  font-weight: normal;
}
/* line 18, ../scss/Sections/_sitemap.scss */
#sitemapPage .content .entrytext {
  font-size: 1.6em;
  padding-bottom: 3.125em;
}
/* line 21, ../scss/Sections/_sitemap.scss */
#sitemapPage .content .entrytext p {
  line-height: 1.8em;
}
/* line 25, ../scss/Sections/_sitemap.scss */
#sitemapPage .content ul {
  color: #31b0a6;
}
/* line 30, ../scss/Sections/_sitemap.scss */
#sitemapPage .content li {
  font-size: 0.89em;
}
/* line 33, ../scss/Sections/_sitemap.scss */
#sitemapPage .content li a {
  color: #232323;
  text-decoration: none;
}

/* line 41, ../scss/Sections/_sitemap.scss */
#sitemapPage .content h2 {
  display: none;
}

@media screen and (max-width: 768px) {
  /* line 1, ../scss/Sections/Mobile/_navMobile.scss */
  #header #mobile-header {
    background-color: none;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 18px;
    font-size: 19px;
  }
  /* line 7, ../scss/Sections/Mobile/_navMobile.scss */
  #header #mobile-header #menu_trigger_mobile {
    right: 0px;
    top: 20px;
    position: absolute;
    cursor: pointer;
    display: block;
    font-weight: bold;
    margin: 10px 10px 0 0;
  }
  /* line 15, ../scss/Sections/Mobile/_navMobile.scss */
  #header #mobile-header #menu_trigger_mobile:hover span.icon-bar {
    background-color: #403b38 !important;
  }
  /* line 18, ../scss/Sections/Mobile/_navMobile.scss */
  #header #mobile-header #menu_trigger_mobile.active span.icon-bar {
    background-color: #403b38 !important;
  }
  /* line 23, ../scss/Sections/Mobile/_navMobile.scss */
  #header #mobile-header a {
    color: #fff;
    text-decoration: none;
    padding-right: 20px;
  }
  /* line 30, ../scss/Sections/Mobile/_navMobile.scss */
  #header #mobile-header .mobileNavItems {
    display: none;
    text-align: center;
    padding-bottom: 20px;
  }
  /* line 35, ../scss/Sections/Mobile/_navMobile.scss */
  #header #mobile-header .mobileNavItems li {
    width: 100%;
    float: none;
    height: 50px;
    margin-left: -7px !important;
  }
  /* line 40, ../scss/Sections/Mobile/_navMobile.scss */
  #header #mobile-header .mobileNavItems li a {
    font-size: 19px !important;
    padding-top: 15px !important;
    height: 50px;
  }
  /* line 48, ../scss/Sections/Mobile/_navMobile.scss */
  #header #mobile-header .mobileNavItems menu-main-container {
    margin-left: -20px;
  }
  /* line 5, ../scss/Sections/Mobile/_header-mobile.scss */
  #header #header_main #logo a img:hover {
    opacity: 1;
  }
  /* line 11, ../scss/Sections/Mobile/_header-mobile.scss */
  #header #header_main #infoBar {
    display: none;
  }
  /* line 14, ../scss/Sections/Mobile/_header-mobile.scss */
  #header #header_main .infoBarMobile {
    display: block;
    width: 100%;
    background-color: #000;
    color: #8f8f8f;
    font-size: 13px;
    text-align: center;
    color: #fff;
    padding: 10px;
    padding-top: 2.5px;
    padding-bottom: 2.5px;
  }
  /* line 25, ../scss/Sections/Mobile/_header-mobile.scss */
  #header #header_main .infoBarMobile a {
    color: #fff;
    text-decoration: none;
    padding-left: 10%;
  }
  /* line 33, ../scss/Sections/Mobile/_header-mobile.scss */
  #header #header_main #nav_main .holder .menu-main-container ul {
    margin-left: -5px !important;
  }
  /* line 36, ../scss/Sections/Mobile/_header-mobile.scss */
  #header #header_main #nav_main .holder .menu-main-container ul li {
    width: 100%;
  }

  /* line 1, ../scss/Sections/Mobile/_homePage-mobile.scss */
  #homePage {
    font-size: 12px !important;
  }
  /* line 5, ../scss/Sections/Mobile/_homePage-mobile.scss */
  #homePage #headerImage .book {
    width: 50%;
    top: 50%;
    left: 15%;
  }
  /* line 12, ../scss/Sections/Mobile/_homePage-mobile.scss */
  #homePage #oceanOrthodontics h1 {
    line-height: 1.2em;
  }
  /* line 15, ../scss/Sections/Mobile/_homePage-mobile.scss */
  #homePage #oceanOrthodontics .blurb {
    padding-left: 2em;
    padding-right: 2em;
  }
  /* line 18, ../scss/Sections/Mobile/_homePage-mobile.scss */
  #homePage #oceanOrthodontics .blurb p {
    line-height: 1.5em;
  }
  /* line 24, ../scss/Sections/Mobile/_homePage-mobile.scss */
  #homePage #middleImage .middle-image-wrapper {
    width: 100%;
    height: auto;
    min-height: 200px;
    max-height: 400px;
    background-size: cover;
    background-position: center top;
  }
  /* line 34, ../scss/Sections/Mobile/_homePage-mobile.scss */
  #homePage #meetTheOrthodontist #leftContent {
    padding-left: 15%;
  }
  /* line 37, ../scss/Sections/Mobile/_homePage-mobile.scss */
  #homePage #meetTheOrthodontist #leftContent .portrait img {
    max-width: none;
  }
  /* line 42, ../scss/Sections/Mobile/_homePage-mobile.scss */
  #homePage #meetTheOrthodontist #rightContent {
    padding-left: 2em;
    padding-right: 2em;
    width: 100%;
    text-align: center;
  }
  /* line 47, ../scss/Sections/Mobile/_homePage-mobile.scss */
  #homePage #meetTheOrthodontist #rightContent h1 {
    line-height: 1.2em;
  }
  /* line 51, ../scss/Sections/Mobile/_homePage-mobile.scss */
  #homePage #meetTheOrthodontist #rightContent #blurb p {
    line-height: 1.5em;
  }
  /* line 59, ../scss/Sections/Mobile/_homePage-mobile.scss */
  #homePage #testimonials {
    padding-left: 2em;
    padding-right: 2em;
  }
  /* line 63, ../scss/Sections/Mobile/_homePage-mobile.scss */
  #homePage #learningCentre {
    padding-left: 2em;
    padding-right: 2em;
  }
  /* line 66, ../scss/Sections/Mobile/_homePage-mobile.scss */
  #homePage #learningCentre #icons {
    padding-right: 2em;
  }
  /* line 69, ../scss/Sections/Mobile/_homePage-mobile.scss */
  #homePage #learningCentre #icons ul li {
    float: none;
  }
  /* line 79, ../scss/Sections/Mobile/_homePage-mobile.scss */
  #homePage #products #productsContent,
  #homePage #awards #awardsContent {
    padding-left: 2em;
    padding-right: 2em;
  }
  /* line 83, ../scss/Sections/Mobile/_homePage-mobile.scss */
  #homePage #products #logos,
  #homePage #awards #logos {
    margin-left: -2em;
  }
  /* line 85, ../scss/Sections/Mobile/_homePage-mobile.scss */
  /* #homePage #products #logos li {
    width: 70%;
  } */
  /* line 88, ../scss/Sections/Mobile/_homePage-mobile.scss */
  /* #homePage #products #logos img {
    width: 100%;
  } */

  /* line 1, ../scss/Sections/Mobile/_aboutPage-mobile.scss */
  #aboutPage {
    font-size: 12px !important;
    padding-left: 2em;
    padding-right: 2em;
  }
  /* line 5, ../scss/Sections/Mobile/_aboutPage-mobile.scss */
  #aboutPage .content {
    text-align: center;
    margin-top: 1em;
  }
  /* line 8, ../scss/Sections/Mobile/_aboutPage-mobile.scss */
  #aboutPage .content .featuredItem {
    height: auto;
    padding-bottom: 2em;
    margin-left: 2em;
    width: 90%;
  }
  /* line 13, ../scss/Sections/Mobile/_aboutPage-mobile.scss */
  #aboutPage .content .featuredItem .featuredImage {
    padding-bottom: 1em;
  }
  /* line 17, ../scss/Sections/Mobile/_aboutPage-mobile.scss */
  #aboutPage .content .featuredItem .featuredImage img {
    max-width: none;
  }
  /* line 21, ../scss/Sections/Mobile/_aboutPage-mobile.scss */
  #aboutPage .content .featuredItem .featuredTitle {
    height: auto;
    padding-bottom: 1em;
    width: 100%;
    text-align: center;
  }
  /* line 27, ../scss/Sections/Mobile/_aboutPage-mobile.scss */
  #aboutPage .content .featuredItem .featuredDescription {
    text-align: center;
    width: 100%;
  }
  /* line 31, ../scss/Sections/Mobile/_aboutPage-mobile.scss */
  #aboutPage .content .featuredItem .readMore {
    text-align: center;
  }

  /* line 1, ../scss/Sections/Mobile/_orthodontist-mobile.scss */
  #orthoPage {
    font-size: 12px;
  }
  /* line 3, ../scss/Sections/Mobile/_orthodontist-mobile.scss */
  #orthoPage .content {
    margin-top: 1em;
  }
  /* line 6, ../scss/Sections/Mobile/_orthodontist-mobile.scss */
  #orthoPage #blurb {
    float: none;
    width: 90%;
    padding-left: 2em;
  }
  /* line 12, ../scss/Sections/Mobile/_orthodontist-mobile.scss */
  #orthoPage #subNav {
    float: none;
    width: 90%;
    text-align: center;
  }
  /* line 16, ../scss/Sections/Mobile/_orthodontist-mobile.scss */
  #orthoPage #subNav .roundedButton {
    margin-left: 15%;
  }
  /* line 21, ../scss/Sections/Mobile/_orthodontist-mobile.scss */
  #orthoPage #bottomContent .memberships {
    text-align: center;
    padding-left: 0;
  }
  /* line 24, ../scss/Sections/Mobile/_orthodontist-mobile.scss */
  #orthoPage #bottomContent .memberships .memberHolder {
    float: none;
    width: 90%;
    padding-left: 2em;
  }
  /* line 28, ../scss/Sections/Mobile/_orthodontist-mobile.scss */
  #orthoPage #bottomContent .memberships .memberHolder .memberInfo {
    height: auto;
    padding-bottom: 3em;
  }
  /* line 31, ../scss/Sections/Mobile/_orthodontist-mobile.scss */
  #orthoPage #bottomContent .memberships .memberHolder .memberInfo .memberLogo {
    height: auto;
  }

  /* line 1, ../scss/Sections/Mobile/_testimonials-mobile.scss */
  #testimonialsPage {
    font-size: 12px !important;
  }
  /* line 3, ../scss/Sections/Mobile/_testimonials-mobile.scss */
  #testimonialsPage .content {
    width: 90%;
    text-align: left;
    margin-top: 1em;
  }
  /* line 7, ../scss/Sections/Mobile/_testimonials-mobile.scss */
  #testimonialsPage .content .testimonialsPost {
    padding-top: 0;
  }
  /* line 10, ../scss/Sections/Mobile/_testimonials-mobile.scss */
  #testimonialsPage .content .pageContent {
    text-align: left;
    font-size: 1.6em;
  }
  /* line 13, ../scss/Sections/Mobile/_testimonials-mobile.scss */
  #testimonialsPage .content .pageContent img.alignright {
    margin: 0;
  }
  /* line 17, ../scss/Sections/Mobile/_testimonials-mobile.scss */
  #testimonialsPage .content .pageTitle {
    padding-top: 20px;
  }

  /* line 2, ../scss/Sections/Mobile/_learningCentre-mobile.scss */
  #learningPage .content {
    margin-top: 1em;
  }
  /* line 4, ../scss/Sections/Mobile/_learningCentre-mobile.scss */
  #learningPage .content .pageTitle {
    text-align: center;
  }
  /* line 8, ../scss/Sections/Mobile/_learningCentre-mobile.scss */
  #learningPage .content .ui-accordion h3 {
    padding-left: 30px;
  }
  /* line 11, ../scss/Sections/Mobile/_learningCentre-mobile.scss */
  #learningPage .content .ui-accordion .acordcontent {
    padding-left: 3em;
    padding-right: 2em;
  }
  /* line 14, ../scss/Sections/Mobile/_learningCentre-mobile.scss */
  #learningPage .content .ui-accordion .acordcontent ul {
    width: 100%;
    -moz-columns: 1;
         columns: 1;
    -webkit-columns: 1;
  }
  /* line 19, ../scss/Sections/Mobile/_learningCentre-mobile.scss */
  #learningPage .content .ui-accordion .acordcontent ul li {
    padding-bottom: 1em;
  }
  /* line 33, ../scss/Sections/Mobile/_learningCentre-mobile.scss */
  #learningPage .nonAccord .titlecontent h3 {
    padding-left: 30px;
  }

  /* line 1, ../scss/Sections/Mobile/_products-mobile.scss */
  #productPage {
    font-size: 12px;
  }
  /* line 3, ../scss/Sections/Mobile/_products-mobile.scss */
  #productPage .content {
    margin-top: 1em;
  }
  /* line 6, ../scss/Sections/Mobile/_products-mobile.scss */
  #productPage #blurb {
    float: none;
    text-align: left;
    width: 90%;
    padding-left: 2em;
  }
  /* line 12, ../scss/Sections/Mobile/_products-mobile.scss */
  #productPage #subNav {
    float: none;
    width: 90%;
    text-align: center;
  }
  /* line 16, ../scss/Sections/Mobile/_products-mobile.scss */
  #productPage #subNav .roundedButton {
    margin-left: 15%;
  }
  /* line 21, ../scss/Sections/Mobile/_products-mobile.scss */
  #productPage #bottomContent .memberships {
    text-align: center;
  }
  /* line 23, ../scss/Sections/Mobile/_products-mobile.scss */
  #productPage #bottomContent .memberships .memberHolder {
    float: none;
    width: 90%;
    padding-left: 2em;
  }
  /* line 27, ../scss/Sections/Mobile/_products-mobile.scss */
  #productPage #bottomContent .memberships .memberHolder .memberInfo {
    height: auto;
    padding-bottom: 3em;
  }
  /* line 30, ../scss/Sections/Mobile/_products-mobile.scss */
  #productPage #bottomContent .memberships .memberHolder .memberInfo .memberLogo {
    height: auto;
  }

  /* line 1, ../scss/Sections/Mobile/_newPatients-mobile.scss */
  #patientsPage {
    font-size: 12px;
  }
  /* line 3, ../scss/Sections/Mobile/_newPatients-mobile.scss */
  #patientsPage .content {
    margin-top: 1em;
  }
  /* line 6, ../scss/Sections/Mobile/_newPatients-mobile.scss */
  #patientsPage #blurb {
    float: none;
    width: 90%;
    padding-left: 2em;
  }
  /* line 12, ../scss/Sections/Mobile/_newPatients-mobile.scss */
  #patientsPage #subNav {
    float: none;
    width: 90%;
    text-align: center;
  }
  /* line 16, ../scss/Sections/Mobile/_newPatients-mobile.scss */
  #patientsPage #subNav .roundedButton {
    margin-left: 15%;
  }
  /* line 21, ../scss/Sections/Mobile/_newPatients-mobile.scss */
  #patientsPage #bottomContent .memberships {
    text-align: center;
  }
  /* line 23, ../scss/Sections/Mobile/_newPatients-mobile.scss */
  #patientsPage #bottomContent .memberships .memberHolder {
    float: none;
    width: 90%;
    padding-left: 2em;
  }
  /* line 27, ../scss/Sections/Mobile/_newPatients-mobile.scss */
  #patientsPage #bottomContent .memberships .memberHolder .memberInfo {
    height: auto;
    padding-bottom: 3em;
  }
  /* line 30, ../scss/Sections/Mobile/_newPatients-mobile.scss */
  #patientsPage #bottomContent .memberships .memberHolder .memberInfo .memberLogo {
    height: auto;
  }

  /* line 1, ../scss/Sections/Mobile/_teamPage-mobile.scss */
  #teamPage {
    font-size: 12px;
  }
  /* line 3, ../scss/Sections/Mobile/_teamPage-mobile.scss */
  #teamPage .content {
    margin-top: 1em;
  }
  /* line 5, ../scss/Sections/Mobile/_teamPage-mobile.scss */
  #teamPage .content .blurb {
    float: none;
    width: 90% !important;
    padding-left: 2em;
  }
  /* line 10, ../scss/Sections/Mobile/_teamPage-mobile.scss */
  #teamPage .content .blurb .portrait {
    margin-left: 14%;
    margin-bottom: 15px;
    float: none;
    padding-bottom: 1em;
  }
  /* line 17, ../scss/Sections/Mobile/_teamPage-mobile.scss */
  #teamPage .content .blurb .teamPost {
    width: 90%;
    float: none;
  }
  /* line 25, ../scss/Sections/Mobile/_teamPage-mobile.scss */
  #teamPage #subNav {
    float: none;
    width: 90%;
    text-align: center;
  }
  /* line 29, ../scss/Sections/Mobile/_teamPage-mobile.scss */
  #teamPage #subNav .roundedButton {
    margin-left: 15%;
  }

  /* line 1, ../scss/Sections/Mobile/_faqs-mobile.scss */
  #faqsPage {
    font-size: 12px !important;
  }
  /* line 3, ../scss/Sections/Mobile/_faqs-mobile.scss */
  #faqsPage .content {
    width: 90%;
    margin-top: 1em;
  }
  /* line 7, ../scss/Sections/Mobile/_faqs-mobile.scss */
  #faqsPage .content .testimonialsPost {
    padding-top: 0;
  }
  /* line 11, ../scss/Sections/Mobile/_faqs-mobile.scss */
  #faqsPage .content .pageContent img.alignright {
    margin: 0;
  }

  /* line 1, ../scss/Sections/Mobile/_footer-mobile.scss */
  .footer-menu {
    line-height: 40px;
  }
  /* line 3, ../scss/Sections/Mobile/_footer-mobile.scss */
  .footer-menu .holder img {
    display: none;
  }

  /* line 7, ../scss/Sections/Mobile/_footer-mobile.scss */
  #footer_main ul {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
  }

  /* line 10, ../scss/Sections/Mobile/_footer-mobile.scss */
  #footer_main li a {
    float: left;
    width: 50%;
    padding-left: 0;
    padding-right: 0;
  }

  /* line 15, ../scss/Sections/Mobile/_footer-mobile.scss */
  .formFooter {
    text-align: center;
  }
  /* line 17, ../scss/Sections/Mobile/_footer-mobile.scss */
  .formFooter .contactInfo {
    height: auto;
  }
  /* line 19, ../scss/Sections/Mobile/_footer-mobile.scss */
  .formFooter .contactInfo .address {
    width: 100%;
    float: none;
    display: block;
  }
  /* line 23, ../scss/Sections/Mobile/_footer-mobile.scss */
  .formFooter .contactInfo .form {
    width: 100%;
    float: none;
    padding: 10px;
  }
  /* line 27, ../scss/Sections/Mobile/_footer-mobile.scss */
  .formFooter .contactInfo .form .left {
    width: 100%;
    float: none;
  }
  /* line 31, ../scss/Sections/Mobile/_footer-mobile.scss */
  .formFooter .contactInfo .form .right {
    width: 100%;
    float: none;
    margin-left: -10px;
  }
  /* line 37, ../scss/Sections/Mobile/_footer-mobile.scss */
  .formFooter .contactInfo .form .roundedButton .bookAppoint {
    width: 1%;
  }

  /* line 45, ../scss/Sections/Mobile/_footer-mobile.scss */
  #copyright {
    text-align: left;
    padding: 10px;
  }
  /* line 48, ../scss/Sections/Mobile/_footer-mobile.scss */
  #copyright #cpy {
    padding-left: 0 !important;
  }
  /* line 53, ../scss/Sections/Mobile/_footer-mobile.scss */
  #copyright ul li a {
    border-right: none !important;
    width: 100%;
    float: none;
  }
  /* line 60, ../scss/Sections/Mobile/_footer-mobile.scss */
  #copyright #menu-footer-nav {
    width: 100%;
    padding: 0;
    text-align: left;
  }

  /* line 66, ../scss/Sections/Mobile/_footer-mobile.scss */
  #fscf_name1, #fscf_email1, #fscf_field1_4, #fscf_div_follow1_3, #fscf_submit_div1, #fscf_captcha_image_div1, #fscf_captcha_code1 {
    float: none !important;
  }

  /* line 69, ../scss/Sections/Mobile/_footer-mobile.scss */
  #fscf_div_field1_0, #fscf_div_field1_1, #fscf_div_field1_4, #fscf_div_follow1_3, #fscf_captcha_image_div1, #fscf_captcha_code1 {
    width: 100% !important;
    padding-left: 0 !important;
  }

  /* line 73, ../scss/Sections/Mobile/_footer-mobile.scss */
  #fscf_captcha_code1 {
    margin-top: 20px;
    width: 57% !important;
  }

  /* line 77, ../scss/Sections/Mobile/_footer-mobile.scss */
  #fscf_captcha_refresh1 {
    width: 70% !important;
  }

  /* line 80, ../scss/Sections/Mobile/_footer-mobile.scss */
  #fscf_submit_div1 {
    float: none !important;
    width: 100% !important;
    padding-left: 0 !important;
  }

  /* line 1, ../scss/Sections/Mobile/_braces-mobile.scss */
  #bracesPage {
    font-size: 12px;
  }
  /* line 3, ../scss/Sections/Mobile/_braces-mobile.scss */
  #bracesPage .content {
    margin-top: 10px;
  }
  /* line 6, ../scss/Sections/Mobile/_braces-mobile.scss */
  #bracesPage #blurb {
    float: none;
    width: 90%;
    padding-left: 2em;
  }
  /* line 11, ../scss/Sections/Mobile/_braces-mobile.scss */
  #bracesPage #blurb .instructions {
    float: none;
    width: 100%;
  }
  /* line 15, ../scss/Sections/Mobile/_braces-mobile.scss */
  #bracesPage #blurb ul {
    margin-left: -10px;
  }
  /* line 20, ../scss/Sections/Mobile/_braces-mobile.scss */
  #bracesPage #subNav {
    float: none;
    width: 90%;
    text-align: center;
  }
  /* line 24, ../scss/Sections/Mobile/_braces-mobile.scss */
  #bracesPage #subNav .roundedButton {
    margin-left: 15%;
  }
  /* line 29, ../scss/Sections/Mobile/_braces-mobile.scss */
  #bracesPage #bottomContent .memberships {
    text-align: center;
  }
  /* line 31, ../scss/Sections/Mobile/_braces-mobile.scss */
  #bracesPage #bottomContent .memberships .memberHolder {
    float: none;
    width: 90%;
    padding-left: 2em;
  }
  /* line 35, ../scss/Sections/Mobile/_braces-mobile.scss */
  #bracesPage #bottomContent .memberships .memberHolder .memberInfo {
    height: auto;
    padding-bottom: 3em;
  }
  /* line 38, ../scss/Sections/Mobile/_braces-mobile.scss */
  #bracesPage #bottomContent .memberships .memberHolder .memberInfo .memberLogo {
    height: auto;
  }

  /* line 46, ../scss/Sections/Mobile/_braces-mobile.scss */
  #typesPage .content .blurb {
    width: 90%;
  }
  /* line 48, ../scss/Sections/Mobile/_braces-mobile.scss */
  #typesPage .content .blurb .portrait {
    float: none;
    width: 100%;
    padding-left: 30px;
    padding-bottom: 20px;
  }
  /* line 54, ../scss/Sections/Mobile/_braces-mobile.scss */
  #typesPage .content .blurb .typesPost {
    width: 100%;
  }
  /* line 57, ../scss/Sections/Mobile/_braces-mobile.scss */
  #typesPage .content .blurb h1 {
    padding-left: 30px;
  }

  /* line 61, ../scss/Sections/Mobile/_braces-mobile.scss */
  #typesPage .content {
    margin-top: 10px;
  }

  /* line 64, ../scss/Sections/Mobile/_braces-mobile.scss */
  #orthoTreatmentsPage .content .blurb {
    width: 90%;
  }
  /* line 66, ../scss/Sections/Mobile/_braces-mobile.scss */
  #orthoTreatmentsPage .content .blurb .portrait {
    float: none;
    width: 100%;
    padding-left: 30px;
    padding-bottom: 20px;
  }
  /* line 72, ../scss/Sections/Mobile/_braces-mobile.scss */
  #orthoTreatmentsPage .content .blurb .typesPost {
    width: 100%;
  }
  /* line 75, ../scss/Sections/Mobile/_braces-mobile.scss */
  #orthoTreatmentsPage .content .blurb h1 {
    padding-left: 30px;
  }

  /* line 1, ../scss/Sections/Mobile/_treatments-mobile.scss */
  #treatmentPage {
    font-size: 12px;
  }
  /* line 3, ../scss/Sections/Mobile/_treatments-mobile.scss */
  #treatmentPage .content {
    margin-top: 1em;
  }
  /* line 6, ../scss/Sections/Mobile/_treatments-mobile.scss */
  #treatmentPage #blurb {
    float: none;
    width: 90%;
    padding-left: 2em;
  }
  /* line 12, ../scss/Sections/Mobile/_treatments-mobile.scss */
  #treatmentPage #subNav {
    float: none;
    width: 90%;
    text-align: center;
  }
  /* line 16, ../scss/Sections/Mobile/_treatments-mobile.scss */
  #treatmentPage #subNav .roundedButton {
    margin-left: 15%;
  }
  /* line 21, ../scss/Sections/Mobile/_treatments-mobile.scss */
  #treatmentPage #bottomContent .memberships {
    text-align: center;
  }
  /* line 23, ../scss/Sections/Mobile/_treatments-mobile.scss */
  #treatmentPage #bottomContent .memberships .memberHolder {
    float: none;
    width: 90%;
    padding-left: 2em;
  }
  /* line 27, ../scss/Sections/Mobile/_treatments-mobile.scss */
  #treatmentPage #bottomContent .memberships .memberHolder .memberInfo {
    height: auto;
    padding-bottom: 3em;
  }
  /* line 30, ../scss/Sections/Mobile/_treatments-mobile.scss */
  #treatmentPage #bottomContent .memberships .memberHolder .memberInfo .memberLogo {
    height: auto;
  }

  /* line 2, ../scss/Sections/Mobile/_contactUs-mobile.scss */
  #contactPage .content {
    padding: 2em;
    padding-top: 0;
  }
  /* line 5, ../scss/Sections/Mobile/_contactUs-mobile.scss */
  #contactPage .content .pageTitle {
    text-align: center;
    line-height: 1em;
  }
  /* line 9, ../scss/Sections/Mobile/_contactUs-mobile.scss */
  #contactPage .content #leftContent {
    float: none;
    width: 100%;
    text-align: center;
  }
  /* line 14, ../scss/Sections/Mobile/_contactUs-mobile.scss */
  #contactPage .content #rightContent {
    float: none;
    width: 100%;
    text-align: center;
  }

  /* line 21, ../scss/Sections/Mobile/_contactUs-mobile.scss */
  #fscf_submit3 {
    font-size: 18px !important;
  }

  /* line 1, ../scss/Sections/Mobile/_firstAid.scss */
  #firstAidPage {
    font-size: 12px;
    text-align: center;
  }
  /* line 6, ../scss/Sections/Mobile/_firstAid.scss */
  #firstAidPage .content .blurb {
    padding: 2em;
    width: 100%;
  }
  /* line 10, ../scss/Sections/Mobile/_firstAid.scss */
  #firstAidPage .content .blurb .portrait {
    width: 100%;
    float: none;
  }
  /* line 13, ../scss/Sections/Mobile/_firstAid.scss */
  #firstAidPage .content .blurb .portrait img {
    width: 100%;
  }
  /* line 17, ../scss/Sections/Mobile/_firstAid.scss */
  #firstAidPage .content .blurb .firstAidBlurb {
    float: none;
    width: 100%;
  }
  /* line 21, ../scss/Sections/Mobile/_firstAid.scss */
  #firstAidPage .content .blurb .typesPost {
    width: 100%;
    float: none;
    padding-left: 0;
  }

  /* line 1, ../scss/Sections/Mobile/_incognito.scss */
  #incogPage {
    font-size: 12px;
  }
  /* line 3, ../scss/Sections/Mobile/_incognito.scss */
  #incogPage .content {
    margin-top: 1em;
  }
  /* line 6, ../scss/Sections/Mobile/_incognito.scss */
  #incogPage #blurb {
    float: none;
    text-align: left !important;
    width: 90%;
    padding-left: 2em;
  }
  /* line 13, ../scss/Sections/Mobile/_incognito.scss */
  #incogPage #subNav {
    float: none;
    width: 90%;
    text-align: center;
  }
  /* line 17, ../scss/Sections/Mobile/_incognito.scss */
  #incogPage #subNav .roundedButton {
    margin-left: 15%;
  }
  /* line 22, ../scss/Sections/Mobile/_incognito.scss */
  #incogPage #bottomContent .memberships {
    text-align: center;
  }
  /* line 24, ../scss/Sections/Mobile/_incognito.scss */
  #incogPage #bottomContent .memberships .memberHolder {
    float: none;
    width: 90%;
    padding-left: 2em;
  }
  /* line 28, ../scss/Sections/Mobile/_incognito.scss */
  #incogPage #bottomContent .memberships .memberHolder .memberInfo {
    height: auto;
    padding-bottom: 3em;
  }
  /* line 31, ../scss/Sections/Mobile/_incognito.scss */
  #incogPage #bottomContent .memberships .memberHolder .memberInfo .memberLogo {
    height: auto;
  }
}
/* line 1, ../scss/_content.scss */
#wrapper {
  width: 100%;
  margin: auto;
  text-align: left;
  padding-top: 0;
}


/*SIDEBAR & ASIDES */

.blog_sidebar {
    width: 90%;
  }

  .sidebar {
    padding: 10px;
    width: 100%;
    display: inline-block;
    margin-left: 5px;
  }


  .sidebar ul {
    margin-top: 5px;
    margin-bottom: 13px;
    padding-left: 7px;
  }

  .sidebar li {
    list-style: none;
    font-style: italic;
    font-size: 0.9rem;
    margin-top: 5px;
  }

  .sidebar li a {
    color: #232323;
    text-decoration: none;
  }

  .sidebar li a:hover {
    color: ;
  }


  .widgettitle {
    font-size: 1.2rem;
    font-weight: 300;
    margin: 0px;
    margin-bottom: 10px;
    color: #31b0a608;

  }

  /*********************
  BLOG STYLES
  *********************/


  .blog_container {
    display: flex;
    width: 80%;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .page-template-blog #main .container,
  .single-post #main .container,
  .category #main .container,
  .archive #main .container
  {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    /*padding: 30px;*/
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 30px;
    max-width: 1100px;
  }

  .post_top_intro_title,
  .archive_top_intro_title{
    margin: 0px;
    margin-left: 7px;
    margin-bottom: 25px;
    font-size: 36px;
    font-weight: 100;
    color: #292929;
  }

  .blog_posts {
    width: 70%;
    display: inline-block;
    margin: 0px;
  }

  .post_overview {
    margin: 10px;
    padding-top: 15px;
    padding-bottom: 35px;
    border-bottom: 1px solid #e2e2e2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .post_image {
    width: 32%;
    max-width: 250px;
    margin-right: 25px;
    height: 160px;
    background-size: cover; 
  }

  .single_post_image {
    width: 100%;
  }

  .post_content {
    width: 70%;
  }

  .post_h2_title {
    margin: 0px;
    font-size: 22px;
  }

  .post_h2_title a {
    text-decoration: none;
    color: #40C3AE;
  }

  .post_content p {
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 18px;
  }

  .post_content a {
    text-decoration: none;
    color: #40C3AE;
  }

  .excerpt-read-more {
    display: none;
  }

  /* Pagination */

  .wp-pagenavi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    font-size: 14px;
  }

  .wp-pagenavi a {
    border: none;
    font-style: italic;
    color: #232323;
  }

  .wp-pagenavi a:hover {
        color: #40C3AE;
  }

  .wp-pagenavi a:visited {
    color: #232323;  
  }

  .wp-pagenavi a:visited:hover {
    color: #40C3AE;  
  }

  

  .wp-pagenavi span.current {
    border: none;
    color: #7E7E7E;
    font-style: italic;
  }


  .wp-pagenavi .pages {
    display: none;  
  }

  .fa {
     color: #7E7E7E;
  }

  #pagination .extend {
    display: none;
  }

  #back-to-blog {
     color: #232323;
     text-decoration: none;
   }

  #back-to-blog:hover {
     color: #40C3AE; 
  }

  #back-to-blog:visited {
     color: #232323; 
  }

  #back-to-blog:visited:hover {
     color: #40C3AE; 
  }


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

/*SIDEBAR & ASIDES */

.blog_sidebar {
    width: 90%;
  }

  .sidebar {
    padding: 10px;
    width: 100%;
    display: inline-block;
    margin-left: 5px;
  }


  .sidebar ul {
    margin-top: 5px;
    margin-bottom: 13px;
    padding-left: 7px;
  }

  .sidebar li {
    list-style: none;
    font-style: italic;
    font-size: 0.9rem;
    margin-top: 5px;
  }

  .sidebar li a {
    color: #232323;
    text-decoration: none;
  }

  .sidebar li a:hover {
    color: ;
  }


  .widgettitle {
    font-size: 1.2rem;
    font-weight: 300;
    margin: 0px;
    margin-bottom: 10px;
    color: #31b0a608;

  }

  /*********************
  BLOG STYLES
  *********************/

  .page-template-blog #main .container,
  .single-post #main .container,
  .category #main .container,
  .archive #main .container
  {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    /*padding: 30px;*/
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 30px;
    max-width: 1100px;
  }

  .post_top_intro_title,
  .archive_top_intro_title{
    margin: 0px;
    margin-left: 7px;
    margin-bottom: 25px;
    font-size: 36px;
    font-weight: 100;
    color: #292929;
  }

  .blog_posts {
    width: 70%;
    display: inline-block;
    margin: 0px;
  }

  .post_overview {
  margin: 10px;
    padding-top: 15px;
    padding-bottom: 35px;
    border-bottom: 1px solid #e2e2e2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .post_image {
    width: 100%;
    border: 1px solid #e7e7e7;
    max-width: 250px;
    margin-right: 25px;
    height: 160px;
    background-size: cover;
  }

  .single_post_image {
    width: 100%;
  }

  .post_content {
    width: 95%;
  }

  .post_h2_title {
    margin: 0px;
    font-size: 22px;
    width: 100%;
  }

  .post_h2_title a {
    text-decoration: none;
    color: #40C3AE;
  }

  .post_content p {
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 18px;
  }

  .post_content a {
    text-decoration: none;
    color: #40C3AE;
  }

  .excerpt-read-more {
    display: none;
  }

  /* Pagination */

  .wp-pagenavi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    font-size: 14px;
  }

  .wp-pagenavi a {
    border: none;
    font-style: italic;
    color: #232323;
  }

  .wp-pagenavi a:hover {
        color: #40C3AE;
  }

  .wp-pagenavi a:visited {
    color: #232323;  
  }

  .wp-pagenavi span.current {
    border: none;
    color: #7E7E7E;
    font-style: italic;
  }


  .wp-pagenavi .pages {
    display: none;  
  }

  .fa {
     color: #7E7E7E;
  }




  /*********************
  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 */
  /*********************
  ARS & ASIDES
  *********************/


/*********************
  SIDEBARS & ASIDES
  *********************/


  .blog_sidebar {
    width: 25%;
  }

  .sidebar {
    padding: 10px;
    width: 100%;
    display: inline-block;
    margin-left: 5px;
  }


  .sidebar ul {
    margin-top: 5px;
    margin-bottom: 13px;
    padding-left: 7px;
  }

  .sidebar li {
    list-style: none;
    font-style: italic;
    font-size: 0.9rem;
    margin-top: 5px;
  }

  .sidebar li a {
    color: #232323;
    text-decoration: none;
  }

  .sidebar li a:hover {
    color: ;
  }


  .widgettitle {
    font-size: 1.2rem;
    font-weight: 300;
    margin: 0px;
    margin-bottom: 10px;
    color: #31b0a608;

  }

  /*********************
  BLOG STYLES
  *********************/

  .page-template-blog #main .container,
  .single-post #main .container,
  .category #main .container,
  .archive #main .container
  {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: no-wrap;
        flex-wrap: no-wrap;
    padding: 30px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 30px;
    max-width: 1100px;
  }

  /*.single-post #main .container{
    display: flex;
    flex-wrap: no-wrap;
    padding: 30px;
    justify-content: center;
    margin-top: 30px;
  }*/

/*  .category #main .container{
    display: flex;
    flex-wrap: no-wrap;
    padding: 30px;
    justify-content: center;
    margin-top: 30px;
  }*/

 /* .archive #main .container{
    display: flex;
    flex-wrap: no-wrap;
    padding: 30px;
    justify-content: center;
    margin-top: 30px;
  }*/
  .post_top_intro_title,
  .archive_top_intro_title{
    margin: 0px;
    margin-left: 7px;
    margin-bottom: 25px;
    font-size: 36px;
    font-weight: 100;
    color: #292929;
  }

  .blog_posts {
    width: 70%;
    display: inline-block;
    margin: 0px;
  }

  .post_overview {
    margin: 10px;
    padding-top: 15px;
    padding-bottom: 35px;
    border-bottom: 1px solid #e2e2e2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .post_image {
    width: 32%;
    max-width: 250px;
    margin-right: 25px;
    height: 160px;
    background-size: cover;
  }

  .single_post_image {
    width: 100%;
  }

  .post_content {
    width: 70%;
  }

  .post_h2_title {
    margin: 0px;
    font-size: 22px;
    text-align: left;
  }

  /*.post_top_intro_title {
    margin: 0px;
    margin-top: 20px;
  }*/

  .post_h2_title a {
    text-decoration: none;
    color: #40C3AE;
  }

  .post_content p {
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 18px;
  }

  .post_content a {
    text-decoration: none;
    color: #40C3AE;
  }

  .excerpt-read-more {
    display: none;
  }

  /* Pagination */

  .wp-pagenavi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    font-size: 14px;
  }

  .wp-pagenavi a {
    border: none;
    font-style: italic;
    color: #232323;
  }

  .wp-pagenavi a:hover {
        color: #40C3AE;
  }

  .wp-pagenavi a:visited {
    color: #232323;  
  }

  .wp-pagenavi span.current {
    border: none;
    color: #7E7E7E;
    font-style: italic;
  }


  .wp-pagenavi .pages {
    display: none;  
  }

  .fa {
     color: #7E7E7E;
  }


  /*********************
  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;
    -webkit-filter: 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;
  }
}
/*
*THUMBS
*/
#teamPage .content .blurb .portrait {
  width: 30%;
  float: left;
  border-radius: 0px !important;
  border: 0px !important; 
  overflow: none !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 200px;
  height: 300px;
}

img.invisalign{
  max-width: 100px;
  /* margin: 30px 30px 30px 32px; */
}

#menu-footer-nav{
  text-align: right;
}

/* ------------------------------------- */
/* New styles added below to overwrite */

/* Home Slider CTA */
#homePage #products #logos ul {
	columns: auto;
}
#homePage #headerImage .book {
  width: 100%;
  top: auto;
  bottom: 15%;
}
@media only screen and (max-width: 430px) {
  #homePage #headerImage .book {
    left: auto;
    text-align: center;
  }
}
#homePage #headerImage .book .btn {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  text-align: center;
  text-decoration: none;
  background-color: rgba(49, 176, 166, 0.8);
  color: white;
  font-size: 1.5em;
  padding: 15px;
  border-radius: 8px;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 769px) {
  #homePage #headerImage .book .btn { 
    font-size: 2.5em; 
    padding: 20px;
  }
}
#homePage #headerImage .book .btn:hover {
  background-color: rgba(49, 176, 166, 1);
}

/* Mobile header */
@media only screen and (max-width: 370px){
  #header #mobile-header {
    font-size: 16px;
  }
}

/* Gravity Forms */
.ginput_container { margin-top: 0 !important; }

.gform_title {
  color: #31b0a6;
  font-size: 22px;
  font-weight: normal;
  font-style: italic;
}
@media screen and (min-width: 769px){
  .gform_wrapper { margin-top: 25px !important; }
  .gform_title { display: none; }
}

.gfield { margin-top: 0 !important; }
.gfield input:not([type="checkbox"]):not([type="radio"]),
.gfield textarea,
.gfield select {
  width: 100% !important;
  height: 40px;
  overflow: hidden;
  border-radius: 5px;
  border: none;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 10px !important;
  color: #2c2c2c !important;
  font-size: 16px !important;
  font-style: italic;
  background-color: #e6e6e6;
}
body .gform_wrapper .gfield_time_hour input[type=number], 
body .gform_wrapper .gfield_time_minute input[type=number] {
  width: 100% !important;
}
body .gform_wrapper .gfield_time_hour, 
body .gform_wrapper .gfield_time_minute {
  max-width: calc(4rem + .5rem) !important;
}
.gfield input:not([type="checkbox"]):not([type="radio"]):focus,
.gfield textarea:focus,
.gfield select:focus { 
  outline: none !important;
  border: 2px solid #31b0a6;
  border-radius: 5px; 
}

.gfield select {
  appearance: none;
  -webkit-appearance: none;
  line-height: 1 !important;
  color: grey !important;

  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%);
  background-position:
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 10px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}
.gfield select:visited,
.gfield select:active,
.gfield select:focus,
.gfield select:focus-within { color: #2c2c2c !important; }

.gfield_time_hour i { display: none; }

.gform_footer { 
  margin-top: 0 !important;
}
@media screen and (min-width: 769px){
  .gform_footer { padding-right: 16px !important; }
}
.gform_button {
  width: 100% !important;
  height: 65px;
  border: none;
  background-image: none;
  background-color: #31b0a6;
  border-radius: 5px;
  padding: 15px;
  font-size: 24px !important;
  line-height: 21px !important;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  color: #fff;
  font-weight: normal;
  display: table-cell !important;
  vertical-align: middle;
  text-transform: none;
}

/* Default Page Template */
.page-default {
  font-size: 10px !important;
  width: 100%;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter !important;
}
.page-default .content {
  max-width: 950px;
  margin: 0 auto;
  text-align: left;
  margin-top: 40px;
  padding: 0 16px 80px 16px;
  color: #1c1c1c;
}
.page-default .pageTitle h1,
#contactPage .pageTitle h1 {
  font-size: 36px !important;
  font-weight: normal;
  margin-top: 0;
}
.page-default .pageContent {
  font-size: 1.6em;
  height: auto;
}
.page-default .pageContent h2 {
  color: #434343;
  font-size: 28px;
  line-height: 1.2em;
  font-weight: normal;
  margin-top: 0;
}

/* Contact Template */
@media screen and (min-width: 769px){
  #contactPage .content #leftContent,
  #contactPage .content .pageTitle { padding-left: 16px; }
}

/* Thank You Template */
.page-thank-you .content {
  text-align: center !important;
  padding-top: 7em;
}
@media screen and (max-width: 768px) {
  #testimonialsPage .content .pageContent {
    text-align: center !important;
  }
}

/* Sitewide content link styles */
.pageContent a,
#contactPage .content #leftContent a {
  text-decoration: none !important;
  color: #31b0a6 !important;
}

/* Responsive embed */
.embed-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%; 
} 
.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}