/*
Theme Name:     Sanatio Naturopathy Theme
Theme URI:      www.sanatio.com.au/
Description:    Sanatio Naturopathy Wordpress Theme
Author:         Wade Ingold – Eureka Creative
Developer:      Wade Ingold – Eureka Creative
Author URL:     
Template:       twentysixteen
Version:        0.1.0
*/

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/**
 * Set up a decent box model on the root element
 */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 87.5%;
  height: 100%;
  background: #FFF; }

html,
button,
input,
select,
textarea {
  color: #151d29; }

/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

body {
  background: #FFF;
  text-align: center;
  margin: 0;
  padding: 0;
  min-height: 100%;
  font-weight: 400;
  border: thick none #FFF;
  color: #363a36;
  color: #363a36;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #e1f4fb;
  text-shadow: none;
  color: #151d29; }

::selection {
  background: #e1f4fb;
  text-shadow: none;
  color: #151d29; }

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  height: auto;
  vertical-align: middle;
  max-width: 100%; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

main {
  display: block; }

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important; }

html {
  -webkit-transition: background-color 1s;
  transition: background-color 1s; }

html, body {
  /* For the loading indicator to be vertically centered ensure */
  /* the html and body elements take up the full viewport */
  min-height: 100%; }

html.loading {
  /* Replace #333 with the background-color of your choice */
  /* Replace loading.gif with the loading image of your choice */
  background: #333 url("loading.gif") no-repeat 50% 50%;
  /* Ensures that the transition only runs in one direction */
  -webkit-transition: background-color 0;
  transition: background-color 0; }

body {
  -webkit-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in; }

html.loading body {
  /* Make the contents of the body opaque during loading */
  opacity: 0;
  /* Ensures that the transition only runs in one direction */
  -webkit-transition: opacity 0;
  transition: opacity 0; }

body:not(.custom-background-image)::before,
body:not(.custom-background-image)::after {
  height: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

.map-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0; }
  .map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    margin-bottom: 0; }

/**
 * Basic typography style for copy text
 */
body {
  color: #202529;
  font: normal 125%/1.4 "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

/***** GENERAL STYLING ****/
h1, h2, h3, h4, h5, h6 {
  letter-spacing: 0.02em;
  line-height: 1.4;
  color: #474b4f; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
  color: #474b4f; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  text-decoration: none; }

h1 {
  font-size: 36px;
  font-size: 2.571428571428571rem;
  letter-spacing: 0.01em;
  padding: 0;
  margin: 36px 0 18px 0;
  display: inline-block; }

.home h1,
#wrapper .entry-content h1 {
  font-size: 34px;
  font-size: 2.428571428571429rem;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  font-weight: 400; }

h2,
#wrapper .entry-content h2 {
  font-size: 36px;
  font-size: 2.571428571428571rem;
  letter-spacing: 0.01em;
  padding: 0;
  margin: 0 0 18px 0;
  font-weight: 700;
  color: #474b4f; }

.home h2 {
  font-size: 50px;
  font-size: 3.571428571428571rem;
  letter-spacing: 0.04em;
  padding: 0;
  margin: 0 0 36px 0;
  font-style: italic;
  font-weight: 700;
  color: #474b4f; }

h3,
#wrapper .entry-content h3 {
  font-size: 24px;
  font-size: 1.714285714285714rem;
  letter-spacing: 0.04em;
  padding: 0;
  margin: 36px 0 18px 0;
  color: #474b4f; }

h4,
#wrapper .entry-content h4 {
  font-size: 21px;
  font-size: 1.5rem;
  letter-spacing: 0.02em;
  font-weight: 300;
  padding: 0;
  margin: 36px 0 18px 0; }

h5,
#wrapper .entry-content h5 {
  font-size: 18px;
  font-size: 1.285714285714286rem;
  letter-spacing: 0.01em;
  letter-spacing: 0.04em;
  margin: 2em 0 1em 0; }

#wrapper .entry-content h5 {
  padding: 0; }

h6,
#wrapper .entry-content h6 {
  font-size: 16px;
  font-size: 1.142857142857143rem;
  letter-spacing: 0.04em;
  padding: 0;
  margin-top: 12px; }

p {
  font-size: 16px;
  font-size: 1.142857142857143rem;
  letter-spacing: 0.01em;
  line-height: 1.5;
  font-weight: 400;
  padding: 0;
  margin: 0 0 1em 0; }

p.smaller {
  font-size: 11px;
  font-size: 0.785714285714286rem;
  letter-spacing: 0.01em; }

p img {
  margin: 0; }

em, i {
  font-style: italic; }

strong, b {
  font-weight: 800; }

main {
  display: block; }

