/*
Theme Name: Hello Elementor Child 	2	Theme Name: Hello Elementor Child 
Theme URI: https://github.com/elementor/hello-theme/ 	3	Theme URI: https://wp-themes.com/hello-elementor
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team 	4	Author: ChildThemeWP.com
Author: Elementor Team 	5	Author URI: https://childthemewp.com
Author URI: https://elementor.com/ 	6	Description: My WordPress Hello Elementor child theme.
Template: hello-elementor 	7	Template: hello-elementor 
License: GNU General Public License v3 
License URI: https://www.gnu.org/licenses/gpl-3.0.html 
Version: 1.0.0 	10	Version: 1.0.0 
Text Domain: hello-elementor-child 	11	Text Domain: hello-elementor-child 
License: GNU General Public License v3 or later. 	10	License: GNU General Public License v3 or later.         
License URI: https://www.gnu.org/licenses/gpl-3.0.html 	11	License URI: https://www.gnu.org/licenses/gpl-3.0.html         
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready  
*/

.screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
dl {
    margin: 0 !important;
}

p {
    font-family: "Open Sans", sans-serif;
}

a {
    text-decoration: none !important;
}

.container {
    margin: auto;
}

.flex {
    display: flex;
    align-items: center;
    gap: 20px;
}

p {
    margin: 0 !important;
}

.btn {
    width: 200px;
    height: 60px;
    background: #70D99C;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
}

.btn.violet {
    background: #82326F;
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 0;
}

.elementor-widget:not(:last-child) {
    margin: 0;
}

#header .container {
    max-width: 1643px;
}

#header .phone {
    max-width: 200px;
    margin: 0 0 0 auto;
}

.hfe-nav-menu__layout-horizontal {
    justify-content: flex-end;
}

#banner {
    position: relative;
}

.banner-text {
    position: absolute;
    width: 100%;
    max-width: 1690px;
    margin: auto;
    left: 0;
    right: 0;
    top: 620px;
}

#welcome h3 {
    letter-spacing: 0.2em;
}

#welcome .container {
    max-width: 1400px;
}

#services ul {
    columns: 2;
    padding-left: 35px;
}

#services .container {
    max-width: 1437px;
}

#meet {
    max-width: 1600px;
    margin: -173px auto 0;
    background-color: #fff;
}

#meet h3 {
    padding: 0 0 18px;
    color: #82326F;
    font-size: 31px;
    font-weight: 700;
    margin: 0;
    font-family: "Montserrat", sans-serif;
}

#meet p {
    padding-bottom: 26px;
    letter-spacing: 0.06em;
}

.elementor-8 .elementor-element.elementor-element-295019a {
    max-width: 862px;
}

#testimonials .container {
    max-width: 1400px;
}

#testimonials p {
    max-width: 810px;
}

#patients p {
    max-width: 1367px;
    margin: 0 auto !important;
    font-family: "Montserrat", sans-serif;
}

#gallery .container {
    max-width: 1464px;
}

#contact {
    max-width: 1600px;
    margin: 114px auto 0;
}

#contact .container {
    max-width: 1366px;
}

#contact form {
    max-width: 1366px;
}

input[type=date], 
input[type=email], 
input[type=number], 
input[type=password], 
input[type=search], 
input[type=tel], 
input[type=text], 
input[type=url], 
select, 
textarea {
    width: 100%;
    height: 60px;
    background: #fff;
    border-radius: 0;
    border: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    color: #525252;
    font-family: "Open Sans", sans-serif;
}

::placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    color: #525252;
    font-family: "Open Sans", sans-serif;
}

textarea {
    height: 180px;
}

label {
    width: 100%;
}

form p {
    width: 100%;
    margin-bottom: 10px !important;
}

form .flex {
    gap: 10px;
}

[type=submit] {
    border: 1px solid #fff !important;
    width: 200px !important;
    height: 60px;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #fff !important;
    font-family: "Montserrat", sans-serif !important;
}

#footer h4 {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 120%;
    padding-bottom: 10px;
}

#footer p, #footer a {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;  text-decoration: none;
}
#footer a:hover { color: inherit; text-decoration: none; }

#footer .phone p {
    font-size: 35px;
}

#footer .location p {
    max-width: 329px;
}

#footer .container {
    max-width: 1600px;
}

#info .container {
    max-width: 1500px;
}

#footerlinktochildthemewp {
    display: none;
}

.inner .entry-title {
    margin: auto !important;
    text-align: center;
    color: #82326F;
    font-family: "Montserrat", Sans-serif;
    font-size: 50px;
    font-weight: 700;
}

.inner #content {
    padding: 40px 10px;
    box-sizing: border-box;
    min-height: 500px;
}


.inner #content p {
    color: #525252;
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0.03px;
    padding-bottom: 20px;
}

.cta {
	display: none;
}

@media screen and (max-width: 1440px) {
.banner-text {
        position: absolute;
        width: 100%;
        max-width: 1690px;
        margin: auto;
        left: 0;
        right: 0;
        top: 200px;
}
}
@media screen and (max-width: 1024px) {
    .flex {
        justify-content: center;
    }

    #welcome {
        background-position: right;
    }

    #services {
        background-size: cover !important;
    }

    #meet {
        margin-top: 0;
    }

    #contact {
        margin-top: 40px;
    }

    #footer .flex {
        justify-content: flex-start;
        width: 100%;
        max-width: 450px;
        margin: auto;
    }

    #footer p {
        font-size: 16px;
    }

    #footer .phone p {
        font-size: 20px;
    }

    #info .hfe-nav-menu__layout-horizontal {
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    .flex {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .hfe-nav-menu__layout-horizontal {
        justify-content: center;
    }

    .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
        width: 100%;
        gap: 30px;
    }

    #header .phone {
        margin: auto;
    }

    .elementor-29 .elementor-element.elementor-element-238e295 img {
        height: 400px;
    }

    .banner-text {
        position: relative;
        top: 0;
        padding: 30px 10px !important;
        box-sizing: border-box;
        text-align: center;
    }

    #services ul {
        columns: 1;
    }

    #meet {
        background-size: cover !important;
    }

    form .flex {
        gap: 0;
    }

    #footer h4 {
        text-align: center;
    }

    #footer p {
        text-align: center;
    }

    #info .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .elementor-8 .elementor-element.elementor-element-223eafa img {
        width: 100%;
    }

    @media screen and (max-width: 768px) {
        .cta {
            background: url("images/phonecall.png") no-repeat center center,
            -webkit-radial-gradient(#82326F,#000,#000) !important;
            background: url("images/phonecall.png") no-repeat center center,
            -o-radial-gradient(#82326F,#000,#000) !important;
            background: url("images/phonecall.png") no-repeat center center,
            radial-gradient(#82326F,#000,#000) !important;
            border-bottom-left-radius: 40px !important;
            border: 2px solid #82326F !important;
            border-right: none !important;
            border-top-left-radius: 40px !important;
            bottom: 15% !important;
            display: block !important;
            height: 65px !important;
            position: fixed !important;
            right: 0 !important;
            text-decoration: none !important; 
            text-indent: -9999em !important;
            width: 80px !important;
            z-index: 999 !important;
        }
    }
    
}