@charset "UTF-8";
/*!
Theme Name: Nasira Quraishi
Theme URI: http://mikechappels.co.uk
Author: Mike Chappels
Author URI: mikechappels.co.uk
Description: Bespoke theme for Mr Nasir Quraishi
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mac
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

mac is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

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

/**
 * Render the `main` element consistently in IE.
 */
main {
  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
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 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;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

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

/**
 * 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;
  font-size: 1em;
}

/**
 * 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
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

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

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

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

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

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

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 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 {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

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

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

/**
 * 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;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[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;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

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

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

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

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: #4169e1;
}

a:visited {
  color: #800080;
}

a:hover,
a:focus,
a:active {
  color: #191970;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation li {
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}

.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

body {
  font-family: "Open Sans", sans-serif;
}

h1, h2, h3, h4 {
  font-family: "EB Garamond", serif;
}

h1 {
  font-size: 2.5rem;
}

h1 .small {
  display: block;
  font-size: 0.8rem;
  color: #b1c07c;
  font-family: "Lato", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
  margin-bottom: 5px;
}

a, a:visited {
  color: #3a5f7a;
  text-decoration: none;
}

a:hover, a:focus, a:active {
  color: #27535d;
}

ul, ol {
  margin: 0 0 1.5em;
  padding: 0;
}
ul li, ol li {
  margin: 0;
  padding: 0 0 0 20px;
  list-style: none;
}

.cta {
  padding: 10px 25px;
  background: #d7e4a9;
  color: #27535d !important;
  transition: all 0.2s ease-in-out;
}
.cta:hover {
  color: #ffffff !important;
  background: #000000;
}

p {
  color: #969696;
  max-width: 750px;
}

#primary .entry-content p {
  font-size: 1.15rem;
}

.single #primary .entry-content p:first-child:first-letter {
  float: left;
  color: #000000;
  font-size: 90px;
  line-height: 60px;
  padding-top: 9px;
  padding-right: 13px;
  padding-left: 0px;
}

h2.mini-title {
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  border: 1px solid #3a5f7a;
  display: inline-block;
  color: #3a5f7a;
  padding: 10px 20px 10px 25px;
  letter-spacing: 0.4rem;
  font-size: 1rem;
  margin-bottom: 48px;
  margin-top: 48px;
  font-weight: normal;
  background: #ffffff;
}

.post, .page {
  margin: 0;
}

#masthead {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: #3a5f7a;
  padding: 20px;
  color: #3a5f7a;
  z-index: 100;
  transition: all 0.4s ease-in-out;
}
#masthead .site-branding .site-title a {
  width: 300px;
  height: 60px;
  text-indent: -3000px;
  background: url(images/nasira-quraishi-logo-white.svg) no-repeat 0 0 transparent;
  background-size: 300px;
  display: inline-block;
  transition: all 0.2s ease-in-out;
}
#masthead a, #masthead a:visited {
  color: #ffffff;
}
#masthead .site-title {
  margin: 0;
  font-weight: 400;
}

.page-template-fees-template.scrolled #masthead {
  background: #ffffff;
}

.scrolled #masthead {
  background: #ffffff;
  box-shadow: 0 0 20px rgba(58, 95, 122, 0.3);
}
.scrolled #masthead .site-branding .site-title a {
  background: url(images/nasira-quraishi-logo.svg) no-repeat 0 0 transparent;
  background-size: 150px;
  height: 45px;
}

.single #masthead {
  background: transparent;
}
.single.scrolled #masthead {
  background: #ffffff;
}

.hero {
  position: relative;
  background: #3a5f7a;
  height: 50vh;
  min-height: 550px;
}

.post-hero {
  position: relative;
  background: #3a5f7a;
  height: 50vh;
  min-height: 550px;
}
.post-hero.post-treatments .post-title h1.entry-title {
  margin-bottom: 12px;
}
.post-hero .strapline {
  color: #ffffff;
}
.post-hero .strapline h2 {
  font-size: 1rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  padding: 12px;
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
}
.post-hero .hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #27535d;
  opacity: 0.4;
}
.post-hero .featured-hero {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  background-size: cover !important;
}
.post-hero .post-title {
  text-align: center;
  margin: 0 auto 0;
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
}
.post-hero .post-title h4 {
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  margin: 0 auto;
  padding: 4px 20px;
  display: table;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0.5rem;
}
.post-hero .post-title h1.entry-title {
  position: relative;
  z-index: 2;
  color: #ffffff;
  font-size: 2rem;
  max-width: 700px;
  text-align: center;
  padding: 0 20px;
  margin: 20px auto 30px;
  font-weight: 400;
  line-height: 2.5rem;
}
.post-hero .post-title .posted-on {
  color: #ffffff;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
}
.post-hero .post-title .posted-on a {
  color: #ffffff;
}

.menu-tels-container {
  display: none;
}
@media all and (min-width: 768px) {
  .post-hero {
    border: 20px solid #ffffff;
  }
  #masthead {
    padding: 35px 40px;
  }
}
@media all and (min-width: 1024px) {
  .menu-tels-container {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    transition: all 0.2s ease-in-out;
  }
  .menu-tels-container #tels-menu li {
    display: inline-block;
    position: relative;
    color: #ffffff;
    padding: 2px 10px 4px;
  }
  .menu-tels-container #tels-menu li a {
    color: #ffffff;
    font-size: 22px;
    opacity: 0.6;
    transition: opacity 0.2s ease-in-out;
  }
  .menu-tels-container #tels-menu li a:hover {
    opacity: 1;
  }
  .scrolled .menu-tels-container {
    top: -5px;
  }
  .scrolled .menu-tels-container #tels-menu li {
    color: #3a5f7a;
  }
  .scrolled .menu-tels-container #tels-menu li a {
    color: #000000;
    opacity: 0.4;
  }
  .post-hero {
    min-height: 600px;
  }
  .post-hero .post-title {
    bottom: 150px;
  }
  #masthead {
    transition: all 0.4s ease-in-out;
    box-shadow: none;
    padding: 30px;
    margin: 0 20px;
    border-top: 20px solid #ffffff;
  }
  #masthead .site-branding .site-title a {
    background: url(images/nasira-quraishi-logo-white.svg) no-repeat 0 0 transparent;
    background-size: 300px;
  }
  #masthead a, #masthead a:visited {
    color: #3a5f7a;
  }
  .scrolled #masthead {
    background: #ffffff;
    padding: 0px 30px 20px;
    height: auto;
    margin: 0;
    box-shadow: 0 0 20px rgba(58, 95, 122, 0.3);
  }
  .scrolled #masthead .site-branding {
    width: 300px;
  }
  .scrolled #masthead .site-branding .site-title a {
    background: url(images/nasira-quraishi-logo.svg) no-repeat 0 0 transparent;
    background-size: 300px;
    height: 60px;
  }
  .post-hero .post-title h1.entry-title {
    font-size: 3rem;
    line-height: 3.5rem;
  }
  .post-hero .featured-hero {
    opacity: 0.5;
  }
}
.menu-toggle {
  background: transparent;
  border: 0;
  position: fixed;
  top: 40px;
  right: 30px;
  width: 35px;
  height: 50px;
  padding: 0;
  transition: all 0.2s ease-in-out;
}
.menu-toggle .bar {
  background: #ffffff;
  height: 2px;
  margin-bottom: 9px;
  border-radius: 5px;
  display: block;
  transition: all 0.2s ease-in-out;
}
.menu-toggle .bar.bar-three {
  margin-bottom: 0;
  margin-left: 10px;
}

.scrolled .menu-toggle {
  top: 35px;
}
.scrolled .menu-toggle .bar {
  background: #27535d;
}

.main-navigation ul ul {
  display: block;
  background: #ffffff;
  width: 100%;
}

#site-navigation {
  position: fixed;
  width: 80%;
  top: 0;
  bottom: 0;
  background: #ffffff;
  transition: transform 0.4s ease-in-out;
  left: -80%;
  z-index: 1000;
}

.overlay {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(58, 95, 122, 0.3);
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}

.open-menu #site-navigation {
  transform: translateX(100%);
}
.open-menu .overlay {
  opacity: 1;
  visibility: visible;
}

#secondary-menu {
  margin: 0;
  padding: 0;
  text-align: center;
}
#secondary-menu li {
  list-style: none;
  display: inline-block;
}
#secondary-menu li a {
  display: block;
  padding: 0 48px;
  font-size: 18px;
}

@media all and (min-width: 768px) {
  #secondary-menu {
    border-top: 1px solid #3a5f7a;
    border-bottom: 1px solid #3a5f7a;
    margin-bottom: 32px;
  }
  #secondary-menu li a {
    padding: 7px 16px 10px;
  }
  .menu-toggle {
    top: 55px;
    right: 40px;
  }
  #site-navigation {
    position: fixed;
    width: 50%;
    left: -50%;
  }
}
@media all and (min-width: 1024px) {
  .mobile-only {
    display: none !important;
  }
  #secondary-menu li a {
    padding: 7px 12px 10px;
  }
  .open-menu #site-navigation {
    transform: translateX(0%);
  }
  .open-menu .overlay {
    opacity: 0;
    visibility: hidden;
  }
  #tertiary-menu {
    position: absolute;
    top: -60px;
    right: 20px;
  }
  #tertiary-menu a {
    color: #3a5f7a;
    padding: 0 0 0 20px;
    font-weight: 700;
  }
  .menu-toggle {
    display: none;
  }
  .scrolled #site-navigation #primary-menu > li.current_page_item:before, .scrolled #site-navigation #primary-menu > li.current-menu-parent:before {
    bottom: -7px;
    border-bottom: 8px solid rgba(58, 95, 122, 0.3);
  }
  #site-navigation {
    background: transparent;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 61px;
    left: auto;
    width: auto;
    transition: all 0.2s ease-in-out;
    bottom: auto;
  }
  #site-navigation #primary-menu > li.current_page_item, #site-navigation #primary-menu > li.current-menu-parent {
    position: relative;
    color: #d7e4a9;
    font-weight: bold;
  }
  #site-navigation #primary-menu > li.current_page_item a, #site-navigation #primary-menu > li.current-menu-parent a {
    font-weight: bold;
  }
  #site-navigation #primary-menu > li.current_page_item ul li a, #site-navigation #primary-menu > li.current-menu-parent ul li a {
    font-weight: normal;
  }
  #site-navigation #primary-menu > li.current_page_item:before, #site-navigation #primary-menu > li.current-menu-parent:before {
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: -15px;
    margin-left: -8px;
    border-bottom: 8px solid #ffffff;
    border-top: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
  }
  #site-navigation .mobile-menu-logo {
    display: none;
  }
  #site-navigation #primary-menu {
    width: 100%;
    justify-content: space-between;
    max-width: 1400px;
    margin: 0 auto;
    display: block;
  }
  #site-navigation #primary-menu li {
    display: inline-block;
    padding-left: 0px;
    padding-bottom: 10px;
    position: relative;
  }
  #site-navigation #primary-menu li.treatment-dropdown ul {
    width: 400px;
  }
  #site-navigation #primary-menu li.treatment-dropdown ul li {
    width: 49%;
    display: inline-block;
  }
  #site-navigation #primary-menu li.preston:before {
    position: absolute;
    top: -18px;
    left: 0;
    color: #ffffff;
    font-size: 10px;
    content: "PRESTON";
  }
  #site-navigation #primary-menu li.southport:before {
    position: absolute;
    top: -18px;
    left: 0;
    color: #ffffff;
    font-size: 10px;
    content: "SOUTHPORT";
  }
  #site-navigation #primary-menu li:hover ul {
    left: 0% !important;
  }
  #site-navigation #primary-menu li.menu-item-has-children > a {
    padding-right: 30px;
    position: relative;
  }
  #site-navigation #primary-menu li.menu-item-has-children > a:before {
    position: absolute;
    right: 10px;
    top: 13px;
    content: "";
    width: 7px;
    height: 10px;
    background: url(images/arrow-down.svg) no-repeat center transparent;
    background-size: 7px;
  }
  #site-navigation #primary-menu li ul {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 200px;
    background: rgba(39, 83, 93, 0.96);
    box-shadow: none;
    border-radius: 5px;
  }
  #site-navigation #primary-menu li ul li {
    width: 100%;
    padding-bottom: 0;
  }
  #site-navigation #primary-menu li ul a {
    width: 100%;
    color: #ffffff;
    border: 0;
    text-align: left;
    opacity: 0.7;
  }
  #site-navigation #primary-menu li ul a:hover {
    opacity: 1;
    color: #ffffff;
  }
  #site-navigation #primary-menu li.highlight > a {
    border: 1px solid #ffffff;
  }
  #site-navigation #primary-menu li a {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    display: block;
    text-align: center;
    padding: 5px 10px;
    color: #ffffff;
  }
  #site-navigation #primary-menu li:hover a {
    color: #d7e4a9;
  }
  #site-navigation #primary-menu li:hover ul li a {
    color: #ffffff;
  }
  .scrolled #site-navigation {
    top: 29px;
  }
  .scrolled #site-navigation #primary-menu li.highlight > a {
    border: 1px solid #ffffff;
  }
  .scrolled #site-navigation #primary-menu li a {
    color: #3a5f7a;
  }
  .scrolled #site-navigation #primary-menu li.menu-item-has-children > a:before {
    background: url(images/arrow-down-teal.svg) no-repeat center transparent;
    background-size: 7px;
  }
  .scrolled #site-navigation #primary-menu li ul {
    background: #ffffff;
    box-shadow: 0 20px 20px rgba(58, 95, 122, 0.3);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
  }
  .scrolled #site-navigation #primary-menu li ul li a {
    color: #3a5f7a;
  }
}
@media all and (max-width: 1023px) {
  #site-navigation .menu-menu-1-container > ul > li {
    opacity: 0;
    transform: translateX(-30px);
    transition: all 0.35s ease-in-out;
  }
  #site-navigation .menu-menu-1-container > ul > li:nth-child(2) {
    transition-delay: 0.1s;
  }
  #site-navigation .menu-menu-1-container > ul > li:nth-child(3) {
    transition-delay: 0.2s;
  }
  #site-navigation .menu-menu-1-container > ul > li:nth-child(4) {
    transition-delay: 0.3s;
  }
  #site-navigation .menu-menu-1-container > ul > li:nth-child(5) {
    transition-delay: 0.4s;
  }
  #site-navigation .menu-menu-1-container > ul > li:nth-child(6) {
    transition-delay: 0.5s;
  }
  #site-navigation .menu-menu-1-container > ul > li:nth-child(7) {
    transition-delay: 0.6s;
  }
  #site-navigation .menu-menu-1-container > ul > li:nth-child(8) {
    transition-delay: 0.7s;
  }
  #site-navigation .menu-menu-1-container > ul > li:nth-child(9) {
    transition-delay: 0.8s;
  }
  #site-navigation .menu-menu-1-container ul li.social {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 5px;
    margin-top: 10px;
  }
  #site-navigation .menu-menu-1-container ul li.social a {
    border-radius: 100%;
    border: 1px solid #3a5f7a;
    text-indent: -1000px;
    overflow: hidden;
    width: 30px;
    height: 30px;
    display: block;
    line-height: 0;
    padding: 0;
  }
  #site-navigation .menu-menu-1-container ul li.twitter a {
    background: url(images/twitter-icon.png) no-repeat center #3a5f7a;
    background-size: 20px;
  }
  #site-navigation .menu-menu-1-container ul li.facebook a {
    background: url(images/facebook-icon.png) no-repeat center #3a5f7a;
    background-size: 20px;
  }
  #site-navigation .menu-menu-1-container ul li.instagram a {
    background: url(images/insta-icon.png) no-repeat center #3a5f7a;
    background-size: 20px;
  }
  .open-menu #site-navigation .menu-menu-1-container > ul > li {
    opacity: 1;
    transform: translateX(0);
  }
  #site-navigation {
    overflow-y: scroll;
  }
  #site-navigation #tertiary-menu li {
    width: auto;
    display: inline-block;
  }
  #site-navigation #tertiary-menu li a {
    padding: 6px 20px !important;
    border: 1px solid #3a5f7a;
    background: #ffffff;
    border-radius: 50px;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 700;
  }
  #site-navigation ul {
    flex-wrap: wrap;
    padding: 20px 20px 20px;
    background-size: 90px;
    display: block;
  }
  #site-navigation ul li {
    display: block;
    float: none;
    width: 100%;
    padding: 0;
  }
  #site-navigation ul li.mobile-only a {
    color: rgba(0, 0, 0, 0.5) !important;
    font-size: 14px;
    text-transform: uppercase;
  }
  #site-navigation ul li a {
    display: block;
    padding: 10px 0px;
    position: relative;
    font-size: 1.25rem;
    color: #3a5f7a !important;
  }
  #site-navigation ul li a span.more {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    background: url(images/down-arrow.svg) no-repeat center transparent;
    background-size: 20%;
  }
  #site-navigation ul li.menu-item-has-children {
    position: relative;
  }
  #site-navigation ul ul {
    float: none;
    left: 0;
    position: relative;
    display: none;
    top: 0;
    box-shadow: none;
    padding: 0;
  }
  #site-navigation ul ul li a {
    position: relative;
    width: 100%;
    padding-left: 30px;
    font-size: 1rem;
  }
  #site-navigation ul ul li a:before {
    position: absolute;
    left: 0;
    width: 20px;
    background: #3a5f7a;
    height: 1px;
    top: 22px;
    content: "";
  }
}
#page {
  padding: 160px 20px 20px;
  max-width: 1100px;
}

#breadcrumbs {
  text-transform: uppercase;
  font-size: 0.7rem;
  border-bottom: 1px dashed rgba(39, 83, 93, 0.4);
  padding-bottom: 20px;
}
#breadcrumbs .breadcrumb_last, #breadcrumbs a {
  margin: 0 10px;
}
#breadcrumbs a:first-child {
  margin-left: 0;
}

.page #breadcrumbs {
  border-bottom: 0;
  text-align: center;
  width: 100%;
  max-width: 100%;
}

.entry-content h2 {
  margin-top: 48px;
}

h1.entry-title {
  text-align: center;
}

blockquote {
  margin: 24px 0;
  padding: 30px;
  background: rgba(58, 95, 122, 0.1);
  border-top: 2px solid rgba(58, 95, 122, 0.3);
  border-bottom: 2px solid rgba(58, 95, 122, 0.3);
}
blockquote p {
  color: #27535d;
  font-family: "Open Sans", sans-serif;
  margin-top: 0;
}
blockquote cite {
  color: #000000;
  font-family: "EB Garamond", serif;
}

.read-more {
  display: none;
}

.entry-content h2 {
  position: relative;
  display: inline-block;
  z-index: 10;
  margin: 48px -5px 0;
  padding: 0 5px;
}

@media all and (min-width: 1024px) {
  #page {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  #page .entry-header {
    width: 100%;
  }
  #page #primary {
    width: calc(100% - 340px);
  }
  #page #secondary {
    margin-top: 23px;
  }
  #secondary {
    margin-top: -100px;
    width: 300px;
    min-width: 300px;
    margin-left: 40px;
  }
  .page-template-fees-template #primary {
    width: calc(100% - 340px);
  }
}
.arial {
  font-family: "Arial", sans-serif;
}

#colophon {
  background: #2c4a5e;
  color: #ffffff;
  padding: 20px;
}
#colophon .site-info {
  font-size: 12px;
}
#colophon a:hover, #colophon a:focus, #colophon a:active {
  color: #ffffff;
}
#colophon a, #colophon a:visited {
  color: #d7e4a9;
}
#colophon p {
  color: #ffffff;
}
#colophon p.foot-copy {
  margin-bottom: 0;
}
#colophon .social-media-links a {
  width: 32px;
  height: 32px;
  border: 1px solid #ffffff;
  border-radius: 100%;
  cursor: pointer;
  display: inline-block;
  margin-right: 6px;
}
#colophon .social-media-links a.twitter {
  background: url(images/twitter-icon.png) no-repeat center transparent;
  background-size: 21px;
}
#colophon .social-media-links a.facebook {
  background: url(images/facebook-icon.png) no-repeat center transparent;
  background-size: 21px;
}
#colophon .social-media-links a.instagram {
  background: url(images/insta-icon.png) no-repeat center transparent;
  background-size: 21px;
}
#colophon .social-media-links a.youtube {
  background: url(images/youtube-icon.png) no-repeat center transparent;
  background-size: 21px;
}
#colophon .social-media-links a.linkedin {
  background: url(images/linkedin-icon.png) no-repeat center transparent;
  background-size: 21px;
}
#colophon .clinics h4 {
  font-family: "Open Sans", sans-serif;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  padding-bottom: 8px;
  margin-bottom: 8px;
}
#colophon .clinics .clinic a {
  color: #d7e4a9;
}

@media all and (min-width: 768px) {
  #colophon {
    border: 20px solid #ffffff;
    border-top: 0;
  }
}
@media all and (min-width: 1024px) {
  #colophon {
    padding: 48px;
    text-align: center;
  }
  #colophon .clinics {
    display: flex;
    margin: 0 auto 48px;
    max-width: 900px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #colophon .clinics h4 {
    margin-bottom: 0;
  }
  #colophon .clinics .clinic {
    width: 23%;
    text-align: left;
  }
  #colophon .clinics .main-clinic {
    padding: 0 10px;
  }
  #colophon .clinics .main-clinic h4 {
    border-bottom: 1px solid white;
  }
  #colophon .clinics .two-clinics {
    width: 72%;
  }
  #colophon .clinics .two-clinics .clinic-container {
    display: flex;
    margin: 0 auto;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #colophon .clinics .two-clinics .clinic-container .clinic {
    width: 32%;
  }
  #colophon p {
    max-width: 100%;
  }
}
input[type=text], input[type=email], input[type=tel], input[type=submit], textarea {
  width: 100%;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  border: 0;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}

input[type=text], input[type=email], input[type=tel], textarea {
  background: rgba(255, 255, 255, 0.8);
  padding: 5px 10px;
  margin-top: 3px;
  border-bottom: 1px solid #3a5f7a;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #b1c07c;
  text-transform: uppercase;
  font-size: 0.8rem;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #b1c07c;
  text-transform: uppercase;
  font-size: 0.8rem;
}

:-ms-input-placeholder { /* IE 10+ */
  color: #b1c07c;
  text-transform: uppercase;
  font-size: 0.8rem;
}