blockquote, blockquote p {
  color: #202529;
  letter-spacing: 0.5px;
  font-size: 24px;
  font-size: 1.714285714285714rem;
  line-height: 1.4;
  margin: 36px 0 24px 0;
  font-weight: 300;
  border-left: 1px none #FFF; }

blockquote {
  margin: 0 0 20px;
  padding: 0; }
  blockquote cite {
    display: block;
    font-size: 0.923em;
    color: #e64f29; }
    blockquote cite:before {
      content: "\2014 \0020"; }
    blockquote cite a, blockquote cite a:visited {
      color: #fec833; }

#wrapper .entry-content blockquote:not(.alignleft):not(.alignright),
#wrapper .entry-summary blockquote,
#wrapper .comment-content blockquote {
  margin-left: 0;
  max-width: 980px;
  margin: 0 auto;
  padding-bottom: 0.8em; }

abbr[title] {
  border-bottom: 1px dotted; }

dfn {
  font-style: italic; }

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

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

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

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

small {
  font-size: 85%; }

sub, sup {
  font-size: 50%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.7em;
  padding-left: 0.15em; }

sub {
  bottom: -0.25em; }

ul, ol {
  margin: 1em 0 20px 0; }

ul {
  list-style: none; }

.two-cols ul, .two-cols ol,
.entry-content ul, .entry-content ol {
  margin: 1em 0 20px 2em; }

.main_content ol li {
  list-style: outside numeric; }

li {
  font-size: 16px;
  font-size: 1.142857142857143rem;
  letter-spacing: 0.01em;
  line-height: 1.5;
  font-weight: 400;
  padding: 0;
  margin: 0 0 0.1em 0;
  list-style: circle outside; }

.entry-content ul,
.column-full ul {
  margin-left: 12px; }
  .entry-content ul li,
  .column-full ul li {
    list-style: circle outside; }

.entry-content ol,
.column-full ol {
  margin-left: 12px;
  padding-left: 2em; }
  .entry-content ol li,
  .column-full ol li {
    list-style: number outside; }

dt {
  margin: 20px 0 0 0;
  font-weight: bold; }

dd {
  margin-bottom: 12px; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0; }

/**
 * Basic styles for links
 */
a {
  color: #474b4f;
  text-decoration: none;
  outline: none;
  font-weight: 400;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-bottom: 2px solid #fec833;
  font-weight: 600;
  -webkit-transition: 0.4s all ease;
  transition: 0.4s all ease; }
  a:hover, a:active, a:focus {
    color: #474b4f;
    text-decoration: none;
    outline: 0;
    border-bottom: 2px solid #FFF; }

.image a {
  border-bottom: 2px none #FFF; }

strong a {
  font-weight: 800; }

p a, p a:visited {
  line-height: inherit; }

.intro-para p {
  font-size: 24px;
  font-size: 1.714285714285714rem;
  letter-spacing: 0.04em;
  letter-spacing: 0.01em; }

/* ===== Images and media ===== */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
  max-width: 100%; }

figure {
  margin: 0; }

figcaption {
  margin: 0;
  font-size: 0.946em;
  font-style: italic;
  letter-spacing: 0.5px;
  margin: 0;
  padding: 12px 0 24px; }

figure.photo {
  margin-bottom: 20px; }

figure.photo.left {
  margin: 0 20px 20px 0;
  float: left; }

figure.photo.right {
  margin: 0 0 20px 20px;
  float: right; }

figure.photo figcaption {
  border-bottom: 1px solid #DDD;
  background-color: #F5F5F5; }

/* ===== Forms ===== */
form {
  margin: 0 0 20px 0; }

fieldset {
  border: 0;
  margin: 0 0 20px 0;
  padding: 0; }

input[type="text"], input[type="password"], input[type="email"], textarea, select {
  border: 1px solid #ccc;
  padding: 8px;
  outline: none;
  border-radius: 0;
  font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica Neue", Helvetica, 'Lato', Arial, "Lucida Grande", sans-serif;
  color: #000;
  margin: 0;
  width: 192px;
  max-width: 100%;
  display: block;
  background: #fff; }

select {
  padding: 0; }

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
  border: 1px solid #aaa;
  color: #444;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }

textarea {
  min-height: 60px; }

label {
  cursor: pointer; }

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal; }

label, legend {
  display: block;
  font-weight: 500;
  font-size: 15px; }

select {
  width: 220px; }

input[type="checkbox"] {
  display: inline; }

label span, legend span {
  font-weight: normal;
  font-size: 13px;
  color: #444; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button, input {
  line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible; }

button[disabled], input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px; }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

input:invalid, textarea:invalid {
  background-color: #f0dddd; }

/* ===== Tables ===== */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td {
  vertical-align: top; }

/**
 * Clear inner floats
 */
.clearfix::after {
  clear: both;
  content: '';
  display: table; }

/**
 * Main content containers
 * 1. Make the container full-width with a maximum width
 * 2. Center it in the viewport
 * 3. Leave some space on the edges, especially valuable on small screens
 */
/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
.hide-text {
  overflow: hidden;
  padding: 0;
  /* 1 */
  text-indent: 101%;
  white-space: nowrap; }

/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.edit-link {
  display: none; }

.wow {
  visibility: hidden; }

#wrapper .uppercase {
  font-size: 18px;
  font-size: 1.285714285714286rem;
  padding: 18px 60px 16px 60px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em; }

#wrapper .center {
  text-align: center; }

.two-col {
  max-width: 880px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 36px;
  padding-bottom: 0; }

.border-top {
  border-top: 3px solid whitesmoke; }

.light-grey {
  color: whitesmoke; }

.small {
  font-size: 13px;
  font-size: 0.928571428571429rem; }

.blue-bg {
  background: #bfe3d3; }

.centered {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center; }

a.breadcrumb {
  color: #8a8a8a;
  font-size: 12px;
  font-size: 0.85714285714286rem;
  letter-spacing: 0.02em;
  padding-bottom: 36px;
  font-style: italic;
  font-weight: 400;
  display: block; }
  a.breadcrumb:hover {
    color: #6bc047; }

.sub-main .intro {
  padding-bottom: 0; }

.sub-main .two-cols {
  padding-top: 30px; }

/* === Parallax Area  === */
.module.content {
  padding: 40px 0; }

.module.parallax {
  height: 660px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  margin-top: -163px; }
  .module.parallax .container {
    max-width: 960px;
    margin: 0 auto;
    height: 660px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .module.parallax .container h4 {
      font-size: 60px;
      font-size: 4.285714285714286rem;
      font-family: "futura-pt-bold",sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      line-height: 1.1;
      color: white;
      color: rgba(255, 255, 255, 0.55);
      border-bottom: 1px none #FFF;
      margin-top: 0; }

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

.module.parallax-1 {
  background-image: url("images/parallax/01.jpg"); }

.module.parallax-2 {
  background-image: url("images/parallax/02.jpg"); }

.google-maps {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden; }

.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important; }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }
  .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

#wrapper .entry-content a, #wrapper .entry-summary a, #wrapper .taxonomy-description a, #wrapper .logged-in-as a, #wrapper .comment-content a, #wrapper .pingback .comment-body > a, #wrapper .textwidget a, #wrapper .entry-footer a:hover, #wrapper .site-info a:hover {
  -webkit-box-shadow: 0 0 0 0 currentColor;
          box-shadow: 0 0 0 0 currentColor; }

#wrapper .banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

#wrapper .entry-content {
  padding: 0;
  margin: 0; }
  #wrapper .entry-content img {
    margin: 0;
    padding: 1.5em 0; }

#wrapper .two-cols {
  padding: 4em 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 5.142857142857142rem;
  text-align: left; }
  #wrapper .two-cols img {
    margin: 0;
    padding: 0 0 1.5em 0; }
  #wrapper .two-cols h4 {
    letter-spacing: 0.08em;
    text-transform: uppercase; }
    #wrapper .two-cols h4:first-child {
      margin: 0 0 1em 0; }

#wrapper .one-col {
  padding: 4em 0;
  text-align: center;
  max-width: 710px;
  margin: 0 auto; }

