/*
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 theme tailored for websites dedicated to health and wellness. With its clean design and user-friendly layout, it offers an inviting platform to share valuable insights, tips, and resources on various aspects of health, fitness, nutrition, and well-being. This theme is ideal for health professionals such as doctors, nutritionists, fitness trainers, health coaches, fitness bloggers, gym trainers and wellness coaches looking to establish an online presence and connect with their audience. It can also benefit health-focused organizations, clinics, gyms, spas, and wellness centers aiming to educate and engage their clients and community. Whether you're offering expert advice, sharing personal experiences, promoting healthy lifestyles, or discussing the latest trends in the health industry. Ovation Health Blog provides the perfect canvas to showcase your content effectively. Its customizable features allow you to tailor the theme to suit your branding and content needs, ensuring a seamless and engaging user experience for your visitors. Build your website to make a healthy online presence! Demo: https://trial.ovationthemes.com/ovation-health-blog/
Version: 7.1
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;
    }
}