:-moz-placeholder { /* Firefox 18- */
  color: #b1c07c;
  text-transform: uppercase;
  font-size: 0.8rem;
}

input[type=submit] {
  background: #ef7e2e !important;
  border: 1px solid #ffffff !important;
  color: #ffffff;
  padding: 20px;
}

label {
  display: block;
  margin-bottom: 18px;
  text-align: left;
}

.wpcf7-acceptance .wpcf7-list-item, .wpcf7-checkbox .wpcf7-list-item {
  margin: 0;
  display: inline-block;
  width: 100%;
}
.wpcf7-acceptance .wpcf7-list-item label, .wpcf7-checkbox .wpcf7-list-item label {
  display: block;
  position: relative;
  padding-left: 0;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label, .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label {
  position: relative;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  padding: 4px 25px 10px 60px;
  margin-bottom: 24px;
}
.wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label:after, .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label:after {
  position: absolute;
  content: "";
  width: 22px;
  height: 22px;
  background: #ffffff;
  left: 3px;
  top: 3px;
  border-radius: 100%;
  transition: all 0.2s ease-in-out;
  box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.07);
}
.wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label:before, .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label:before {
  width: 48px;
  height: 28px;
  background: #b1c07c;
  border-radius: 30px;
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  box-shadow: inset 3px 3px 2px rgba(0, 0, 0, 0.07);
  transition: all 0.2s ease-in-out;
}
.wpcf7-acceptance .wpcf7-list-item label input[type=checkbox], .wpcf7-checkbox .wpcf7-list-item label input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.wpcf7-acceptance .wpcf7-list-item label input[type=checkbox]:checked + span.wpcf7-list-item-label:after, .wpcf7-checkbox .wpcf7-list-item label input[type=checkbox]:checked + span.wpcf7-list-item-label:after {
  position: absolute;
  content: "";
  width: 22px;
  height: 22px;
  background: #ffffff;
  left: 22px;
}
.wpcf7-acceptance .wpcf7-list-item label input[type=checkbox]:checked + span.wpcf7-list-item-label:before, .wpcf7-checkbox .wpcf7-list-item label input[type=checkbox]:checked + span.wpcf7-list-item-label:before {
  background: #3a5f7a;
}

