/*
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, dentists, doctors, surgeons, 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 medical professionals, and a latest blogs section for sharing health tips or updates. Built with Elementor, it offers seamless page building and layout control without any coding. The theme ensures a responsive design for optimal performance across all devices and screen sizes. With one-click demo import, setting up your medical, clinic, or doctor website is quick and easy. It’s fully compatible with Contact Form 7 for appointment booking and patient queries. 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, or dental clinic site, this free theme delivers all essential features with flexibility and ease. Perfect for those who want a lightweight yet powerful medical theme for doctors or hospital websites, Flex Medical helps you get online with professional appeal and essential functionality—all with no extra cost.
Version: 1.0.1
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, right-sidebar, grid-layout, custom-header, flexible-header, footer-widgets, full-width-template, editor-style

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;
    }
}