/*
 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 */
#menu-main-menu ul ul.gb-sub-menu {
width: max-content;
}
.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;
}

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

@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: 95% !Important;
	}
}

@media(min-width: 1200px) and (max-width: 1330px){
	.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: 215px !important;
	}
}




/*Header CSS END*/

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


.ctm-hov a.ctm-link-underline{
	position: relative;	
	color: #C79792 !important;
	font-weight: 600 !important;
}
.ctm-hov a.ctm-link-underline:after{
	content:"";
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: #C79792;
	transition: all 0.3s;
}

.ctm-hov:hover a.ctm-link-underline:after{
	width: 50%;
	height: 1px;
	transition: all 0.3s;
}

.ctm-hov a.ctm-link-underline-blue{
	position: relative;	
	color: #24334A !important;
	font-weight: 600 !important;
}
.ctm-hov a.ctm-link-underline-blue:after{
	content:"";
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: #24334A;
	transition: all 0.3s;
}

.ctm-hov:hover a.ctm-link-underline-blue:after{
	width: 50%;
	height: 1px;
	transition: all 0.3s;
}

.ctm-hov a.ctm-link-underline-green{
	position: relative !important;	
	color: #6C816B !important;
	font-weight: 600 !important;
}
.ctm-hov a.ctm-link-underline-green:after{
	content:"";
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: #6C816B;
	transition: all 0.3s;
}

.ctm-hov:hover a.ctm-link-underline-green:after{
	width: 50%;
	height: 1px;
	transition: all 0.3s;
}

.ctm-post-head a{
	text-decoration: none !important;
}

.text-pretty{
  text-wrap: pretty;
}

.ctm-logo{
	transition: all 0.3s !important;
}

/* Start List style css */
.list-style{
  list-style: none;
  padding: 0;
  margin: 0;
}

.list-style li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
	text-wrap: pretty;
}

.list-style li::before {
  content: "";
  background-color: #A7B7A6;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 0;
  height: 12px;
  width: 12px;
}

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

.list-style ol li:not(:last-child) {
    margin-bottom: 8px;
}



@media (max-width: 1199.5px) {
  .list-style li {
    padding-left: 30px;
    margin-bottom: 15px;
  }
}

@media (max-width: 766.5px) {
  .list-style li::before {
    top: 9px;
    height:11px;
    width:11px;
  }
  
  .list-style li{
    padding-left:20px;
  }
  
}

/* End List style css */


/* Sitemap css */
.rank-math-html-sitemap{
	    width: 90%;
    max-width: 1300px;
    margin: 0 auto;
	padding: 45px 0 50px 0;
}
.rank-math-html-sitemap .rank-math-html-sitemap__list{
  list-style: none;
 	margin: 0 0 0 4px;
  position: relative;
  border-left: 1px solid #3d3d3d;
  padding: 0 ;
}

.rank-math-html-sitemap .rank-math-html-sitemap__item {
  margin: 0;
  padding: 2px 10px 2px 30px;
  position: relative;
  font-size: 18px;
}
.rank-math-html-sitemap .rank-math-html-sitemap__item .rank-math-html-sitemap__link{
	    text-decoration: none;
}

.rank-math-html-sitemap__list li:before {
  content: '';
  display: block;
  width: 20px;
  height: 1px;
  background: #3d3d3d;
  position: absolute;
  left: 0;
  top: 1em;
  transform: translateY(-50%);
}
.rank-math-html-sitemap__list li:after {
  content: '';
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #3d3d3d;
  top: 1em;
  left: 0px;
  transform: translate(-50%, -50%);
  background: #fff;
}
.rankSitemap .rank-math-html-sitemap__title{
  font-size: 40px
}
@media (max-width: 1024px){
  .rank-math-html-sitemap{	    
	padding: 35px 0 40px 0;
}
}
@media (max-width: 767px){
  .rankSitemap .rank-math-html-sitemap__title{
  font-size: 30px
}
	 .rank-math-html-sitemap{	    
	padding: 25px 0 30px 0;
}
}


a.ctm-footer-links{
	text-decoration: none !Important;
}





/* 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(--button-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%;
      border-radius: 20px;
    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 */

/*Menu CSS*/
.ctm-menu a.gb-menu-link:hover {
    color: #c79792;
}

.ctm-menu a.gb-menu-link:hover {
    background: #c79792;
	color: #fff;
}

.ctm-menu a.gb-menu-link:active{
    background: #c79792;
	color: #fff;
}


@media(max-width: 1024px){
.ctm-mobile-off{
	display: none !important;
}
}


.mb-20{
	margin-bottom: 20px;
}
.list-column-4{
    columns: 250px 4;
    column-gap: 30px;
}
.list-column-2{
    columns: 250px 2;
    column-gap: 30px;
}

