/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*Header CSS*/

/* Sub Menu */

.ctm-pay-online{
	position: relative;
}
.ctm-pay-online:after{
	content:"";
	background: #191919;
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 5px;
	left: 0px;
	transition: all 0.3s;
}
.ctm-pay-online:hover:after{
	width: 50%;
	background: var(--secondary-color);
	transition: all 0.3s;
}

#menu-main-menu ul ul.gb-sub-menu {
width: 100%;
}
/* .gb-is-sticky #menu-main-menu ul.gb-sub-menu{
      margin-top: -11px;
} */
.gb-is-sticky #menu-main-menu ul.gb-sub-menu ul{
	margin-top: 0;
}


.ctm-menu .current-menu-parent a.gb-menu-link, .ctm-menu .current-menu-item a.gb-menu-link{
	color: #383838;
	text-decoration: underline;
}

.ctm-menu .current-menu-parent .gb-sub-menu a.gb-menu-link, .ctm-menu .current-menu-item .gb-sub-menu a.gb-menu-link{
	text-decoration: none !important;
}


.ctm-menu .gb-menu--base :where(.menu-item) .gb-menu-link{
	color: #191919 !important;
}

.ctm-menu .gb-sub-menu .current-menu-item>a.gb-menu-link{
    background: var(--primary-color);
	color: #ffffff !important;
	text-decoration: none !important;
}


@media (min-width: 1330px){
	#menu-main-menu ul ul.gb-sub-menu {
		width: 100%;
	}
}

@media(min-width: 1025px) and (max-width: 1199px){
	.ctm-ph-but, .ctm-apnt-but {
		padding-inline: 10px !important;
		font-size: 0.75em !important;
		letter-spacing: 3% !important;
	}
	.ctm-menu a.gb-menu-link {
    	font-size: 0.8em !important;
		padding-inline: 5px !important;
	}
	.ctm-menu-wrapper{
		width: 100% !Important;
	}
}


@media(min-width: 1200px) and (max-width: 1229px){
	.ctm-ph-but, .ctm-apnt-but {
		padding-inline: 10px !important;
		font-size: 0.75em !important;
	}
	.ctm-menu a.gb-menu-link {
    	font-size: 0.78em !important;
	}
  #menu-main-menu ul ul.gb-sub-menu {
   width: 197px;
   right: -197px;
}
	.ctm-logo{
		max-width: 230px !important;
	}
}
@media(min-width: 1230px) and (max-width: 1355px){
	.ctm-ph-but, .ctm-apnt-but {
		padding-inline: 15px !important;
		font-size: 0.8em !important;
	}
	.ctm-menu a.gb-menu-link {
    	font-size: 0.85em !important;
	}
  #menu-main-menu ul ul.gb-sub-menu {
   width: 197px;
   right: -197px;
}
	.ctm-logo{
		max-width: 230px !important;
	}
}

@media(min-width: 1316px) and (max-width: 1420px){
	.ctm-ph-but, .ctm-apnt-but {
		padding-inline: 20px !important;
		font-size: 0.9em !important;
	}
}

@media(min-width: 1024px) and (max-width: 1199px){
	.ctm-logo{
		max-width: 255px !important;
	}
	
	.ctm-header-main{
		    padding: 15px 40px calc(15px + 150px);
	}
	.gb-text-53dea90f{
		display: none !important;
	}
	
	.gb-menu-container-fb7567e9{
		padding: 0px !important;
	}
	
	.ctm-menu a.gb-menu-link {
    	font-size: 0.8em !important;
	}
	
	.ctm-menu .gb-menu-item-mi126f5f{
		margin: 0px 0px !important;
	}
	
	.ctm-top-bar-text{
		font-size: 0.8em !important;
	}
	
	.gb-element-e25e5c78:before{
		right: -80px !important;
	}
	
	
	.gb-sub-menu-sm126f5f .menu-item:is(:hover) {
		background-color: var(--secondary-color) !important;
	}
	
	.gb-sub-menu-sm126f5f{
		margin: 0px !important;
	}
	
	.gb-sub-menu-sm126f5f .sub-menu .menu-item{
		margin: 0px !important;
	}
	
	.ctm-logo-wrapper{
		width: 150px !important;
		height: 150px !important;
	}
	
	.gb-element-71778aa6{
		min-width: 150px !important;
	}
	
	.gb-site-header-fc6fb49b.darkHeader .ctm-logo-wrapper{
		width: 140px !important;
	}
}

