@charset "UTF-8";
/*
Theme Name: Kardinia Landscapes
Author: Tracey Shaw and Leesa Ward @ GOOP. Version 1.0
Author URI: http://www.goop.com.au/
Description: Custom WordPress theme for Kardinia Landscapes.
Version: 1.0
*/
/* Font imports */
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css");
@import url("//fonts.googleapis.com/css?family=Lato:400,700");
/* SASS file imports*/
/* Core */
/*========================================================================
Rem Calc function - from Zurb Foundation, licenced under MIT Open Source
========================================================================*/
/*
Simplified breakpoints
You may need to add to these or add manually numbered ones in _main.scss if you need to fine-tune more than this.
Note that you can use mathematical operators in your media queries, e.g. ($small - 1)
*/
/* Colour scheme */
/* Typography */
/*leave this as 16px (the browser default) and use this value in base.css, otherwise the calculations go off*/
/* Navigation */
/* Links */
/* Transitions */
/* Border radii */
/*==============================================
	REMOVE UNNEEDED ELEMENTS ON SMALL/MEDIUM SCREENS
==============================================*/
/*==============================================
	REALIGN TEXT ON SMALL/MEDIUM SCREENS
==============================================*/
/*==============================================
	CENTRE ITEMS ON SMALL/MEDIUM SCREENS
==============================================*/
/*==============================================
	HIDE THINGS ON PRINT VERSION
==============================================*/
/*==============================================
	MAKE THINGS FULL WIDTH ON PRINT VERSION
==============================================*/
/* Base */
/* --- base.css | version 1.2 --- 
*/
/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 1rem;
  vertical-align: baseline;
  background: transparent;
}

html {
  -webkit-text-size-adjust: none;
}

body {
  line-height: 1;
  background: #ffffff;
}

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

nav ul, aside ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

article ul, article ol {
  margin-left: 1.3em;
}

article pre {
  width: 100%;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  margin-bottom: 1em;
}

article blockquote {
  margin: 0 30px 1em 30px;
}

/* lists */
article ul.columns-1, article ul.columns-2, article ul.columns-3, article ul.columns-4 {
  clear: both;
  width: 100%;
  margin: 10px 0px 15px 0px;
}

article ul.columms-1 {
  float: left;
  display: inline;
  width: 100%;
}

article ul.columns-2 li {
  float: left;
  display: inline;
  width: 50%;
}

article ul.columns-3 li {
  float: left;
  display: inline;
  width: 33.333%;
}

article ul.columns-4 li {
  float: left;
  display: inline;
  width: 25%;
}

/* fluid columns */
.container {
  position: relative;
  width: 98%;
  padding: 0 1%;
  margin: 0 auto;
  max-width: 960px;
}

.container .column, .container .columns {
  float: left;
  display: inline;
}

.row {
  margin-bottom: 0px;
}

.container .one.column, .container .one.columns {
  width: 6.25%;
}

.container .two.columns {
  width: 12.5%;
}

.container .three.columns {
  width: 18.75%;
}

.container .four.columns {
  width: 25%;
}

.container .five.columns {
  width: 31.25%;
}

.container .six.columns {
  width: 37.5%;
}

.container .seven.columns {
  width: 43.75%;
}

.container .eight.columns {
  width: 50%;
}

.container .nine.columns {
  width: 56.25%;
}

.container .ten.columns {
  width: 62.5%;
}

.container .eleven.columns {
  width: 68.75%;
}

.container .twelve.columns {
  width: 75%;
}

.container .thirteen.columns {
  width: 81.25%;
}

.container .fourteen.columns {
  width: 87.5%;
}

.container .fifteen.columns {
  width: 93.75%;
}

.container .sixteen.columns {
  width: 100%;
}

.container .one-third.column {
  width: 33.33%;
}

.container .two-thirds.column {
  width: 66.66%;
}

/* extra */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*Offsets*/
.container .columns.offset-by-one {
  margin-left: 6.25%;
}

.container .columns.offset-by-two {
  margin-left: 12.5%;
}

.container .columns.offset-by-three {
  margin-left: 18.75%;
}

.container .columns.offset-by-four {
  margin-left: 25%;
}

.container .columns.offset-by-five {
  margin-left: 31.25%;
}

.container .columns.offset-by-six {
  margin-left: 37.5%;
}

.container .columns.offset-by-seven {
  margin-left: 43.75%;
}

.container .columns.offset-by-eight {
  margin-left: 50%;
}

.container .columns.offset-by-nine {
  margin-left: 56.25%;
}

.container .columns.offset-by-ten {
  margin-left: 62.5%;
}

.container .columns.offset-by-eleven {
  margin-left: 68.75%;
}

.container .columns.offset-by-twelve {
  margin-left: 75%;
}

.container .columns.offset-by-thirteen {
  margin-left: 81.25%;
}

