/* ------------------------------------------------------------------------------------------------------ */
/*     FONTS / BUTTONS / RESETS
/* ------------------------------------------------------------------------------------------------------ */



.logged-in-only {display:none!important}
body.logged-in .logged-in-only {display:block!important}

/* Accessibility: skip-to-content link (WCAG 2.4.1). Off-screen until keyboard-focused,
   then slides into the top-left. Targets <main id="main-content"> set in header.php. */
.skip-link {
    position: absolute;
    top: -100px;
    left: 0;
    z-index: 100000;
    padding: 12px 20px;
    background: #4b6a8a;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-decoration: none;
    transition: top 0.2s ease;
}
.skip-link:focus {
    top: 0;
    color: #fff;
    outline: 2px solid #fff;
    outline-offset: -4px;
}
/* No focus ring on the main when the skip link moves focus into it */
#main-content:focus {
    outline: none;
}

/* Offset for the fixed #mainNav header (~110px when affixed) on desktop: keeps in-page anchor
   targets and other scroll-into-view targets from landing hidden behind the sticky header.
   Applied as scroll-margin on all elements at the desktop breakpoint. NOTE: this does NOT fully
   resolve the deferred WCAG 2.4.11 "focus not obscured" flag (see ACCESSIBILITY-CHANGELOG) —
   scroll-margin/scroll-padding only apply when the browser actually scrolls an element into view.
   (Replaces the earlier `html { scroll-padding-top }`; the two would stack to 220px if combined.) */
@media (min-width: 768px) {
    * {
        scroll-margin-top: 110px;
    }
}

/* Scroll-down hint is now a real <button> (keyboard-operable). Strip native button chrome so it
   keeps the icon-only look; show a focus ring for keyboard users only (WCAG 2.4.7). */
button.scrolldown {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    padding: 0;
    color: inherit;
    font: inherit;
}
button.scrolldown:focus {
    outline: 3px solid #fff;
    outline-offset: 4px;
    border-radius: 4px;
}
button.scrolldown:focus:not(:focus-visible) {
    outline: none; /* hide ring for mouse users where :focus-visible is supported */
}


/* 
blue = #4b6a8a  rgba(75,106,138,0.55)
dark = #58595b
medium = #939598
light = #f3f3f3
*/

@font-face {
  font-family: 'ChaparralPro';
  src: url('../fonts/ChaparralPro-Regular.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/ChaparralPro-Regular.otf')  format('opentype'),
       url('../fonts/ChaparralPro-Regular.woff') format('woff'), 
       url('../fonts/ChaparralPro-Regular.ttf')  format('truetype'), 
       url('../fonts/ChaparralPro-Regular.svg#ChaparralPro-Regular') format('svg');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'ChaparralPro';
  src: url('../fonts/ChaparralPro-Italic.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/ChaparralPro-Italic.otf')  format('opentype'),
       url('../fonts/ChaparralPro-Italic.woff') format('woff'), 
       url('../fonts/ChaparralPro-Italic.ttf')  format('truetype'), 
       url('../fonts/ChaparralPro-Italic.svg#ChaparralPro-Italic') format('svg');
  font-weight: 400;
  font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/gotham-book.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-book.woff') format('woff'),
         url('../fonts/gotham-book.ttf') format('truetype'),
         url('../fonts/gotham-book.svg#GothamBookRegular') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham';
    src: url('../fonts/gotham-medium.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/gotham-medium.woff') format('woff'),
         url('../fonts/gotham-medium.ttf')  format('truetype'), 
         url('../fonts/gotham-medium.svg#GothamMediumRegular') format('svg');
    font-weight: 500;
    font-style: normal;
 }


html,
body {
    width: 100%;
    height: 100%;
}

body {
    webkit-tap-highlight-color: #f3f3f3;
    overflow-x:hidden;
    font-kerning:normal;
    -webkit-font-smoothing:antialiased;
}

/*
body {
    font-family: 'Times New Roman',Times,sans-serif;
}
.fonts-loaded body {
    font-family: 'ChaparralPro','Times New Roman',Times,sans-serif;
}
*/


hr {
    border-color: #f3f3f3;
    border-width: 1px;
}

hr.light {
    border-color: #fff;
}

a {
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}



.btn {white-space:normal}

.h1,
h1,
h2,
h3,
h4,
h5,
h6, 
.h2 {
    font-family: 'Gotham','Helvetica Neue',Arial,sans-serif;	
    margin-top:0;
    -webkit-font-smoothing: antialiased;
    line-height:1.4
}

