/*
Theme Name: Couvillion Theme
Theme URI: https://strategyco.com
Description: A custom theme built by the team at Strategy Collective.
Author: Strategy Collective
Version: 1.0.0
*/
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================*/
/*
   =============================================================================
   Box sizing rest for all elements
   ==========================================================================

*/
:root {
  /* brand */
  --brand-50:  #F5FAFE;
  --brand-100: #EFF5FA;
  --brand-200: #E2ECF5;
  --brand-300: #C7D8E6;
  --brand-500: #8FA7B8;

  --primary:   #2075C9;
  --primary-300: #6EA5DC;
  --primary-400: #4D91D4;
  --primary-600: #1D64AD;
  --primary-700:#155074;
  --primary-800:#082B41;
  --secondary: #249EDF;
  --accent-a:  #28C8F3;
  --accent-b:  #0C7D8B;

  /* ui */
  --bg:      #0A1620;;
  --surface: #FFFFFF;
  --text:    #0B1220;
  --muted:   #4B6475;

  --success: #1F9D6E;
  --warning: #E9A23B;
  --error:   #DC3D43;
}


* { /* Firefox 1, probably can drop this */ /* Safari 3-4, also probably droppable */
  box-sizing: border-box; /* Everything else */
}

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
  font-family: sans-serif;
  color: #222;
}

body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
::-moz-selection {
  background: var(--primary-600);
  color: #fff;
  text-shadow: none;
}

::selection {
  background: var(--primary-600);
  color: #fff;
  text-shadow: none;
}

/* =============================================================================
   Links - EDIT
   ========================================================================== */
a {
  color: var(--primary-600);
}

a:hover {
    color: var(--primary-600);
    text-decoration: none;
}

.btn { border-radius: 20px; }

/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid var(--primary-600);
  margin: 1em 0;
  padding: 0;
}

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

mark {
  background: var(--primary-600);
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

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

small {
  font-size: 85%;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/*
*
*
*
Added by Brian
*
*
*/
a sup, a sub {
  display: inline-block;
}

h1 > sup, h2 > sup, h3 > sup {
  font-size: 65%;
}

/*
*
*
*
*/
address {
  font-style: normal;
}

/* =============================================================================
   Lists
   ========================================================================== */
ul, ol {
  margin: 1em 0;
  padding: 0;
}


li {
  list-style-position: inside;
  list-style-type:none;
}

li:not(.menu-item) { position: relative; padding-left: 30px; }

li:not(.menu-item):not(.carousel-nav):before, li:not(.menu-item):not(.carousel-nav)::before {
    content: '';
    position:absolute;
    left:0;
    top: 8px;
    width: 7.887px;
    height: 7.887px;
    transform: rotate(45deg);
    border: 2.5px solid transparent;
    border-image: linear-gradient(90deg, #1877BD 0%, #2BC2E6 100%);
    border-image-slice: 1;
}

.footer-locations li:before, .footer-locations li::before {
    border:0;
    transform:unset;
    position:relative;
    top: auto;
}

/*
*
*
*
*
*
*/
dd {
  margin: 0 0 0 40px;
}

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

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

/*
 * Correct overflow not hidden in IE9
 */
svg:not(:root) {
  overflow: hidden;
}

/* =============================================================================
   Figures
   ========================================================================== */
figure {
  margin: 0;
}

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

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

/* Indicate that 'label' will shift focus to the associated form element */
label {
  cursor: pointer;
}

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */
button, input {
  line-height: normal;
}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */
button, input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
  border-radius: 30px;
}

/*
 * Re-set default cursor for disabled elements
 */
button[disabled], input[disabled] {
  cursor: default;
}

/*
 * Consistent box sizing and appearance
 */
input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}

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

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

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

/* Colors for form validity */
input:invalid, textarea:invalid {
  background-color: #f0dddd;
}

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

td {
  vertical-align: top;
}

/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}

/* =============================================================================
   WordPress Reset
   ========================================================================== */
div.aligncenter, .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  float: left;
}

.alignright, .commentlist li .avatar {
  float: right;
}

.wp-caption {
  background: #f3f3f3;
  border: 1px solid #ddd;
  text-align: center;
  padding-top: 4px;
  margin: 10px;
  border-radius: 3px;
}

.wp-caption img, .wp-caption p.wp-caption-text, #commentsDiv p, #commentsDiv h3 {
  margin: 0;
}

.wp-caption img {
  padding: 0;
  border: 0 none;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
}

#commentsDiv {
  clear: both;
  margin: 30px 20px 30px 35px;
  padding-top: 20px;
}

#commentsDiv textarea, #commentsDiv input {
  border: 1px solid var(--primary-300);
  font-size: 12px;
  color: var(--primary-300);
  line-height: 25px;
}

#commentsDiv textarea, #commentsDiv input, input#submit {
  height: 25px;
}

#commentsDiv textarea {
  width: 500px;
  height: 150px;
}

input#submit {
  background: #fff;
  line-height: 20px;
  width: 150px;
  color: var(--primary-600);
}

#comments {
  margin-bottom: 20px !important;
}

#respond {
  margin-top: 20px !important;
}

.commentlist {
  border-bottom: 1px solid #fff;
}

#commentform textarea, #commentform input, .commentlist li {
  font-size: 0.9em;
}

.commentlist li {
  padding: 20px;
  border-top: 1px solid #fff;
}

.commentlist li p {
  margin-top: 10px !important;
}

.commentlist li .avatar {
  border: 1px solid #eee;
  padding: 2px;
  background: #fff;
}

.commentlist cite a, .commentlist cite {
  font-style: normal;
  font-size: 1.1em;
  color: #fff;
}

.commentlist p, .commentmetadata {
  font-weight: normal;
}

.commentlist p {
  line-height: 1.5em;
  text-transform: none;
}

.alt {
  background: var(--primary-600) !important;
}

#commentform p {
  margin-bottom: 10px !important;
}

h3#respond {
  margin-bottom: 20px;
}

/* ------------------------
   Variables
------------------------ */
/* Transitions and Shadows */
/* ------------------------
   Mixins
------------------------ */
/****************************************************************/
/* --------------------- Utility Classes  -------------------- */
/**************************************************************/
.clear {
  clear: both;
}

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

div.clear {
  height: 0.01em;
  overflow: hidden;
}

.no-clear {
  clear: none;
}

.inline-block {
  display: inline-block;
}

body.lt-ie9 .inline-block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.aligncenter {
  display: block;
}