.container .columns.offset-by-fourteen {
  margin-left: 87.5%;
}

.container .columns.offset-by-fifteen {
  margin-left: 93.75%;
}

@media only screen and (max-width: 767px) {
  .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column {
    width: 100%;
    padding: 0;
    margin: 0 auto;
  }
}
/* clearfix */
.clearfix:before, .clearfix:after, .row:before, .row:after, .group:before, .group:after, section:before, section:after, article:before, article:after, .wpcf7 form:before, .wpcf7 form:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after, .row:after, .group:after, section:after, article:after, .wpcf7 form:after {
  clear: both;
}

.clearfix, .row, .group, section, article, .wpcf7 form {
  zoom: 1;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* selections */
::selection {
  background: #dddddd;
}

::-moz-selection {
  background: #dddddd;
}

.lt-ie8 .clearfix, .lt-ie8 .row, .lt-ie8 .group {
  zoom: 0;
}

/* active numbers */
a[href^=tel] {
  color: inherit;
  text-decoration: none;
}

/* GOOP logo */
@font-face {
  font-family: 'GOOP';
  src: url("goop/GOOP.eot?9ommr");
  src: url("goop/GOOP.eot?#iefix9ommr") format("embedded-opentype"), url("goop/GOOP.woff?9ommr") format("woff"), url("goop/GOOP.ttf?9ommr") format("truetype"), url("goop/GOOP.svg?9ommr#GOOP") format("svg");
  font-weight: normal;
  font-style: normal;
}
.goop-logo {
  font-family: 'GOOP';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}

.goop-logo:before {
  content: "\e600";
}

/*Replace [at] with @ for email address*/
.domain:before {
  content: "\40";
  margin-right: 0px;
}

/*=================================================================================
	SITEMAP
=================================================================================*/
article ul.sitemap {
  margin-left: 25px;
}
article ul.sitemap li ul {
  /*Submenu*/
  margin: 5px 0 10px 15px;
  list-style-type: inherit;
}
article ul.sitemap li.current_page_item {
  display: none;
}

/*=================================================================================
	SCROLL
=================================================================================*/
#scroll {
  width: 20px;
  height: 20px;
  padding: 0px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  display: none;
  color: #007bc3;
  z-index: 10000;
  background-size: 100%;
  opacity: 0.5;
}

