/*
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 ideal for drugstores, elements, health care, medical, and website services. Its minimalist design makes it stand out from many other themes. Any health clinic website can be created using this theme to attract more potential patients to your services because this theme contains all the necessary elements for building a website that can display detailed information regarding your products and services. The WP theme has multiple inner pages that can be utilized to demonstrate its features effectively. Your website is well organized with distinct sections. The contact information is provided in the about us and contact section. There are options for simple and mega menus for a more engaging and simple navigation experience. You may also design contact forms using this plugin since this theme supports the Contact Form 7 plugin. Other plugins such as appointment booking and other health related products. In addition to being optimized for the theme. Build your healthcare site now! Demo: https://trial.ovationthemes.com/healthcare-clinic/
Version: 5.2
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: 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;
    }
}
