/**
Base.css
Used for the base styles that affect all breakpoints and for helper classes that don't use them.
Can also be included in TinyMCE editor so that colors, fonts and sizes appear there too.

 * Table of Contents:
 *
 * 0.0 - Fonts - see fonts.css
 * 1.0 - Base styles after-reset
 * 2.0 - Header and Main Navigation Styles
 * 3.0 - Footer Styles
 * 4.0 - Search Form
 * 5.0 - Basic Forms and button styles
 * 6.0 - Shortcode styles
 * 7.0 - Widgets
 * 8.0 - 404
 * 9.0 - Parallax
 * 10. - Slider
 * 11. - WooCommerce
 * 12. - PageNavi
 *
*/
/* ---------------------------------------- */
/*	1.0 - Base styles after-reset
/* ---------------------------------------- */
html {
  background: #F3F7F8;
}
body {
  font-family: 'Lato', Arial, sans-serif;
  color: #456374;
  line-height: 1.4;
  margin: 0;
  font-size: 1em;
}
::-moz-selection {
  background: #004a5a;
  color: #ffffff;
  text-shadow: none;
}
::selection {
  background: #004a5a;
  color: #ffffff;
  text-shadow: none;
}
div#content {
  background: #F3F7F8;
}
a {
  color: #456374;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a:visited {
  color: #456374;
}
a:hover {
  color: #ff6666;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}
h1 {
  font-size: 1.75em;
  margin: 0 0 0.5em 0;
  font-family: 'Ropa Sans', sans-serif;
}
@media only screen and (min-width: 42em) {
  h1 {
    font-size: 3.75em;
    margin: 0 0 0.5em 0;
  }
}
article > h1 {
  font-size: 1.75em;
  margin: 0 0 0.5em 0;
  color: #2da245;
  font-family: 'Ropa Sans', sans-serif;
  text-align: center;
}
@media only screen and (min-width: 42em) {
  article > h1 {
    font-size: 3.75em;
    margin: 0 0 0.5em 0;
  }
}
/* Page titles */
.entry h1,
#tinymce.content h1 {
  font-size: 1.75em;
  margin: 0.5em 0 0.5em 0;
  color: #2da245;
  font-family: 'Ropa Sans', sans-serif;
}
@media only screen and (min-width: 42em) {
  .entry h1,
  #tinymce.content h1 {
    font-size: 3.75em;
    margin: 0.5em 0 0.5em 0;
  }
}
h2 {
  ont-size: 1.367em;
  margin: 0em 0 0.5em 0;
}
@media only screen and (min-width: 42em) {
  h2 {
    font-size: 1.667em;
    margin: 0em 0 0.5em 0;
  }
}
.entry h2,
#tinymce.content h2 {
  font-size: 1.367em;
  margin: 0.5em 0 0.5em 0;
  color: #5aba47;
}
@media only screen and (min-width: 42em) {
  .entry h2,
  #tinymce.content h2 {
    font-size: 1.667em;
    margin: 0.5em 0 0.5em 0;
  }
}
h3 {
  font-size: 1.2em;
  margin: 0em 0 0.5em 0;
}
@media only screen and (min-width: 42em) {
  h3 {
    font-size: 1.4em;
    margin: 0em 0 0.5em 0;
  }
}
.entry h3,
#tinymce.content h3 {
  font-size: 1.2em;
  margin: 0.5em 0 0.5em 0;
  color: #939598;
}
@media only screen and (min-width: 42em) {
  .entry h3,
  #tinymce.content h3 {
    font-size: 1.4em;
    margin: 0.5em 0 0.5em 0;
  }
}
h4 {
  font-size: 1.1em;
  margin: 0em 0 0.5em 0;
}
@media only screen and (min-width: 42em) {
  h4 {
    font-size: 1.3em;
    margin: 0em 0 0.5em 0;
  }
}
.entry h4,
#tinymce.content h4 {
  font-size: 1.1em;
  margin: 0.5em 0 0.5em 0;
  color: #939598;
}
@media only screen and (min-width: 42em) {
  .entry h4,
  #tinymce.content h4 {
    font-size: 1.3em;
    margin: 0.5em 0 0.5em 0;
  }
}
h5 {
  font-size: 1.05em;
  margin: 0em 0 0.5em 0;
}
@media only screen and (min-width: 42em) {
  h5 {
    font-size: 1.2em;
    margin: 0em 0 0.5em 0;
  }
}
.entry h5,
#tinymce.content h5 {
  font-size: 1.05em;
  margin: 0.5em 0 0.5em 0;
  color: #939598;
}
@media only screen and (min-width: 42em) {
  .entry h5,
  #tinymce.content h5 {
    font-size: 1.2em;
    margin: 0.5em 0 0.5em 0;
  }
}
h6 {
  font-size: 1.0em;
  margin: 0em 0 0.5em 0;
}
@media only screen and (min-width: 42em) {
  h6 {
    font-size: 1.1em;
    margin: 0em 0 0.5em 0;
  }
}
.entry h6,
#tinymce.content h6 {
  font-size: 1.0em;
  margin: 0.5em 0 0.5em 0;
  color: #939598;
}
@media only screen and (min-width: 42em) {
  .entry h6,
  #tinymce.content h6 {
    font-size: 1.1em;
    margin: 0.5em 0 0.5em 0;
  }
}
.entry {
  font-size: 1.1em;
}
p {
  margin: 0 0 1em 0;
  font-size: 1.125em;
}
.entry p {
  font-size: 1em;
}
.slogan {
  font-size: 1.125em;
  color: #004a5a !important;
}
@media only screen and (min-width: 42em) {
  .slogan {
    font-size: 2.125em;
    margin: 0.5em 0 0.5em 0;
  }
}
address {
  display: inline;
  font-weight: 300;
  font-style: normal;
}
.entry ul {
  margin-bottom: 1em;
}
.entry img {
  max-width: 100%;
  height: auto;
}
.entry .wp-caption {
  max-width: 100%;
}
/**
 *  Wordpress Page Styles
 */
