/*
Theme Name: Seaside 2016
Theme URI: https://seasidesurgerycenter.com
Author: BOOST Creative
Author URI: https://boostcreative.com/
*/

/* Base */
body { font-family: 'tahoma', sans-serif; background-color: white; overflow-x: hidden; }

h1, h2, h3, h4, h5, h6 { font-family: 'tahoma', sans-serif; line-height: 1.1; }

a { color: #4859db; }
a:hover, a:focus { color: #001c83; }

.siteMain p a { 
	color: #4859db;
    font-weight: 600;
    text-decoration: underline;
}

label { font-weight: 700; font-size: 1rem; color: #343434; }
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email],
[type=month], [type=number], [type=password], [type=search], [type=tel], [type=text],
[type=time], [type=url], [type=week], textarea { border: 1px solid rgba(151,120,93,0.2); background: rgba(151,120,93,0.05); box-shadow: none; border-radius: 0.25rem; height: 2.625rem; }

[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus,
[type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus,
[type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus { background: white; border: 1px solid rgba(151,120,93,0.5); box-shadow: none; }

/* Ginny Styles */
ul {
font-size: 1.1em;
    color: #444;
    line-height: 1.75;
}

/* Gravity Forms */
.gform_wrapper { margin-bottom: 2rem; }
.gform_wrapper .gform_fields { list-style: none; margin: 0; }
.gform_wrapper .gfield { margin-bottom: 0; }
.gf_left_half { width: 50%; padding-right: 0.5rem; float: left; }
.gf_right_half { width: 50%; padding-left: 0.5rem; float: right; }
.gf_right_half + .gfield { clear: both; }
.gform_button { width: 100%; max-width: 10rem; }
.gform_wrapper .validation_error { margin-bottom: 1rem; color: red; }
.gfield .validation_message { margin: -0.75rem 0 1rem; font-size: 0.875rem; color: red; }
.gform_ajax_spinner { display: inline-block; vertical-align: middle; margin-left: 0.5rem; }
.ginput_complex .name_first { width: 50%; padding-right: 0.5rem; float: left; }
.ginput_complex .name_last { width: 50%; padding-left: 0.5rem; float: right; }
.ginput_complex label { display: none; }
.ginput_complex + .validation_message { clear: both; position: relative; top: -0.75rem; margin-bottom: 0.25rem; }
.gfield_description { font-size: 0.875rem; color: #444; margin-bottom: 0.25rem; }
.gfield_error input, .gfield_error textarea { border-color: red; }

/* Components */
.row { max-width: 65.875rem; position: relative; }

.button { font: 700 1rem/1.1 'tahoma'; color: white; letter-spacing: 0.05em; text-transform: uppercase; background: #4859bd; border-radius: 0.25rem; padding: 0.75em 1.375em 0.825em; }
.button:hover, .button:focus { background: #01695E; text-decoration: none; }
.button.secondary { background: #97775c linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.1)); }
.button.secondary:hover, .button.secondary:focus { background: #7e644e linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.1)); }

img.alignright,
.wp-caption.alignright { float: right; margin-left: 1rem; margin-bottom: 1rem; max-width: 50%; }
img.alignleft { float: left; margin-right: 1rem; margin-bottom: 1rem; max-width: 50%; }
img.aligncenter { margin: 0 auto 1rem; }

.content .wp-caption-text { font-size: .9rem; text-align: center; margin: 0px; }

.off-canvas { background: #4859db; box-shadow: inset -0.5rem 0 1rem -0.5rem black; height: 100%; }
.off-canvas-content { background: white; }
.js-off-canvas-exit { z-index: 999; }

.reveal { padding: 0; overflow: visible; outline: none; z-index: 99999; }
.reveal .row { margin-left: -0.9375rem; margin-right: -0.9375rem; }
.reveal-wrapper { padding: 2.875rem; overflow: auto; max-height: inherit; }
.reveal-overlay { z-index: 9; -webkit-transition-duration: 200ms !important; transition-duration: 200ms !important; }
.close-button { border-radius: 50%; width: 2.375rem; height: 2.375rem; background: #4859db; color: white; top: -1.1875rem; right: -1.1875rem; }
.close-button::before, .close-button::after { content: ''; width: 1.75rem; border-bottom: 1px solid; position: absolute; top: 50%; left: 50%; margin-left: -0.875rem; }
.close-button::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.close-button::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.accordion:not(:first-child) { margin-top: 2rem; }
.accordion-item.is-active .accordion-title { background: #4859db; color: white; }
.accordion-title { font-size: 1.125rem; font-weight: 700; color: #4859db; padding: 0.75rem 1rem; }
.accordion-title:hover { background: rgba(0,0,0,0.05); color: #4859db; }
.accordion-content { background: white; }

.pagination { text-align: center; margin: 2.5rem 0; }
.pagination .current { background: #4859db; }

.table-layout { display: table; width: 100%; }
.table-cell { display: table-cell; vertical-align: middle; }

.socialLinks { display: inline-block; vertical-align: middle; list-style: none; margin: 0 -0.5rem; font-size: 0; }
.socialLinks li { display: inline-block; vertical-align: middle; padding: 0 0.5rem; }
.socialLinks a { color: #949494; -webkit-transition: color 0.25s ease-out; transition: color 0.25s ease-out; }
.socialLinks a:hover, .socialLinks a:focus { color: #01695e; }
.socialLinks svg { height: 1.5rem; fill: currentcolor; }

.subNav { margin-bottom: 2.25rem; }
.subNav h3 { border-radius: 0.25rem 0.25rem 0 0; box-shadow: inset 0 0.125rem 0.25rem rgba(35,31,32,0.35); font: 700 1.375rem/1.2 'tahoma'; text-transform: uppercase; margin: 0;
  background: url('img/bg-emblem.svg') no-repeat top -0.125rem right / 7.6875rem 6.1875rem, linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.1)) #4859db; }
.subNav h3 a { display: block; color: white; padding: 0.875rem 1.125rem 1rem; }
.subNav ul { list-style: none; margin: 0; background: #eeeeee; border-radius: 0 0 0.25rem 0.25rem; }
.subNav li:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,0.1); }
.subNav li a { font-size: 1.1325rem; font-weight: 600; color: #747474; display: block; padding: 0.5rem 1.25rem 0.625rem; border-top: 1px solid rgba(255,255,255,0.5);
  -webkit-transition: background 0.25s ease-out; transition: background 0.25s ease-out; }
.subNav li a:hover { background: rgba(0,0,0,0.05); }
.subNav li.current_page_item > a { background: rgba(0,131,117,0.5); color: white; }
.subNav li ul { border-top: 1px solid rgba(0,0,0,0.1); border-radius: 0; background-color: rgba(0,0,0,0.05); box-shadow: inset 0 1rem 1rem -1rem rgba(0,0,0,0.1), inset 0 -1rem 1rem -1rem rgba(0,0,0,0.1); }
.subNav li li a { font-size: 1rem; font-weight: 500; padding: 0.375rem 1.25rem 0.5rem 2rem; }
.subNav li li:first-child > a { border-top: none; }

.featuredNav { background: #414141; text-align: center; padding: 1.25rem 0.9375rem 1rem; }
.featuredNav ul { list-style: none; margin: 0 auto; max-width: 56.25rem; }
.featuredNav li { display: inline-block; color: white; font-size: 1.25rem; line-height: 1.4; font-weight: 600; margin-bottom: 0.625rem; }
.featuredNav li:not(:last-child):not(.end)::after { content: '|'; display: inline-block; margin: 0 0.5em 0 0.75em; }
.featuredNav a { color: inherit; }

.sidebarContent { padding: 1rem 1.125rem; border-radius: 0.25rem; color: #747474; margin-bottom: 2.25rem; background: #eee url('img/bg-emblem-green.svg') no-repeat bottom right / 7.6875rem 6.1875rem; }
.sidebarContent h3 { border-radius: 0.25rem 0.25rem 0 0; box-shadow: inset 0 0.125rem 0.25rem rgba(35,31,32,0.35); font: 700 1.375rem/1.2 'tahoma'; text-transform: uppercase; color: white; padding: 0.875rem 1.125rem 1rem; margin: -1rem -1.125rem 1rem;
  background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.1)) #4859db; }
.sidebarContent p { font-size: 1.125rem; }

.ctct-embed-signup { padding: 1rem 1.125rem; border-radius: 0.25rem; color: #747474; margin-bottom: 2.25rem; background: #fbf3ea; }
.ctct-embed-signup h3 { text-align: center; border-radius: 0.25rem 0.25rem 0 0; font: 700 1.375rem/1.2 'tahoma'; text-transform: uppercase; color: white; padding: 0.875rem 1.125rem 1rem; margin: -1rem -1.125rem 1rem;
  background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0)) #9d7d61; }
.ctct-embed-signup p { text-align: center; }
.ctct-embed-signup form { border-top: 1px solid rgba(0,0,0,0.3); padding-top: 1rem; }
.ctct-embed-signup label { display: none; }
.ctct-embed-signup input { background: white; }
.ctct-embed-signup .button { width: 100%; }

div.ctct-form-embed form.ctct-form-custom div.ctct-form-field {
  margin: 0 0 12px 0 !important;
  font-family: tahoma;
  
}
#last_name_field_0 input {
  margin-bottom: 0;
}

#ctct_form_0 > h2, #ctct_form_0 > p, .ctct-form-footer {
  display: none;
}

.ctct-form-embed.form_0 .ctct-form-defaults {
  padding: 0 !important;
  background: transparent !important;
}

.ctct-form-button {
  text-transform: uppercase;
  font-weight: 700;
  font-family: tahoma;
  letter-spacing: 0.05em;
}

div.ctct-form-embed div.ctct-form-defaults p.ctct-gdpr-text {
  margin-bottom: 12px !important;
}


/* General */
.siteHeader { padding: 1rem 0; box-shadow: 0 2px 4px rgba(0,0,0,0.35); position: relative; z-index: 9; }
.siteHeader .logo img { width: 12.5rem; margin-top: -0.375rem; }
.siteHeader-mobile { display: none; }
.siteHeader-mobile ul { display: table; width: 100%; list-style: none; margin: 0; background: #4859db linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2)); }
.siteHeader-mobile li { display: table-cell; width: 25%; text-align: center; white-space: nowrap; }
.siteHeader-mobile li:not(:last-child) { border-right: 1px solid rgba(255,255,255,0.5); }
.siteHeader-mobile a { display: block; padding: 1rem 0.625rem 0.875rem; font-size: 0.875rem; font-weight: 600; color: white; text-transform: uppercase; }
.siteHeader-mobile a:hover { background-color: rgba(0,0,0,0.1); }
.siteHeader-mobile svg { display: block; height: 1.625rem; margin: 0 auto 0.25rem; }

.topNav { margin-bottom: 0; }
.topNav .menu { display: inline-block; vertical-align: middle; margin: 0 1rem 0.25rem; color: #949494; font-size: 0.875rem; font-weight: 600; letter-spacing: 0.05em; }
.topNav .menu > li > a { display: inline-block; padding: 0; color: inherit; }
.topNav .menu > li.current-menu-item > a { color: #343434; font-weight: 700; text-decoration: none; }
/* .topNav .menu-item:not(:last-child)::after { content: '|'; line-height: 1; display: inline-block; margin: 0 0.25em; } */
.topNav .menu-item > a:hover { border-bottom: 2px solid #4859db; color: #4859db; }
.topNav .button { margin: 0; font-size: 0.875rem; font-weight: 600; padding: 0.5rem 1rem 0.625rem; position: relative; }
.topNav .button span { -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; }
.topNav .button span:nth-child(2) { position: absolute; top: 50%; left: 50%; white-space: nowrap; margin-top: -0.125em; opacity: 0;
  -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%);  }
.topNav .button:hover span:nth-child(1) { opacity: 0; }
.topNav .button:hover span:nth-child(2) { opacity: 1; }


.mainNav { position: relative; }
.mainNav .menu { display: inline-block; margin: 0; font-size: 1.1875rem; font-weight: 500; color: #8a8a8a; text-transform: uppercase; }
.mainNav .menu > li > a { padding: 0; color: inherit; position: relative; z-index: 2; }
.mainNav .menu > .current-menu-item, .mainNav .menu > .current-menu-ancestor, .mainNav .menu > .current-page-ancestor { color: #4859db; }
.mainNav .menu > .current-menu-item > a::after, .mainNav .menu > .current-menu-ancestor > a::after,
.mainNav .menu > .current-page-ancestor > a::after { content: ''; position: absolute; left: 0; top: calc(100% + 0.1875rem); width: 100%; border-bottom: 3px solid #343434; }
.mainNav .menu-item { padding: 0 2rem; position: relative; }
.mainNav .menu-item:last-child { padding-right: 0; }
.mainNav .sub-menu { overflow: hidden; opacity: 1; list-style: none; margin: 1.375rem 1rem 0; background: #4859db; color: white; text-transform: none; box-shadow: -3px 2px 0 rgba(0,64,57,0.6); min-width: 9.375rem;
  position: absolute; left: 0; top: 100%; z-index: 2; -webkit-transition: 0.25s ease-out; transition: 0.25s ease-out; }
.mainNav .sub-menu:not(.is-open) { height: 0 !important; }
.mainNav .sub-menu > li > a { display: block; text-align: left; color: #FFF; padding: 0.625rem 2rem 0.625rem 1rem; white-space: nowrap;
  -webkit-transition: background 0.25s ease-out; transition: background 0.25s ease-out; }
.mainNav .sub-menu .menu-item { padding: 0; border-bottom: 1px solid rgba(255,255,255,0.3); }
.mainNav .sub-menu .menu-item:not(.current-menu-item) a:hover { background: rgba(0,0,0,0.1); color: #FFF; }
.mainNav .sub-menu .current-menu-item > a { background: rgba(0,0,0,0.2); color: #FFF; }
.mainNav .menu-item-has-children:hover > a::before { content: ''; position: absolute; left: 0; right: 0; top: 100%; height: 2rem; }
.mainNav .menu-item-has-children > a:hover + .sub-menu, .mainNav .sub-menu:hover { opacity: 1; }
.mainNav .underline { position: absolute; bottom: 0; border-bottom: 3px solid #343434; opacity: 0;
  -webkit-transition: 0.25s ease-out; transition: 0.25s ease-out; }
.mainNav .menu:hover + .underline { opacity: 1; }

.mobileNav .menu > li > a { padding: 1rem; color: inherit; position: relative; }
.mobileNav .menu > .current-menu-item > a, .mobileNav .menu > .current-menu-ancestor > a { background: #4859db; }
.mobileNav .menu-item { border-bottom: 1px solid rgba(255,255,255,0.1); color: white; text-transform: uppercase; letter-spacing: 0.05em; }
.mobileNav .menu-item:not(.current-menu-item):not(.current-menu-ancestor) a:hover { background: rgba(0,0,0,0.1); }
.mobileNav .sub-menu { list-style: none; margin: 0; border-top: 1px solid rgba(255,255,255,0.1); background-color: rgba(0,0,0,0.2); }
.mobileNav .sub-menu > li > a { display: block; padding: 0.875rem 1rem 0.875rem 1.75rem; color: inherit; text-transform: none; line-height: 1; position: relative; }
.mobileNav .sub-menu > .current-menu-item > a { background-color: rgba(0,131,117,0.4); }
.mobileNav .sub-menu .menu-item:last-child { border-bottom: none; }
.mobileNav .sub-menu .sub-menu a { padding-left: 2.5rem; }
.mobileNav .is-accordion-submenu-parent > a:after { border-color: currentColor transparent transparent; opacity: 0.5; }

.featuredImage { height: 17.5rem; position: relative; background: no-repeat center / cover; }
/* .featuredImage:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 50%) } */
.page-id-2861 .featuredImage:before { content: none; }
.featuredImage h2 { font-size: 2.125rem; margin-bottom: 0.625rem; font-weight: 600; }
.featuredImage p { font-size: 1.25rem; line-height: 1.4; margin: 0; }
.featuredImage svg { font-size: 1rem; width: 2em; height: 2em; fill: currentColor; }
.featuredImage.has-map iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.featuredImage-content { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; max-width: 37.5rem; text-align: center; color: white;
  -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); }
.featuredImage--meet-our-team svg { width: 3em; height: 2.7em; margin-top: -0.7em; }

.pageBody { padding-top: 3.75rem; padding-bottom: 6.25rem; }
.pageBody-content { position: relative; left: 0; width: 100%; }
.pageBody-sidebar { position: relative; left: -70%; width: 30%; padding-right: 1.5rem; }
.pageBody-sidebar .content { font-size: 0.9375rem; }

.content h1 { font-size: 2.125em; font-weight: 600; color: #343434; letter-spacing: 0.05em; margin-bottom: 0.825em; }
.content h2 { font: 600 1.5em/1.1 'tahoma'; color: #343434; margin: 0.8em 0 0.675em; }
.content h3 { font: 700 1.25em/1.4 'tahoma'; color: #343434; padding-bottom: 0.5em; border-bottom: 1px solid rgba(61,61,61,0.4); margin-bottom: 0.7em; }
.content h4 { font: 700 1.125em/1.5 'tahoma'; color: #343434; text-transform: uppercase; margin: 1.3em 0 0.8em; }
.content ul, .content ol { color: #343434; margin-bottom: 1.375em; }
.content li { list-style-type: disc;
font-size: 1.1em;
    color: #444;
    line-height: 1.75;
}
.content strong { color: #575757; }
.content img { background: #eee; padding: 0.25rem; border: 1px solid rgba(0,0,0,0.1); border-radius: 0.25rem; }
.content a:hover, .content a:focus { text-decoration: underline; }
.content p { font-size: 1.1em; color: #444; line-height: 1.75; }
.content p.emphasized { font-weight: 700; color: #575757; font-size: 1.125em; line-height: 1.5; }
.content .button { margin-right: 0.5em; }

.content h1.fourofour {font-size: 25em; color: #343434;text-align: center;font-family: 'tahoma', sans-serif;margin: 0 0 20px;font-weight: 700;letter-spacing: 6px; }

.footerBuckets ul { list-style: none; margin: 0 -0.125rem; overflow: hidden; }
.footerBuckets li { float: left; width: 25%; padding: 0 0.125rem; }
.footerBuckets h3 { font: 700 1.625rem/1.1 'tahoma'; margin-bottom: 0.625rem; text-transform: uppercase; white-space: nowrap; }
.footerBuckets p { line-height: 1.4; }
.footerBuckets .bucket { display: block; position: relative; color: inherit; background: no-repeat center / cover; }
.footerBuckets .bucket::before { content: ''; display: block; padding-top: 100%; opacity: 0.8;
  -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; }
.footerBuckets .bucket:hover::before { opacity: 0.6; }
.footerBuckets .bucket:hover .bucket-content { -webkit-transform: translateY(-1rem); -ms-transform: translateY(-1rem); transform: translateY(-1rem); }
.footerBuckets li:nth-child(1) .bucket::before { background-color: #4859db; }
.footerBuckets li:nth-child(2) .bucket::before { background-color: #ce9c45; }
.footerBuckets li:nth-child(3) .bucket::before { background-color: #1d7b0e; }
.footerBuckets li:nth-child(4) .bucket::before { background-color: #3f3f3f; }
.footerBuckets .bucket-content { position: absolute; left: 0; right: 0; bottom: 0; color: white; text-align: right; padding: 0 1.325rem 1rem;
  -webkit-transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; outline: 1px solid transparent /* FF Fix */; }

.siteFooter { padding: 3.125rem 0; }
.siteFooter p { margin: 0; font-size: 0.875rem; color: #a1a1a1; }
.siteFooter p > a { color: inherit; }
.siteFooter .socialLinks { margin-top: 1.375rem; margin-right: 0.5rem; }
.siteFooter .row { padding-top: 0.625rem; padding-bottom: 0.625rem; }
.siteFooter .row:first-child { border-bottom: 1px solid rgba(0,0,0,0.2); }
.siteFooter .surgcenter { float: right; }
.siteFooter .siteFooter-info { font-size: 1.125rem; color: #898888; margin: 1.25rem 0 0.25rem; }
.siteFooter-info { font-weight: 700; letter-spacing: 0.05em; float: left; }
.siteFooter-info span { display: inline-block; }
.siteFooter-info span::after { content: '|'; margin-left: 0.25em; }
.siteFooter-info > span:last-child::after { content: none; }
.siteFooter-copyright a:hover { color: #444; }

/* Home */
.homeRotator { position: relative; }
.homeRotator h2 { color: white; font-size: 2rem;margin-bottom: 10px;}
.homeRotator p { color: white; font-size: 1.2rem; line-height: 1.4; }
.homeRotator ul { color: white; font-size: 1rem; }
.homeRotator .button { margin: 0; background: none; border: 1px solid;font-size: 1rem;padding: 0.5rem 1.7rem 0.6rem;}
.homeRotator .button:hover, .homeRotator .button:focus { background: #4859db; }
.homeRotator .row { position: absolute; top: 50%; left: 0; right: 0;
  -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); }
.homeRotator-slide { max-height: 42rem; position: relative; background: #7d776c no-repeat center / cover; }
.homeRotator-slide::after { content: ''; display: block; padding-top: 64.25%; }
/* .homeRotator-slide::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0)); } */
.homeRotator-content { max-width: 100%; background: url('img/pattern-rotator.png'); padding: 1.375rem 2rem; text-align:center; }
.homeRotator-content > :last-child { margin-bottom: 0; }
.homeRotator-content.is-left { float: left; right: auto; left: 0; }
.homeRotator:not(.slick-initialized) .homeRotator-slide:not(:first-child) { display: none; }
.homeRotator .slick-dots { list-style: none; margin: 0; position: absolute; left: 0; right: 0; bottom: 1.25rem; text-align: center; font-size: 0; }
.homeRotator .slick-dots li { display: inline-block; }
.homeRotator .slick-dots button { font-size: 0; padding: 0.25rem; outline: none; }
.homeRotator .slick-dots button::before { content: ''; display: block; width: 0.875rem; height: 0.875rem; border-radius: 50%; border: 1px solid white;
  -webkit-transition: 0.25s ease-out; transition: 0.25s ease-out; }
.homeRotator .slick-dots button:hover::before { background: white; }
.homeRotator .slick-dots .slick-active button::before { background: #4859db; border-color: #4859db; }

.homeCTA { padding: 2.5rem 0; }
.homeCTA p { color: white; font-size: 1.625rem; line-height: 1.2; letter-spacing: 0.05em; text-transform: uppercase; margin: 0; }
.homeCTA .button { position: absolute; top: 50%; right: 2.25rem; background: rgba(0,0,0,0.35); font-size: 1.125rem; padding: 0.875rem 2.25rem 1rem;
  -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); }
.homeCTA .button:hover, .homeCTA .button:focus { background: rgba(0,0,0,0.5); }
.homeCTA-box { position: relative; overflow: hidden; border-radius: 0.25rem; padding: 1.25rem 16rem 1.25rem 8rem; background: #008375 linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.25)); }
.homeCTA-box::before { content: ''; position: absolute; left: 0; top: -0.5rem; bottom: -0.5rem; z-index: 0; width: 8.5rem; background: url('img/bg-bones.svg') no-repeat center / contain; }
.homeCTA-box > * { position: relative; z-index: 1; }

.homeContent { padding: 3.125rem 0; background: #ffffff linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); }
.homeContent h1 { font-size: 1.75rem; color: #343434; font-weight: 700; margin-bottom: 1.75rem; }
.homeContent p {font-size: 1.1em;
    color: #444;
    line-height: 1.75; }

/* News */
.blogList { list-style: none; margin: 3rem 0 0; }
.blogList li { padding-bottom: 0.5rem; margin-bottom: 1rem; }
.blogList li:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,0.1); }
.blogList h2 { font-size: 1.5rem; }
.blogList time { display: block; color: #666; margin: -0.5rem 0 0.5rem; text-transform: uppercase; letter-spacing: 0.05em; }
.blogList svg { fill: currentcolor; height: 0.875em; }
.blogList-header { border-bottom: 1px solid; padding-bottom: 0.5rem; margin-bottom: 1.5rem; }
.blogList-header h1 { font-size: 2.125em; color: #4859db; letter-spacing: 0.05em; margin: 0; }

/* Team */
.teamSection { padding-bottom: 0.25rem; margin-bottom: 2rem; }
.teamSection:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,0.2); }
.teamSection h2 { font: 1.5rem/1.1 'acumin-pro-condensed'; color: #97775c; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 1.75rem; }
.teamSection svg { height: 2rem; margin-right: 0.625rem; vertical-align: middle; margin-top: -0.5rem; margin-bottom: -0.375rem; }
.teamSection--foot-and-ankle-surgery svg { height: 2.5rem; margin-top: -0.875rem; }

.teamList { list-style: none; margin: 0 -2rem -2rem; font-size: 0; max-width: 39.25rem; }
.teamList > li { display: inline-block; padding: 0 2rem; width: 50%; text-align: center; margin-bottom: 4rem; }
.teamList > li > a { display: block; position: relative; border: 5px solid #9b9b9b; font-size: 1.125rem; line-height: 1.2; color: white; letter-spacing: 0.05em; background: no-repeat center / cover;
  -webkit-transition: border 0.25s ease-out; transition: border 0.25s ease-out; }
.teamList > li > a:hover { border-color: #008375; }
.teamList > li > a:hover::before { opacity: 0; }
.teamList > li > a:hover > span { background: rgba(0,131,117,0.8); }
.teamList > li > a::before { content: ''; display: block; padding-top: 110%; background: inherit;
  -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; }
.teamList > li > a > span { position: absolute; left: 0; right: 0; bottom: 0; padding: 0.625rem 0; background: rgba(155,155,155,0.8);
  -webkit-transition: background 0.25s ease-out; transition: background 0.25s ease-out; }

.teamSingle img { width: 100%; border: 5px solid #008375; }
.teamSingle h1 { font: 500 2.125rem/1.1 'acumin-pro-condensed'; color: #505050; letter-spacing: 0; margin-bottom: 1.75rem; }
.teamSingle h2 { font: 800 1rem/1.625 'acumin-pro-condensed'; color: #008375; text-transform: uppercase; letter-spacing: 0.05em; margin: 0; }
.teamSingle h3 { font: 800 1.1875rem/1.25 'acumin-pro-condensed'; color: #b29b87; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 1rem; }
.teamSingle p { color: #343434; line-height: 1.75; }
.teamSingle p a { text-decoration: underline; color: inherit; }
.teamSingle p .button { color: #FFF; text-decoration: none; margin: 0; }
.teamSingle p strong > a:only-child, .teamSingle p a > strong:only-child { display: inline-block; text-decoration: none; color: #008375; font-size: 0.875rem; text-transform: uppercase; line-height: 1.2; }
.teamSingle ul, .teamSingle ol { color: #343434; margin-bottom: 1.375rem; }
.teamSingle li { line-height: 1.5; margin-bottom: 0.25em; }
.teamSingle-image { width: 35%; }
.teamSingle-content { width: 65%; }
.teamSingle-content:only-child { width: 100%; }
.teamSingle-bottom { margin-top: 2.125rem; }

.teamReveal { width: calc(100% - 2rem); max-width: 61.875rem; }
.teamReveal-image { width: 37%; }
.teamReveal-content { width: 63%; }
.teamReveal-bottom { margin-top: 2.125rem; }
.teamReveal-bottom .columns:last-child { border-left: 1px solid rgba(0,0,0,0.3); padding-left: 3.125rem; }

.teamList #doctor-137 a { background-position: center 10%; }
.teamList #doctor-105 a { background-position: center 20%; }
.teamList #doctor-125 a { background-position: center 10%; }
.teamList #doctor-134 a { background-position: center 10%; }

.page-id-425 .featuredImage:before, .page-id-788 .featuredImage:before {
  display: none;
}

.fw-images { 
	display: flex;
	justify-content: center;
	column-gap: 2rem;
	padding: 0 2rem;
	margin: 2em 0;
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
	max-width: 100vw;
	width: initial;
}
.fw-bucket { 
	width: 33%;
}
.fw-bucket p { 
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.6;
}

.sgbl-comments {
	position: absolute;
	top: -10px;
	right: 0;
	padding: 10px 10px 0 0;
	transition: all 0.3s;
}
.sgbl-comments:hover {
	transform: translateY(-2px);
	opacity: 0.85;
}
.sgbl-comments svg {
	width: 35px;
	height: 35px;
	fill: #4859db;
}
.sgbl-comments a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.comment-num {
	position: absolute;
	top: 0;
	right: 0;
	background: #4859db;
	color: #fff;
	padding: 2px 5px;
	border-radius: 20px;
	line-height: 1.2;
	font-size: 13px;
	font-weight: bold;
	pointer-events: none;
}

.comment-list .comment .comment-body { 
	display: flex;
	column-gap: 1rem;
}
.comment-list .comment .comment-body .comment-content { 
	width: 100%;
}


/* Media Queries */

@media screen and (max-width: 940px) {
  .mainNav .menu { font-size: 1rem; }
  .mainNav .menu-item { padding: 0 0.5rem; }
  .mainNav .sub-menu { margin-left: 0.5rem; margin-right: 0.5rem; }
  .footerBuckets li { width: 50%; margin-bottom: 0.25rem; }
  .footerBuckets .bucket::before { padding-top: 54.5%; }
  .siteFooter .surgcenter { display: none; }
}

@media screen and (max-width: 800px) {
  .siteHeader { padding-bottom: 0; box-shadow: none; }
  .siteHeader-logo { text-align: center; padding-bottom: 1rem; }
  .siteHeader-desktop { display: none; }
  .siteHeader-mobile { display: block; }
  .pageBody { padding-top: 2rem; padding-bottom: 2rem; }
  .pageBody-content { width: 100%; left: 0; padding-bottom: 2rem; }
  .pageBody-sidebar { width: 100%; left: 0; padding-right: 0.9375rem; }

  .homeCTA { padding: 0; background: #97775c linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2)); }
  .homeCTA p { font-size: 0.9375rem; text-transform: none; max-width: 20rem; margin: 0 auto; }
  .homeCTA .button { position: relative; top: auto; right: auto; margin: 0; padding: 0; background: none; font-size: 0.8125rem;
    -webkit-transform: none; -ms-transform: none; transform: none; }
  .homeCTA .button:hover, .homeCTA .button:focus { background: none; }
  .homeCTA .button::after { content: ' ›'; }
  .homeCTA .row { padding: 0; }
  .homeCTA-box { background: none; padding: 1.125rem 0 1.25rem; text-align: center; }
  .homeCTA-box::before { opacity: 0.4; left: -0.5rem; bottom: -0.125rem; top: -0.25rem; width: 6.125rem; }
  /* .homeContent { text-align: center; } */
  .homeContent img { display: none; width: 100%; }
/*   .homeContent p { padding: 0 2rem; } */
  .homeContent .columns { width: 100%; }

  .teamReveal-image { display: none; }
  .teamReveal-content { width: 100%; }
}

@media screen and (max-width: 640px) {
  .reveal { position: fixed; top: 1rem !important; bottom: 1rem; width: calc(100% - 2rem) !important; margin: 0; }
  .reveal-wrapper { height: 100%; padding: 1.5rem; }
  .close-button { top: -0.5rem; right: -0.5rem; }

  .featuredImage { height: 6.5rem; }
  .featuredImage h2 { font-size: 1.5rem; }
  .featuredImage p { font-size: 0.875rem; }
  .featuredImage svg { font-size: 0.75rem; }
  .featuredImage-content { max-width: 28rem; padding: 0 1rem; }
  .footerBuckets li { width: 100%; }
  .footerBuckets .bucket::before { padding-top: 40%; }
  .siteFooter { padding: 1.75rem 0; text-align: center; }
  .siteFooter .row:first-child { display: none; }

  .siteHeader .row { padding: 0; }
  .off-canvas .menu ul { 
    list-style-type: none;
    margin: 0;
  }
  .off-canvas .menu ul li a { 
        margin-bottom: 0;
    padding: 10px 20px;
    display: block;
    color: white;
  }

  .homeRotator-slide::before { background: url('img/pattern-rotator.png'); }
/*   .homeRotator-content { background: none; float: none; text-align: center; margin: 0 auto; padding: 0; } */
  .homeRotator-content.is-left { float: none; }
  .homeRotator .slick-dots { display: none !important; }

  .teamSingle-image { margin-bottom: 1rem; }
  .teamSingle-content { width: 100%; }
  .teamSingle-bottom { margin-top: 0; }
  .teamReveal-bottom { margin-top: 0; }
  .teamReveal-bottom .columns:last-child { border-left: 0; padding-left: 0.9375rem; }
	
	.fw-images { flex-direction: column; }
	.fw-bucket { width: 100%; }
}

@media screen and (max-width: 540px) {
  img.alignleft, img.alignright { float: none; display: block; margin: 0 0 1rem; max-width: 100%; }
  .subNav h3 { font-size: 1rem; }
  .subNav li a { font-size: 0.875rem; }
  .subNav li li a { font-size: 0.875rem; }

  .siteHeader .logo img { width: 7.75rem; }
  .siteHeader-mobile a { padding-top: 0.5rem; padding-bottom: 0.25rem; }
  .content { font-size: 0.9375rem; }
  .content .button { font-size: 0.9375rem; }


  /* .footerBuckets .row { padding: 0; }
  .footerBuckets li { margin: 0; }
  .footerBuckets p { max-width: 12.875rem; margin: 0 auto 1rem; }
  .footerBuckets .bucket::before { padding-top: 0; height: 9.375rem; } */
  .footerBuckets .bucket-content { text-align: center; padding: 0 1.325rem 0rem; } 

  .homeRotator h2 { font-size: 1.125rem; line-height: 1.4; font-weight: 700; margin-bottom: 0.5rem; }
  .homeRotator .button { font-size: 0.625rem; padding: 0.4375rem 0.875rem 0.5rem; }
  .homeRotator-slide::after { padding-top: 0; height: 12rem; }
  /* .homeRotator-content { max-width: 17rem; } */
  .homeRotator .row {position: relative;top: initial;transform: initial;}
  .slick-initialized .slick-slide {display: flex; align-items: center;
  justify-content: center;}
  .homeRotator-slide {padding: 2rem 4%; background-position:center;}
  .homeCTA p { max-width: 15.625rem; }
  .homeContent { padding: 2rem 0 1.5rem; }
  .homeContent h1 { font-size: 1.25rem; margin-bottom: 1rem; }
/*   .homeContent p { font-size: 0.875rem; } */

  .teamList { margin: 0 -1rem -1rem; }
  .teamList > li { padding: 0 1rem; margin-bottom: 2rem; }
  .teamList > li > a { font-size: 0.875rem; }
  .teamSingle h1 { font-size: 1.875rem; }
  .teamSingle h2 { font-size: 0.875rem; }
  .teamSingle h3 { font-size: 1rem; }
  .teamSingle p, .teamSingle ul, .teamSingle ol { font-size: 0.875rem; }
	
	.page-template-default .pageBody-content p img { width: 100%; }
}

@media screen and (max-width: 350px) {
  .homeRotator-slide {background-position: 44% 50%;}
}