.wpcf7-radio .wpcf7-list-item {
  margin: 16px 0;
  display: inline-block;
  width: 40%;
  vertical-align: top;
}
.wpcf7-radio .wpcf7-list-item label {
  display: block;
  position: relative;
  padding-left: 0;
  margin-bottom: 0px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label {
  position: relative;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  padding: 4px 25px 10px 35px;
  margin-bottom: 24px;
}
.wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label:after {
  position: absolute;
  content: "";
  width: 22px;
  height: 22px;
  background: #d7e4a9;
  left: 3px;
  top: 3px;
  border-radius: 100%;
  transition: all 0.2s ease-in-out;
  box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.07);
}
.wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label:before {
  width: 28px;
  height: 28px;
  background: #b1c07c;
  border-radius: 30px;
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  box-shadow: inset 3px 3px 2px rgba(0, 0, 0, 0.07);
  transition: all 0.2s ease-in-out;
}
.wpcf7-radio .wpcf7-list-item label input[type=radio] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.wpcf7-radio .wpcf7-list-item label input[type=radio]:checked + span.wpcf7-list-item-label:after {
  position: absolute;
  content: "";
  width: 22px;
  height: 22px;
  background: #ffffff;
  left: 3px;
}
.wpcf7-radio .wpcf7-list-item label input[type=radio]:checked + span.wpcf7-list-item-label:before {
  background: #3a5f7a;
}