/* All content areas of all types */
div#content article,
#tinymce.content {
  background: #F3F7F8;
}
/* if the content area has a background color, set it here too so that the wp_editor has that background */
/* All */
article.page {
  background: #F3F7F8;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* Specific */
/**
		 * If a specific page template has a different article style, this can be achieved the following way:-
		 *   e.g.
		 *	
		 -  div#content.fullwidth article.page {
		 -  	* new style here *
		 -  }
		 -
		 *	
		*/
/**
 *  Home Page Blocks
 *  Visual Styles for blocks (structure found in style.css)
 */
section.block.slider.services {
  background-size: cover;
  position: relative;
  min-height: 446px;
}
section.block.slider.services:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 74, 90, 0.75);
  background: -moz-linear-gradient(left, rgba(0, 74, 90, 0.75) 0%, rgba(90, 186, 71, 0.75) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 74, 90, 0.75)), color-stop(100%, rgba(90, 186, 71, 0.75)));
  background: -webkit-linear-gradient(left, rgba(0, 74, 90, 0.75) 0%, rgba(90, 186, 71, 0.75) 100%);
  background: -o-linear-gradient(left, rgba(0, 74, 90, 0.75) 0%, rgba(90, 186, 71, 0.75) 100%);
  background: -ms-linear-gradient(left, rgba(0, 74, 90, 0.75) 0%, rgba(90, 186, 71, 0.75) 100%);
  background: linear-gradient(to right, rgba(0, 74, 90, 0.75) 0%, rgba(90, 186, 71, 0.75) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004a5a', endColorstr='#5aba47', GradientType=1);
}
section.block.slider.services h2 {
  color: #ffffff;
}
section.block.slider.services p {
  color: #ffffff;
}
@media only screen and (min-width: 42em) {
  section.block.slider.services .service {
    margin: 8em 0;
    padding: 2em;
  }
}
@media only screen and (min-width: 48em) {
  section.block.slider.services .service {
    width: 50%;
  }
}
@media only screen and (min-width: 56em) {
  section.block.slider.services .service {
    margin: 12em 0;
    width: 40%;
  }
}
@media only screen and (min-width: 62em) {
  section.block.slider.services {
    background: url('../images/banner_home.jpg') 0 50%;
    background-size: cover;
  }
}
section.block section.map-area section.contact-area {
  background-color: #009577;
  color: #ffffff;
}
section.block section.map-area section.contact-area .contact > div {
  margin: 0.5em 0;
  font-size: 16px;
  font-weight: 300;
}
section.block section.map-area section.contact-area .contact a {
  color: #ffffff;
}
section.block section.map-area section.contact-area .contact a:hover i {
  color: #004a5a;
}
section.block section.map-area section.contact-area .contact div.social {
  text-align: right;
}
section.block section.map-area section.gmap iframe {
  display: block;
}
section.block section.carousel-area {
  background: #ffffff;
}
section.block section.carousel-area .title {
  background: #004a5a;
  padding: 0.5em 1em;
}
section.block section.carousel-area .title h3 {
  color: #ffffff;
  margin: 0;
  font-weight: 400;
}
section.block section.carousel-area .carousel-wrapper div.inti-carousel button.slick-prev {
  right: 45px;
  bottom: 0;
  top: auto;
  left: auto;
}
section.block section.carousel-area .carousel-wrapper div.inti-carousel button.slick-next {
  right: 0;
  bottom: 0;
  top: auto;
}
section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide {
  margin: 0;
  padding: 0;
}
section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article.with-text .feature-img img {
  display: block;
}
section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article.with-text .text {
  margin-top: 0;
}
section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article.with-text .text p {
  font-size: 1em;
  color: #456374;
  font-size: 0.835em;
}
section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article.with-text .text p.practitioner-owner span.practitioner-name {
  font-size: 1.875em;
  font-family: 'Ropa Sans', sans-serif;
  color: #5aba47;
  margin: 0.5em 0 0 0;
  line-height: 1.2;
  display: block;
  line-height: 1;
}
section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article.with-text .text p.practitioner-owner span.practitioner-jobtitle {
  font-size: 0.875em;
  display: block;
  line-height: 1;
  font-weight: bold;
}
section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article.with-text .text p.practitioner-owner span.practitioner-company {
  font-size: 0.875em;
  display: block;
  line-height: 1;
}
section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide a {
  color: #939598;
}
section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide a article {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide a:hover article {
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);
}
section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article {
  min-height: 350px;
  padding: 0em;
  background: #ffffff !important;
}
@media only screen and (min-width: 49em) {
  section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article {
    min-height: 250px;
  }
}
section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article .feature-img {
  max-height: 282px;
  overflow: hidden;
}
section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article .feature-img img {
  max-width: 100%;
  height: auto;
}
section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article .more {
  color: #5aba47;
}
section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article .more:hover {
  color: #ff6666 !important;
}
section.block.mega {
  margin: 2em 0;
}
section.block.textareas {
  background: #f1efe8;
}
section.block.textareas article .entry * {
  margin: 0;
}
section.block.textareas article:nth-child(odd) {
  border-right: 1px solid #ffffff;
}
section.block.childpages article {
  color: #ffffff;
  display: block;
}
section.block.childpages article:nth-child(5n+1) {
  background: #009577;
}
section.block.childpages article:nth-child(5n+2) {
  background: #00687f;
}
section.block.childpages article:nth-child(5n+3) {
  background: #5aba47;
}
section.block.childpages article:nth-child(5n+4) {
  background: #2da245;
}
section.block.childpages article:nth-child(5n+5) {
  background: #00687f;
}
section.block.childpages article:nth-child(5n+6) {
  background: #5aba47;
}
section.block.childpages article a {
  color: #ffffff;
}
section.block.childpages article .childpage-content p {
  color: #e9edf2;
}
section.block.childpages article .childpage-content .more {
  color: #FFF;
}
section.block.childpages article .childpage-content .more:hover {
  color: #ff6666 !important;
}
section.block.childpages article .childpage-image.dot {
  position: relative;
  display: block;
}
section.block.childpages article .childpage-image.dot:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.1) url('../images/subtle_dots.png') 0 0 repeat;
}
/**
 *  Wordpress Blog Post Styles
 */