#wrapper .blog-page {
  display: grid;
  grid-template-columns: 5fr 1fr;
  grid-gap: 5.142857142857143rem;
  padding-top: 6em; }
  #wrapper .blog-page #primary,
  #wrapper .blog-page #secondary {
    float: none;
    padding: 0;
    margin: 0;
    width: auto;
    text-align: left; }
    #wrapper .blog-page #primary .thumbnail-image,
    #wrapper .blog-page #secondary .thumbnail-image {
      padding-bottom: 2em; }
    #wrapper .blog-page #primary h2,
    #wrapper .blog-page #secondary h2 {
      font-size: 24px;
      font-size: 1.714285714285714rem;
      letter-spacing: 0.04em;
      padding: 0;
      margin: 0 0 1em 0;
      text-transform: inherit;
      border-bottom: 2px none #000;
      font-weight: 600;
      color: #474b4f;
      letter-spacing: 0.04em; }
      #wrapper .blog-page #primary h2 a,
      #wrapper .blog-page #secondary h2 a {
        border-bottom: 2px solid #FFF; }
        #wrapper .blog-page #primary h2 a:hover, #wrapper .blog-page #primary h2 a:active, #wrapper .blog-page #primary h2 a:focus,
        #wrapper .blog-page #secondary h2 a:hover,
        #wrapper .blog-page #secondary h2 a:active,
        #wrapper .blog-page #secondary h2 a:focus {
          -webkit-box-shadow: 0 0 0 0;
                  box-shadow: 0 0 0 0;
          border-bottom: 2px solid #fec833; }
    #wrapper .blog-page #primary h3,
    #wrapper .blog-page #secondary h3 {
      font-weight: 300;
      color: #474b4f;
      letter-spacing: 0.04em; }
    #wrapper .blog-page #primary .site-main,
    #wrapper .blog-page #secondary .site-main {
      margin-bottom: 7em;
      display: grid;
      grid-template-columns: 1fr;
      grid-gap: 5.142857142857143rem; }
      #wrapper .blog-page #primary .site-main .page-header,
      #wrapper .blog-page #secondary .site-main .page-header {
        grid-column: 1/3;
        padding: 0;
        margin: 0;
        border-top: 1px none #FFF; }
        #wrapper .blog-page #primary .site-main .page-header h1, #wrapper .blog-page #primary .site-main .page-header .page-title,
        #wrapper .blog-page #secondary .site-main .page-header h1,
        #wrapper .blog-page #secondary .site-main .page-header .page-title {
          font-size: 36px;
          font-size: 2.571428571428571rem;
          letter-spacing: 0.01em;
          padding: 0 0 2em 0;
          margin: 0;
          display: inline-block;
          font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
      #wrapper .blog-page #primary .site-main > article,
      #wrapper .blog-page #secondary .site-main > article {
        margin-bottom: 0;
        border-bottom: 2px solid whitesmoke;
        padding-bottom: 3em; }
    #wrapper .blog-page #primary .pagination,
    #wrapper .blog-page #secondary .pagination {
      border-top: 4px solid whitesmoke; }
    #wrapper .blog-page #primary .pagination .prev:hover, #wrapper .blog-page #primary .pagination .prev:focus, #wrapper .blog-page #primary .pagination .next:hover, #wrapper .blog-page #primary .pagination .next:focus,
    #wrapper .blog-page #secondary .pagination .prev:hover,
    #wrapper .blog-page #secondary .pagination .prev:focus,
    #wrapper .blog-page #secondary .pagination .next:hover,
    #wrapper .blog-page #secondary .pagination .next:focus {
      background-color: #fec833;
      color: #474b4f; }
    #wrapper .blog-page #primary .site-main.single-post,
    #wrapper .blog-page #secondary .site-main.single-post {
      grid-template-columns: 1fr; }
      #wrapper .blog-page #primary .site-main.single-post h1, #wrapper .blog-page #primary .site-main.single-post .page-title,
      #wrapper .blog-page #secondary .site-main.single-post h1,
      #wrapper .blog-page #secondary .site-main.single-post .page-title {
        font-size: 36px;
        font-size: 2.571428571428571rem;
        letter-spacing: 0.01em;
        padding: 0 0 2em 0;
        margin: 0;
        display: inline-block;
        font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    #wrapper .blog-page #primary .entry-content,
    #wrapper .blog-page #secondary .entry-content {
      width: 100%;
      float: none; }
      #wrapper .blog-page #primary .entry-content ul,
      #wrapper .blog-page #secondary .entry-content ul {
        padding-left: 2em; }
    #wrapper .blog-page #primary h2,
    #wrapper .blog-page #secondary h2 {
      font-style: normal; }
    #wrapper .blog-page #primary a.read-more,
    #wrapper .blog-page #secondary a.read-more {
      color: #474b4f;
      border-bottom: 2px solid #FFF;
      text-decoration: none;
      -webkit-box-shadow: 0 0 0 0;
              box-shadow: 0 0 0 0; }
      #wrapper .blog-page #primary a.read-more:hover, #wrapper .blog-page #primary a.read-more:active, #wrapper .blog-page #primary a.read-more:focus,
      #wrapper .blog-page #secondary a.read-more:hover,
      #wrapper .blog-page #secondary a.read-more:active,
      #wrapper .blog-page #secondary a.read-more:focus {
        -webkit-box-shadow: 0 0 0 0;
                box-shadow: 0 0 0 0;
        border-bottom: 2px solid #fec833; }
  #wrapper .blog-page #secondary h2 {
    font-size: 16px;
    font-size: 1.142857142857143rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    letter-spacing: 0.08em; }
  #wrapper .blog-page #secondary li {
    font-size: 15px;
    font-size: 1.071428571428571rem;
    letter-spacing: 0.01em;
    margin: 0 0 0.1em 18px; }
    #wrapper .blog-page #secondary li a {
      color: #474b4f;
      border-bottom: 2px solid #FFF; }
      #wrapper .blog-page #secondary li a:hover, #wrapper .blog-page #secondary li a:active, #wrapper .blog-page #secondary li a:focus {
        border-bottom: 2px solid #fec833; }
  #wrapper .blog-page #secondary .widget {
    border-top: 1px none #FFF;
    margin-bottom: 2em;
    padding-top: 0; }

.page-id-14 #wrapper h4 {
  display: inline-block; }

.page-id-14 #wrapper .image {
  width: 80px;
  display: inline-block;
  padding: 0 1em 0 0; }

.padding {
  padding: 1.285714285714286rem; }

.padding-left-right {
  padding: 0 1.285714285714286rem; }

.max-col-bordered {
  max-width: 1521px;
  margin: 0 auto;
  padding: 1.285714285714286rem;
  position: relative; }
  .max-col-bordered h2 {
    padding-top: 3.928571428571429rem; }
  .max-col-bordered h2.padding-top {
    padding-top: 5.571428571428572rem; }

