/*
Theme Name: Graceful Lite
Theme URI: https://optimathemes.com/graceful-lite-theme/
Author: Aslam
Author URI: http://optimathemes.com/
Description: Graceful Lite is a simple, clean 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.3
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-lite
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 */


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

#main-navigation .wrapped-content {
    max-width: 100%;
}

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

@media screen and (min-width: 768px) {
    .post-image-col {
        float: left;
        width: 44%;
    }
    .post-content-col {
        float: right;
        width: 51%;
    }
    .blog .site-images {
        min-height: 335px;        
    }
    .blog .content-column li {
        float: left;
        margin-bottom: 50px;
    }
    .blog .post-header {
        text-align: unset;
    }
    .blog .post-title {
        font-size: 24px;
        line-height: 30px;
    }
    .blog .post-page-content {
        padding-top: 0;
    }
    .blog .post-page-content p {
        padding: 0px;
        margin: 0px;
    }
    .blog .continue-read {
        text-align: left;
        margin: 5px 0 30px;
    }
    .blog .continue-read a {
        padding: 0;
    }
}


/*--------------------------------------------------------------
Special Links Sections
--------------------------------------------------------------*/

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

#special-links .wrapped-content {
  font-size: 0;
  text-align: center;
}

#special-links .special-link {
  position: relative;
  float: left;
}

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

#special-links .graceful-wrap-outer {
  padding: 12px;
}

#special-links 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;
}

#special-links .special-link {
    width: calc((100% - 50px ) /3);
    width: -webkit-calc((100% - 70px ) /3);
    margin-right: 34px;
}

#special-links .special-link:last-child {
    margin-right: 0;
}


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

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