/*
 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
*/

.no-sidebar .entry-content .alignfull{margin-left:0;margin-right:0;max-width:100%;width:auto}

/* ==========================
   Header Design
========================== */
.inside-top-bar{padding:6px 10px}
.inside-header{padding:4px 10px}
.site-header{position:sticky;top:0;z-index:99}
.logged-in.admin-bar .site-header{top:32px}
.site-header .header-image{transition:.4s}
.site-header.stickyHeader{box-shadow:0 4px 10px 2px #0000000d}
.site-header.stickyHeader .header-image{width:65px}
.nav-float-right #site-navigation #menu-main-menu li a{position:relative}
.nav-float-right #site-navigation #menu-main-menu li a:before{content:'';width:calc(100% - 40px);height:2px;background:var(--web-dark);position:absolute;left:20px;bottom:15px;transform:scale(0);transform-origin:right;transition:transform .35s linear}
.nav-float-right #site-navigation #menu-main-menu li:hover a:before,.nav-float-right #site-navigation #menu-main-menu li.current-menu-item a:before{transform:scale(1);transform-origin:left}
.nav-float-right #site-navigation #menu-main-menu li:hover li a:before, .nav-float-right #site-navigation #menu-main-menu li.current-menu-item li a:before{transform:scale(0);}
.nav-float-right #site-navigation #menu-main-menu li li a{border: 1px solid #fff;}
.main-navigation ul ul{width: 270px;}
.main-navigation ul ul ul{width: 200px;}

/* ==========================
   Character Reveal Animation
========================== */
.char-heading{overflow:hidden}
.char-heading .word{display:inline-block;white-space:nowrap}
.char-heading .char{display:inline-block;opacity:0;transform:translateY(110%) skewY(8deg);transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .5s ease;transition-delay:calc(var(--delay) * 25ms);will-change:transform,opacity}
.char-heading.is-visible .char{opacity:1;transform:translateY(0) skewY(0)}

/* ===============================
   Paragraph Fade + Lift Animation
================================ */
p,.animate-text,ul li,table{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}
p.text-visible,.animate-text.text-visible,ul li.text-visible,table.text-visible,ul#menu-policies-menu li,ul#menu-treatments li{opacity:1;transform:translateY(0)}
ul#menu-policies-menu li a{text-decoration:none}
.inside-site-info{padding:10px 20px}

/* Button CSS */
a.uagb-buttons-repeater.wp-block-button__link, .uagb-infobox-cta-link, button{position:relative;overflow:hidden}
a.uagb-buttons-repeater.wp-block-button__link:before, .uagb-infobox-cta-link:before, button:before {content:'';width:0%;height:120%;position:absolute; left:0;top:0; transition:.3s; background:var(--web-dark)}
a.uagb-buttons-repeater.wp-block-button__link:hover:before, .uagb-infobox-cta-link:hover:before,button:hover:before{width:100%;}
a.uagb-buttons-repeater.wp-block-button__link .uagb-button__link, .uagb-infobox-cta-link .uagb-inline-editing, button .uagb-button__link {position:relative;z-index:1}
a.uagb-buttons-repeater.wp-block-button__link span.uagb-button__icon, .uagb-infobox-cta-link svg{width:30px;height:30px;justify-content:center;background:#fff;border-radius:20px;fill:#000;position:relative;z-index:1}
a.uagb-buttons-repeater.wp-block-button__link span.uagb-button__icon svg, .uagb-infobox-cta-link svg{transition:.3s;fill:var(--web-dark)!important}
a.uagb-buttons-repeater.wp-block-button__link:hover span.uagb-button__icon svg, .uagb-infobox-cta-link:hover svg{transform:rotate(-45deg)}
button.wpcf7-submit{width:100%}
button.wpcf7-submit:before{transition:0.8s}
/* Button CSS End */

/* Image Animation */
.wp-block-uagb-image{position:relative;overflow:hidden}
.wp-block-uagb-image figure:after{content:"";position:absolute;width:200%;height:0;left:50%;top:50%;background-color:#ffffff4d;transform:translate(-50%,-50%) rotate(-45deg);z-index:1}
.wp-block-uagb-image figure:hover:after{height:250%;transition:all 600ms linear;background-color:transparent}
/* Image Animaion end */

ul.wp-block-list {margin-bottom: 10px;margin-left: 0;padding-left: 25px;}
.yoast-breadcrumbs a {color: var(--web-lite);}
.highlight-heading{border-left:4px solid var(--web-dark);background:#fff!important;border-radius:.25rem;font-family: 'Clash Grotesk Variable';}
.trust-bar .uagb-ifb-content .uagb-ifb-right-title-image{justify-content:center}
.trust-bar .uagb-ifb-content .uagb-ifb-title-wrap{width:fit-content;flex-grow:0}
.trust-bar .uagb-ifb-content .uagb-ifb-title{width:fit-content}
.trust-bar .uagb-ifb-content .uagb-ifb-desc{text-align:center}
.uagb-button__wrapper a.wp-block-button__link{display:flex}
.banner-cta-floating{position:absolute;width:fit-content!important;left:50px;top:80px;animation:exportmoveobject 3s infinite linear alternate}
@keyframes exportmoveobject{50%{left:100px}}
.about-img-02{position:absolute!important;right:-10px;bottom:-10px;overflow:visible;width:fit-content !important}
.about-img-02 figure:before{content:'';width:120px;height:120px;background:transparent;position:absolute;bottom:10px;left:-110px;border-radius:40px;border-right:10px solid #fff;border-bottom:10px solid #fff;z-index:0;border-top:10px solid transparent;border-left:10px solid transparent;clip-path:polygon(50% 50%,100% 50%,100% 100%,50% 100%)}
.about-img-02 figure:after{content:'';width:120px;height:120px;background:transparent;position:absolute;right:10px;top:-109px;border-radius:40px;border-right:10px solid #fff;border-bottom:10px solid #fff;z-index:0;border-top:10px solid transparent;border-left:10px solid transparent;clip-path:polygon(50% 50%,100% 50%,100% 100%,50% 100%);transform:none;left:auto}
.about-img-02:hover figure:after{height:120px;}
.about-img-02:before{content:'';position:absolute;right:11px;top:-4px;background:#fff;width:17px;height:18px;border-radius:0;z-index:1}
.about-img-02:after{content:'';position:absolute;right:222px;bottom:14px;background:transparent;width:33px;height:14px;border-radius:0;z-index:1;border-left:12px solid #fff;border-top:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff}
.sub-heading p.uagb-desc-text, .sub-heading .uagb-ifb-title-prefix{padding:3px 10px 3px 25px;background:var(--web-lite);color:#fff;width:fit-content;border-radius:5px;position:relative}
.sub-heading p.uagb-desc-text:before, .sub-heading .uagb-ifb-title-prefix:before{content:'';position:absolute;top:50%;height:5px;width:5px;border-radius:15px;left:10px;background:#fff;transform:translateY(-50%)}
.wp-block-uagb-container p{margin-bottom:0}
.about-feature .uagb-icon-list__wrap{gap:10px}
.servcie-section{height:100%;justify-content:space-between!important}
.servcie-section .uagb-ifb-image-content{background:#e8fbff;padding:8px!important;border-radius:10px;position:relative;overflow:hidden;margin-right:15px}
.servcie-section .uagb-ifb-image-content:before{content:'';width:100%;height:100%;background:var(--web-dark);position:absolute;left:0;top:0;transform:scale(0);transition:.3s;border-radius:10px}
.servcie-section:hover .uagb-ifb-image-content:before{transform:scale(1)}
.servcie-section .uagb-ifb-image-content img{position:relative;z-index:1;padding:0!important}
.servcie-section:hover .uagb-ifb-image-content img{filter:brightness(0) invert(1)}
.servcie-section .uagb-infobox-cta-link{position:absolute;right:0;top:10px;transform:rotate(-45deg);transition:.3s}
.servcie-section:hover .uagb-infobox-cta-link{transform:rotate(-0deg)}
.servcie-section:hover .uagb-infobox-cta-link svg{fill:var(--web-dark)}
.wp-block-uagb-counter--number .wp-block-uagb-counter__number{font-family: 'Clash Grotesk Variable';}
.wp-block-icb-image-compare .icbImageCompare .icb-label{width:fit-content!important;top:15px!important;bottom:auto!important}
.icb-comparison-wrapper{border-radius:20px}
#video-section{width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}
#video-sec-inner{overflow:hidden;display:flex;justify-content:center;align-items:center}
#video-sec-inner .scroll-with-increase{width:100%;transform:scale(0.7);transform-origin:center center;will-change:transform;backface-visibility:hidden}
.scroll-with-increase .uagb-modal-trigger{border:2px solid var(--web-lite);width:fit-content;margin:auto;padding:25px;border-radius:50px}
.cta-box .uagb-ifb-content, .cta-box .uagb-ifb-content *{width:fit-content;}
.services-tabs a.uagb-tabs-list{text-decoration:none;font-family:'Clash Grotesk Variable'}
.process-section{position:relative}
.process-section span.uagb-ifb-title-prefix{position:absolute;top:-10px;margin:0!important;padding:5px 15px;background:var(--web-dark);color:#fff;border-radius:5px;left:calc(50% + 15px)}

/* Form Design */
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}
.form-field{display:flex;flex-direction:column}
.form-field.full{grid-column:1/-1}
.form-field label{font-weight:500;margin-bottom:10px;color:#222;font-family:'Clash Grotesk Variable'}
.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #e8e8e8;border-radius:14px;background:#fff;padding:18px 20px;font-size:15px;transition:.3s}
.form-field input{height:58px}
.form-field textarea{height:150px;resize:vertical}
.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #0f766e14}
.form-field ::placeholder{color:#999}
.checkbox{font-size:15px}
.checkbox .wpcf7-list-item{margin:0}
.checkbox input{width:auto;height:auto;margin-right:10px}
.wpcf7-spinner{margin-top:20px}
/* Form Design End */

.center.sub-heading .uagb-desc-text{margin-left:auto!important;margin-right:auto!important}
.main-navigation .menu-toggle{background:var(--web-dark)!important;color:#fff!important;line-height:50px}
.main-navigation .menu-toggle .screen-reader-text{position:relative!important;color:#fff!important;margin:0 0 0 8px !important;clip-path:none}
.word:empty{display:none}
.about-img img{object-position:bottom}

/* Single Post Design */
.single-post h1{font-size:45px;color:var(--web-dark)}
.single-post h2{font-size:35px}
.single-post .featured-image img{box-shadow: 0 0 10px 4px rgba(0,0,0,0.1)}

@media (min-width:768px){
	.about-feature .uagb-icon-list__wrap{display:grid!important;grid-template-columns:1fr 1fr;gap:15px}
}

@media (max-width:1400px){
	.inside-header,.inside-top-bar{padding-left:20px;padding-right:20px;}
}

@media (max-width: 1300px) {
    .has-inline-mobile-toggle .mobile-menu-control-wrapper {
        display: flex;
        flex-wrap: wrap;
    }
    .has-inline-mobile-toggle #site-navigation {
        flex-basis: 100%
    }
    .main-navigation ul, .gen-sidebar-nav, .main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul, .has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav) {
        display: none
    }
    .main-navigation .menu-toggle, .sidebar-nav-mobile:not(#sticky-placeholder) {
        display: block
    }
    .has-inline-mobile-toggle .inside-header {
        flex-direction: row;
        text-align: left;
    }
	.has-inline-mobile-toggle #site-navigation {
		position: absolute;
		right: -100%;
        top: 110px;
        width: 100%;
        background: #fff !important;
		transition:0.3s;
		margin-top: 0 !important;
	}
	.has-inline-mobile-toggle #site-navigation.toggled{
		right:0
	}
	#site-navigation.main-navigation .inside-navigation{}
}

@media (max-width: 993px){
	.header-widget{ display:none;}
}

@media (max-width:768px){
	.inside-header{padding:10px 20px}
	.site-branding,.hide-mobile{display:none !important;}
	.banner-cta-floating{left:20px}
	@keyframes exportmoveobject {
	50%{left:60px}
	}
	.about-img-02{right:0;bottom:0}
	.about-img-02 figure:before{left:auto;bottom:0;right:139px}
	.about-img-02 figure:after{right:auto}
	.about-img-02:before{right:5px}
	.about-img-02:after{bottom:5px;right:120px}
	.hide-mobile{display:none !important;}
	.mob-order-1{order:-1 !important}
	.appointment-form{padding:30px}
	.form-grid{grid-template-columns:1fr}
	.form-header h2{font-size:34px}
}
.custom-box-class {
    background: var(--web-bg);
    position: absolute !important;
    bottom: 0;
    width: calc(100% - 20px) !important;
    border-radius: 0 0 10px 10px;
    border: 1px solid var(--web-dark);
}
.widget ul li a{
	text-decoration:none;
}
.widget ul li a:hover{
	text-decoration:underline;
}