/*
Theme Name: Flex Medical
Author: flextheme
Author URI: https://www.flextheme.net/
Theme URI: https://www.flextheme.net/products/flex-medical
Description: Flex Medical is a professional and user-friendly free theme ideal for medical websites, hospitals, clinics, healthcare centers, nursing homes, medical shops, dentists, doctors, surgeons, physiotherapists, pediatricians, gynecologists, cardiologists, and other health-related institutions. Designed to create trust and highlight your medical services, the theme includes a prominent banner area, a team section to showcase healthcare professionals, and a latest blogs section for sharing health tips or updates. It offers easy customization with built-in options, allowing you to control layouts, colors, and styles without coding. The theme ensures a responsive design for optimal performance across all devices and screen sizes. With one-click demo import, setting up your hospital, clinic, or doctor website is quick and simple. It’s fully compatible with plugins like Contact Form 7 and Appointment Booking, making it easy to manage online appointments, patient queries, and medical consultations. Clean typography, intuitive navigation, and fast-loading speed enhance the patient’s browsing experience. Flex Medical is optimized for search engines and designed with accessibility in mind. Whether you’re building a healthcare website, private practice, dental clinic site, or pharmacy store, this free theme delivers all essential features with flexibility and ease. Perfect for those who want a lightweight yet powerful medical theme for doctors, hospitals, and healthcare professionals, Flex Medical helps you get online with professional appeal and essential functionality at no extra cost. https://demo.flextheme.net/flex-medical-pro/
Version: 1.0.3
Tested up to: 6.8
Requires PHP: 5.6
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Template: flex-multi-business
Text Domain: flex-medical
Tags: blog, education, portfolio, custom-background, custom-logo, custom-menu, featured-images, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-header, flexible-header, footer-widgets, full-width-template, editor-style , theme-options, threaded-comments

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

:root {
    --primary-theme-color: #0779AA !important;
}
body{
	font-family: "Jost", sans-serif;
}
.header-two,.read-more a,.widget_block .wp-block-search .wp-block-search__button, .page-content .search-form .search-submit, .widget_search .search-form .search-submit,#c-scroll:hover,.footer-one,.pagination .page-numbers:hover, .pagination .current{
	background: var(--primary-theme-color);
}

.wp-block-calendar .wp-calendar-table tbody tr td#today, .widget_calendar .calendar_wrap .wp-calendar-table tbody tr td#today, .search-form .search-submit,.widget_block .wp-block-tag-cloud a:hover, .widget_tag_cloud .tagcloud a:hover{
	background-color:  var(--primary-theme-color) !important;
}

.widget_block .wp-block-search .wp-block-search__button,.main-navigation .menu .children .page_item > a::before, .main-navigation .menu .dropdown-menu .menu-item > a::before,.comments-area .form-submit .submit{
	background:  var(--primary-theme-color) !important;
}

.blog-2 .post-meta {
	background: hsl(221.13deg 100% 50% / 27%) 0% 0%;
}

.read-more a{
	outline-color:  var(--primary-theme-color);
}

.pagination .page-numbers, .pagination .current{
	border-color:  var(--primary-theme-color);
}

.comments-area .comment-form-comment textarea:focus, .comments-area .comment-form-comment textarea:hover,.widget_block .wp-block-tag-cloud a:hover, .widget_tag_cloud .tagcloud a:hover{
	border-color:  var(--primary-theme-color) !important;
}

.read-more a:hover,a:hover, a:active,#primary-menu .current-menu-item a,h5 a:hover, h6 a:hover,.post-meta li a:hover,.post-tags a:hover{
	color:  var(--primary-theme-color);
}

#primary-menu .menu-item:hover .nav-link,.main-navigation .menu .children .page_item:hover>a, .main-navigation .menu .dropdown-menu .menu-item:hover>a{
	color:  var(--primary-theme-color) !important;
}

.main-navbar{
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}

.ac-btn:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce input[type=submit].button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
    background-color:  var(--primary-theme-color) !important;
    color: #ffffff;
}
#page #primary-menu a.nav-link,
#page #primary-menu li:hover a.nav-link ,
#page #primary-menu li{
	color: #fff !important;
}
.single-post .comment-list{
	margin-left: 0px;
}
.footer-copyright a:hover{
	color: #000;
}

@media (min-width: 1700px) {
    .page .container {
        max-width: 1360px !important;
    }
}
@media screen and (max-width: 991px){
    #page #primary-menu a.nav-link, #page #primary-menu li:hover a.nav-link, #page #primary-menu li {
        color: #000 !important;
    }
}
.page-header h1,
.site-main .blog-detail h4,
#comments .comments-title,
.post-content a,
.wp-block-latest-comments__comment-link{
    word-break: break-word;
}
/* Flex free Css */
.home .wpr-member-image img{
	aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 50%;
    width: 100% !important;
    height: auto !important;
}
.banner-image img{
	height: 550px;
	width: auto;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}
.about-us-image img{
	height: 577px;
    width: auto;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}