.max-col {
  max-width: 1485px;
  margin: 0 auto;
  padding: 0;
  position: relative; }
  .max-col .split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2px;
    padding: 24px 0; }
    .max-col .split .split-text {
      display: grid;
      grid-template-rows: 2fr 1fr;
      grid-gap: 0;
      text-align: left;
      padding: 3.428571428571429rem 5.142857142857143rem;
      background: whitesmoke; }
      .max-col .split .split-text div {
        -ms-flex-item-align: start;
            align-self: start; }
        .max-col .split .split-text div h3 {
          margin: 0 0 18px 0; }
      .max-col .split .split-text nav {
        -ms-flex-item-align: end;
            align-self: end; }
  .max-col .content-nav ul {
    width: 100%; }
    .max-col .content-nav ul li {
      padding-right: 1.25rem;
      margin-bottom: 0;
      display: inline-block; }
      .max-col .content-nav ul li a {
        text-transform: uppercase;
        color: #474b4f;
        letter-spacing: 0.08em;
        font-weight: 500; }
        .max-col .content-nav ul li a:hover, .max-col .content-nav ul li a:active, .max-col .content-nav ul li a:focus {
          color: #bfe3d3; }
        .max-col .content-nav ul li a span {
          color: #bfe3d3; }
    .max-col .content-nav ul li.two:first-child:after {
      content: '|';
      color: #b9c0c5;
      padding-left: 1.25rem; }

.grid {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-gap: 2em; }

.four-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1.285714285714286rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center; }
  .four-grid .icon .image {
    max-width: 63px;
    margin: 0 auto; }

.intro-hold {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 3.428571428571429rem 0 4rem 0; }
  .intro-hold .intro {
    width: 100%;
    max-width: 876px;
    margin: 0;
    padding: 2em;
    text-align: center; }
    .intro-hold .intro p {
      font-size: 22px;
      font-size: 1.571428571428571rem;
      line-height: 1.4; }
    .intro-hold .intro .btn {
      margin-top: 4rem; }

.centered {
  background: rgba(255, 255, 255, 0.9);
  padding: 0.4em 4em 2em 4em; }
  .centered div {
    max-width: 820px;
    margin: 0 auto; }
    .centered div p {
      font-size: 22px;
      font-size: 1.571428571428571rem;
      line-height: 1.4; }
    .centered div .btn {
      margin-top: 4rem; }

.break {
  width: 100%;
  max-width: 282px;
  border-bottom: 5px solid #fec833;
  margin: 0 auto 60px auto; }

.navigation.post-navigation {
  display: none; }

.jump_menu li {
  list-style: none; }

.page-jump {
  padding-top: 3em;
  padding-bottom: 4em;
  border-bottom: 2px solid whitesmoke; }

/* === Parallax Area  === */
.module.content {
  padding: 40px 0; }

.module.parallax {
  height: 660px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-image: url("images/parallax/01.jpg");
  margin-top: 0; }
  .module.parallax .container {
    max-width: 960px;
    margin: 0 auto;
    height: 660px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .module.parallax .container > div {
      background: rgba(255, 255, 255, 0.9);
      padding: 0 2em 2em 2em;
      border-radius: 4px; }
      .module.parallax .container > div p {
        font-size: 22px;
        font-size: 1.571428571428571rem;
        line-height: 1.4; }

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

.nf-response-msg p {
  font-size: 21px;
  font-size: 1.5rem;
  font-weight: 700;
  background: #fec833;
  padding: 0.6em; }

/* === Womens Health Parallax Area  === */
.page-id-149 .module.parallax {
  background-image: url("/wp-content/uploads/2018/07/02.jpg"); }

/* === Herbal Medicine Parallax Area  === */
.page-id-131 .module.parallax {
  background-image: url("/wp-content/uploads/2018/07/03.jpg"); }

/* === Anxiety Parallax Area  === */
.page-id-85 .module.parallax, .page-id-143 .module.parallax {
  background-image: url("/wp-content/themes/sanatio-naturopathy/images/parallax/anxiety.jpg"); }

/* === Fatigue Parallax Area  === */
.page-id-147 .module.parallax, .page-id-9 .module.parallax {
  background-image: url("/wp-content/themes/sanatio-naturopathy/images/parallax/fatigue.jpg"); }

/* === Blog Parallax Area  === */
.page-id-145 .module.parallax, .blog .module.parallax {
  background-image: url("/wp-content/themes/sanatio-naturopathy/images/parallax/02.jpg"); }

/* === Gastrointestinal Health Parallax Area  === */
.page-id-88 .module.parallax {
  background-image: url("/wp-content/themes/sanatio-naturopathy/images/parallax/succulent.jpg"); }

/* === Naturopathy Parallax Area  === */
.page-id-129 .module.parallax {
  background-image: url("/wp-content/themes/sanatio-naturopathy/images/parallax/03.jpg"); }

/* === About Sanatio Parallax Area  === */
.page-id-152 .module.parallax {
  background-image: url("/wp-content/themes/sanatio-naturopathy/images/parallax/05.jpg"); }

/* === About Lindsay Parallax Area  === */
.page-id-10 .module.parallax {
  background-image: url("/wp-content/themes/sanatio-naturopathy/images/parallax/03.jpg"); }

/* === Diagnostic Testing Parallax Area  === */
.page-id-133 .module.parallax {
  background-image: url("/wp-content/themes/sanatio-naturopathy/images/parallax/04.jpg"); }

/* === Client Reviews Parallax Area  === */
.page-id-126 .module.parallax {
  background-image: url("/wp-content/themes/sanatio-naturopathy/images/parallax/main-bg.jpg"); }

/* === FAQs Parallax Area  === */
.page-id-137 .module.parallax {
  background-image: url("/wp-content/themes/sanatio-naturopathy/images/parallax/main-bg.jpg"); }

/* === NP Form Parallax Area  === */
.page-id-139 .module.parallax {
  background-image: url("/wp-content/themes/sanatio-naturopathy/images/parallax/main-bg.jpg"); }

/* === Health Fund Rebate Parallax Area  === */
.page-id-162 .module.parallax {
  background-image: url("/wp-content/themes/sanatio-naturopathy/images/parallax/main-bg.jpg"); }

/* === Privacy Policy Parallax Area  === */
.page-id-9 .module.parallax {
  background-image: url("/wp-content/themes/sanatio-naturopathy/images/parallax/main-bg.jpg"); }

/* === Privacy Policy Parallax Area  === */
.page-id-9 .module.parallax {
  background-image: url("/wp-content/themes/sanatio-naturopathy/images/parallax/main-bg.jpg"); }

/* === Contact Parallax Area  === */
.page-id-22 .module.parallax {
  background-image: url("/wp-content/themes/sanatio-naturopathy/images/parallax/main-bg.jpg"); }

/* === Naturopathy Parallax Area  === */
.page-id-129 .module.parallax {
  background-image: url("/wp-content/themes/sanatio-naturopathy/images/parallax/06.jpg"); }

/* === Clinical Nutrition Parallax Area  === */
.page-id-145 .module.parallax {
  background-image: url("/wp-content/themes/sanatio-naturopathy/images/parallax/06.jpg"); }

#wrapper {
  overflow: hidden; }

.header {
  max-width: 1485px;
  width: 100%;
  margin: 0 auto;
  padding: 36px 0 32px 0;
  top: 0;
  min-height: 59px;
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-gap: 0.2em; }
  .header .logo {
    max-width: 192px; }
    .header .logo a {
      border-bottom: 2px none #000; }
  .header .main-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .header .main-nav .header-contact {
      display: grid;
      grid-template-columns: 2fr 1fr;
      text-align: right;
      grid-gap: 0.1em;
      padding-bottom: 2em; }
      .header .main-nav .header-contact div {
        display: grid;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: end; }
        .header .main-nav .header-contact div p {
          margin: 0;
          letter-spacing: 0.04em;
          font-size: 1rem; }
          .header .main-nav .header-contact div p strong {
            color: #ffc834; }
        .header .main-nav .header-contact div .btn {
          margin-bottom: 0;
          padding: 0.25em 3em;
          text-align: center;
          max-width: 160px; }

/* ==========================================================================
   NAVIGATION
   ========================================================================== */
.main-nav {
  margin: 0;
  padding: 0 0 18px 0; }
  .main-nav .btn {
    margin-bottom: 48px; }
  .main-nav ul {
    margin: 0;
    padding: 0;
    max-width: 100%;
    text-align: center; }
    .main-nav ul li {
      padding: 0 1rem;
      margin: 0;
      text-align: center;
      background: transparent;
      display: inline-block; }
      .main-nav ul li:last-child {
        padding-right: 0; }
      .main-nav ul li a {
        font-size: 20px;
        font-size: 1.428571428571429rem;
        letter-spacing: 0.04em;
        padding: 0;
        text-transform: capitalize;
        border-bottom: 2px solid rgba(191, 227, 211, 0);
        font-weight: 700;
        color: #4d585a; }
        .main-nav ul li a:hover, .main-nav ul li a:active, .main-nav ul li a:focus {
          color: #000;
          border-bottom: 2px solid #fec833;
          text-decoration: none; }
  .main-nav .header-top {
    display: grid;
    grid-template-columns: 1fr 1fr; }
    .main-nav .header-top li {
      padding: 0 0.25rem; }
      .main-nav .header-top li .instagram {
        display: inline-block;
        position: relative;
        text-indent: -9999px;
        width: 31px;
        height: 31px;
        background: url("images/social/instagram.png") no-repeat;
        background: url("images/social/instagram.svg") no-repeat;
        background-color: #FFF;
        background-position: top;
        background-size: 100%; }
        .main-nav .header-top li .instagram span {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          background: url("images/social/instagram.png") no-repeat;
          background: url("images/social/instagram.svg") no-repeat;
          background-position: bottom;
          background-color: #FFF;
          opacity: 0;
          -webkit-transition: opacity 0.5s ease;
          transition: opacity 0.5s ease;
          background-size: 100%; }
        .main-nav .header-top li .instagram:hover, .main-nav .header-top li .instagram:active, .main-nav .header-top li .instagram:focus {
          border-bottom: 1px none #FFF; }
          .main-nav .header-top li .instagram:hover span,
          .main-nav .header-top li .instagram:hover span,
          .main-nav .header-top li .instagram:hover span, .main-nav .header-top li .instagram:active span,
          .main-nav .header-top li .instagram:active span,
          .main-nav .header-top li .instagram:active span, .main-nav .header-top li .instagram:focus span,
          .main-nav .header-top li .instagram:focus span,
          .main-nav .header-top li .instagram:focus span {
            opacity: 1;
            background-size: 100%;
            border-bottom: 1px none #FFF; }

#nav #mobnav-btn {
  display: none;
  color: white;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 1rem;
  letter-spacing: 2px;
  background: url("images/navbar.svg") no-repeat scroll 96% center #474b4f;
  background-size: 26px 26px; }

#nav ul.sf-menu .xactive {
  display: block !important; }

#nav ul.sf-menu li {
  background: transparent; }
  #nav ul.sf-menu li:hover, #nav ul.sf-menu li:active, #nav ul.sf-menu li:focus {
    background: transparent; }
  #nav ul.sf-menu li a {
    font-size: 20px;
    font-size: 1.428571428571429rem;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    border-bottom: 2px solid rgba(191, 227, 211, 0);
    font-weight: 700;
    color: #4d585a; }
    #nav ul.sf-menu li a:hover, #nav ul.sf-menu li a:active, #nav ul.sf-menu li a:focus {
      color: #000;
      border-bottom: 2px solid #fec833;
      text-decoration: none; }
  #nav ul.sf-menu li ul {
    width: 100%; }
    #nav ul.sf-menu li ul li {
      display: block;
      background: #474b4f;
      width: 100%; }
      #nav ul.sf-menu li ul li a {
        font-size: 16px;
        font-size: 1.142857142857143rem;
        letter-spacing: 0.04em;
        background: #474b4f;
        color: #FFF; }
        #nav ul.sf-menu li ul li a:hover, #nav ul.sf-menu li ul li a:active, #nav ul.sf-menu li ul li a:focus {
          color: #FFF;
          background: #fec833;
          float: none !important; }
  #nav ul.sf-menu li .btn_active a {
    color: #FFF;
    background: #fec833; }