.h1,
h1 {color:#4b6a8a;}

.section-title {color:#4b6a8a;text-align:center;margin-bottom:40px}

.section-intro p { font-family: 'Gotham', 'Helvetica Neue', Arial, sans-serif; line-height: 1.4; font-size: 1.176em; }

.h1,h1,h2, .h2 {letter-spacing:3.5px;text-transform:uppercase;font-weight:500}

h2, .h2 {margin-bottom:40px}

h3 {color:#58595b;margin-bottom:30px}

h3, h4 {font-weight:400;}

h4 {color:#4b6a8a;padding-top:10px}

h4,h5,h6 {text-transform:uppercase;letter-spacing:2.4px;}

h5 {color:#939598}

h5, h6 {font-weight:500;-webkit-font-smoothing:subpixel-antialiased;}

/* Accessibility: minimum legible sizes for label-style headings.
   Bootstrap defaults rendered these below the 12px minimum (h6 .6em≈9px, h5 .706em≈10.6px),
   flagged by accessiBe. This global floor fixes them site-wide (comment dates, "POSTED IN"
   categories, post-meta date, sidebar widget titles). Components with their own, more-specific
   h5/h6 font-size are unaffected. */
h6 {font-size:12px}
h5 {font-size:14px}

h1 + h3 {margin-top:-10px}


p, ul {
    margin-bottom: 20px;
    line-height: 1.5;
}

.no-padding {
    padding: 0;
}


.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.btn {
    text-transform: uppercase;
    font-family: 'Gotham','Helvetica Neue',Arial,sans-serif;
    font-weight: 500;
    letter-spacing:2px;
    font-size:12px;
    padding: 15px 30px;
}

.btn-xl {
    padding: 15px 30px;
}

.btn-default:hover {
border:1px solid rgba(0,0,0,0.07);
}


::-moz-selection {
    text-shadow: none;
    background: #f3f3f3;
}

::selection {
    text-shadow: none;
    background: #f3f3f3;
}

img::selection {
    color: #fff;
    background: 0 0;
}

img::-moz-selection {
    color: #fff;
    background: 0 0;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #4b6a8a!important;
}
::-moz-placeholder { /* Firefox 19+ */
   color: #4b6a8a!important;
}
:-ms-input-placeholder { /* IE 10+ */
   color: #4b6a8a!important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #4b6a8a!important;
}



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

.container-fluid, 
.container, 
section {position:relative}



.container-medium {max-width:800px}

.container-small {max-width:800px}


@media (min-width:1200px) {
    .container-medium {max-width:970px}
}


@media (max-width:767px) {
    body {font-size:15px}
    h1, h2 {font-size:1.57em;letter-spacing:2.5px}
	
    .container {padding-left:30px;padding-right:30px}
	
}


/* ------------------------------------------------------------------------------------------------------ */
/*     HEADER / NAVIGATION
/* ------------------------------------------------------------------------------------------------------ */

#site-header {font-family: 'Gotham','Helvetica Neue',Arial,sans-serif;width:100%;z-index:800;}

#site-header .container-fluid {max-width:1400px}

/* TOP MENU */

#topNav, #topNav-mobile {position:relative;z-index:101;min-height:50px;margin:0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:15px}

#topNav .toplinks {flex:1 1 auto;text-align:center;min-width:0}

#topNav .toplinks .navbar-nav {float:none;margin:0;text-align:center;display:block;width:100%}
#topNav .toplinks .navbar-nav > li {float:none;display:inline-block;vertical-align:middle}

#topNav a,
#topNav-mobile a,
#footer a {font-size:12px;text-transform:uppercase;font-weight:500;letter-spacing:1.5px}

#topNav .navbar-nav,
#topNav-mobile .navbar-nav {float:none;text-align:center}

#topNav .zoom-social-icons-widget ul {margin:0;padding:0}

#topNav .zoom-social-icons-list--with-canvas .socicon, 
#topNav .zoom-social-icons-list--with-canvas .dashicons, 
#topNav .zoom-social-icons-list--with-canvas .genericon {background:none!important;font-size:1.5em;padding:0 5px 8px}
#topNav .zoom-social-icons-list--no-labels .zoom-social_icons-list__item {margin:0}

/* MAIN MENU */

#mainNav {
    margin:0;
    min-height:103px;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    width: 100%;
    border:0;
    top:0;
    z-index:100;
    box-shadow:0 5px 10px rgba(188,188,188,0.2);
}

#mainNav .logo a {
    display:block;
    background:url(../images/RiverRunLogo-Primary.svg) center center no-repeat;
    height:104px;
    width:auto;
    text-indent:-99999px;
    min-width:180px;
    max-width:210px;
    background-size:contain;
    margin:0 auto
}

#mainNav .navbar-header .navbar-brand {
    padding:20px;
}

#mainNav .nav > li > a,
#mainNav .nav > li > button.menu-parent-toggle {letter-spacing:2px;}

/* Placeholder parent menu items (URL "#") are rendered as <button> (see functions.php).
   Reset native button chrome and match the nav-link color; typography + padding come from the
   shared selectors that also target `.nav > li a`. */
#mainNav .nav > li > button.menu-parent-toggle {
    -webkit-appearance:none;
    appearance:none;
    background:transparent;
    border:0;
    cursor:pointer;
    display:block;
    width:100%;
    color:#939598;
    font-family:inherit;
}

#mainNav .nav > li a,
#mainNav .nav > li button.menu-parent-toggle {
    text-transform: uppercase;
    font-weight:400;
    letter-spacing:1px;
    font-size:0.941em;
}

#mainNav .nav li.current-menu-item > a,
#mainNav .nav li.current-menu-item > button.menu-parent-toggle,
#mainNav .nav li.current-page-ancestor > a,
#mainNav .nav li.current-page-ancestor > button.menu-parent-toggle {
    color:#4b6a8a
}

/* Current-page item in the top-bar menu (dark/blue navbar-inverse background): the #mainNav blue
   above is invisible here (blue on blue, esp. in the mobile menu where #topNav-mobile sits inside
   #mainNav). Override to white so the active page stays readable in both the desktop top bar and
   the mobile menu. Higher specificity (2 ids) beats the #mainNav rule for the mobile case.

   The #topNav selectors use `> li` (top-level items only). The desktop dropdown panel is white
   (background:#fff), so a descendant `li` here would paint the active submenu item white-on-white.
   Submenu links inherit the brand blue from `a {color:#4b6a8a}` and must keep it.
   The #topNav-mobile selectors stay descendant on purpose: that menu's submenu links are white on
   blue (see the max-width:767px block), and without the 2-id specificity the active item there
   falls back to the #mainNav blue and disappears. */
#topNav .nav > li.current-menu-item > a,
#topNav .nav > li.current-page-ancestor > a,
#mainNav #topNav-mobile .nav li.current-menu-item > a,
#mainNav #topNav-mobile .nav li.current-page-ancestor > a {
    color:#fff
}

#mainNav .nav  li.appt-button > a {background:#f3f3f3;font-size:12px;font-weight:500;color:#4b6a8a}

#topNav .nav > li > ul,
#mainNav .nav > li > ul {
    z-index:999;
    text-align:center;
    padding:0;
    margin:0 auto;
    list-style:none;
	
}
#topNav .nav > li:hover > ul,
#topNav .nav > li:focus-within > ul,
#mainNav .nav > li:hover > ul,
#mainNav .nav > li:focus-within > ul {
    display:block;
}

.btn-drop {
    width: 100%;
}

.btn-drop.space {
    margin-bottom: 5px;
}

.btn-drop:focus {
    outline: none;
}
/* Accessibility: keyboard focus ring on the mobile Call/Book dropdown button (WCAG 2.4.7) */
.btn-drop:focus-visible {
    outline: 2px solid #fff;
    outline-offset: -4px;
}

.btn-drop .sub-menu {
    list-style-type: none;
    margin: 5px 0 0;
    padding: 0;
    display: none;
}

.btn-drop.light {
    padding-left: 0;
    padding-right: 0;
}

.btn-drop.light .sub-menu {
    background: #f3f3f3;
}

.btn-drop .sub-menu a {
    color: #fff;
    padding: 5px;
    display: block;
}

.btn-drop.light .sub-menu a {
    color: #4b6a8a;
}