@media(min-width: 980px) and (max-width: 1024.99px){
	.gb-media-492467cc, .gb-text-c4788e4b, .gb-text-01c6361d, .gb-text-25cfce39, .gb-element-e55069e2, .ctm-mobile-off, .gb-element-c022f6c7{
		display: none !important;
	}
	.gb-sub-menu-sm126f5f{
		background: #fff !important;
		width: 295px !important;
	}
	.gb-sub-menu-sm126f5f .gb-sub-menu{
		right: 0 !important;
    	left: -100% !important;
	}
	.gb-menu-container-fb7567e9{
		flex-direction: row !important;
	}
	.ctm-menu .gb-menu-item-mi126f5f{
		margin: 0px 10px !important;
	}
}




@media(max-width: 979px){
	.ctm-menu .gb-sub-menu a.gb-menu-link:hover {
		background: var(--secondary-color);
		color: #000;
		text-decoration: none !important;
	}
	
	
	.ctm-menu .gb-sub-menu a.gb-menu-link:hover {
		background: var(--secondary-color);
		color: #000;
		text-decoration: none !important;
	}
	
	.ctm-pay-online:after {
     width: 40%;
     max-width: 108px;
     left: 6px;
}
	.ctm-pay-online:hover:after{
		width: 20%;
	}
}
.home .ctm-menu-container{
	background: #FFFFFF;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 26%);
}
body:not(.home) .ctm-logo-wrapper,
body:not(.home) .ctm-menu-container {
    background-color: #ffffff !important;
}
/*Header CSS END*/

@media(min-width: 900px) and (max-width: 1024px){
	.ctm-appoint-box-home{
		max-width: 250px !important;
	}
}

/*Banner CSS*/
@media(min-width: 1900px){
  .ctm-banner-img img{
    object-fit: cover !important;
    height: 95vh !important;
    object-position: top !important;
  }
}

/* @media(max-width: 766px){
	.ctm-banner-img img {
		object-fit: cover !important;
		height: 100% !important;
	}
	.ctm-banner-img {
		position: absolute !important;
		height: 100% !important;
		width: 100% !important;
	}
} */

.ctm-appoint-head{
	color: #fff !important;
	text-align: center !important;
}
/* Common CSS */
.ctm-pretty {
  text-wrap: pretty;
}

.ctm-link a{
	color: inherit;
	text-decoration: underline;
}

.ctm-link a:hover{
	color:inherit;
	text-decoration: none;
}

.ctm-link,
.ctm-link.list-style,
.ctm-link p,
.list-style p,
.list-style li {
	text-wrap: pretty;
}

.ctm-underline{
	color:inherit;
}

.ctm-underline:hover, a.ctm-underline:hover{
	text-decoration:none;
}

.ctm-link-line {
    position: relative;
}

.list-style ul li:before, ul.list-style li:before{
  content:''; 
  width:6px; 
  height:6px; 
  border-radius:50%; 
  position:absolute; 
  left:0; 
  background: #00202F; 
  top:11px;
}

.list-style ul li:last-child, ul.list-style li:last-child{
	margin-bottom:0;
}

.list-style ul li, ul.list-style li {
    padding-left: 18px;
    position: relative;
    margin-bottom: 8px;
}

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

ul.list-style,
ol.list-style{
    margin-bottom: 18px;
}

.ctm-icon-link:hover svg {
    fill: var(--secondary) !important;
	color: var(--secondary) !important;
}

.ctm-link:not(:has(~ .ctm-link)) {
    margin-bottom: 0;
}

.hover-box .line-link {
	position: relative;
}

.hover-box .line-link::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: var(--accent-color);
  transition: all 0.3s;
  left: 0;
  bottom: 1px;
}

