/*
Theme Name: Clinic Pro
Theme URI: http://underscores.me/
Author: Metrix Australia
Author URI: http://underscores.me/
Description: This is a WordPress Clinic Theme using TailwindCSS.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: clinic-pro
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Clinic Pro is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* @import "tailwindcss"; */


/* header section css start here */
.menu-item:has(.sub-menu) {
    &:after {
        content: '';
        box-sizing: border-box;
        height: 8px;
        width: 8px;
        border-style: solid;
        border-width: 0px 1px 1px 0px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        right: 0;
        pointer-events: none;
        z-index: 1;
        top: 7px;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;

        @media (min-width: 1024px) {
            top: 0;
            bottom: 0;
            margin: auto;
        }
    }

    @media (min-width: 1024px) {
        &:hover:after {
            -webkit-transform: rotate(225deg);
            -moz-transform: rotate(225deg);
            transform: rotate(225deg);
            top: 7px;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
        }
    }

    &.active:after {
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        transform: rotate(225deg);
        top: 10px;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    &.active .sub-menu {
        display: block;
    }
}

.menu-item .sub-menu {
    z-index: 2;

    @media (max-width: 991px) {
        /* margin-left: -20px; */
        /* margin-right: -20px; */
        width: auto;
    }

    @media (min-width: 992px) {
        display: none;
    }
    
}
.menu-item .sub-menu li{
    @media (max-width: 1023px) {
        background-color: transparent;
    }
}
.menu-item .sub-menu li a{
    @media (max-width: 1023px) {
        color: #fff;
        padding-left: 40px;
        opacity: 0.9;
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 1025px) {
    .menu-item a {
        font-size: 14px;
    }

    .btn {
        font-size: 14px;
    }
}

/* 
#mobileMenu ul .menu-item.active .sub-menu {
    display: block;
    animation: fadeIn 0.3s ease-in;
}

#mobileMenu.hidden {
    animation: fadeIn 0.3s ease;
} */

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* header section css end here */

/* Footer section css start here */
.newslatter_box .wpcf7-form-control-wrap {
    max-width: calc(100% - 142px);
    flex: 0 0 calc(100% - 142px);
    padding-right: 16px;

    @media (max-width:767px) {
        max-width: calc(100% - 100px);
        flex: 0 0 calc(100% - 100px);
    }
}

.newslatter_box input[type="submit"] {
    max-width: 142px;
    flex: 0 0 142px;

    @media (max-width:767px) {
        max-width: 100px;
        flex: 0 0 100px;
    }
}

/* Footer section css end here */

/* banner section css start here */
.banner_section,
.inner_banner_section {

    &::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
}

.testimonials_section .ti-widget.ti-goog .ti-review-item>.ti-inner,
.ti-widget.ti-goog .ti-load-more-reviews-container .ti-load-more-reviews-button {
    background-color: #EEEEEE !important;
    border-radius: 4px !important;
}

/* banner section css end here */
.icon_column_box_section .icon_box {
    border-color: rgba(18, 18, 18, 0.05);
    background-color: #f3f3f3;
    transition: all 0.3s ease-in-out;

    &:hover {
        .icon_column_box_content {
            .icon-box {
                img {
                    filter: invert(1);
                    transition: all 0.3s ease-in-out;
                }
            }
        }
    }
}

.acc-icon {
    font-size: 0;
    position: relative;

    &::before,
    &::after {
        content: "";
        position: absolute;
        right: 11px;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 1.5px;
        height: 10px;
        transition: all 0.2s;
        transform: rotate(-45deg);

    }

    &::after {
        transform: rotate(45deg);
        right: 5px;

    }
}

.accordion-item {
    .accordion-item-content.active {
        .acc-icon {
            &::after {
                transform: rotate(-45deg) !important;
            }

            &::before {
                transform: rotate(45deg) !important;
            }
        }
    }
}

.list-circle {
    li {
        &::before {
            content: '';
            position: absolute;
            left: 0;
            top: 5px;
            background-image: url('assets/images/Checkbox-Radio.svg');
            background-size: 100% 100%;
            background-repeat: no-repeat;
            background-position: center;
            width: 24px;
            height: 24px;

            @media (max-width: 767px) {
                width: 20px;
                top: 5px;
                height: 20px;
            }
        }
    }
}

@media (min-width: 1025px) {
    .bg-pattern:after {
        background-image: url('assets/images/bg-pattern.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
}

.wpcf7-not-valid-tip {
    font-size: 14px;
    margin-top: 5px;
}

.blog_post_single_section {

    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 12px;
        line-height: 1.2;
    }

    .wp-block-button {
        margin-bottom: 24px;

        @media (max-width: 767px) {
            margin-bottom: 18px;
        }
    }

    .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
        justify-content: center;
    }

    h2 {
        margin-bottom: 16px;
    }

    p,
    blockquote,
    figure,
    table {
        margin-bottom: 24px;

        @media (max-width: 767px) {
            margin-bottom: 18px;
        }
    }

    pre {
        margin-bottom: 24px;

        @media (max-width: 767px) {
            margin-bottom: 18px;
        }
    }

    ul {
        list-style: disc;
        padding-left: 20px;

    }

    .wp-block-cover:has(.wp-block-cover__image-background) {
        margin-bottom: 24px;

        @media (max-width: 767px) {
            margin-bottom: 18px;
        }
    }

    ol {
        list-style: auto;
        padding-left: 20px;
    }

    ul,
    ol {
        margin-bottom: 24px;

        @media (max-width: 767px) {
            margin-bottom: 18px;
            padding-left: 40px;
        }

        ul,
        ol {
            padding-left: 20px;
        }

        li {
            margin-bottom: 6px;
        }

        ul,
        ol {
            list-style: circle;
            margin-top: 12px;

            ul,
            ol {
                list-style: square;
                margin-top: 12px;
            }
        }
    }

    figure.alignwide {
        margin: 64px 0;

        @media (max-width: 767px) {
            margin: 36px 0;
        }

        img {
            border-radius: 16px;
            display: block;
            max-width: 100%;
            height: auto;
        }
    }
}

/* .media-content-details {
    @media (min-width: 992px) {
        margin-top: -4px;
    }
} */

@media (min-width: 1500px) {
    .split_content_section.faq_section .col-left:not(:has(.heading_wrapper))+.col-right .media-content-details {
        margin-top: -50px;
    }
}

.split_content_section.faq_section .col-left .heading_wrapper {
    @media (min-width: 992px) {
        margin-top: -4px;
    }
}

.split_content_section {
    &.has-background {
        .container {
            &:after {
                @media (min-width: 1025px) {
                    background-image: url('assets/images/bg-pattern.webp');
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                }
            }
        }
    }
}

.icon_column_box_section .icon_boxes:hover {
    .btn_wrapper {
        .btn {
            background-color: #ffffff;
            color: #000000;
        }
    }
}

.heading_wrapper h2 {
    margin-bottom: 0;
    line-height: 1 !important;
}


#lightbox-prev,
#lightbox-next,
#lightbox-thumbnails button,
#lightbox-close {
    cursor: pointer;
}


@keyframes pulse-ring {
    0% {
        transform: scale(1);
    }

    20%,
    40%,
    60%,
    80% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes pulse-ring-2 {
    0% {
        transform: scale(1);
    }

    20% {
        transform: scale(1.2);
    }

    40%,
    60%,
    80% {
        transform: scale(1.4);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes pulse-ring-3 {
    0% {
        transform: scale(1);
    }

    20% {
        transform: scale(1.2);
    }

    40% {
        transform: scale(1.4);
    }

    60%,
    80% {
        transform: scale(1.6);
    }

    100% {
        transform: scale(1);
    }
}


.animate-shadow-ripple-1 {
    animation: pulse-ring 3s ease-in-out infinite;
}

.animate-shadow-ripple-2 {
    animation: pulse-ring-2 3s ease-in-out infinite;
}

.animate-shadow-ripple-3 {
    animation: pulse-ring-3 3s ease-in-out infinite;
}

h1,
.title-72 {
    font-family: var(--wp--preset--font-family--mindstay);
    font-weight: normal;
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    opacity: 1;
    transition: all 200ms ease-out;
    background-color: #ffffff;
    outline-style: solid;
    outline-width: 2px;
    outline-color: #F4F4F4;
    border-radius: 15px;

    &:after {
        transition: all 200ms ease-out;
        content: "";
        display: block;
        position: absolute;
        border-style: solid;
        border-width: 0;
        font-size: 20px;
    }
}

.serviceSwiper {
    padding: 0 25px !important;
    padding-bottom: 30px !important;
}

.swiper-pagination.swiper-pagination-bullets {
    bottom: 0px !important;
    z-index: 9 !important;

    .swiper-pagination-bullet {
        cursor: pointer;
        z-index: 2;
    }
}