@media(min-width:768px) {

    #site-header {position:absolute;top:0;left:0;}
	
    .admin-bar #site-header,
    .admin-bar #mainNav.affix {top: 32px;}
	
    #topNav .navbar-nav>li>a {padding:14px 13px 13px}
	
    #topNav .toplinks,
    #topNav .zoom-social-icons-widget {display:inline-block;vertical-align:middle}
	
    #topNav .navbar-nav>li {display:inline-block;}
	
	
    #mainmenu .mainmenu {text-align:center;display:table;width:100%}
	
    #mainNav .navbar-nav {float:none;display:table-row}
	
    #mainNav .nav > li {position:relative;width:20%;text-align:center;vertical-align:middle;padding-left:5px;padding-right:5px;display:table-cell;float:none;height:104px}
    #mainNav .nav > li a,
    #mainNav .nav > li button.menu-parent-toggle {padding-top:15px;padding-bottom:15px;padding-left:8px;padding-right:8px;font-size:0.8em;letter-spacing:0.5px;line-height:1.2}
	
	
	
    #mainNav .nav li.appt-button ul {
        font-size:12px;
        margin-top:-28px;
        width:96%;
        min-width:0;
    }
    #mainNav .nav>li.appt-button>ul li a {
        color:#4b6a8a
    }

    #mainNav .nav>li.appt-button>ul li:hover a {
        color:#fff
    }



    .ie8 #topNav .navbar-nav>li,
    .ie8 #topNav .toplinks,
    .ie8 #topNav .zoom-social-icons-widget {float:left}
	
    .ie8 #topNav .navbar-nav {width:auto;margin:0 auto}
	
    .ie8 #site-header,
    .ie8 #mainNav {position:relative!important}
    .ie8 #mainmenu .mainmenu,
    .ie8 #mainNav .navbar-nav,
    .ie8 #mainNav .nav > li {display:block!important}
	
    .ie8 #mainNav .nav > li {float:left!important}
	
    #topNav .nav > li > ul,
    #mainNav .nav > li > ul {	
        position:absolute;
        top:104px;	
        min-width:150px;
        background:#fff; 	
        display:none;
        -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.1), 0 4px 10px rgba(0,0,0,0.08);
        -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.1), 0 4px 10px rgba(0,0,0,0.08);
        box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.1), 0 4px 10px rgba(0,0,0,0.08); 
    }
	
    #topNav .nav > li > ul {
        top: auto;
    }
	
	
    #topNav .nav > li:hover > ul,
    #topNav .nav > li:focus-within > ul,
    #mainNav .nav > li:hover > ul,
    #mainNav .nav > li:focus-within > ul {
        display:block;
    }
	
    #topNav .nav > li > ul {border-top:1px solid #4b6a8a;}
    #topNav .nav > li > ul li a {padding:8px;display:block}
	
    #mainNav .nav > li > ul li a {border-bottom:1px solid #ccc;padding:15px;display: block;color:#939598;text-decoration:none}
    #mainNav .nav > li > ul li a:hover {background:#4b6a8a;color:#fff}
	





}



@media (min-width:992px) {
	
    #topNav .navbar-nav>li>a {padding:14px 25px 13px}	
	
    #mainNav .nav > li a,
    #mainNav .nav > li button.menu-parent-toggle {letter-spacing:1.5px;font-size:0.9em}
	
    #topNav .nav > li > ul,
    #mainNav .nav > li > ul {
        left:50%;
        transform:translateX(-50%);
        min-width:250px;
    }
	
    .ie8 #mainNav .nav > li > ul,
    .ie9 #mainNav .nav > li > ul {
        left:0	
    }
	
    li.appt-button a {white-space:nowrap}	
	
}

@media (min-width:1250px) {
    #mainNav .nav > li a,
    #mainNav .nav > li button.menu-parent-toggle {letter-spacing:2px;font-size:0.941em}
	
}
@media (min-width:1400px) {
    #mainNav .nav > li a,
    #mainNav .nav > li button.menu-parent-toggle {letter-spacing:2px;font-size:0.941em}
	
}


@media(max-width:767px) {

#mainNav {position:relative!important;}
	
#mainNav .nav-wrap {float:none;position:relative!important}
	
.navbar-toggle {float:right;margin-left:15px;margin-top:40px;margin-right:20px;border:0;padding:0;background:none!important}

.navbar-toggle .icon-bar {width:34px;background-color:#4b6a8a!important}
.navbar-toggle .icon-bar+.icon-bar{margin-top:7px;}
.navbar-toggle .x {display:none}
.navbar-toggle.open .x {display:block} 
.navbar-toggle.open .icon-bar {display:none}

#mainNav a.appt-button {display:block;padding:20px 30px;}

#mainNav .navbar-header .navbar-brand {width:250px;padding-top:25px}

#mainNav .navbar-header,
#mainNav .container-fluid {margin:0;padding:0}

#mainNav .toplinks {display:none}

#mainNav .navbar-collapse {background:#fff;padding:0;text-align:center}

#mainNav .navbar-collapse.in {overflow:visible;position:relative}

/* #mainNav .mobile-tel {font-size:16px;} */

#mainNav .nav > li:last-child>a{border:0}

#mainNav .nav > li > ul {display:none;margin-bottom:20px}
#mainNav .nav > li:hover > ul,
#mainNav .nav > li:focus-within > ul {display:block;}

/* Visible keyboard focus for the parent toggle button + submenu links (WCAG 2.4.7) */
#mainNav .nav > li > button.menu-parent-toggle:focus-visible,
#mainNav .nav > li > ul li a:focus-visible {outline:2px solid #4b6a8a;outline-offset:-2px;}

#mainNav .nav > li > ul li {margin:9px 0}

#topNav .nav > li > ul li a,
#topNav-mobile .nav > li > ul li a {color:#fff}

#mainNav .mainmenu {margin-bottom:20px}

#mainNav .navbar-nav {margin:0}

/*#mainNav .nav  li.appt-button {display:none}
*/
#mainNav .btn-info {display:block;clear:both}

#mainNav #topNav-mobile .nav > li a {font-weight:500;font-size:12px}

}




.ie8 #topNav .navbar-nav>li,
.ie8 #topNav .toplinks,
.ie8 #topNav .zoom-social-icons-widget {float:left}




/* ------------------------------------------------------------------------------------------------------ */
/*     SHOWCASE SLIDER / VIDEO
/* ------------------------------------------------------------------------------------------------------ */

#wrapper {background:#fff;z-index:10;position:relative;}

section {padding:70px 0}

#showcase {
    position: relative;
    width: 100%;
    min-height: auto;
    text-align: center;
    color: #fff;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    margin:0;
    padding:0;
    z-index:1;
    overflow:hidden;
}

.ie8 #showcase {display:none!important}

#showcase .slider {position:relative;z-index:100}

#showcase > img,
#showcase .slick-slide > img,
.slider .slick-slide > img {
    width:100%;
    height:auto;
}


#showcase .static-image,
#showcase .slick-slide {
    position:relative;outline:none;min-height:310px;/*margin-top:115px;*/background-position:center bottom;background-repeat:no-repeat;background-size:cover;
    }

#showcase .bgvid {
    display: block;
    width: 100%;
}

#showcase .header-content {
    position: absolute;
    left:0;
    padding: 20px 40px;
    text-align: left;
    top: 45%;
    transform: translateY(-50%);
    color:#fff;
    z-index:300;
    background:#4b6a8a;
    background:rgba(15, 46, 78, 0.4)
}

#showcase .header-content .h1, 
#showcase .header-content h1 {
    display:block;
    margin-top: 0;
    margin-bottom: 0;
    color:#fff;
    text-align:left;
    max-width:420px
}

