/*
Theme Name: Graceful Minimal
Theme URI: https://optimathemes.com/graceful-minimal-theme/
Author: Aslam
Author URI: http://optimathemes.com/
Description: Graceful Minimal is a simple, minimal and responsive WordPress blog theme. This theme is perfect for travel blog, food blog, fashion blog, youtube bloggers and writers who need to create personal blog site for any kind of blog or website like lifestyle, tech, health, fitness, beauty, news, magazine, blogging, personal, professional, etc. Its fully Responsive and Retina Display ready, clean, modern and minimal design. Graceful is WooCommerce compatible, supports RTL(Right To Left) and is optimized for SEO.
Template: graceful
Version: 1.0.0
Requires at least: 5.3
Tested up to: 6.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: graceful-minimal
Tags: blog, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, e-commerce
*/


/*
Customization of this child theme starts here
*/

/* style.css */

.graceful-widget h2 {
    color: #000000 !important;
    background: #ffffff !important;
    border-bottom: 1px solid #dddddd !important;
}

/*--------------------------------------------------------------
Header Sections
--------------------------------------------------------------*/

#main-navigation {
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
}

#graceful-post-slider {
    padding: 40px;
}


/*--------------------------------------------------------------
Featured Boxes Sections
--------------------------------------------------------------*/

#featured-boxes {
  padding: 40px !important;
  border-bottom: 1px solid #eee;
}

#featured-boxes .wrapped-content {
  font-size: 0;
  text-align: center;
}

#featured-boxes .featured-box {
  position: relative;
  float: left;
}

#featured-boxes a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#featured-boxes .graceful-wrap-outer {
  padding: 12px;
}

#featured-boxes h4 {
  display: inline-block;
  padding: 11px 20px;
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: rgba(0,0,0,0.50);
  color: #ffffff !important;
}

#featured-boxes .featured-box {
    width: calc((100% - 50px ) /3);
    width: -webkit-calc((100% - 70px ) /3);
    margin-right: 34px;
}

#featured-boxes .featured-box:last-child {
    margin-right: 0;
}


@media screen and (max-width: 768px) {
    .featured-box {
        display: block;
    }
}

aside .graceful-widget h2 {
    background: #fafafa;
    border: 1px solid #ddd;
}


#graceful-post-slider .graceful-wrap-inner {
    vertical-align: middle;
}


/* Media Query Min 768px
   ========================================================================== */
@media screen and (min-width: 768px) {
    #graceful-post-slider .slide-item {
        background-position: center;
        height: 500px;
    }

    #graceful-post-slider.wrapped-content .slide-item {
        height: 450px;
    }

    .graceful-slider-read-more a {
        margin-bottom: 0;
    }

    .graceful-slider-info {
        padding: 20px 20px 30px 20px;
        background: rgba(0,0,0,0.3);
    }
}

.graceful-widget h2 {
    font-weight: 700 !important;
}

#site-footer .graceful-widget h2 {
    background: #dddddd !important;
    font-weight: 700 !important;
}

@media screen and (max-width: 480px) {
    #featured-boxes .featured-box {
        width: 100%;
        margin-bottom: 34px;
    }
}