.flex-med-icon  .elementor-icon-list-icon{
	width: 38px;
    height: 36px;
    background: #000;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 10px;
}
.box-image .single-page-img:after,
.box-image .single-page-img{
    height: 500px !important;
}
.wpr-member-image img{
    height: 318px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.video-content .ekit-video-popup:hover i{
	transform: scale(0.93);
    transition-duration: 0.3s;
}
.flex-med-team:hover .wpr-member-content,
.flex-med-single-post-item:hover .flex-med-post-content{
    background: var(--primary-theme-color);
}
.flex-med-team:hover .wpr-member-content h3,
.flex-med-team:hover .wpr-member-content div,
.flex-med-single-post-item:hover .flex-med-post-content h2,
.flex-med-single-post-item:hover .flex-med-post-content div,
.flex-med-single-post-item:hover .flex-med-post-content a,
.flex-med-single-post-item:hover .flex-med-post-content span{
    color: #fff !important;
}
.flex-med-single-post-item:hover .flex-med-post-content svg{
    fill: #fff !important;
}
.flex-med-banner-video i.icon.icon-play-button {
    position: static !important;
}
.ekit-wid-con .ekit-video-popup.ekit_icon_button{
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-med-about-section > .e-con-inner{
    padding-top: 10px !important;
}
.flex-med-subtitle-white span.elementor-icon-list-text {
    background-color: #fff;
    padding: 6px 20px 6px 20px !important;
    clip-path: polygon(0.327% 21.376%, 0.327% 21.376%, 0.18% 18.262%, 0.176% 15.178%, 0.306% 12.194%, 0.558% 9.38%, 0.922% 6.806%, 1.387% 4.543%, 1.943% 2.661%, 2.58% 1.229%, 3.285% 0.319%, 4.05% 0%, 93.889% 0%, 93.889% 0%, 94.88% 0.327%, 95.82% 1.275%, 96.697% 2.79%, 97.498% 4.824%, 98.21% 7.322%, 98.821% 10.235%, 99.318% 13.511%, 99.688% 17.098%, 99.92% 20.945%, 100% 25%, 100% 25%, 99.76% 37.165%, 99.065% 48.706%, 97.954% 59.467%, 96.463% 69.294%, 94.63% 78.033%, 92.494% 85.529%, 90.092% 91.629%, 87.461% 96.176%, 84.64% 99.018%, 81.667% 100%, 4.05% 100%, 4.05% 100%, 3.285% 99.681%, 2.58% 98.771%, 1.943% 97.339%, 1.387% 95.457%, 0.922% 93.194%, 0.558% 90.62%, 0.306% 87.806%, 0.176% 84.822%, 0.18% 81.738%, 0.327% 78.624%, 0.327% 78.624%, 0.524% 75.793%, 0.714% 72.898%, 0.893% 69.962%, 1.058% 67.004%, 1.207% 64.046%, 1.336% 61.109%, 1.441% 58.215%, 1.521% 55.385%, 1.57% 52.639%, 1.588% 50%, 1.588% 50%, 1.57% 47.361%, 1.521% 44.615%, 1.441% 41.785%, 1.336% 38.891%, 1.207% 35.954%, 1.058% 32.996%, 0.893% 30.038%, 0.714% 27.102%, 0.524% 24.207%, 0.327% 21.376%);
}
.flex-med-header{
    z-index: 999;
}
.flex-med-abot-img-box img{
    padding: 8px !important;
}
.home .med-subscribe-submit {
    cursor: pointer;
    padding: 13px 28px !important;
    text-transform: capitalize;
    border-radius: 10px 50px 10px 50px !important; 
}
.wpr-member-image:before {
    content: '';
    height: 0;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 0;
    padding: 0px;
    background: var(--primary-theme-color);
    transition: all 0.8s ease 0s;
    opacity: 0;
    border-radius: 50%;
  }
  .flex-med-team:hover .wpr-member-image:before{
    height: 100%;
    opacity: 0.4;
  }
  .about-us-image:hover img,
  .flex-med-post-thumb:hover img,
  .banner-image:hover img{
    transform: scale(0.97);
    transition: all 0.5s ease 0s;
  }
  .flex-med-header-search .ekit_navsearch-button {
    line-height: 43px !important;
  }

@media (min-width: 900px){
    .flex-about-counter{
        padding-top: 25px !important;
    }
}
@media (min-width: 768px){
    .flex-med-abot-img-box .elementor-image-box-wrapper{
        align-items: flex-start !important;
    }
}
@media (min-width: 300px) and (max-width: 767px){
	.space-add .hfe-menu-item,
	.space-add li.elementor-icon-list-item{
		justify-content: center !important;
	}
    .banner-image img {
        height: 379px !important;
    }
    .about-us-image img {
        height: auto !important;
    }
    .sub-menu-open .hfe-sub-menu-item{
        justify-content: center !important;
    }
    .flex-med-footer-call .elementor-icon-box-icon{
        width: fit-content;
        margin: 10px auto;
      }
}
@media screen and (min-width: 768px) and (max-width: 949px) {
    .home .flex-med-social-media-section {
        bottom: 23% !important;
    }
}