/*
Theme Name: Midtown Spine
Theme URI: https://targetmarket.com
Author: the TargetMarket team
Author URI: https://targetmarket.com
Description: A custom theme for Midtown Spine
Version: 1.3.4
*/

body,html {
	margin:0;
	padding:0;
	font-family:'Roboto', sans-serif;
	font-size:16px;
}

.entry-content li {
	margin-bottom:0.3em;
}

/*---------------------------Global-----------------------------*/

.text-right{text-align:right;}
.text-left{text-align:left;}
.text-center{text-align: center;}
a{color:#268AA9;}
#page-body-content a{color:#177293;}
a, a:hover, a:focus, a:active{text-decoration:none;}
#page-body-content a {border-bottom:1px dotted;}
#page-body-content a:hover, #page-body-content a:active {border-bottom:1px solid;}

a:hover{
	text-decoration:none;
	color:#333;
}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}

.vert-border{
	background:url('images/bg-vert-border.jpg') repeat-y center;
}
.section{padding:50px 0;}
p, .entry-date {
	font-size:16px;
	line-height:27px;
	font-weight:400;
}
ul {font-weight:400;}
.entry-date {font-style:italic;}

.entry-content h2{
	font-size:30px;
	font-weight:500;
	text-transform:none;
	margin:25px 0 10px;
}
.entry-content h3{
	font-size:20px;
	font-weight:600;
	color:#333;
	margin:15px 0 15px 0;
}
.entry-content p{font-weight:400 !important;color:#333;}
h2{
	font-size:40px;
	text-transform:uppercase;
	font-weight:300;
	margin-bottom:50px;
	line-height:1.2em;
}
h2:first-child{margin-top:0;}
h2.entry-title {
	font-size:30px;
	font-weight:500;
	text-transform:none;
	margin:0 0 0.2em;
}
.blog article {margin-bottom:40px;}
#subpage-header{min-height:130px;background:url(images/bg-subheader.jpg) no-repeat center center;background-size:cover;}
#subpage-header h1{
	vertical-align:middle;
	font-weight:300;
	font-size:40px;
	color:#3bd1ff;
	margin:0;
	padding:60px 0;
}
#page-body-content{padding:50px 0;}

/*---------------------------Header-----------------------------*/
#header-logo{padding:15px 0;display:block;}
#header-logo>img{width:275px;}
#header-blue-btns a{display:inline-block;background:#53A5BF;border-radius:0 0 10px 10px;padding:5px 10px;color:#fff;font-size:18px;font-weight: 500;margin-left:5px;}
#header-blue-btns a:hover{background:#3F3F3F;}
#header-information{font-size:18px;color:#616161;font-weight:300;padding:12px 0;}
#header-information-phone{color:#378AA4;font-size:30px;font-weight:600;letter-spacing: -2px;}

/*---------------------------navbar-----------------------------*/
#menu-main-nav{margin:0;padding:0;}
#menu-main-nav > :first-child a{border-left:none !important;}
#menu-main-nav > :last-child a{padding-right:0 !important;}
#menu-main-nav li{list-style-type: none;display:inline-block;}
#menu-main-nav li a{
	font-size:17px;
	color:#646464;
	font-weight:500;
	padding:5px 15px;
	border-left:1px solid #646464;
}
#menu-main-nav li a:hover{color:#53A5BF;}
#menu-main-nav .current-menu-item a{color:#53A5BF;}
#menu-main-nav li:hover ul{left:inherit !important;}
#menu-main-nav li:hover a{color:#2689A9;}

.sub-menu{
	position:absolute;
	left:-9999px;
	top:inherit;
	z-index:1000;
	background:#fff;
	text-align:left;
	margin:0;
	padding:25px 0;
	border-radius:0 0 15px 15px;
	width:280px;
	box-shadow:0 8px 8px rgba(0,0,0,0.1);
}
.sub-menu li{
	list-style-type:none;
	display:block !important;
}
#menu-main-nav .sub-menu li a{
	display: block;
	padding:5px 30px;
	background:none;
	color:#333;
	border-radius:0;
	border-left:none;
	line-height:1.5em;
	font-weight:400;
}
#menu-main-nav .sub-menu li a:hover{
	border-radius:none;
	color:#2689A9;
}
#menu-main-nav-1{
	margin:0;
	padding:50px 0;
}
#menu-main-nav-1 li{
	list-style-type:none;
	padding:10px 25px;
}
#menu-main-nav-1 li a{
	color:#fff;
	font-size:20px;
	border-bottom:1px solid #ccc;
	display:block;
	text-align:left;
}
#menu-main-nav-1 li a:hover{color:#2689A9;}

#desktop-nav-wrap{display:block;}