#doc-modal #wrapper {margin:0;background:none;padding:0}
#doc-modal #wrapper .container {padding:0}

/* Liine (JotForm) form in the doctor bio modal. The iframe is sized to the exact form
   height by the resize listener in js/site.js, which leaves it flush against the bottom
   edge of the modal -- give it some breathing room underneath. */
#doc-modal iframe[id^="JotFormIFrame-"] {
    display: block;
    margin-bottom: 30px;
}


@media(min-width:768px) {
	
    body {padding-top:150px}
    body.page-template-page-home,
    body.page-template-page-home-new {padding-top:0}
	
    .page-template-page-home #wrapper,
    .page-template-page-home-new #wrapper {margin-top:100vh}
	
    .ie8 .page-template-page-home #wrapper,
    .ie8 .page-template-page-home-new #wrapper {margin-top:0}
	
	
    #showcase.showcase-home {position:fixed;top:0}
	
    #showcase .static-image,
    #showcase .slick-slide{background-position:center center;margin:0}
	
    #showcase.showcase-home .static-image,
    #showcase.showcase-home .slick-slide {height:100vh;top:100px}
	
    .ie8 #showcase.showcase-home .static-image,
    .ie8 #showcase.showcase-home .slick-slide {height:522px;top:0}
	
    #showcase.showcase-interior {
        /*min-height:436px;
        background-attachment:fixed;*/
        position: fixed;
        width: 100%;
        height: 522px;
        top: 100px;
    }
	
    #showcase.showcase-interior .static-image {height:422px}
    #showcase.showcase-interior + #wrapper {top:340px}
	
    .ie8 #showcase.showcase-interior {position:relative;top:0}
    .ie8 #showcase.showcase-interior + #wrapper {top:0}
	
    #showcase .scrolldown {position:absolute;bottom:70px;right:40px;z-index:300;width:50px;height:50px;cursor:pointer}

    #showcase .bug {position:absolute;bottom:70px;left:50px;z-index:100;background:url(../images/RiverRunLogo-Secondary-White.svg) 0 0 no-repeat;width:108px;height:108px;z-index:200}

    #showcase .header-content {top:40%;}
	
    #showcase.showcase-home .header-content {padding:40px;top:45%}
	

}


@media (min-width:992px) {
    #showcase .header-content {padding-left:200px!important}	
	
    #showcase.showcase-interior .static-image {height:522px}
    #showcase.showcase-interior + #wrapper {top:440px}
	
    .ie8 #showcase.showcase-interior + #wrapper {top:0}
	
    #showcase .scrolldown,
    #showcase .bug { bottom:50px}
	
}




/* ------------------------------------------------------------------------------------------------------ */
/*     MODALS
/* ------------------------------------------------------------------------------------------------------ */

.modal .preloader {background:url(../images/RiverRunLogo-Secondary-Grey.svg) center center no-repeat;width:120px;height:120px;background-size:contain;margin:0 auto;text-align:center;text-indent:-9999px; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration:1.5s; animation-duration:1.5s;position:relative;top:50%;transform: translateY(-50%);}
.modal-dialog{
    position: relative;
    display: table;
    overflow-y: auto;    
    overflow-x: auto;
    width: auto;
    min-width: 300px; 
    max-width:1150px ;
    width:97%;
    margin:20px auto;
}
.modal-content {border-radius:0;padding:15px;min-height:500px}

.modal-content .container-fluid,
.modal-content .container {width:100%;min-height:500px}


#doc-modal .main h3 {margin-bottom:20px}
#doc-modal .main p {margin-bottom:30px}

.modal-content section {margin:0}

.modal-backdrop.in {opacity:0.7}

.modal {z-index:999999;padding:0!important;}

.modal .modal-content {padding:60px 40px}

.modal .modal-content .close {
    font-family:'Gotham',sans-serif;
    opacity: 1;
    font-weight: 400;
    float: none;
    text-shadow: none;
    font-size: 24px;
    color:#4b6a8a;
    position:absolute;
    background:none;
    right:15px;
    top:10px
}


@media only screen and (max-device-width:768px){

body.modal-open {
    overflow: hidden;
    position: fixed;
}
}

body.viewport-lg {
position: absolute; 
}

body {  
overflow-x: hidden;
overflow-y: scroll !important;
}


/* ------------------------------------------------------------------------------------------------------ */
/*     TIMELINE SECTION
/* ------------------------------------------------------------------------------------------------------ */

#timeline {
  position: relative;
}
#timeline::before {
  /* this is the vertical line */
  display:block;
  content: '';
  position: absolute;
  top: 0;
  left: 25px;
  height: 100%;
  width: 1px;
  background: #939598;
}

#timeline > .container {padding-bottom:70px;}

.timeline-block {
  position: relative;
  margin: 2em 0;
}
.timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.timeline-block:first-child {
  margin-top: 0;
}
.timeline-block:last-child {
  margin-bottom: 0;
}

.timeline-dash {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  text-align:center;
  color:#939598
}

.timeline-heading,
.timeline-awards,
.timeline-content {
  position: relative;
  margin-left: 30px;
}

.timeline-awards:after,
.timeline-content:after {
  content: "";
  display: table;
  clear: both;
}

.timeline-heading h2 {
background:#f3f3f3;
color:#939598;
padding:16px 26px;
display:inline-block;
margin:0
}

.timeline-awards img {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

.timeline-awards a {
    text-decoration:none;
    border:0;
}
  
.timeline-content .cd-date {
  padding: 0;
  display:block;
  text-align:left;
}


.timeline-block.anchor {background:#f3f3f3}

.timeline-anchor {
    text-align:right;
    margin-top:-124px;
}

.timeline-block.anchor .timeline-content {padding:30px 0}
.timeline-content h2 {margin-bottom:15px;color:#4b6a8a}

.timeline-block.anchor img {max-height:444px;width:auto}


@media only screen and (min-width: 768px) {
	
#timeline::before {
left: 50%;
margin-left: -40px;

}

.timeline-block {
margin: 4em 0;
}
.timeline-block:first-child {
margin-top: 0;
}
.timeline-block:last-child {
margin-bottom: 0;
}

.timeline-dash {
    left: 50%;
    margin-left:-50px;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}

.timeline-heading,
.timeline-awards,
.timeline-content {
    margin-left: 60px;
}
  
.timeline-content {
  margin-left: 0;
  width: 51%;
  float:right;
}
.timeline-content-inner {
    margin: 10px 0 10px 25px;
}
 
.timeline-awards {
    width:42%;
    float:left;
    margin-left:0;
    text-align:right;
    margin-top:-8px;
}
.timeline-awards img {
    display:inline-block;
    vertical-align:middle;	
    margin-left:10px;
}
  
.timeline-heading {
    width:43%;
    margin-left:0;	 
}

.timeline-anchor {
    width: 45%;
    margin-top:0;
    top: -95px;
    position: absolute;
    left: 0;
}
	

}

@media only screen and (min-width: 992px) {
	
    .timeline-awards { width:43%;}
    .timeline-anchor {top: -102px;}
	
}

@media only screen and (min-width: 1200px) {
	
    .timeline-anchor {width: 46%;top: -125px;}
	
}


@media (max-width:767px) {
    #timeline .container {width:auto;max-width:none;padding-left:15px;padding-right:15px}	
}


/* TIMELINE SLIDER UPDATE 2020 */

#awards.awards-new {
    box-shadow: 0 0 60px -10px inset #ccc;
}

.home #awards.awards-new {
    padding-bottom:0;
    margin-bottom:100px;
}