/*=================================================================================
	VIDEOS
=================================================================================*/
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom: 20px;
}
.video-container iframe {
  /* .video-container iframe */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*=================================================================================
	FORMS
=================================================================================*/
form li {
  list-style: none;
}
form label {
  display: block;
  margin-top: 1em;
}
form input[type=radio] + label {
  margin-top: 0;
}
form .input-group {
  margin-top: 1em;
}
form input[type=checkbox] + label,
form input[type=radio] + label,
form label.checkbox {
  display: inline-block;
}
form .ninja-forms-required-items {
  display: block;
  margin: 0 0 5px 0;
  font-size: 0.75rem;
  color: #666666;
  font-style: italic;
}
form input[type=text],
form input[type=email],
form input[type=password],
form textarea,
form select {
  border: 1px solid #bbbbbb;
  padding: 0.625rem;
  display: block;
  margin-left: 0 !important;
  width: 100%;
  color: #999999;
  -webkit-appearance: none;
}
form input[type=text]:hover, form input[type=text]:focus,
form input[type=email]:hover,
form input[type=email]:focus,
form input[type=password]:hover,
form input[type=password]:focus,
form textarea:hover,
form textarea:focus,
form select:hover,
form select:focus {
  /*.ninja-forms-cont form input[type=text]:focus, .ninja-forms-cont form textarea:focus, .ninja-forms-cont form select:focus*/
  color: #585858;
}

/* End of form section*/
.ninja-forms-response-msg {
  margin: 0;
  font-weight: 700;
}

.ninja-forms-response-msg.ninja-forms-error-msg {
  color: #cc0000;
}
.ninja-forms-response-msg.ninja-forms-error-msg p {
  /*ninja-forms-response-msg.ninja-forms-success-msg p*/
  display: inline;
  padding-right: 5px;
}

ninja-forms-response-msg.ninja-forms-success-msg {
  color: #009900;
  margin: 0 0 20px;
}

.ninja-forms-field-error {
  color: #cc0000;
  font-size: 0.75rem;
}
.ninja-forms-field-error p {
  display: inline;
}

.ninja-forms-error input[type=text],
.ninja-forms-error textarea,
.ninja-forms-error select {
  border-color: #cc0000;
}
.ninja-forms-error .ninja-forms-field-description {
  font-size: 0.75rem;
}
.ninja-forms-error .ninja-forms-field-description p {
  margin: 0 0 5px;
  color: #cccccc;
}

.field-wrap {
  margin-bottom: 5px !important;
}

/*==============================================
	IMAGES
==============================================*/
.alignnone {
  margin: 0 0 1em 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 0 auto 1em;
}

.alignright {
  float: right;
  margin: 0 0 1em 1em;
}

.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

img,
img[class*="align"],
img[class*="wp-image-"] {
  max-width: 100%;
  height: auto;
}

img.alignright {
  margin-left: 0 0 1em 1em;
}

img.alignleft {
  margin: 0 1em 1em 0;
}

img.aligncenter {
  display: block;
  margin: 0 auto 1em;
}

img[class*="align"],
img[class*="wp-image-"] {
  border: none;
}

img.wp-post-image {
  display: block;
  margin: 0 auto;
  margin-bottom: 1.875rem;
}

/*=================================================================================
	WP-CAPTION
=================================================================================*/
.wp-caption {
  margin-bottom: 1em;
  margin-left: 0;
  max-width: 100%;
  text-align: left;
  position: relative;
}
.wp-caption img {
  display: block;
  margin: 0 auto;
}

.wp-caption-text {
  font-size: 0.75rem;
  padding: 8px 5px;
  opacity: 0.8;
}

/* Features */
/*=================================================================================
	RESPONSIVE MENU
=================================================================================*/
/* 
SASS Tip:
Nesting of navigation can get pretty messy. 
I try to limit nesting to 3-4 levels where possible, even if that means not nesting something that could have been nested. 
*/
#responsive {
  display: block;
  position: relative;
  z-index: 1000;
  /*width: 100%;*/
  /*Container class is applied to #responsive in this site, so we'll let that handle the width*/
  /*End of span*/
  /*End of #responsive ul*/
}
#responsive span {
  /*span inside #responsive*/
  padding: 0.625rem;
  position: absolute;
  left: 0;
  color: #007bc3;
  cursor: pointer;
}
#responsive span i {
  font-size: 1.875rem;
}
#responsive ul {
  /*ul inside #responsive*/
  background: #005b90;
  border-bottom: 3px solid #005b90;
  padding: 0;
  margin-bottom: 0;
  display: none;
  list-style: none;
  /*End of li subsection*/
}
#responsive ul li {
  /*Compiles to #responsive ul li*/
  border-bottom: 1px solid #003b5d;
  margin: 0;
  line-height: 35px;
  min-height: 35px;
  padding: 0;
  /*Ampersand as parent selector example*/
  /*end of li:hover subsection*/
  /* Submenu/ul within li*/
  /*End of li.menu-item-has-children subsection*/
}
#responsive ul li a {
  /*Links inside list items - compile to #responsive ul li a*/
  color: #ffffff;
  text-decoration: none;
  display: block;
  padding: 0 10px;
}
#responsive ul li:last-child {
  /*Compiles to #responsive ul li:last-child*/
  border: none;
}
#responsive ul li:hover {
  /*#responsive ul li:hover*/
  background: #007bc3;
  color: #ffffff;
}
#responsive ul li:hover a {
  /*#responsive ul li:hover a*/
  color: #ffffff;
}
#responsive ul li:hover > ul {
  opacity: 1;
  position: relative;
  top: auto;
  left: auto;
  display: block;
  height: auto;
  width: auto;
  white-space: nowrap;
  margin: 0 0;
  text-align: left;
  overflow: visible;
}
#responsive ul li ul {
  /* #responsive ul li ul */
  position: absolute;
  top: -99999px;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  z-index: 1;
}
#responsive ul li ul li a {
  padding-left: 20px;
}
#responsive ul li.menu-item-has-children {
  /*We're inside the ul here, so this will compile as #responsive ul li.menu-item-has-children */
  position: relative;
}
#responsive ul li.menu-item-has-children > a {
  /* #responsive ul li.menu-item-has-children > a */
  width: 90%;
}
#responsive ul li.menu-item-has-children:before {
  /* #responsive ul li.menu-item-has-children:before */
  position: absolute;
  top: 3px;
  right: 10px;
  content: "\f107";
  color: rgba(255, 255, 255, 0.5);
}