/*-- mobile nav --*/
#mobile-nav-wrap{
	position:relative;
	display:none;
}
#mobile-nav{
	display:none;
	position:absolute;
	background:#333;
	color:#fff;
	z-index:1000;
	right:0;
	top:90px;
	width:250px;
}
#mobile-nav {width:350px;}
@media (max-width: 640px) { 
	#mobile-nav {width:90vw;}
}
#mobile-nav .sub-menu {
	background:#333;
	border-radius:0;
	color:#fff;
	left:inherit;
	padding:0;
	position:relative;
	width:auto;
}
#mobile-nav .sub-menu a {border-bottom:none;}
#xmobile-nav #menu-main-nav-1 li {padding:5px 0px;}
#mobile-nav #menu-main-nav-1 li li {padding:15px 0 0 25px;}
/*---------------------------Slider-----------------------------*/
#slider{background:#ccc;}

/*---------------------------Sections---------------------------*/

#our-approach{
	background:url('/wp-content/uploads/2022/10/bg-our-approach-1.png') no-repeat center bottom #3F3F3F;
	color:#FFFFFF;
	background-size:cover;
}
#our-approach h2{
	text-align:center;
	display:inline-block;
}
#btn-our-approach{
	display:inline-block;
	text-decoration:none;
	border:2px solid #fff;
	border-radius:20px;
	color:#6ab8d0;
	text-transform:uppercase;
	padding:5px 15px;
	font-weight:500;
	position:relative;
	top:-11px;
	margin-left:25px;
}
#btn-our-approach:hover{background:#fff;color:#0a4052;}
#areas-of-specialty{
	background:url('/wp-content/uploads/2022/09/bg-areas-of-specialty-1.png') no-repeat center top;
	background-size:cover;
}
#areas-of-specialty h2{margin-bottom:10px;}
#areas-of-specialty-right{
	background:url('/wp-content/uploads/2022/10/bg-woman-standing-1.png') no-repeat left;
	height:652px;}
