/*ICONS */

.service-item .icon-box img{	
    max-width: 46px;
}
.benefit-counter-item .icon-box img,
.why-choose-item-header .icon-box img{	
    max-width: 36px;
}






.hero{
	background-image: url('../images/custom/hero-bg.png');
}
.hero.hero-bg-image{
	background: url('../images/custom/hero-bg.jpg') no-repeat;
}
.hero-content .hero-btn .btn-default{
text-transform:none;
}






.testimonial-content {
  border-bottom: 1px solid var(--accent-color);
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.testimonial-content p{
	color: var(--accent-color);	
	margin: 0;
	font-size: 20px;
}
.author-content h3{
	font-size: 20px;
	text-transform: capitalize;
	color: var(--accent-color);
	margin-bottom: 5px;
}
.author-content p{
	color: var(--accent-color);
	margin-bottom: 0;
}

.testimonial-quote svg path {
  fill: var(--accent-color);
}



/*TEAM ON HOMEPAGE*/
.our-team {
  padding: 100px 0 0px;
}
.team-book-appointment{
padding:2rem 0 2rem 0;
}
.team-member p{
    display:flex;
    align-items: center;
    min-height:60px;
    justify-content:center;
    font-size: 16px;
}
.team-book-appointment .btn-default{
font-size: 15px;
padding: 18px 48px 18px 16px;
}

.team-book-appointment .btn-default:before {
  right: -10px;
}



/*PAGE HEADERS*/

.page-header {
  position: relative;
  background-color: var(--accent-secondary-color);
  background-image: none!important
 /* background: url('../images/page-header-bg.png') no-repeat;*/
}




/*SERVICE PAGES*/


.service-entry h2{
	margin-bottom: 2rem;
}

.service-entry h3{
	margin-bottom: 1rem;
	margin-top:2rem;
}
.service-entry p a,
.service-entry a{
color: var(--accent-color);
}

.service-entry h4{
	margin-bottom: 1rem;
	margin-top:2rem;
color: var(--accent-color);
}

@media (min-width: 1200px) {
  .service-entry h4 {
    font-size: 1.2rem;
  }
}

.service-entry ul{
	display: flex;
	flex-wrap: nowrap;
	flex-direction:column;
  padding-bottom:20px;
}
.service-entry ul li{
	width:100%
}

.service-entry img {
  width: 100%;
  aspect-ratio: 1 / 0.598;
  object-fit: cover;
  border-radius: 20px;
}



/* Reverse columns (sidebar below content) on screens up to 980px */
@media (max-width: 980px) {
  .page-service-single .container .row {
    display: flex;
    flex-direction: column-reverse;
  }
}




/*TEAM MEBER*/

.team-member-about-box {
  align-items: flex-start;
}
.team-member-image img{
	max-width:unset;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.team-member-image{
	padding: 2rem;
}

.member-info-list ul{
	padding-top:2rem;
}
.member-social-list{
	margin-top: 0px;
  padding-top: 20px;
}
.member-social-list {
  justify-content: center;
}
.member-info-list a{
	color: var(--accent-color);

}
.member-social-list ul li a {
  background: var(--accent-color);
  color: var(--secondary-color);
}
.member-social-list ul li a:hover {
  background: var(--primary-color);
  color: var(--secondary-color);
}

.team-member-content ul.member-bullets{
  margin: 1rem 0 1rem 0;
  padding-left: 1.25rem; /* space for marker */
  list-style: none;      /* we’ll draw our own bullets */
}

.team-member-content ul.member-bullets li{
  position: relative;
  margin: 0 0 0.5rem 0;
  padding-left: 1.25rem; /* space between bullet + text */
}

.team-member-content ul.member-bullets li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;            /* aligns bullet with first line */
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: var(--accent-color);
  transform: translateY(-50%);
}

.team-member-content ul.member-bullets li:last-child{
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .member-info-list ul li span {
    width: 76%;
  }
}


/* Team single: Experience + Personal side-by-side */
.page-team-detail {
  display: flex;
  flex-wrap: wrap;
   gap: 40px;  
}



/* Make the two info blocks sit 50/50 */
.page-team-detail .col-experience,
.page-team-detail .col-personal {
  width: calc(50% - 20px); /* half of the 30px gap */
}

/* Stack on smaller screens */
@media (max-width: 980px) {
  .page-team-detail .col-experience,
  .page-team-detail .col-personal {
    width: 100%;
  }
}


.book-appointment {
  padding: 100px 0px 100px 0px;
}




/* chiropractic page */

.chiropractic-content p{
margin-bottom: 2rem;
}
.our-approach {
  background-color: var(--bg-color	);
  padding: 50px 0 50px 0px;
}
@media only screen and (max-width: 991px) {
	.our-approach {
	padding: 30px 0 30px 0px;
	}
}


@media only screen and (max-width: 991px) {
  .chiropractic-content .approach-content{
    margin-top: 3rem;
  }
}


.appointment-timing-box {
  left: unset;
  right: 30px;
}




/*CONTATC PAGE*/

.contact-info-item {
  width: 100%;
  border-bottom: 1px solid var(--dark-divider-color);
  border-right: none;
  padding: 20px 30px 20px 0;
}
.contact-info-item:nth-of-type(2n+2) {
  padding: 20px 0 20px 0px;
  border-bottom: 1px solid var(--dark-divider-color);
  border-right: none;
}
.contact-info-item {
    margin-bottom: 0px;
}

.contact-item-content p a:hover,
.footer-contact-item-content p a:hover{
  text-decoration:underline;
  color: var(--bg-color);
}

@media only screen and (min-width: 991px) {
.contact-info-item {
  padding: 10px 30px 30px 0;
}
.contact-info-item:nth-of-type(2n+2) {
  padding: 10px 0 30px 0px;
}
.contact-info-item {
    margin-bottom:20px;
}
}



/*FOOTER*/

.footer-contact-item{
  align-items:flex-start;
}

.footer-contact-item-content ul {
  margin: 0.75rem 0 0;
  padding: 0;
  list-style: none;
}

.footer-contact-item-content ul li {
  padding: 0.35rem 0;
  line-height: 1.4;
  color: var(--bg-color);
}

.footer-contact-item-content ul li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.12); /* tweak colour to match footer */
}