/*
Theme Name: Medisafe
Theme URI: https://www.nayrathemes.com/medisafe-free/
Author: Nayra Themes
Author URI: https://www.nayrathemes.com/
Description: Medisafe health & medical WordPress theme. It has come with predefined Sections, Which helps you to build your own professional medical website. Medisafe based on in-depth research into hospital, clinic, dentist, dermatology, dental, cosmetology, plastic surgery, laser surgery, dietitian, chiropractic, rehab, pharmacy, veterinary or any medical business. View the demo of CardioPress Pro https://www.nayrathemes.com/demo/pro/?theme=medisafe
Version: 0.2
Template: medazin
Tested up to: 6.8
Requires PHP: 5.6
Requires at least:  4.7
License: GPLv3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
slug: medisafe
Text Domain: medisafe
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce, portfolio, editor-style, grid-layout

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

*/

a:not(.wp-block-buttons a ) {
	text-decoration: underline !important;
}

/* Header */

header.header-4 {
    position: absolute;
    top: 0;
    z-index: 7;
    width: 100%;
}

.header.header-4 .top-above-header .right-widget .widget-contact {
    justify-content: start;
}

.header.header-4 .top-above-header .right-widget .widget-contact .contact-area .contact-icon>i {
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: flex;
    font-size: inherit;
    align-items: center;
    justify-content: center;
}	

.header.header-4 .top-above-header .left-widget select#wp-block-categories-2 {
    background-color: transparent;
    color: var(--text-white);
}

.header.header-4 .logo .site-title {
    line-height: normal;
    margin-bottom: 2px;
}

.header.header-4 .logo .site-description {
    line-height: normal;
    margin-bottom: 0;
}

.header.header-4 .mobile-logo,
.header.header-4 .logo {
    position: relative;
    z-index: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

  
.header.header-4 .mobile-logo {
    height: auto;
}

.header.header-4 .mobile-logo::before,
.header.header-4 .mobile-logo::after,
.header.header-4 .logo::before,
.header.header-4 .logo::after {
    content: '';
    position: absolute;
    top: 50%;
    z-index: -1;
    height: 100%;
    transform: translateY(-50%);
    background-color: var(--primary-color);
}

.header.header-4 .logo::before {
    left: -12px;
    width: 80%;
    border-bottom-left-radius: 10px;
}

.header.header-4 .logo::after {
    right: -15px;
    width: 100px;
    clip-path: polygon(50% 0, 100% 75%, 70% 100%, 0 100%, 0 0);
}

.header.header-4 .mobile-logo::before {
    right: 25px;
    width: 300%;
}

.header.header-4 .mobile-logo::after {
    right: -40px;
    width: 100px;
    clip-path: polygon(50% 0, 100% 75%, 70% 100%, 0 100%, 0 0);
}

.feature-section .bg-elements img.element1 {
    width: auto;
}

.header.header-4 .main-menu>.dropdown>.nav-link::after {
    content: '\f067';
    font-size: 12px;
    margin-left: 6px;
}


/* slider */
.item .cover .slider-content h2 {
    font-weight: 700;
}

.item .cover .slider-content h2>.slider-sub-title {
    color: var(--text-white);
    -webkit-text-fill-color: var(--text-white);
}

.footer .wp-calendar-table tbody tr td a {
    color: var(--text-white);
}

@media (min-width: 991px) {
        
    .header.header-4 .is-sticky-menu {
        background: transparent;
        box-shadow: none;
    }

    .header.header-4 .is-sticky-menu>.container {
        background: var(--white);
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        box-shadow: rgb(100 95 95 / 12%) 0px 7px 29px 0px;
    }

    .header.header-4 .navigation-wrapper {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        box-shadow: rgb(100 95 95 / 12%) 0px 7px 29px 0px;
    }

    .header.header-4 + .medazin-content>.main-slider-1 {
        width: 95%;
        margin: 48px auto;
        border-radius: 10px;
    }

    .main-slider-1 + .info-section {
        margin-top: -235px;
	}

	.main-slider-1 + .info-section .toggle-btn {
		display: none;
	}

	.main-slider-1 + .info-section .info-carousel {
		display: block !important;
	}

    body:not(.home):has(.header.header-4 + :not(.breadcrumb-section)) .header.header-4 {
        position: unset;
    }
}

@media (min-width:991px) and (max-width:1199px) {

    .header.header-4 + .medazin-content>.main-slider-1 {
        width: 99%;
    }

    .main-slider-1 + .info-section {
        margin-top: -185px;
    }

    .main-slider-1 + section.info-section .item {
        height: 120px;
        width: 120px;
    }

    .main-slider-1 + section.info-section .item .icon-box {
        font-size: 30px;
    }

    .main-slider-1 + section.info-section .item svg {
        width: 180%;
    }

}

@media (max-width: 991px) {
    header.header-4 {
        position: unset;
        background: var(--white);
    }
}

.work-process-section .main-item:not(:last-child)::after {
    background: url(assets/images/work-process.png) no-repeat; 
}