/*!
Theme Name: Berro Orthodontics
Theme URI: https://berroorthodontics.com/
Author: Boom Visibility
Author URI: https://www.boomvisibility.com/
Description: Description
Version: 2.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: berro_orthodontics
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.

Berro Orthodontics 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: #252B34;
	font-family: 'Roboto', -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 {
	font-family: 'Oswald', sans-serif;
	color: #252B34;
	line-height: 1.2;
	margin: 0;
	margin-bottom: clamp(0.4rem, 2vw, 1rem);
}

h2.section-title {
	font-weight: 400;
	margin-bottom: 0;
}

h4, p.section-header, span.section-header {
	color: #48A4E0;
	font-weight: normal;
	text-transform: uppercase;
}
h4.section-header, p.section-header, span.section-header{
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	margin-bottom: 0;}

p, ul li {
	font-size: clamp(15px, 2vw, 18px);
}
p{
	margin: 1em 0;
}

p:empty {
    display: none;
}

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

blockquote {
	margin: 0 1.5em;
	position: relative;
}

blockquote:before {
	content: url(icons/quote-icon.svg);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 75px;
    left: -20px;
    z-index: -1;
}

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%;
}

h1 {font-size: clamp(33px, 5vw, 55px);}
h2 {font-size: clamp(30px, 4.5vw, 50px);}
h3 {font-size: clamp(26px, 4vw, 36px);}
h4 {font-size: clamp(20px, 3vw, 26px);}
h5 {font-size: clamp(18px, 3vw, 24px);}
h6 {font-size: clamp(12px, 2vw, 16px);}

.textalign-center {text-align: center;}
.textalign-right {text-align: right;}

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

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

ul {list-style: none;}

ol {
	list-style: decimal;
}

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

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, svg {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

/* Table Styles */

table {
	margin: 0 0 1.5em;
	width: 100%;
	border-spacing: 0px;
}
table tr th {
	background-color: #074289;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	letter-spacing: 1px;
	font-weight: 400;
	text-transform: uppercase;
}
.entry-content table tr:nth-child(even) {
	background-color: #fefefe;
}
table tr th, table tr td {
	padding: 10px;
}

/* Links
--------------------------------------------- */
a,
a:visited,
a:hover,
a:focus,
a:active  {
	color: #343C49;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

a:focus {
	outline: thin dotted;
}

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

.entry-content a {
	color:#074289;
}
.entry-content a:hover {
	color: #48A4E0;
}

/* Forms
--------------------------------------------- */
.button,
a.button,
.book-button a,
button,
.entry-content .elementor-button.elementor-size-md,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border-radius: 0px;
    background: #48A4E0;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    padding: 9px 15px;
	border: 0px solid transparent;
}
a.button.yellow-button {
	background: #E9BB61;
	color: #fff;
	border: 2px solid #E9BB61;
}
a.button.yellow-button:hover {
	background: #fff;
	color: #48A4E0;
}
a.button.dark-button {
	background: #252B34;
	color: #fff;
	border: 2px solid #074289;
}
a.button.dark-button:hover {
	background: #074289;
}
a.button.thin-button {
    padding: 3px 15px;
}
a.button.orange-button, a.button.dark-button {
    display: block;
	margin-bottom: 10px;
}

.button:hover,
.book-button a:hover,
.entry-content a.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #fff;
	color: #343C49;
}