#awards.awards-new .awards-heading {
    text-align:center;
    color:#4b6a8a;
}

#awards.awards-new .container-medium {
    max-width:1020px;
}

.image-slider {
    padding:0 70px;
}
#awards-slider  {
    margin-bottom:30px;
    padding:0 50px;
}
#awards-slider .timeline-awards {
    text-align:center;
}

#awards.awards-new .timeline-content-inner {
    margin:0;
}

#awards-slider .timeline-awards img {
    display:inline-block;
}

#awards-slider .timeline-heading, 
#awards-slider .timeline-awards, 
#awards-slider .timeline-content {
    margin:0;
}

@media (min-width:768px) {
	
    #awards-slider .timeline-block {
        display:flex!important;
        justify-content:center;
        flex-direction:row-reverse;	
    }		
			
    #awards-slider .timeline-awards {
        border-right:1px solid #aaa;
        width:auto;
        padding-right:20px;
    }
    #awards-slider .timeline-content {
        width:auto;
        padding-left:20px;
    }
}

@media (min-width:1200px) {
			
    #awards-slider .timeline-awards {
        padding-right:40px;
    }
    #awards-slider .timeline-content {
        padding-left:40px;
    }
	
    #awards.awards-new .timeline-anchor {
        top:-102px;
    }
}




@media (max-width:767px) {
    #awards-slider  {
        padding:0 30px;	
    }
	
    #awards.awards-new .timeline-content-inner,
    #awards.awards-new .timeline-content .cd-date {
        text-align:center
    }
	
    #awards.awards-new .timeline-anchor {
        text-align:center;
        margin-top:-68px;
    }
    #awards.awards-new .timeline-anchor img {
        max-height:300px;
    }
	
    #awards.awards-new .timeline-block.anchor .timeline-content {
        padding:0;
        margin:0;
    }
}

/* ------------------------------------------------------------------------------------------------------ */
/*     PRESS SECTION
/* ------------------------------------------------------------------------------------------------------ */

#press {
    text-align:center;
}
#press .carousel {
    padding:0 60px;
    max-width:1600px;
    margin:0 auto;
}

#press .carousel .item {
    padding:0 50px;
}

#press .carousel img {
	
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

.carousel .slick-track {
    display:flex;
    align-items:center;
}
	
.carousel .slick-slide {
    text-align: center;
}

@media (max-width:1199px) {
	
    #press .carousel .item {
        padding:0 30px;
    }

    #press .carousel {
        padding:0 40px;
    }
}

/* ------------------------------------------------------------------------------------------------------ */
/*     MEET DOCS
/* ------------------------------------------------------------------------------------------------------ */

.meet-docs {padding:70px 0 0;margin:0 0 -8px; }



.doc-row,
.docs-interior > .container-fluid > .row,
.meet-docs .doc-wrap {
background: rgb(255,255,255); 
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%); 
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); 
}

.docs-interior .doc,
.meet-docs .doc {position:relative;text-align:center}


.meet-docs .bio {padding:20px;}