.wpcf7 form .wpcf7-response-output {
  background: #ffffff;
  margin: 16px 0;
  padding: 16px 24px;
  text-align: center;
}

.wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label {
  display: inline-block;
  width: 100%;
}

@media all and (min-width: 768px) {
  .wpcf7-checkbox .wpcf7-list-item {
    width: 49%;
  }
  .wpcf7-acceptance .wpcf7-list-item {
    width: 100%;
  }
}
.home h1 {
  margin: 24px 0 64px;
}
.home #masthead {
  background: transparent;
}
.home #page {
  padding-top: 20px;
  max-width: 100%;
}
.home .home-hero {
  height: 100vh;
  min-height: 500px;
  background: url(images/hero-01.jpg) no-repeat center transparent;
  background-size: cover;
  padding: 45vh 20px 20px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.home .home-hero .hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(39, 83, 93, 0.3);
}
.home .home-hero .site-description {
  color: #ffffff;
  position: relative;
  z-index: 2;
}
.home .home-hero .site-description .header {
  font-family: "EB Garamond", serif;
  font-size: 2rem;
  display: block;
  line-height: 2.4rem;
  margin: 32px auto;
  color: #ffffff;
}
.home .home-hero .site-description .non-header {
  margin-bottom: 8px;
}
.home .home-hero .site-description img {
  max-width: 270px;
  display: block;
  margin: 8px auto 24px;
}
.home #primary {
  text-align: center;
}
.home #primary h1.entry-title .small {
  display: block;
  font-size: 0.8rem;
  color: #b1c07c;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
  margin-bottom: 8px;
}
.home #primary p {
  margin: 0 auto 48px;
}
.home .treatments {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.home .treatments .treatment {
  width: 100%;
  text-align: center;
  margin: 0 0 96px;
  transition: all 0.4s ease-in-out;
}
.home .treatments .treatment .read-more {
  display: none;
}
.home .treatments .treatment.popular figure {
  position: relative;
}
.home .treatments .treatment.popular figure:before {
  content: "Most Popular";
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  top: 10px;
  right: 10px;
  background: #b1c07c;
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  padding-top: 15px;
  line-height: 0.8rem;
  z-index: 10;
}
.home .treatments .treatment figure {
  display: block;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.home .treatments .treatment figure img {
  width: 100%;
  display: block;
  transition: all 0.4s ease-in-out;
}
.home .treatments .treatment h2 {
  width: 90%;
  background: #fff;
  margin: -20px auto 24px;
  z-index: 1;
  position: relative;
  padding: 20px 20px 0;
  transition: all 0.4s ease-in-out;
}
.home .treatments .treatment h2 a {
  color: #000000;
}
.home .treatments .treatment p {
  margin-bottom: 24px !important;
}
.home .treatments .treatment a.cta {
  background: #b1c07c;
  color: #ffffff !important;
  padding: 9px 20px 11px;
  transition: all 0.2s ease-in-out;
}
.home .treatments .treatment a.cta:hover {
  background: #000000;
  color: #ffffff;
}

.scrolled.home #masthead {
  background: #ffffff;
}

a.mini-title {
  text-transform: uppercase;
  letter-spacing: 0.4rem;
  background: #ffffff;
  border: 1px solid;
  padding: 10px 20px 10px 25px;
  margin: 48px auto;
  display: table;
  font-size: 1rem;
  overflow: hidden;
  position: relative;
}
a.mini-title:hover:before {
  left: 0;
}
a.mini-title:before {
  width: 100%;
  height: 200px;
  position: absolute;
  content: "";
  left: -100%;
  transition: all 0.2s ease-in-out;
  background: rgba(58, 95, 122, 0.2);
  top: 0;
}

.lower-text {
  width: 100%;
  width: calc(100% + 40px);
  background: rgba(58, 95, 122, 0.1);
  padding: 48px 20px 348px;
  font-size: 1.15rem;
  margin: 0 -20px 48px;
  position: relative;
  border-top: 1px solid #3a5f7a;
  text-align: center;
}
.lower-text p {
  color: #3a5f7a;
}
.lower-text:after {
  top: 1px;
  left: 0;
  right: 0;
  content: "";
  position: absolute;
  height: 1px;
  background: #ffffff;
}
.lower-text:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
  height: 150px;
  content: "";
}
.lower-text .cta {
  display: table;
  margin: 64px auto 0;
}
@media all and (min-width: 768px) {
  .home .home-hero {
    border: 20px solid #ffffff;
    min-height: 600px;
  }
  .home .treatments .treatment {
    width: 45%;
    margin: 0 2.5% 96px;
  }
}
@media all and (min-width: 1024px) {
  .lower-text {
    text-align: center;
  }
  .lower-text p {
    margin-left: auto;
    margin-right: auto;
  }
  .home.page #page {
    padding-top: 20px;
    max-width: 100%;
  }
  @keyframes slideInFromRight {
    0% {
      transform: translateX(100px);
      opacity: 0;
    }
    30% {
      transform: translateX(100px);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }
  .home .home-hero {
    position: relative;
    padding: 40vh 20px 20px;
    min-height: 700px;
  }
  .home .home-hero .hero-overlay {
    display: none;
  }
  .home .home-hero .site-description {
    color: #ffffff;
    width: 40%;
    margin: 0 auto 48px auto;
    text-align: center;
    font-size: 2.5rem;
    line-height: 3rem;
    font-family: "EB Garamond", serif;
  }
  .home .home-hero .site-description .header {
    margin-bottom: 0;
    font-size: 3.5rem;
    line-height: 4rem;
    color: #ffffff;
    margin-top: 0;
  }
  .home .home-hero .site-description .non-header {
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
    display: block;
    font-size: 1rem;
    margin: 0;
  }
  .home .home-hero .site-description img {
    max-width: 270px;
    display: block;
    margin: 0 auto 0 0;
  }
  .home .home-hero .site-description .cta {
    font-size: 1rem;
    font-family: "Open Sans", sans-serif;
    margin-top: 22px;
    display: inline-block;
    padding: 0px 20px;
    text-shadow: none;
  }
  .home .treatments .treatment {
    width: 31%;
    margin: 0 1% 96px;
  }
  .home .treatments .treatment:hover figure .white-overlay {
    transform: translateX(0);
  }
  .home .treatments .treatment figure {
    position: relative;
  }
  .home .treatments .treatment figure .white-overlay {
    background: rgba(255, 255, 255, 0.2);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: rotate(3deg) translateX(-100%);
  }
  .home #primary {
    padding: 48px 0 0;
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto;
  }
}
.reviews {
  margin: -300px auto 0;
}
.reviews .hide {
  display: none;
}
.reviews .reviews-bar {
  position: relative;
  background: #3a5f7a;
  max-width: 1000px;
  margin: 0 auto;
  padding: 120px 20px 48px;
}
.reviews .reviews-bar ul.slick-dots {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  max-width: 300px;
}
.reviews .reviews-bar ul.slick-dots li {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.reviews .reviews-bar ul.slick-dots li.slick-active button {
  opacity: 1;
  background: rgba(255, 255, 255, 0.5);
}
.reviews .reviews-bar ul.slick-dots li button {
  background: transparent;
  border: 2px solid #ffffff;
  width: 20px;
  height: 20px;
  text-indent: -3000px;
  overflow: hidden;
  border-radius: 100%;
  display: inline-block;
  padding: 0;
  margin: 0 5px;
  -webkit-appearance: none;
  appearance: none;
  opacity: 0.6;
  cursor: pointer;
}
.reviews .reviews-bar:before {
  position: absolute;
  top: 20px;
  left: 50%;
  width: 80px;
  margin-left: -40px;
  content: "”";
  font-size: 8rem;
  opacity: 0.5;
  text-align: center;
  color: #ffffff;
  font-family: "EB Garamond", serif;
}
.reviews .reviews-bar .review {
  color: #ffffff;
  text-align: center;
}
.reviews .reviews-bar .review p {
  margin: 0 auto 48px;
  color: #ffffff;
}
.reviews .reviews-bar .review h3 {
  font-size: 2rem;
  margin-bottom: 8px;
}
.reviews .reviews-bar .review .attribution {
  text-transform: uppercase;
  margin-bottom: 16px;
  display: inline-block;
  margin-bottom: 32px;
  opacity: 0.6;
}
.reviews .reviews-bar .review .stars {
  display: none;
}
@media all and (min-width: 1024px) {
  .reviews .reviews-bar {
    box-shadow: 0 0 30px rgba(39, 83, 93, 0.2);
    border: 10px solid #ffffff;
  }
}
.news {
  padding: 270px 0px 48px;
  margin-top: -192px;
  text-align: center;
  width: 100%;
}
.news .news-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.news .news-container .news-teaser {
  width: 100%;
  margin: 0 0 32px;
  background: #ffffff;
  padding: 0px;
  text-align: left;
}
.news .news-container .news-teaser figure {
  margin: 0;
}
.news .news-container .news-teaser figure img {
  width: 100%;
  display: block;
}
.news .news-container .news-teaser .blog-date {
  display: block;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  margin: 24px 0 6px;
}
.news .news-container .news-teaser .blog-title {
  font-size: 1.25rem;
  font-family: "Open Sans", sans-serif;
}

#page {
  padding-top: 200px;
}
#page #secondary .widget_nav_menu h2.widget-title {
  display: none;
}
#page #secondary .widget_nav_menu .menu-treatments-container ul li {
  padding: 0;
}
#page #secondary .widget_nav_menu .menu-treatments-container ul li a {
  display: block;
  margin-bottom: 3px;
  background: rgba(58, 95, 122, 0.05);
  padding: 9px 15px;
  transition: all 0.2s ease-in-out;
}
#page #secondary .widget_nav_menu .menu-treatments-container ul li a:hover {
  background: #d7e4a9;
}

