/*
Theme Name: Medical Insight
Theme URI: https://www.ovationthemes.com/products/free-medical-clinic-wordpress-theme
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Medical Insight is a professional and modern theme designed for medical websites, healthcare providers, doctors, surgeons, gynecologists, general physicians, therapists, and medical specialists looking to build a strong online presence. It is also suitable for hospitals, private clinics, nursing homes, diagnostic centers, pathology labs, radiology and imaging services, physiotherapy centers, veterinary clinics, dental practices, pharmaceutical services, and emergency care facilities including specialized health centers and COVID care units. The design is clean, trustworthy, and structured to present medical services, doctor profiles, treatment details, patient testimonials, appointment systems, and health information in a clear and accessible way. Fully responsive and mobile-friendly, it ensures smooth performance across desktops, tablets, and smartphones. Optimized coding improves loading speed and enhances search visibility for better patient reach and engagement. The theme includes flexible customization options for layouts, colors, typography, and branding elements, allowing complete personalization without technical difficulty. It also supports appointment booking systems, inquiry forms, mapping integration, and healthcare-related functionalities to improve patient communication. Overall, it provides a complete and reliable platform for healthcare professionals and institutions to build a strong, professional, and patient-friendly online presence.
Version: 7.9
Requires PHP: 5.6
Tested up to: 6.9
Requires at least: 5.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: medical-insight
Template: medical-care
Tags: education, portfolio, e-commerce, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, custom-colors, custom-background, custom-header, custom-menu, custom-logo, editor-style, sticky-post, featured-images, flexible-header, featured-image-header, footer-widgets, full-width-template, threaded-comments, theme-options, wide-blocks, block-styles, post-formats, translation-ready, rtl-language-support

Medical Insight WordPress Theme, Copyright 2022 pewilliams
Medical Insight is distributed under the terms of the GNU GPL

Medical Insight WordPress Theme is child theme of Medical Care WordPress Theme, Copyright 2022 pewilliams
Medical Care WordPress Theme is distributed under the terms of the GNU GPL
*/

:root {
    --theme-primary-color:#083791;
    --theme-secondary-color:#fd8e34;
    --theme-service-bg-color:#f1f1f1;
    --theme-text-color:#7b7b7b;
}

body{
    letter-spacing: 0;
    color: var(--theme-text-color);
}
/*color-change*/
.wc-block-cart__submit-container a:hover, a.added_to_cart.wc-forward:hover, 
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, 
.woocommerce button.button:hover, .woocommerce input.button:hover, 
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
button:hover, button:focus, input[type="button"]:hover,
input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus,
.scrollup,.single-tags a:hover,.scrollup.is-active:hover, .scrollup.is-active:focus,
.scrollup,.wrap_header,#sidebar .tagcloud a:hover, .site-footer .tagcloud a:hover,
#mySidenav  ul ul,.getstarted-btn a:hover,#slider .carousel-control-next-icon:hover, 
#slider .carousel-control-prev-icon:hover,.box-button a:hover,.copyright{
	background: var(--theme-primary-color);
    color: #fff;
}

.site-info .footer-copyright,a.more-link:hover, .mid-inner-box a,
.logo h1 a,.logo p,.site-title, .site-title a,.site-info a:hover,
.middle-sec-inner h6,.middle-sec-inner h3,#our-services h3,#our-services h4 {
    color: var(--theme-primary-color);
}

.wc-block-cart__submit-container a, 
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, 
.woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, 
.woocommerce button.button.alt, .woocommerce input.button.alt ,
.site-footer .search-form .search-submit,button,input[type="button"],input[type="submit"],
.getstarted-btn a, .box-button a, .home-btn a,a.added_to_cart.wc-forward,
#mySidenav  ul ul a:hover,.getstarted-btn a,#slider .carousel-control-next-icon, 
#slider .carousel-control-prev-icon,.box-button a,.site-info{
    background:var(--theme-secondary-color);
    color: #fff;
}
#sidebar a:hover,#sidebar td a,.wc-block-checkout__actions_row a:hover,
a.more-link,.mid-inner-box h4 a:hover,.middle-sec-box a:hover,#our-services strong,
.site-footer .widget-area a:hover,a.showcoupon, .woocommerce-message::before,
#mySidenav  ul li a:active, #mySidenav  ul li a:hover{
    color:var(--theme-secondary-color);
}
.topbar_links a, .topbar_links span ,.links i{
	color: #fff;
}
#our-services{
    background: transparent;
}
#our-services .box{
    background:var(--theme-service-bg-color);
}

