/*
Theme Name: Healthcare Clinic
Theme URI: https://www.ovationthemes.com/products/free-healthcare-wordpress-theme
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Healthcare Clinic is a clean, modern, and responsive theme designed for healthcare clinics, hospitals, medical centers, drugstores, pharmacies, health care providers, wellness services, diagnostic centers, outpatient services, medical consultation, and general healthcare-related businesses. It is also suitable for health insurance services, patient care platforms, and medical service websites that aim to present information in a clear and professional manner. The minimalist design ensures easy navigation and helps highlight essential details such as services, treatment options, medical expertise, patient information, and clinic facilities in a structured layout. Fully responsive across desktops, tablets, and mobile devices, it ensures smooth performance and accessibility for all users. The theme includes well-organized inner pages, allowing clinics to effectively showcase services, doctor profiles, departments, and contact details. Integrated support for contact forms and appointment booking functionality makes it easy for patients to schedule consultations and reach healthcare providers. With SEO-friendly structure and optimized performance, it helps improve search visibility and attract more patients online. Customizable layouts, menus, and sections allow full control over branding, colors, and content presentation. Overall, it provides a professional and trustworthy digital solution for healthcare and medical service providers to establish a strong and patient-friendly online presence.
Version: 6.3
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: healthcare-clinic
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

Healthcare Clinic WordPress Theme, Copyright 2022 pewilliams
Healthcare Clinic is distributed under the terms of the GNU GPL

Healthcare Clinic 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:#1370b5;
    --theme-service-bg-color:#f1f1f1;
    --theme-heading-color:#25304c;
    --theme-text-color:#666666;
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
}
body{
    letter-spacing: 0;
    color: var(--theme-text-color);
    font-family: 'Open Sans', sans-serif;
}
#mySidenav ul li a:active, #mySidenav ul li a:hover {
    color: #fff;
}
/*color-change*/
.header_img{
	background: var(--theme-primary-color);
}
.wrap_header {
    border-top: solid 8px var(--theme-primary-color);
}
#slider .inner_carousel h2,#slider .inner_carousel p{
    color: var(--theme-secondary-color) !important;
}
.site-title, .site-title a,.logo h1 a,.logo p,.mid-inner-box:hover a,.mid-inner-box:hover p,
.mid-inner-box:hover i{
	color: #fff;
}
button.search-submit,#sidebar input[type="search"],input[type="search"],.site-footer .search-form .search-submit,.site-footer input[type="search"],.site-footer .search-form .search-submit,button,input[type="button"],input[type="submit"],.getstarted-btn a,.box-button a,.home-btn a,.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,a.added_to_cart.wc-forward{
    border-radius: 0;
}
.navigation.pagination .prev.page-numbers:before
.navigation.pagination .next.page-numbers:before{
    padding: 0.8em 1em;
}
.page-template-custom-home-page .header_img{
    background: transparent !important;
}
.menu_box{
    background: var(--theme-primary-color);;
}
.logo h1{
	font-weight: 600;
    text-transform: none;
}
#mySidenav li a {
    padding: 6px 10px;
    font-weight: 600;
}
#mySidenav ul{
    margin: 0;
}
.menu_box {
    border-radius: 40px;
    padding: 6px 25px;
}
#mySidenav{
    text-align: right;
}
#mySidenav li.page_item_has_children:after,
#mySidenav li.menu-item-has-children:after{
    right: -2px;
    top: 12px;
}
ul.sub-menu ul.sub-menu {
    right: 100% !important; /* Ensure submenus open to the right */
    left: auto !important;
}
#slider img{
    height: 700px;
}
#slider .carousel-caption{
    top: 37%;
}
#slider .inner_carousel h2 {
    margin-bottom: 20px;
}
.getstarted-btn a{
    padding: 15px;
}
.getstarted-btn{
    margin: 30px 0 0;
}
#middle-sec {
    margin-top: -8%;
    position: relative;
    z-index: 999;
}
.middle-sec-box h3{
    font-size: 30px;
    font-weight: bold;
}
.mid-inner-box{
    height: 100%;
}
.mid-inner-box i {
    font-size: 60px;
    color: var(--theme-primary-color);
}
.mid-inner-box h4 {
    font-size: 25px;
}
.mid-inner-box p {
    line-height: 2;
}
.mid-inner-box {
    box-shadow: 0 0 12px 4px #ccc;
    background: var(--post-bg-color);
}
.mid-inner-box:hover {
    background: var(--theme-primary-color);
}
.middle-sec-box a {
    font-size: 15px;
}
.entry-content ul, .entry-content ol{
    padding: 0;
}
#our-services{
    background: transparent;
}
#our-services .box{
    background:var(--theme-service-bg-color);
}
/*loader*/

#loader:before {
  border-top-color: #25304c;
}
.spinner > div{
  background-color: #25304c;
}
/* 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. */
}

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar ,.comment-author .avatar{
    padding: 2px;
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}
@media screen and (max-width: 1199px){
    #middle-sec{
        margin-top: -13%;
    }
}
@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: #fff;
        color: var(--theme-primary-color);
        font-size: 15px;
        padding: 10px;
        font-weight: bold;
    }
    .toggle-nav button:focus{
        outline: 5px auto #193791;
    }
    #middle-sec {
        margin-top: -16%;
    }
    .mid-inner-box h4{
        font-size: 18px;
    }
    .mid-inner-box i{
        font-size: 34px;
    }
    .mid-inner-box p{
        font-size: 13px;
        line-height: 1.5;
    }
    #mySidenav ul ul{
        background: transparent;
    }
}
@media screen and (max-width:782px){
    #middle-sec{
        margin-top: -25%;
    }
}
@media screen and (max-width: 767px){
    #slider .inner_carousel h2{
        font-size: 30px;
    }
    #middle-sec {
        margin-top: 30px;
        padding: 0 22px;
    }
    #slider img{
        height: 500px;
    }
    #slider .carousel-caption{
        top: 50%;
    }
    #our-services{
        padding: 30px 22px;
    }
    #our-services p{
        font-size: 13px;
        line-height: 1.5;
    }
    #our-services .box-button a{
        padding: 5px 20px;
        font-size: 14px;
    }
}
@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;
    }
    #slider img {
        height: 400px;
    }
    .mid-inner-box{
        text-align: center;
    }
}