.page-template-fees-template #page {
  padding-top: 200px;
}

.single #page {
  padding-top: 40px;
}

.single #page #secondary .widget_nav_menu h2.widget-title, .page-template-fees-template #page #secondary .widget_nav_menu h2.widget-title {
  display: none;
}
.single #page #secondary .widget_nav_menu .menu-treatments-container ul li, .page-template-fees-template #page #secondary .widget_nav_menu .menu-treatments-container ul li {
  padding: 0;
}
.single #page #secondary .widget_nav_menu .menu-treatments-container ul li a, .page-template-fees-template #page #secondary .widget_nav_menu .menu-treatments-container ul li a {
  display: block;
  margin-bottom: 3px;
  background: rgba(58, 95, 122, 0.05);
  padding: 9px 15px;
  transition: all 0.2s ease-in-out;
}
.single #page #secondary .widget_nav_menu .menu-treatments-container ul li a:hover, .page-template-fees-template #page #secondary .widget_nav_menu .menu-treatments-container ul li a:hover {
  background: #d7e4a9;
}

@media all and (min-width: 768px) {
  .news .news-container .news-teaser {
    width: 45%;
    margin: 0 2.5% 96px;
  }
}
@media all and (min-width: 1024px) {
  .news {
    padding: 270px 20px 48px;
  }
  .news .news-container .news-teaser {
    width: 24%;
    margin: 0 0.5%;
    padding: 10px;
  }
  .news .news-container .news-teaser:hover figure img {
    transform: scale(1.1);
  }
  .news .news-container .news-teaser figure {
    overflow: hidden;
  }
  .news .news-container .news-teaser figure img {
    width: 100%;
    transition: all 0.8s ease-in-out;
  }
  .page #page, .single #page, .page-template-fees-template #page {
    display: flex;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    background: #ffffff;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 200px;
  }
  .page #page #primary, .single #page #primary, .page-template-fees-template #page #primary {
    width: calc(100% - 340px);
  }
  .page #page #secondary .tile-container, .single #page #secondary .tile-container, .page-template-fees-template #page #secondary .tile-container {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding-top: 148px;
  }
  .page #page #secondary .tile-container {
    margin-top: -140px;
  }
  .single #page {
    margin-top: -100px;
    padding: 45px 55px;
  }
  .single #page #secondary {
    margin-top: -100px;
  }
  .ppage-template-fees-template #page {
    margin-top: 150px;
    flex-wrap: wrap;
    padding: 245px 55px;
  }
  .ppage-template-fees-template #page header.entry-header {
    width: 100%;
    text-align: center;
  }
}
.newsletter-signup {
  padding: 20px 20px 32px;
  text-align: center;
  background: rgba(58, 95, 122, 0.9);
  color: #ffffff;
}
.newsletter-signup h3 {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  border: 1px solid #ffffff;
  display: table;
  margin: 32px auto 48px;
  padding: 7px 20px 7px 25px;
  letter-spacing: 0.4rem;
}
.newsletter-signup p {
  color: #ffffff;
  margin: 16px auto 32px;
}
.newsletter-signup #mc_embed_signup form {
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
  padding: 0;
}
.newsletter-signup #mc_embed_signup .mc-field-group {
  text-transform: uppercase;
  font-size: 0.8rem;
  vertical-align: top;
}
.newsletter-signup #mc_embed_signup input[type=submit] {
  padding: 0px 30px;
  line-height: 2.3rem;
  font-size: 16px;
  height: auto !important;
}
.newsletter-signup #mc_embed_signup #mce-success-response {
  color: #b1c07c;
}
.newsletter-signup #mc_embed_signup input {
  border-radius: 0;
}
.newsletter-signup #mc_embed_signup input[type=text], .newsletter-signup #mc_embed_signup input[type=email] {
  padding: 8px 16px 8px 8px !important;
  color: #27535d;
  background: #ffffff;
}
.newsletter-signup ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  text-align: right;
}
.newsletter-signup ::-moz-placeholder { /* Firefox 19+ */
  text-align: right;
}
.newsletter-signup :-ms-input-placeholder { /* IE 10+ */
  text-align: right;
}
.newsletter-signup :-moz-placeholder { /* Firefox 18- */
  text-align: right;
}

