@charset "UTF-8";
/*
Theme Name: Dr Fleur RWD
Author: Kam Banwait
Author URI: http://www.scriptedpixels.co.uk
Version: 1.0
*/
/* 
	Reset - Adapted from Myer reset
	URL - http://meyerweb.com/eric/tools/css/reset/
	License - PUBLIC DOMAIN
*/
/* Reset */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video {
  background: transparent;
  vertical-align: baseline;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  white-space: normal;
  text-align: left;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

:focus {
  outline: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*
	SET ALL ELEMENTS BOX-SIZING TO BORDER-BOX
	If you need support for IE7 and lower use polyfill: https://github.com/Schepp/box-sizing-polyfill 
*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* FORMS */
::-webkit-input-placeholder {
  opacity: 1; }

:-moz-placeholder {
  /* Firefox 18- */
  opacity: 1; }

::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1; }

:-ms-input-placeholder {
  opacity: 1; }

input[type="text"], input[type="password"],
input[type="email"], input[type="tel"], input[type="number"],
textarea, input[type="submit"], input, textarea {
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  -moz-border-radius: 0;
  box-shadow: none;
  color: #8A8A8D;
  opacity: 1;
  padding: 0 1rem;
  height: 30px;
  width: 100%; }

label {
  display: none; }

input:-webkit-autofill, input[type=text]:-webkit-autofill,
input[type=password]:-webkit-autofill,
input[type=number]:-webkit-autofill,
input[type=email]:-webkit-autofill, textarea {
  box-shadow: none; }

/* TEXT AREA FIELDS */
textarea {
  background: #fff;
  box-shadow: none;
  color: #8A8A8D;
  padding: 1rem;
  min-height: 10rem;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="checkbox"] {
  -webkit-appearance: checkbox; }

input[type="submit"] {
  background: #e1f3f3;
  box-shadow: none;
  color: #8A8A8D;
  cursor: pointer;
  font-weight: normal;
  padding: 0.5rem 1rem;
  letter-spacing: 1px;
  float: right;
  margin-top: 1rem; }

.nsu-form {
  width: 100%; }

.nsu-form p, .nsu-form p, #commentform p, #commentform p {
  margin: 0; }

.nsu-form p input, .nsu-form p input, .comment-form p input, textarea {
  margin: 1rem auto 0; }

.nsu-form label {
  visibility: hidden;
  height: 0;
  width: 0;
  float: left; }

section#NewsletterSignUp form input {
  background: #e1f3f3;
  box-shadow: none;
  padding: 0 1rem;
  color: #8a8a8d;
  opacity: 1;
  height: 30px;
  width: 100%; }

.nsu-form input.button {
  background: #e1f3f3;
  font-weight: normal;
  box-shadow: none;
  cursor: pointer;
  color: #8a8a8d; }

section#NewsletterSignUp small {
  display: inline-block;
  text-align: right;
  width: 100%; }

form#searchform input {
  width: 85%;
  float: left;
  vertical-align: top; }

form#searchform input#searchsubmit {
  background: url("images/icons.png") no-repeat center 5px #BBBAB9;
  background-size: 20px auto;
  text-indent: -999px;
  cursor: pointer;
  width: 15%;
  margin: 0; }

body {
  -webkit-text-size-adjust: 100%; }

/* 
 * 	Core Owl Carousel CSS File
 *	v1.24
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

.owl-carousel .owl-item {
  float: left; }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer; }

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }

/* mouse grab icon */
.grabbing {
  cursor: url(grabbing.png) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

/* CSS3 Transitions */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px; }

/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease; }

.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease; }

/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease; }

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease; }

/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both; }

.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both; }

/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both; }

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {
    opacity: 1; } }

@-moz-keyframes empty {
  0% {
    opacity: 1; } }

@keyframes empty {
  0% {
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%); } }

@-moz-keyframes backSlideOut {
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px); }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%); }
  100% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%); } }

@keyframes backSlideOut {
  25% {
    opacity: .5;
    transform: translateZ(-500px); }
  75% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%); }
  100% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%); } }

@-webkit-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px); }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0); } }

@-moz-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(200%); }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px); }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0); } }

@keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    transform: translateZ(-500px) translateX(200%); }
  75% {
    opacity: .5;
    transform: translateZ(-500px); }
  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0); } }

@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8); } }

@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(0.8); } }

@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8); } }

@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%); } }

@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%); } }

@keyframes goDown {
  from {
    transform: translateY(-100%); } }

@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5); } }

@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5); } }

@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5); } }

@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5); } }

@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5); } }

@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5); } }

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.24
*/
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center; }

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #869791;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5; }

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
  text-decoration: none; }

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */ }

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #869791; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1; }

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px; }

/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center; }