.no-frame {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.textcenter {
  text-align: center;
}

.textleft {
  text-align: left;
}

.textright {
  text-align: right;
}

.italic {
  font-style: italic;
}

p.break {
  min-height: 1rem;
  visibility: hidden;
}

.is--underline {
  text-decoration: underline;
}

body .disableLink {
  pointer-events: none;
  cursor: default;
}

.smoothie {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:focus {
  outline: none;
}

.mb-0 { margin-bottom: 0 !important; }

/* Yottie Video Description Fix */
/* ***************************************** */
/* ----------- MODELS TAG ------------------ */
/* ***************************************** */
span.model_tag, span.models_tag, div.model_tag {
  position: relative;
  display: block;
  margin: 1.25em auto 1em;
  max-width: 100%;
  visibility: visible;
}
@media only screen and (min-width: 768px) {
  span.model_tag.alignleft, span.models_tag.alignleft, div.model_tag.alignleft {
    float: left;
    margin: 0.5em 1em 1em 0px;
  }
  span.model_tag.alignright, span.models_tag.alignright, div.model_tag.alignright {
    float: right;
    margin: 0.5em 0px 1em 1em;
  }
}
span.model_tag img.alignleft, span.model_tag img.alignright, span.model_tag img.aligncenter, span.models_tag img.alignleft, span.models_tag img.alignright, span.models_tag img.aligncenter, div.model_tag img.alignleft, div.model_tag img.alignright, div.model_tag img.aligncenter {
  float: none;
  margin: 0;
  border: 0;
  max-width: 100%;
  border-radius: 0;
  box-shadow: none;
}
span.model_tag.alignleft, span.model_tag.alignright, span.models_tag.alignleft, span.models_tag.alignright, div.model_tag.alignleft, div.model_tag.alignright {
  float: none;
  margin: 0 auto 1.5em;
}
span.model_tag:before, span.models_tag:before, div.model_tag:before {
  position: absolute;
  right: 0;
  content: "model";
  font-size: 0.85em;
  padding-right: 10px;
  color: #ffffff;
  text-align: right;
  bottom: 20px;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}

span.models_tag:before {
  content: "models";
}

section.models_tag, div.models_tag {
  position: relative;
}
section.models_tag:before, div.models_tag:before {
  position: absolute;
  right: 0;
  content: "models";
  font-size: 0.85em;
  padding-right: 10px;
  color: #ffffff;
  text-align: right;
  bottom: 20px;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}

section.model_tag:before {
  position: absolute;
  right: 0;
  content: "model";
  font-size: 0.85em;
  padding-right: 10px;
  color: #ffffff;
  text-align: right;
  bottom: 20px;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}

li.model_ast {
  position: relative;
}
li.model_ast:before {
  position: absolute;
  right: 0;
  content: "*";
  font-size: 0.85em;
  padding-right: 10px;
  color: #ffffff;
  text-align: right;
  top: 0;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}

/****************************************************************/
/* ----------------- Classes for Hiding ---------------------- */
/**************************************************************/
@media only screen and (min-width: 768px max) {
  .hidden-phone {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1060px) {
  .hidden-tablet {
    display: none;
  }
}
@media only screen and (min-width: 1060px) {
  .hidden-desktop {
    display: none;
  }
}
/* ------------------------
Common/UI elements (images, video, buttons, etc)
------------------------ */
video {
  max-width: 100%;
  height: auto;
}

img.alignright,
img.alignleft,
img.aligncenter,
img.alignnone,
.caption {
  display: block;
  height: auto;
  margin: 0 auto 1em;
  max-width: 100%;
}

img.alignright,
img.alignleft {
  float: none;
}
@media only screen and (min-width: 768px) {
  img.alignright,
  img.alignleft {
    margin-bottom: 1em;
    max-width: 50%;
  }
}

@media only screen and (min-width: 768px) {
  img.alignleft {
    float: left;
    margin-right: 1em;
  }
}

@media only screen and (min-width: 768px) {
  img.alignright {
    float: right;
    margin-left: 1em;
  }
}

.wp-caption {
  max-width: 95%;
}
.wp-caption img {
  width: 100%;
  height: auto;
}

img.alignleft,
img.alignright,
img.aligncenter,
.yes-frame {
  visibility: visible;
}

.submit-btn,
.wp-block-button__link,
.hero-button .button,
.gradient-button,
.button,
.buttons a {
    cursor: pointer;
    display: inline-block;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Inter", sans-serif;
    background: linear-gradient(90deg, #522889 0%, #104882 100%); 
    color: var(--brand-100);
    transition: all 0.15s ease-in;
    font-size: 20px;
    line-height: 1.5;
    padding: 18px 25px;
}

.button.ghost-btn { background: transparent; border: solid 1px #ffffff; border-radius:200px; }

.submit-btn,
.wp-block-button__link,
.hero-button .button,
.gradient-button,
.buttons a { 
    border-radius: 200px;
    background: linear-gradient(90deg, #522889 0%, #104882 100%), linear-gradient(90deg, #522889 0%, #104882 100%); 
}

.submit-btn:hover,
.wp-block-button__link:hover,
.hero-button .button:hover,
.gradient-button:hover,
.buttons a:hover { background: linear-gradient(90deg, var(--primary) 0%, var(--primary-600) 100%); color:var(--brand-50); }

.wp-block-button__link { color: var(--brand-100); }
.wp-block-button__link a, .interior .content a.wp-block-button__link { color: var(--brand-100); }
.wp-block-button__link:hover, .interior .content a.wp-block-button__link:hover { color: var(--brand-100); }

.button.ghost-btn:hover { background: #ffffff; color: var(--primary-800); }

@media only screen and (min-width: 768px) {
  .submit-btn,
  .wp-block-button__link,
  .button,
  .buttons a {
    padding: 15px 40px;
    text-transform: uppercase;
  }
}


/* Gutenberg Buttons */
.wp-block-button__link {
  margin-top: 20px;
  border-radius: 0;
}
.disclaimer {
  font-size: 11px;
  font-style: italic;
}

@media only screen and (min-width: 768px) {
  .two-column {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}

.spaced-list li {
  margin-bottom: 1.5em;
  padding-left: 30px !important;
}

/* LAZY LOADING */
.b-lazy {
  transition: opacity 300ms ease-in-out;
  max-width: 100%;
  opacity: 0;
}

.b-lazy.b-loaded {
  opacity: 1;
}

::-moz-selection {
  background: var(--primary-600);
}

::selection {
  background: var(--primary-600);
}

/*=====================================================================
=            Responsive iFrames and wysiwyg Youtube videos            =
=====================================================================*/
/*=====  End of Responsive iFrames and wysiwyg Youtube videos  ======*/
/* Owl Carousel Styling */
/* ------------------------
   Typography (and primary body style)
------------------------ */
html {
  font: 16px/24px "Inter", sans-serif;
}

body {
  color: var(--text);
  font: 16px/28px "Inter", sans-serif;
  font-weight: normal;
  min-width: 320px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  body {
    font: 18px/30px "Inter", sans-serif;
  }
}

p {
  margin: 0 0 1em;
  font-weight: 300;
}

ul,
ol,
dl {
  font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6,
.headline {
  font-family: "Inter", sans-serif;
  color: var(--primary-800);
  font-weight: 300;
}

h1 {
    font-size: 40px;
    line-height: 1.5;
    font-weight: 400;
}

h2,
.headline {
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
}

@media only screen and (min-width: 1060px) {
  h2,
  .headline {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.1em;
    margin: 1.0rem 0;
  }
}

h3 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.1em;
}

.gradient-text {
    background: linear-gradient(90deg, #1877BD 0%, #2BC2E6 100%), linear-gradient(90deg, #1877BD 0%, #2BC2E6 100%);
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.centered-text {
    text-align: center;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
}

ul.two-column-list {
    display: flex;
    flex-direction:column;
    gap: 0;
    margin: 32px auto;
}


.interior .content ul.two-column-list li,
.two-column-list li {
    text-align: left;
    border-bottom: 1px solid #f3f3f3;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding: 18px 18px 18px 80px; 
}

.two-column-list li:before, .two-column-list li::before, .two-column-list li:not(.menu-item):not(.carousel-nav):before, .two-column-list li:not(.menu-item):not(.carousel-nav)::before {
    background: center/contain no-repeat url(images/blue-checkmark-icon.png) transparent;
    border:0;
    transform:rotate(0deg);
    width:36px;
    height: 36px;
    left:30px;
    top:15px;
}

@media screen and (min-width:768px) {
    ul.two-column-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    
    .interior .content ul.two-column-list li:nth-child(odd),
    .two-column-list li:nth-child(odd) { border-right: 1px solid #f3f3f3; border-right: solid 1px rgba(255,255,255,0.2); }

    .interior .content ul.two-column-list li:nth-last-child(-n + 2),
    .two-column-list li:nth-last-child(-n + 2) {
      border-bottom: none; /* remove from last row */
    }
}

@media only screen and (min-width: 1060px) {
     h1 { font-size: 70px; }
    
    h2 { font-size: 50px; }
    h3 { font-size: 34px; font-size: 2.125rem; line-height: 1.1em; }
}

h4,
h5,
h6 {
  font-size: 20px;
  font-size: 1.25rem;
}
@media only screen and (min-width: 1060px) {
  h4,
  h5,
  h6 {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

a {
  color: var(--muted);
  text-decoration: underline;
}
a:focus {
  outline: none;
  text-decoration: none;
}

blockquote {
  font-family: "Playfair Display", serif;
  font-style: italic;
}
@media only screen and (min-width: 1060px) {
  blockquote {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 110%;
  }
}
blockquote footer {
  font-style: normal;
}

section,
.contain {
  padding: 20px;
}
@media only screen and (min-width: 1060px) {
  section,
  .contain {
    padding: 20px 40px;
  }
}
@media only screen and (min-width: 1460px) {
  .contain {
    padding-right: calc(40px + 50vw - 1460px / 2);
    padding-left: calc(40px + 50vw - 1460px / 2);
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

/* Smaller Width Sizing Containers */
.breadcrumb-wrap,
main,
.single-case-content,
.gallery-cat-wrap {
  padding-left: 15px;
  padding-right: 15px;
}

header { position: fixed; left: 0; right: 0; background-color: transparent; z-index:200; }
.header-logo .custom-logo-link img { display: block; max-width: 100%; height: auto; }
.header-logo .custom-logo-link svg { display:block; width: 240px; height: auto; }

@media screen and (max-width: 980px) {
    .navwrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 3333;
    }
    
    .navwrapper .navtop {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem;
    }
    
    .navwrapper .navtop .custom-logo-link {
        width: 100%;
        max-width: 214px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .navwrapper .navtop .col .fnumber {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #ffffff;
        background: linear-gradient(90deg, #522889 0%, #104882 100%);
        width: 48px;
        height: 48px;
        padding:8px;
        border-radius: 200px;
        margin-right: 20px;
        margin-top:0;
    }
    
    .navwrapper .navtop .col .fnumber .phone-number { display: none; }
    
    nav.navigation {
        height: 100%;
        overflow: auto;
        position: fixed;
        z-index: 3333;
        width: 100%;
        background: var(--bg);
        padding: 6.0rem 2.0rem 3.0rem;
        top: 0;
        left: 0;
        text-align: left;
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    }
    
    nav.navigation.is-active {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    }
}

@media screen and (min-width: 981px) {
    .navwrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        padding: 30px;
        padding-bottom: 0;
        width: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 3333;
        background-color: transparent;
    }
    
    .navwrapper .nav-container { display: flex; align-items: flex-end; max-width: 1460px; margin-left: auto; margin-right: auto; padding-left:15px; padding-right: 15px; }
    
    .navwrapper .navtop {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding-top: 0;
        padding-bottom: 10px;
    }
    
    .navwrapper nav {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 32px;
    }
    
    .navwrapper .col {
        display: none;
    }
    
    .navwrapper .main-menu {
        display: flex;
        align-items: center;
        list-style: none;
        gap: 32px;
        margin-top: 30px;
    }
    
    .navwrapper .main-menu>li.menu-item-has-children:not(.mega) .sub-menu {
        opacity: 0;
        visibility: hidden;
        display: block;
        position: absolute;
        top: calc(100% - 5px);
        background: var(--bg);
        padding-top: 20px;
        min-width: 300px;
        left: 0;
    }
    
    .navwrapper .main-menu>li.menu-item-has-children:not(.mega) {
        position: relative;
    }
    
    .navwrapper .main-menu>li {
        padding-inline: 6px;
        padding-bottom: 25px;
    }
    
    .navwrapper .main-menu a {
        text-transform: uppercase;
        display: block;
        color: #fff;
        font-size: 14px;
        letter-spacing: .1em;
        line-height: 1.3;
        text-align: center;
        color: #fff;
        font-family: "Inter", sans-serif;
        text-decoration: none;
    }
    
    .navwrapper .main-menu a:hover, .navwrapper .main-menu a:focus, .navwrapper .main-menu a:active {
        color: var(--primary-300);
    }
    
    .navwrapper .nav-plus {
        display: none;
        visibility: hidden;
    }
    
    .navwrapper #closenav {
        display: none;
    }
    
    .navwrapper #opennav {
        display: none;
    }
    
    nav ul, nav ol {
        list-style: none;
        list-style-image: none;
        margin: 0;
        padding: 0;
    }
    
    .navwrapper .main-menu>li.menu-item-has-children:not(.mega):hover .sub-menu {
        opacity: 1;
        visibility: visible;
        transition: all .3s ease-in-out;
    }
    
    .navwrapper .main-menu>li.menu-item-has-children:not(.mega) .sub-menu li {
        border-top: 1px solid var(--primary);
    }
    
    .navwrapper .main-menu>li.menu-item-has-children:not(.mega) .sub-menu a {
        font-size: 15px;
        line-height: 30px;
        text-align: left;
        color: #fff;
        display: block;
        text-transform: capitalize;
        padding: 10px;
    }
    
    .header-logo .custom-logo-link { display:block; max-width: 280px; }
    
    .navwrapper .navnumber {
        display:flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 12px;
        background-color: var(--primary);
        font-weight: 500;
        font-size: 18px;
        letter-spacing: .1em;
        line-height: 1;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        padding: 12px 32px;
    }
    
    .navwrapper .navnumber:hover, .navwrapper .navnumber:focus, .navwrapper .navnumber:focus-within, .navwrapper .navnumber:active { background-color: #2b104a; }
    
    .location-wrapper { display: flex; justify-content:space-between; gap: 40px; }
    
    .navwrapper .mega:hover .sub-menu.depth-0 {
        display: grid;
        opacity: 1;
        visibility: visible;
        transition: all .3s ease-in-out
    }

    .navwrapper .mega .sub-menu.depth-0 {
        display: grid;
        opacity: 0;
        visibility: hidden;
        grid-template-columns:1fr 1fr 1fr;
        gap: 3%;
        position: absolute;
        left: 0;
        width: 100%;
        background: var(--bg);
        min-width: 100vw;
        z-index: 33;
        padding: 1% 2%;
        top: 100px;
        max-height: calc(100vh - 100px);
    }
}

@media screen and (min-width: 981px) and (min-width: 1500px) {
    .navwrapper .mega .sub-menu.depth-0 {
        /* padding-inline: 12vw */
    }
}

@media screen and (min-width: 981px) {
    .navwrapper .mega .sub-menu.depth-0 > li > a {
        display: none
    }

    .navwrapper .mega .depth-1 > li {
        padding-block: 10px
    }

    .navwrapper .mega .depth-1 > li > a {
        border-top: 1px solid var(--primary-600);
        text-transform: uppercase
    }

    .navwrapper .mega .depth-2 {
        padding-bottom: 10px
    }

    .navwrapper .mega .depth-2 li.menu-item-has-children {
        position: relative
    }

    .navwrapper .mega .depth-2 li.menu-item-has-children:hover {
        outline: 1px solid var(--primary);
    }

    .navwrapper .mega .depth-2 li.menu-item-has-children:hover .depth-3 {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: -1px;
        left: 100%;
        min-width: 350px;
        z-index: 300;
        background: var(--primary-800);
        padding-block: 1rem
    }

    .navwrapper .mega .depth-2 li.menu-item-has-children .depth-3 {
        display: none
    }

    .navwrapper .mega .sub-menu a {
        font-size: 15px;
        line-height: 30px;
        text-align: left;
        color: #fff;
        display: block;
        text-transform: capitalize;
        padding-block: 5px;
        padding-left: 10px
    }
    
    .navwrapper .mega .sub-menu a:hover {
        color: var(--brand-200);
    }
}

@media screen and (min-width: 981px) and (max-width: 1450px) {
    .navwrapper .main-menu {
        gap: clamp(10px, .4rem, 32px);
    }
}

.page-404 main { padding-bottom: 60px; }
.page-404 .internal-header-images .page-title h1, .page-404 .internal-header-custom-image .page-title h1 { color: #ffffff; }
.page-404 .internal-header-images .page-title h1 span, .page-404 .internal-header-custom-image .page-title h1 span { font-size:124px; }

@media only screen and (min-width: 768px) {
  .breadcrumb-wrap,
  main,
  .single-case-content,
  .gallery-cat-wrap {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1200px) {
  .breadcrumb-wrap,
  main,
  .single-case-content,
  .gallery-cat-wrap {
    max-width: 1280px;
    margin: 0 auto;
  }
  
  .page-title, .content-wrapper { max-width: 800px; }
}

/* For Devices - still needed ?  */
/* ***************************************** */
/* --------------- Layouts ----------------- */
/* ***************************************** */
/* -----------------------
	Basic layout
----------------------- */
.container,
.container-full {
  position: relative;
}

.container {
  max-width: 100%;
  padding: 60px 15px;
  margin: 0 auto;
  text-align: left;
}

/* ------------------------
	Header
------------------------ */
/* Navigation bar */
@media only screen and (min-width: 1060px) {
  .nav-bar {
    width: 100%;
    height: 50px;
    background: black;
  }
  
  .container, .header-top { width: 980px; }
}

@media only screen and (min-width: 1460px) {
  .container, .header-top { width: 1280px; margin: 0 auto; padding: 100px 15px; }
}



.is--device .nav-bar nav {
  padding: 0 20px;
}

@media only screen and (min-width: 1060px) {
  .is--device .menu-buttons {
    display: block;
  }
}

/*-------------- Header Area -------------*/
.header-top {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  padding-left: 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
}

@media only screen and (min-width: 1060px) {
  .header-top {
    position: relative;
    box-shadow: none;
    height: 120px;
    text-align: left;
    margin: 0 auto;
  }
}
.header-top .header-logo img {
  width: 190px;
  height: 45px;
}

@media only screen and (min-width: 1060px) {
  .header-top .header-logo img {
    width: 264px;
    height: 63px;
  }
}
.header-top h1.site-logo {
  margin: 0 !important;
  padding: 0;
}
.header-top h1.site-logo span {
  display: none;
}

.h-phone {
    color: #ffffff;
  width: 60px;
  height: 80px;
  padding-top: 20px;
  position: absolute;
  right: 85px;
}
.h-phone a { color: #ffffff; }
.h-phone a:hover, .h-phone a:focus, .h-phone a:focus-within, .h-phone a:active { color: var(--accent-b); }

@media only screen and (min-width: 390px) {
  .h-phone {
    right: 100px;
  }
}

@media only screen and (min-width: 1060px) {
  .h-phone {
    position: relative;
    padding-top: 0;
    right: 0;
    width: 220px;
    height: auto;
    font-size: 30px;
    font-size: 1.0rem;
    line-height: 1em;
    font-weight: bold;
  }
  .h-phone a {
    text-decoration: none;
  }
}
.h-phone span {
  display: none;
}
@media only screen and (min-width: 1060px) {
  .h-phone span {
    display: block;
  }
}
.h-phone svg {
  width: 37px;
  height: 37px;
}
@media only screen and (min-width: 1060px) {
  .h-phone svg {
    display: none;
  }
}

.menu-trigger {
    background: linear-gradient(90deg, #522889 0%, #104882 100%);
    width: 48px;
    height: 48px;
    display: flex;
    flex-direction: row-reverse;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 200px;
    padding: 8px;
    z-index: 9999;
}

@media only screen and (min-width: 981px) {
  .menu-trigger {
    display: none;
  }
}

.extra-moobile-nav-buttons {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  align-items: center;
}


@media only screen and (min-width: 768px) {
  .extra-moobile-nav-buttons a {
    width: 140px;
    height: 140px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 15px;
  }
}
.extra-moobile-nav-buttons a svg {
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 15px;
  display: block;
  height: 23px;
}
@media only screen and (min-width: 768px) {
  .extra-moobile-nav-buttons a svg {
    margin-top: 25px;
    margin-bottom: 20px;
  }
}
.extra-moobile-nav-buttons a .split-line {
  margin: 0 auto;
  margin-top: 15px;
  width: 60px;
  height: 1px;
  background-color: var(--primary);
}

@media only screen and (min-width: 768px) {
  .extra-moobile-nav-buttons a .split-line {
    width: 80px;
  }
}
.extra-moobile-nav-buttons.show-extra-nav {
  display: inline;
}
.extra-moobile-nav-buttons.hide-extra-nav {
  background-position: 0 0;
}

/*--------------  Header Banners  -------------*/
.header-wrapper-alternative {
  background-color:var(--brand-300);
  background-image:url('https://drcouvillion.com/wp-content/uploads/2025/08/couvillion-temp-hero.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 20px;
  padding-bottom: 20px;
  min-height: 180px;
  color: #ffffff;
}

.header-wrapper-alternative.light-text .page-title, .header-wrapper-alternative.light-text .page-title h1, .header-wrapper-alternative.light .page-title, .header-wrapper-alternative.light .page-title h1 { color: #ffffff; }
@media only screen and (min-width: 768px) {
  .header-wrapper-alternative {
    min-height: 480px;
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 1060px) {
  .header-wrapper-alternative {
    margin-top: 0;
  }
}

.header-wrapper-alternative .page-title .headline:after,
.header-wrapper-alternative .page-title h1:after {
  background: var(--primary-800);
  display: none;
}

.internal-header-images, .internal-header-custom-image {
  background-color: var(--primary-800);
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  min-height: 320px;
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .internal-header-images, .internal-header-custom-image {
    background-position: center center;
    min-height: 480px;
    box-shadow: 5px 14px 30px rgba(0, 0, 0, 0.16);
  }
}
@media only screen and (min-width: 1060px) {
  .internal-header-images, .internal-header-custom-image {
    margin-top: 0;
  }
}

/* ------------------------
	Nav
------------------------ */
.menu-wrap {
  display: none;
}

.hover-menu.menu-wrap {
  display: none;
}

.touch-menu {
  display: block;
}
.touch-menu.menu-wrap {
  width: 100%;
  position: fixed;
  top: 80px;
  bottom: 0;
  right: 0;
  height: 100%;
  z-index: -1;
  padding: 0;
}
.touch-menu .main-menu {
  background: var(--primary-800);
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  text-align: left;
  opacity: 0;
  padding-top: 20px;
}
.touch-menu .main-menu li {
  margin: 0;
  padding: 0 20px;
  position: relative;
  list-style-type: none;
}
.touch-menu .main-menu li:before {
  display: none;
}
.touch-menu .main-menu li ul li {
  padding: 0 0px;
}
.touch-menu .main-menu a {
    display: block;    
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1em;
    text-decoration: none;
    color: var(--brand-50);
    text-transform: uppercase;
}

.touch-menu .main-menu a:hover, .touch-menu .main-menu a:active, .touch-menu .main-menu a:focus {
  outline: none;
}

.touch-menu .main-menu .menu-item > a {
  padding: 18px 0px;
  border-bottom: 1px solid rgba(255, 204, 140, 0.1);
}

@media only screen and (min-width: 1060px) {
  .touch-menu .main-menu .menu-item > a {
    border-bottom: none;
  }
}
.touch-menu .main-menu .sub-menu {
  display: none;
  /*  Second Level Dropdown  */
}
.touch-menu .main-menu .sub-menu a {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1em;
  font-family: "Inter", sans-serif;
  text-transform: none;
  text-transform: uppercase;
  padding-right: 0;
  padding: 12px 0px;
  padding-left: 20px;
}
.touch-menu .main-menu .sub-menu .nav-dropdown-button {
  right: 20px;
  top: -4px;
}
.touch-menu .main-menu .sub-menu .sub-menu a {
  padding-left: 30px;
}
.touch-menu .nav-dropdown-button {
  position: absolute;
  z-index: 25;
  width: 50px;
  height: 54px;
  right: 40px;
  top: 0px;
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
  padding-right: 20px;
  align-items: center;
}

.menu-is-open .touch-menu {
  z-index: 500;
  overflow: scroll;
  opacity: 1;
  height: 100% !important;
}
.menu-is-open .touch-menu .main-menu {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
  height: 100vh;
  z-index: 9999;
}

.menu-is-closed .touch-menu {
  height: 0 !important;
}
.menu-is-closed .touch-menu .main-menu {
  opacity: 0;
}

/* Nav Expander (Plus button) */
.nav-expander {
  width: 20px;
  height: 20px;
  padding: 20px;
  position: relative;
  right: -40px;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.nav-expander span {
  display: block;
  position: absolute;
  height: 2px;
  width: 15px;
  background: var(--brand-50);
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
}

.nav-expander span:nth-child(1) {
  top: 18px;
  left: 10px;
}

.nav-expander span:nth-child(2) {
  top: 18px;
  left: 10px;
  transform: rotate(90deg);
}

.sub-menu-open > .nav-dropdown-button .nav-expander span:nth-child(2) {
  transform: rotate(180deg);
}

/* Hamburger Menu */
.nav-hamburger {
    width: 32px;
    height: 20px;
    position: relative;
    transform: rotate(0deg);
    transition: 0.5s ease-in-out;
    cursor: pointer;
}

.nav-hamburger span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #ffffff;
  opacity: 1;
  right: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
  border-radius: 2px;
}

.nav-hamburger span:nth-child(1) {
    width: 70%;
  top: 0px;
  right: 6px;
}
.nav-hamburger span:nth-child(2), .nav-hamburger span:nth-child(3) {
  top: 8px;
  width: 70%;

}
.nav-hamburger span:nth-child(4) {
  top: 16px;
  width: 70%;
  right:6px;
}

.nav-hamburger.open span {
  background: #ffffff;
}

.nav-hamburger.open span:nth-child(2),.nav-hamburger.open span:nth-child(3) {
    top: 10px; right: 3px;
}

@media only screen and (min-width: 1060px) {
  .nav-hamburger.open span {
    background: white;
  }
}
.nav-hamburger.open span:nth-child(1) {
  top: 9px;
  width: 0%;
  right: 50%;
}
.nav-hamburger.open span:nth-child(2) {
  transform: rotate(45deg);
}
.nav-hamburger.open span:nth-child(3) {
  transform: rotate(-45deg);
}
.nav-hamburger.open span:nth-child(4) {
  top: 9px;
  width: 0%;
  right: 50%;
}

@media only screen and (min-width: 1060px) {
  .not--device .menu-wrap {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1em;
    display: block;
    flex-grow: 1;
    background: var(--primary-800);
    border-top: solid 1px var(--primary-800);
    /* Top Level Dropdown Item */
    /*CUSTOM SUB NAV*/
    /* Sub Menu */
    /* Hides the Mobile Nav Expander */
    /* Mega Menu, add class to item in WP Admin --> Menu */
  }
  .not--device .menu-wrap .main-menu {
    font-size: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 15px;
    padding-right: 15px;
    height: 50px;
  }
  .not--device .menu-wrap .main-menu > li {
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
  }
  .not--device .menu-wrap .main-menu > li:hover {
    background-color: var(--primary-800);
  }
  .not--device .menu-wrap .main-menu > li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    z-index: 50;
    top: 50px;
  }
  .not--device .menu-wrap .main-menu > li:hover > a {
    color: #ffffff;
    text-decoration: none;
  }
  .not--device .menu-wrap .main-menu > li.mega-menu {
    position: static;
  }
  .not--device .menu-wrap .main-menu > li a {
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1em;
    font-weight: 400;
    display: block;
    text-decoration: none;
    padding: 20px 30px;
    transition: color 0.25s ease;
    color: #ffffff;
    position: relative;
    text-transform: uppercase;
  }
  .not--device .menu-wrap a {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1em;
  }
  .not--device .menu-wrap #menu-item-17 .sub-menu {
    left: -25px;
  }
  .not--device .menu-wrap .sub-menu {
    background: var(--primary-800);
    border: 1px solid var(--primary-800);
    position: absolute;
    top: 50px;
    left: 50%;
    right: 50%;
    transform: translate(-50%, 0);
    opacity: 0;
    visibility: hidden;
    width: 300px;
    z-index: -5;
    transition: 0.25s ease-in-out top, 0.25s ease-in-out opacity;
  }
  .not--device .menu-wrap .sub-menu > li.menu-item-has-children {
    position: relative;
  }
  .not--device .menu-wrap .sub-menu > li.menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    right: inherit;
    left: inherit;
    transform: none;
    left: 299px;
    top: -1px;
  }
  .not--device .menu-wrap .sub-menu > li a {
    color: #ffffff;
    font-size: 14px;
  }
  .not--device .menu-wrap .sub-menu > li:hover > a {
    text-decoration: none;
    background-color: #15384E;
    border-color: #15384E;
  }
  .not--device .menu-wrap .sub-menu .nav-dropdown-button {
    position: absolute;
    width: 8px;
    height: 8px;
    top: calc(50% - 4px);
    right: 15px;
    border-top: 2px solid var(--primary-700);
    border-right: 2px solid var(--primary-700);
    transform: rotate(45deg);
  }
  .not--device .menu-wrap .sub-menu a {
    border-bottom: 1px solid var(--primary-800);
    text-align: left;
    padding: 14px 25px !important;
    color: #ffffff;
  }
  .not--device .menu-wrap .nav-dropdown-button .nav-expander {
    display: none;
  }
  .not--device .menu-wrap .duplicate-item {
    display: none;
  }
  .not--device .menu-wrap .mega-menu:hover > a {
    border-bottom: 5px solid var(--primary-600);
    position: relative;
    top: 5px;
    display: flex;
    height: calc(100% - 5px);
    align-items: center;
    margin-bottom: 5px;
  }
  .not--device .menu-wrap .mega-menu:hover > .sub-menu {
    display: flex;
    transform: translate(-50vw);
    opacity: 1;
  }
  .not--device .menu-wrap .mega-menu:after {
    display: none;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu {
    padding-right: calc(40px + 50vw - 1060px / 2);
    padding-left: calc(40px + 50vw - 1060px / 2);
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    transform: translate(-200vw);
    opacity: 0;
  }
}
@media only screen and (min-width: 1060px) and (min-width: 1460px) {
  .not--device .menu-wrap .mega-menu > .sub-menu {
    padding-right: calc(40px + 50vw - 1460px / 2);
    padding-left: calc(40px + 50vw - 1460px / 2);
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 1060px) {
  .not--device .menu-wrap .mega-menu > .sub-menu .nav-segment {
    flex-basis: 0;
    flex-grow: 2;
    -moz-column-count: 2;
         column-count: 2;
    text-align: left;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .nav-segment > li {
    display: inline-block;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .nav-segment > li .sub-menu {
    visibility: visible;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .nav-segment > li .sub-menu > li {
    display: block;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .social-segment {
    flex-basis: 0;
    flex-grow: 1;
    color: #ffffff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .social-segment a {
    padding: 0;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .social-segment i {
    color: #ffffff;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .social-segment .hdng {
    font-size: 50px;
    font-size: 3.125rem;
    line-height: 1em;
    font-weight: 300;
    color: #ffffff;
    margin-bottom: 30px;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .social-segment .button {
    font-size: 50px;
    font-size: 3.125rem;
    line-height: 1em;
    font-weight: 300;
    font-family: "Inter", sans-serif;
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    text-align: center;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu .sub-menu {
    position: relative;
    opacity: 1;
    visibility: hidden;
    width: 100%;
    top: inherit;
    left: 0 !important;
    right: inherit;
    transform: none;
    z-index: 50;
    padding-left: 30px;
    background: none;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu li {
    padding-right: 0;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu li:after {
    display: none;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu a:hover {
    color: rgba(255, 255, 255, 0.8);
  }
  .not--device .menu-wrap .mega-menu > .sub-menu > li {
    display: inline-block;
    vertical-align: top;
    padding: 25px;
  }
  .not--device .menu-wrap .mega-menu > .sub-menu > li > a,
  .not--device .menu-wrap .mega-menu > .sub-menu > li > .sub-menu {
    background: none;
  }
  .not--device .menu-wrap .close-menu {
    display: none !important;
  }
}

@media screen and (max-width: 980px) {
    .navwrapper {
        background-color: transparent;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 3333
    }

    .navwrapper .navtop {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem
    }

    .navwrapper .navtop .logo {
        width: 100%;
        max-width: 214px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .navwrapper .navtop .logo svg {
        position: relative;
        max-width: 100%;
        top: 4px
    }

    .navwrapper .navtop .col {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-left: auto
    }

    nav.navigation {
        height: 100%;
        overflow: auto;
        position: fixed;
        z-index: 3333;
        width: 100%;
        background: var(--bg);
        padding: 2rem;
        padding-bottom: 3rem;
        top: 0;
        left: 0;
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
    }

    nav.navigation.is-active {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
        padding-top: 100px;
    }

    nav.navigation .main-menu a {
        font-weight: 300;
        font-size: 15px;
        letter-spacing: .1em;
        line-height: 40px;
        text-align: left;
        color: #fff;
        text-decoration: none;
        display: block
    }

    nav.navigation .main-menu > li > a {
        text-transform: uppercase
    }

    nav.navigation .main-menu li {
        /* border-top: 1px solid var(--brand-50) */
    }

    nav.navigation .main-menu > li:last-of-type {
        border-bottom: 1px solid var(--brand-50);
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }

    nav.navigation .navnumber {
        letter-spacing: .1em;
        text-align: left;
        color: #fff;
        text-decoration: none;
        font-size: 17px;
        padding-top: 1rem;
        display: block;
        margin-top: 20px;
    }
    
    .navnumber .icon { margin-top: 2px; }

    nav.navigation .menu-item-has-children {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap
    }

    nav.navigation .menu-item-has-children a {
        flex-grow: 1;
        max-width: calc(100% - 40px)
    }

    #closenav {
        display: block;
        margin-left: auto;
        margin-bottom: 20px;
        margin-right: 10px
    }

    ul {
        list-style: none
    }

    .nav-plus {
        background-image: url(images/svg/white-nav-icon.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 8px 14px;
        display: block;
        width: 40px;
        min-height: 40px;
        position: relative;
        padding: 0;
        cursor: pointer
    }

    .nav-plus.rotatoe {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .main-menu .sub-menu {
        min-width: 100%;
        display: none
    }

    .main-menu .sub-menu.depth-2 {
        border-bottom: 1px solid var(--brand-50);
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }

    .main-menu .sub-menu.depth-2 li:last-of-type {
        padding-block: 0 10px
    }

    .main-menu .sub-menu.depth-2 a {
        padding-left: 1.5rem
    }

    .main-menu .sub-menu li {
        border-top: 1px solid transparent
    }

    .main-menu .sub-menu a {
        font-weight: 300;
        font-size: 15px;
        line-height: 30px;
        text-align: left;
        color: #fff;
        padding-left: 1rem
    }

    .main-menu .mega .sub-menu.depth-0 > li > a, .main-menu .mega .sub-menu.depth-0 > li > .nav-plus {
        display: none
    }

    .main-menu .mega .sub-menu.depth-0 .sub-menu.depth-1 {
        display: block
    }
}

/* ------------------------
	Content
------------------------ */
.content {
  width: 100%;
}
@media only screen and (min-width: 1060px) {
  .content {
    width: 100%;
    padding-bottom: 20px;
  }
}

/* Page Title */
.page-title {
  width: 100%;
  text-align: left;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  .page-title {
    margin-top: 100px;
  }
  
  .header-wrapper-alternative.gallery .page-title { margin-top: 20px; }
}
.page-title h1,
.page-title .headline {
  color: #ffffff;
  margin: 0 0 20px;
  font-family: "Inter", sans-serif;
  text-align: left;
  font-size: 25px;
  line-height: 1.2;
  position: relative;
}

.internal-header-images .page-title h1,
.internal-header-custom-image .page-title h1,
.internal-header-images .headline,
.internal-header-custom-image .headline { 
    color: var(--primary-800);
}

.internal-header-images.light,
.internal-header-custom-image.light,
.internal-header-images.light .page-title h1,
.internal-header-custom-image.light .page-title h1,
.internal-header-images.light .headline,
.internal-header-custom-image.light .headline,
.internal-header-images.light p,
.internal-header-custom-image.light p,
.internal-header-images.light-text,
.internal-header-custom-image.light-text,
.internal-header-images.light-text .page-title h1,
.internal-header-custom-image.light-text .page-title h1,
.internal-header-images.light-text .headline,
.internal-header-custom-image.light-text .headline,
.internal-header-images.light-text p,
.internal-header-custom-image.light-text p {
    color: var(--brand-50);
}

.page-title h1 span, .page-title .headline span { display: block; font-style: italic; font-weight: 200; } 

@media only screen and (min-width: 768px) {
  .page-title h1,
  .page-title .headline {
    font-size: 55px;
    font-size: 3.4375rem;
    margin-bottom: 20px;
  }
  
  .page-title h1 span,
  .page-title .headline span { font-size:40px; }
}

/* BreadCrumbs  */
.site-crumbs {
  text-align: left;
  padding-top: 10px;
}
.site-crumbs .salacious-crumb {
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "Inter", sans-serif;
  font-style: normal;
}
.site-crumbs .salacious-crumb a {
  text-decoration: none;
  color: var(--muted);
}
.site-crumbs .salacious-crumb .crumb-sep {
  border-right: 1px solid var(--primary-800);
  color: var(--muted);
  margin: 0 6px;
}
.site-crumbs .salacious-crumb span {
  color: var(--muted) !important;
}
.site-crumbs .salacious-crumb .current-crumb-item {
  color: var(--muted) !important;
}
.site-crumbs .salacious-crumb .current-crumb-item a {
  color: var(--muted) !important;
}
.site-crumbs p {
  margin: 0;
}

/* Interior Pages */
.interior {
  display: block;
  text-align: left;
  margin-bottom: 40px;
  padding-top: 0;
}
.interior .content {
  padding-top: 20px;
  /* Unordered Items */
  /* Ordered Items */
}

.interior .content a {
  color: var(--primary-600);
}
.interior .content a:hover {
  color: var(--primary-600);
}

.interior .content p {
  margin-bottom: 30px;
}
.interior .content h2,
.interior .content h3,
.interior .content h4,
.interior .content h5,
.interior .content h6 {
  margin-top: 0px;
  margin-bottom: 20px;
  margin-top: 40px;
}
@media only screen and (min-width: 768px) {
  .interior .content h2,
  .interior .content h3,
  .interior .content h4,
  .interior .content h5,
  .interior .content h6 {
    margin-top: 40px;
  }
}
.interior .content > h2 {
  margin-top: 0;
}
.interior .content > p ~ h2,
.interior .content > ul ~ h2,
.interior .content > ol ~ h2 {
  margin-top: 60px;
}
@media only screen and (min-width: 768px) {
  .interior .content > p ~ h2,
  .interior .content > ul ~ h2,
  .interior .content > ol ~ h2 {
    margin-top: 70px;
  }
}
.interior .content ul {
  list-style: none;
  margin: 20px 0px 40px 0px;
}
@media only screen and (min-width: 768px) {
  .interior .content ul {
    margin:20px 40px 40px 0px;
  }
}
.interior .content ul li {
  position: relative;
  padding-left: 30px;
}


@media only screen and (min-width: 768px) {
  .interior .content ol {
    margin: 30px 40px 60px 0px;
  }
}
.interior .content ol > li {
  display: block;
}
.interior .content ol > li:before {
  content: counter(item) ". ";
  counter-increment: item;
  color: rgb(217, 144, 101);
  margin-right: 14px;
}
.interior .content blockquote {
  position: relative;
  margin: 0;
  text-align: center;
  padding: 100px 20px 80px 20px;
  margin-top: 60px;
  margin-bottom: 40px;
  background: var(--brand-50) url("images/svg/icon-stars-blue.svg") top left;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 170px;
  background-position-y: 50px;
}
@media only screen and (min-width: 768px) {
  .interior .content blockquote {
    background-position-y: 100px;
    margin-top: 100px;
    margin-bottom: 40px;
    padding: 150px 40px 120px 40px;
  }
}
.interior .content blockquote p,
.interior .content blockquote cite {
  font-family: "Inter", sans-serif;
  max-width: 980px;
  margin: 0 auto;
  color: var(--muted);
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.8em;
  font-style: italic;
  font-weight: 300 !important;
}
@media only screen and (min-width: 768px) {
  .interior .content blockquote p,
  .interior .content blockquote cite {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.8em;
  }
}
.interior .content blockquote cite {
  font-style: normal;
  margin-top: 20px;
  display: block;
  font-family: "Inter", sans-serif;
  color: var(--primary-600);
}
@media only screen and (min-width: 768px) {
  .interior .content blockquote cite {
    font-size: 26px;
  }
}

/* ------------------------
	Guttenberg
------------------------ */
/* Block Eitor Styles  */
.interior {
  /*Full Width Classes*/
  /*Full Width Classes*/
  /*Full Width Classes*/
  /*  Padding for Content inside  columns  */
  /* Block Editor Custom Blocks */
  /* Block Editor Custom Blocks */
  /* Block Editor Custom Blocks */
  /* Intro Section Block */
  /* List of Buttons */
  /* Video Embed */
  /* Image Left, Text Right Block */
  /* Text on top of Background */
  /* Light Buttons for Cover with Background */
  /* <hr> subtle styling */
  /*=================================================
  =            Wordpress Default Gallery            =
  =================================================*/
  /* Full Width Image */
  /* Full Width Text */
  /* Gallery Styling to Check  */
}
.interior .full-width,
.interior .on-page-BNA-Gallery,
.interior .block-candidate-cta,
.interior .block-patient-stories,
.interior .meet-the-doctor-block,
.interior .full-width-image {
  position: relative;
  width: 100vw;
  left: -20px;
}
@media only screen and (min-width: 768px) {
  .interior .full-width,
  .interior .on-page-BNA-Gallery,
  .interior .block-candidate-cta,
  .interior .block-patient-stories,
  .interior .meet-the-doctor-block,
  .interior .full-width-image {
    left: -40px;
  }
}
@media only screen and (min-width: 1280px) {
  .interior .full-width,
  .interior .on-page-BNA-Gallery,
  .interior .block-candidate-cta,
  .interior .block-patient-stories,
  .interior .meet-the-doctor-block,
  .interior .full-width-image {
    left: calc((0px + 50vw - 1200px / 2) * -1);
    max-width: none;
    margin: auto;
  }
}
.interior .wp-block-columns .wp-block-column iframe {
  width: 100%;
}
.interior .aligncenter {
  text-align: center;
}
.interior .wp-block-embed iframe {
  margin-top: 40px;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .interior .wp-block-embed iframe {
    width: 640px;
    height: 360px;
  }
}
.interior .introduction-block figure {
  margin-bottom: 20px;
  margin-left: 0px;
}
@media only screen and (min-width: 768px) {
  .interior .introduction-block figure {
    margin-left: 40px;
  }
}
.interior .introduction-block img {
  height: auto;
}
@media only screen and (min-width: 768px) {
  .interior .introduction-block img {
    position: relative;
    margin-top: -80px;
    box-shadow: 0px 33px 26px rgba(0, 0, 0, 0.25);
  }
}
.interior .image-left-block figure {
  width: 130px;
  height: auto;
}
.interior .image-left-block figure img {
  width: 100%;
  height: auto;
}
.interior .image-left-block h2 {
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .interior .image-left-block h2 {
    position: relative;
    padding-top: 130px;
  }
  .interior .image-left-block h2:before {
    content: "";
    position: absolute;
    bottom: 70px;
    left: 330px;
    height: 70px;
    width: 2px;
    background-color: var(--primary-800);
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .interior .image-left-block img {
    box-shadow: 0px 33px 26px rgba(0, 0, 0, 0.25);
  }
}
@media only screen and (min-width: 768px) {
  .interior .image-left-block figure.alignleft {
    width: auto;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .interior .image-left-block figure.alignleft {
    margin-right: 60px;
    margin-bottom: 60px;
  }
}
.interior .Gold-Background-Cover {
  border: 2px solid rgba(0, 0, 0, 0.06);
  margin-top: 60px;
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) {
  .interior .Gold-Background-Cover {
    margin-top: 100px;
    margin-bottom: 100px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) {
  .interior .Gold-Background-Cover .wp-block-cover__inner-container {
    width: calc(100% - 140px);
  }
}
.interior .on-page-BNA-Gallery {
  padding: 20px 10px;
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) {
  .interior .on-page-BNA-Gallery {
    padding: 40px;
    margin-bottom: 100px;
  }
}
.interior .on-page-BNA-Gallery .wp-block-cover__inner-container {
  border: 1px solid var(--brand-50);
  padding-top: 40px;
  padding-bottom: 40px;
  width: calc(100% - 0px) !important;
}

/* ===================================== */
/*          NEW GALLERY                  */
/* ===================================== */

.rm-case-filter {
    display: flex;
    justify-content:center;
    border-bottom: solid 1px var(--brand-500);
    padding-bottom: 10px;
}

.single-case-content .rm-case-filter { border-bottom: 0; }

.rm-case-filter select {
    -webkit-appearance:none;
    appearance:none;
    color: var(--text);
    font-family: 'Inter', sans-serif;
    font-size:24px;
    font-weight: 300;
    border: 0;
    background: url('/wp-content/themes/shfacialplastics/images/svg/chevron-down.svg') no-repeat right bottom;
    background-size:30px;
    padding: 4px 40px 4px 10px;
    cursor: pointer;
    
}

.rm-case-filter select option {
    background-color: #ffffff;
}

.rm-case-filter select option:hover {
  background-color: #f0f0f0;
}

.header-wrapper-alternative.gallery h1 {
    color: #ffffff;
    font-weight:600;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.header-wrapper-alternative.gallery h1 span {
    font-weight:500;    
    text-transform: capitalize;
    letter-spacing: -1px;
}

.tmpl_type_rmg_archive h2.gallery-heading {
    margin-bottom: 40px !important;
}

h2.gallery-heading {
    color:#000000 !important;
    font-size:28px;
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 40px !important;
}

h3.category-heading {
    font-size:24px;
    text-align:left;
    margin-top:10px;
    margin-bottom:0;
}

.tmpl_type_rmg_category_parent h2.gallery-heading {
    margin-top: 0;
}

.gallery-category-wrapper {
    padding-top: 20px;
}

.gallery-category-wrapper .gallery-images .before-after-set .sensitive-warning {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    height: 100%;
    width: 100%;
    z-index:100;
}

.gallery-category-wrapper .gallery-images .before-after-set .sensitive-warning h3 {
    color: #ffffff; 
}

.gallery-category-wrapper .gallery-images .before-after-set.sensitive { overflow:hidden; }

.gallery-category-wrapper .gallery-images .before-after-set.sensitive img {
    filter: blur(20px);
}

.gallery-category-wrapper .gallery-images .before-after-set.sensitive:hover img {
    filter: blur(0);
}

.gallery-category-wrapper .gallery-images .before-after-set.sensitive:hover .sensitive-warning { display: none; }

.gallery-category-content .gallery-images .before-after-set {
    position: relative;
    display: flex;
    align-items: stretch;
    gap: 4px;
}

.gallery-category-content .gallery-images .before-after-set:after {
    content:'';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index:200;
    opacity:0;
    background: url('/wp-content/themes/shfacialplastics/images/svg/plus-sign.svg') rgba(0,0,0,0.5) no-repeat center center;
    background-size:60px;
    transition: all 0.4s ease-in;
}


.tmpl_type_rmg_category_parent .new-gallery .bna-group a:before, .tmpl_type_rmg_category_child .new-gallery .bna-group a:before {
    content:'';
    width: 100%;
    height: 100%;
    background: url('/wp-content/themes/shfacialplastics/images/svg/plus-sign.svg') no-repeat center center;
    background-size:60px;
    transition: all 0.4s ease-in;
}

.gallery-category-content .gallery-images .before-after-set:hover:after {
    position: absolute;
    opacity:1;
}

.gallery-category-content .gallery-row {
    display: flex;
    flex-basis: auto;
    gap: 5px;
}

.gallery-category-content .gallery-row .before-after-set:first-of-type {
    margin-right: 20px;
}

.gallery-category-content .gallery-images {
    flex-wrap: wrap;
    border-bottom: solid 1px #dddddd;
    padding-bottom: 30px;
}

.gallery-category-content .gallery-row:first-of-type {
    margin-bottom: 30px;
}
    
.gallery-category-content .gallery-images .before-after-set {
    flex-basis: auto;
    width: calc( 50% - 10px );
}
    
.gallery-category-content .before-after-set {
    width: calc( 50% - 4px );
}

.gallery-category-content .gallery-images .caseimg {
    width: 50%;
    max-width:50%;
}

.gallery-category-content .gallery-images .caseimg img {
    display: block;
    width:100%;
    max-width:100%;
    height: auto;
}

.gallery-category-content a {
    text-decoration:none;
}

.gallery-category-content a h2 {
    color: var(--primary-800);
    font-size:24px;
    text-align:left;
    text-decoration: unset;
    margin-bottom: 10px !important;
}

.gallery-category-content .see-more {
    font-size:16px;
    margin-top: 40px;
    text-align:right;
    text-transform: uppercase;
    font-weight:800;
}

.gallery-category-content .see-more:hover {
    font-weight:500;
}

.tmpl_type_rmg_single_case .case-wrap {
    border-top: solid 1px #dddddd;
    margin-top: 20px;
}

.tmpl_type_rmg_single_case .case-wrap .single-case-wrapper {
    padding-top: 60px;
}

.tmpl_type_rmg_single_case h2.single-case-title {
    margin-top: 0;
    margin-bottom: 20px;
}

.tmpl_type_rmg_single_case #customize-thumbnails.new-gallery {
    gap:10px;
    flex-wrap: wrap;
}

.tmpl_type_rmg_single_case .gallery-navigation.new-gallery {
    justify-content: space-between;
    top: auto;
    padding-bottom: 0;
    padding-top: 40px;
}

.tmpl_type_rmg_single_case .gallery-navigation.new-gallery .back-to-gallery {
    text-decoration: none;
    font-weight: 300;
    font-size:18px;
    transition: all 0.4s ease-in-out;
}

.tmpl_type_rmg_single_case .gallery-navigation.new-gallery .back-to-gallery:hover {
    font-weight:500;
}

.tmpl_type_rmg_single_case .gallery-navigation.new-gallery .back-to-gallery i {
    padding-right: 10px;
    font-weight:500;
}

.tmpl_type_rmg_single_case #customize-thumbnails.new-gallery li img {
    width:40px;
    max-width: 40px;
}

.tmpl_type_rmg_single_case .single-case-wrapper {
    display: flex;
    flex-direction: column;
}

.tmpl_type_rmg_single_case .new-gallery .bnawrap {
    gap: 2px;
    margin-bottom: 36px;
}

.tmpl_type_rmg_single_case .new-gallery .bnawrap .img-frame {
    width: calc(50% - 1px);
    position: relative;
}

.new-gallery .bnawrap .tns-lazy-img {
    display: block;
    width: 100%;
    max-width:100%;
    height: auto;
}

.new-gallery .bnawrap .bna-label {
    font-size:20px;
    font-weight: 300;
}

.tmpl_type_rmg_single_case .case-wrap.new-gallery .tns-controls button {
    background-color: transparent;
}

.tmpl_type_rmg_single_case .case-wrap.new-gallery .tns-controls button[data-controls=prev]:after,
.tmpl_type_rmg_single_case .case-wrap.new-gallery .tns-controls button[data-controls=next]:after {
    font-size:40px;
}

.tmpl_type_rmg_single_case .new-gallery .button-gallery-nav {
    box-shadow: unset;
    color: #000000;
    background-color:unset;
    padding: 10px;
    text-decoration: none;
    font-weight: 300;
}

.tmpl_type_rmg_single_case .new-gallery .gallery-nav.bottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    border-top: solid 1px #dddddd;
    margin-bottom: 60px;
}

.tmpl_type_rmg_single_case #customize-thumbnails.new-gallery li {
    padding-bottom:2px;
}

.tmpl_type_rmg_single_case #customize-thumbnails.new-gallery li.tns-nav-active {
    border-bottom: 0;
}

.tmpl_type_rmg_single_case #customize-thumbnails.new-gallery li.tns-nav-active .thumbnail small {
    font-weight: 600;
}

.tmpl_type_rmg_single_case .new-gallery .button-gallery-nav i {
    position: relative;
    font-weight: 500;
    top: auto;
    left: auto;
    right: auto;
}

.tmpl_type_rmg_single_case .button-gallery-nav i.fa-chevron-right {
    padding-left:10px;
}

.tmpl_type_rmg_single_case .button-gallery-nav i.fa-chevron-left {
    padding-right:10px;
}

.tmpl_type_rmg_single_case .case-wrap.new-gallery .case-content {
    width: 100%;
}

.header-wrapper-alternative.gallery {
    background:url('https://drcouvillion.com/wp-content/uploads/2025/08/drryan.webp') no-repeat center center;
    background-size:cover;
    min-height:480px;
}

@media (min-width:768px) {
    h2.gallery-heading {
        font-size: 36px;
    }
    
    .tmpl_type_rmg_category_parent .gallery-cat-wrap.new-gallery, .tmpl_type_rmg_category_child .gallery-cat-wrap.new-gallery {
        gap: 10px !important;
    }

    .tmpl_type_rmg_category_parent .new-gallery .bna-group, .tmpl_type_rmg_category_child .new-gallery .bna-group {
        padding: 0 0 80px;
    }
    
    .tmpl_type_rmg_single_case .case-wrap .case-images-main .tns-controls {
        width: 100%;
    }
    
    .tmpl_type_rmg_single_case #customize-thumbnails.new-gallery li img {
        width: 50px;
        max-width:50px;
    }
    
    .tmpl_type_rmg_category_parent .new-gallery .bna-group, .tmpl_type_rmg_category_child .new-gallery .bna-group {
        width: calc(50% - 10px);
    }
    
    .tmpl_type_rmg_single_case .gallery-navigation.new-gallery {
        padding-bottom: 50px;
    }
    
    .tmpl_type_rmg_single_case .gallery-navigation.new-gallery .back-to-gallery {
        font-size: 24px;
    }
    
    .tmpl_type_rmg_single_case #customize-thumbnails.new-gallery {
        flex-wrap: nowrap;
    }
}

@media (min-width:1024px) {
    .header-wrapper-alternative.gallery {
        background:url('https://drcouvillion.com/wp-content/uploads/2025/08/couvillion-temp-hero.jpg') no-repeat center center;
        background-size:cover;
        min-height:480px;
    }
    
    .header-wrapper-alternative.gallery h1 {
        max-width: 540px;
        font-size:66px;
    }
    
    .header-wrapper-alternative.gallery h1 span {
        font-size:42px;
    }
    
    
    .gallery-category-content .gallery-row:first-of-type {
        margin-bottom: 60px;
    }
    
    .tmpl_type_rmg_single_case .single-case-wrapper {
        flex-direction: row;
    }
    
    .tmpl_type_rmg_single_case .case-wrap.new-gallery .case-images-main {
        width: 66%;
        
    }
    
    .tmpl_type_rmg_single_case .case-wrap.new-gallery .case-content {
        width: 33%;
    }
    
    .tmpl_type_rmg_single_case #customize-thumbnails.new-gallery { 
        justify-content: flex-start;
        margin-bottom:40px;
    }
    
    .tmpl_type_rmg_single_case #customize-thumbnails.new-gallery li img {
        width: 110px;
        max-width:110px;
    }
}


@media only screen and (min-width: 768px) {
  .interior .on-page-BNA-Gallery .wp-block-cover__inner-container {
    width: 100% !important;
  }
  
  
}
.interior .on-page-BNA-Gallery h2 {
  margin-top: 0px;
  margin-bottom: 60px;
}
.interior .on-page-BNA-Gallery .wp-block-columns {
  max-width: 90%;
  margin: 0 auto;
}
.interior .on-page-BNA-Gallery .wp-block-columns .bnacase-imgset {
  text-align: center;
  margin: 0 auto;
}
.interior .on-page-BNA-Gallery .wp-block-buttons {
  margin-top: 40px;
}
.interior .archor-buttons-list {
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  .interior .archor-buttons-list {
    margin-bottom: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
}
.interior .archor-buttons-list .wp-block-button {
  width: 100%;
  margin-right: 0;
}
@media only screen and (min-width: 768px) {
  .interior .archor-buttons-list .wp-block-button {
    width: 48%;
  }
}

.interior .archor-buttons-list .wp-block-button__link {
    color: var(--brand-50);
    margin-top: 0;
    width: 100%;
    text-align: left;
}

.interior .archor-buttons-list .wp-block-button__link:hover {
    background: linear-gradient(90deg, var(--primary) 0%, var(--primary-600) 100%);
    color: var(--brand-50);
    border-color: var(--primary-600);
}

.interior .archor-buttons-list .wp-block-button__link a, .interior .archor-buttons-list .wp-block-button__link a:hover { color: var(--brand-50); }

@media only screen and (min-width: 768px) {
  .interior .archor-buttons-list .wp-block-button__link {
    margin-bottom: 20px;
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.2;
  }
}
.interior .archor-buttons-list .wp-block-button__link:after {
  display: none;
}
.interior .wp-block-group.testimonials-with-stars {
    padding: 100px 60px;
    position: relative;
    border: solid 3px transparent;
    border-image: linear-gradient(90deg, #522889 0%, #104882 100%);
    border-image-slice: 1;
}


@media only screen and (min-width: 768px) {
  .interior .wp-block-group.testimonials-with-stars {
      padding:100px 40px;
  }
}
.interior .wp-block-group.testimonials-with-stars p {
  max-width: 1060px;
  margin: 0 auto;
  padding-bottom: 14px;
  text-align: center;
  font-size: 20px;
  line-height: 1.75;
  font-style: italic;
}
@media only screen and (min-width: 768px) {
  .interior .wp-block-group.testimonials-with-stars p {
    font-size: 20px;
  }
}

h1.wp-block-heading + .wp-block-group.testimonials-with-stars,
h2.wp-block-heading + .wp-block-group.testimonials-with-stars,
h3.wp-block-heading + .wp-block-group.testimonials-with-stars,
h4.wp-block-heading + .wp-block-group.testimonials-with-stars,
h5.wp-block-heading + .wp-block-group.testimonials-with-stars,
h6.wp-block-heading + .wp-block-group.testimonials-with-stars { margin-top:60px; }
 
.interior .wp-block-group.testimonials-with-stars:before {
  content: "";
  top: -12px;
  left: calc(50% - 15px);
  position: absolute;
  background: url("images/svg/new-quote-icon.svg") center center;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  height: 36px;
  width: 36px;
  text-align: center;
}
.interior .wp-block-group.testimonials-with-stars:after {
    content: "";
    top: -26px;
    left: calc(50% - 25px);
    position: absolute;
    background: linear-gradient(90deg, #522889 0%, #104882 100%);
    width: 54px;
    height: 54px;
    transform: rotate(45deg);
    z-index:-1;
}
.interior .wp-block-cover.testimonial-block-with-stars {
  margin: 0px 0;
  border: 1px solid rgba(87, 65, 64, 0.15);
  min-height: 0;
}
@media only screen and (min-width: 768px) {
  .interior .wp-block-cover.testimonial-block-with-stars {
    margin: 80px 0;
  }
  .testimonials .interior .wp-block-cover.testimonial-block-with-stars {
    margin: 15px 0;
  }
}
.interior .wp-block-cover.testimonial-block-with-stars h3 {
  margin-top: 0;
  position: relative;
  top: 40px;
  font-size: 20px;
}
.interior .wp-block-cover.testimonial-block-with-stars .wp-block-cover__inner-container {
  background: url("images/svg/icon-stars-yellow.svg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 222px 35px;
  position: relative;
}
.interior .wp-block-cover.testimonial-block-with-stars p {
  text-align: center;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.5em;
  font-style: italic;
  max-width: 800px;
  font-weight: 300;
  margin: 0 auto;
  padding-top: 10px;
}
.interior .wp-block-cover.testimonial-block-with-stars .wp-block-button__link {
  margin-top: 40px;
}
.interior .citations-block p {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 0;
}
.interior .block-text-left-image-cover-right .wp-block-cover,
.interior .block-image-cover-left-text-right .wp-block-cover {
  box-shadow: 0px 33px 26px rgba(0, 0, 0, 0.25);
}
.interior .wp-block-embed.is-type-video {
  text-align: center;
  margin-bottom: 40px;
}
@media only screen and (min-width: 1060px) {
  .interior .wp-block-embed.is-type-video {
    margin-bottom: 80px;
  }
  
}



.interior .wp-block-embed.is-type-video iframe {
  box-shadow: 0px 33px 26px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding: 10px;
}
@media only screen and (min-width: 1060px) {
  .interior .wp-block-embed.is-type-video iframe {
    margin-top: 80px;
    padding: 30px;
    width: 916px;
    height: 515px;
  }
}
.interior .meet-the-doctor-block {
  padding: 60px 0;
  margin-top: 60px;
  bottom: -70px;
}
@media only screen and (min-width: 768px) {
  .interior .meet-the-doctor-block {
    padding: 60px 0 40px 0;
    margin-top: 80px;
    bottom: -120px;
  }
}
.interior .meet-the-doctor-block .wp-block-columns {
  max-width: 1180px;
  margin: 0 auto;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 768px) {
  .interior .meet-the-doctor-block .wp-block-columns {
    flex-direction: row;
  }
}
.interior .meet-the-doctor-block .wp-block-column:nth-of-type(2) {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .interior .meet-the-doctor-block .wp-block-column:nth-of-type(2) {
    margin-bottom: 0;
  }
}

.wp-block-column:has(.wp-block-image) { display: flex; flex-direction: column;justify-content: center; }
figure.wp-block-image { display: flex; flex-direction: column; justify-content: center; }

.interior .meet-the-doctor-block .wp-block-image {
  position: relative;
}

.interior .meet-the-doctor-block .wp-block-image img {
  max-width: 300px;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .interior .meet-the-doctor-block .wp-block-image {
    top: -130px;
  }
}
.interior .meet-the-doctor-block h3 {
  margin-top: 20px;
  font-family: "Playfair Display", serif;
}
.interior hr.wp-block-separator {
  border-top: 1px solid rgb(227, 226, 226);
}
.interior .gallery-size-medium {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.interior .gallery-size-medium .gallery-item {
  float: none !important;
  margin-right: 5px;
  margin-left: 5px;
  width: 45% !important;
}
@media only screen and (min-width: 768px) {
  .interior .gallery-size-medium .gallery-item {
    margin-right: 10px;
    margin-left: 10px;
    width: 19% !important;
  }
}
.interior .gallery-size-medium .gallery-item img {
  border: none !important;
  width: 100%;
  height: auto;
}

.page-833 .interior .introduction-block img {
  margin-top: 0;
}

/* ------------------------
	Aside
------------------------ */
aside {
  width: 300px;
  margin: 0 auto;
  position: relative;
}
@media only screen and (min-width: 768px) {
  aside {
    left: 0;
  }
}
aside ul {
  list-style: none;
}
aside li {
  width: 100%;
}

.sidebar-block {
  margin-bottom: 23px;
  padding: 20px 0;
}
.sidebar-block .hdng {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.25em;
  margin-bottom: 20px;
}
.sidebar-block .hdng a {
  text-decoration: none;
}
.sidebar-block li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.sidebar-block li a {
  text-decoration: none;
  width: 100%;
  display: block;
  padding: 8px 30px;
}
/* ------------------------
	Footer Layout
------------------------ */
footer {
  background-color: #161B1F;
  color: var(--brand-50);
  padding-top: 30px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
}

footer a { color: var(--brand-100); }
@media only screen and (min-width: 768px) {
  footer {
    padding-top: 80px;
  }
}

.footer-flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 0;
  flex-direction: column;
}
@media only screen and (min-width: 1200px) {
  .footer-flex-container {
    flex-direction: row;
  }
}
@media only screen and (min-width: 1280px) {
  .footer-flex-container .footer-locations-wrapper {
    margin-left: 90px;
  }
}

.footer-logo {
  width: 240px;
  height: auto;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 30px;
}

.footer-logo a { display: block; max-width: 100%; }
.footer-logo img, .footer-logo a img { display: block; height: auto; max-width: 100%; }

.footer-social {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 20px;
  margin: 0 auto;
}
@media only screen and (min-width: 1200px) {
  .footer-social {
    justify-content: center;
    margin-bottom: 40px;
    margin-left: -10px;
  }
}
.footer-social a {
  display: block;
  text-align: left;
  text-decoration: none;
  display: flex;
  align-items: center;
  transition: all 0.25s ease;
}
.footer-social a:hover {
  color: var(--primary);
}
.footer-social span {
  display: none;
}
.footer-social i {
  text-align: center;
  width: 50px;
  height: 44px;
  font-size: 30px;
  position: relative;
}

.footer-locations-wrapper {
  margin: 0 auto;
}
@media only screen and (min-width: 1200px) {
  .footer-locations-wrapper {
    text-align: left;
  }
}
.footer-locations-wrapper p {
  font-weight: 400;
}
@media only screen and (min-width: 768px) {
  .footer-locations-wrapper p {
    font-weight: 300;
  }
}
.footer-locations-wrapper .f-phone {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 20px;
  padding-top: 10px;
  padding-bottom: 60px;
}
.footer-locations-wrapper .f-phone a {
  text-decoration: none;
}
.footer-locations-wrapper .f-phone a:hover {
  text-decoration: underline;
}

.footer-locations {
  list-style: none;
  margin-bottom: 25px;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .footer-locations {
    font-weight: 300;
  }
}
@media only screen and (min-width: 1200px) {
  .footer-locations {
    margin-bottom: 0;
    text-align: left;
  }
}
.footer-locations li {
  margin-top: 60px;
  position: relative;
}
@media only screen and (min-width: 1200px) {
  .footer-locations li {
    margin-top: 0;
    margin-bottom: 20px;
  }
}
.footer-locations li:before,
.footer-locations li:not(.menu-item):not(.carousel-item):before {
  position: absolute;
  content: "";
  border-image: unset;
  border-image-slice: unset;
  width: 28px;
  height: 35px;
  top: auto;
  left: -10px;
  background: url("images/svg/icon-location.svg") transparent no-repeat;
  background-size: 28px 35px;
  transform: unset;
}

@media only screen and (min-width: 1200px) {
  .footer-locations li:before {
    top: auto;
    left: -50px;
  }
}
.footer-locations a {
  color: var(--brand-200);
  text-decoration: none;
}
.footer-locations a:hover {
  text-decoration: underline;
}

.footer-buttons {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  align-items: center;
}
@media only screen and (min-width: 1060px) {
  .footer-buttons {
    margin-top: 20px;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 40px;
    padding-right: 20px;
  }
}
.footer-buttons a {
    display:flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    color: var(--brand-50);
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    border-radius: 0;
    padding: 20px 32px;
}

.footer-buttons a:nth-of-type(2) {
  margin: 0 10px;
}

@media only screen and (min-width: 1060px) {
  .footer-buttons a {
    font-size: 16px;
    font-size: 1rem;
  }
}

.footer-buttons a svg {
  margin: 0 auto;
  display: block;
  height: 25px;
}
@media only screen and (min-width: 1060px) {
  .footer-buttons a svg {
    height: auto;
  }
}

.lower-footer {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16px;
  padding-bottom: 80px;
}
@media only screen and (min-width: 768px) {
  .lower-footer {
    padding-bottom: 140px;
  }
}
.lower-footer .disclaimer {
  margin-bottom: 10px;
}
.lower-footer .copyright {
  padding-top: 30px;
  border-top: 1px solid var(--muted);
}
.lower-footer a {
  text-decoration: none;
}
.lower-footer a:hover {
  text-decoration: underline;
}
.lower-footer .sig svg {
  width: 25px;
  height: 25px;
  position: relative;
  top: 5px;
  margin-left: 8px;
}
.lower-footer .sig svg path {
  fill: var(--primary-600);
}

/*======================================
=            Sticky Contact            =
======================================*/
.sticky-contact-cta {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1em;
  font-family: "Inter", sans-serif;
  text-align: center;
  z-index: 399;
  display: block;
  bottom: 10px;
  right: 0px;
  position: fixed;
  text-transform: uppercase;
  border-radius: 0;
  color: white;
  border: none;
  display: block;
  transition: bottom 0.5s ease, right 0.5s ease, background 0.25s ease;
}

@media only screen and (min-width: 1060px) {
  .sticky-contact-cta {
    right: 0;
    bottom: -60px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1em;
  }
}

.sticky-contact-cta svg {
  display: block;
  margin: 0 auto;
  margin-bottom: 5px;
  margin-top: 10px;
  width: 23px;
}
.sticky-contact-cta .sticky-info-phone {
    display:flex;
    gap: 14px;
    align-items: center;
    justify-content: center;
  color: var(--brand-50);
  font-size: 16px;
  border-radius: 0;
}
@media only screen and (min-width: 1060px) {
  .sticky-contact-cta .sticky-info-phone {
    display: none;
  }
}
.sticky-contact-cta .sticky-info-desktop {
  color: var(--brand-50);
  border-radius: 0;
  display: none;
}
@media only screen and (min-width: 1060px) {
  .sticky-contact-cta .sticky-info-desktop {
      font-size: 16px;
        padding: 18px 24px;
        display: block;
  }
}
.sticky-contact-cta.make-sticky {
  bottom: 20px;
  right: 20px;
}

/*===========================================
=            Footer Contact Form            =
===========================================*/
.footer-contact-form {
    background-color: var(--primary-700);
      margin: 0 auto;
      padding: 60px 0px;
      border: 1px solid var(--brand-800);

}
@media only screen and (min-width: 768px) {
  .footer-contact-form {
    padding: 100px 0 100px 0;
  }
}
.footer-contact-form .contact-form {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding: 0px 20px;
}
@media only screen and (min-width: 768px) {
  .footer-contact-form .contact-form {
    padding: 0px 40px;
  }
}
.footer-contact-form span {
  display: block;
}
.footer-contact-form .headline {
  color: var(--brand-200) !important;
  padding-top: 0px;
  color: white;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1em;
  font-weight: 500;
  font-family: "Inter", sans-serif;
}
@media only screen and (min-width: 768px) {
  .footer-contact-form .headline {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1em;
    font-weight: 500;
  }
}
.footer-contact-form form {
  margin-top: 40px;
  margin-bottom: 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .footer-contact-form form {
    margin-top: 50px;
  }
}
.footer-contact-form form .field-wrap {
  width: 49%;
}
.footer-contact-form form .type-selectbox.field-18.field-wrap {
  width: 100%;
}
.footer-contact-form form .type-textarea {
  width: 100%;
}
.footer-contact-form form .type-submitbutton {
  width: 100%;
  text-align: center;
}
.footer-contact-form form .type-singlelinetext input,
.footer-contact-form form .type-selectbox select,
.footer-contact-form form .type-textarea textarea {
  background: white;
  border: 1px solid rgba(103, 84, 88, 0.24) !important;
  color: #000;
}
.footer-contact-form form textarea {
  height: 130px !important;
}
@media only screen and (min-width: 768px) {
  .footer-contact-form form .type-selectbox select,
  .footer-contact-form form .type-selectbox input,
  .footer-contact-form form .type-selectbox textarea,
  .footer-contact-form form .type-singlelinetext select,
  .footer-contact-form form .type-singlelinetext input,
  .footer-contact-form form .type-singlelinetext textarea,
  .footer-contact-form form .type-textarea select,
  .footer-contact-form form .type-textarea input,
  .footer-contact-form form .type-textarea textarea {
    margin-bottom: 15px;
  }
}
.footer-contact-form form .type-selectbox ::-webkit-input-placeholder,
.footer-contact-form form .type-singlelinetext ::-webkit-input-placeholder,
.footer-contact-form form .type-textarea ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: var(--brand-300) !important;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: normal;
}
.footer-contact-form form .type-selectbox :-moz-placeholder,
.footer-contact-form form .type-singlelinetext :-moz-placeholder,
.footer-contact-form form .type-textarea :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: var(--brand-300) !important;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: normal;
  opacity: 1;
}
.footer-contact-form form .type-selectbox ::-moz-placeholder,
.footer-contact-form form .type-singlelinetext ::-moz-placeholder,
.footer-contact-form form .type-textarea ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: var(--brand-300) !important;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: normal;
  opacity: 1;
}
.footer-contact-form form .type-selectbox :-ms-input-placeholder,
.footer-contact-form form .type-singlelinetext :-ms-input-placeholder,
.footer-contact-form form .type-textarea :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--brand-300) !important;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: normal;
}
.footer-contact-form form .type-text {
  max-width: 700px;
  margin: 0 auto;
}
.footer-contact-form form .submit-btn {
  margin-top: 10px;
}
.footer-contact-form form input.error,
.footer-contact-form form textarea.error {
  border: 1px solid red !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
}
.footer-contact-form .aforms_confirmation_message {
  border: 1px solid white;
  margin-top: 40px;
  padding: 10px;
  margin-bottom: 40px;
}
.footer-contact-form .aforms_confirmation_message h2,
.footer-contact-form .aforms_confirmation_message p,
.footer-contact-form .aforms_confirmation_message span {
  display: block;
  margin-bottom: 40px;
  color: var(--primary-600);
}
.footer-contact-form .type-submitbutton {
  position: relative;
}
.footer-contact-form .type-submitbutton:after {
  content: "";
  position: absolute;
  top: 48px !important;
  left: calc(50% - 40px);
  width: 80px;
  background-color: var(--brand-300);
}

/* ------------------------
	Forms & Form Elements
------------------------ */
.contact,
.contact-us {
  /*CUSTOM LOCATION ICONS*/
  /*CUSTOM LOCATION ICONS END */
  /*Custom Virtual Consultation */
}
.contact aside,
.contact-us aside {
  display: none;
}
.contact .contact-content,
.contact-us .contact-content {
  width: 100%;
  padding-bottom: 50px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .contact .contact-content,
  .contact-us .contact-content {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) {
  .contact .contact-content section,
  .contact-us .contact-content section {
    display: flex;
    max-width: 100%;
  }
}
.contact .contact-form,
.contact-us .contact-form {
  margin-bottom: 100px;
}
@media only screen and (min-width: 768px) {
  .contact .contact-form,
  .contact-us .contact-form {
    width: 50%;
    padding-right: 60px;
  }
}

.contact .office-info a,
.contact-us .office-info a {
  text-decoration: none;
}
.contact h2,
.contact-us h2 {
  text-transform: none;
}
.contact .gmaps,
.contact-us .gmaps {
  width: 100%;
  margin-bottom: 16px;
}
.contact .gmaps iframe,
.contact-us .gmaps iframe {
  width: 100%;
  height: 400px;
}
.contact .contact-information,
.contact-us .contact-information {
  padding-left: 170px;
}
@media only screen and (min-width: 768px) {
  .contact .contact-information > div,
  .contact .contact-information > address,
  .contact-us .contact-information > div,
  .contact-us .contact-information > address {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.7em;
    font-weight: normal;
  }
}
.contact .contact-information:first-of-type,
.contact-us .contact-information:first-of-type {
  position: relative;
}
.contact .contact-information:first-of-type:before,
.contact-us .contact-information:first-of-type:before {
  content: "";
  position: absolute;
  width: 125px;
  height: 116px;
  background: url("images/map-houston.jpg");
  left: 10px;
  top: 10px;
}
.contact .contact-information:nth-of-type(2),
.contact-us .contact-information:nth-of-type(2) {
  position: relative;
}
.contact .contact-information:nth-of-type(2):before,
.contact-us .contact-information:nth-of-type(2):before {
  content: "";
  position: absolute;
  width: 125px;
  height: 116px;
  background: url("images/map-the-woodlands.jpg");
  left: 10px;
  top: 10px;
}
@media only screen and (min-width: 768px) {
  .contact .connect-flex,
  .contact-us .connect-flex {
    display: flex;
  }
  .contact .connect-flex .footer-social,
  .contact-us .connect-flex .footer-social {
    margin-top: 55px;
    margin-left: 20px;
  }
}
.contact .virtual-consult,
.contact-us .virtual-consult {
  width: 100%;
  background: var(--muted);
  display: flex;
  color: var(--brand-50);
  justify-content: space-between;
  margin-top: 100px;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 768px) {
  .contact .virtual-consult,
  .contact-us .virtual-consult {
    flex-direction: row;
  }
}
.contact .virtual-consult .virtual-cta,
.contact-us .virtual-consult .virtual-cta {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 60px 20px;
}

.contact .virtual-cta .button {
    background: linear-gradient(90deg, #522889 0%, #104882 100%);
}

.contact .virtual-cta .button:hover {
    background-color: var(--primary-600);
}

@media only screen and (min-width: 768px) {
  .contact .virtual-consult .virtual-cta,
  .contact-us .virtual-consult .virtual-cta {
    width: calc(100% - 441px);
  }
}
.contact .virtual-consult .headline,
.contact-us .virtual-consult .headline {
  color: white;
  padding-bottom: 20px;
}
.contact .virtual-consult .subheadline,
.contact-us .virtual-consult .subheadline {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 1.2em;
  font-weight: 300;
  padding-bottom: 40px;
  display: block;
  max-width: 320px;
}
.contact .virtual-consult .virtual-pic img,
.contact-us .virtual-consult .virtual-pic img {
  width: 100%;
  height: auto;
}
.contact .location-details,
.contact-us .location-details {
  width: 100%;
  padding-bottom: 10px;
}
.contact .location-details span,
.contact-us .location-details span {
  display: block;
}
.contact .location-details a,
.contact-us .location-details a {
  text-decoration: none;
}
.contact .location-details a:hover,
.contact-us .location-details a:hover {
  text-decoration: underline;
}
.contact .practice,
.contact-us .practice {
  font-weight: bold;
  color: var(--primary-600);
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.9em;
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .contact .practice,
  .contact-us .practice {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.9em;
    font-weight: normal;
  }
}
.contact .street, .contact .city,
.contact-us .street,
.contact-us .city {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.2em;
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .contact .street, .contact .city,
  .contact-us .street,
  .contact-us .city {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.7em;
    font-weight: normal;
  }
}
.contact .location-hours,
.contact-us .location-hours {
  margin-bottom: 40px;
}
.contact .location-hours .hours-each,
.contact-us .location-hours .hours-each {
  display: flex;
  justify-content: flex-start;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.2em;
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .contact .location-hours .hours-each,
  .contact-us .location-hours .hours-each {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.7em;
    font-weight: normal;
  }
}
.contact .location-hours .split-line,
.contact-us .location-hours .split-line {
  width: 70px;
  height: 1px;
  margin-bottom: 10px;
  background-color: black;
}

.gmaps {
  width: 100%;
  margin-bottom: 16px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.gmaps iframe {
  display: block;
  width: 100%;
  height: 200px;
}

/* Global AFORM Styles */
form.aform {
  /* Custom Submit Button with  Border */
}
form.aform .text-inputtype {
  width: 100%;
}
form.aform select {
  font-family: "Inter", sans-serif;
  font-weight: normal;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  color: #675458;
  margin-bottom: 16px;
  background: url("images/svg/select-arrow.svg");
  background-position: right 18px center;
  background-repeat: no-repeat;
  background-size: 17px 11px;
  color: rgba(38, 38, 38, 0.6);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  border: 1px solid rgba(103, 84, 88, 0.6);
}
form.aform textarea {
  width: 100%;
  margin-bottom: 16px;
  padding-left: 10px;
  padding-top: 10px;
  border: 1px solid #c9c9c9;
}
form.aform input[type=radio] {
  margin-right: 10px;
}
form.aform .submit-btn {
  padding: 10px 30px;
}
form.aform .type-text {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.1em;
  width: 100%;
}
form.aform .button {
  border: none;
}
form.aform .type-singlelinetext,
form.aform .type-selectbox,
form.aform .type-textarea {
  /* Text inlisde of Input fileds*/
}
form.aform .type-singlelinetext label,
form.aform .type-selectbox label,
form.aform .type-textarea label {
  display: block;
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
form.aform .type-singlelinetext input,
form.aform .type-selectbox input,
form.aform .type-textarea input {
  margin-bottom: 0.8em;
  padding: 1em;
}
form.aform .type-singlelinetext input,
form.aform .type-singlelinetext textarea,
form.aform .type-singlelinetext select,
form.aform .type-selectbox input,
form.aform .type-selectbox textarea,
form.aform .type-selectbox select,
form.aform .type-textarea input,
form.aform .type-textarea textarea,
form.aform .type-textarea select {
  border-radius: 0;
  border: 1px solid rgba(103, 84, 88, 0.6);
  background-color: white;
  padding: 18px 20px;
  width: 100%;
}
form.aform .type-singlelinetext ::-webkit-input-placeholder,
form.aform .type-selectbox ::-webkit-input-placeholder,
form.aform .type-textarea ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: rgba(38, 38, 38, 0.6);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: normal;
}
form.aform .type-singlelinetext :-moz-placeholder,
form.aform .type-selectbox :-moz-placeholder,
form.aform .type-textarea :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(38, 38, 38, 0.6);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: normal;
  opacity: 1;
}
form.aform .type-singlelinetext ::-moz-placeholder,
form.aform .type-selectbox ::-moz-placeholder,
form.aform .type-textarea ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(38, 38, 38, 0.6);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: normal;
  opacity: 1;
}
form.aform .type-singlelinetext :-ms-input-placeholder,
form.aform .type-selectbox :-ms-input-placeholder,
form.aform .type-textarea :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(38, 38, 38, 0.6);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: normal;
}
form.aform .type-file {
  color: rgba(38, 38, 38, 0.6);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  margin-bottom: 20px;
}
form.aform .type-file .file-input-item {
  border-radius: 0;
  border: 1px solid rgba(103, 84, 88, 0.6);
  background-color: white;
  padding: 18px 20px;
  width: 100%;
  margin-top: 10px;
}
form.aform .type-textarea textarea {
  height: 150px;
  padding-top: 20px;
}
form.aform .type-checkboxgroup {
  color: #fff;
  margin: 0px 0 30px 0;
  font-size: 16px;
  padding: 0 20px;
}
@media only screen and (min-width: 1060px) {
  form.aform .type-checkboxgroup {
    display: flex;
    flex-wrap: wrap;
  }
  form.aform .type-checkboxgroup > div {
    width: 50%;
  }
}
form.aform .type-checkboxgroup label {
  width: 100%;
}
form.aform .type-checkboxgroup input {
  width: 20px;
  height: 20px;
  border: none;
  margin-right: 10px;
}
form.aform .type-submitbutton {
  text-align: center;
}
form.aform .type-submitbutton {
  margin-top: 10px;
}
form.aform .type-submitbutton:after {
  content: "";
  position: absolute;
  top: 43px;
  left: calc(50% - 40px);
  width: 80px;
  height: 1px;
  background-color: var(--brand-50);
}
form.aform .stopyenoh {
  position: absolute;
}
form.aform .aforms_confirmation_message {
  margin-bottom: 40px;
}
form.aform .aforms_confirmation_message h2,
form.aform .aforms_confirmation_message p,
form.aform .aforms_confirmation_message span {
  display: block;
  margin-top: 40px;
  margin-bottom: 40px;
  color: #fff;
}

.disclaimer {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5em;
  font-style: italic;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-3px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(4px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-8px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(8px, 0, 0);
  }
}
.field-wrap {
  position: relative;
}

.error {
  border: 1px solid #e74c3c !important;
  outline: none !important;
  box-shadow: 0 0 10px #e74c3c !important;
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  perspective: 1000px;
}

span.error {
  border: none !important;
  box-shadow: none !important;
  font-size: 0;
  top: 28px;
  right: 0;
  position: absolute;
  width: 30px;
  height: 30px;
  background-image: url(images/svg/error.svg);
  background-size: 7px 20px;
  background-repeat: no-repeat;
  background-position: center;
}

/* ***************************************** */
/* ---------- Specific Templates ----------- */
/* ***************************************** */
/* ------------------------
	Home Page
------------------------ */
.home-hero {
  margin-top: 0;
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-800);
  position: relative;
}

.home-hero .header-image.desktop { display: none; }

.home-hero .header-image.mobile {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home-hero .header-image.mobile img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.home-hero.light-text, .home-hero.light {
    color: var(--brand-50);
}

@media only screen and (min-width: 768px) {
  .home-hero {
    min-height: 700px;
    background-position: center center;
    align-items: flex-start;
  }
  
  .home-hero.short {
      min-height: 300px;
  }
}
@media only screen and (min-width: 1060px) {
  .home-hero {
    margin-top: 0;
    background-color: var(--brand-300);
    background-position: center center;
    background-size: auto;
    min-height: 800px;
    height:auto;
    background-size: cover;
    overflow:hidden;
  }
  
  .home-hero .header-image.mobile { display: none; }
  
  .home-hero .header-image.desktop {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  
  .home-hero .header-image.desktop img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
  }
  
  .home-hero.short { min-height: 400px; background-position: top center; }
}

.home-hero .hero-bucket {
  text-align: left;
  width:100%;
  max-width:1000px;
  padding: 10px 20px;
}


.home-hero.short .hero-bucket { margin-top: 100px; }

@media screen and (max-width:768px) {
    .home-hero .hero-bucket {  margin-top: 70vw; background: white; }
    .home-hero .hero-bucket.no-mobile-image { margin-top: 20px; background: var(--primary-700); background: linear-gradient(90deg, var(--primary-800) 0%, var(--primary-800) 100%); text-align:center; padding-top: 80px; padding-bottom: 80px; color: #ffffff; }
    .home-hero .hero-bucket.no-mobile-image h1, .home-hero .hero-bucket.no-mobile-image p, .home-hero .hero-bucket.no-mobile-image h2, .home-hero .hero-bucket.no-mobile-image h3, .home-hero .hero-bucket.no-mobile-image h4, .home-hero .hero-bucket.no-mobile-image h5, .home-hero .hero-bucket.no-mobile-image h6 { text-align: center; color: #ffffff; }
}

@media only screen and (min-width: 768px) {
  .home-hero .hero-bucket {
    width: 100%;
    padding: 80px 15px 60px;
    background: transparent;
    margin-top: 100px;
  }
}

@media only screen and (min-width:768px) and (max-width:1059px) {
    .home-hero {
        display: flex;
        flex-flow: column nowrap;
        justify-content: flex-end;
        margin-top: 0;
        padding-bottom: 60px;
    }  
    
    .home-hero .hero-bucket { width: auto; }
}

@media only screen and (min-width: 1060px) {
  .home-hero .hero-bucket {
      display:flex;
      flex-flow: column wrap;
      gap: 32px;
    position: relative;
  }
}

@media only screen and (min-width: 1400px ) {
    .home-hero { min-height: calc(100vh - 460px); }    
}

.home-hero .taglines-title {
  font-family: "Playfair Display", serif;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1em;
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .home-hero .taglines-title {
    max-width: none;
    font-size: 75px;
    font-size: 4.6875rem;
    line-height: 1em;
    font-weight: normal;
  }
}
.home-hero .taglines-title span:nth-of-type(1) {
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .home-hero .taglines-title span:nth-of-type(1) {
    font-size: 65px;
    font-size: 4.0625rem;
    line-height: 1em;
    font-weight: normal;
    display: block;
  }
}
.home-hero .taglines-title span:nth-of-type(2) {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1em;
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .home-hero .taglines-title span:nth-of-type(2) {
    font-size: 35px;
    font-size: 2.1875rem;
    line-height: 1em;
    font-weight: normal;
  }
}
.home-hero .taglines-subtitle {
  margin-top: 15px;
  margin-bottom: 30px;
  max-width: 450px;
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 1.4em;
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .home-hero .taglines-subtitle {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.4em;
    font-weight: normal;
  }
}
.home-hero .taglines-subsubtitle {
  font-style: italic;
  margin-bottom: 10px;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1em;
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .home-hero .taglines-subsubtitle {
    font-size: 31px;
    font-size: 1.9375rem;
    line-height: 1em;
    font-weight: normal;
  }
}
.home-hero .hero-content {
  max-width: 700px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: normal;
}

.home-hero .hero-content h2 {
    max-width: 400px;
    font-size: 24px;
    line-height: 1.5;
}

@media screen and (max-width:768px) {
    .home-hero .hero-content h2,
    .home-hero .hero-content p {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
}

.home-hero .taglines-title,
.home-hero .taglines-subtitle,
.home-hero .taglines-subsubtitle,
.home-hero .hero-content,
.home-hero .hero-button {
  text-align: left;
}

.tmpl_type_page_custom .just-content { padding-top: 60px; padding-bottom: 60px; }

.tmpl_type_page_custom .just-content .two-column-list { margin-bottom: 40px; }
.tmpl_type_page_custom .just-content .button { margin-left:auto; margin-right: auto; }

.tmpl_type_page_custom .just-content.light .container,
.tmpl_type_page_custom .just-content.light .container a,
.tmpl_type_page_custom .just-content.light .container p,
.tmpl_type_page_custom .just-content.light .container p a,
.tmpl_type_page_custom .just-content.light .container h1,
.tmpl_type_page_custom .just-content.light .container h2,
.tmpl_type_page_custom .just-content.light .container h3,
.tmpl_type_page_custom .just-content.light .container h4,
.tmpl_type_page_custom .just-content.light .container h5,
.tmpl_type_page_custom .just-content.light .container h6,
.tmpl_type_page_custom .just-content.light-text .container,
.tmpl_type_page_custom .just-content.light-text .container a,
.tmpl_type_page_custom .just-content.light-text .container p,
.tmpl_type_page_custom .just-content.light-text .container p a,
.tmpl_type_page_custom .just-content.light-text .container h1,
.tmpl_type_page_custom .just-content.light-text .container h2,
.tmpl_type_page_custom .just-content.light-text .container h3,
.tmpl_type_page_custom .just-content.light-text .container h4,
.tmpl_type_page_custom .just-content.light-text .container h5,
.tmpl_type_page_custom .just-content.light-text .container h6 { color: #ffffff; }

@media screen and (min-width:768px) {
    .home-hero .hero-content { font-size: 20px; }
    .home-hero .hero-content.light,
    .home-hero .hero-content.light p,
    .home-hero .hero-content.light h1,
    .home-hero .hero-content.light h2,
    .home-hero .hero-content.light h3,
    .home-hero .hero-content.light h4,
    .home-hero .hero-content.light h5,
    .home-hero .hero-content.light h6,
    .home-hero .hero-content.light-text,
    .home-hero .hero-content.light-text p,
    .home-hero .hero-content.light-text h1,
    .home-hero .hero-content.light-text h2,
    .home-hero .hero-content.light-text h3,
    .home-hero .hero-content.light-text h4,
    .home-hero .hero-content.light-text h5,
    .home-hero .hero-content.light-text h6 {
        color: #ffffff;
    }
}

.home-hero a.button {
  width: 100%;
  margin: 0 auto;
  margin-top: 40px;
}

.tmpl_type_page_custom  .home-procedures { position: relative; flex-direction: column; }
.tmpl_type_page_custom  .home-procedures-inner { display: flex; flex-direction: column; }
.tmpl_type_page_custom  .home-procedures.b-lazy::before { content:''; position: absolute; height: 100%; width: 100%; background-color: rgba(0,0,0,0.3); top:0; left:0; right:0; bottom:0; }
.tmpl_type_page_custom  .home-procedures .home-procedures-title h2 { color: var(--brand-50); font-weight:600; }
.tmpl_type_page_custom  .home-procedures .procedure-list { z-index:20; }
.tmpl_type_page_custom  .home-procedures .procedure-list .procedure-group { height: auto; min-width: 25%; }
.tmpl_type_page_custom .home-procedures .procedure-list .procedure-group a { text-align: left; color: var(--brand-50); text-transform: uppercase; text-decoration: none; font-weight: 300; border-bottom: 1px solid transparent; border-image: linear-gradient(90deg, #1877BD 0%, #2BC2E6 100%); border-image-slice: 1; display: inline-block; }
.tmpl_type_page_custom  .home-procedures .procedure-list .procedure-group a:hover { color: var(--accent-a); }
.tmpl_type_page_custom  .home-procedures .button-wrapper { display: flex; flex-flow: column wrap; justify-content: center; align-items: center;  padding-top:40px; }
.tmpl_type_page_custom  .home-procedures .procedure-list h3 { color: #ffffff; }

@media only screen and (max-width:767px) {
    .tmpl_type_page_custom  .home-procedures .procedure-list { padding-top: 40px; }  
}


@media only screen and (min-width: 768px) {
  .home-hero a.button {
    margin-top: 10px;
    width: auto;
  }
  
}

@media screen and (max-width: 1059px) {
    .tmpl_type_page_custom  .home-procedures .procedure-list { align-items: flex-start; }
    .tmpl_type_page_custom  .home-procedures .procedure-list .procedure-group { min-width: 50%; }
}

@media screen and (min-width:1060px) {
    .tmpl_type_page_custom  .home-procedures-inner { flex-direction: row; }
    .tmpl_type_page_custom  .home-procedures .home-procedures-title { height: 100% !important; min-height: 400px; margin-top:auto; margin-bottom:auto; position: relative; left:-60px; }
    .tmpl_type_page_custom  .home-procedures-inner .home-procedures-title h2 { writing-mode: vertical-rl; text-align:center; text-orientation: mixed; transform:rotate(180deg); }
    .tmpl_type_page_custom .hero-bucket h1 { font-size: 70px; line-height: 1.2; margin: 0; }
    .tmpl_type_page_custom .just-content { padding-top: 100px; padding-bottom: 100px; }
}

.home-doctor-quote {
    padding: 40px 25px;
}

.home-doctor-quote .quote-wrapper { 
    display:flex;
    flex-direction: column;
    align-items:center;
    border: solid 3px transparent;
    border-image: linear-gradient(90deg, #522889 0%, #104882 100%);
    border-image-slice: 1;
    padding: 40px 25px;
}

.home-doctor-quote .quote-wrapper .quote-icon { display:flex; position: relative; justify-content:center; align-items: center; margin-left: auto; margin-right: auto; margin-top:-60px; }
.home-doctor-quote .quote-wrapper .quote-icon svg { display:block; width: 36px; height: 40px; fill: #ffffff; z-index:2; }

.home-doctor-quote .quote-wrapper .quote-icon:before,
.home-doctor-quote .quote-wrapper .quote-icon::before {
    content: '';
    position: absolute;
    background: linear-gradient(90deg, #522889 0%, #104882 100%);
    width: 54px;
    height: 54px;
    transform: rotate(45deg);
}

.home-doctor-quote p {
  max-width: 1060px;
  margin: 20px auto;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2em;
  font-weight: 300;
  font-style: italic;
  text-align: center;
}

.home-doctor-quote p:first-of-type { margin-top: 60px; }

.home-doctor-quote .button-wrapper {
    margin-top: 60px;
}

@media only screen and (min-width: 768px) {
    .tmpl_type_page_custom .home-procedures { flex-direction: column; }
    
  .home-doctor-quote {
    padding-top: 100px;
    padding-bottom: 90px;
  }

  .home-doctor-quote p {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 2em;
    font-weight: 300;
  }
}

.home-doctor-quote span:nth-of-type(1) {
  display: block;
  padding-bottom: 10px;
}
.home-doctor-quote span:nth-of-type(1) svg {
  transform: rotate(180deg);
}
.home-doctor-quote span:nth-of-type(2) {
  display: block;
  padding-top: 30px;
}

.tmpl_type_page_custom  .home-procedures .procedure-list .procedure-group { display: flex; flex-flow: column nowrap; align-items: flex-start; justify-content: flex-start; height: auto; width: auto;  }
.tmpl_type_page_custom .home-procedures .procedure-list .procedure-group a { margin-bottom: 20px; }

@media only screen and (min-width: 1900px) {
  .home-doctor-slideshow #tns1-ow {
    height: 450px;
  }
  .home-doctor-slideshow #tns1-ow img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.home-doctor-slideshow button {
  display: none;
}

.home-about-doctor {
  background-color: #ffffff;
  color:var(--primary-800);
  padding-top: 40px;
  padding-bottom: 60px;
  position: relative;
}

.home-about-doctor .doc-bio { padding-bottom: 60px; }

.home-about-doctor .doc-bio h1,
.home-about-doctor .doc-bio h2,
.home-about-doctor .doc-bio h3,
.home-about-doctor .doc-bio h4,
.home-about-doctor .doc-bio h5,
.home-about-doctor .doc-bio h6,
.home-about-doctor .doc-bio p,
.home-about-doctor .doc-bio p a,
.home-about-doctor .doc-bio li { color: var(--text); }

@media only screen and (min-width: 768px) {
  .home-about-doctor {
    padding-top: 100px;
    padding-bottom: 100px;
    min-height: 800px;
  }
}

.home-about-doctor .button {
    background-color: var(--primary-700);
    background: linear-gradient(90deg, #522889 0%, #104882 100%);
    box-shadow: 0 20px 20px 0 rgba(147, 88, 223, 0.20);
    border-color: var(--primary-700);
    color: var(--brand-50);
    width: 100%;
    margin-top: 20px;
    transition: all 0.8s ease-in;
}

.home-about-doctor .button:hover {
    background: linear-gradient(90deg, var(--primary) 0%, var(--primary-600) 100%);
    color: var(--brand-100);
    border-color: var(--primary-700);
}


@media only screen and (min-width: 1060px) {
  .home-about-doctor .button {
    margin-top: 0;
    width: auto;
    padding: 42px 28px;
    position: absolute;
    left: calc(50% - 60px);
    top: 620px;
  }
  .home-about-doctor .button:before {
    content: "";
    position: absolute;
    bottom: 114px;
    right: 50%;
    width: 1px;
    height: 490px;
    display: block;
    background-color: var(--primary-300);
    z-index: 1;
  }
  .home-about-doctor .button:after {
    top: 80px;
  }
}

@media only screen and (min-width: 768px) {
  .doc-content-wrapper {
    display: flex;
    justify-content: space-between;
  }
  .doc-content-wrapper > div {
    width: 42%;
  }
  
  .doc-content-wrapper > div.splitter-line { 
      margin-top: 60px;
      background-color: var(--primary-600);
      height: 100%;
      min-height:490px;
      width: 1px;
  }
  
}

.doc-content-wrapper .doc-image {
  margin-bottom: 60px;
}

@media only screen and (min-width: 768px) {
  .doc-content-wrapper .doc-image {
    margin-bottom: 0;
  }
}

.doc-content-wrapper .doc-image img {
  box-shadow: 0px 33px 26px rgba(0, 0, 0, 0.25);
}
@media only screen and (min-width: 768px) {
  .doc-content-wrapper .doc-image img {
    max-width: 90%;
  }
}

.doc-content-wrapper .doc-bio {
  text-align: left;
}

.home-procedures {
  background-color: var(--primary-800);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 30px 20px 20px;
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
}

.home-procedures .home-procedures-title img {
  height: 150px;
  transform: rotate(90deg);
  position: absolute;
  top: 20px;
  left: 75px;
}

.home-procedures .procedure-list {
  width: 100%;
  border: 1px solid var(--brand-50);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 180px 20px 40px 20px;
}

.tmpl_type_page_custom .home-procedures .home-procedures-title { height:80px; }
.tmpl_type_page_custom .home-procedures .home-procedures-title img { position: absolute; transform: rotate(90deg); max-height:100px; }

@media only screen and (min-width: 1060px) {
  .doc-content-wrapper .doc-bio {
    padding-left: 30px;
  }

  .doc-content-wrapper .doc-bio p {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.7em;
    font-weight: normal;
  }
  
  .tmpl_type_page_custom  .home-procedures .procedure-list { justify-content: space-between; gap: 20px; align-items: stretch; }
  .tmpl_type_page_custom  .home-procedures .procedure-list .procedure-group a { white-space: nowrap; }
  .tmpl_type_page_custom .home-procedures .home-procedures-title { transform: unset; }
}



@media only screen and (min-width: 768px) {
  .home-procedures {
    min-height: 553px;
    padding: 40px;
    flex-direction: row;
  }
  
  .tmpl_type_page_custom .home-procedures { flex-direction: column; }
}

@media only screen and (min-width: 1460px) {
  .home-procedures {
    padding-left: calc(40px + 50% - 1460px / 2);
    padding-right: calc(40px + 50% - 1460px / 2);
  }
}
.home-procedures .home-procedures-title {
  height: 0px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .home-procedures .home-procedures-title {
    height: auto;
  }
}


@media only screen and (min-width: 768px) {
  .home-procedures .home-procedures-title img {
    position: relative;
    top: 65px;
    left: auto;
    height: auto;
    transform: none;
  }
}
@media only screen and (min-width: 768px) {
  .home-procedures .home-procedures-title {
    margin-left: 30px;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 1060px) {
  .home-procedures .home-procedures-title {
    margin-left: 50px;
  }
}

@media only screen and (min-width: 768px) {
  .home-procedures .procedure-list {
    padding: 140px 60px;
  }
}
@media only screen and (min-width: 1060px) {
  .home-procedures .procedure-list {
    padding: 140px 100px;
  }
}
.home-procedures .procedure-list > div {
  width: 50%;
  text-align: left;
  height: 60px;
}
@media only screen and (min-width: 768px) {
  .home-procedures .procedure-list > div {
    height: 40px;
    width: 50%;
  }
}
@media only screen and (min-width: 1060px) {
  .home-procedures .procedure-list > div {
    width: 25%;
  }
}
.home-procedures .procedure-list .image-holder {
  font-weight: 500;
}
.home-procedures .home-procedure-item a {
  text-align: left;
  color: var(--primary-600);
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 100;
  border-bottom: 1px solid var(--primary-600);
  display: inline-block;
}


.home-visualize {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: left;
  padding-top: 60px;
  padding-bottom: 100vw;
  position: relative;
}


@media only screen and (min-width: 768px) {
  .home-visualize {
    padding-right: 58%;
    padding-top: 100px;
    padding-bottom: 160px;
  }
}
@media only screen and (min-width: 1060px) {
  .home-visualize {
    padding-top: 180px;
    padding-bottom: 180px;
  }
}
@media only screen and (min-width: 1460px) {
  .home-visualize {
    padding-bottom: 200px;
  }
}
.home-visualize span {
  display: block;
  font-family: "Inter", sans-serif;
}
.home-visualize .candidate-headline {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.1em;
  font-weight: 100;
  color: var(--primary-600);
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .home-visualize .candidate-headline {
    max-width: 500px;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.1em;
    font-weight: 100;
  }
}
.home-visualize .button {
  display: inline-block;
  margin-top: 20px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .home-visualize .button {
    width: auto;
  }
}
@media only screen and (min-width: 1060px) {
  .home-visualize p {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.9em;
  }
}
.home-visualize .phone-image {
  width: 100%;
}
.home-visualize .phone-image img {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .home-visualize .phone-image img {
    width: 55vw;
  }
}
@media only screen and (min-width: 1460px) {
  .home-visualize .phone-image img {
    width: auto;
  }
}

.home-about-practice {
  background-color: var(--primary-800);
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
}

.tmpl_type_page_custom .home-about-practice .title-image h2 { color: #ffffff; }

.home-about-practice .button {
  color: var(--brand-100);
  font-size:16px;
  background-color:var(--primary-700);
  border-color: var(--primary-700);
  margin-top: 20px;
  width: 100%;
  border-radius:0;
}

.home-about-practice .button:hover, .button:hover {
    background-color: var(--primary-700);
    border-color: var(--primary-700);
    color: var(--brand-50);
}

@media only screen and (min-width: 768px) {
  .home-about-practice {
    padding-top: 70px;
  }
  
    .tmpl_type_page_custom .home-about-practice .title-image { width: 14%; max-height:450px; }
    .tmpl_type_page_custom .home-about-practice .title-image h2 { writing-mode: vertical-rl; transform: rotate(180deg); }
}

@media only screen and (min-width: 1060px) {
  .home-about-practice {
    padding-bottom: 140px;
  }
}
.home-about-practice .title-image img {
  position: absolute;
  left: 40px;
  transform: rotate(90deg);
  top: -20px;
  left: 100px;
  width: 80px;
}
@media only screen and (min-width: 768px) {
  .home-about-practice .title-image img {
    top: -50px;
    left: 140px;
    width: 110px;
  }
}

@media only screen and (min-width: 1060px) {
  .home-about-practice .title-image img {
    transform: none;
    width: auto;
    top: 130px;
    left: 40px;
  }
  
  .tmpl_type_page_custom .home-about-practice .title-image { width:10%; }
}
@media only screen and (min-width: 1460px) {
  .home-about-practice .title-image img {
    left: calc(50% - 700px);
  }
}

@media only screen and (min-width: 768px) {
  .home-about-practice .button {
    width: auto;
  }
}
@media only screen and (min-width: 1060px) {
  .home-about-practice .button {
    margin-top: -20px;
    position: absolute;
    left: 80px;
    top: auto;
    bottom: 40px;
    padding: 44px 40px;
  }
  .home-about-practice .button:after {
    top: 80px;
    background-color: var(--brand-50);
  }
}
@media only screen and (min-width: 1460px) {
  .home-about-practice .button {
    left: calc(50% - 648px);
  }
}

.home-about-practice .button:before {
  content: "";
  position: absolute;
  bottom: 114px;
  right: 44px;
  width: 1px;
  height: 500px;
  display: none;
  background-color: rgba(255,255,255,0.2);
}

.tmpl_type_page_custom .home-about-practice .button:before,
.tmpl_type_page_custom .home-about-practice .button::before {
    right: 50%;
}

@media only screen and (min-width: 1060px) {
  .home-about-practice .button:before {
    display: block;
  }
}

.practice-content-wrapper {
  display: flex;
  flex-direction: column-reverse;
}

@media screen and (max-width:767px) {
    .practice-content-wrapper .doc-image img {
        display: block;
        width: 100%;
        height: auto;
    }
}

@media only screen and (min-width: 768px) {
  .practice-content-wrapper {
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  .practice-content-wrapper > div {
    width: 50%;
  }
}
.practice-content-wrapper .doc-image {
  text-align: right;
  margin-top: 20px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .practice-content-wrapper .doc-image {
    padding-bottom: 60px;
    margin-top: 0;
  }
}
.practice-content-wrapper .doc-image img {
  max-width: 100%;
  box-shadow: 0px 33px 26px rgba(0, 0, 0, 0.25);
}
.practice-content-wrapper .doc-bio {
  text-align: left;
}

.tmpl_type_page_custom .practice-content-wrapper .doc-bio h1,
.tmpl_type_page_custom .practice-content-wrapper .doc-bio h2,
.tmpl_type_page_custom .practice-content-wrapper .doc-bio h3,
.tmpl_type_page_custom .practice-content-wrapper .doc-bio h4,
.tmpl_type_page_custom .practice-content-wrapper .doc-bio h5,
.tmpl_type_page_custom .practice-content-wrapper .doc-bio h6,
.tmpl_type_page_custom .practice-content-wrapper .doc-bio a:not(.button),
.tmpl_type_page_custom .practice-content-wrapper .doc-bio p a:not(.button),
.tmpl_type_page_custom .practice-content-wrapper .doc-bio li { color: #ffffff; }

@media only screen and (min-width: 768px) {
  .practice-content-wrapper .doc-bio {
    padding-top: 180px;
    padding-right: 50px;
  }
  
  .tmpl_type_page_custom .practice-content-wrapper .doc-bio { padding-top: 100px; }
}
@media only screen and (min-width: 1060px) {
  .practice-content-wrapper .doc-bio {
    padding-left: 180px;
  }
}
.practice-content-wrapper .doc-bio p {
  color: white;
}
@media only screen and (min-width: 768px) {
  .practice-content-wrapper .doc-bio p {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 2em;
    font-weight: 300;
  }
}

.home-before-after {
  background-color: var(--primary-600);
  color: var(--brand-50);
  padding-top: 60px;
  padding-bottom: 60px;
}

.home-before-after .button { 
    background-color: var(--muted);
    border-color: var(--primary-800);
}

.home-before-after .button:hover {
    background-color: var(--primary);
    border-color: var(--primary);
}

.tmpl_type_page_custom .home-before-after .top-content h2 {
    color:var(--brand-50);
    margin-bottom: 10px;
}

.tmpl_type_page_custom .home-before-after .top-content {
    color: var(--brand-50);
}

@media only screen and (min-width: 1280px) {
  .home-before-after {
    padding-top: 100px;
    padding-bottom: 120px;
  }
}
.home-before-after h2 {
  margin: 0;
  margin-bottom: 60px;
}
@media only screen and (min-width: 1280px) {
  .home-before-after h2 {
    margin-bottom: 80px;
  }
}
.home-before-after h2 span {
  display: block;
  font-size: 25px;
  font-size: 1.5625rem;
  font-style: italic;
}
.home-before-after .results-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 1280px) {
  .home-before-after .results-wrapper {
    flex-direction: row;
    justify-content: center;
  }
}
.home-before-after .button {
  margin-top: 100px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .home-before-after .button {
    width: auto;
  }
}
@media only screen and (min-width: 1280px) {
  .home-before-after .button {
    padding: 55px 40px !important;
  }
  .home-before-after .button:after {
    top: 80px;
  }
  .home-before-after .button:before {
    content: "";
    position: absolute;
    bottom: 126px;
    right: 70px;
    width: 1px;
    height: 100%;
    display: block;
    background-color: var(--primary-600);
  }
}

.home-face-bnas {
  margin-bottom: 100px !important;
}
@media only screen and (min-width: 1280px) {
  .home-face-bnas {
    margin-bottom: 0 !important;
  }
}

.home-face-bnas,
.home-rhino-bnas {
  position: relative;
  width: 100%;
  width: 320px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .home-face-bnas,
  .home-rhino-bnas {
    width: 660px;
  }
}
@media only screen and (min-width: 1280px) {
  .home-face-bnas,
  .home-rhino-bnas {
    width: 500px;
  }
  .home-face-bnas img,
  .home-rhino-bnas img {
    display: block;
    width: 100%;
    max-width: 500px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.home-face-bnas span.bna-title,
.home-rhino-bnas span.bna-title {
  display: block;
  text-align: left;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1em;
  font-weight: 300;
}
.home-face-bnas .home-single-bna,
.home-rhino-bnas .home-single-bna {
  width: 300px;
}
@media only screen and (min-width: 1280px) {
  .home-face-bnas .home-single-bna,
  .home-rhino-bnas .home-single-bna {
    width: 500px;
  }
}
.home-face-bnas .tns-nav,
.home-rhino-bnas .tns-nav {
  position: absolute;
  bottom: -30px;
  left: 0px;
  right: 0px;
}

.home-face-bnas .tns-nav button,
.home-rhino-bnas .tns-nav button {
  padding: 0 !important;
  width: 7px;
  height: 7px;
  border: none;
  margin-left: 12px;
  background: var(--primary-600);
}

.home-face-bnas .tns-nav button.tns-nav-active,
.home-rhino-bnas .tns-nav button.tns-nav-active {
  background: var(--primary-600);
}

.home-face-bnas .tns-controls,
.home-rhino-bnas .tns-controls {
  display: block;
  left: 0;
  right: 0;
  height: 5px;
  height: 30px;
  border: none;
}
.home-face-bnas .tns-controls button,
.home-rhino-bnas .tns-controls button {
  border: none;
  background: none;
  font-size: 0;
}
.home-face-bnas .tns-controls button:first-of-type:before,
.home-rhino-bnas .tns-controls button:first-of-type:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -15px;
  font-size: 10px;
  border-radius: 2px;
  transform: rotate(230deg);
  cursor: pointer;
  border-top: 2px solid black;
  border-right: 2px solid black;
  width: 10px;
  height: 10px;
}

.tns-item.slide-picture {
    height: 333px;
    position: relative;
    overflow: hidden;
}

.tns-item img {
    position: relative;
    display: block;
    width:100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media only screen and (min-width: 1280px) {
  .home-face-bnas .tns-controls button:first-of-type:before,
  .home-rhino-bnas .tns-controls button:first-of-type:before {
    width: 20px;
    height: 20px;
    left: -20px;
  }
}
.home-face-bnas .tns-controls button:last-of-type:before,
.home-rhino-bnas .tns-controls button:last-of-type:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -15px;
  font-size: 10px;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  transform: rotate(45deg);
  cursor: pointer;
  border-top: 2px solid black;
  border-right: 2px solid black;
  width: 10px;
  height: 10px;
}
@media only screen and (min-width: 1280px) {
  .home-face-bnas .tns-controls button:last-of-type:before,
  .home-rhino-bnas .tns-controls button:last-of-type:before {
    right: -20px;
    width: 20px;
    height: 20px;
  }
}

.home-ig-feed {
  padding: 60px 20px;
  color: black;
}
@media only screen and (min-width: 768px) {
  .home-ig-feed {
    margin-left: 0px;
    padding: 100px 0 120px;
  }
}
.home-ig-feed span {
  padding-left: 20px;
  padding-right: 20px;
  text-transform: uppercase;
  margin-bottom: 40px;
  display: block;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2em;
  font-weight: 300;
}
@media only screen and (min-width: 768px) {
  .home-ig-feed span {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.2em;
    font-weight: 300;
  }
}
.home-ig-feed ul {
  display: flex;
  overflow: hidden;
  align-items: center;
}
@media only screen and (min-width: 1060px) {
  .home-ig-feed ul {
    flex-wrap: nowrap;
  }
}
.home-ig-feed ul li {
  width: 30%;
  margin-bottom: 3px;
}
@media only screen and (min-width: 768px) {
  .home-ig-feed ul li {
    width: 30%;
  }
}
@media only screen and (min-width: 1060px) {
  .home-ig-feed ul li {
    width: auto;
  }
}
.home-ig-feed ul li a img {
  width: 100%;
}
.home-ig-feed .button {
  margin-top: 40px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .home-ig-feed .button {
    width: auto;
    margin-top: 80px;
  }
}

/* ------------------------
	Blog/Category/Archives
------------------------ */
.blog h2,
.tmpl_type_category h2,
.tmpl_type_archive h2 {
  margin-top: 0;
  margin-bottom: 20px !important;
}
@media only screen and (min-width: 1060px) {
  .blog h2,
  .tmpl_type_category h2,
  .tmpl_type_archive h2 {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 31px;
  }
}
.blog h2 a,
.tmpl_type_category h2 a,
.tmpl_type_archive h2 a {
  text-decoration: none;
  color: #000000;
}
.blog .content,
.tmpl_type_category .content,
.tmpl_type_archive .content {
  padding-top: 20px;
}
@media only screen and (min-width: 768px) {
  .blog .content,
  .tmpl_type_category .content,
  .tmpl_type_archive .content {
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.blog .post-snippet,
.tmpl_type_category .post-snippet,
.tmpl_type_archive .post-snippet {
  margin-bottom: 40px;
  padding-bottom: 60px;
  clear: both;
  border-bottom: 1px solid var(--brand-50);
}
@media only screen and (min-width: 768px) {
  .blog .post-snippet,
  .tmpl_type_category .post-snippet,
  .tmpl_type_archive .post-snippet {
    margin-bottom: 60px;
    padding-bottom: 60px;
    width: 100%;
  }
}
.blog .post-snippet .thumb,
.tmpl_type_category .post-snippet .thumb,
.tmpl_type_archive .post-snippet .thumb {
  display: none;
  margin-bottom: 30px;
}
.blog .post-snippet .thumb img,
.tmpl_type_category .post-snippet .thumb img,
.tmpl_type_archive .post-snippet .thumb img {
  width: 100%;
  height: auto;
}

.blog .post-snippet .excerpt,
.tmpl_type_category .post-snippet .excerpt,
.tmpl_type_archive .post-snippet .excerpt {
  display: block;
  position: relative;
}

.blog .post-snippet .excerpt h2,
.tmpl_type_category .post-snippet .excerpt h2,
.tmpl_type_archive .post-snippet .excerpt h2 {
  margin-top: 0;
  margin-bottom: 10px;
}

.blog .post-snippet .excerpt .para p,
.tmpl_type_category .post-snippet .excerpt .para p,
.tmpl_type_archive .post-snippet .excerpt .para p {
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 30px;
  font-weight: normal;
  color: var(--primary-800);
}
.blog .post-snippet .excerpt .para a,
.tmpl_type_category .post-snippet .excerpt .para a,
.tmpl_type_archive .post-snippet .excerpt .para a {
  text-decoration: none;
}
.blog .post-snippet .excerpt .button,
.tmpl_type_category .post-snippet .excerpt .button,
.tmpl_type_archive .post-snippet .excerpt .button {
  margin-top: 20px;
  color: #ffffff;
}
.blog .date,
.tmpl_type_category .date,
.tmpl_type_archive .date {
  font-size: 21px;
  font-size: 1.3125rem;
  text-transform: uppercase;
  color: var(--primary-700);
  text-align: right;
  margin-bottom: 16px;
}
.blog .meta-data,
.tmpl_type_category .meta-data,
.tmpl_type_archive .meta-data {
  font-size: 17px;
  font-size: 1.0625rem;
  margin-bottom: 10px;
  font-style: italic;
  color: var(--primary-800);
}
.blog .meta-data a,
.tmpl_type_category .meta-data a,
.tmpl_type_archive .meta-data a {
  text-decoration: underline;
  color: var(--primary-800);
}
.blog .button,
.tmpl_type_category .button,
.tmpl_type_archive .button {
  text-decoration: none;
}
.blog .nav-links,
.tmpl_type_category .nav-links,
.tmpl_type_archive .nav-links {
  display: block;
  height: 50px;
  margin-bottom: 80px;
}
.blog .nav-links a,
.tmpl_type_category .nav-links a,
.tmpl_type_archive .nav-links a {
  color: var(--primary-600);
}

/* Single Blog Post */
.tmpl_type_single .meta-data {
  font-size: 17px;
  font-size: 1.0625rem;
  margin-bottom: 10px;
  font-style: italic;
  color: var(--primary-800);
}
.tmpl_type_single .meta-data a {
  text-decoration: underline;
  color: var(--primary-800);
}
.tmpl_type_single .next-prev {
  height: 40px;
  margin-bottom: 80px;
}

/* Blog Search Bar */
.search-bar {
  display: none;
  background-color: #F7F7F7;
  margin-bottom: 20px;
  padding-top: 60px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .search-bar {
    padding-top: 100px;
    padding-bottom: 60px;
  }
}
.search-bar form {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.search-bar label {
  margin-right: 15px;
  display: none;
  color: var(--primary-600) !important;
}
@media only screen and (min-width: 1060px) {
  .search-bar label {
    display: block;
    font-family: "Inter", sans-serif;
    color: black;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.2em;
    font-weight: normal;
  }
}
.search-bar .search-input {
  padding: 10px;
  border: none;
  background: transparent;
  margin-right: 10px;
  border-radius: 10px;
  border-radius: 0;
  border-bottom: 1px solid black;
  width: 100%;
}
@media only screen and (min-width: 1060px) {
  .search-bar .search-input {
    width: calc(100% - 400px);
  }
}
.cat-select {
  display: none;
  position: relative;
}
.cat-select .cat-options {
  cursor: pointer;
  background: transparent;
  text-transform: uppercase;
  color: var(--primary-600);
  padding: 12px 40px;
  font-size: 22px;
  letter-spacing: 3px;
  font-family: "Inter", sans-serif;
  margin-bottom: 10px;
  position: relative;
  padding-right: 90px;
  transition: 0.25s ease color;
}
.cat-select .cat-options:after {
  content: "";
  background: url("images/svg/arrow-down.svg");
  background-size: 19px 30px;
  width: 19px;
  height: 30px;
  position: absolute;
  bottom: 14px;
  right: 30px;
}
@media only screen and (min-width: 768px) {
  .cat-select .cat-options {
    margin-bottom: 0;
  }
}
.cat-select .cat-options:hover {
  color: var(--brand-300);
}
.cat-select .cats {
  position: absolute;
  display: none;
  width: 100%;
  z-index: 100;
  background: var(--primary-600);
  border: 1px solid #0d0d0d;
  margin: 0;
  list-style: none;
  padding: 10px;
  margin-top: -10px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .cat-select .cats {
    width: 250px;
    margin-top: 0;
  }
}
.cat-select .cats li {
  padding: 5px 20px;
}
.cat-select .cats li a {
  color: var(--primary-600);
  font-family: "Inter", sans-serif;
  font-size: 22px;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-decoration: none;
}
.cat-select .cats li a:hover {
  text-decoration: underline;
}

/* ------------------------
	Gallery
------------------------ */
.tmpl_type_rmg_archive {
  text-align: left;
}
.tmpl_type_rmg_archive h2 {
  color: var(--brand-300);
  text-align: center;
  font-size: 36px;
  margin-top: 30px !important;
  margin-bottom: 20px !important;
}
.tmpl_type_rmg_archive .content {
  justify-content: flex-start;
}
@media only screen and (min-width: 768px) {
  .tmpl_type_rmg_archive .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.tmpl_type_rmg_archive .interior {
  display: block;
}
.tmpl_type_rmg_archive .content a {
  position: relative;
  width: 40%;
  width: 100%;
  display: block;
  box-shadow: 0px 33px 26px rgba(0, 0, 0, 0.25);
  background-color: var(--primary-600);
  color: var(--primary-600) !important;
  text-decoration: none;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 100;
}
@media only screen and (min-width: 768px) {
  .tmpl_type_rmg_archive .content a {
    width: 32%;
  }
}
.tmpl_type_rmg_archive .gallery-section {
  margin: 0;
  padding: 30px 30px 20px 30px;
  background-color: var(--primary-600);
}
.tmpl_type_rmg_archive .gallery-section img {
  width: 100%;
}
.tmpl_type_rmg_category_parent h1.headline-gallery,
.tmpl_type_rmg_category_child h1.headline-gallery {
  margin-top: 20px;
  text-align: left;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1em;
  font-family: "Inter", sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: black;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .tmpl_type_rmg_category_parent h1.headline-gallery,
  .tmpl_type_rmg_category_child h1.headline-gallery {
    margin-top: 60px;
    font-size: 65px;
    font-size: 4.0625rem;
    line-height: 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .tmpl_type_rmg_category_parent .gallery-cat-wrap,
  .tmpl_type_rmg_category_child .gallery-cat-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 4rem;
  }
  
  .rm-case-filter.gallery-cat-wrap { justify-content: center; padding-bottom: 40px; }
}
.tmpl_type_rmg_category_parent .wrapperbottom,
.tmpl_type_rmg_category_child .wrapperbottom {
  display: flex;
  width: 100%;
  margin-top: 0.5rem;
}
.tmpl_type_rmg_category_parent .wrapperbottom p,
.tmpl_type_rmg_category_child .wrapperbottom p {
  width: 50%;
  text-align: center;
  font-weight: 300;
  margin-bottom: 0;
}
.tmpl_type_rmg_category_parent .bna-group,
.tmpl_type_rmg_category_child .bna-group {
  padding: 0 0px 30px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .tmpl_type_rmg_category_parent .bna-group,
  .tmpl_type_rmg_category_child .bna-group {
    width: calc(50% - 4rem);
  }
}
@media only screen and (min-width: 1060px) {
  .tmpl_type_rmg_category_parent .bna-group:hover .hover-overlay,
  .tmpl_type_rmg_category_child .bna-group:hover .hover-overlay {
    opacity: 1;
  }
}
.tmpl_type_rmg_category_parent .bna-group h2,
.tmpl_type_rmg_category_child .bna-group h2 {
  text-align: left;
  margin-top: 0;
}
.tmpl_type_rmg_category_parent .bna-group a,
.tmpl_type_rmg_category_child .bna-group a {
  text-decoration: none;
  position: relative;
  display: block;
}
.tmpl_type_rmg_category_parent .bna-group a:after,
.tmpl_type_rmg_category_child .bna-group a:after {
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  position: absolute;
  opacity: 0;
}
.tmpl_type_rmg_category_parent .bna-group a:before,
.tmpl_type_rmg_category_child .bna-group a:before {
  content: "View Case";
  position: absolute;
  color: #fff;
  font-weight: 300;
  text-align: center;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.5rem;
  opacity: 0;
}
.tmpl_type_rmg_category_parent .bna-group a:hover:after,
.tmpl_type_rmg_category_child .bna-group a:hover:after {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.tmpl_type_rmg_category_parent .bna-group a:hover:before,
.tmpl_type_rmg_category_child .bna-group a:hover:before {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.tmpl_type_rmg_category_parent .img-set,
.tmpl_type_rmg_category_child .img-set {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.tmpl_type_rmg_category_parent .bna-group.sensitive .img-set .sensitive-warning,
.tmpl_type_rmg_category_child .bna-group.sensitive .img-set .sensitive-warning {
    position: absolute;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    z-index: 140;
}

.tmpl_type_rmg_category_parent .bna-group.sensitive .img-set .sensitive-warning h3,
.tmpl_type_rmg_category_child .bna-group.sensitive .img-set .sensitive-warning h3 {
    color: #ffffff;
}

.tmpl_type_rmg_category_parent .bna-group.sensitive .caseimg,
.tmpl_type_rmg_category_child .bna-group.sensitive .caseimg {
    overflow: hidden;
}


.tmpl_type_rmg_category_parent .bna-group.sensitive .caseimg .before-img,
.tmpl_type_rmg_category_parent .bna-group.sensitive .caseimg .after-img,
.tmpl_type_rmg_category_child .bna-group.sensitive .caseimg .before-img,
.tmpl_type_rmg_category_child .bna-group.sensitive .caseimg .after-img,
.bna-group.sensitive .caseimg .before-img,
.bna-group.sensitive .caseimg .after-img {
    filter: blur(20px);
}

.tmpl_type_rmg_category_parent .bna-group.sensitive .img-set:hover img,
.tmpl_type_rmg_category_child .bna-group.sensitive .img-set:hover img,
.bna-group.sensitive .img-set:hover .caseimg img {
    filter: blur(0);
}

.tmpl_type_rmg_category_parent .img-set a,
.tmpl_type_rmg_category_child .img-set a {
  display: flex;
  flex-wrap: wrap;
}
.tmpl_type_rmg_category_parent .img-set .caseimg,
.tmpl_type_rmg_category_child .img-set .caseimg {
  display: block;
  width: 50%;
  text-decoration: none;
}
.tmpl_type_rmg_category_parent .img-set img,
.tmpl_type_rmg_category_child .img-set img {
  max-width: 100%;
  height: auto;
  display: block;
}
.tmpl_type_rmg_category_parent .img-set img.before-img,
.tmpl_type_rmg_category_child .img-set img.before-img {
  max-width: 100%;
  display: block;
  border-right: 1px solid white;
}
.tmpl_type_rmg_category_parent .img-set img.after-img,
.tmpl_type_rmg_category_child .img-set img.after-img {
  max-width: 100%;
  display: block;
  border-left: 1px solid white;
}
.tmpl_type_rmg_category_parent .img-set-slideshow-controls,
.tmpl_type_rmg_category_child .img-set-slideshow-controls {
  display: flex;
  justify-content: flex-start;
}
.tmpl_type_rmg_category_parent .img-set-slideshow-controls .img-set,
.tmpl_type_rmg_category_child .img-set-slideshow-controls .img-set {
  width: 60px;
  margin-right: 5px;
  margin-left: 5px;
  border: 1px solid #fff;
}
@media only screen and (min-width: 768px) {
  .tmpl_type_rmg_category_parent .img-set-slideshow-controls .img-set,
  .tmpl_type_rmg_category_child .img-set-slideshow-controls .img-set {
    width: 150px;
  }
}
.tmpl_type_rmg_category_parent .img-set-slideshow-controls .img-set img,
.tmpl_type_rmg_category_child .img-set-slideshow-controls .img-set img {
  width: 100%;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  margin-bottom: 3px;
  margin-top: 3px;
}
.tmpl_type_rmg_category_parent .img-set-slideshow-controls .tns-nav-active,
.tmpl_type_rmg_category_child .img-set-slideshow-controls .tns-nav-active {
  border: 2px solid var(--brand-300);
}
.tmpl_type_rmg_category_parent .back-btn,
.tmpl_type_rmg_category_child .back-btn {
  display: none;
}
.tmpl_type_rmg_category_parent .details-hdng,
.tmpl_type_rmg_category_child .details-hdng {
  text-align: left;
  font-weight: 400;
  margin-top: 20px;
}
.tmpl_type_rmg_category_parent .patient-details,
.tmpl_type_rmg_category_child .patient-details {
  text-align: left;
  margin-bottom: 40px;
}

.tmpl_type_rmg_single_case h1.headline-gallery {
  margin-top: 20px;
  text-align: left;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1em;
  font-family: "Inter", sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: black;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .tmpl_type_rmg_single_case h1.headline-gallery {
    margin-top: 60px;
    font-size: 65px;
    font-size: 4.0625rem;
    line-height: 1.5em;
  }
}
.tmpl_type_rmg_single_case h2 {
  text-align: left;
  font-size: 36px;
  font-size: 2.25rem;
}
.tmpl_type_rmg_single_case .case-wrap {
  text-align: left;
  margin-bottom: 50px;
  padding: 0px;
}

.tmpl_type_rmg_single_case .case-wrap .case-content {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 1060px) {
  .tmpl_type_rmg_single_case .case-wrap {
    margin: 0 auto;
  }
}
.tmpl_type_rmg_single_case .case-wrap p {
  text-align: left;
}
.tmpl_type_rmg_single_case .bnawrap {
  display: flex;
  gap: 30px;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .tmpl_type_rmg_single_case .bnawrap {
    gap: 5px;
  }
  .tmpl_type_rmg_single_case .bnawrap .img-frame {
    max-width: 50%;
  }
  .tmpl_type_rmg_single_case .bnawrap .img-frame img {
    max-width: 100%;
    height: auto;
  }
}
.tmpl_type_rmg_single_case .case-wrap .tns-outer {
  position: relative;
}
.tmpl_type_rmg_single_case .case-wrap .tns-controls {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-between;
  z-index: 3;
  width: 75%;
}
@media screen and (max-width: 767px) {
  .tmpl_type_rmg_single_case .case-wrap .tns-controls {
    width: 100%;
  }
}
.tmpl_type_rmg_single_case .case-wrap .tns-controls button {
    color: #fff;
    border: none;
    width: 40px;
    height: 40px;
    font-size: 0;
    background: url('/wp-content/themes/shfacialplastics/images/svg/right-arrow.svg') no-repeat center center;
}

.tmpl_type_rmg_single_case .case-wrap .tns-controls button[data-controls=prev] {
    transform: scaleX(-1);
    margin-left:10px;
}

.tmpl_type_rmg_single_case .case-wrap .tns-controls button[data-controls=next] {
    margin-right:10px;
}

.tmpl_type_rmg_single_case .case-wrap .tns-controls button[data-controls=prev]:after {
  content: "";
  font-size: 18px;
}

.tmpl_type_rmg_single_case .case-wrap .tns-controls button[data-controls=next]:after {
    content: "";
    font-size: 18px;
}

.tmpl_type_rmg_single_case #customize-thumbnails {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 30px;
  max-width: 100%;
}
.tmpl_type_rmg_single_case #customize-thumbnails li {
  cursor: pointer;
  width: auto;
  display: flex;
  gap: 5px;
  padding-bottom: 1rem;
  flex-grow: 0;
}
.tmpl_type_rmg_single_case #customize-thumbnails li.tns-nav-active {
  border-bottom: 1px solid var(--brnad-300);
}
.tmpl_type_rmg_single_case #customize-thumbnails li img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 75px;
}
.tmpl_type_rmg_single_case .img-wrap .wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
  max-width: 800px;
  margin: 0 auto;
}
.tmpl_type_rmg_single_case .img-wrap .wrapper > div {
  width: 49.5%;
  margin-bottom: 8px;
}
.tmpl_type_rmg_single_case .img-wrap .wrapper > div img {
  width: 100%;
}
.tmpl_type_rmg_single_case .img-wrap .wrapper > div:nth-last-of-type(2) .bna-label, .tmpl_type_rmg_single_case .img-wrap .wrapper > div:nth-last-of-type(1) .bna-label {
  display: block;
  text-align: center;
}
.tmpl_type_rmg_single_case .img-wrap .wrapper .bna-label {
  display: none;
}
.tmpl_type_rmg_single_case .details-hdng {
  text-align: left;
  font-weight: 400;
  margin-top: 20px;
}
.tmpl_type_rmg_single_case .patient-details {
  max-width: 1080px;
  margin: 0 auto;
  margin-top: 40px;
  text-align: left;
}
.tmpl_type_rmg_single_case .patient-details span {
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 22px;
}
.tmpl_type_rmg_single_case .gallery-navigation {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

@media only screen and (min-width: 768px) {
  .tmpl_type_rmg_single_case .gallery-navigation {
    flex-direction: row;
    justify-content: flex-end;
    position: relative;
    height: 0;
    top: 30px;
  }
}

.tmpl_type_rmg_single_case .button-gallery-nav {
  padding: 15px 25px;
  position: relative;
  transition: all 0.4s ease-in;
}

.tmpl_type_rmg_single_case .button-gallery-nav:hover {
    font-weight:400;
}

.tmpl_type_rmg_single_case .button-gallery-nav span {
  top: 14px;
  left: 20px;
  font-size: 20px;
  font-weight: 100;
  height:20px;
}

.tmpl_type_rmg_single_case .button-gallery-nav.button-gallery-prev span {
    padding-right: 8px;
}

.tmpl_type_rmg_single_case .button-gallery-nav.button-gallery-next span {
    padding-left: 8px;
}

.tmpl_type_rmg_single_case .button-gallery-nav span svg {
    display: inline-block;
    height:16px;
}

.tmpl_type_rmg_single_case .button-gallery-nav.button-gallery-prev span svg {
    transform: scaleX(-1);
}

.tmpl_type_rmg_single_case .button-gallery-nav.hidden {
  display: none;
}

.bna-label {
  color: #000000;
  font-weight: 100;
}

.bnacase-imgset {
  max-width: 500px;
  display: flex;
  justify-content: space-between;
}
.bnacase-imgset > div {
  width: 49%;
  text-align: center !important;
}
.bnacase-imgset img {
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.6);
  margin-bottom: 0 !important;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 4/5;
}
.bnacase-imgset span {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1em;
  font-weight: normal;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
  letter-spacing: 1px;
}

/*==============================
=            Pop Up            =
==============================*/
#notice-body {
  display: inline-block;
}

#notice-body-everything {
  max-width: 500px;
  height: auto;
  padding: 20px;
  display: inline-block;
}

#notice-body-everything h2 {
  text-transform: uppercase;
  font-size: 40px;
  margin: 20px 0 30px 0;
}

#notice-body p {
  margin: 0 0 30px 0;
}

#notice-body-everything #buttons {
  display: block;
  text-align: center;
  box-shadow: none;
}

#notice-body-everything #buttons a {
  box-shadow: 1px 1px 1px 0px #333;
}

/* Gallery Nav*/
.tmpl_type_rmg_category_parent .tns-outer {
  position: relative;
}
.tmpl_type_rmg_category_parent .tns-controls {
  display: block;
  left: 0;
  right: 0;
  height: 5px;
  height: 30px;
  border: none;
}
.tmpl_type_rmg_category_parent .tns-controls button {
  border: none;
  background: none;
  font-size: 0;
}
.tmpl_type_rmg_category_parent .tns-controls button:first-of-type:before {
  display: none;
  content: "";
  position: absolute;
  top: 50%;
  right: -15px;
  font-size: 10px;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  cursor: pointer;
  border-top: 2px solid var(--primary-600);
  border-right: 2px solid var(--primary-600);
  width: 10px;
  height: 10px;
}
@media only screen and (min-width: 1280px) {
  .tmpl_type_rmg_category_parent .tns-controls button:first-of-type:before {
    right: -20px;
    width: 20px;
    height: 20px;
  }
}
.tmpl_type_rmg_category_parent .tns-controls button:last-of-type:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -15px;
  font-size: 10px;
  transform: rotate(230deg);
  cursor: pointer;
  border-top: 2px solid var(--primary-600);
  border-right: 2px solid var(--primary-600);
  width: 10px;
  height: 10px;
}
@media only screen and (min-width: 1280px) {
  .tmpl_type_rmg_category_parent .tns-controls button:last-of-type:before {
    width: 20px;
    height: 20px;
    left: -20px;
  }
}

.bnawrap .tns-lazy-img {
  opacity: 1;
}

/* ------------------------
	Custom Page
------------------------ */
/* Hide / Show */
/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  } /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  } /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  } /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}

/*# sourceMappingURL=style.css.map */