/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
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
*/

/* Add your custom styles here */

/* Single clinic page */
.single-dental_clinic .navbar {
    background-color: #0e817f;
}
.single-dental_clinic .navbar-brand img {
    height: 60px;
}
.single-dental_clinic .navbar-nav {
    margin-right: 0;
    margin-left: auto;
}
.single-dental_clinic .navbar-brand, .nav-link, .navbar-text {
    color: #0e817f !important;
}
.single-dental_clinic #topbar {
    background: #046a6e;
}
.single-dental_clinic #topbar .social-buttons3 a {
    margin: 0;
    font-size: 16px;
    padding: 0;
    text-align: center;
    color: #fff;
}
.single-dental_clinic .ci .wave-wrapper {
    position: relative;
    height: 100%;
    background: #fff;
    border-radius: .5rem;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
.single-dental_clinic .ci .info-card {
    direction: rtl;
    text-align: right;
    padding: 1.5rem;
    color: #fff;
    height: 100%;
    transition: clip-path 0.6s ease-in-out;
    z-index: 2;
    position: relative;
}
.single-dental_clinic .ci h2 {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
}
.single-dental_clinic .ci a {
    color: #fff;
}
.single-dental_clinic .ci a:hover {
    color: #fff;
}
/* Gradient backgrounds */
.single-dental_clinic .ci .gradient-1 { background: linear-gradient(135deg, #4e54c8, #8f94fb); }
.single-dental_clinic .ci .gradient-2 { background: linear-gradient(135deg, #43cea2, #185a9d); }
.single-dental_clinic .ci .gradient-3 { background: linear-gradient(135deg, #3cadb9, #037882); }
.single-dental_clinic .ci .gradient-4 { background: linear-gradient(-56deg, #0b919c, #2bd7e5); }
/* Unique initial wave shapes */
/*.single-dental_clinic .ci .wave-1     { clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%); }*/
.single-dental_clinic .ci .wave-1     { clip-path: polygon(0 0, 100% 0, 100% 90%, 80% 100%, 20% 90%, 0 100%); }
/*.single-dental_clinic .ci .wave-2     { clip-path: ellipse(100% 90% at 50% 0%); }*/
.single-dental_clinic .ci .wave-2     { clip-path: polygon(0 0, 100% 0, 100% 90%, 80% 100%, 20% 90%, 0 100%); }
.single-dental_clinic .ci .wave-3     { clip-path: polygon(0 0, 100% 0, 100% 90%, 80% 100%, 20% 90%, 0 100%); }
.single-dental_clinic .ci .wave-4     { clip-path: polygon(0 0, 100% 0, 100% 90%, 75% 100%, 25% 90%, 0 100%); }
/* Hover animations - alternate shapes */
.single-dental_clinic .ci .wave-wrapper:hover .wave-1 {
    /*clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 90%, 0 80%);*/
    clip-path: polygon(0 0, 100% 0, 100% 95%, 70% 100%, 30% 95%, 0 100%);
}
.single-dental_clinic .ci .wave-wrapper:hover .wave-2 {
    /*clip-path: ellipse(90% 75% at 50% 0%);*/
    clip-path: polygon(0 0, 100% 0, 100% 85%, 60% 100%, 40% 85%, 0 100%);
}
.single-dental_clinic .ci .wave-wrapper:hover .wave-3 {
    clip-path: polygon(0 0, 100% 0, 100% 95%, 70% 100%, 30% 95%, 0 100%);
}
.single-dental_clinic .ci .wave-wrapper:hover .wave-4 {
    clip-path: polygon(0 0, 100% 0, 100% 85%, 60% 100%, 40% 85%, 0 100%);
}
.single-dental_clinic .ci .info-icon {
    font-size: 1rem;
    margin-left: 0.5rem;
}
.single-dental_clinic .hero {
    background: url('https://den.co.il/wp-content/uploads/2025/06/uri_ifs___M_8ea6a52e-7386-45b7-b1df-369bd3107c82-1-1.jpg') no-repeat center 20%;
    background-size: cover;
    height: 65vh;
    display: flex;
    align-items: center;
    position: relative;
}
.single-dental_clinic .hero .hero-overlay {
    background: rgba(0, 0, 0, 0.5); /* כדי שהטקסט ייראה טוב יותר */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.single-dental_clinic .hero .hero-content {
    position: relative;
    z-index: 2;
    max-width: 600px;
    text-align: right;
}
.single-dental_clinic .hero .hero-content a {
    color: #fff;
    font-weight: 300;
    background-color: #173359;
}
.single-dental_clinic .hero .hero-content .hero-si a {
    background-color: transparent;
}
.single-dental_clinic .carousel .blockquote {
    direction: rtl;
}
.single-dental_clinic .top-bar {
    background-color: #f8f9fa;
    font-size: 0.9rem;
}
.single-dental_clinic .team-img {
    width: 100%;
    border-radius: 10px;
}


.single-dental_clinic #clinic-doctors {
    background: linear-gradient(to right, #e0f7fa, #e1f5fe);
}
.single-dental_clinic .doctor-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 20px;
}
.single-dental_clinic .doctor-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}
.single-dental_clinic .doctor-card img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border: 3px solid #00acc1;
}



.single-dental_clinic .clinic-logo {
    height: 80px;
}
.single-dental_clinic .social-icons i {
    font-size: 1.4rem;
    margin: 0 10px;
    color: #0e817f;
}
.single-dental_clinic .info-box {
    background: #f1f9f9;
    padding: 20px;
    border-radius: 10px;
}
.single-dental_clinic .btn-custom {
    background: #0e817f;
    color: #fff;
    border-radius: 20px;
    padding: 10px 20px;
}
.single-dental_clinic footer {
    background-color: #0e817f;
    color: white;
    padding: 20px 0;
}
#elementor-popup-modal-524 .dialog-close-button {
    border-radius: 100%;
    padding: 4px;
}

@media (max-width: 767px) {
    .single-dental_clinic #topbar .ci .info-card {
        clip-path: none !important;
        border-radius: 1rem;
    }
}