#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
  border: 1px solid #ef7e2e !important;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
  background: transparent !important;
  color: #ffffff !important;
}

@media all and (min-width: 768px) {
  .newsletter-signup {
    border: 20px solid #ffffff;
    border-bottom: 0;
  }
}
@media all and (min-width: 1024px) {
  .newsletter-signup #mc_embed_signup form {
    max-width: 1000px;
  }
  .newsletter-signup #mc_embed_signup .mc-field-group {
    width: 31%;
    display: inline-block;
    margin: 24px 1% 0 1%;
    padding-bottom: 16px;
  }
  .newsletter-signup #mc_embed_signup .foot {
    grid-template-columns: 3fr;
    width: 98.5%;
  }
  .newsletter-signup #mc_embed_signup input[type=submit] {
    width: auto;
    margin: 0 0 0 auto;
    color: #ffffff;
  }
}
.slide-form-button {
  position: fixed;
  right: 30px;
  bottom: -120px;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  background: url(images/chat-icon.svg) no-repeat center #ef7e2e;
  background-size: 40px;
  color: #27535d;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  border: 5px solid #ffffff;
  z-index: 99;
  cursor: pointer;
  box-shadow: 5px 5px 2px rgba(39, 83, 93, 0.2);
}
.slide-form-button:hover {
  background: url(images/chat-icon.svg) no-repeat center #ef7e2e;
  background-size: 44px;
}