#areas-of-specialty-right-content{position:relative;}
#areas-of-specialty-right-content div{
	border-radius:15px;
	background:rgba(36,132,163,.8);
	padding:25px 25px 25px 270px;
	color:#fff;
	position:absolute;
}
#areas-of-specialty-right-content div:hover{background:rgba(0,64,102,.8);cursor: pointer;}
#aos-backpain-content{margin-top:100px;}
#aos-sciatica-content{margin-top:178px;}
#aos-migraine-content{margin-top:0;}
#aos-neckpain-content{margin-top:30px;}
#aos-backpain-content, #aos-sciatica-content, #aos-neckpain-content, #aos-migraine-content{display:none;}
.btn-aos{
	display:block;
	border-radius:50%;
	background:#45B3D2;
	width:115px;
	height:115px;
	color:#fff;
	margin:20px auto;
	text-align:center;
	vertical-align:middle;
	line-height:95px;
	border:10px solid #45B3D2;
	transition:.5s ease;
}
.btn-aos:hover{background:#004066;color:#fff;transform: scale(1.2);}
.btn-aos-active{display:block;border-radius:50%;width:115px;height:115px;color:#fff !important;text-align:center;margin:20px auto;vertical-align: middle;line-height:95px;border:10px solid #45B3D2;transition:.5s ease;background:#004066;color:#fff;transform: scale(1.2);text-decoration:none !important;}
#aos-btn-wrap{position:relative;}

#leave-a-review{background:#50A2BB;padding:30px 0 10px 0;color:#fff;}
#leave-a-review h2{margin:0;padding:5px 0 0 0;}

.star_rating{}
.star_rating p{line-height:20px;padding:9px 0 0 0;}
.inner-stars{display:inline-block;padding-left:15px;}
.inner-stars a{font-size:55px;text-decoration:none;color:#3585A2;}
.inner-stars a:hover{text-decoration:none;}
.inner-stars ul{padding:0;margin:0;}
.glyphicon-star-hover{color:#6BBFD4;}

.gform_wrapper input[type=submit] {
	padding:5px 15px;
	border:2px solid #0a4052;
	color:#0a4052;
	float:right;
	text-transform:uppercase;
	border-radius:20px;
	font-weight:500;
	margin:15px 0;
	padding:5px 15px;
}
.gform_wrapper input[type=submit]:hover {
	background:#0a4052;
	color:#fff;
}

#contact-us-today{background:url('images/bg-contact-us-today.jpg') no-repeat center #196177;color:#fff;font-size:18px;font-weight:300;background-size:cover;}
#contact-us-today h2{text-align:center;margin-bottom:0;}
#contact-us-today li{width:33.3333%;display:inline-block;}
#contact-us-today #field_1_7{width:100%;}
#contact-us-today #input_1_7{height:39px;}
#contact-us-today input:focus, #contact-us-today textarea:focus{outline:none;}
#contact-us-today input, #contact-us-today textarea{border:none;background:none;border-bottom:2px solid #fff;color:#fff;padding:5px 0;}
#contact-us-today input::placeholder, #contact-us-today textarea::placeholder{color:#fff;}
#contact-us-today input[type=submit] {
	color:#c2dee7;
	border:2px solid #c2dee7;
	color:#fff;
	padding:5px 15px;
}
#contact-us-today input[type=submit]:hover {
	background:#c2dee7;
	color:#0a4052;
}

#about-split-blog img{width:100%;height:auto;border-radius:50%;border:5px solid #ccc;}
#about-split-blog img:hover{border:5px solid #2689A9;}
#about-split-blog h2 a{color:#333;}
#about-split-blog h2 a:hover{color:#2689A9;}
#about-split-blog .vert-border{height:440px;}
.frontpage-blog-item-date, .frontpage-blog-item-title{color:#2689A9;font-size:18px;font-weight:500;}
.frontpage-blog-item-title a{color:#2689A9;}
.frontpage-blog-item-title a:hover{color:#333;;}
.frontpage-blog-item-content{
	margin:20px 0;
	font-size:16px;
	line-height:27px;
	font-weight:300;
}
.frontpage-blog-item-readmore{
	border:1px solid #2689A9;
	color:#2689A9;
	padding:0 17px;
	display:inline-block;
	float:right;
	text-transform:uppercase;
	border-radius:25px;
	font-size:13px;
	font-weight:500;
}
.frontpage-blog-item-readmore:hover{border:1px solid #333;color:#333;}

/* #map-information{padding:0;margin:5px 0;background:url(images/bg-map.jpg) no-repeat center center;height:550px;position:relative;} */
#map-information{
	padding:0;
	margin:5px 0;
	background:url(/wp-content/uploads/2022/07/map-bg.jpg) no-repeat center center;
	height:550px;
	position:relative;
}

#map-information-content{
	width:470px;
	height:550px;
	padding:70px;
	background:rgba(00,118,154,.85);
	position:absolute;
	right:0;
	color:#fff;
}
#map-information-content h2{font-size:23px;margin:20px 0;padding:0;}
#map-information-content a{color:#fff;}
#map-information-content a:hover{color:#333;}
/* #btn-map{height:67px;width:67px;background:url(images/btn-map-target.png) no-repeat center center;transition: .5s ease;display:block;position:absolute;top:135px;left:180px;} */
#btn-map{
	height:67px;
	width:67px;
	background:url('images/btn-map-target.png') no-repeat center center;
	transition:.5s ease;
	display:none;
	position:absolute;
	top:135px;
	left:180px;
}
#btn-map:hover{transform:scale(1.2);}

#footer{padding:30px 0;background:#2B2B2B;color:#fff;}
#menu-footer-nav{margin:50px 0 80px 0;padding:0;text-align:center;}
#menu-footer-nav > :first-child a{border-left:none !important;}
#menu-footer-nav > :last-child a{padding-right:0 !important;}
#menu-footer-nav li{list-style-type: none;display:inline-block;}
#menu-footer-nav li a{font-size:16px;font-weight:500;padding:0 15px;}
#menu-footer-nav li a:hover{color:#53A5BF;}

.contact-left {
	float: left;
	width: 50%;
	font-size: 16px;
	margin-top:20px;
}
.contact-left p {color: #268AA9;}
.contact-right {
	float:right;
	width:40%;
	margin-top:20px;
	margin-left:20px;
	background-color:#e1e1e1;
	padding:20px;
	text-align:center;
}
.contact-right p {font-size: 18px;color: #268aa9;}

/*---------------------------Sidebar----------------------------*/
#midtown-sidebar-wrap{
	background:#268AA9;
	border-radius:15px;
	color:#fff;
}
#midtown-sidebar-wrap img{
	width:80%;
	height:auto;
	border-radius:50%;
	border:10px solid #ccc;
	margin:0 auto;
}
#midtown-sidebar-wrap img:hover{border:10px solid #0E607A;}
#midtown-sidebar-wrap h2{
	font-size:25px;
	margin:25px 0 15px;
	padding:0;
	text-transform:none;
}
.page-id-8 #midtown-sidebar-wrap,
.page-id-326 #midtown-sidebar-wrap,
.page-id-335 #midtown-sidebar-wrap {display:none;}
#btn-sidebar-dr-weber{
	padding:5px 15px;
	background:#c2dee7;
	border:2px solid #c2dee7;
	color:#0a4052;
	float:right;
	text-transform:uppercase;
	border-radius:20px;
	font-weight:500;
	margin:15px 0;
}
#btn-sidebar-dr-weber:hover{
	background:#0A4052;
	border:2px solid #0A4052;
	color:#fff;
}
.btn-sidebar-blue{
	background:#177293;
	color:#fff;
	font-size:25px;
	display:block;
	padding:5px 25px;
	font-weight:300;
	margin:5px 0;
}
#page-body-content a.btn-sidebar-blue{
	color:#fff;
	border-bottom:none;
}
#page-body-content a.btn-sidebar-blue:hover{
	background:#fff;
	color:#177293;
}
a#btn-sidebar-request-an-appointment{
	color:#fff;
	display:block;
	padding:25px;
	background:#177293;
	border-radius:15px;
	font-size:28px;
	font-weight:300;
	margin:15px 0;
}
a#btn-sidebar-request-an-appointment:hover{background:#268AA9;}
.post-navigation h2{
	margin:40px 0 10px 0;
	font-size:30px;
}
#midtown-sidebar-wrap .pain-treatment-form {color: #000;}
body .gform_wrapper .pain-treatment-form ul li.gfield {margin: 0;}
.gform_wrapper .pain-treatment-form input.button {padding: 10px 20px;}