.services-section {
  padding-top: 4rem;
  padding-bottom: 8rem; }
  .services-section .max-col-bordered {
    background: rgba(255, 255, 255, 0.9);
    padding: 2.571428571428572rem 0 1.285714285714286rem 0;
    border-radius: 4px; }
  .services-section h4 a {
    border-bottom: 1px none #FFF; }

.instagram {
  padding: 0; }
  .instagram h2 {
    display: none; }
  .instagram h4 {
    font-size: 24px;
    font-size: 1.714285714285714rem;
    letter-spacing: 0.04em;
    padding: 0;
    margin: 0 0 48px 0;
    text-transform: uppercase;
    border-bottom: 2px none #000;
    font-weight: 400;
    color: #474b4f;
    letter-spacing: 0.08em; }
  .instagram .instagram-feed {
    background: #FFF; }
    .instagram .instagram-feed #null-instagram-feed-2 {
      border-top: 1px solid #FFF;
      padding: 0;
      margin: 0 auto;
      max-width: 1200px; }
      .instagram .instagram-feed #null-instagram-feed-2 .instagram-pics {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-gap: 0.214285714285714rem;
        padding: 0.214285714285714rem; }
        .instagram .instagram-feed #null-instagram-feed-2 .instagram-pics li {
          margin-top: 0;
          margin-bottom: 0;
          list-style: none; }

