/*
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 theme designed for medical websites as well as personal portfolio sites for surgeons, gynecologist, general therapist, doctors and for all medical sector people. It can also be used for private clinics, Covid center, govt. hospitals, nursing homes blood test, CT scan, Radiography, gynecology, veterinary clinics, SARS, dental, hospital, pharmaceuticals, physiotherapy and like websites. This professional theme offers a lot of customization and personalization options. It has a retina-ready and beautiful design. You can add shortcodes to improve the functionality of your website. It is translation-ready and supports RTL layout. It has fast page load times as it is optimized for speed. It has responsive layout which fits well with all devices screen sizes. Also, it is SEO-friendly which will help your website rank soon on all major search engines like Google. You can easily integrate this theme with medical related plugins such as appointment booking, Woocommerce, WordPress Analytics, and mapping. Demo: https://trial.ovationthemes.com/ovation-medical-care-pro/
Version: 6.7
Requires PHP: 5.6
Tested up to: 6.8
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;
    }
}