.scrolled .slide-form-button {
  bottom: 30px;
}

.slide-form::-webkit-scrollbar {
  display: none;
}

.slide-form {
  background: #d7e4a9;
  position: fixed;
  width: 100%;
  left: -100%;
  top: 0;
  bottom: 0;
  transition: all 0.4s ease-in-out;
  z-index: 100;
  padding: 30px;
  color: #27535d;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.slide-form .form-container {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
.slide-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  text-align: right;
}
.slide-form ::-moz-placeholder { /* Firefox 19+ */
  text-align: right;
}
.slide-form :-ms-input-placeholder { /* IE 10+ */
  text-align: right;
}
.slide-form :-moz-placeholder { /* Firefox 18- */
  text-align: right;
}
.slide-form p {
  color: #27535d;
  margin: 0 0 12px;
}
.slide-form a {
  color: #ef7e2e;
}
.slide-form h2 {
  font-size: 2.5rem;
  margin: 0 0 24px;
  padding: 0 0 16px;
  position: relative;
}
.slide-form .slide-form-close {
  position: absolute;
  top: 45px;
  right: 30px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background: url(images/close-mustard.svg) no-repeat center #27535d;
  background-size: 14px;
  border-radius: 100%;
  transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.slide-form .slide-form-close:hover {
  transform: scale(1.05);
}
.slide-form input[type=text], .slide-form input[type=email], .slide-form input[type=tel], .slide-form textarea {
  border-bottom: 0;
  border: 1px solid #ffffff;
}
.slide-form input[type=submit] {
  padding: 20px;
  background: #ef7e2e;
  color: #ffffff;
  text-transform: uppercase;
  border: 0px solid #ffffff !important;
}
.slide-form .treatments-contact-container .treatments-contact-header {
  cursor: pointer;
  display: block;
  padding-left: 30px;
  position: relative;
}
.slide-form .treatments-contact-container .treatments-contact-header:before {
  left: 0;
  position: absolute;
  content: "";
  background: url(images/close-teal.svg) no-repeat center transparent;
  width: 15px;
  height: 15px;
  background-size: 13px;
  transform: rotate(45deg);
  transition: all 0.3s ease-in-out;
  top: 4px;
}
.slide-form .treatments-contact-container .treatments-contact-header.active:before {
  transform: rotate(0deg);
}
.slide-form .treatments-contact-container .treatments-contact-content {
  display: none;
  padding: 5px 0;
}

#masthead, .home-hero, #page, .newsletter-signup, #colophon {
  transition: all 0.2s ease-in-out;
}

#masthead, .home-hero, #page, .newsletter-signup, #colophon, .post-hero {
  transition: all 0.2s ease-in-out;
}

.form-open .slide-form {
  left: 0;
}
.form-open #masthead, .form-open .home-hero, .form-open #page, .form-open .newsletter-signup, .form-open #colophon, .form-open .post-hero {
  filter: blur(3px);
  opacity: 0.4;
}

@media all and (min-width: 768px) {
  .slide-form {
    width: 50%;
    right: -50%;
    left: auto;
    border: 20px solid #ffffff;
  }
  .form-open .slide-form {
    left: auto;
  }
  .form-open .slide-form, .open-menu .slide-form {
    right: 0;
  }
}
@media all and (min-width: 1024px) {
  .slide-form {
    max-width: 600px;
  }
}
.treatment-fees {
  padding: 0;
  margin: 0;
}
.treatment-fees li {
  position: relative;
  padding-right: 150px;
  margin-bottom: 2px;
  padding: 10px 0px;
  font-size: 1.25rem;
  margin: 0 0 10px;
  border-bottom: 1px solid #3a5f7a;
}
.treatment-fees li .treatment-name span {
  font-style: italic;
}
.treatment-fees li .treatment-price {
  position: absolute;
  right: 15px;
  font-family: "EB Garamond", serif;
  top: 0;
  bottom: 0;
  padding: 10px 0;
  color: #b1c07c;
  font-size: 1.1rem;
}