/*End of #responsive*/
/*=================================================================================
	IMAGE BANNER
=================================================================================*/
#slideshow {
  padding: 0;
}
@media only screen and (min-width: 480px) {
  #slideshow {
    /*600px*/
  }
  #slideshow .eight.columns {
    width: 50%;
  }
  #slideshow .eight.columns:nth-child(1) img {
    padding-right: 0.3125rem;
  }
  #slideshow .eight.columns:nth-child(2) img {
    padding-left: 0.3125rem;
  }
}
#slideshow img {
  display: block;
}
@media only screen and (max-width: 479px) {
  #slideshow img {
    margin-bottom: 0.3125rem;
  }
}
#slideshow .tagline {
  background: #007bc3;
  text-transform: uppercase;
  color: white;
  padding: 1.5625rem 1.875rem;
  font-size: 1.0625rem;
  margin: 0.625rem 0;
}
@media only screen and (max-width: 599px) {
  #slideshow .tagline {
    display: none;
  }
}
#slideshow .tagline span {
  display: block;
}
#slideshow .tagline span:first-child {
  font-size: 1.5rem;
}
#slideshow .tagline span.home {
  border-bottom: 1px solid white;
  display: inline-block;
  margin-bottom: 0.625rem;
  padding-bottom: 0.625rem;
}
#slideshow .services {
  list-style: none;
  margin: 0 0 0.625rem 0;
  padding: 0;
  font-size: 0;
}
@media only screen and (max-width: 599px) {
  #slideshow .services {
    display: none;
  }
}
#slideshow .services li {
  width: 33.3%;
  display: inline-block;
  font-size: 1.125rem;
  text-transform: uppercase;
  text-align: center;
}
#slideshow .services li:nth-child(1) {
  background: url(img/backgrounds/services/pool.jpg);
  background-size: cover;
  border-right: 0.25rem solid white;
}
#slideshow .services li:nth-child(2) {
  background: url(img/backgrounds/services/deck.jpg);
  background-size: cover;
  border-left: 0.125rem solid white;
  border-right: 0.125rem solid white;
}
#slideshow .services li:nth-child(3) {
  background: url(img/backgrounds/services/garden.jpg);
  background-size: cover;
  border-left: 0.25rem solid white;
}
#slideshow .services li a {
  color: white;
  /*text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
  display: block;
  padding: 3.75rem;
  text-decoration: none;
}
#slideshow .services li a:hover {
  background: rgba(0, 123, 195, 0.7);
  /*text-shadow: none;*/
}

/*=================================================================================
	GALLERIES
=================================================================================*/
article .gallery {
  padding: 1.25rem 0 0.75rem;
  margin: 1.25rem 0 !important;
  border-top: 1px solid #bebebe;
  border-bottom: 1px solid #bebebe;
  /*End of gallery item*/
}
article .gallery a,
article .gallery a:hover,
article .gallery a:focus {
  padding: 0;
  margin: 0;
  background: none;
}
article .gallery .gallery-item {
  margin: 0 1% 0.5% 0 !important;
  float: none !important;
  display: inline-block !important;
  width: 15.8% !important;
  position: relative !important;
}
article .gallery .gallery-item:nth-of-type(6n+6) {
  margin-right: 0 !important;
}
article .gallery .gallery-item img {
  display: block;
  border: none !important;
  width: 100%;
  height: auto;
}
article .gallery .gallery-item .gallery-caption {
  position: absolute !important;
  bottom: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  padding: 5px;
  color: #ffffff;
  width: 100%;
  font-style: normal;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  display: none;
}
article .gallery .gallery-item:hover .gallery-caption {
  opacity: 1;
}
article .gallery br {
  display: none;
}

/*End of gallery section*/
/*=================================================================================
	SIMPLE LIGHTBOX
=================================================================================*/
#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
  font-family: "Lato", "Arial", sans-serif !important;
}

.slb_slideshow {
  display: none;
}

/*=================================================================================
	MAILCHIMP
=================================================================================*/
#mc_embed_signup li {
  background: none;
  padding: 0;
}

#mc_embed_signup input.mce_inline_error {
  border-color: #F96567 !important;
}

#mc_embed_signup div.mce_inline_error {
  background: #F96567 !important;
}

blockquote.testimonial {
  padding: 0;
  margin: 0 20px 20px;
  min-height: 0px;
}
blockquote.testimonial cite {
  display: block;
  margin: -5px 0 0 10px;
  font-style: normal;
  font-size: 0.875rem;
  position: relative;
}
blockquote.testimonial cite:before {
  content: "- ";
  position: absolute;
  top: 0;
  left: -8px;
  clear: both;
}