.hover-box:hover .line-link::after {
  width: 30%;
  transition: all 0.3s;
}

.hover-box .hov-scale-img {
  transform: unset;
  transition: all 0.3s;
}

.hover-box:hover .hov-scale-img {
  transform: scale(1.1);
  transition: all 0.3s;
}

@media (max-width: 1024px) {
	ul.list-style,
	ol.list-style{
		margin-bottom: 15px;
	}
}

.list-column-2{
	columns: 200px 2;
    column-gap: 30px;
    column-rule: 2px none rgba(0,0,0,0.1);
}

.list-column-3{
	columns: 200px 3;
    column-gap: 30px;
    column-rule: 2px none rgba(0,0,0,0.1);
}

.icon-link svg{
	transition:.35s;
}

.icon-link:hover svg{
	transform:translatex(5px);
	transition:.35s;
}

.hover-box:hover .icon-link svg{
	transform:translatex(5px);
	transition:.35s;
}

.error404 .grid-container{
	max-width: 100%;
}

.location-name{
	display:block;
}
.timeline-number-box{
	position:relative;
	padding-top:15px;
	padding-bottom:8px;
}
.timeline-number-box::after {
    border-bottom-color: rgba(0,0,0,0);
    bottom: -2px;
    content: "";
    height: 0px;
    left: 50%;
    position: absolute;
    transform: translate3d(-50%,0px,0px);
    width: 0px;
    z-index: 2;
    border-top: 8px solid var(--dark-border-color);
    border-right: 4px solid rgba(0,0,0,0);
    border-left: 4px solid rgba(0,0,0,0);	
}

.timeline-number-box::before {
    border-top-color: rgba(0,0,0,0);
    border-top-style: solid;
    content: "";
    height: 0px;
    left: 50%;
    position: absolute;
    top: -4px;
    transform: translate3d(-50%,0px,0px);
    width: 0px;
    z-index: 2;
    border-right: 4px solid rgba(0,0,0,0);
    border-bottom: 8px solid var(--dark-border-color);
    border-left: 4px solid rgba(0,0,0,0);
}

.timeline-content .timeline-item:nth-child(2) .timeline-number-box::before {
    display: none !important;
}

.timeline-content .timeline-item:last-child .timeline-number-box::after {
    display: none !important;
}
.smile-gallery-box{
	position:relative;
}
.smile-gallery-box::before, .smile-gallery-box::after {
    position: absolute;
    padding: 6px 16px;
    font-size: 16px;
	font-weight:700;
    line-height: 1;
    text-transform: uppercase;
    background: white;
    border: 1px solid #3E4481;
    top: -16px;
    border-radius: 100px;
}
.smile-gallery-box::before{
	content:"Before";
	left:30px;
}
.smile-gallery-box::after{
	content:"After";
	right:30px;
}
:is(h1, h2, h3, h4) sub,
:is(h1, h2, h3, h4) sup {
    font-size: 50%;
}
:where(.error404, .page-id-243150, .page-id-243141 ) .review-bg {
    background: #F8F4E8!important;
}
/* Homepage usp Marquee for mobile--- */
@media (max-width: 1360px) {

    .marquee-track {
        justify-content: flex-start !important;
        gap: 0 !important;
        animation: marqueeMove 15s linear infinite;
    }

    .marquee-track > * {
        flex: 0 0 auto;
        white-space: nowrap;
        margin-right: 50px;
    }

    @keyframes marqueeMove {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-50%);
        }
    }
}
@media (max-width: 500px) {
	  .marquee-track {
        animation: marqueeMove 20s linear infinite;
    }
	    .marquee-track > * {
        margin-right: 30px;
    }
}
/* Homepage usp Marquee for mobile--- */
/* Start Blog Loop css */
.theme_blog_posts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 64px 24px;
}
.blog_title {
  margin: 0;
  width: 100%;
  padding-top: 20px;
}
.blog_title h4 {
  margin: 0;
  font-weight: normal;
  line-height: 1.1;
}
.blog_title h4 a {
  color: var(--heading-color);
  font-size: 30px;
  line-height: 1.1;
  font-weight: 400;
	text-decoration: none;
}