.footer-hold {
  background: #474b4f;
  width: 100%; }
  .footer-hold .footer {
    margin: 0 auto;
    max-width: 1485px;
    padding: 7.714285714285714rem 2rem;
    display: grid;
    grid-template-columns: 2fr 4fr;
    grid-gap: 1.428571428571429rem;
    text-align: left; }
    .footer-hold .footer .logo {
      text-align: center; }
      .footer-hold .footer .logo a {
        border-bottom: 2px none #000; }
      .footer-hold .footer .logo img {
        max-width: 233px;
        padding-bottom: 3rem; }
      .footer-hold .footer .logo .sanatio-phone a {
        color: #FFF;
        text-decoration: none; }
    .footer-hold .footer p {
      font-size: 16px;
      font-size: 1.142857142857143rem;
      letter-spacing: 0.01em;
      color: white; }
      .footer-hold .footer p strong {
        font-weight: 700; }
    .footer-hold .footer .light-grey {
      color: whitesmoke; }
    .footer-hold .footer .small {
      font-size: 13px;
      font-size: 0.928571428571429rem; }
    .footer-hold .footer .footer-nav {
      padding-top: 63px; }
      .footer-hold .footer .footer-nav nav {
        padding-bottom: 2.4rem; }
        .footer-hold .footer .footer-nav nav li {
          padding: 0 1rem 0 0;
          margin: 0;
          text-align: center;
          background: transparent;
          display: inline-block; }
          .footer-hold .footer .footer-nav nav li a {
            font-size: 16px;
            font-size: 1.142857142857143rem;
            letter-spacing: 0.04em;
            padding: 0;
            text-transform: capitalize;
            border-bottom: 2px none white;
            font-weight: 700;
            color: white; }
            .footer-hold .footer .footer-nav nav li a:hover, .footer-hold .footer .footer-nav nav li a:active, .footer-hold .footer .footer-nav nav li a:focus {
              color: #fec833; }
          .footer-hold .footer .footer-nav nav li:last-child {
            padding: 0; }
      .footer-hold .footer .footer-nav .social_top li a {
        font-size: 30px;
        font-size: 2.142857142857143rem; }
    .footer-hold .footer .copyright a {
      color: #FFF;
      font-weight: 300;
      border-bottom: 2px none white; }
      .footer-hold .footer .copyright a:hover, .footer-hold .footer .copyright a:active, .footer-hold .footer .copyright a:focus {
        color: #fec833; }

.btn {
  font-size: 16px;
  font-size: 1.142857142857143rem;
  padding: 1em 2em;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-weight: 600;
  letter-spacing: 0.08em;
  background-color: #e2b49b;
  color: white;
  border: 4px solid #e2b49b;
  border-radius: 8px;
  text-transform: capitalize;
  display: inline-block; }
  .btn:hover, .btn:active, .btn:focus {
    text-decoration: none;
    color: white;
    text-decoration: none;
    background-color: #fec833;
    border: 4px solid #fec833; }

.btn-no-border {
  font-size: 14.6px;
  font-size: 1.042857142857143rem;
  padding: 0.2em 0.7em;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-weight: 600;
  letter-spacing: 0.06em;
  background-color: white;
  color: #4d585a;
  border: 4px solid white;
  border-radius: 2px;
  text-transform: uppercase;
  display: inline-block; }
  .btn-no-border:hover, .btn-no-border:active, .btn-no-border:focus {
    color: white;
    text-decoration: none;
    background-color: #fec833;
    border: 4px solid #fec833; }

.fixed-btn {
  font-size: 16px;
  font-size: 1.142857142857143rem;
  padding: 1em 2em;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-weight: 600;
  letter-spacing: 0.08em;
  background-color: #e2b49b;
  color: white;
  border: 4px solid #e2b49b;
  border-radius: 8px;
  text-transform: capitalize;
  display: block;
  z-index: 999;
  position: fixed;
  left: 2em;
  top: 12px; }
  .fixed-btn:hover, .fixed-btn:active, .fixed-btn:focus {
    color: black;
    text-decoration: none;
    background-color: white;
    border-bottom: 4px solid #000;
    text-decoration: none; }

.blue-button {
  font-size: 16px;
  font-size: 1.142857142857143rem;
  padding: 1em 2em;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-weight: 600;
  letter-spacing: 0.08em;
  background-color: #e2b49b;
  color: white;
  border: 4px solid #e2b49b;
  border-radius: 8px;
  text-transform: capitalize;
  background: #bfe3d3;
  color: #fec833;
  display: inline-block; }
  .blue-button:hover, .blue-button:active, .blue-button:focus {
    color: #FFF;
    background: #fec833;
    text-decoration: none; }

.white-button {
  font-size: 16px;
  font-size: 1.142857142857143rem;
  padding: 18px 48px 16px 48px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-weight: 600;
  letter-spacing: 0.04em;
  background: white;
  color: #fec833;
  display: inline-block; }
  .white-button:hover, .white-button:active, .white-button:focus {
    color: #FFF;
    background: #fec833;
    text-decoration: none; }

#wrapper #nav ul li.book-btn a {
  border-bottom: thick none #FFF;
  background: #fff9c1;
  padding: 6px 24px; }
  #wrapper #nav ul li.book-btn a:hover, #wrapper #nav ul li.book-btn a:active, #wrapper #nav ul li.book-btn a:focus {
    color: #FFF;
    background: #fec833;
    text-decoration: none;
    border-bottom: thick none #FFF; }

.home #wrapper {
  background: url("images/home/main-bg.jpg") center top no-repeat;
  background-size: 100% auto;
  background-attachment: fixed; }

.home .intro-hold {
  padding: 4rem 2rem;
  max-width: 878px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 4px; }

.home .max-col {
  margin-top: 6.5%;
  margin-bottom: 168px; }

.home .intro-hold {
  width: 100%;
  max-width: 880px;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  padding: 3.428571428571429rem 2em  3rem 2em; }
  .home .intro-hold .intro {
    width: 100%;
    margin: 0 auto;
    text-align: center; }
    .home .intro-hold .intro p {
      font-size: 22px;
      font-size: 1.571428571428571rem;
      line-height: 1.4; }
    .home .intro-hold .intro .btn {
      margin-top: 4rem; }

#wrapper .nf-field-element input,
#wrapper .nf-field-element textarea {
  background: #FFF; }

#wrapper .nf-field-element input#nf-field-4 {
  font-size: 16px;
  font-size: 1.142857142857143rem;
  padding: 1em 2em;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-weight: 600;
  letter-spacing: 0.08em;
  background-color: #e2b49b;
  color: white;
  border: 4px solid #e2b49b;
  border-radius: 8px;
  text-transform: capitalize;
  display: inline-block; }
  #wrapper .nf-field-element input#nf-field-4:hover, #wrapper .nf-field-element input#nf-field-4:active, #wrapper .nf-field-element input#nf-field-4:focus {
    text-decoration: none;
    color: white;
    text-decoration: none;
    background-color: #fec833;
    border: 4px solid #fec833; }

#wrapper .nf-after-field .nf-error-msg {
  font-size: 1rem; }

#wrapper .page-background {
  width: 100%;
  background: url("images/succulent-bg.jpg") center top no-repeat;
  background-size: 100% auto;
  padding: 12% 0; }

#wrapper .max-col-borderedn .entry-content {
  padding-bottom: 4em; }
  #wrapper .max-col-borderedn .entry-content ul:first-child {
    padding-top: 0;
    margin-top: 0; }

@media (min-width: 50px) {
  #wrapper .mobile {
    display: block; }
  #wrapper .desktop {
    display: none; }
  .slide-01 {
    background-image: url("images/slides/slide-02_800.jpg"); }
  .slide-02 {
    background-image: url("images/slides/slide-03_800.jpg"); }
  .slide-03 {
    background-image: url("images/slides/slide-01_800.jpg"); }
  .slide-04 {
    background-image: url("images/slides/slide-04_800.jpg"); }
  .projects {
    background-image: url("images/projects/main-projects_2200.jpg"); }
  .banner {
    background: url("images/succulent-bg_1200.jpg") top center no-repeat;
    background-size: cover;
    height: auto;
    padding: 2em; }
  #mobnav-btn {
    display: none;
    color: white;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 1rem;
    letter-spacing: 2px;
    background: url("images/header/nav-icon.png") no-repeat scroll 96% center #ffc934; } }

@media (min-width: 768px) {
  .slide-01 {
    background-image: url("images/slides/slide-02_1200.jpg"); }
  .slide-02 {
    background-image: url("images/slides/slide-03_1200.jpg"); }
  .slide-03 {
    background-image: url("images/slides/slide-01_1200.jpg"); }
  .slide-04 {
    background-image: url("images/slides/slide-04_1200.jpg"); } }

@media (min-width: 20px) and (max-width: 1076px) {
  #wrapper .blog-page #primary .site-main.single-post h1 {
    font-size: 24px;
    font-size: 1.714285714285714rem; }
  input ~ nav > ul {
    top: 12%; }
  #wrapper .header {
    padding: 1em;
    grid-template-columns: 1fr; }
    #wrapper .header .logo {
      max-width: 100%; }
      #wrapper .header .logo img {
        max-width: 162px; }
  #wrapper .main-nav {
    margin-top: 1em; }
    #wrapper .main-nav #nav {
      width: 100%; }
      #wrapper .main-nav #nav ul.sf-menu {
        width: 100%;
        text-align: center; }
        #wrapper .main-nav #nav ul.sf-menu > li {
          float: none; }
  #wrapper .logo-icons {
    padding: 4em 0 1.5em 0; }
    #wrapper .logo-icons div {
      padding: 0 0.25em; }
  #wrapper .intro-hold {
    padding-right: 2em;
    padding-left: 2em; }
  #wrapper .module.parallax {
    height: 380px;
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-size: cover;
    margin-top: 0;
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    #wrapper .module.parallax .container {
      height: 300px; }
      #wrapper .module.parallax .container h4 {
        font-size: 2rem;
        margin: 0; }
  #wrapper .max-col .split-text {
    padding: 2rem; }
    #wrapper .max-col .split-text li {
      font-size: 14px;
      font-size: 1rem; }
  #wrapper h2 {
    margin: 0 0 1rem 0;
    font-size: 28px;
    font-size: 2rem; }
  #wrapper .banner p {
    font-size: 18px;
    font-size: 1.285714285714286rem;
    letter-spacing: 0.01em; }
  #wrapper .max-col-bordered {
    padding: 0; }
    #wrapper .max-col-bordered h2 {
      padding-top: 0; }
  #wrapper .services-section .max-col-bordered {
    padding: 2.571428571428572rem 0 1.285714285714286rem 0; }
  #wrapper .max-col-bordered h2.padding-top {
    padding-top: 2rem; }
  #wrapper #testimonial-area .testimonial.slick-slide {
    text-align: center;
    height: auto;
    min-height: 15vh;
    padding: 3rem 4rem; }
  #wrapper .footer-hold .footer .footer-nav li {
    list-style: none; }
  .home #wrapper {
    background-position: center 9% !important;
    background-size: 200% auto;
    background-attachment: fixed; } }