/*End of testimonial*/
/* Site specifc */
/*=================================================================================
	TABLE OF CONTENTS
=================================================================================*/
/* 
	- Basics
		- Utility classes
		- Typography
		- Links
		- Buttons
		- Images
		- Messages
	- Header 
		- Details (Phone number etc)
	- Main navigation
	- Content
		- Homepage specific styles
		- Article
			- Lists
			- Blockquotes
			- Tables
			- Extras
		- WP-Caption
		- Posts & Children
		- iFrames
	- Sidebar
	- Footer
	- GOOP credit
	- Media Queries
*/
/*=================================================================================
	BASICS
=================================================================================*/
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  line-height: 1.4;
  font-size: 1rem;
  color: #585858;
  font-family: "Lato", "Arial", sans-serif;
  font-weight: 400;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a, img, span, li, input, textarea {
  transition: opacity 0.5s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .alignnone, .aligncenter, div.aligncenter, .alignright, .alignleft, .aligncenter {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

/*==============================================
	UTILITY CLASSES
==============================================*/
.clearfix {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}

/*==============================================
	TYPOGRAPHY
==============================================*/
body, input, select, textarea, label, button {
  font-family: "Lato", "Arial", sans-serif;
}

#responsive ul li.menu-item-has-children:before, article blockquote:before {
  font-family: 'FontAwesome';
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Lato", "Arial", sans-serif;
  font-weight: 400;
}

h1, h2, p, ul {
  margin-bottom: 0.9375rem;
}

h3, h4, h5, h6 {
  margin-bottom: 0.5rem;
}

li, p {
  font-size: 0.875rem;
}

small {
  font-size: 0.75rem;
}

article li,
aside li {
  margin-bottom: 0.625rem;
}

article ul li,
aside ul li {
  list-style: disc inside;
}

article ol li,
aside ol li {
  list-style: decimal inside;
}

/*==============================================
	LINKS
==============================================*/
article a,
aside a {
  color: #252525;
  text-decoration: none;
  position: relative;
  border-bottom: 1px dotted #bbbbbb;
}
article a:hover, article a:focus,
aside a:hover,
aside a:focus {
  color: #007bc3;
  border-bottom: 1px solid #007bc3;
}
article a.readmore,
aside a.readmore {
  white-space: nowrap;
}

/*==============================================
	BUTTONS
==============================================*/
/*Default button*/
.btn,
input[type=submit],
button {
  color: #ffffff;
  background: #007bc3;
  font-size: 1rem;
  padding: 10px 15px;
  margin: 0;
  cursor: pointer;
  border: none;
  transition: opacity 0.5s ease-in-out;
  -webkit-appearance: none;
  /*
  Button variations
  Use in conjunction with btn class to inherit all properties not overwritten here
  */
  /*End btn-secondary*/
  /*Add other variations here as needed*/
  /*End btn-small*/
}
.btn:hover, .btn:focus,
input[type=submit]:hover,
input[type=submit]:focus,
button:hover,
button:focus {
  color: #ffffff;
  background: #005b90;
}
.btn.btn-secondary,
input[type=submit].btn-secondary,
button.btn-secondary {
  background: #6d6e72;
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus,
input[type=submit].btn-secondary:hover,
input[type=submit].btn-secondary:focus,
button.btn-secondary:hover,
button.btn-secondary:focus {
  background: #545558;
}
.btn.btn-small,
input[type=submit].btn-small,
button.btn-small {
  padding: 5px 10px;
  font-size: 0.75rem;
  text-transform: uppercase;
}

/*End buttons*/
/*==============================================
	IMAGES
==============================================*/
img {
  max-width: 100%;
  /*Images should never be wider than their container*/
}

/*==============================================
	MESSAGES
==============================================*/
.message {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
}
.message.warning {
  background: #fffbd7;
  border: 1px solid #d7c200;
}
.message.error {
  background: #ffc6c7;
  border: 1px solid #c60004;
}
.message.success {
  /*background: #91E7AD;
  border: 1px solid darken(#91E7AD, 40%);*/
  background: #d5d5d6;
  border: 1px solid #3b3c3e;
}

/*End of messages section*/
/*=================================================================================
	HEADER
=================================================================================*/
header {
  background: #ffffff;
  padding: 1.25rem;
  padding-bottom: 0;
  position: relative;
  margin: 0;
  z-index: 100;
  /*End of logo subsection*/
  /*End of details subsection*/
}
header #logo {
  margin-top: 1.875rem;
}
@media only screen and (max-width: 767px) {
  header #logo {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
header #logo a.logo {
  /*Compiles to header a.logo*/
  display: block;
}
header #logo a.logo img {
  /*Compiles to header a.logo img*/
  display: block;
  width: 70%;
  max-width: 200px;
}
@media only screen and (max-width: 767px) {
  header #logo a.logo img {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
header #details {
  /*Compiles to header #details*/
  margin-top: 1.25rem;
  text-align: right;
  font-size: 0.9375rem;
  display: block;
  text-transform: uppercase;
  color: #007bc3;
}
@media only screen and (max-width: 767px) {
  header #details {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  header #details {
    text-align: center;
  }
}
header #details p {
  margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  header #details p {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
header #details strong {
  font-weight: normal;
  font-size: 1.25rem;
  color: #6d6e72;
}
@media only screen and (max-width: 767px) {
  header #details strong {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
header #details strong .instagram {
  margin-right: 0.625rem;
}
header #details strong .instagram i {
  color: #a0a1a5;
}
header #details strong .instagram i:hover {
  color: #6d6e72;
}