/*
	24 COLUMN - RESPONSIVE GRID SYSTEM
	DEVELOPED BY DENIS LEBLANC
	URL - http://responsive.gs
	VERSION - 2.0
	LICENSED UNDER GPL & MIT

	.row
		Add this class to any element that spans the entire width of your container to clear any floating child elements. Also allows you to define spacing between rows.

		.col
			Add this class to child elements of a row to float left and add the default gutter width. This class must be used in conjuction with one of the span classes below.

		.span_1, .span_2, .span_3, .span_4, .span_5, .span_6, .span_7, 
		.span_8, .span_9, .span_10, .span_11, .span_12
			Add one of these classes to a each col element to set it’s fluid width. On smaller screen sizes these elements will default to stack vertically.

	.row, .col, .clr, .group
		Add either of these classes to an element to clear it’s floating children. Uses the 'clearfix' method.

	THINGS TO REMEMBER
	.col:first-child
		The last col element gets the right margin removed with the col:first-child pseudo selector in order to fit within it’s parent element along with it’s siblings. The browser support for this goes as far back as IE7 so if you’re one of those innocent b****** still having to support IE6 then you’ll need to add an additional last class to your markup and CSS to remove the right margins.

	MODIFIED BY - Kam Banwat @ www.scriptepixels.co.uk
*/
/* SELF CLEARING FLOATS - CLEARFIX METHOD */
.row:after, .col:after, .clr:after, .group:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* DEFAULT ROW STYLES */
.row {
  margin-bottom: 1.5rem; }

/* set according to preference*/
.clearfix {
  clear: both; }

/* DEFAULT COLUMN STYLES */
.col, .row {
  position: relative; }