/*--------------------------hamerburger-menu-----------------*/
.c-hamburger {
	display: inline-block;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 82px;
	height: 90px;
	font-size: 0;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	border: none;
	cursor: pointer;
	transition: background 0.3s;
	z-index:2000;
}

.c-hamburger:focus {outline: none;}
.c-hamburger span {
  display: block;
  position: absolute;
  top: 44px;
  left: 18px;
  right: 18px;
  height: 6px;
  background: white;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: #fff;
  content: "";
}

.c-hamburger span::before{top: -12px;}
.c-hamburger span::after {bottom: -12px;}
.c-hamburger--htx{background-color: #E0914B;}
.c-hamburger--htx span{transition: background 0s 0.3s;}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before{transition-property: top, transform;}
.c-hamburger--htx span::after {transition-property: bottom, transform;}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active{background-color: #333;}

.c-hamburger--htx.is-active span{background: none;}

.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}

@media (max-width: 991px) { 
    #desktop-nav-wrap{display:none;}
    #mobile-nav-wrap{position:relative;display:block;}
    #header-logo{text-align:center;}
    #header-blue-btns{
		text-align: center;
		margin: 10px;
	}
    #header-information{float:left;padding-top:25px;width:200px;text-align: left;}
    #header-navigation{float:right;}
    #map-information-content{width:100%;}
    #areas-of-specialty-right-content div{padding-left:25px;}
    #aos-btn-wrap{margin-left:0;}
    #areas-of-specialty-right{background: url(images/bg-woman-standing.png) no-repeat center;}
    .vert-border{display:none;}
    .rev-btn{display:none !important;}

	#header-blue-btns a.topbar-tab {border-radius:10px;margin-bottom:5px;}
}

@media (max-width: 700px) { 
    .inner-stars a{font-size:45px;}
    #footer img{width:100%;height:auto;}
    #footer #footer-address, #footer #footer-phone{margin:20px 0;}
    #menu-footer-nav{margin-bottom:20px;}
    #footer, #leave-a-review, #about-split-blog, #areas-of-specialty, #our-approach{text-align:center;}
    #aos-btn-wrap .fl{float:none;}
    #aos-btn-wrap .fr{float:none;}
    .contact-left, .contact-right {float:none;width: 100%;margin-left: 0;}
}

@media (max-width: 500px) { 
    #page-body-content img{width:100%;height:auto;}
}

/* Tweaks in 2023, 2024 */
#footer a:hover {color:#fff;}

.wp-caption {border:2px solid #268aa9;}
.aligncenter {margin:1rem 0;}
.alignright {
	margin:0 0 1.5rem 1.5rem;
	float:right;
}
.alignleft {
	margin:0 1.5rem 1.5rem 0;
	float:left;
}
figcaption {
	background-color:#268aa9;
	color:#fff;
	padding:4px;
	text-align:center;
}

/* ---- gravity forms ---- */
h3.gsection_title {
	color:#fff;
	background:#53a5bf;
	margin:15px 0 5px 0;
	padding:15px 15px 15px;
}
.gform_wrapper.gravity-theme .gfield.gsection {
	border-bottom:none;
	padding:0;
}
.gform_confirmation_wrapper {
    padding: 1em;
    background: #FFD369;
}

/* YouTube responsive embeds */
.erd-youtube-responsive {
	margin-top:20px;
	margin-bottom:20px;
}

/* --- rater8 reviews widget styling --- */
/* homepage */
#list-reviews {background-color:#e9e9e9;}
#list-reviews h2 {text-align:center;}
/* widget */
#rater8Testimonials {padding-bottom:60px;}
#rater8Testimonials #load-more {
	background-color:#268aa9;
	border-radius:40px;
	color:#fff;
}
#rater8Testimonials #collapseButton {background-color:#fff;}