/*End of header section*/
/*=================================================================================
	MAIN NAVIGATION
=================================================================================*/
nav {
  padding: 0.625rem 0;
  margin: 0;
  position: relative;
  display: none !important;
  z-index: 999;
  text-align: left;
  /*end of nav ul*/
}
nav ul {
  /* nav ul */
  text-align: center;
  margin: 0;
  padding: 0;
  height: 1.875rem;
  line-height: 1.875rem;
  font-size: 0;
  display: table;
  width: 100%;
  white-space: nowrap;
  /*end of nav ul li (top level item)*/
}
nav ul li {
  /* nav ul li */
  font-family: "Lato", "Arial", sans-serif;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 700;
  display: table-cell;
  margin: 0;
  padding: 0;
  position: relative;
  /*==============================================
  	DROPDOWNS
  ==============================================*/
  /*end of nav ul li ul (sub menu ul)*/
  /*End of nav ul li ul li:hover*/
}
nav ul li > a {
  /* nav ul li > a */
  color: #585858;
  text-decoration: none;
  margin: 0;
  display: block;
  margin: 0 0.3125rem;
  padding: 0 0.625rem;
  border-bottom: 1px solid transparent;
}
nav ul li > a:hover, nav ul li > a:focus {
  color: #006baa;
  border-bottom: 1px solid #006baa;
}
nav ul li:hover > a {
  /*Top level link when hovered*/
  color: #007bc3;
  border-bottom: 1px solid #007bc3;
}
nav ul li.current-menu-item > a, nav ul li.current-page-ancestor > a, nav ul li.current_page_parent > a {
  /*The top level link when active*/
  color: #007bc3;
  border-bottom: 1px solid #007bc3;
}
nav ul li ul {
  /*nav ul li ul*/
  position: absolute;
  top: -9999px;
  left: 0;
  opacity: 0;
  z-index: 1;
  margin: 0 0.3125rem;
  padding-top: 0.625rem;
  height: 35px;
  /*end of nav ul li ul li */
}
nav ul li ul li {
  /*nav ul li ul li*/
  background: rgba(255, 255, 255, 0.9);
  display: block;
  margin: 0;
  padding: 0;
  height: 35px;
  line-height: 35px;
  font-weight: 300;
  font-size: 0.75rem;
}
nav ul li ul li:first-child, nav ul li ul li:last-child {
  margin: 0;
}
nav ul li ul li a {
  height: 35px;
  line-height: 35px;
  border-bottom: 1px solid #b1b1b1;
}
nav ul li ul li.current-menu-item a, nav ul li ul li.current_page_item a {
  color: #007bc3;
  border-bottom: 1px solid #007bc3;
}
nav ul li:hover {
  /*Submenu*/
  /*End of submenu ul*/
}
nav ul li:hover ul {
  /*nav ul li:hover ul*/
  max-width: 100%;
  opacity: 1.0;
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  height: auto;
  width: 100%;
  white-space: nowrap;
  margin-top: 0;
  text-align: left;
  transition: opacity 0.5s ease-in-out;
  /*End of submenu ul li*/
}
nav ul li:hover ul li {
  border: 0;
  /*End of submenu ul li a*/
}
nav ul li:hover ul li a {
  /*nav ul li ul li a*/
  padding: 0 10px;
  margin: 0;
}
nav ul li:hover ul li a:hover, nav ul li:hover ul li a:focus {
  background: rgba(255, 255, 255, 0.5);
}

/*end of nav */
/*=================================================================================
	CONTENT
=================================================================================*/
section {
  padding: 15px 10px 20px;
}

/*==============================================
	HOMEPAGE SPECIFIC STYLES
==============================================*/
/*=================================================================================
	ARTICLE
=================================================================================*/
article {
  position: relative;
  /*==============================================
  	LISTS
  ==============================================*/
  /*==============================================
  	SMALL
  ==============================================*/
  /*==============================================
  	BLOCKQUOTES
  ==============================================*/
  /*End of blockquote*/
  /*==============================================
  	TABLES
  ==============================================*/
  /*End of table*/
  /*==============================================
  	EXTRAS
  ==============================================*/
}
article h1 {
  font-size: 1.5rem;
  color: #007bc3;
  text-transform: uppercase;
}
article h2 {
  font-weight: 400;
  font-size: 1.375rem;
  color: #585858;
}
article h3 {
  font-size: 1.0625rem;
  font-weight: 400;
  color: #252525;
}
article h4,
article h5,
article h6 {
  font-size: 1rem;
}
article p {
  line-height: 1.25rem;
}
article ul,
article ol {
  margin: 1.25rem;
  margin-top: 0;
}
article ul li,
article ol li {
  /*all list items*/
}
article ul ul, article ul ol,
article ol ul,
article ol ol {
  /*list inside list*/
}
article ul {
  list-style: disc;
}
article small {
  /*article .page small, article .post small, .single article small*/
  font-size: 0.75rem;
  margin: 0 0 10px;
  opacity: 0.7;
  text-transform: uppercase;
}
article .date {
  display: block;
}
article blockquote {
  position: relative;
  padding: 0;
}
article blockquote:before {
  content: "“";
  line-height: 1;
  color: rgba(0, 123, 195, 0.3);
  position: absolute;
  font-size: 3.125rem;
  top: 0;
  left: -20px;
  clear: both;
}
article table {
  margin: 0 0 20px 0;
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #cccccc;
}
article table th, article table td {
  border: 1px solid #cccccc;
}
article table th {
  padding: 3px 10px 3px;
  text-align: left;
}
article table td {
  padding: 3px 10px 3px;
  text-align: left;
}
article hr {
  border-color: #cccccc;
  height: 1px;
}