.col {
  display: block;
  float: left;
  width: 100%;
  min-height: 25px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

@media (min-width: 768px) {
  .col {
    margin-left: 2%; } }

/* add even margins at bottom of each .row and .col */
@media (max-width: 768px) {
  .col, .row {
    margin-bottom: 1rem; } }

/* RESET MARGINS */
.col:first-child {
  margin-left: 0; }

/*
	APPLY GRID WHEN ON SCREENS > TABLETS
*/
@media (min-width: 768px) {
  .span_1 {
    width: 2.25%; }
  .span_2 {
    width: 6.5%; }
  .span_3 {
    width: 10.75%; }
  .span_4 {
    width: 15.0%; }
  .span_5 {
    width: 19.25%; }
  .span_6 {
    width: 23.5%; }
  .span_7 {
    width: 27.75%; }
  .span_8 {
    width: 32.0%; }
  .span_9 {
    width: 36.25%; }
  .span_10 {
    width: 40.5%; }
  .span_11 {
    width: 44.75%; }
  .span_12 {
    width: 49.0%; }
  .span_13 {
    width: 53.25%; }
  .span_14 {
    width: 57.5%; }
  .span_15 {
    width: 61.75%; }
  .span_16 {
    width: 66.0%; }
  .span_17 {
    width: 70.25%; }
  .span_18 {
    width: 74.5%; }
  .span_19 {
    width: 78.75%; }
  .span_20 {
    width: 83.0%; }
  .span_21 {
    width: 87.25%; }
  .span_22 {
    width: 91.5%; }
  .span_23 {
    width: 95.75%; }
  .span_24 {
    width: 100%; } }

/*
	All font SIZES controlled in here

	Thanks to : http://snook.ca/archives/html_and_css/font-size-with-rem

	Sizing with rem

	CSS3 introduces a few new units, including the rem unit, which stands for "root em". If this hasn't put you to sleep yet, then let's look at how rem works.

	The em unit is relative to the font-size of the parent, which causes the compounding issue. The rem unit is relative to the root—or the html—element. That means that we can define a single font size on the html element and define all rem units to be a percentage of that.

	html { font-size: 62.5%; }
	body { font-size: 1.4rem; } =14px
	h1   { font-size: 2.4rem; } =24px

	I'm defining a base font-size of 62.5% to have the convenience of sizing rems in a way that is similar to using px.

	But what pitiful browser support do we have to worry about?

	You might be surprised to find that browser support is surprisingly decent: Safari 5, Chrome, Firefox 3.6+, and even Internet Explorer 9 have support for this. The nice part is that IE9 supports resizing text when defined using rems. (Alas, poor Opera (up to 11.10, at least) hasn't implemented rem units yet.)

	What do we do for browsers that don't support rem units? We can specify the fall-back using px, if you don't mind users of older versions of Internet Explorer still being unable to resize the text (well, there's still page zoom in IE7 and IE8). To do so, we specify the font-size using px units first and then define it again using rem units.

	html { font-size: 62.5%; }
	body { font-size: 14px; font-size: 1.4rem; } =14px
	h1   { font-size: 24px; font-size: 2.4rem; } =24px

	And voila, we now have consistent and predictable sizing in all browsers, and resizable text in the current versions of all major browsers.

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

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

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

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

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

html {
  font-size: 62.5%; }

body {
  font-family: 'libre_baskervilleregular';
  font-size: 1.6rem;
  font-size: 16px; }

h1, h2, h3, h4, h5 {
  word-wrap: break-word;
  font-weight: normal;
  margin: 1rem 0; }

h1 {
  font-size: 32px;
  font-size: 3.2rem; }

h2 {
  font-size: 25px;
  font-size: 2.5rem; }

h3 {
  font-size: 16px;
  font-size: 1.6rem; }

h4 {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0;
  color: #cca1a9; }

.spotlight p, .pageTitle p,
#NewsletterSignUp, .sideBar p.link, input, small,
.contact p, #whoDidWhat, .frontPagePost a.right, textarea, .form-allowed-tags,
body.page .accordion .accordion-title, span.close, .middle.email p, .menu ul li a div, .disclaimer {
  font-family: 'NovecentowideBookLight';
  letter-spacing: 2px; }

.contact ul li:nth-child(3) p, .contact ul li:nth-child(2) p, body.home .mainContent .top.subPages h2,
body.home.page .accordion .accordion-title, .page .accordion-content small {
  font-family: 'libre_baskervilleregular'; }

body.home.page .accordion .accordion-title {
  letter-spacing: 0; }

#bottomNav, #NewsletterSignUp, header.row #NavControls a {
  font-family: 'NovecentowideNormalRegular'; }

input, #whoDidWhat, small, textarea, .form-allowed-tags, .comment-notes, .disclaimer {
  font-size: 1.1rem;
  letter-spacing: 1px; }

.commentlist .comment-meta small a {
  font-size: 11px;
  font-size: 1.1rem;
  letter-spacing: 0; }

small {
  text-align: center; }

section#NewsletterSignUp .nsu-form input.nsu-submit, .frontPagePost small,
.frontPagePost a.right, input[type="submit"], #bottomNav, .commentlist small {
  font-size: 12px;
  font-size: 1.2rem; }

input {
  font-size: 16px;
  font-size: 1.6rem; }

.sideBar p.link, #subMenu ul li a, .middle p, .spotlight p {
  font-size: 13px;
  font-size: 1.3rem; }

.contact ul li:nth-child(3) p, .contact ul li:nth-child(2) p,
.frontPagePost p, .col.span_24.SingleBlogPost p,
.commentlist p, .commentlist a, .page .accordion-content small {
  font-size: 14px;
  font-size: 1.4rem; }

p, #NewsletterSignUp h2 {
  font-size: 14px;
  font-size: 1.4rem; }

.menu ul li a, section.col.carousel .pageTitle p {
  font-size: 13px;
  font-size: 1.3rem; }

.pageTitle p {
  font-size: 13px;
  font-size: 1.3rem; }

.mainContent .row.blogPageTitle h2, .mainContent .row.bottom h2 a,
.sideBar.blog h2, .sideBar.blog h2 a, #comments .CommentTitle {
  font-size: 20px;
  font-size: 2rem; }

.sideBar h2, #subMenu h2 {
  font-size: 21px;
  font-size: 2.1rem; }

.sideBar .middle.email {
  padding: 1px 1.5px 2px 1px;
  padding: 1rem 1.5rem 2rem 1rem; }

.sideBar .middle.email p {
  font-size: 14px;
  font-size: 1.4rem; }

.spotlight {
  padding: 0 5px;
  padding: 0 0.5rem; }

.spotlight p {
  margin: 2px auto 0;
  margin: 0.5rem auto; }

@media only screen and (min-width: 480px) {
  .menu ul li a, section.col.carousel .pageTitle p {
    font-size: 20px;
    font-size: 2rem; } }

@media only screen and (min-width: 598px) {
  .spotlight {
    padding: 0 30px;
    padding: 0 3rem; }
  .spotlight p {
    font-size: 16px;
    font-size: 1.6rem; } }

@media only screen and (min-width: 629px) {
  .spotlight {
    padding: 0 70px;
    padding: 0 7rem; }
  .spotlight p {
    font-size: 16px;
    font-size: 1.6rem; } }

@media only screen and (min-width: 768px) {
  .contact ul li p, .contact ul li:nth-child(3) p,
  .contact ul li:nth-child(2) p, .menu ul li a {
    font-size: 13px;
    font-size: 1.3rem; }
  section.col.carousel .pageTitle p {
    font-size: 16px;
    font-size: 1.6rem; }
  .spotlight {
    padding: 0 20px;
    padding: 0 2rem; }
  .spotlight p {
    margin: 8px auto 0;
    margin: 0.8rem auto;
    font-size: 18px;
    font-size: 1.8rem; }
  .sideBar .middle.email p {
    font-size: 11px;
    font-size: 1.1rem; } }

@media only screen and (min-width: 960px) {
  .menu ul li a, section.col.carousel .pageTitle p {
    font-size: 1.8px;
    font-size: 1.8rem; }
  .spotlight p {
    font-size: 2px;
    font-size: 2rem;
    margin: 7px auto 0;
    margin: 0.7rem auto; } }

/* basics */
html,
body {
  background-color: #deede8; }

body {
  font-weight: normal;
  min-width: 320px;
  line-height: 1.3;
  color: #404040;
  margin: 0; }

/* FORMS */
input,
textarea {
  color: #8a8a8d;
  border: none;
  opacity: 1; }

input:focus,
textarea:focus {
  border: 1px solid #bcbbba; }

/* Font SIZING is controlled in fonts.css */
/* Font STYLING  */
a {
  color: #8a8a8c;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

h1,
h2 {
  line-height: 1.5; }

.left {
  float: left; }

.right {
  float: right; }

a.logo {
  display: block;
  width: 100%; }

/* Classes */
h1.col,
h2.col,
h1.row,
h2.row {
  margin-left: 0;
  margin-bottom: 0; }

p {
  margin-bottom: 2rem;
  margin-bottom: 20px; }

/* Main Styling */
#wrapper {
  background: #fff;
  display: block;
  margin: 0 auto;
  padding: 0 5px;
  width: 100%; }

/* IE */
#wrapper.IE {
  display: none; }

/* HEADER */
hgroup {
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 0; }

header.row {
  overflow: hidden;
  margin: 0 auto;
  display: inline-block; }

header.row hgroup a {
  display: block;
  margin: 0 auto;
  color: #fff; }

header.row hgroup a img.largelogo {
  margin: 10px auto;
  margin: 1rem auto;
  max-width: 335px;
  display: block;
  width: 100%; }

header.row hgroup #NavControls {
  border-top: 1px solid #8a8a8f;
  border-bottom: 1px solid #8a8a8f;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  width: 100%; }

header.row hgroup #NavControls a {
  text-transform: uppercase;
  display: inline-block;
  color: #8a8a8c; }

header.row hgroup #NavControls a.menuClick {
  float: left; }

header.row hgroup #NavControls a.contactClick {
  float: right; }

header.row hgroup #NavControls a.home {
  margin: 0 auto;
  float: none; }