/* All */
article.post {
  background: #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* Specific */
article.post.format-aside {
  border-left: 5px solid #113F8C;
}
article.post.format-audio {
  border-left: 5px solid #01A4A4;
}
article.post.format-chat {
  border-left: 5px solid #00A1CB;
}
article.post.format-gallery {
  border-left: 5px solid #61AE24;
}
article.post.format-image {
  border-left: 5px solid #D0D102;
}
article.post.format-inti-articlelist {
  border-left: 5px solid #32742C;
}
article.post.format-link {
  border-left: 5px solid #00ad7d;
}
article.post.format-quote {
  border-left: 5px solid #E54028;
}
article.post.format-status {
  border-left: 5px solid #616161;
}
article.post.format-status .meta {
  text-align: right;
  font-style: italic;
}
article.post.format-video {
  border-left: 5px solid #F18D05;
}
/**
 *  WooCommerce Product Styles
 */
/* All */
li.product,
article.product {
  background: #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* Specific */
/** */
/* ---------------------------------------- */
/*	2.0. Header and Main Navigation Styles
/* ---------------------------------------- */
header.webpage-header {
  background: #004a5a;
}
.webpage-header header.navbar {
  background: #004a5a;
}
.webpage-header header.logobar {
  background: #ffffff;
  /** If the background will be just 1200px with a fade at both sides, add a background color. */
}
#contact-area {
  display: block;
  text-align: right;
  padding: 2em 0 2em 0;
  font-weight: 400;
  font-size: 1.1em;
}
#contact-area a {
  color: #004a5a;
}
#contact-area a:hover i {
  color: #5aba47;
}
#contact-area #address-area {
  vertical-align: top;
  text-align: left;
}
#contact-area #address-area address {
  font-weight: 400;
  vertical-align: top;
  display: inline-block;
}
#contact-area #phone-area {
  vertical-align: top;
}
#contact-area i.fa {
  color: #009577;
}
/** 
 *  COMMON MENU STYLES 
 *  - Remove any styles here and re-add them separately to micro and macro if they will have different colors/design
 */