/* Review CSS */
#review-feed .ti-widget-header .ti-header-content .ti-header-write-btn-container a.ti-header-write-btn:hover {
    background-color: #235159 !important;
    border-color: #235159 !important;
    color: #fff !important;
}
#review-feed .ti-widget-header .ti-header-content .ti-header-write-btn-container .ti-header-write-btn{
	text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.04em;
}

/* Blog and 404 Banner CSS */
.wp-singular.single .grid-container,
.archive .grid-container,
.error404 .grid-container,
.blog .grid-container {
    max-width: 100%;
}

/* Review Page */
.page-id-1251 .site-footer{
        padding-top: 50px;
}
@media (max-width: 1024px){
.page-id-1251 .site-footer{
        padding-top: 40px;
}
	.list-column-2{
    columns: 1;
    column-gap: 30px;
}
}
@media (max-width: 767px){
.page-id-1251 .site-footer{
        padding-top: 30px;
}
	
}

.doc-video video, .doc-video{height: 100%;}

.text-decoration-none{
  text-decoration: none !important;
}

/* Request Appoinment Form */
.request-appoinment-form .gform_button{
    background-color: #c79792;   
    color: #000000;
    font-size: 1em;
    font-weight: 500;
    letter-spacing: 5%;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 20px 30px;
}
.request-appoinment-form .gform_button:hover{
   background-color: #a7b7a6;    
}

.request-appoinment-form .input-text input[type="text"],
.request-appoinment-form .input-text input[type="email"],
.request-appoinment-form .input-text input[type="tel"]{
  background: color(srgb 1 1 1 / 0.13);
    border: 0;
    border-radius: 10px;
    height: 70px;
        padding: 20px 22px !important;
    color: #fff !important;
}
.request-appoinment-form .textarea{
background: color(srgb 1 1 1 / 0.13);
    border: 0;
    border-radius: 10px;
    height: 140px;
     padding: 20px 22px !important;
    color: #fff !important;
    resize: none;
}
.request-appoinment-form input::placeholder,
.request-appoinment-form textarea::placeholder{color: #fff !important;}

 .request-appoinment-form .radio-item .gfield_label{
      color: #fff;
 }
 .request-appoinment-form .radio-item .gfield_radio label{
 color: #fff;
 }
.request-appoinment-form .ginput_container_radio .gfield_radio{
      display: flex;
    flex-wrap: wrap;
    gap: 15px;
 }
.request-appoinment-form .ginput_container_radio .gfield_radio > div{
    width: auto;
}
.request-appoinment-form .ginput_container_radio .gfield_radio > div label{
      white-space: nowrap;
}
.request-appoinment-form .gfield_required .gfield_required_text{
	display: none !important;
}
.request-appoinment-form .gfield_consent_label,
.request-appoinment-form .gfield_consent_label a{
   color: #fff;
 }

 .request-appoinment-form .validation_message{
      padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: #ff0202 !important;
 }
  .request-appoinment-form .gform_validation_errors{
  display: none !important;
 }
.request-appoinment-form.request-appoinment-form-page .input-text input[type="text"],
.request-appoinment-form.request-appoinment-form-page .input-text input[type="email"],
.request-appoinment-form.request-appoinment-form-page .input-text input[type="tel"],
.request-appoinment-form.request-appoinment-form-page .textarea{
  background: #fff;
    border: solid 1px #00000024;
    color: #202020;
}
.request-appoinment-form.request-appoinment-form-page input::placeholder,
.request-appoinment-form.request-appoinment-form-page textarea::placeholder{color: #202020 !important;}


.appointment-form .gform_button{
    background-color: #c79792;   
    color: #000000;
    font-size: 1em;
    font-weight: 500;
    letter-spacing: 5%;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 20px 30px;
}
.appointment-form .input-text input[type="text"],
.appointment-form .input-text input[type="email"],
.appointment-form .input-text input[type="tel"]{  
    border-radius: 10px;
    height: 70px;
        padding: 20px 22px !important;   
}
.appointment-form .textarea{
    border-radius: 10px;
    height: 140px;
     padding: 20px 22px !important;

    resize: none;
}

img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: auto !important;
}
img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain: none !important;
    contain-intrinsic-size: auto !important;
}

img[src$=".svg"][width][height],
img[src*=".svg?"][width][height] {
    width: calc(attr(width type(<number>)) * 1px) !important;
    max-height: none !important;
    object-fit: contain !important;
}

.ctm-link-banner a{
  color: #fff;
  text-decoration: underline;
}
.ctm-link-banner a:hover{
  color:  #bc8c85;
  text-decoration: none;
}