/*End of article section*/
/*=================================================================================
	POSTS & CHILDREN
=================================================================================*/
article .page,
article .post {
  clear: both;
  padding: 20px 0 0;
  margin: 20px 0 0;
  border-top: 1px solid #b1b1b1;
  /* End of h2.title */
  /*.thumbnail,
  .description { /*article .page .thumbnail, article .page .description, article .post .thumbnail, article .post .description* /
  	display: inline-block;
  	margin: 0 -4px 0 0;
  	vertical-align: top;
  }*/
}
article .page:first-child,
article .post:first-child {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}
article .page:only-child,
article .page h1 + .post,
article .post:only-child,
article .post h1 + .post {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}
article .page h2.title,
article .post h2.title {
  /*article .page h2.title, article .post h2.title */
  background: none;
  padding: 0;
  margin: 0 0 5px;
}
article .page h2.title a,
article .post h2.title a {
  /* article .page h2.title a, article .post h2.title */
  text-decoration: none;
  padding: 0;
  margin: 0;
  border-color: transparent;
}
article .page h2.title a:hover, article .page h2.title a:focus,
article .post h2.title a:hover,
article .post h2.title a:focus {
  /* article .page h2.title a:hover, article .post h2.title a:hover */
  background: none;
  color: inherit;
  border-color: transparent;
}
article .page p,
article .post p {
  /*article .page p, article .post p*/
  display: inline;
}
article .page .thumbnail,
article .post .thumbnail {
  /*article .page .thumbnail, article .post .thumbnail*/
  /*margin-right: rem-calc(20);
  margin-bottom: rem-calc(20) !important;*/
}
article .page .thumbnail img,
article .post .thumbnail img {
  /*article .page .thumbnail img, article .post .thumbnail img*/
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
  padding: 0 0 10px;
}
article .page .thumbnail a,
article .page .thumbnail a:hover,
article .page .thumbnail a:focus,
article .post .thumbnail a,
article .post .thumbnail a:hover,
article .post .thumbnail a:focus {
  /*article .page .thumbnail a, article .post .thumbnail a, article .page .thumbnail a:hover, article .post .thumbnail a:hover*/
  border: none;
  padding: 0;
  margin: 0;
}

/*End of article .post and article .page*/
/*=================================================================================
	PAGINATION
=================================================================================*/
article .pagination {
  margin: 0;
  margin-top: 1.25rem;
  padding: 0;
  display: block;
}
article .pagination span,
article .pagination a {
  /*article .pagination span, article .pagination a*/
  display: inline-block;
  background: #585858;
  color: white;
  height: 20px;
  width: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 0.75rem;
  border: none;
  text-decoration: none;
  display: inline-block;
}
article .pagination span i,
article .pagination a i {
  vertical-align: text-top;
}
article .pagination span:hover, article .pagination span:focus,
article .pagination a:hover,
article .pagination a:focus {
  background: #005b90;
}
article .pagination .page-numbers-current {
  background: #007bc3;
}
article .pagination.single {
  /*article .pagination.single */
}
article .pagination.single div {
  /*article .pagination.single div*/
  display: inline-block;
  width: 50%;
  margin: 0 -2px;
}
article .pagination.single div.newer {
  /*article .pagination.single div.newer*/
  text-align: right;
}

/*End of pagination section*/
/*=================================================================================
	IFRAMES
=================================================================================*/
article iframe {
  margin: 0 0 20px;
  display: block;
  width: 100% !important;
}

/*=================================================================================
	SIDEBAR
=================================================================================*/
aside {
  margin: 0;
  padding: 0;
  /* End of sidebar section */
}
aside#sidebar {
  /* <aside id="sidebar"> */
  vertical-align: top;
  margin-top: 3.3125rem;
  padding-top: 1.25rem;
  border-top: 1px solid #b1b1b1;
}
aside#sidebar ul.sidebar {
  list-style: none;
  margin: 0 0 1.25rem;
  padding: 0;
  /*End of sidebar li*/
}
aside#sidebar ul.sidebar li {
  margin: 0;
  line-height: 30px;
  list-style: none;
  border-bottom: 1px solid #b1b1b1;
  text-transform: uppercase;
  /* End of sidebar link*/
}
aside#sidebar ul.sidebar li:first-child {
  border: 0;
}
aside#sidebar ul.sidebar li h3 {
  font-family: "Lato", "Arial", sans-serif;
  color: #007bc3;
}
aside#sidebar ul.sidebar li a {
  text-decoration: none;
  border: none;
}