@media (min-width: 20px) and (max-width: 676px) {
  .main-nav {
    display: block;
    margin: 0; }
    .main-nav #nav {
      clear: both;
      display: block;
      float: none;
      margin: 0;
      padding: 0;
      text-align: left;
      max-width: 100%;
      width: 100%; }
      .main-nav #nav #mobnav-btn {
        max-width: 100%;
        padding: 1em;
        border-radius: 4px 4px 0 0;
        display: block; }
      .main-nav #nav li {
        float: none;
        margin: 0;
        padding: 0;
        border-top: 1px solid #FFFFFF;
        /* fallback colour must use full shorthand */
        border-top: 1px solid rgba(255, 255, 255, 0.5); }
        .main-nav #nav li a {
          font-size: 1rem !important;
          letter-spacing: 0.04em;
          letter-spacing: 1px;
          padding: .75em 1em;
          background: #ffc934;
          color: #474b4e; }
        .main-nav #nav li:hover > ul {
          display: none; }
        .main-nav #nav li:active > ul,
        .main-nav #nav li:focus > ul {
          display: block; }
        .main-nav #nav li li a {
          font-size: 1rem;
          letter-spacing: 0.04em;
          font-weight: 300;
          padding-left: 2em; }
          .main-nav #nav li li a:first-child {
            padding-left: 2em; }
      .main-nav #nav ul.sf-menu {
        width: 100% !important;
        display: none; }
      .main-nav #nav ul.sf-menu.xactive {
        display: block !important; }
      .main-nav #nav ul.sf-menu li {
        float: none !important;
        display: block !important;
        width: 100% !important;
        text-align: left; }
        .main-nav #nav ul.sf-menu li .btn_active a {
          color: #FFF;
          background: #f26522; }
      .main-nav #nav ul.sf-menu li a {
        float: none !important;
        background: #474b4f;
        color: #FFF; }
        .main-nav #nav ul.sf-menu li a:hover, .main-nav #nav ul.sf-menu li a:active, .main-nav #nav ul.sf-menu li a:focus {
          color: #FFF;
          background: #fec833;
          float: none !important; }
    .main-nav #nav li,
    .main-nav #nav li li,
    .main-nav #nav .sf-menu li ul li:last-child {
      border-radius: 0 0 0 0 !important; }
    .main-nav #mobnav-btn {
      display: block;
      max-width: 92%;
      padding: 10px 4%; }
    .main-nav .mobnav-subarrow {
      display: block;
      opacity: 1;
      height: 46px;
      width: 92%;
      position: absolute;
      top: 0;
      right: 1em;
      cursor: pointer;
      background: url("images/sub-nav-icon.png") right center no-repeat transparent; }
    .main-nav #nav .sf-menu li
#nav .sf-menu li ul {
      position: static !important;
      display: none !important; }
    .main-nav #nav .sf-menu li.xpopdrop ul {
      display: block !important;
      position: inherit;
      width: 100%; }
    .main-nav .module.parallax {
      height: 300px;
      background-position: top center;
      background-repeat: no-repeat;
      background-attachment: inherit;
      background-size: cover;
      margin-top: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .main-nav .module.parallax .container {
        height: auto; }
        .main-nav .module.parallax .container h4 {
          margin-bottom: 0; } }

@media (min-width: 1076px) {
  #wrapper .mobile {
    display: none; }
  #wrapper .desktop {
    display: block; }
  .banner {
    background: url("images/succulent-bg.jpg") top center no-repeat;
    background-size: cover;
    height: 500px; }
  .banner {
    padding: 0; } }

@media (min-width: 2200px) {
  .banner {
    background: url("images/succulent-bg_2200.jpg") top center no-repeat;
    background-size: cover;
    height: 600px; } }

@media (max-width: 486px) {
  #wrapper #testimonial-area .testimonial.slick-slide {
    padding: 5rem 4rem; }
  #wrapper #testimonial-area .testimonial.slick-slide blockquote p {
    font-size: 1.5rem; }
  #wrapper #testimonial-area .testimonial.slick-slide cite p {
    font-size: 1.1rem; }
  .page h1 {
    font-size: 2rem; }
  .intro-hold .intro p {
    font-size: 1.285714285714286rem;
    margin: 0 0 0.7em 0; } }

@media (max-width: 586px) {
  #wrapper .intro-hold {
    margin: 0 auto;
    padding-top: 36px;
    padding-bottom: 36px; }
  #wrapper .break {
    margin: 0 auto 18px auto; }
  #wrapper .module.parallax .container h4 {
    font-size: 2rem !important;
    padding-left: 1rem;
    padding-right: 1rem; }
  .btn-no-border {
    font-size: 0.857142857142857rem; }
  #wrapper .banner .slick-slide div {
    padding: 2em; }
  #wrapper .banner .slick-slide div .two-buttons {
    grid-template-columns: 1fr; }
  #wrapper .max-col-bordered .four-grid {
    grid-template-columns: repeat(1, 1fr); }
  .intro-hold .intro {
    padding: 0; }
  .home h1 {
    font-size: 1.5rem; } }

@media (max-width: 656px) {
  h2, h3 {
    font-size: 24px;
    font-size: 1.714285714285714rem;
    letter-spacing: 0.04em;
    display: block; }
  .five-eighty-col {
    padding-right: 2em;
    padding-left: 2em; } }

@media (max-width: 776px) {
  #wrapper .max-col .split {
    grid-template-columns: 1fr; }
  #wrapper .split02 .split-image {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  #wrapper .split02 .split-text {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  #wrapper .order-cols {
    grid-template-columns: 1fr; } }

@media (max-width: 926px) {
  .max-col .four-grid {
    grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 1023px) {
  .max-col-bordered .four-grid {
    grid-template-columns: repeat(2, 1fr); }
  #testimonial-area .testimonial.slick-slide {
    text-align: center;
    height: auto;
    min-height: 15vh;
    padding: 8rem 4rem; }
  #testimonial-area .testimonial.slick-slide blockquote p {
    font-size: 2rem; }
  #testimonial-area .testimonial.slick-slide cite p {
    font-size: 1.5rem; } }

@media (max-width: 2025px) {
  .home #wrapper {
    background: url("/wp-content/uploads/2018/07/mid-main-bg.jpg") center top no-repeat;
    background-size: 110% auto;
    background-attachment: fixed; } }

@media (max-width: 1525px) {
  .header {
    padding: 2rem;
    grid-template-columns: 1fr 7fr; }
  #wrapper .blog-page {
    grid-template-columns: 4fr 1fr;
    padding: 2em; }
  .padding {
    padding: 1.285714285714286rem 2em; }
  .home #wrapper {
    background-size: 115% auto; } }