.blog_title h4 a:hover,
.blog_single:hover .blog_title h4 a {
  color: var(--btn-primary);
}

.blog_single .blog_date {
  margin: 10px 0 0 0;
  font-size: 16px;
}

.blog_author {
  letter-spacing: 0.08em;
  padding-top: 15px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--body-color);
}

.blog_thumb a {
  display: block;
  position: relative;
  padding-bottom: 102%;
    overflow: hidden;
}

.blog_thumb a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 978px) {
  .blog_title {
    max-width: 100%;
  }

  .blog_thumb a {
    padding-bottom: 65%;
  }
}

@media (min-width: 767px) and (max-width: 991px) {
  .blog_title h4 a {
    font-size: 28px;
  }
  .theme_blog_posts {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 34px 24px;
  }
}

@media (max-width: 766px) {
  .blog_title {
    padding-top: 12px;
  }
  .blog_title h4 a {
    padding-top: 12px;
    font-size: 28px;
  }
  .theme_blog_posts {
    grid-template-columns: 1fr;
    grid-gap: 34px 24px;
  }
}

.blog_single .blog_thumb {
  overflow: hidden;
}
.blog_single .blog_thumb img {
  transform: scale(1);
  transition: 0.2s;
}
.blog_single:hover .blog_thumb img {
  transform: scale(1.1);
  transition: 0.2s;
}

/* End Blog Loop css */

.blog .grid-container, .wp-singular .grid-container, .archive .grid-container{
	width:100%;
    max-width: none;
}

.blog-content .dynamic-entry-content{
  font-family: inherit !important;
  font-size: 1em;
}

.blog-content p{
	font-size: 1em;
  color:var(--body-color);
  margin:1em 0;
}

.blog-content .dynamic-entry-content>p:first-of-type:first-letter{
  float:left;
  font-family: inherit !important;
  font-size:65px;
  color: var(--body-color);
  line-height:0.8;
  padding-top:0px;
  padding-right:8px;
}
.blog-content .dynamic-entry-content :is(h1, h2, h3, h4, h5, h6){
 	color: var(--heading-color);
  font-weight: 400;
}
.blog-content .dynamic-entry-content :is(h1, h2, h3, h4, h5, h6) strong{
  font-weight: 500;
}
.blog-content .dynamic-entry-content h2{
  font-size: 45px;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.blog-content .dynamic-entry-content h3{
  font-size: 38px;
  margin-top: 0em;
  margin-bottom: 0em;
}
.blog-content .dynamic-entry-content h4{
  font-size: 32px;
  margin-top: 1em;
  margin-bottom: 1em;
}

.blog-content a{
  color:inherit;
  text-decoration: underline;
}

.blog-content a:hover{
  color: var(--btn-primary);
  text-decoration: none;
}

.post-excerpt{
	overflow: hidden; 
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 3;
}

@media (max-width:1200px){
  .blog-content .dynamic-entry-content h2{
    font-size: 45px;
  }
  .blog-content .dynamic-entry-content h3{
    font-size: 35px;
  }
  .blog-content .dynamic-entry-content h4{
    font-size: 30px;
  }
}
@media (max-width:978px){
  .blog-content .dynamic-entry-content h2{
    font-size: 40px;
  }
  .blog-content .dynamic-entry-content h3{
    font-size: 32px;
  }
  .blog-content .dynamic-entry-content h4{
    font-size: 26px;
  }
  .blog-content .dynamic-entry-content {
    font-size: 1em;
	}
}
@media (max-width:767px){
  .blog-content .dynamic-entry-content h2{
    font-size: 32px;
  }
  .blog-content .dynamic-entry-content h3{
    font-size: 24px;
  }
  .blog-content .dynamic-entry-content h4{
    font-size: 22px;
  }
}









.rank-math-html-sitemap {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.rank-math-html-sitemap__section--page{
	order: -1;
}
@media (max-width: 991px) {
    .rank-math-html-sitemap {
        grid-template-columns: 1fr;
    }
}