/*End of aside section*/
/*=================================================================================
	FOOTER
=================================================================================*/
footer {
  border-top: 1px solid #babbbe;
  text-align: center;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  /*End footer ul*/
}
footer a {
  color: #585858;
  text-decoration: none;
  border-bottom: 1px solid #ffffff;
}
footer a:hover, footer a:focus {
  color: #252525;
  border-color: #252525;
}
footer ul {
  display: inline-block;
  /*Center all footer lists on mobile*/
}
@media only screen and (max-width: 767px) {
  footer ul {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

/*=================================================================================
	GOOP CREDIT
=================================================================================*/
ul.goop {
  list-style: none;
  /*End li*/
}
ul.goop li {
  display: inline-block;
  font-size: 0.75rem;
  padding: 0;
  line-height: 15px;
  vertical-align: middle;
  margin: 0 4px;
  text-transform: uppercase;
  opacity: 0.5;
  /*End link*/
}
ul.goop li:first-child {
  border: 0;
}
ul.goop li a {
  padding: 0;
  margin: 0;
  margin-bottom: 0.3125rem;
  display: inline-block;
}
ul.goop li a span {
  vertical-align: middle;
  font-size: 0.75rem;
}

/*End of Goop section*/
/*=================================================================================
	MEDIA QUERIES
=================================================================================*/
/*==============================================
	SMALL AND UP
==============================================*/
@media only screen and (min-width: 480px) {
  /*480px*/
}
/*==============================================
	MEDIUM AND UP
==============================================*/
@media only screen and (min-width: 600px) {
  /*600px*/
  header {
    padding-bottom: 1.25rem;
  }

  article .page .thumbnail,
  article .post .thumbnail {
    /*article .page .thumbnail, article .post .thumbnail*/
    /*margin-right: rem-calc(20);
    margin-bottom: rem-calc(20) !important;*/
  }
  article .page .thumbnail img,
  article .post .thumbnail img {
    padding: 0 20px 0 0;
  }
}
	/*section.banner ul.services{text-align: center; margin-top: 15px;}
section.banner ul.services li{display: inline-block; width: 32%; min-height:140px;}
section.banner ul.services li.service1{background-image: url(img/services/service1.jpg); background-size: auto 100%;}
section.banner ul.services li.service2{background-image: url(img/services/service2.jpg); background-size: auto 100%; margin-left: 12px}
section.banner ul.services li.service3{background-image: url(img/services/service3.jpg); background-size: auto 100%; margin-left: 12px}
section.banner ul.services li a{background-color: #1b8dcd; background: rgba(27, 141, 205, .8); color: $accent-color; display: block; font-size: 1.8em; padding: 51px 0; text-decoration: none; text-transform: uppercase; opacity: 0; visibility: hidden}
section.banner ul.services li:hover a{opacity: 1; visibility: visible}*/
/*==============================================
	TABLET PORTRAIT AND UP
==============================================*/
@media only screen and (min-width: 768px) {
  /* WHEN TO SWITCH FROM RESPONSIVE TO REGULAR NAV*/
  #responsive {
    display: none;
  }

  nav {
    display: block !important;
  }

  header {
    padding: 1.25rem 0 0;
  }
  header #logo {
    margin: 0;
    padding: 0;
  }
  header #details strong {
    display: block;
  }

  /*END NAV SWITCH*/
}
/*==============================================
	TABLET (960) AND UP
==============================================*/
@media only screen and (min-width: 960px) {
  nav ul li {
    /* nav ul li */
    font-size: 0.9375rem;
  }
  nav ul li > a {
    /* nav ul li > a */
    padding: 0 0.3125rem;
  }
}
/*End tablet and up media query*/
/*==============================================
	DESKTOP (1024) AND UP
==============================================*/
@media only screen and (min-width: 1024px) {
  nav ul li {
    /* nav ul li */
  }
  nav ul li > a {
    /* nav ul li > a */
    padding: 0 1.375rem;
  }
}
/*==============================================
	TWEAKS FOR SPECIFIC RANGES
==============================================*/
/*Overrides*/
/*=================================================================================
	IE
=================================================================================*/
.lt-ie9 html, .lt-ie9 body {
  font-size: 100%;
}

/*=================================================================================
	BROWSER WARNING
=================================================================================*/
#browser {
  text-align: center;
  padding: 0;
  background: #ffffcc;
  margin: 0;
  font-size: 70%;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  font-family: "Lato", "Arial", sans-serif;
  z-index: 10000;
  position: relative;
}

#browser span {
  display: block;
  width: 960px;
  margin: 0 auto;
  padding: 3px;
  color: #666666;
}

#browser span a {
  color: #000;
  text-decoration: none;
}

#browser span a:hover,
#browser span a:focus {
  background: none;
  color: #000;
  text-decoration: underline;
}