@media (max-width: 1420px) {
  .home #wrapper {
    background-size: 125% auto; }
  .main-nav ul li {
    padding: 0 0.5rem; }
  .main-nav ul li a {
    font-size: 15px;
    letter-spacing: 0.02em; }
  #wrapper {
    /* Start MOBILE NAVIGATION */ }
    #wrapper .main-nav {
      padding: 0 0 11px 0; }
  .home #wrapper {
    background-position: center 5%; } }

@media (max-width: 1276px) {
  #wrapper .blog-page #primary,
  #wrapper .blog-page #secondary {
    grid-column: 1/5; }
  .home #wrapper {
    background-size: 130% auto; } }

@media (max-width: 1176px) {
  .home #wrapper {
    background-size: 125% auto; }
  #wrapper .split-image {
    background: #1c1e20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  #wrapper .split-text {
    padding: 2.428571428571429rem 3.142857142857143rem; }
  #nav ul.sf-menu li a {
    font-size: 15px; }
  #nav ul.sf-menu li ul li a {
    font-size: 1rem; } }

@media (max-width: 1076px) {
  .home #wrapper {
    background-size: 135% auto; }
  #wrapper .header-contact {
    display: none; }
  #wrapper .main-nav .mobile {
    display: inline-block; }
  #wrapper .slick-slide {
    height: 45vh; }
    #wrapper .slick-slide h4 {
      font-size: 48px;
      font-size: 3.428571428571429rem; }
    #wrapper .slick-slide a.btn {
      font-size: 1rem; }
    #wrapper .slick-slide p {
      font-size: 1.25rem; }
    #wrapper .slick-slide div {
      padding: 2rem 4rem; }
  #wrapper .intro-hold {
    margin-top: 0; }
  #wrapper .footer p {
    font-size: 1rem; }
  #wrapper .footer li {
    font-size: 1rem; } }

@media (max-width: 928px) {
  #wrapper .footer .social {
    grid-column: 1/4;
    text-align: center; }
  #wrapper .blog-page {
    grid-template-columns: 1fr; }
  #wrapper .two-cols {
    grid-template-columns: 1fr;
    text-align: left; }
  .footer {
    grid-template-columns: 1fr;
    grid-gap: 2rem;
    text-align: center; }
    .footer div {
      grid-column: 1/4; }
    .footer section {
      grid-column: 1/4;
      text-align: center; } }

@media (max-width: 768px) {
  #wrapper .max-col .four-grid {
    grid-template-columns: 1fr; }
  #wrapper .slick-slide {
    height: 45vh; }
    #wrapper .slick-slide h4 {
      font-size: 2rem;
      padding: 1.25rem 2.5rem; }
    #wrapper .slick-slide a.btn {
      font-size: 1rem; }
    #wrapper .slick-slide p {
      font-size: 1.25rem; }
  #wrapper .banner {
    height: auto; }
    #wrapper .banner .centered {
      padding: 0.4em 2em 2em 2em; }
  #wrapper .instagram h4 {
    font-size: 1.5rem;
    padding: 0 1em;
    margin-bottom: 1.5rem; }
  #wrapper .blog-page #primary .site-main,
  #wrapper .blog-page #secondary .site-main {
    margin-bottom: 3em;
    grid-template-columns: 1fr;
    grid-gap: 5.142857142857142rem; }
    #wrapper .blog-page #primary .site-main .entry-header,
    #wrapper .blog-page #secondary .site-main .entry-header {
      margin: 0; }
  #wrapper h4 {
    font-size: 18px;
    font-size: 1.285714285714286rem;
    letter-spacing: 0.01em;
    margin: 1em 0; }
  #wrapper p {
    font-size: 16px;
    font-size: 1.142857142857143rem;
    letter-spacing: 0.04em; }
  .home .max-col {
    margin-top: 0;
    margin-bottom: 0; } }

@media (max-width: 648px) {
  #wrapper .logo {
    text-align: center; }
    #wrapper .logo img {
      max-width: 131px; } }

@media (max-width: 480px) {
  .home #wrapper h1 {
    font-size: 1.25rem; }
  .home #wrapper h2 {
    font-size: 1.5rem; }
  .instagram .instagram-feed #null-instagram-feed-2 .instagram-pics {
    grid-template-columns: repeat(4, 1fr); } }

@media (max-width: 380px) {
  #wrapper .instagram .instagram-feed #null-instagram-feed-2 .instagram-pics {
    grid-template-columns: repeat(3, 1fr); } }

@media print {
  body {
    background: none !important;
    /* Brute force since user agents all print differently. */
    color: #2b2b2b;
    font-size: 12pt; }
  .site,
  .site-header,
  .hentry,
  .site-content .entry-header,
  .site-content .entry-content,
  .site-content .entry-summary,
  .site-content .entry-meta,
  .page-content,
  .archive-header,
  .page-header,
  .contributor-info,
  .comments-area,
  .attachment .entry-attachment .attachment {
    max-width: 100%; }
  #site-header img,
  .search-toggle,
  .site-navigation,
  .site-content nav,
  .edit-link,
  .page-links,
  .widget-area,
  .more-link,
  .post-format-archive-link,
  .comment-respond,
  .comment-list .reply,
  .comment-reply-login,
  #secondary,
  .site-footer,
  .slider-control-paging,
  .slider-direction-nav {
    display: none; }
  .site-title a,
  .entry-meta,
  .entry-meta a,
  .featured-content .hentry,
  .featured-content a {
    color: #2b2b2b; }
  .entry-content a,
  .entry-summary a,
  .page-content a,
  .comment-content a {
    text-decoration: none; }
  .site-header,
  .post-thumbnail,
  a.post-thumbnail:hover,
  .site-content .entry-header,
  .site-footer,
  .featured-content,
  .featured-content .entry-header {
    background: transparent; }
  .header-main {
    padding: 48px 10px; }
  .site-title {
    float: none;
    font-size: 19pt; }
  .content-area {
    padding-top: 0; }
  .list-view .site-content .hentry {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 48px;
    padding-bottom: 24px; }
  .post-thumbnail img {
    margin: 0 10px 24px; }
  .site-content .has-post-thumbnail .entry-header {
    padding-top: 0; }
  .site-content footer.entry-meta {
    margin: 24px auto; }
  .entry-meta .tag-links a {
    color: #fff; }
  .singular .site-content .hentry.has-post-thumbnail {
    margin-top: 0; }
  .gallery-columns-1.gallery-size-medium,
  .gallery-columns-1.gallery-size-thumbnail,
  .gallery-columns-2.gallery-size-thumbnail,
  .gallery-columns-3.gallery-size-thumbnail {
    display: block; }
  .archive-title,
  .page-title {
    margin: 0 10px 48px; }
  .featured-content .hentry {
    margin-bottom: 48px; }
  .featured-content .post-thumbnail,
  .slider .featured-content .post-thumbnail {
    padding-top: 0; }
  .featured-content .post-thumbnail img {
    position: relative; }
  .featured-content .entry-header {
    padding: 0 10px 24px; }
  .featured-content .entry-meta {
    font-size: 9pt;
    margin-bottom: 11px; }
  .featured-content .cat-links {
    font-weight: 900; }
  .featured-content .entry-title {
    font-size: 25pt;
    line-height: 36px; } }