.learn-more, .learn-more:visited{
	color: #48A4E0;
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;}
.learn-more.orange-learn-more {color:#48A4E0; }
.learn-more:after, .book-button .button:after {
	content: ' >';
}
.learn-more:hover{color: #252B34;}

.button,
.button:active, .button:focus,
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"],
select,
textarea {
	color: #293758;
    border: 0px solid #ccc;
    border-radius: 0px;
    padding: 22px 26px;
    background: #f0f0f0;
    font-size: 16px;
    line-height: 1;
    width: 100%;
    text-transform: uppercase;
}
article.post input[type="text"],
article.post input[type="email"],
article.post input[type="url"],
article.post input[type="password"],
article.post input[type="search"],
article.post input[type="number"],
article.post input[type="tel"],
article.post input[type="range"],
article.post input[type="date"],
article.post input[type="month"],
article.post input[type="week"],
article.post input[type="time"],
article.post input[type="datetime"],
article.post input[type="datetime-local"],
article.post input[type="color"],
article.post select,
article.post textarea {
    background: #fff;}
select {
	text-align: center;
    padding: 23.5px 26px;
    appearance: none;
    -webkit-appearance: none;
  	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15.519" height="15.519" viewBox="0 0 15.519 15.519"><path id="Path_40" data-name="Path 40" d="M583.96,5201.239h9.974v9.973" transform="translate(4105.565 3271.961) rotate(135)" fill="none" stroke="%23293758" stroke-width="2"/></svg>');
  	background-repeat: no-repeat;
  	background-position-x: calc(100% - 20px);
    background-position-y: 20px;
}

::placeholder {
	color: #293758;
	text-transform: uppercase;
}

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

textarea {
	width: 100%;
}

textarea#comment {
    background: #fff;
}

span.thin {font-weight: 400;}
span.vert-divider {
    color: #424b6f;
    display: block;
    margin: 0 20px;
    font-size: 26px;
}
@media(min-width: 600px) {
	a.button.orange-button, a.button.dark-button {
		display: inline-block;
	}
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

.container {
	max-width: 90%;
	margin: 0 auto;
}
@media (min-width: 767px){
	.flex-container {
		display: flex;
		flex-wrap: wrap;
	}
	.flex-container.flex-reverse {
		flex-direction: row-reverse;
	}
	.flex-center {align-items: center;}
	.justify-center {justify-content: center;}
	.flex-around  {justify-content: space-around;}
	.flex-between, .flex-container.flex-2 {justify-content: space-between;}
	.flex-container.flex-2 > * {
		flex-basis: 48%;
	}
}
@media (min-width: 1250px){
	.container {
		max-width: 1168px;
	}
}

/* Home Page */
section.home-header {
    position: relative;
}
.home-text {
	margin-bottom: 35px;
}
.home-title {
	color: #fff;
    line-height: 1;
}
.home .home-title {
	font-weight: 400;
	margin-bottom: 10px;}
.home-text {
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
	z-index: 5;
	width: 70%;
}
.home-text h2 {
	color: #fff;
	margin: 0;
}
.video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 30px;}
.video-wrapper iframe, .video-wrapper object, .video-wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-container {display: none;}
.video-container figure.wp-block-video {
    position: absolute;
    top: 0;
    width: 100%;
}
@media(min-width: 1025px){
	.home-title {
		font-size: 55px;
		margin-bottom: 0;}
	.video-container {
		display: block;
		position: absolute;
		width: 100%;
		top: 0;
		height: 0px;
		padding-bottom: 49%;
		overflow: hidden;
		}
		.video-container video {
			width: 100%;
			margin-top: -100px;
		}
		.video-container .overlay {
			position: absolute;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,0.6);
			z-index: 1;}
}
section.home-toolbar {
    position: relative;
	z-index: 5;
}
.toolbar {
    background-color: #343C49;
    display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
	margin-top: -5%;
}
.toolbar-item, .info{
    text-align: center;
    position: relative;
    padding: 20px;
	flex-basis: 100%;
}

.toolbar-item a {
    color: #074289;
    width: 100%;
    height: 100%;
    display: block;}
.toolbar-item.last a:after {display: none;}
.toolbar-item h3 {
	text-transform: uppercase;
    font-size: 20px;
    color: #E9BB61;
    text-align: center;
}
.toolbar-item.last {padding-bottom: 80px;}
.info {
	background-color: #E9BB61;
	color: #F0F0F0;
	position: relative;
	padding: 20px 20px 45px 20px;
}
a.info-link {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
	top: 0;
    left: 0;
    z-index: 99;
}
.info:before {
	background:
		linear-gradient(-45deg, #E9BB61 16px, red 16px, blue 16px,  transparent 0),  linear-gradient(45deg, #E9BB61 16px, transparent 0);
    background-position: left top;
    background-repeat: repeat-x;
    background-size: 22px 32px;
    content: " ";
    display: block;
    height: 32px;
	width: 100%;
	position: relative;
	top: -30px;
	left:0;}
.toolbar-item .icon {
    height: 100px;
    position: relative;
}
.toolbar-item .icon img {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}
.info:before {
	content: "";
    position: absolute;
    display: block;
}
.info-container {
    margin: 0 20px;
    border: 3px solid #F0F0F0;
    position: relative;
}
.info-container .info-header{
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translateX(-50%);
}
.info-container .info-icon{
	position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Oswald';
    text-transform: uppercase;
    background-color: #f0f0f0;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    color:#E9BB61;
    line-height: 1.2;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.info-container .info-header h4{
	padding: 0 10px;
	background-color: #E9BB61;
	color: #F0F0F0;
	font-size: 19px;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 26px;
	margin: 0;
}
.info-text {
	padding: 30px 5% 45px;
}
.info-text p {
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	text-transform: uppercase;
	margin: 0;
}
.info-text p strong{
	font-weight: 700;
	font-size: 2em;
}
.berro_ortho-location .intro-text {
    padding: clamp(10px, 1.5vw, 18px) 0 0 clamp(25px, 3vw, 45px);
}
@media (min-width: 767px){
	.toolbar-item {flex-basis: 50%;}
	.toolbar-item h3 {
    	position: absolute;
   	 	width: 90%;
    	top: 50%;
    	transform: translateY(-50%);
	}
	.toolbar-item a:after {
		content: '';
		border-right: 2px solid #0E5D80;
		border-bottom: 0px solid transparent;
		position: absolute;
		right: 0;
		top: 20%;
		height: 60%;}
	.toolbar-item:nth-child(even) a:after {display: none;}
	.toolbar-item, .toolbar .info{
		padding: 60px 10px;}
	.toolbar-item.last {padding-bottom: 0px;}
}
@media(min-width: 1025px){
	.info:before {
    	height: 100%;
    	top: 0px;
    	left: -12.5px;
    	width: 25px;
    	background: linear-gradient(-140deg, #E9BB61 15px, transparent 0) 0 15px, linear-gradient(320deg, #E9BB61 15px, #343C49 0) 0 15px;
    	background-color: #E9BB61;
    	background-position: left bottom;
    	background-repeat: repeat-y;
    	background-size: 25px 25px;}
	.toolbar {margin-top: -130px;}
	.toolbar-item {flex-basis: 19%;}
	.toolbar-item.last {flex-basis: 20%;margin-left: -2%;}
	.toolbar-item:nth-child(even) a:after {display: block;}
	.toolbar .info {flex-basis: 23%;}
  }
section.intro {
	padding: 60px 0;
}
section.intro, section.treatment, section.services, div.intro {
    position: relative;
}
div.intro {z-index: 2;}
section.intro.with-form{
	overflow: hidden;
}
section.intro.member-intro {overflow: visible;}
section.intro section.extra-info img{ display: none;}
.intro-text {
	position: relative;
	z-index: 2;
}
.intro-text-container {padding: 30px; }
.intro-text-container p, .more-info p{
	color: #252B34;
	font-size: 18px;
	line-height: 30px;
}
.intro-text-container li{
	color: #252B34;
	font-weight: bold;}
.intro-image-container img.round-logo {
	position: absolute;
	top: 0;
	right: 50px;
	z-index: 1;
}
.intro-image-container .intro-image {
	position: relative;
	height: 0;
	padding-bottom: 50%;
	width: 100%;
	background-size: cover;
	background-position: center;}
section.treatment h4, section.treatment a, section.treatment a.learn-more {
	color: #48A4E0;
}
svg.back-slash {
	position: absolute;
	right: 0;
	bottom: -9%;
	z-index: -1;
	opacity: 0.4;}
@media (min-width: 767px){
	section.intro section.extra-info {padding: 70px 0 0 0;}
	section.intro section.extra-info img{ display: block;}
	.flex-container.flex-2 > .intro-text {
    	flex-basis: 56%;}
	.flex-container.flex-2 > .intro-text.yellow-back {
        flex-basis: 52%;
    }
	.intro-text-container {
		background: #f0f0f0;
		padding: 20px 60px 60px;}
	.intro-image-container .intro-image {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 50%;
		height: 50vw;
    	max-height: 462px;
		padding: 0;
		background-size: cover;
		background-position: center;
		transform: translateY(-15%);
	}
	.first-visit .intro-image-container .intro-image {
		left: 48%;
	}
	.intro-image-container img.round-logo {
		top: calc(80% - 462px);
		right: 17.2%;
		z-index: 5;}
	.intro-image-container svg.back-slash {
		position: absolute;
		top: 55%;
    	bottom: auto;
    	right: 15%;
    	opacity: 1;
    	transform: translateY(-50%);}
}
@media(min-width: 1025px){
	section.intro {padding: 125px 0;}
	.single-locations section.intro.with-form {
   	 	padding: 125px 0 0 0;}
	.single-locations .intro.with-form .container {
    	background: #F0F0F0;
    	padding-bottom: 120px;}
	section.info-section {margin-top: -55px;}
}

section.yellow-back {
	background: #E9BB61;
    padding: clamp(50px, 10vw, 100px) 0 clamp(15px, 3vw, 30px) 0;
}
section.yellow-back .flex-container > * {margin: 0 0 20px 0;}
section.yellow-back h2.section-title {
	color: #074289;
}
.blue-swiggle {
    max-width: 316px;
    width: 100%;
    padding-bottom: 3.9%;
    background-image: url(images/blue-swiggle.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.differences-list a.button {
    color: #fff;
    float: right;
}
ul.four-col, ul.two-col{
	list-style: none;
	margin: 50px 0;
	padding: 0;
}
.locations ul.four-col {
    max-width: 75%;
    margin: 10px auto;
}
ul.four-col h3,
ul.two-col h3 {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 30px;
}
ul.four-col a,
ul.two-col a {
	color: #252B34;
}
ul.four-col a:hover,
ul.two-col a:hover  {
	color: #074289;
}
.location-image {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 10px;
    height: 38px;
    width: 32px;}
@media(min-width: 767px) {
	section.locations .flex-container > * {margin: 0 0 clamp(20px, 3vw, 35px) 0;}
	section.navy-back .flex-container > * {margin: 0 0 clamp(20px, 3vw, 35px) 0;}
	.locations ul.four-col {
		max-width: 100%;
		margin: 50px auto;
	}
	ul.four-col {
		display: grid;
    	grid-template-columns: 2fr 2fr 2fr 2fr;
	}
}
@media (min-width: 1025px){
	.blue-swiggle {margin: 0 0 0 20px !important;}
	ul.four-col > li{
		flex-basis: 24%;
	}
	ul.three-col {
		column-count: 3;
		column-gap: 20px;
	}
	ul.two-col {
		column-count: 2;
		column-gap: 20px;
	}
}

.orthodontics {
	background-color: #fff;
	background-image: url(images/side-slash.svg);
	background-repeat:no-repeat;
	background-position: -10% 32%;
	padding: 75px 0;
}
.age-image {
	position: relative;
    background-size: cover;
    padding-bottom: 150%;
	background-position: center;
}
.age-image a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.age {
	margin-bottom: 30px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}
.age:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);}
.age h2 {margin: 25px 0 15px 0;}

.orthodontics .flex-container.flex-3 {
	margin-top: 75px;
}

@media (min-width: 767px){
	.flex-container.flex-3 {
		justify-content: space-between;
	}
	.flex-container.flex-3 > * {
		flex-basis: 32%;
	}
	.orthodontics .flex-container.flex-3 {
		margin-top: 150px;
	}
	.age {margin-bottom: 0px;}
}
section.treatment, section.services {padding: 9% 0 0 0;}
.services h4.section-header, .services p.section-header, .services a.learn-more {
	color: #E9BB61;
}
.services a.learn-more {text-align: right;}
.treatment .container, section.services .container {
    margin-bottom: 100px;
}
section.treatment .flex-reverse .intro-image-container svg.back-slash {
	left: 10%;
    bottom: 0;
}
.treatment-text {
	padding: 30px 0 0 30px;
}
.treatment-text ul {padding: clamp(25px, 5vw, 55px) 0 0 clamp(25px, 5vw, 55px);}
.button-container {padding: 50px 0 0 0;}

@media(min-width: 767px){
	section.treatment .flex-reverse .intro-image-container .intro-image {
		left: 0;
		max-height: 566px;
		transform: translateY(0%);
	}
	section.services .intro-image-container .intro-image {
		right: 0;
		max-height: 566px;
		transform: translateY(-20%);
	}
}

/* Locations Page */

.d-none {display: none;}
section.intro.page-intro {
    padding: 75px 0;
	margin-bottom: 67px;
}
section.intro.page-intro .intro-text-container {
	padding: 20px;
}
.office-image-container {position: relative;}
img.office-image, picture.office-image {
    position: relative;
    z-index: 9;
}
.office-flex {
    margin: 100px 0 0 0;
}
.office-flex img.office-pin {
    position: absolute;
    top: -15%;
    left: 200px;
	z-index: 9;
}
.office-flex svg.back-slash {
    left: 75px;
    top: -100px;
	opacity: 1;
}
.office-text h2.section-title{margin: 30px 0 10px 0;}
.office-text p{
	font-size: clamp(15px, 2vw, 18px);
	margin: 0;
	line-height: 1.75;
}
.office-info-left > *, .office-info-right > * {
	display: flex;
	margin: 1em 0;
}
.office-info-left > a.map-link {
    margin: -12px 0 0 32px;
    font-size: clamp(15px, 2vw, 18px);
    color: #fff;
    text-decoration: underline;
}
.office-text .section-header {margin-bottom: 20px;}
.address:before {content: url(icons/address-icon-blue.svg);}
.hours:before {content: url(icons/hours-icon-blue.svg);}
.phone:before {content: url(icons/phone-icon-blue.svg);}
.office-text .office-info-left > *:before,
.office-text .office-info-right > *:before {
	margin-right: 10px;
	margin-top: 4px;
}
.hours table tr td {
    padding: 0;
    font-size: clamp(15px, 2vw, 18px);
    line-height: 1.75;
}
.office-text .office-info-right a {color: #fff;}
.office-text .office-info-right a:hover {color: #48A4E0;}
.office-text .office-info-right a.button:hover {color: #074289;}
.email .dashicons {
    font-size: 25px;
    color: #48A4E0;
    margin-right: 8px;
}
.email .email-yellow .dashicons {
    font-size: 35px;
    color: #E8BB61;
    margin: 8px 0 0 0;
	display: flex;
    justify-content: center;
    width: 100%;
}
.office-text .button-container {padding-top: 30px;}
.office-text .button-container > * {margin-bottom: 10px;}
.office-flex.flex-container.flex-2 > .divider-line {
    flex-basis: 100%;
    background: #5C412D;
    height: 1px;
    margin: 35px 0;
}
.office-flex.flex-container.flex-2:last-of-type > .divider-line {
	display: none;
}
.office-flex.flex-container.flex-2:last-of-type > .null {
	padding: 75px 0 0 0;
}
@media (min-width: 767px){
	.office-text h2.section-title{margin: 0 0 10px 0;}
	section.intro.page-intro .intro-image-container .intro-image {top: 30%;}
	section.intro.page-intro .intro-image-container img.round-logo {top:72%;}
	section.intro.page-intro .two-col{margin-bottom: 0;}
	section.intro.page-intro .intro-text-container {padding: 20px 60px 60px 0px;}
	section.intro.page-intro .intro-image-container svg.back-slash {top: 55%;}
	.office-flex.flex-container.flex-2 > .divider-line {flex-basis: 55%;margin: 75px 0;}
	.office-flex:nth-child(even) {flex-direction: row-reverse;}
	.button-container.flex-container > *, .office-text > .flex-container.flex-2 > * {flex-basis: 100%;}
}
@media (min-width: 1025px){
	.page-template-template-locations-page section.intro.page-intro {padding-bottom: 185px;}
	.location-section {
		max-width: 950px;
		margin: 0 auto;
	}
	.office-flex.flex-container.flex-2 > .office-image-container {flex-basis: 325px;}
	.office-flex.flex-container.flex-2 >.office-text {flex-basis: calc(100% - 400px);}
	.button-container.flex-container > *, .office-text > .flex-container.flex-2 > * {flex-basis: 48%;}
}

/* Single Locations */
.form {position: relative;z-index: 1;}
.form .blue-angle, .form .form-logo {position: absolute;}
.form .form-logo {
	bottom: -25px;
	left: 88%;
}
.form svg.blue-angle {
    bottom: -5px;
    left: -20px;
    z-index: -1;
}

/* Team Page */
section.intro.team-intro {
    padding: 125px 0;
    margin-top: 40px;
}
.doctor-list .office-text .section-header {margin-bottom: 0px;}
.doctor-list .office-text p {margin-bottom: 1.5em;}
li.list-item {
    display: flex;
    margin-bottom: 18px;
    line-height: clamp(20px, 2.5vw, 30px);
	-webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
	justify-content: space-between;
}
section.staff {
    padding: 75px 0;
    background: #fff;
}
.office-image-container a {
    position: relative;
    z-index: 5;
}
.office-image-container svg.back-slash {z-index: 0;}
.staff-name { margin-bottom: clamp(30px, 3.5vw, 45px);}
.staff-name h3 {margin-bottom: 0;}
.staff-name p {margin-top: 5px;}
section.navy-back h2 {color: #fff;padding-right: 25px;}
section.navy-back li.list-item svg { flex-basis: 30px;margin-top: 4px;}
li.list-item span {flex-basis: calc(100% - 60px);}
@media (min-width: 767px){
	section.intro.team-intro .intro-image-container .intro-image {
		top: 50%;
		transform: translateY(-50%);
	}
	section.intro.team-intro .intro-image-container img.round-logo {
		top: 72%;
	}
}
@media(min-width: 1025px){
	.divider-section {padding: 20px 0;}
}

/* Team Member Page */
.member-intro .container, .professional .container {
    background: #f0f0f0;
	max-width: 90%;
}
.professional .container {padding: 50px 0 75px;}
section.quote-section {
    background: #CCE7EB;
	padding: 50px 0;
}
.professional ul {
	line-height: 1.5;
    list-style: disc outside;
    padding: 10px 18px;
}
.professional ul li{
	margin-bottom: 10px;
}
section.quote-section blockquote{
	color: #252B34;
	font-weight: 500;
	font-size: clamp(26px, 3.5vw, 40px);
	line-height: 1.25;
	text-align: center;
	font-style: italic;
}
section.quote-section hr {
	max-width: 532px;
	background-color: #5C412D;
	height: 1px;
	margin: 35px auto;
}
section.quote-section .quote-attribution {
	max-width: 532px;
	margin: 0 auto;
	text-align: right;
	color: #252B34;
}
.top-image-container, .top-image-container img{
    position: relative;
	z-index: 1;
	text-align: center;
}
.education-container, .education-container p {color: #252B34;}
.education-container > * {margin-bottom: 35px;}
.education-container h5 {
	margin-top: 20px;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
}
.education-container ul {
	font-size: 18px;
	padding: 0;
	margin: 0 0 0 20px;
}
.education-container ul li:before {
	content: "\2022";
	color: #074289;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}
.divider.textalign-center {
    margin: 35px 0;}
.divider.textalign-center svg{
	max-width: 100%;
}
@media(min-width: 767px){
	.top-image-container svg.back-slash {
		z-index: 0;
		left: 50%;
		opacity: 1;
		top: 70px;
		transform: translateX(-50%);}
}
@media (min-width: 1025px){
	section.quote-section {padding: 150px 0;}
	.education-container > * {flex-basis: 48%;margin-bottom: 0;}
	section.intro.member-intro {
		padding: 0;
	}
	.member-intro .container {
		padding: 75px;
		margin: -75px auto;}
	.professional .container {
		padding: 75px;
		margin: -75px auto 75px;}
	.divider.textalign-center {margin: 75px 0;}
}

@media(min-width: 1300px) {
	.member-intro .container, .professional .container {
		max-width: 1250px;
	}
}

/* Overview Page */
.overview-text .intro-text-container {
	padding: 120px 60px 60px;
	margin: 0;
}
.overview-text h2.section-title {
	margin-bottom: -60px;
}
.overview-text .list {
	margin: -60px 30px 0;
	color: #252B34;
	line-height: 1.5;
}
section.extra_info {
    background: #fff;
    padding: 150px 0 75px 0;
	overflow: hidden;
}
.extra_info h4.section-header, .extra_info p.section-header {
	color: #48A4E0;
}
.left img.office-image,
.right img.office-image {
    position: relative;
    z-index: 1;
}
.left img.back-slash {
    position: absolute;
    left: -75px;
    bottom: -3vw;
}
.right img.back-slash {
    position: absolute;
    right: -100px;
    top: -75px;
}
.info-box {margin-bottom: 30px;}
.info-box .office-text {
    margin: 50px auto;
    max-width: 450px;
}
.service-list .container{
	padding: clamp(50px, 9vw, 75px) 0;
}
.service-list .office-text h2.section-title {
	margin-bottom: 0;
}
.service-list h4.section-header, .service-list p.section-header {
	color: #48A4E0;
}
.info-box .office-text .section-header {
	margin-bottom: 0;
}
.info-box .office-text h2.section-title {
    margin: 0 0 10px 0;
}
.office-text-container {
    padding: 30px;}

@media(min-width: 767px) {
	.info-box {margin-bottom: 0px;}
}

/* Single Location Page */
.home-text #breadcrumbs a, .home-text #breadcrumbs span {
    color: #ccc;
}
.home-text #breadcrumbs span {
    margin: 0 7px;
}
.home-text #breadcrumbs {
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 400;
}
p.gform_required_legend {
    display: none;
}
.middle-section {
	color: #252B34;
}
section.info-section {
    padding: clamp(50px, 8vw, 125px) 0;
}
section.adventure-braces-location {
    overflow: hidden;
}
section.adventure-braces-location .intro {
	padding: 125px 0 0 0;
	overflow: visible;
}
section.adventure-braces-location .intro .container{
	padding: 0 0 125px 5%;
	position: relative;
}
section.adventure-braces-location .intro .form {position: initial;}
section.adventure-braces-location .intro .form .form-logo {
    bottom: 100px;
    left: 95%;
}
section.adventure-braces-location .intro .form svg.blue-angle {
    bottom: 75px;
    left: calc(100% - 625px);
    z-index: -1;
}
section.info-section {background: #252B34;color: #fff;}
section.info-section .address:before {content: url(icons/location-icon-yellow.svg);}
section.info-section .hours:before {content: url(icons/hours-icon-yellow.svg);}
section.info-section .phone:before {content: url(icons/phone-icon-yellow.svg);}
section.info-section .info-box > div:before {
	height: 30px;
    display: block;
}
section.info-section a {
	color:#E8BB61;
	text-decoration: underline;
}
section.info-section a.map-link {
    margin: -22px 0 0 0;
    font-size: clamp(15px, 2vw, 18px);
    color: #074289;
    text-decoration: underline;
}
.midsection .container {
    padding: 5%;
    position: relative;
}
.treatments.flex-container {
    margin: 0 0 50px 0;
    background: #F0F0F0;
    position: relative;
}
section.reviews-section {
    background: #F2EAD4;
    padding: 50px 0;
}
.middle-section svg {max-width: 100%;}
section.reviews-section .rpi .rpi-biz-based {
	color: #252B34 !important;
	font-size: 18px !important;
	text-shadow: 0px 0px 0px #fff !important;
	margin-left: 25px;
}
section.reviews-section .rpi .grw-slider .wp-google-wr {margin: 15px auto 0 23px !important;}
.page-template-default section.reviews-section .rpi .grw-slider .wp-google-wr {margin: 0px !important;}
.dark h2 {color: #fff;}
section.reviews-section .rpi .rpi-biz-rating.rpi-biz-google .rpi-biz-score {
	color: #252B34 !important;
	font-weight: 400 !important;
	font-size: 32px !important;
}
section.reviews-section.section-styles .rpi .rpi-biz-rating.rpi-trim,
section.reviews-section.section-styles .rpi .rpi-biz-based {
	margin: 0px 0px 10px 0px;
}
section.reviews-section .rpi .rpi-biz-rating.rpi-trim {
    margin: 25px 0px 10px 25px;
}
section.reviews-section .rpi-name, section.reviews-section .rpi-name a {
    font-size: clamp(14px, 1.5vw, 16px);
}
section.reviews-section .rpi-text {
	font-size: 14px;
}
.reviews-section h2 {
	font-size: clamp(22px, 3.5vw, 36px);
}
section.reviews-section .rpi .rpi-slider .rpi-header .rpi-stars svg {
	width: 26px!important;
    height: 26px!important;
}
section.reviews-section .rpi .rpi-slider .rpi-header .rpi-stars svg use {fill: #E9BB61;}
section.reviews-section h4.section-header, section.reviews-section p.section-header {color: #E9BB61;}
section.reviews-section .rpi .rpi-slider .rpi-header {text-align: left;}
section.reviews-section .rpi .rpi-slider .rpi-header .rpi-scale {
    display: none;}
section.reviews-section .rpi .rpi-review-inner {background: #fff;}
section.reviews-section .rpi .rpi-slider .rpi-header .rpi-score {
    display: block;
    color: #000;
    margin: 20px 0 0 20px;
}
section.reviews-section .rpi .rpi-slider .rpi-header .rpi-rating {
	color: #000;
	font-weight: 400;
	font-size: clamp(18px, 3vw, 32px);
}
section.reviews-section .rpi-clickable:first-of-type {margin-left: 20px;}
section.reviews-section .rpi .rpi-slider .rpi-header .rpi-based {
	margin-left: 20px;
	font-size: clamp(15px, 1.75vw, 18px);
	color: #1F293B;}
section.reviews-section .rpi .rpi-list-header-right h4.section-header, section.reviews-section .rpi .rpi-list-header-rightp.section-header {color: #48A4E0;}
img[data-func=".rpilg_init_sliderlite_theme"] {
    display: none;
}
section.gallery {padding: 50px 0 0 0;margin: 0;}
@media (min-width: 1025px){
	.treatments.flex-container {
		margin: 0 0 -75px 0;}
	.treatments.flex-container, .doctor, section.gallery .container {
		padding: 75px;
	}
	.midsection {margin-top: -55px;}
	.midsection .container {position: relative; background: #f0f0f0;}
	section.reviews-section {padding: 125px 0;}
	section.gallery {padding: 0;}
	section.gallery .container {
		margin-top: -70px;
		background: #f0f0f0;
	}
	section.adventure-braces-location .intro .container:after{
		content: '';
		height: 75px;
		background: #f0f0f0;
		position: absolute;
		width: 1250px;
		margin-top: 150px;
		bottom: -75px;
		left: calc(50% - 625px);
	}
}
@media (min-width: 1300px){
	.reviews-section .container, section.gallery .container {
		max-width: 1220px;
	}
}

/* Service Page */
section.list.service-list.navy-back {padding: 9% 0;}
.surf-background {
	background-size: contain;
    height: 0;
    padding-bottom: 7%;
    margin: 10px auto;
    max-width: 100%;
	background-repeat: repeat;
}
.flex-container > .berro-icon-section {
    position: relative;
    flex-basis: 85px;
    max-width: 85px;
}
.flex-container .berro-icon-section:before {
    content: '';
    position: absolute;
	top: -13px;
    right: -10px;
    width: 55px;
    height: 55px;
    background: #E9BB61;
	opacity: 0.291;
    z-index: 0;
    border-radius: 50%;
}
.flex-container .berro-icon-section img {position: relative;}
.berro-icon-section-container {padding: 50px 0;}
.berro-icon-section-text {
    flex-basis: calc(100% - 150px);
}
.berro-icon-section-text h3{
	font-size: clamp(22px, 3.5vw, 30px);
}
.berro-icon-section-text hr{
	background: #5C412D;
	margin: 35px 0;
	max-width: 532px;
}
.berro-icon-section-container .flex-container:last-of-type .berro-icon-section-text hr {
	display: none;
}
section.video, .video-wrapper {
    position: relative;
	margin: 0 auto;
}
.video-wrapper iframe{
	border: 0;
}
.professional.berro-icon-section .container {
    padding: 10vw;
    margin: 0;
}
.professional.berro-icon-section .flex-container {position: relative;}
.professional.berro-icon-section .flex-container .high-anchor {
	position: absolute;
	top: -150px;
}
.lower-section .container {
	padding: 35px 0;
	position: relative;
	background: #f0f0f0;
}
.divider-full {
    background-size: cover;
    padding-bottom: 1.4%;
    background-position: center;
    width: 100%;
    height: 0;
    display: block;
    position: relative;
    margin: clamp(15px, 2.5vw, 30px) 0 clamp(75px, 10vw, 125px) 0;
}
@media(min-width: 1025px){
	section.list.service-list h2.section-title {
		max-width: 55%;
	}
	.professional .divider.textalign-center {
		margin: 35px 0;
	}
	.professional.berro-icon-section .container, .lower-section .container {
		padding: 75px;
		position: relative;
		background: #f0f0f0;
	}
	.professional.berro-icon-section .container {margin:-75px auto 0;}
	.lower-section .container {margin: -75px auto 0;}
	.berro-icon-section-container {padding: 125px 30px 0px 30px;}
}

/* Blog Page */
.blog-posts article.post:nth-child(odd) .flex-container {
	flex-direction: row-reverse;
}
.blog-posts article.post:nth-child(even) {
    background: #fff;
}
.entry-title {margin-bottom: 10px;}
@media(min-width: 1025px){
	.entry-image {flex-basis: 25%;}
	.entry-text {flex-basis: 70%;margin-bottom: 20px;}
}
footer.entry-footer a{
	color: #074289;
}
.entry-meta {
    margin: 1em 0;
}
.tags-links, span.cat-links {
    display: block;
}

/* Single Post */
.home-text .entry-meta, .home-text .entry-meta a, #breadcrumbs, #breadcrumbs a {
    color: #fff;
    margin-top: 10px;
}
.single .flex-container h2 {
	font-size: clamp(22px, 3.5vw, 36px);
	margin: 0 0 20px 0;
	font-weight: 400;
}
.brace-item {
	background: #fff;
	padding: clamp(20px, 3vw, 30px);
	margin: clamp(20px, 3vw, 30px) 0;}

/* 404 Page */
.search-form {
    background: #F0F5F4;
    border: 1px solid #639086;
    display: inline-block;
}
.search-form input{width: auto;}
.search-form input.search-submit {
    margin-right: 12px;
    margin-top: 10px;
}

/* Search Page */

.search-section {
    padding: 75px 0;
}
.search-section:first-of-type {
	padding-top: 0;
}
.search-section:nth-child(even) {
    background: #fff;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Header */

section.home-header {
    height: 400px;
    background-size: cover;
    background-position: center;
    background-color: rgba(24, 83, 153, 0.47);
    background-blend-mode: multiply;
 	position: relative;
}
.home section.home-header {
	background-position: 50% 17%;
}
header#masthead {
    position: absolute;
    width: 100%;
	padding: 0;
	transition: all 0.3s;
}
header#masthead.smaller {
    background: #074289;
}
header#masthead.smaller .main-navigation .menu> li > a {color: #fff;}
header#masthead.smaller .main-navigation .menu> li.book-button > a {
	background: #48A4E0;
}
header#masthead.smaller .main-navigation .menu> li.menu-item-has-children > a:after {
	color: #fff;}
header#masthead li.logo {
	padding-bottom: 17%;
	display: block;
	position: absolute;
	width: 284px;
	z-index: 99;
	background-size: contain;
	background-repeat: no-repeat;}
@media(min-width: 1025px){
	section.home-header {
		height: 0;
		padding-bottom: 30%; }
	.home section.home-header {
		padding-bottom: 49%;
		position: relative;}
	header#masthead {padding: 20px 0;}
	header#masthead li.logo {position: relative;padding-bottom: 26%;}
	header#masthead.smaller li.logo {width: 284px;}
}

/* Entry Content */
.entry-content ul li {
	font-size: clamp(15px, 2vw, 18px);
	line-height: clamp(30px, 3vw, 40px);
	position: relative;
	margin-left: 30px; }
.entry-content ul li.page_item {
	margin: 10px 30px;
	line-height: 1.5;
	}
.entry-content ul li:before {
	content: '';
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="16" viewBox="0 0 13 16"><g id="Polygon_12" data-name="Polygon 12" transform="translate(13) rotate(90)" fill="none"><path d="M8,0l8,13H0Z" stroke="none"/><path d="M 7.999999523162842 5.724116325378418 L 5.368686676025391 10 L 10.63131237030029 10 L 7.999999523162842 5.724116325378418 M 7.999999523162842 0 L 16 13 L -9.5367431640625e-07 13 L 7.999999523162842 0 Z" stroke="none" fill="%2348A4E0"/></g></svg>');
	margin-left: -26px;
	margin-right: 10px;
	width: clamp(11px, 2vw, 15px);
    height: clamp(13px, 2vw, 18px);
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
}
.entry-content ul li p {
    display: inline-block;
    margin: 0 0 1em 0;
    max-width: calc(100% - 20px);
    vertical-align: top;
}
.entry-content ul.check li:before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30.547" height="21.821" viewBox="0 0 30.547 21.821"><path id="Path_389" data-name="Path 389" d="M1552.964,1929.087l9.787,9.493,18.655-18.655" transform="translate(-1551.92 -1918.865)" fill="none" stroke="%2348A4E0" stroke-width="3"/></svg>');
	width: clamp(18px, 2vw, 28px);
    height: clamp(12px, 2vw, 19px);
	margin-right: 0;
	position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    top: 5px;
    left: -15px;
}
.entry-content ul.check li {
	line-height: 1.75;
}

/* Pagination */

.navigation {text-align: center;}
.navigation li { display: inline-block; margin-right: 5px;}
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled {text-decoration:none;}
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled {
	border-radius: 0px;
	background-color: #fff;
	border: 1px solid #252B34;
	cursor: pointer;
	padding: 5px 12px; }
.navigation li a:hover, .navigation li.active a { background-color: #252B34; color: #fff;}

/* Footer */

footer.site-footer {padding: 75px 0 25px 0;}
footer.site-footer hr {
	background-color: #ccc;
	height: 2px;
	margin: 25px 0;
}
footer.site-footer .site-logo {margin-bottom: 40px;}
.logo-section {
    background: #fff;
    padding: clamp(35px, 5vw, 75px) 0;
}
.logo-section .flex-container.flex-center.flex-around {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;}
.logo-section .flex-container.flex-center.flex-around > *{
	flex-basis: 48%;
	margin-bottom: 10px;}
.logo-section .flex-container.flex-center.flex-around > div.logo img {
	width: auto;
	height: auto;
}
.logo-section .logo {padding: 0 1vw;}
.site-info p {text-align: center; font-size: 16px;}
.site-info p, .site-info a:hover {color: #252B34;}
footer .social-icons {
	width: 100%;
    justify-content: center;
}
@media(min-width: 767px){
	footer .flex-container.flex-3 > * {flex-basis: 48%;}
	footer .flex-container.flex-3 > .left-divider {flex-basis: 0;}
	footer.site-footer .site-logo {margin-bottom: 0px;}
	footer .social-icons {width: auto;}
	.logo-section .flex-container.flex-center.flex-around > *{
		flex-basis: auto;
		margin-bottom: 0px;}
}
@media(min-width: 1025px){
	footer .flex-container.flex-3 > *, footer .flex-container.flex-3 > .left-divider {flex-basis: 32%;}
}

/* Navigation
--------------------------------------------- */
/* Alert */
.alert {
	background: #074289;
	color: #fff;
	padding: 10px 20px;
	text-align: center;
	margin: 0;
}
.alert p {
	font-family: 'Oswald', sans-serif;
	margin: 0;}
	.alert a { color: #fff; }

#popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 99999;
	opacity: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}
#popup img{
	max-height: 90vh;
	width: auto;
}
#popup.open {
	opacity: 1;
}
#popup .popup {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#popup .popup a.close {
    position: absolute;
    top: 25px;
    right: 25px;
    color: white;
    font-size: 25px;
}

/* Address/Phone */
.utility-menu .address {
    color: #343c49;
    text-transform: uppercase;
    display: none;
    align-items: center;
    font-family: 'Oswald', sans-serif;
}
.utility-menu .address:before {
	content: '';
	display: inline-block;
	background-image: url('icons/address-icon-blue.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
    width: 15px;
    height: 18px;
	margin-right: 10px;}
.utility-menu .address-section .vert-divider {
    display: none;
}
.address-section {
	font-size: clamp(15px, 2vw, 18px);
	padding: 10px 15px;
    justify-content: center;
    display: flex;
}
@media (min-width: 767px) {
    .utility-menu .address {
        display: flex;
    }
	.utility-menu .address-section .vert-divider {
        display: block;
        justify-content: center;
    }
}
@media (min-width: 1025px) {
    .utility-menu .address {
        color: #ccc;
    }
}

/* Utility Menu */
.utility-menu {
	position: sticky;
	top: 0;
	z-index: 9999;
    	background: #252B34;
		padding: 0;	}
	#utility {
		display: flex;
		justify-content: flex-end;
		list-style: none;}
		#utility.menu a {text-transform: uppercase;}
	#utility li {
		font-family: 'Oswald', sans-serif;
		padding: 0 10px;
		display: flex;
    	align-items: center;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;}
	.utility-menu .social-berro-icon-section a {
		text-decoration: none;
		text-transform: uppercase;
		font-family: 'Oswald'; }
	.social-berro-icon-section, .social-berro-icon-section a.phone-header {
		font-size: 18px;}
	.utility-menu a {
		color: #fff;
		font-family: 'Oswald', sans-serif;}
	.social-berro-icon-section { display: flex;justify-content: center;}
	.social-berro-icon-section a img{ margin-right: 10px;}
	.utility-menu .utility-navigation a:hover {color: #fff;}
	#utility li:hover{filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(346deg) brightness(500%) contrast(100%);}
	#utility li:before {
		display: inline-block;
    	vertical-align: middle;
    	margin-right: 6px;
    	line-height: 1;}
	#utility li.ortho:before {content: url('icons/clipboard-icon.svg');}
	#utility li.payment:before {content: url('icons/payment-icon.svg');}
	#utility li.forms:before {content: url('icons/patient-form-icon.svg');}
	#utility li.location:before {content: url('icons/locations-small-icon.svg');}
	nav#utility-navigation {display: none;}
.social-icons {
    display: flex;
}
.utility-menu .social-icons {
	display: none;
}
.social-icons .social-icon a {
	display: block;
	font-size: 24px;
	margin-right: 20px;
}
.social-icons .social-icon a:before {
	font-family: dashicons;
}
.social-icons .social-icon a.facebook:before {
	content: "\f305";
}
.social-icons .social-icon a.twitter:before {
	content: "\f301";
}
.social-icons .social-icon a.youtube:before {
	content: "\f19b";
}
.social-icons .social-icon a.instagram:before {
	content: "\f12d";
}
.social-icons .social-icon a.google:before {
	content: "\f18b";
}
.social-icons .social-icon a.vimeo {
	position: relative;
	height: 40px;
}
.social-icons .social-icon a.vimeo:before {
	content: '';
    width: 24px;
    display: block;
    background-color: #074289;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-mask-image: url(icons/vimeo-icon.svg);
    mask-image: url(icons/vimeo-icon.svg);
    background-size: cover;
    height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.social-icons .social-icon a.vimeo:hover:before {
	background-color: #343C49;
}
.utility-menu .container {
    max-width: 100%;
    background: #074289;
}
.utility-menu li.logo {
    text-indent: -9999px;
    background-image: url(images/logo.png);
    max-width: 100%;
    display: block;
	position: relative;
    z-index: 99;
    background-size: contain;
	width: 200px;
    padding-bottom: 54px;
	background-position: center;
    background-repeat: no-repeat;
}
.social-berro-icon-section span.vert-divider {
	display: block;
	margin: 0 clamp(5px, 3vw, 20px);
	color: #424B6F;
}
@media(min-width: 767px){
	nav#utility-navigation {display: block;}
	#utility {max-width: 1168px; margin: 0 auto;}
	.utility-menu .container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0 auto;
		background: #fff;}
	.utility-menu a {color: #343C49;}
	.utility-menu .social-icons {
		display: flex;
	}
	.social-berro-icon-section, .social-berro-icon-section a.phone-header {
		display: flex;
		align-items: center;}
	.social-berro-icon-section a.phone-header {font-size: 16px;}
}
@media(min-width: 1025px){
	.utility-menu {padding: 8px 0; }
	.utility-menu .container {background: transparent;max-width: 90%;}
	.utility-menu a {color: #ccc;}
}

/* Footer Nav */
.footer-navigation {
    margin: 75px 25px 40px 25px;
}
.footer-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.footer-navigation a {
	font-family: 'Oswald', 'Roboto', sans-serif;
	text-transform: uppercase;
	margin: 10px;
	color: #343C49;}
.social-icon a, .footer-navigation a:hover {color: #E9BB61;}
.social-icon a:hover {color: #343C49;}
.site-info {
    padding-top: 5px;
}
.site-info a {color: #48A4E0;}
@media (min-width: 1025px) {
	.footer-navigation .flex-container {justify-content: space-between;}
	.footer-navigation ul {justify-content: space-between;}
	.footer-navigation a {margin: 0;}
	.menu-footer-menu-container {flex-basis: calc(100% - 200px);}
}

.main-navigation {
	display: block;
	width: 100%;
}

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

.main-navigation ul ul {
	background: #ccc;
    font-family: 'Oswald', sans-serif;
}

.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 {
	display: block;
	padding: 7px 20px;
	color: #343C49;
}
.main-navigation ul ul a:hover {
	background: #074289;
	color: #fff;
}
.main-navigation ul li {line-height: 2;}
.main-navigation .menu> li > a {
	display: flex;
	text-decoration: none;
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
	justify-content: space-between;
    align-items: center;
	padding-bottom: 5px;
	border-bottom: 2px solid transparent;
}
.main-navigation .menu> li > a:hover, .main-navigation .menu> li.current_page_item > a {
	color: #eee;
	border-color: #E8BB61;
}
.main-navigation .menu> li.menu-item-has-children > a:hover {
	border-color: transparent;
}
.main-navigation .menu> li.book-button > a {
	color: #fff;
    padding: 3px 10px;
	margin-top: -6px;
    display: flex;
    border-bottom: 0px;
}
.main-navigation .menu> li.book-button > a:hover {
	background: #252B34;
}
.main-navigation .menu> li.book-button > a:after {
	content: '>';
	font-size: 14px;
	margin-left: 5px;
}

span.caret {
    background: #E9BB61;
    line-height: 25px;
    border-radius: 50%;
    font-size: 20px;
    margin-left: 10px;
    color: #343C49;
    height: 25px;
    width: 25px;
	transform: rotateZ(45deg);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
span.caret.open, .open span.caret {
	transform: rotateZ(0deg);
}

/* Small menu. */
.menu-toggle,
.main-navigation ul {
	display: block;
}
button.menu-toggle {
	position: absolute;
	height: 54px;
    top: 0;
    right: 0;
    padding: 10px 15px;
    margin: 0;
    line-height: 1;
	z-index: 9999;
	background: #252B34;
    color: #fff;
}
button.menu-toggle:hover {
	color: #252B34;
    background: #fff;
}
span.dashicons.dashicons-menu-alt3 {
    transform: rotateZ(0deg) scale(1);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.toggled span.dashicons.dashicons-menu-alt3 {
	transform: rotateZ(180deg) scale(1.5);
}
.toggled button.menu-toggle span:before {
	content: "\f335";
}
.menu-primary-menu-container {
    background: #252B34;
    padding: 50px 5% 5% 5%;
	display: none;
	position: relative;
    z-index: 99;
}
ul.main-logo {
	flex-basis: 150px;
	list-style: none;
	display: block;}
li.logo {
	text-indent: -9999px;
	background-image: url(images/logo.png);
	height: 0;
    max-width: 100%;
    padding-bottom: 72px;
    display: block;
    position: absolute;
    width: 284px;
	z-index: 99;
}
li.logo a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
ul.mobile-only.logo {margin: 0;display: block;}
@media(min-width: 767px) {
	.mobile-only {display: none;}
	button.menu-toggle {background-color: #074289; color: #fff;}
	.main-navigation ul li.book-button {display: block;}
}
@media screen and (min-width: 1025px) {
	ul.mobile-only.logo {display: none;}
	button.menu-toggle {
		display: none;
	}
	.menu-primary-menu-container {
		background: transparent;
		padding: 0;
		max-width: 90%;
		margin: 0 auto;}
	.menu-primary-menu-container, .main-navigation ul#left-menu, .main-navigation ul#right-menu {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.menu-left-menu-container, .menu-right-menu-container {
		flex-basis: calc(50% - 170px);
	}
	.menu-item-has-children > a:after {
		content: "\f347";
		vertical-align: middle;
		font-size: 14px;
		background: transparent;
		font-family: dashicons;
		color: #fff;
		margin: 0 0 0 4px;
		height: 20px;
		width: 20px;
		border-radius: 0;
		line-height: 1;
	}
	ul.main-logo {flex-basis: 129px;display: block;}
	li.logo {
		text-indent: -9999px;
		background-image: url(images/logo.svg);
		height: 0;
		max-width: 100%;
		padding-bottom: 72px;
		display: block;
		position: relative;
		width: 284px;
	}
	li.logo a{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.main-navigation ul ul {
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		background: #fff;
		position: absolute;
		left: -999em;
		z-index: 99999;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		transform: translateY(30px);
		opacity: 0;}
	.main-navigation ul li {line-height: 1.5;}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: auto;
		transform: translateY(0px);
		opacity: 1;}
	.main-navigation .menu> li > a {display: block;}
}

@media screen and (min-width: 1200px) {
	.menu-primary-menu-container {max-width: 1160px;}
	.menu-left-menu-container, .menu-right-menu-container {
		flex-basis: calc(50% - 210px);
	}
}


.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
--------------------------------------------- */
#page {position: relative;}

.sticky {
	display: block;
}

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

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

article.page, article.post {
	padding: 50px 0;
}

@media(min-width: 1025px) {
	article.page, article.post {
		padding: 75px 0;
	}
}

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

/* Forms
--------------------------------------------- */
.contact-form {
	background-color: #fff;
	padding: 6%;
}

.box {
    background: #fff;
    padding: clamp(20px, 3vw, 40px);
    text-align: center;
		margin-bottom: clamp(20px, 3vw, 40px);
}
.gfield {
    margin: 0 0 20px 0;
    padding: 0;
    border: 0px;
}
.gfield span.name_first {
	margin-bottom: 20px;
}
.ginput_complex {
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ginput_complex > *{
	flex-basis: 100%;
}
.gfield.gfield--input-type-name legend, .gfield--type-honeypot, div.form .gform_wrapper.gravity-theme .hidden_label label.gfield_label,
div.appointment-form .gform_wrapper.gravity-theme label, .inline-form fieldset.hidden_label legend,
div.appointment-form .gform_wrapper.gravity-theme .gfield--type-checkbox legend {display: none;}
div.appointment-flex div.appointment-form .gform_wrapper.gravity-theme .gfield_checkbox label {
	display: inline-block;
	color: #293758;
    margin-left: 10px;
    text-transform: uppercase;}
div.appointment-flex div.appointment-form div.gfield_checkbox .gchoice{
    display: flex;
    align-items: center;
}
div.appointment-form .gform_wrapper.gravity-theme .ginput_container.ginput_container_checkbox {
    padding: 20px;
}
div.appointment-form .gform_wrapper.gravity-theme .gfield_checkbox input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
    width: 26px;
    height: 26px;
    border: 2px solid #293758;
    border-radius: 0px;
    position: relative;
    margin-right: 10px;
}
div.appointment-form .gform_wrapper.gravity-theme .gfield_checkbox input[type="checkbox"]:checked {
	background-color: #eee;
	border-color: #293758;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M12.707 4.293a1 1 0 00-1.414-1.414l-5.586 5.586-2.293-2.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l6-6z"/></svg>');
	background-repeat: no-repeat;
	background-position: center;
}
.gform_wrapper.gravity-theme .contact-form .gsection {
    border-bottom: 0px solid #ccc;
    padding: 0;
	position: relative;
	text-align: center;
}
.hidden_label legend.gfield_label, .hidden_label label.gfield_label {
	display: none;
}
.gform_wrapper.gravity-theme .contact-form .gsection:after {
	content: '';
	background-color: #293758;
	height: 2px;
	width: 100%;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}
.gform_wrapper.gravity-theme .contact-form h3.gsection_title {
	color: #293758;
	font-size: 16px;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	padding: 0 4vw;
	margin: 0 auto;
	background-color: #fff;
	position: relative;
	z-index: 1;
    display: inline-block;
}
.gform_wrapper.gravity-theme div.gfield_description {
    margin: 10px 25px;
    color: #293758;
}
.group-left .ginput_container.ginput_container_date,
.group-right .ginput_container.ginput_container_select {
    background-color: rgba(240,240,240,0.48);
}
.group-left .ginput_container.ginput_container_date input {
    text-align: center;
}
.ginput_container.ginput_container_date {
    position: relative;
}
.ginput_container.ginput_container_date img {
    position: absolute;
    right: 6%;
    top: 50%;
    transform: translateY(-50%);
}
div#ui-datepicker-div {
    background: #fff;
    border: 1px solid #d0d1d3;
    border-radius: 3px;
    box-shadow: 0 0.0625rem 0.25rem rgba(0,0,0,.11), 0 0 0.25rem rgba(18,25,97,.041);
    color: #607382;
    font-size: .8125rem;
    font-weight: var(--gform-theme-font-weight-medium);
    margin-top: 5px;
    padding: 18px 15px;
    width: auto;
	display: none;
}
div#ui-datepicker-div th {
    width: 40px;
}
div#ui-datepicker-div td {text-align: center;}
.ui-datepicker-title {
    display: flex;
}
.ui-datepicker-title select {padding: 5px;font-size: 12px;}
a.ui-datepicker-prev.ui-corner-all,
a.ui-datepicker-next.ui-corner-all {
    width: 50%;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
}
a.ui-datepicker-prev.ui-corner-all {text-align: left;}
a.ui-datepicker-next.ui-corner-all {text-align: right;}
.contact-form .gform_footer.top_label {
    text-align: center;
}
.inline-form div.gform_body .gform_fields {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
@media(min-width: 767px){
	.ginput_complex > *{
		flex-basis: 48%;
	}
	.gfield span.name_first {
		margin-bottom: 0px;
	}
	.gfield--width-half {
		width: 50%;
		display: inline-block;
		vertical-align: middle;
	}
	.gfield--width-half.gform-email, .gfield--width-half.gform-phone {
		width: 48%;
	}
	.gfield--width-half.gform-phone {margin-left: 4%;}
	div.form .ginput_container.ginput_container_date:after,
	div.appointment-form .ginput_container.ginput_container_date:after {
		content: '';
		background-color: #295851;
		display: block;
		width: 2px;
		height: 20px;
		position: absolute;
		right: 0px;
		top: 50%;
		transform: translateY(-50%);
	}
	.ginput_container.ginput_container_date img {right: 12%;}
	.inline-form div.gform_body .gform_fields > * {
		flex-basis: 100%;
	}
	.inline-form div.gform_body .gform_fields > .gfield--width-half {
		flex-basis: 48%;
	}
}
@media(min-width: 1025px){
	.inline-form div.gform_body .gform_fields > .gfield--width-third {flex-basis: 31%;}
}

/* Full Form */
.full-form_wrapper.gform_wrapper .gform_fields {
    display: grid;
    grid-column-gap: 2%;
    grid-row-gap: 16px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(auto-fill,auto);
    width: 100%;
}
.full-form_wrapper.gform_wrapper.gravity-theme .gfield {
    grid-column: 1 / -1;
    min-width: 0;
}
.full-form_wrapper.gform_wrapper .gfield.gfield--width-full {
    clear: both;
    grid-column: span 12;
    -ms-grid-column-span: 12;
}
.full-form_wrapper.gform_wrapper .gfield.gfield--width-half {
    	grid-column: span 12;
   	 	-ms-grid-column-span: 12;
		width: 100%;
	}
@media (min-width: 767px) {
	.full-form_wrapper.gform_wrapper .gfield.gfield--width-half {
    	grid-column: span 6;
   	 	-ms-grid-column-span: 6;
		width: 100%;
	}
    .full-form_wrapper.gform_wrapper .ginput_complex > * {
        flex-basis: 49%;
    }
}


/* Galleries
--------------------------------------------- */
div.gallery {
	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;
}

@media(max-width: 767px){
	section.gallery div.gallery, section.gallery .gallery-item {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;
}

/* Section - Before and After */
.before-text h2 {
	text-align: center;
	margin: 0 0 25px 0;
}
.before-image-container {
	margin-bottom: 25px;}
.before-image-container, .after-image-container {
	position: relative;
}
.before-images p {
	position: absolute;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.before-images .before-image-container p{
	top: 5px;
	right: 5px;
}
.before-images .after-image-container p{
	bottom: 5px;
	left: 5px;
}
@media(min-width: 767px){
	.before-text h2 {
		text-align: left;
		margin: 0;
	}
	.before-image-container {margin-bottom: 0;}
}

/* Section - Two Column */

.two-column .text-container h2 {
	font-size: clamp(30px, 3.5vw, 46px);
	font-weight: 500;
	color: #074289;
	margin-bottom: clamp(20px, 2.5vw, 40px);
}


/* CTA Sections */
section.navy-back, #brown {
    padding: clamp(40px, 4vw, 80px) 0;
    background: #343C49;
    color: #fff;
}
section.navy-back .location-image {
	margin: 20px 0px 10px -15px;
}
#brown .entry-content ul li:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="16" viewBox="0 0 13 16"> <g id="Polygon_12" data-name="Polygon 12" transform="translate(13) rotate(90)" fill="none"> <path d="M8,0l8,13H0Z" stroke="none"/> <path d="M 7.999999523162842 5.724116325378418 L 5.368686676025391 10 L 10.63131237030029 10 L 7.999999523162842 5.724116325378418 M 7.999999523162842 0 L 16 13 L -9.5367431640625e-07 13 L 7.999999523162842 0 Z" stroke="none" fill="%23F59322"/> </g></svg>');
	}
section.navy-back h2.section-title a{color: #fff;}
section.navy-back ul.four-col h3 {margin-bottom: 15px;}
section.navy-back li.location {margin-bottom: 35px;}
section.navy-back ul.four-col a {color: #074289;}
section.navy-back ul.four-col a:hover {color: #fff;}
section.navy-back li.location p {margin: 0;}
section.navy-back svg {margin: 20px 0;}

section.cta {
	background-size: cover;
	position: relative;
	padding: clamp(55px, 5.5vw, 100px) 0 clamp(75px, 7vw, 150px) 0;
}
.cta .box {
    padding: 5%;
    background: #f0f0f0;
}
.cta .box.center {
    display: inline-block;
    margin: 0 auto;
}
.cta h2 {color: #fff;}
.cta .box h2 {color: #074289; font-weight: 400;}
section.cta .offer-container {
    background: rgba(31,41,59,0.68);
    max-width: 550px;
    margin: 0 auto;
    padding: clamp(20px, 3vw, 40px);
}
section.cta h3.section-header {
	color: #fff;
	font-size: clamp(20px, 3vw, 30px);
	margin-bottom: clamp(15px, 2.5vw, 35px);}
section.cta .offer-header {
    display: inline-block;
	background: #E9BB61;
	padding: 5px 15px;}
section.cta .offer-header h4{
	font-size: clamp(15px, 2vw, 19px);
	margin: 0;
	color: #1F293B;
}
section.cta .offer-text p {
	color: #F2EAD4;
}
section.cta .offer-text .learn-more {color: #E9BB61;}
section.appointment .container {max-width: 100%;position: relative;}
section.appointment .blue-angle {
	position: absolute;
	top: -75px;
	right: 75px;
	z-index: -1;
	}
section.appointment.why-choose .blue-angle {
	top: auto;
	bottom: 35px;
	right: 75px;
	}
section.appointment p.gform_required_legend {
	display: none;
}
.appointment-text {
    background: #252B34;
	color: #fff;
    padding: 5%;
    flex-basis: 48%;
}
.appointment-text-container {
    padding: 20px;
}
.appointment-text h2{ color: #fff;}
.appointment-text svg {
	display: none;
}
section.fifty-boxes .left-side {
	background: #252B34;
	color: #fff;
	padding: 5%;
}
section.fifty-boxes .right-side {
	padding: 5%;
}
section.fifty-boxes .left-side h2 {color: #fff;}
.answer-text {
    padding: 20px 40px;
    background: #fff;
}
.faq {
    margin: 0 0 25px 0;
}
.question {
    padding: 10px 20px;
    background: #fff;
}
.question h3 {
    margin: 0;
    font-size: clamp(20px, 4vw, 30px);
    font-weight: normal;
}
.question a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.entry-content .faq.open .question {background: #0B3A6E;}
.entry-content .faq.open h3 a {color: #fff;}
.entry-content .faq.open h3 a:focus {outline: none;}
section.first-visit {
    padding:clamp(45px, 10vw, 175px) 0 ;
	overflow: hidden;
}
section.first-visit h2 {font-weight: 400;}
.first-visit .yellow-back .intro-text-container{
	background-color: #F2EAD4;
	padding: clamp(30px, 4vw, 50px);
}
.first-visit .yellow-back .intro-text-container .intro-text {
	padding: 10px 0 20px clamp(30px, 4vw, 50px)
}
.first-visit .yellow-back .intro-text-container .intro-text p {
	margin-bottom: clamp(30px, 4vw, 50px);
}
.first-visit h4.section-header, .first-visit p.section-header {
	color: #E9BB61
}
.first-visit a.button {background-color: #E9BB61;}
.first-visit-text {margin-bottom: clamp(25px, 2.5vw, 50px);}
@media(min-width: 767px){
	.locations svg {margin: 0;}
	.flex-container.appointment-flex {
		align-items: flex-end;
		margin-bottom: 10px;
	}
	.cta-flex {
		max-width: 660px;
		margin: 0 auto;
	}
	section.cta .info {
		flex-basis: 100%;
	}
	section.cta .info-container span.amount {
		font-size: 46px;
	}
	section.cta .info-container span.per {
		font-size: 24px;
	}
	section.cta .right-side h3 {
		font-size: clamp(18px, 3vw, 30px);
	}
	section.cta .right-side h3 small {
		font-size: 16px;
		font-weight: 400;
	}
	.appointment-text {flex-basis: 48%;}
	.appointment-form {flex-basis: 52%;}
	.appointment-text-container p {
		font-size: 18px;
    	line-height: 30px;
	}
	.appointment-text svg {
		display: block;
		float: right;
	}
	section.fifty-boxes .right-side {padding: 5% 0;}
    .intro-image-container .intro-image {
        top: 35%;
        max-height: 550px;
    }
}

@media(min-width: 1025px){
	section.appointment .container {max-width: 90%;}
	.flex-container.appointment-flex {
		align-items: flex-start;
		margin-bottom: 0;
	}
	section.cta .info {
		flex-basis: 50%;
	}
	section.appointment {
		padding: 150px 0 0 0;
		margin-bottom: -50px;
	}
	section.appointment ~ footer {
		margin-top: 100px;
	}
	.appointment-text {
		margin-top: 75px;
		position: relative;
	}
	.why-choose .appointment-text {
		margin-top: 50px;
		padding: 5% 5% 10% 5%;}
	.appointment-text img.form-logo{
		position: absolute;
		top: -125px;
		right: 15px;
		width: 150px;
		height: auto;
	}
	.why-choose .appointment-text img.form-logo {
		top: auto;
		bottom: -105px;
	}
	.contact-form {
		padding: 66px;
	}
	.appointment-form textarea {height: 175px;}
	section.fifty-boxes:nth-child(odd) .flex-container {
		flex-direction: row-reverse;
	}
}
@media (min-width: 1250px){
	section.appointment .container {max-width: 1168px;}
}

/* Alignments
--------------------------------------------- */

.aligncenter, .alignleft, .alignright {
	clear: both;
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

@media(min-width: 568px){
	.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;
	}
}

/* image gallery styles based onResponsive Lightbox by dFactory*/

.imagelightbox-overlay {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.8);
	position: fixed;
	z-index: 9998;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0; }

  #imagelightbox {
	cursor: pointer;
	position: fixed;
	z-index: 9999;
	top: 50%;
	touch-action: none;
	box-shadow: 0 0 3.125em rgba(0, 0, 0, .75);}

  .imagelightbox-caption {
	text-align: center;
	color: #fff;
	background-color: #666;
	position: fixed;
	z-index: 10001;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0.625em;}

  .imagelightbox-arrow {
	width: 19px;
	height: 15px;
	padding: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10000;
	background: transparent;
	border: 0;
	background-size: cover;
	position: fixed; }

  button.imagelightbox-arrow-left {
	background-image: url(images/left-arrow.png);
	left: 10%; }

  button.imagelightbox-arrow-right {
	background-image: url(images/right-arrow.png);
	right: 10%; }

  .imagelightbox-arrow-left:active, .imagelightbox-arrow-left:hover, .imagelightbox-arrow-right:active, .imagelightbox-arrow-right:hover {
	background-color: transparent;
	box-shadow: none;
	background-position: 0 1px; }

  .imagelightbox-close {
	cursor: pointer;
	width: 2.5em;
	height: 2.5em;
	background-color: #666;
	position: fixed;
	z-index: 10002;
	top: 2.5em;
	right: 2.5em;
	border-radius: 50%;
	transition: color .3s ease;}

  .imagelightbox-close:hover {
	background-color: #111;
  }

  .imagelightbox-close:before,
  .imagelightbox-close:after {
	width: 2px;
	background-color: #fff;
	content: '';
	position: absolute;
	top: 20%;
	bottom: 20%;
	left: 50%;
	margin-left: -1px;}

  .imagelightbox-close:before {transform: rotate(45deg);}
  .imagelightbox-close:after {transform: rotate(-45deg);}

  /**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	padding: 0;
}

.bx-wrapper img {
	width: 100%;
	height: auto;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {


	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
	bottom: 30px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #bebebe;
	text-indent: -9999px;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fff;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}