/* MENUS - OPENS AND CLOSES TO REVEAL EITHER MENUS */
nav.col.span_24 {
  vertical-align: top;
  overflow: hidden;
  display: block;
  line-height: 0;
  min-height: 0;
  height: auto;
  width: 100%;
  margin: 0; }

.menu {
  margin-top: 5px; }

.menu,
.contact {
  vertical-align: top;
  display: inline-block;
  overflow: hidden;
  max-height: 0;
  height: auto;
  width: 100%;
  -webkit-transition: max-height 0.6s ease-out;
  -moz-transition: max-height 0.6s ease-out;
  -ms-transition: max-height 0.6s ease-out;
  -o-transition: max-height 0.6s ease-out;
  transition: max-height 0.6s ease-out; }

.menu.open,
.contact.open {
  max-height: 440px; }

.menu ul,
.contact ul {
  display: block;
  margin: 0 auto;
  width: 100%; }

.contact ul {
  line-height: 1.3; }

.menu ul li {
  margin: 1% 2% 1% 0;
  background: #a0d5c9;
  position: relative;
  display: inline-block;
  height: auto;
  float: left;
  width: 32%; }

.menu ul li:nth-child(2) {
  background: #bdbbbb; }

.menu ul li:nth-child(3) {
  background: #93b7bb; }

.menu ul li:nth-child(4) {
  background: #8a8a8d;
  margin-bottom: 2%; }

.menu ul li:nth-child(5) {
  background: #9ed5ca;
  margin-bottom: 2%; }

.menu ul li:nth-child(6) {
  background: #bdbbbb;
  margin-bottom: 2%; }

.menu ul li:nth-child(3n+3) {
  margin-right: 0; }

.menu ul li a {
  vertical-align: middle;
  word-wrap: break-word;
  font-weight: bold;
  display: table;
  text-align: center;
  letter-spacing: 0;
  padding: 41.5% 5%;
  color: #fff; }

.menu ul li:hover a {
  text-decoration: none; }

.menu ul li a div {
  display: table-cell; }

.menu ul li.current_page_item:after {
  position: absolute;
  font-size: 150px;
  line-height: 0;
  content: "·";
  color: #fff;
  bottom: 30px;
  right: 0; }

.contact ul {
  margin-top: 1%; }

.contact ul li {
  vertical-align: top;
  background: #a0d5c9;
  padding: 1rem;
  padding: 10px;
  margin: 1rem 0;
  margin: 10px 0;
  width: 100%;
  color: #fff; }

.contact ul li.phone {
  background: #a0d5c9;
  margin-top: 10px;
  padding: 0; }

.contact ul li.info.phone {
  background: #94b7bb;
  margin-top: 0; }

.contact ul li.phone ul {
  display: inline-block; }

.contact ul li.phone ul li {
  margin: 8px auto;
  background: none;
  height: 25px;
  padding: 0;
  width: 100%; }

.contact ul li.phone ul li:last-child {
  padding: 0; }

.contact ul li.phone ul li a {
  background: url("images/socialIconsSprite.png") no-repeat center left;
  background-size: 28px 130px;
  padding: 6px 0 5px 35px;
  margin: 0 0 0 10px;
  width: 100%;
  font-size: 15px;
  font-size: 1.5rem; }

.contact ul li.phone ul li.email a {
  background-position: left 3px; }

.contact ul li.phone ul li.facebook a {
  background-position: left -31px; }

.contact ul li.phone ul li.twitter a {
  background-position: left -65px; }

.contact ul li.phone li.number a {
  background-position: left bottom; }

.contact ul li.email {
  background: #bcbbba; }

.contact ul li:nth-child(2) {
  background: #BDBBBB; }

.contact ul li p,
.contact ul li a {
  letter-spacing: 1px;
  margin-bottom: 0;
  display: inline; }

/* CONTENT AREAS */
/* IMAGE CAROUSEL */
section.col.carousel {
  border-bottom: 1px solid #8a8a8f;
  display: inline-block;
  position: relative;
  padding: 0 0 1rem;
  padding: 0 0 10px;
  margin: 0 auto;
  width: 100%; }

section.col.carousel .spotlight {
  display: inline-block;
  background: #cca1a8;
  position: relative;
  min-height: 40px;
  width: 100%;
  z-index: 2;
  margin: 10px 0 0; }

section.col.carousel .spotlight p {
  width: 100%;
  color: #fff;
  display: block;
  text-align: center;
  letter-spacing: 2px; }

section.col.carousel .spotlight p a {
  text-decoration: none;
  padding-bottom: 0;
  font-weight: bold;
  color: #fff; }

section.col.carousel .spotlight p a:hover {
  text-decoration: none; }

section.col.carousel .pageTitle {
  display: table;
  position: absolute;
  background: #A0D5C9;
  min-height: 98px;
  min-width: 98px;
  /*height: 47%;*/
  width: 32%;
  z-index: 2;
  left: 0;
  top: 0; }

section.col.carousel .pageTitle p {
  width: 100%;
  color: #fff;
  display: table-cell;
  padding: 41% 5%;
  text-align: center;
  letter-spacing: 0;
  vertical-align: middle; }

section.col.carousel img {
  position: relative;
  max-height: 100%;
  z-index: 0;
  padding: 0;
  margin: 0;
  display: none; }

/* MAIN CONTENT */
.mainContentWrapper.row {
  padding: 0; }

.mainContent {
  margin: 1rem 0 0;
  margin: 10px 0 0;
  color: #8a8a8c; }

.mainContent .top {
  background: #e4e3e3;
  padding: 2rem 1.5rem;
  padding: 20px 15px; }

/* PUSH DOWN ThE CONTENT ON THE HOME PAGE ONLY */
body.home .mainContent .top {
  padding-top: 2rem;
  padding-top: 20px; }

body.home .mainContent .top.subPages {
  padding-top: 2rem;
  padding-top: 20px; }

.mainContent div.row:last-child {
  margin-bottom: 0; }

.mainContent iframe {
  width: 100%; }

#subMenu {
  padding-bottom: 10px;
  padding-bottom: 1rem;
  border-bottom: 1px solid #89898c; }

#subMenu h2 {
  margin: 0; }

#subMenu ul {
  margin-top: 10px;
  margin-top: 1rem; }

#subMenu ul li {
  display: inline-block;
  width: auto;
  margin: 0; }

#subMenu ul li a {
  border-right: 1px solid #ccc;
  padding: 0 5px 0 0;
  padding: 0 0.5rem 0 0;
  color: #8A8A8C; }

#subMenu ul li:last-child a {
  border: none; }

/* CURRENT SUB PAGE MENU HIGHLIGHT */
/*#subMenu .current_page_item{ }*/
#subMenu .current_page_item a {
  color: #CECCCB; }

#subMenu .current_page_parent a {
  color: #CECCCB; }

/* SUB PAGES */
body.home .mainContent .top.subPages h2 {
  border-bottom: 1px solid #89898c;
  padding-bottom: 10px;
  padding-bottom: 1rem; }

body.home .mainContent .top.subPages h2 a {
  font-weight: normal;
  color: #89898c; }

/* SIDE BAR */
.sideBar {
  margin: 10px auto 0;
  margin: 1rem auto 0;
  color: #fff;
  height: 100%; }

.sideBar .top {
  padding: 10px 15px 20px;
  padding: 1rem 1.5rem 2rem;
  background: #afd3c8; }

.sideBar .top h2 {
  margin: 10px 0;
  margin: 1rem 0; }

.sideBar .top p.link {
  color: #fff;
  display: inline-block;
  margin: 20px 0 0;
  margin: 2rem 0 0;
  width: 100%;
  text-align: right; }

.sideBar .top p.link a {
  color: #fff; }

.sideBar .middle.email {
  background: #9cb5b9; }

.sideBar .middle {
  background: #9cb5b9; }

.sideBar .middle.email p {
  display: inline-block;
  text-align: right;
  padding: 10px 0 0;
  margin-bottom: 0;
  cursor: pointer;
  width: 100%; }

.sideBar .middle.noImage {
  min-height: 250px; }

.sideBar .bottom {
  padding: 10px 15px 20px;
  padding: 1rem 1.5rem 2rem;
  margin-bottom: 0;
  background: #8A8A8D; }

.sideBar .top,
.sideBar .middle,
.sideBar .bottom {
  display: block; }

.sideBar .top img,
.sideBar .middle img,
.sideBar .bottom img {
  display: block;
  max-width: none;
  width: 100%; }

/* ACCORDION */
/* Accordion Styles */
.home.page .accordion {
  margin-bottom: 0px; }

.accordion {
  overflow: hidden; }

.home.page .accordion .accordion-title {
  margin: 0;
  padding: 0;
  cursor: pointer;
  color: #cca1a9;
  background: none !important;
  min-height: 10px;
  width: auto; }

.home.page .accordion .accordion-title:hover {
  opacity: 0.8; }

.home.page .accordion .accordion-title:first-child {
  border: none; }

.home.page .accordion .accordion-title.open {
  opacity: 0.5; }

.home.page .accordion .accordion-content {
  background: none;
  padding: 0;
  margin: 0;
  color: #8A8A8C; }

/* INNER PAGES ACC */
.page .accordion .accordion-title {
  width: 100%;
  min-height: 120px;
  padding: 15% 53% 16% 2%;
  display: inline-block;
  background: #afd3c9;
  color: #fff;
  text-align: center;
  font-size: 13px;
  cursor: pointer;
  height: auto; }

.page .accordion-content {
  font-size: 14px;
  font-size: 1.4rem;
  background: #afd3c9;
  margin: 20px 0 20px;
  padding: 0.5% 5% 2.5%;
  color: #fff; }

.page .accordion-content hr {
  display: inline-block;
  margin: 5px 0 15px;
  background: #fff;
  border: none;
  width: 100%;
  height: 1px; }

.page .accordion-content small {
  letter-spacing: 0; }

.page .accordion-content .close {
  letter-spacing: 0;
  font-size: 14px;
  float: right;
  clear: both;
  cursor: pointer; }

body.home.page .accordion-content .close {
  margin-top: 20px; }

/* IMAGES */
.page .accordion .accordion-title:nth-child(2),
.page .accordion .accordion-title:nth-child(17) {
  text-align: left;
  padding: 3% 5%;
  min-height: 0; }

.page .accordion .accordion-title:nth-child(17) {
  background-color: #93B7BB; }

.page .accordion .accordion-title:nth-child(5) {
  background: url("images/mini-retreat.png") no-repeat scroll right 0 #AFD3C9;
  background-size: 50% auto; }

.page .accordion .accordion-title:nth-child(8) {
  background: url("images/bespoke-toolkit.png") no-repeat scroll right 0 #BDBBBB;
  background-size: 50% auto; }

.page .accordion .accordion-title:nth-child(11) {
  background: url("images/focus-on-food.png") no-repeat scroll right 0 #93B7BB;
  background-size: 50% auto; }

.page .accordion .accordion-title:nth-child(14) {
  background: url("images/ultimate-retreat.png") no-repeat scroll right 0 #AFD3C9;
  background-size: 50% auto; }

/* BLOCK AFTER TEXT */
.page .accordion-content:after {
  background: #AFD3C9;
  bottom: -40px;
  content: "";
  display: block;
  height: 20px;
  left: -10%;
  position: relative;
  width: 116%; }

body.home.page .accordion-content:after {
  background: none; }

/* COLORS */
.page .accordion .accordion-title:nth-child(2) + .accordion-content::after,
.page .accordion .accordion-title:nth-child(11) + .accordion-content::after {
  background-color: #93B7BB; }

.page .accordion .accordion-title:nth-child(5) + .accordion-content {
  background-color: #BDBBBB; }

.page .accordion .accordion-title:nth-child(5) + .accordion-content::after {
  background-color: #8A8A8D; }

.page .accordion .accordion-title:nth-child(8) + .accordion-content,
.page .accordion .accordion-title:nth-child(17) + .accordion-content::after {
  background-color: #93B7BB; }

.page .accordion .accordion-title:nth-child(8) + .accordion-content::after {
  background-color: #AFD3C9; }

.page .accordion .accordion-title:nth-child(11) + .accordion-content {
  background-color: #AFD3C9; }

/* Close button for no image accordions */
.page .accordion .accordion-title:nth-child(2).open {
  background: url("images/close.png") #AFD3C9 no-repeat 98% center;
  background-size: 28px 28px; }

.page .accordion .accordion-title:nth-child(17).open {
  background: url("images/close.png") #93B7BB no-repeat 98% center;
  background-size: 28px 28px; }

/* BLOG PAGES */
/* BLOG - PAGE TITLES */
.mainContent .row.blogPageTitle {
  padding: 10px 15px;
  padding: 1rem 1.5rem;
  background: #9ED5CA;
  color: #fff; }

.mainContent .row.bottom {
  background: none;
  color: black;
  padding: 0; }

.mainContent .row.bottom #BottomFeatureImage,
.mainContent .row.bottom #BottomSmallerImage {
  /*min-height: 120px;*/
  margin: 0; }

.mainContent .row.bottom #BottomSmallerImage {
  background: #afd3c8; }

.mainContent .row.bottom #BottomFeatureImage img,
.mainContent .row.bottom #BottomSmallerImage img {
  width: 100%;
  display: block;
  margin: 0; }

.mainContent .row.bottom h2 a {
  color: #fff; }

.mainContent .row.bottom h2 {
  margin: 0;
  line-height: 1; }

.mainContent .row.blogPageTitle h2 {
  margin: 0; }

/* POSTS THAT APPEAR ON THE FRONT BLOG PAGE */
.frontPagePost {
  padding: 0;
  margin: 0 auto 50px;
  margin: 0 auto 5rem;
  display: block;
  width: 100%; }

.frontPagePost:last-child {
  margin-bottom: 0; }

.frontPagePost h3 {
  margin: 0; }

.frontPagePost h3 a {
  color: #89898c; }

.frontPagePost small {
  border-bottom: 1px solid #8a8a8f;
  text-transform: uppercase;
  margin: 10px 0 10px;
  margin: 1rem 0 1rem;
  letter-spacing: 0;
  padding: 0 0 0.20px;
  padding: 0 0 0.2rem;
  text-align: left;
  display: block;
  color: #9db5ba;
  width: 100%; }

.frontPagePost hr {
  color: #8a8a8f;
  margin: 0 0 0.5rem; }

.frontPagePost a.right {
  color: #9db5ba;
  letter-spacing: 0; }

/* SINGLE PAGE POSTS */
.col.span_24.SingleBlogPost {
  border-bottom: 1px solid #8a8a8f;
  min-height: 20rem;
  float: none;
  margin: 0; }

.col.span_24.SingleBlogPost h3 {
  display: inline-block;
  width: 100%;
  margin: 0; }

.col.span_24.SingleBlogPost small {
  border-bottom: 1px solid #8a8a8f;
  text-transform: uppercase;
  margin: 0.5rem 0 1rem;
  letter-spacing: 0;
  padding: 0 0 0.2rem;
  text-align: left;
  display: block;
  color: #9db5ba;
  width: 100%; }

.col.span_24.SingleBlogPost .BlogPost {
  margin: 0 0 5rem; }

.single-post .mainContentWrapper .col.carousel {
  min-height: auto; }

/* COMMENTS ON SINGLE POST PAGE */
#comments.comments-area {
  clear: both; }

#comments .CommentTitle {
  display: inline-block;
  background: #89898c;
  padding: 1rem;
  color: #fff;
  width: 100%; }

.commentlist small {
  border-bottom: 1px solid #8a8a8f;
  text-transform: uppercase;
  margin: 0.5rem 0 1rem;
  letter-spacing: 0;
  padding: 0 0 0.2rem;
  text-align: left;
  display: block;
  width: 100%; }

.commentlist small .url {
  float: right; }

.commentlist small a {
  color: #9db5ba; }

.commentlist .edit-link,
.commentlist .edit-link a,
.commentlist .reply,
.commentlist .reply a {
  margin: 0 0.5rem 0 0;
  color: #8A8A8C;
  float: left; }

.commentlist li {
  border-bottom: 1px solid #8a8a8f;
  display: inline-block;
  padding: 0 0 2rem;
  margin: 0 0 2rem;
  width: 100%; }

.comment-content p {
  margin-bottom: 1rem; }

/* POST NAVIVATON */
#BlogPostNav {
  display: inline-block;
  margin-bottom: 1rem;
  width: 100%; }

#BlogPostNav p span {
  color: #a5a5a7; }

/* LEAVE A REPLY */
#commentsForm {
  background: #9ED5CA;
  padding: 1rem 1.5rem 2rem;
  color: #fff; }

#commentsForm .logged-in-as,
#commentsForm .logged-in-as a {
  color: #fff;
  font-style: italic; }

#commentsForm textarea {
  margin-bottom: 0rem; }

#commentsForm .form-allowed-tags {
  display: none; }

/* ALL BLOG ENTRIES */
div.row.span_24.top.AllPosts {
  padding-bottom: 0;
  margin-bottom: 0; }

.AllPosts .frontPagePost {
  margin-bottom: 3rem; }

/* BLOG SIDE BAR */
.sideBar .morePosts {
  display: inline-block;
  background: #BBBAB9;
  width: 100%; }

.sideBar .morePosts h2 {
  display: inline-block;
  width: 100%; }

.sideBar.blog h2 {
  margin: 1rem 0; }

.sideBar .morePosts h2 a {
  padding: 1rem 1.5rem;
  color: #fff; }

.widget.widget_categories a {
  color: #fff; }

.widget_search h2.widgettitle,
.nsu_widget h2.widgettitle {
  margin-top: 0; }

/* FOOTER */
footer.row.span_24 {
  color: #bcbbba;
  border-top: 1px solid #8a8a8f;
  padding: 0 0 10px;
  margin-bottom: 0; }

footer section {
  background: #f8f7f6;
  padding: 1rem; }

footer section#NewsletterSignUp {
  margin: 1rem 0; }

footer section#NewsletterSignUp h2 {
  text-transform: uppercase;
  line-height: 1.3; }

.nsu-error.error.notice {
  letter-spacing: 1px;
  font-size: 12px;
  color: #f00; }

#bottomNav {
  border-top: 1px solid #8a8a8f;
  border-bottom: 1px solid #8a8a8f;
  letter-spacing: 0;
  margin-bottom: 0;
  display: inline-block;
  line-height: 20px;
  background: none;
  width: 100%;
  padding: 1rem 0; }

footer a img.smalllogo {
  width: 100%;
  display: block;
  max-width: 166px;
  margin: 1rem auto;
  margin: 10px auto; }

.disclaimer {
  border-top: 1px solid #8a8a8f;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  margin: 1rem 0 0;
  padding: 3rem 0 1rem;
  margin: 10px 0 0;
  padding: 25px 0 10px;
  width: 100%;
  color: #bcbbba;
  letter-spacing: 0; }

#whoDidWhat {
  border-top: 1px solid #8a8a8f;
  display: inline-block;
  text-transform: uppercase;
  text-align: right;
  margin: 1rem 0 0;
  padding: 3rem 0 1rem;
  margin: 10px 0 0;
  padding: 30px 0 10px;
  width: 100%;
  color: #bcbbba;
  letter-spacing: 0; }

#whoDidWhat a {
  color: #94b7bb; }

/*
	Mediaqueries

	Help from http://webdesign.tutsplus.com
	http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/a-basic-responsive-grid-plus-handy-css3-media-query-reporter/
*/
/* Banner at very bottom created with pure CSS */
/*body:after {
	font-size: 150%;
	font-weight: bold;
	position: fixed;
	bottom: 0px;
	width: 100%;
	text-align: center;
	background-color: hsla(1,60%,40%,0.7);
	color: #fff;
}
*/
/*
	makes images no bigger than 100% of their width
	height auto ensures no ugly resizing
*/
img, video {
  max-width: 100%;
  height: auto; }

/* -------------- SIZE 320 to 480 ----------------- */
@media only screen and (min-width: 320px) {
  #wrapper {
    max-width: 480px; } }

/* -------------- SIZE 480 to 768 ----------------- */
@media only screen and (min-width: 480px) {
  #wrapper {
    max-width: 768px; }
  /* CONTENT AREAS */
  /* IMAGE CAROUSEL */
  section.col.carousel .pageTitle {
    width: 32%;
    height: auto; }
  section.col.carousel .pageTitle p {
    letter-spacing: 2px;
    padding: 33% 5%; }
  .page .accordion .accordion-title {
    font-size: 18px; } }

/* -------------- SIZE 768 to 1024 ----------------- */
@media only screen and (min-width: 768px) {
  #wrapper {
    max-width: 1024px; }
  /* HEADER LOGO */
  footer a img.largelogo {
    margin: 10px auto 5px; }
  /* MENU */
  nav.col.span_24 {
    height: auto; }
  .menu {
    margin-top: 0;
    overflow: hidden; }
  .menu ul {
    display: inline-block;
    margin: 10px 0; }
  .menu ul li {
    margin: 0 1.7% 0 0;
    width: 15.25%;
    height: auto; }
  .menu ul li:nth-child(3n) {
    margin: 0 1.7% 0 0; }
  .menu ul li:nth-child(6n) {
    margin: 0 0 0 0; }
  .menu ul li:nth-child(4),
  .menu ul li:nth-child(5),
  .menu ul li:nth-child(6) {
    margin-bottom: 0; }
  .menu ul li a {
    letter-spacing: 0px;
    padding: 52% 5% 45%;
    height: auto;
    width: auto; }
  .menu ul li:hover a {
    text-decoration: underline; }
  /* CONTACT MENU */
  .contact ul {
    display: inline-block;
    margin: 10px 0 0; }
  .contact ul li, .contact ul li.phone {
    margin: 0 10px 10px 0;
    display: table;
    height: 165px;
    width: 32.53%;
    float: left; }
  .contact ul li.phone {
    padding-top: 30px; }
  .contact ul li.phone ul {
    margin-top: 0; }
  .contact ul li.phone ul li {
    font-size: 1.0rem;
    height: 20px; }
  .contact ul li.phone ul li a {
    padding: 8px 0 10px 35px;
    width: 100%; }
  .contact ul li:last-child {
    margin-right: 0;
    /*padding: 0 1.5%;*/ }
  .contact ul li:nth-child(2) p,
  .contact ul li:nth-child(3) p {
    margin-right: 0;
    text-align: left; }
  .contact ul li p {
    display: table-cell;
    vertical-align: middle; }
  .contact ul li.info ul li {
    text-align: left; }
  .contact ul li.phone ul li a {
    font-size: 12px;
    font-size: 1.2rem; }
  /* CONTENT AREAS */
  /* IMAGE CAROUSEL */
  section.col.carousel .pageTitle {
    width: 15.3%;
    height: auto; }
  section.col.carousel .pageTitle p {
    letter-spacing: 2px;
    padding: 42% 0; }
  .top {
    display: table; }
  .mainContent .row.span_24.top .col.span_17 {
    padding-top: 5rem; }
  .mainContent .row.span_24.top .col.span_7 {
    padding-top: 4.1rem; }
  body.home .mainContent .top {
    height: 100%; }
  .top .col.span_7 {
    border-right: 1px solid #89898c;
    min-height: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    text-align: left;
    float: none;
    display: table-cell;
    vertical-align: top;
    position: relative; }
  #subMenu {
    border-bottom: none;
    position: relative;
    display: table;
    padding: 0;
    height: 100%;
    width: 95%; }
  #subMenu h2 {
    display: table-row;
    text-align: right;
    width: 100%; }
  #subMenu ul {
    vertical-align: bottom;
    display: table-cell;
    height: auto;
    width: 100%;
    width: auto; }
  #subMenu ul li {
    display: block;
    text-align: right;
    margin: 0 0 1rem;
    width: auto; }
  #subMenu ul li a {
    border: none; }
  .top .span_17 {
    width: 95%;
    margin-left: 5%; }
  .sideBar .top p.link {
    margin: 105px 0 0;
    margin: 10.5rem 0 0; }
  .sideBar .middle.email p {
    /*padding: 2px 5px 0px 0px;*/ }
  /* SINGLE POST BLOG PAGE */
  #comments .CommentTitle {
    /*width: 50%;*/
    width: 100%; }
  /* POST A COMMENT */
  #commentform p.comment-notes {
    margin: 0; }
  #commentform p.comment-form-author, #commentform p.comment-form-email {
    display: inline-block;
    float: left;
    width: 49%; }
  #commentform p.comment-form-email {
    float: right;
    margin-right: 0; }
  /* ACCORDIAN */
  .page .accordion .accordion-title {
    font-size: 14px;
    padding: 16% 53% 16% 2%;
    /*min-height: 150px;*/ }
  /* SIDE BAR */
  .sideBar {
    margin-left: 2%; }
  /* FOOTER NEWSLETTER */
  section#NewsletterSignUp .nsu-form,
  section#NewsletterSignUp small {
    width: 50%; }
  #whoDidWhat {
    text-align: center;
    padding: 1.5rem 0 0; }
  /* FOOTER */
  footer section#NewsletterSignUp h2 {
    text-align: center; }
  section#NewsletterSignUp .nsu-form {
    margin: 0 auto;
    width: 80%; }
  section#NewsletterSignUp .nsu-form p {
    display: inline-block;
    float: left;
    width: 40%; }
  section#NewsletterSignUp .nsu-form p:first-child {
    margin-right: 2%; }
  section#NewsletterSignUp .nsu-form p.submitWrapper {
    width: 16%;
    margin: 0 0 0 2%; }
  section#NewsletterSignUp .nsu-form input.nsu-submit {
    width: 100%; }
  section#NewsletterSignUp small {
    margin-top: 1rem;
    float: right;
    clear: both; } }

/* -------------- SIZE 1024 AND UP ----------------- */
@media only screen and (min-width: 1024px) {
  section.col.carousel {
    min-height: 524px; }
  .menu ul li a {
    letter-spacing: 2px; }
  /* ACCORDIAN */
  .page .accordion .accordion-title {
    font-size: 18px;
    min-height: 170px;
    padding: 15% 53% 10% 2%; }
  .contact ul li, .contact ul li.phone {
    height: 135px; }
  .contact ul li.phone {
    padding-top: 30px; }
  .contact ul li.phone ul li {
    font-size: 1.2rem; }
  .sideBar .top p.link {
    margin: 175px 0 0;
    margin: 17.5rem 0 0; } }

/* -------------- SIZE 1024 AND UP ----------------- */