.logo h1{
	font-weight: 600;
    text-transform: none;
}
.menu_box{
    background: transparent;
}
#mySidenav  li a {
    color: var(--theme-primary-color);
    padding: 6px 10px;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
}
#mySidenav li.page_item_has_children:after,
#mySidenav li.menu-item-has-children:after{
    color: var(--theme-primary-color);
    ight: -2px;
    top: 10px;
}
#mySidenav{
    text-align: right;
}
ul.sub-menu ul.sub-menu {
    right: 100% !important; /* Ensure submenus open to the right */
    left: auto !important;
}
#slider .inner_carousel h2{
    font-weight: 600;
}
.middle-sec-box h3{
    font-size: 30px;
    font-weight: bold;
}
.mid-inner-box i {
    font-size: 30px;
    color:var(--theme-secondary-color);
}
.mid-inner-box h4 {
    font-size: 18px;
    font-weight: 600;
}
.mid-inner-box p {
    line-height: 2;
}
.mid-inner-box {
    box-shadow: 0 0 10px 2px #eee;
}
.middle-sec-box a {
    font-size: 15px;
    color: var(--theme-primary-color);
}
nav.woocommerce-MyAccount-navigation ul li{
    background:var(--theme-secondary-color) !important;
}
nav.woocommerce-MyAccount-navigation ul li:hover{
    background:var(--theme-primary-color) !important;
}
.entry-content ul, .entry-content ol{
    padding: 0;
}
/*loader*/
#loader{
  border-top-color: var(--theme-primary-color);
}
#loader:after{
    border-top-color:var(--theme-secondary-color);
}
#loader:before {
  border-top-color: #000;
}
.spinner > div{
  background-color: var(--theme-primary-color);
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
    padding: 2px;
}
/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}
/* SEARCH POPUP */

.header-search-wrapper {
  text-align: right;
  position: relative;
}
.search-main {
  display: block;
  line-height: 40px;
  padding: 0 14px;
  cursor: pointer;
}
.header-search-wrapper i{
    color: var(--theme-primary-color);
    font-size: 18px;
    text-align: center;
}
.header-search-wrapper .search-form-main {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 20px #00000029;
    box-shadow: 0 0 20px #00000029;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 45px;
    width: 360px;
    z-index: 9999;
    opacity: 0;
    border-radius: 10px;
    visibility: hidden;
}
.search-form-main.active-search {
    opacity: 1;
    visibility: visible;
}
.header-search-wrapper .search-form{
    display: flex;
}
.header-search-wrapper .search-form-main .search-field {
    border-radius: 10px;
    background: #f7f7f7;
    width: 95%;
    height: 43px;
    margin-right: 10px;
    padding: 10px;
}
.header-search-wrapper .search-form-main .search-submit {
    background: var(--theme-secondary-color);
    color: #fff;
    border-radius: 10px;
    padding: 11px 25px;
    height: 43px;
    position: static;
}
span.search-close-icon {
    display: none;
}
.icon-toggle .search-icon {
    display: none;
    transition: 3s;
}
.icon-toggle span.search-close-icon {
    display: block;
    transition: 3s;
}
@media screen and (max-width: 991px){
    .toggle-nav {
        background: transparent;
        text-align: right;
    }
    #mySidenav{
        text-align: left;
    }
    .sidenav{
        background: var(--theme-primary-color);
    }
    .toggle-nav button {
        background:var(--theme-primary-color);
        color: #fff;
        font-size: 15px;
        padding: 10px;
        font-weight: bold;
    }
    .toggle-nav button:focus{
        outline: 5px auto #193791;
    }
    .site-info {
        text-align: center;
    }
}
@media screen and (max-width:782px){
    .fixed_header.fixed{
        position: static !important;
        background: transparent !important;
        box-shadow: none;
    }
    .admin-bar .fixed {
        margin-top: 0 !important;
    }
}
@media screen and (max-width:767px){
    .middle-sec-box{
        padding-bottom: 20px;
    }
}
@media screen and (max-width:575px){
    #slider .carousel-control-next-icon, #slider .carousel-control-prev-icon ,#slider .carousel-control-next-icon:hover, #slider .carousel-control-prev-icon:hover{
        padding: 0;
        background: transparent;
    }
     .middle-sec-inner{
        text-align: center;
     }
     .header-search-wrapper .search-form-main{
        width: 250px;
    }
    .header-search-wrapper .search-form{
        display: block;
        text-align: center;
    }
    .header-search-wrapper .search-form-main .search-submit{
        margin-top: 10px;
    }
    .header-search-wrapper{
        text-align: center;
    }
}