.page-template-fees-template #page .entry-header {
  width: 100%;
}
.post-type-archive-treatments .read-more, .post-type-archive-procedures .read-more {
  display: none;
}
.post-type-archive-treatments #masthead, .post-type-archive-procedures #masthead {
  background: transparent;
}
.post-type-archive-treatments .post-hero, .post-type-archive-procedures .post-hero {
  height: 100px;
  min-height: 100px;
}
.post-type-archive-treatments #breadcrumbs, .post-type-archive-procedures #breadcrumbs {
  margin: 0 auto 20px;
  text-align: center;
  border-bottom: 0;
}
.post-type-archive-treatments #page, .post-type-archive-procedures #page {
  width: 100%;
  max-width: 1100px;
  background-color: #ffffff;
  position: relative;
  padding-top: 40px;
}
.post-type-archive-treatments #page .teaser-container article, .post-type-archive-procedures #page .teaser-container article {
  margin-bottom: 48px;
  text-align: center;
}
.post-type-archive-treatments #page .teaser-container article header, .post-type-archive-procedures #page .teaser-container article header {
  width: 90%;
  margin: -27px auto 0;
  background: #ffffff;
  z-index: 1;
  position: relative;
  text-align: center;
  padding-top: 8px;
}
.post-type-archive-treatments #page .teaser-container article header h2, .post-type-archive-procedures #page .teaser-container article header h2 {
  margin-top: 16px;
}
.post-type-archive-treatments #page .teaser-container article header h2 a, .post-type-archive-procedures #page .teaser-container article header h2 a {
  color: #000000;
}
.post-type-archive-treatments #page .teaser-container article .entry-content, .post-type-archive-procedures #page .teaser-container article .entry-content {
  text-align: center;
}
.post-type-archive-treatments #page .teaser-container article .entry-content p, .post-type-archive-procedures #page .teaser-container article .entry-content p {
  font-size: 1rem;
}
.post-type-archive-treatments #page .post-title h1, .post-type-archive-procedures #page .post-title h1 {
  text-align: center;
  display: table;
  margin: 24px auto 32px;
  position: relative;
  padding: 0 20px;
}
.post-type-archive-treatments #page p.intro, .post-type-archive-procedures #page p.intro {
  margin: 0 auto 64px;
  text-align: center;
}

.scrolled.post-type-archive-treatments #masthead, .scrolled.post-type-archive-procedures #masthead {
  background: #ffffff;
}

@media all and (min-width: 768px) {
  .post-type-archive-treatments .post-hero {
    height: 140px;
  }
  .post-type-archive-procedures .post-hero {
    height: 140px;
  }
}
@media all and (min-width: 1024px) {
  .post-type-archive-treatments .post-hero, .post-type-archive-procedures .post-hero {
    height: 650px;
    min-height: 650px;
    position: relative;
  }
  .post-type-archive-treatments .post-hero:before, .post-type-archive-procedures .post-hero:before {
    position: absolute;
    content: "";
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 300px;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(0deg, rgb(255, 255, 255) 38%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgb(255, 255, 255) 38%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgb(255, 255, 255) 38%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    z-index: 1;
  }
  .post-type-archive-treatments #page, .post-type-archive-procedures #page {
    margin: -400px auto 0;
    padding: 40px;
    position: relative;
    z-index: 1;
  }
  .post-type-archive-treatments #page #primary, .post-type-archive-procedures #page #primary {
    width: 100%;
  }
  .post-type-archive-treatments #page .teaser-container, .post-type-archive-procedures #page .teaser-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .post-type-archive-treatments #page .teaser-container article, .post-type-archive-procedures #page .teaser-container article {
    width: 48%;
    margin: 0 0 48px;
  }
  .post-type-archive-treatments #page .teaser-container article header, .post-type-archive-procedures #page .teaser-container article header {
    width: 90%;
    margin: -27px auto 0;
    background: #ffffff;
    z-index: 1;
    position: relative;
    text-align: center;
    padding-top: 8px;
  }
  .post-type-archive-treatments #page .teaser-container article header h2, .post-type-archive-procedures #page .teaser-container article header h2 {
    margin-top: 16px;
  }
  .post-type-archive-treatments #page .teaser-container article header h2 a, .post-type-archive-procedures #page .teaser-container article header h2 a {
    color: #000000;
  }
  .post-type-archive-treatments #page .teaser-container article .entry-content, .post-type-archive-procedures #page .teaser-container article .entry-content {
    width: 95%;
    margin: 0 auto;
    padding: 0 20px;
  }
  .post-type-archive-treatments #page .teaser-container article .entry-content .read-more, .post-type-archive-procedures #page .teaser-container article .entry-content .read-more {
    padding: 10px 20px;
    background: #d7e4a9;
    color: #27535d;
    display: none;
    margin: 0 auto;
  }
}
.cta-tile {
  border-top: 1px solid #3a5f7a;
  padding: 20px 0;
}
.cta-tile p:first-child {
  margin-top: 0;
}
.cta-tile p:last-child {
  margin-bottom: 0;
}
.cta-tile p span {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  padding: 0 20px;
  line-height: 3rem;
  color: #27535d;
  background-color: #d7e4a9;
  margin-top: 10px;
  transition: all 0.2s ease-in-out;
}
.cta-tile p span:hover {
  background: #000000;
  color: #ffffff;
}
.cta-tile ul li {
  padding: 0;
}
.cta-tile ul li a {
  font-size: 2rem;
}

.blog #primary {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
.blog #primary .blog-header {
  text-align: center;
}
.blog #primary #breadcrumbs {
  border-bottom: 0;
  text-align: center;
  margin: 0 auto 48px;
}
.blog #primary article {
  margin-bottom: 24px;
  text-align: left;
}
.blog #primary article .entry-header .entry-title {
  font-weight: 500;
}
.blog #primary h2.entry-title {
  font-family: "Open Sans", sans-serif;
}
.blog #primary .entry-content p {
  font-size: 1rem;
}

@media all and (min-width: 768px) {
  .blog #primary {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .blog #primary .blog-header, .blog #primary #breadcrumbs {
    width: 100%;
  }
  .blog #primary article {
    width: 48%;
  }
}
@media all and (min-width: 1024px) {
  .blog #page #primary {
    width: 100%;
  }
}
.contact-page input[type=text], .contact-page input[type=email], .contact-page input[type=tel], .contact-page textarea {
  background: rgba(58, 95, 122, 0.1);
}/*# sourceMappingURL=style.css.map */