@media (min-width:768px) {
	
	
    .doc-row {
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:flex-end;
        flex-wrap:wrap;
    }
	
    .doc-row > div {
        float:none;
    }
	
    /*
    .meet-docs .doc-wrap:first-child {display:none}
    .meet-docs .doc-wrap:nth-child(3n) {display:block}*/
	
    .meet-docs .doc:hover > img,
    .meet-docs .doc:focus-within > img {opacity:0.15}
    .meet-docs .bio {
        position:absolute;
        bottom:0;
        left:0;
        right:0;
        margin:0 auto;
        text-align:center;
        width:100%;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity:0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        }
    .meet-docs .bio p {max-width:290px;display:block;margin:0 auto}
    .meet-docs .doc:hover > .bio,
    .meet-docs .doc:focus-within > .bio {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1}

    /* Accessibility: keyboard focus ring on the doc card's "Learn More" link (the bio overlay is
       revealed via :focus-within above so the focused link is visible). WCAG 2.4.7. */
    .meet-docs .doc .bio a:focus-visible {outline:3px solid #4b6a8a;outline-offset:2px;}
	
	
    /*
    .meet-docs .bio-inner,
    .docs-interior .bio {
        position:relative;
        top:50%; 
        -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      }
	  
      .docs-interior .bio-col {height:480px;}
      */
	  
    .docs-interior > div > div:first-child .bio-col{padding-top:40px}
	
    .docs-interior .bio-col {min-height:480px;padding:70px 0 30px}
	
    .docs-interior .doc-col {position:absolute;bottom:0;float:none}


}

@media (min-width:1200px) {
    .page-template-page-locations .doc-wrap {
        width:20%;
    }
}

@media (min-width:1300px) {
	
    .page-id-8825 .meet-docs .col-md-offset-2 { margin-left: 33.33333333% !important; }
	
}

@media (min-width:1300px) and (max-width:1420px) {
	
    .meet-docs .bio p {font-size:16px;line-height:1.2}
	
}

@media (min-width:768px) and (max-width:1199px) {

    .meet-docs .row {text-align:center}

}





@media (max-width:767px) {
	
.meet-docs {padding:0;}

.meet-docs .doc-wrap {padding:0}
.meet-docs .bio {background:#fff}

.docs-interior .container {padding:0}
.docs-interior .bio {background:#fff;padding:30px;text-align:center}

}



/* ------------------------------------------------------------------------------------------------------ */
/*     TESTIMONIAL SECTION
/* ------------------------------------------------------------------------------------------------------ */

.testimonial-section {position:relative;padding:150px 0;background:url(../img/fullwidth.jpg) center center no-repeat #4b6a8a;background-size:cover;overflow:hidden;text-align:center;}

.testimonial-content {position:relative}
.testimonial-content p {color:#fff;font-size:1.5em;text-transform:uppercase;font-family:'Gotham','Helvetica',sans-serif;letter-spacing:3px}

.testimonial-content h5 {color:#fff;text-align:center}

.overlay {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(12, 31, 51, 0.4)}

.testimonial a {color:#fff}

@media (min-width:992px) {

.testimonial-section {background-attachment:fixed}

}

/* ------------------------------------------------------------------------------------------------------ */
/*     Locations SECTION
/* ------------------------------------------------------------------------------------------------------ */

.locations {
    background: #d7d7d7;
    color: #4b6a8a;
    padding-top: 70px;
    padding-bottom: 70px;
    margin-bottom: 0;
}

.locations h3 {
    color: #4b6a8a;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 3.5px;
}

.locations a {
    text-decoration: none;
}
.locations .col {
    margin-bottom: 20px;
}


.locations-map {
    background:#f6f6f6;
    padding: 40px 0 0;
}

.locations-map h3 {
    color: #4b6a8a;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 3.5px;
}




.location-content {
    padding:50px 15px 40px;
}

.location-content h5 {
    margin-top:15px;
    }

.location-content .col {
    border-bottom:1px solid #ffff;
    margin-bottom:20px;
}
@media (min-width:768px) {
    .location-content .col {
        border-bottom:0;
        border-right:1px solid #fff;
        margin-bottom:0;
    }
    .location-content .col:last-child {
        border:0;
    }
}



@media (max-width:1199px) {
    .home .locations-map .wpgmp_map,
    .home .locations-map .location-map {
        height:320px!important;
    }
}

@media (max-width:991px) {
	
    .locations-map .wpgmp_map,
    .locations-map .location-map {
        height:320px!important;
    }
	
}

/* ------------------------------------------------------------------------------------------------------ */
/*     CTA SECTION
/* ------------------------------------------------------------------------------------------------------ */

.well {
padding:60px;
background:#f3f3f3;
border-color:#f3f3f3;	
text-align:center;
margin:0 0 30px;
}

a.well {display:block;text-decoration:none}
a.well:hover,
a.well:focus {background:#4b6a8a;color:#fff}

a.well:hover .btn,
a.well:focus .btn {color:#fff}

/* Accessibility: keyboard focus mirrors the :hover recolor + a focus ring (WCAG 2.4.7).
   Inset white ring shows against the blue focused background. */
a.well:focus {outline:3px solid #fff;outline-offset:-3px;}
a.well:focus:not(:focus-visible) {outline:none;}


@media (min-width:768px) {
    .cta .row {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .cta .row .col-sm-6 {
        float: none;
        margin: 0 0 30px;
    }
    .cta .well {height:100%; paddding: 0;}
}

/* ---------------------------------------------------------------------------------------------------- */
/*     FEATURE BOXES
/* ------------------------------------------------------------------------------------------------------ */

.feature-box {
    display: block;
    position: relative;
    margin: 0 auto;
    overflow:hidden;
    max-height:500px;
    color:#fff;
    background:#4b6a8a;
}

/*.feature-box .overlay {background-color:rgba(0,0,0,0.4);width:100%;height:100%;position:absolute;left:0;top:0;z-index:50;}*/

.feature-box img {width:100%;height:auto;opacity:0.9;
-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}
	
.feature-box:hover img,
.feature-box:focus img {opacity:0;
-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

/* Accessibility: keyboard focus ring for the linked feature cards (WCAG 2.4.7).
   Inset so adjacent no-gutter cards don't clip it; sits over the revealed blue background. */
.feature-box:focus {outline:3px solid #fff;outline-offset:-3px;}
.feature-box:focus:not(:focus-visible) {outline:none;}

.feature-box .feature-box-caption {
    display: block;
    position: absolute;
    z-index:60;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    padding-top:20px;
    padding-bottom:20px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}


.feature-box .feature-box-caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
    font-size:1em;
    padding:0 25px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.feature-boxes .feature-box .feature-box-caption-content h2 {margin-bottom:0.941em}
.feature-boxes .feature-box .feature-box-caption-content p {display:none;}

.feature-box .feature-box-caption-content .btn {color:#fff}



@media(max-width:767px) {
	
    .feature-box {max-height:none}
}

@media(min-width:768px) {

    .feature-boxes .feature-box:hover .feature-box-caption-content p,
    .feature-boxes .feature-box:focus .feature-box-caption-content p {display:block;-webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;}

}

@media(min-width:768px) and (max-width:1169px) {

    .feature-boxes .feature-box {height:400px}
    .feature-boxes .feature-box img { height:100%;width:auto;max-width:inherit }
	
}

@media(min-width:992px) {
    .feature-box .feature-box-caption-content {padding:0 15%}
	
}


/* ------------------------------------------------------------------------------------------------------ */
/*     APPOINTMENT FORM
/* ------------------------------------------------------------------------------------------------------ */


.sidebar .gift {text-align:center;background:#fff;margin-bottom:36px}
.sidebar .gift h5 {background:#4b6a8a;color:#fff;padding:15px}


/* ------------------------------------------------------------------------------------------------------ */
/*     FAQS / PANELS
/* ------------------------------------------------------------------------------------------------------ */

.panel {border:none;box-shadow:none;-webkit-box-shadow:none;border-bottom:1px solid #f3f3f3;padding-bottom:10px}
.panel h3 a {text-decoration:none;display:block;transition:none;color:#58595b;padding:16px 0 8px}
.panel h3 {margin:0}

.panel h3 .panel-toggle {
   background:url(../images/arrow-up.svg) right 66% no-repeat;
  background-size: 22px;
  padding-right:40px;
}
.panel h3 .panel-toggle.collapsed {
     background:url(../images/arrow-down.svg) right 66% no-repeat; 
     background-size: 22px
}


/* ------------------------------------------------------------------------------------------------------ */
/*     FOOTER
/* ------------------------------------------------------------------------------------------------------ */

#footer {font-family:'Gotham','Helvetica',sans-serif;text-align:center;padding-bottom:70px}


#footer .footer-logo img {width:60px;height:60px;margin:30px auto}

#footer .navbar-nav {margin:10px 0;text-align:center}
#footer .navbar-nav>li {padding-top:12px;padding-bottom:12px}
#footer .navbar-nav>li>a {padding-top:0;padding-bottom:0;color:#58595b;}

#footer .navbar-nav>li.appt-button {background:#f3f3f3;font-size:12px;font-weight:500;color:#4b6a8a;display:inline-block}

#footer .navbar-nav>li>a:hover,
#footer .navbar-nav>li>a:focus {background:none}

@media (min-width:768px) {

#footer {text-align:left}

#footer .footer-logo img {display:inline-block;margin:0 15px 0 0}
#footer .footer-logo h5 {display:inline-block}

#footer .navbar-nav>li>a {border-right:1px solid #58595b}
#footer .navbar-nav>li:last-child  a{border-right:0}

}



/* ------------------------------------------------------------------------------------------------------ */
/*     STANDARD INTERIOR CONTENT
/* ------------------------------------------------------------------------------------------------------ */

.general.gray {background:#f3f3f3;padding:50px 0}

.general ul, .general ol {margin-bottom:28px}

.general.full {text-align:center}

.sidebar ul, sidebar p {margin-bottom:36px}

.sidebar ul, .sidebar li {list-style:none;padding:0}

.sidebar li { line-height:1.1;margin-bottom: 10px;}

.sidebar .widget {margin-bottom:50px}

.widget_archive label {display:none}

.main h1,
.main h2 {text-align:left}

.single-post .main h2 {font-size:1.4em;letter-spacing:2px}

h6.categories {margin:30px 0}

time h6 a {margin-bottom:20px;color:#999;display:block}

.sharedaddy {margin-top:50px}

#respond,
#comments {padding-top:50px;border-top:1px solid #f3f3f3}

#comments > ol {margin-bottom:50px;list-style:none;padding:0}

#wrapper .slideshow-window {background:#f3f3f3;border-color:#f3f3f3;border-radius:0}
#wrapper .slideshow-window img {width:100%;height:auto}

.blog h1 {
        font-size: .941em;
        letter-spacing:2.4px;
        font-weight:400;
}

.single-post h1,
.single-post h2,
.blog h2 {margin-bottom:10px}

.blog h2 a {text-decoration:none}

.post-meta {margin-bottom:30px}

.blog article {margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #f3f3f3}

.close {font-size: 24px;
    color:#4b6a8a;}
	
.post-image {margin:0 auto 30px;text-align:center}
.post-image img {width:100%;height:auto}

.no-sidebar .post-meta {text-align:center}


@media (min-width:768px) {


.main {width:72%}

}

@media (max-width:767px) {

.pull-right {float:none!important}

.sidebar {margin-top:40px}

	
}



/* ------------------------------------------------------------------------------------------------------ */
/*     Referral Program
/* ------------------------------------------------------------------------------------------------------ */


#frm_field_155_container .frm_radio {padding:0 15px;margin:0!important;margin-bottom:15px!important}

#frm_field_155_container .frm_radio label {
    background:#939598;
    color:#fff;
    display:block;
    padding:40px 20px;
    text-align:center;
    font-size:28px;
    letter-spacing:2px;
    text-transform:uppercase;
    font-weight:500;
    font-family: 'Gotham','Helvetica Neue',Arial,sans-serif;	
}
#frm_field_155_container .frm_radio label em {
    display: block;
    font-family: "ChaparralPro","Times New Roman",Times,serif;
    text-transform: none;
    font-size: 22px;
    letter-spacing: 0;
}

#frm_field_155_container input[type=radio], #frm_field_155_container input[type=checkbox] {display:block;margin:0 auto 10px}

.nav-tabs>li>a { background:#e5e5e5;padding:10px 20px;    text-transform: uppercase;
    font-family: 'Gotham','Helvetica Neue',Arial,sans-serif;	
    font-weight: 500;
    border:0}
.nav>li>a:hover, .nav>li>a:focus {background:#f3f3f3}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {color:#4b6a8a;border:0}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus,.tab-pane {background:#f3f3f3}

.tab-pane {padding:20px; font-family: 'Gotham','Helvetica Neue',Arial,sans-serif;}

#ffwd_container1_0 #ffwd_container2_0 .bwg_blog_style_img_cont_0 .ffwd_blog_style_img_0 {max-width:100%!important}
.ffwd_blog_style_object_from_0 {margin-bottom:20px}
#ffwd_container1_0 #ffwd_container2_0 .ffwd_blog_style_object_info_container_0 .ffwd_blog_style_object_from_name_0 {
    text-transform:uppercase;
}
#ffwd_container1_0 #ffwd_container2_0 .ffwd_title_spun1_0 {padding:3px 6px!important;background-color:#4b6a8a!important;color:#fff!important}
#ffwd_container1_0 #ffwd_container2_0 .ffwd_likes_0,
#ffwd_container1_0 #ffwd_container2_0 .ffwd_shares_0,
#ffwd_container1_0 #ffwd_container2_0 .ffwd_title_spun1_0 a {color:#fff!important}
#ffwd_container1_0 #ffwd_container2_0 .tablenav-pages_0 {display:none!important}


.landing-testimonial {padding:100px 40px;background-attachment:initial;}


@media (min-width:768px) {
	
    #frm_field_155_container .frm_radio {width:33.3333%;float:left;}
	
}

/* ------------------------------------------------------------------------------------------------------ */
/*     WORDPRESS EDITOR CLASSES
/* ------------------------------------------------------------------------------------------------------ */


.alignleft, img.alignleft {
    margin-right: 25px;
    display: inline;
    float: left;
    }
.alignright, img.alignright {
    margin-left: 25px;
    display: inline;
    float: right;
    }
.aligncenter, img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
    text-align:center;
    }
.alignnone, img.alignnone {
    /* not sure about this one */
    }
.wp-caption {
    margin-bottom: 20px;
    text-align: center;
    padding-top: 5px;
    }
.wp-caption img {
    border: 0 none;
    padding: 0;
    margin: 0;
    }
.wp-caption p.wp-caption-text {
    line-height: 1.5;
    font-size: 12px; /* accessibility: was 10px, raised to 12px minimum */
    margin: 0;
    }
.wp-smiley {
    margin: 0 !important;
    max-height: 15px;
    }
blockquote.left {
    margin-right: 20px;
    text-align: right;
    margin-left: 0;
    width: 33%;
    float: left;
    }
blockquote.right {
    margin-left: 20px;
    text-align: left;
    margin-right: 0;
    width: 33%;
    float: right;
    }



/* ------------------------------------------------------------------------------------------------------ */
/*     SLICK THEME
/* ------------------------------------------------------------------------------------------------------ */


/* Slider */
.slick-loading .slick-list{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next{
    font-size: 12px; /* accessibility: was 0 (flagged sub-12px). Label text stays hidden via color:transparent + overflow:hidden below; the visible arrow is a background SVG, unaffected by font-size. */
    line-height: 0;
    overflow: hidden;
    position: absolute;
    top: 50%;
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    margin-top: -10px; /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index:999;
}


.slick-prev {
    background:url(../images/arrow-left.svg) left center no-repeat;	
    background-size:contain;
    left: 10px;
}
.slick-next{
    background:url(../images/arrow-right.svg) right center no-repeat;	
    background-size:contain;
    right: 10px;
}

[dir='rtl'] .slick-prev{
    right: 10px;
    left: auto;
}
[dir='rtl'] .slick-next{
    right: auto;
    left: 10px;
}



.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
    outline: none;
}
/* Accessibility: visible keyboard focus ring on carousel arrows (WCAG 2.4.7).
   Comes after the outline:none above so it wins for keyboard focus; mouse clicks stay clean. */
.slick-prev:focus-visible,
.slick-next:focus-visible{
    outline: 3px solid #4b6a8a;
    outline-offset: 2px;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
    opacity: 1;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled{
    opacity: .25;
}

@media (max-width:1199px) {
    .slick-prev,
    .slick-next{ 
    width:30px;
    height:30px;
    }
}

/* Dots */

.slick-dots{
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus{
    outline: none;
}
/* Accessibility: keyboard focus ring on carousel pagination dots (WCAG 2.4.7) */
.slick-dots li button:focus-visible{
    outline: 2px solid #4b6a8a;
    outline-offset: -2px;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{
    opacity: 1;
}
.slick-dots li button:before{
    font-family: 'fontawesome';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
    opacity: .75;
    color: black;
}

.slick-slide .doc img {
    margin: 0 auto;
}

.pum-theme-12694 .pum-content, 
.pum-theme-lightbox .pum-content {
    outline: none;
}

.pum-theme-12694 .pum-content {
    /* text-align: center;
    padding-left: 100px;
    text-transform: uppercase; */
}

.pum-theme-12694 h2, 
.pum-theme-12694 h3, 
.pum-theme-12694 h4, 
.pum-theme-12694 h5, 
.pum-theme-12694 h6 {
    color: #4b6a8a;
    text-transform: uppercase;
}

.pum-theme-12694 .pum-container, 
.pum-theme-lightbox .pum-container {
    padding: 0;
}

.hide-phone {
    font-size: 10px;
    display: inline;
    color: white;
}

.page-id-67988 .section-title {
    margin-bottom: 0;
}

.page-id-67988 h2 {
    letter-spacing: 0;
    font-size: 1.2em;
}

.page-id-67988 p .btn {
    display: block;
    width: 100%;
}

.page-id-67988 .btn-book {
    display: none !important;
}

.page-id-67988 .btn-call {
    width: 100%;
}

#popmake-68014 .btn {
    display: block;
    width: 100%;
}

#popmake-68014 h2 {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0;
    font-size: 1.2em;
    color: rgb(88, 89, 91);
}

#popmake-68014 h2 strong {
    display: block;
    color: #4b6a8a;
    letter-spacing: 3.5px;
}

.doc-sidebar {
    display: none;
}

/* Decrease padding on Pusher Boxes */
.page-id-439 section.cta, .page-id-3182 section.cta {
    padding: 0;	
}

@media(min-width: 768px) {
    .doc-sidebar {
        display: block;
    }
}

@media(min-width: 768px) {
    .side-doc-img {
        display: block;
        margin-bottom: 40px;
    }
}

.main-doc-img img {
    display: block;
    margin: 0 auto 40px;
}

@media(min-width: 768px) {
    .main-doc-img, 
    .main-doc-info {
        display: none;
    }
}

.single-doctors .testimonial-section {
    margin-bottom: 30px;
}

/* PAY ONLINE BUTTON + MODAL */

#topNav .pay-online-btn {
    display: inline-block;
    flex: 0 0 auto;
    padding: 6px 16px;
    background: #4b6a8a;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border: 1px solid #fff;
    border-radius: 2px;
    text-decoration: none;
    transition: background .2s, color .2s;
    white-space: nowrap;
}

#topNav a.pay-online-btn:hover,
#topNav a.pay-online-btn:focus {
    background: #fff;
    color: #4b6a8a;
}

#topNav .pay-online-btn--spacer {
    visibility: hidden;
    pointer-events: none;
}

.btn-pay-online {
    margin-top: 5px;
}

.pay-online-modal.in {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.pay-online-modal .modal-dialog {
    max-width: 420px;
    margin: 0 auto;
}

.pay-online-modal .modal-content {
    border: 0;
    border-radius: 6px;
    box-shadow: 0 8px 30px rgba(0,0,0,.25);
    padding: 20px 15px 15px;
    position: relative;
}

.pay-online-modal .close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 28px;
    height: 28px;
    padding: 0;
    background: #222;
    color: #fff;
    border-radius: 50%;
    opacity: 1;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    text-shadow: none;
    z-index: 2;
}

.pay-online-modal .close:hover,
.pay-online-modal .close:focus {
    background: #4b6a8a;
    color: #fff;
    opacity: 1;
}

.pay-online-modal .modal-header {
    border-bottom: 1px solid #e5e5e5;
    padding: 5px 50px 15px 10px;
}

.pay-online-modal .modal-title {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    margin: 0;
}

.pay-online-modal .modal-body {
    padding: 15px 10px 10px;
}

.pay-online-modal .pay-online-locations {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pay-online-modal .pay-online-locations li {
    margin: 0;
    padding: 6px 0;
}

.pay-online-modal .pay-online-locations a {
    color: #4b6a8a;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

.pay-online-modal .pay-online-locations a:hover,
.pay-online-modal .pay-online-locations a:focus {
    color: #2a4766;
    text-decoration: underline;
}

/* Search form (404 + search no-results) — searchform.php */
.search-form {
    display: flex;
    flex-wrap: nowrap;
    max-width: 480px;
    margin: 0 0 30px;
}
.search-form .search-field {
    flex: 1 1 auto;
    min-width: 0;
    padding: 12px 15px;
    border: 1px solid #939598;
    border-right: 0;
    font-size: 16px;
}
.search-form .search-submit {
    flex: 0 0 auto;
    background: #4b6a8a;
    border: 1px solid #4b6a8a;
    color: #fff;
    padding: 12px 24px;
    font-family: 'Gotham','Helvetica Neue',Arial,sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
}
.search-form .search-submit .fa {
    margin-right: 8px;
}
.search-form .search-submit:hover,
.search-form .search-submit:focus {
    background: #2a4766;
    border-color: #2a4766;
}
.search-form .search-submit:focus-visible {
    outline: 3px solid #4b6a8a;
    outline-offset: 2px;
}

/* Home reviews slider (WP Review Slider Pro, template 12) — page-home-new.php.
   Goal: the Google icon sits on the same baseline on every card in a slide.
   Two things are in the way:
   1. The plugin's "same height" JS only writes a small inline min-height (142px), so the
      floated cards still size to their own content and end at different heights.
   2. The icon is just the last element in normal flow, so it rides up under the name on
      short reviews.
   Fix: turn the review row into a flex row so all three columns stretch to the tallest
   card, then make the card itself a flex column and push the icon down with margin-top:auto. */
.home-reviews .wprevpro_t12_outer_div {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
/* w3.css clearfix — becomes a stray flex item once the row is display:flex. */
.home-reviews .wprevpro_t12_outer_div:after {
    display: none;
}
.home-reviews .outerrevdiv {
    float: none;
    display: flex;
}
.home-reviews .indrevdiv {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
.home-reviews .wprevt12_icon_div {
    margin-top: auto;
}