ul.nav-prime li {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
ul.nav-prime a {
  padding: 0 20px;
  line-height: 55px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1em;
  text-decoration: none;
  font-family: 'Ropa Sans', sans-serif;
}
ul.nav-prime ul {
  /* submenu styles */
  border-left: 0;
  /* submenu indent color */
}
ul.nav-prime ul li {
  background: #939598;
  /* submenu background color */
}
.no-js ul.nav-prime li:hover > ul {
  display: block;
  list-style: none;
}
ul.nav-prime li.current_page_item > a,
ul.nav-prime li.current-menu-ancestor > a,
ul.nav-prime li.current-menu-item > a,
ul.nav-prime li.current-menu-parent > a {
  color: #2da245;
}
* html ul.nav-prime li.current_page_item a,
* html ul.nav-prime li.current-menu-ancestor a,
* html ul.nav-prime li.current-menu-item a,
* html ul.nav-prime li.current-menu-parent a,
* html ul.nav-prime li a:hover {
  color: #2da245;
}
/* MICROMENU ONLY STYLES */
div.open-micromenu a {
  color: #004a5a;
  outline: none;
}
div.open-micromenu a:hover {
  color: #456374;
}
nav.micromenu {
  /* Menu shown by default and on small screens */
}
nav.micromenu ul#nav-buttons li:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.075);
}
nav.micromenu ul#nav-buttons li {
  padding: 0 20px;
  cursor: pointer;
  border-right: 1px solid rgba(0, 0, 0, 0.075);
  border-bottom: 1px solid rgba(0, 0, 0, 0.025);
}
nav.micromenu ul#nav-buttons li a,
nav.micromenu ul#nav-buttons li span {
  color: #ffffff;
  font-weight: 400;
  text-decoration: none;
  font-size: 1.2em;
}
nav.micromenu ul#nav-buttons li.hover,
nav.micromenu ul#nav-buttons li.hover > span,
nav.micromenu ul#nav-buttons li.hover > a,
nav.micromenu ul#nav-buttons li.hover > a span {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
nav.micromenu ul#nav-buttons li.hover:hover,
nav.micromenu ul#nav-buttons li.hover:hover > span,
nav.micromenu ul#nav-buttons li.hover:hover > a,
nav.micromenu ul#nav-buttons li.hover:hover > a span,
nav.micromenu ul#nav-buttons li.hover.active {
  color: #2da245;
}
nav.micromenu ul#nav-buttons li#show-nav-prime {
  color: #2da245;
}
/* Optional Mobile Menu - Toggle */
nav.micromenu {
  background: #004a5a;
}
nav.micromenu ul.nav-prime li {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
nav.micromenu ul.nav-prime a {
  padding: 0 20px;
  line-height: 55px;
  color: #ffffff;
  font-weight: 400;
  font-size: 1em;
  text-decoration: none;
  /*text-shadow:1px 1px 1px #666;*/
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-family: 'Ropa Sans', sans-serif;
}
nav.micromenu ul.nav-prime ul {
  /* submenu styles */
  border-left: 15px solid #004a5a;
  /* submenu indent color */
}
nav.micromenu ul.nav-prime ul li {
  background: #004a5a;
  /* submenu background color */
}
nav.micromenu ul.nav-prime ul li a {
  line-height: 45px;
  font-size: .9em;
}
nav.micromenu ul.nav-prime li:hover > a,
nav.micromenu ul.nav-prime ul :hover > a {
  color: #2da245;
}
.no-js nav.micromenu ul.nav-prime li:hover > ul {
  display: block;
  list-style: none;
}
nav.micromenu ul.nav-prime li.current_page_item > a,
nav.micromenu ul.nav-prime li.current-menu-ancestor > a,
nav.micromenu ul.nav-prime li.current-menu-item > a,
nav.micromenu ul.nav-prime li.current-menu-parent > a {
  color: #2da245;
}
* html nav.micromenu ul.nav-prime li.current_page_item a,
* html nav.micromenu ul.nav-prime li.current-menu-ancestor a,
* html nav.micromenu ul.nav-prime li.current-menu-item a,
* html nav.micromenu ul.nav-prime li.current-menu-parent a,
* html nav.micromenu ul.nav-prime li a:hover {
  color: #2da245;
}
/* MACROMENU ONLY STYLES */
nav.macromenu {
  /* Menu shown own screens, decided by breakpoint. Inherits micromenu styles */
}
nav.macromenu ul.nav-prime {
  margin-left: -10px;
  padding: 0;
  list-style: none;
  /* left menu items */
  height: auto;
  text-align: left;
}
nav.macromenu ul.nav-prime li {
  display: inline-block;
  float: none;
  text-align: left;
  position: relative;
  /* Remove space after inline-block (remove if not centering */
  margin: 0 -4px 0 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
nav.macromenu ul.nav-prime a {
  /*padding:0 10px;*/
  /* commented so pagging and linehight changes on mobile can pass to here */
}
nav.macromenu ul.nav-prime ul {
  top: 55px;
  background: #004a5a;
  -webkit-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.125);
  -moz-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.125);
  box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.125);
}
nav.macromenu ul.nav-prime ul li {
  background: #004a5a;
  /* submenu background color */
}
nav.macromenu ul.nav-prime li:hover > a,
nav.macromenu ul.nav-prime ul :hover > a {
  color: #2da245;
}
.no-js nav.macromenu ul.nav-prime li:hover > ul {
  display: block;
  list-style: none;
}
nav.macromenu ul.nav-prime li.current_page_item > a,
nav.macromenu ul.nav-prime li.current-menu-ancestor > a,
nav.macromenu ul.nav-prime li.current-menu-item > a,
nav.macromenu ul.nav-prime li.current-menu-parent > a {
  color: #2da245;
}
* html nav.macromenu ul.nav-prime li.current_page_item a,
* html nav.macromenu ul.nav-prime li.current-menu-ancestor a,
* html nav.macromenu ul.nav-prime li.current-menu-item a,
* html nav.macromenu ul.nav-prime li.current-menu-parent a,
* html nav.macromenu ul.nav-prime li a:hover {
  color: #2da245;
}
nav.macromenu ul.nav-prime ul li:hover > a {
  color: #2da245;
}
nav.macromenu ul.nav-prime ul li.current_page_item > a,
nav.macromenu ul.nav-prime ul li.current-menu-ancestor > a,
nav.macromenu ul.nav-prime ul li.current-menu-item > a,
nav.macromenu ul.nav-prime ul li.current-menu-parent > a {
  color: #2da245;
}
* html nav.macromenu ul.nav-prime ul li.current_page_item a,
* html nav.macromenu ul.nav-prime ul li.current-menu-ancestor a,
* html nav.macromenu ul.nav-prime ul li.current-menu-item a,
* html nav.macromenu ul.nav-prime ul li.current-menu-parent a,
* html nav.macromenu ul.nav-prime ul li a:hover {
  color: #2da245;
}
/* used only in big */
ul.appointments-wrapper-macro li a.appointment-button {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  min-height: 55px;
  padding: 0.75em;
  font-size: 1.2em;
  display: block;
  text-align: center;
}
@media only screen and (min-width: 48em) {
  ul.appointments-wrapper-macro li a.appointment-button {
    font-size: 1em;
  }
}
ul.appointments-wrapper-macro li a.appointment-button.appointments {
  background-color: #ff6666;
}
ul.appointments-wrapper-macro li a.appointment-button:hover {
  background-color: #456374;
}
/* used only in mobile*/
.appointments-wrapper {
  background: #ffffff;
}
nav.appointments a.appointment-button {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  min-height: 55px;
  padding: 0.75em;
  font-size: 1.2em;
}
@media only screen and (min-width: 48em) {
  nav.appointments a.appointment-button {
    font-size: 1em;
  }
}
nav.appointments a.appointment-button.appointments {
  background-color: #ff6666;
}
nav.appointments a.appointment-button:hover {
  background-color: #456374;
}
section.page-banner {
  position: relative;
}
section.page-banner:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.1) url(../images/subtle_dots.png) 0 0 repeat;
}
/* ---------------------------------------- */
/*	3.0 Footer Styles
/* ---------------------------------------- */
.webpage > footer.main-footer {
  background: #004a5a;
}
footer.main-footer nav {
  padding: 10px;
}
footer.main-footer nav ul {
  list-style: none;
  margin: 0;
  text-align: center;
}
footer.main-footer nav ul li {
  display: inline;
  padding: 0 5px;
}
footer.main-footer nav ul li a {
  color: #ffffff !important;
  text-decoration: none;
}
footer.main-footer nav ul li a:hover {
  color: #ff6666 !important;
  text-decoration: none;
}
section.map-area-footer div.contact-area div.contact > div {
  margin: 0.5em 0;
  font-size: 16px;
  font-weight: 300;
}
section.map-area-footer div.contact-area div.contact a {
  color: #ffffff;
}
section.map-area-footer div.contact-area div.contact a:hover i {
  color: #ff6666;
}
section.map-area-footer div.contact-area div.contact div.opening {
  color: #ffffff;
}
section.map-area-footer div.contact-area div.contact div.address {
  color: #ffffff;
}
section.map-area-footer div.contact-area div.contact div.phone {
  color: #ffffff;
}
section.map-area-footer div.contact-area div.contact div.social {
  color: #ffffff;
}
footer.main-footer div#copyright {
  text-align: center;
  color: #ffffff;
  font-weight: 300;
}
footer.main-footer div#waqa {
  opacity: 0.02;
}
footer.main-footer div#waqa img {
  max-width: 75%;
}
/* ---------------------------------------- */
/*	4.0 Search Form Styles
/* ---------------------------------------- */
.searchbox #searchbox-wrapper input.search-submit {
  padding: 6px 1em;
  font-family: 'FontAwesome';
  color: #444;
  border: none;
  box-shadow: none;
  background: none;
}
.searchbox #searchbox-wrapper input.search-submit:hover {
  color: #ff6666;
}
/* ---------------------------------------- */
/*	5.0 Basic forms and button styles
/* ---------------------------------------- */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="url"] {
  max-width: 100%;
  margin: 0;
  position: relative;
  overflow: visible;
  padding: 0.75em 10px;
  text-decoration: none;
  /*	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;*/
  left: auto;
  color: #939598;
  border: none;
  background: #ffffff;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);
}
select {
  max-width: 100%;
  margin: 0;
  position: relative;
  overflow: visible;
  padding: 0;
  text-decoration: none;
  /*	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;*/
  min-width: 100%;
  left: auto;
  color: #939598;
  border: none;
  background: #ffffff;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);
}
.select2-focusser {
  display: none;
}
textarea {
  max-width: 100%;
  margin: 0;
  position: relative;
  overflow: visible;
  padding: 0.75em 10px;
  text-decoration: none;
  /*	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;*/
  left: auto;
  color: #939598;
  border: none;
  background: #ffffff;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
.button.alt {
  white-space: nowrap;
  display: inline-block;
  /*margin: 0 0 0.5em 0;*/
  cursor: pointer;
  position: relative;
  overflow: visible;
  padding: .5em 1.25em;
  text-decoration: none;
  /*	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;*/
  left: auto;
  color: #456374;
  border: 2px solid #009577;
  background: none;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
button.secondary-button,
input[type="button"].secondary-button,
input[type="reset"].secondary-button,
input[type="submit"].secondary-button,
a.button.secondary-button {
  font-size: 0.9em;
}
button.call-out-button,
input[type="button"].call-out-button,
input[type="reset"].call-out-button,
input[type="submit"].call-out-button,
a.button.call-out-button {
  font-size: 1.6em;
  padding: 0.5em 1.2em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover {
  background: none !important;
  color: #5aba47;
  border: 2px solid #5aba47;
}
/* Contact Form 7 Styles*/
div.wpcf7-response-output {
  padding: 1em;
}
div.wpcf7-validation-errors {
  background-color: #D41E1E;
  color: #ffffff;
}
div.wpcf7-mail-sent-ok {
  background-color: #5C9605;
  color: #ffffff;
}
.wpcf7-display-none {
  display: none;
}
.wpcf7-form-control-wrap input[type=text],
.wpcf7-form-control-wrap input[type=email],
.wpcf7-form-control-wrap textarea {
  box-shadow: none;
  display: block;
  width: 100%;
  border: none;
  background: whitesmoke;
  outline: none;
}
span.wpcf7-not-valid-tip {
  display: block;
  background: #D41E1E;
  color: #ffffff;
  padding: .5em;
  font-size: .8em;
}
.wpcf7-form-control.wpcf7-submit {
  background: #444;
  color: #ffffff;
  box-shadow: none;
  text-shadow: none;
  border: none;
  padding: .7em;
}
.wpcf7-form-control.wpcf7-submit:hover {
  background: #333;
}
.wpcf7-form-control.wpcf7-submit:active {
  box-shadow: 1px 0 25px #111 inset;
}
/* -------------------------------------------------- */
/*	Optin Forms - copy & paste to other breakpoints   */
/* -------------------------------------------------- */
.optin-wrapper {
  padding: 0.25em 0;
}
.optin-form {
  text-align: center;
}
/* Standard MailChimp */
.optin-form .mc-field-group {
  display: inline-block;
  padding: 0.25em 0;
}
#optin-header {
  text-align: center;
}
#optin-shortcode {
  padding: 0.5em 0.25em;
  margin: 1em 0;
}
#optin-blog {
  padding: 0.5em 0.25em;
  margin: 1em 0;
}
#optin-popover {
  max-width: 500px;
  min-height: 500px;
  background: #ffffff;
  border: 5px solid black;
  position: relative;
  margin: 0 auto;
}
/* ---------------------------------------- */
/*	6.0 Shortcode styles
/* ---------------------------------------- */
.entry img.circled,
#tinymce.content img.circled {
  border-radius: 50%;
}
.entry div.circled img {
  border-radius: 50%;
}
.infobox {
  background: #fbfbfb;
  border: 1px solid #efefef;
  margin: 0 0 20px;
  padding: 1em;
}
hr.dotted {
  border-top: 1px dotted #efefef !important;
}
.tabs-nav li a {
  background: #fbfbfb;
  border: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  border-left: none;
  color: #444;
  padding: 0.5em 0.5em;
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
}
.tabs-nav li:first-child a {
  border-left: 1px solid #efefef;
}
.tabs-nav li a:hover,
.tabs-nav li.active a {
  color: #939598;
}
.tabs-nav li.active a {
  background: #ffffff;
  border-bottom: 2px solid #ffffff;
  border-top: 1px solid #004a5a;
}
.tabs-container {
  border: 1px solid #efefef;
}
.accordion {
  margin-bottom: 1em;
}
.accordion .title {
  padding: 1px 0;
}
.accordion .title a {
  background: #009577;
  padding: 16px 46px 16px 16px;
  display: block;
  color: #ffffff;
  position: relative;
}
.accordion .title a:hover {
  background: #5aba47;
  color: #ffffff;
}
.accordion .title.active a {
  background: #5aba47;
}
.accordion .title span {
  position: absolute;
  top: 0;
  right: 16px;
  font-weight: 100;
  font-size: 2.1em;
}
.accordion .inner {
  padding: 16px;
}
.toggle {
  margin-bottom: 1em;
  cursor: pointer;
}
.toggle .title {
  background: #009577;
  padding: 16px 46px 16px 16px;
  display: block;
  color: #ffffff;
  position: relative;
}
.toggle .title:hover {
  background: #5aba47;
  color: #ffffff;
}
.toggle .title.active {
  background: #5aba47;
}
.toggle .title span {
  position: absolute;
  top: 0;
  right: 16px;
  font-weight: 100;
  font-size: 2.1em;
}
.toggle .inner {
  display: none;
  padding: 16px;
}
section.practitioner-list {
  margin: 1em 0;
}
section.single-practitioner {
  margin: 1em 0;
}
blockquote.practitioner {
  background: #f1efe8;
}
blockquote.practitioner div.practitioner-image img {
  display: block;
}
blockquote.practitioner div.practitioner-text {
  margin: 0.5em 0 0 0;
  padding: 0 1em;
}
blockquote.practitioner div.practitioner-text cite {
  margin: 0.5em 0 0 0;
  font-weight: 300;
}
blockquote.practitioner div.practitioner-text p.practitioner-owner {
  margin: 0 0 0.5em 0;
  font-weight: bold;
}
blockquote.practitioner div.practitioner-text p.practitioner-owner .practitioner-jobtitle {
  font-size: 85%;
  margin: 0 0 0.5em 0;
  font-weight: normal;
}
blockquote.practitioner div.practitioner-text p.practitioner-owner .practitioner-company {
  font-size: 85%;
  margin: 0 0 0.5em 0;
  font-weight: normal;
}
blockquote.practitioner a div.practitioner-text {
  color: #939598;
}
blockquote.practitioner a:hover div.practitioner-text {
  color: #939598;
}
blockquote.practitioner a.button {
  text-align: center;
  display: inline-block;
}
blockquote.practitioner a.button i {
  vertical-align: middle;
}
.single-practitioner .data {
  background: #f1efe8;
}
.single-practitioner .data div.practitioner-image img {
  max-width: 100%;
  height: auto;
}
/* ---------------------------------------- */
/*	7.0 Widgets
/* ---------------------------------------- */
.widget h3 {
  margin-bottom: 0;
}
/* Widget Titles */
.widget ul {
  margin-top: 0;
}
.widget img {
  max-width: 100%;
}
.widget.widget_nav_menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget.widget_nav_menu li a {
  width: 100%;
  background: #004a5a;
  color: #ffffff;
  display: block;
  padding: 10px 20px;
}
.widget.widget_nav_menu li a:hover {
  background: #456374;
}
/* ---------------------------------------- */
/*	8.0 404
/* ---------------------------------------- */
.entry.not-found {
  text-align: center;
}
.entry.not-found img {
  max-width: 100%;
  width: 265px;
  height: auto;
}
.entry.not-found h2 {
  text-align: center;
  font-size: 3em;
  text-transform: uppercase;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1.2;
  margin: 0;
}
.entry.not-found h3 {
  font-size: 1.5em;
  line-height: 1;
  text-transform: uppercase;
  font-family: Helvetica, Arial, sans-serif;
  margin: 0;
}
/* ---------------------------------------- */
/*	9.0 Parallax Effect
/* ---------------------------------------- */
.parallax {
  background-position: 50% 0;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.parallax-on {
  background-attachment: fixed;
}
/* ---------------------------------------- */
/*	10.0 Slider
/* ---------------------------------------- */
/* Common */
.slick-slide {
  padding: 0;
  /* for the */
}
.slick-prev,
.slick-next {
  font-size: inherit;
  background: transparent;
  color: #ffffff;
  box-shadow: none;
  font-size: 2em;
  opacity: 0.3;
}
.slick-prev:hover,
.slick-next:hover {
  background: transparent !important;
  color: #939598;
  opacity: 1;
}
.slide-text {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  bottom: 0;
  padding: 1em 1em;
  width: 100%;
}
/* Slider */
.inti-slider .slick-slide {
  padding: 0;
}
.inti-slider .slick-prev,
.inti-slider .slick-next {
  font-size: inherit;
  background: transparent;
  color: #ffffff;
  box-shadow: none;
  font-size: 2em;
  opacity: 0.3;
}
.inti-slider .slick-prev:hover,
.inti-slider .slick-next:hover {
  background: transparent !important;
  color: #ffffff;
  opacity: 1;
  border: 0;
}
.inti-slider .slide-text {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  bottom: 0;
  padding: 1em 1em;
}
/* Carousel */
.inti-carousel .slick-slide {
  padding: 0 0.125em;
}
.inti-carousel .slick-prev,
.inti-carousel .slick-next {
  color: #aaa;
  box-shadow: none;
  font-size: 2em;
  /*opacity: 1 !important;*/
}
.inti-carousel .slick-prev:hover,
.inti-carousel .slick-next:hover {
  background: none !important;
  color: #939598;
  border: 0;
}
.inti-carousel .slide-text {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  bottom: 0;
  padding: 0.25em 0.5%;
}
/* ---------------------------------------- */
/*	10 - WooCommerce
/* ---------------------------------------- */
div#content.product-index .woocommerce-pagination ul.page-numbers li span.current {
  padding: 0.1em 0;
  display: inline-block;
  width: 1.75em;
  text-align: center;
  margin: 0 0.15em;
}
div#content.product-index .woocommerce-pagination ul.page-numbers li a {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  padding: 0.1em 0;
  width: 1.75em;
  text-align: center;
  margin: 0 0.15em;
  display: inline-block;
  background: #f5f5f5;
}
/* ---------------------------------------- */
/*	11. PageNavi
/* ---------------------------------------- */
.wp-pagenavi {
  text-shadow: 1px 1px 1px #ffffff;
  font-weight: 700;
  float: right;
}
.wp-pagenavi a {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.wp-pagenavi span.pages {
  padding: 0.2em 0.5em;
  font-weight: 400;
}
.wp-pagenavi span.current {
  padding: 0.2em 0.4em;
  margin: 0 0.15em;
}
.wp-pagenavi a.page {
  padding: 0.2em 0.4em;
  margin: 0 0.15em;
}
.wp-pagenavi a.nextpostslink {
  padding: 0.2em 0.4em;
  margin: 0 0.15em;
}
.wp-pagenavi a.previouspostslink {
  padding: 0.2em 0.4em;
  margin: 0 0.15em;
}
/* Styles for Scroll Trigger Boxes */
html,
body {
  min-height: 100%;
  height: auto;
}
.stb-center-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  text-align: center;
  z-index: 999999;
  line-height: 0;
}
.stb-center-container .stb {
  display: inline-block;
  text-align: left;
  position: relative;
}
.stb {
  position: fixed;
  z-index: 999999;
  -webkit-box-shadow: 0 0 10px 1px #333;
  -moz-box-shadow: 0 0 10px 1px #333;
  box-shadow: 0 0 10px 1px #333;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: white;
  /* reset line-height because of container line-height hack */
  line-height: initial;
  padding: 0;
  border: 3px solid #009577 !important;
  border-style: solid !important;
  border-color: #009577 !important;
}
.stb-title {
  background: #009577 !important;
}
.stb-title h2 {
  margin: 0 25px;
  color: #fff;
  line-height: 1.6;
}
.stb-content {
  padding: 25px;
}
.stb.stb-top-left {
  top: 0;
  left: 0;
  bottom: auto;
  right: auto;
}
.stb.stb-top-right {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
.stb.stb-bottom-left {
  bottom: 0;
  left: 0;
  top: auto;
  right: auto;
}
.stb.stb-bottom-right {
  bottom: 0;
  right: 0;
  top: auto;
  left: auto;
}
/* remove top & bottom margin from last child element */
.stb-content > *:first-child {
  margin-top: 0;
  padding-top: 0;
}
.stb-content > *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.stb-close {
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  padding: 6px;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  font-size: 36px;
  font-weight: bold;
  line-height: 20px;
  color: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}
.stb-close:hover,
.stb-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .8;
  filter: alpha(opacity=80);
}
#stb-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.65);
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: none;
  top: 0;
  left: 0;
}
body {
  -webkit-animation: fadein 2s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 2s;
  /* Firefox < 16 */
  -ms-animation: fadein 2s;
  /* Internet Explorer */
  -o-animation: fadein 2s;
  /* Opera < 12.1 */
  animation: fadein 2s;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*# sourceMappingURL=base.css.map */