/*
Theme Name: Ovation Health Blog
Theme URI: https://www.ovationthemes.com/products/free-health-wordpress-theme
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Ovation Health Blog is a versatile and modern theme designed for health and wellness websites focused on fitness, nutrition, lifestyle improvement, mental well-being, and overall healthy living. It is ideal for doctors, nutritionists, fitness trainers, gym instructors, wellness coaches, health bloggers, yoga practitioners, diet consultants, and medical professionals who want to share expert insights, health tips, fitness routines, and wellness guidance with their audience. It also suits clinics, gyms, spas, wellness centers, and health-focused organizations aiming to educate and engage their community through informative content and lifestyle resources. The design is clean, minimal, and user-friendly, ensuring a smooth reading experience and easy navigation across all devices including desktops, tablets, and mobile phones. With a content-focused layout, it helps present articles, guides, health updates, and wellness advice in a structured and engaging way. Fully responsive and optimized for performance, it ensures fast loading speed and smooth accessibility. SEO-friendly architecture helps improve visibility and reach a wider audience interested in health-related topics. Customization options allow easy control over colors, typography, layouts, and branding elements, enabling a personalized and professional online presence. Overall, it provides a strong platform for health experts and wellness brands to educate, inspire, and connect with their audience effectively.
Version: 7.5
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: ovation-health-blog
Template: ovation-blog
Tags: blog, portfolio, photography, 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

Ovation Health Blog WordPress Theme, Copyright 2022 pewilliams
Ovation Health Blog is distributed under the terms of the GNU GPL

Ovation Health Blog WordPress Theme is child theme of Ovation Blog WordPress Theme, Copyright 2022 pewilliams
Ovation Blog WordPress Theme is distributed under the terms of the GNU GPL
*/

/* Color Changes*/

:root {
    --theme-primary-color:#dab768;
    --theme-heading-color:#000;
    --theme-text-color:#7d7d7d;
    --theme-primary-fade:#fff6e2;
    --theme-footer-color:#000;
}

body {
    color: var(--theme-text-color);
}
.wrap_figure{
    background: var(--theme-footer-color);
}
.search-box button.search-submit {
    background: url(assets/images/search.png) no-repeat scroll var(--theme-primary-color) 10px;
}
.gb_nav_menu li a,.links i,.gb_nav_menu li.page_item_has_children:after,
.gb_nav_menu li.menu-item-has-children:after{
    color: #fff;
}
#slider .carousel-caption h2 a , #slider .carousel-caption h2,
#slider .date-box span{
    color: #000 !important;
}
#slider .date-box i{
    color: var(--theme-primary-color);
}
.links i{
    margin-right: 10px ;
}
.search-box input[type="search"] {
    border-radius: 0;
}
.page-template-custom-home-page .logo{
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}
.logo h1, .site-title, .site-title a {
    font-size: 50px;
    font-weight: 800;
    font-family: 'Playfair Display', serif;
}
#slider .carousel-control-prev {
    left: auto;
}
#slider .carousel-control-next-icon, #slider .carousel-control-prev-icon {
    opacity: unset;
    background: rgb(0 0 0 / 45%);
}
#slider img{
    height: 700px;
}
#slider .inner_carousel h2{
    text-align: center;
    font-size: 45px;
}
#slider .carousel-caption {
    position: static;
    padding: 0;
}
.inner_carousel {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 22%;
    left: 22%;
    background: rgb(255 255 255 / 75%);
    padding: 20px;
}
#slider .carousel-control-next, #slider .carousel-control-prev {
    top: 50%;
    bottom: auto;
}
#featured_post .box {
    position: relative;
}
#featured_post .box img {
    outline: solid 2px var(--post-bg-color);
    outline-offset: -25px;
    width: 100%;
    height: 300px;
}
#featured_post .box-content h4 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}
#featured_post .box-content h4 a {
    background: var(--post-bg-color);
    padding: 15px;
    color: var(--theme-heading-color);
}
#featured_post .box:hover h4 a{
    background: var(--theme-primary-color);
    color: #fff;
}
#featured_post .box:hover img{
    outline: solid 2px var(--theme-primary-color);
}
/* 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;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar,.comment-author .avatar {
    border-color: var(--theme-heading-color);
}
@media screen and (max-width: 1199px){
    #featured_post .box-content h4 a{
        padding: 7px;
    }
    #slider img{
        height: 600px;
    }
    #featured_post .box img{
        height: 250px;
    }
}
@media screen and (max-width: 991px){
    .gb_nav_menu ul ul{
        background: transparent;
    }
    .gb_nav_menu ul li a:active, .gb_nav_menu ul li a:hover {
        color: var(--theme-primary-color) !important;
    }
    #slider img{
        height: 500px;
    }
    #featured_post .box img{
        height: 200px;
    }
}
@media screen and (min-width: 576px) and (max-width:991px){
    #featured_post .box img{
        outline-offset: -10px;
    }
    #featured_post .box-content h4{
        font-size: 11px;
    }
}
@media screen and (max-width: 767px){  
    .date-box span{
        font-size: 12px;
    }
    #slider .inner_carousel h2{
        font-size: 30px;
    }
    #featured_post .box img{
        height: 250px;
    }
}

@media screen and (max-width:575px){
    .toggle-menu,.logo{
        text-align: center;
    }
    .inner_carousel {
        right: 10%;
        left: 10%;
    }
    .toggle-menu{
        padding-bottom: 20px;
    }
    #slider .carousel-control-next-icon, #slider .carousel-control-prev-icon{
        padding: 5px 9px;
        font-size: 14px;
    }
    #slider .inner_carousel h2{
        font-size: 25px;
    }
    #slider img{
        height: 400px;
    }
}