/*
Theme Name: Storyplus
Theme URI: http://shadowthemes.com/downloads/storyplus/
Template: writely-blog
Author: Shadow Themes
Author URI: http://shadowthemes.com/
Description: Storyplus is a modern WordPress theme that comes with high-quality features and minimal design. The theme is a perfect fit for all kind of blogs such as food blogs, travel journals, personal blogs many more. Storyplus is a fully responsive design that always remains mobile-friendly and will render perfectly on all devices. You also get support for custom headers, two column layout, full-width layout, and tons of easy customization options.
Tags: translation-ready,custom-background,theme-options,custom-menu,threaded-comments,featured-images,footer-widgets,editor-style,right-sidebar,full-width-template,two-columns,grid-layout,custom-colors,custom-header,custom-logo,featured-image-header,blog,entertainment
Version: 1.0
Tested up to: 6.7
Requires PHP: 5.6
Text Domain: storyplus
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Storyplus business is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/
:root {
  --main-color: #cf3140 !important;
  --color-text: #191B1D;
}


body {
    margin: 0;
    font-family: 'Raleway', serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: #333;
    margin: 16px 0;
    line-height: 30px;
    font-weight: 400;
    font-family: 'Caveat', cursive;
}
.site-title a{
  color: var(--main-color) ;
}
.site-title a:hover{
  text-shadow: 0px 8px 8px var(--main-color);
  color: var(--main-color);
}
#trending{
  padding: 30px 0 40px;
}
#colophon{
  background-color: #333;
}
footer .site-info{
  background-color: #000;
}
.footer-copyright{
  color: #fff;
}
#category-list,
#message {
  display: none;
}
#must-read {
  background-color: #f5f5f5;
  padding: 40px 0 20px;
}
.footer-widgets-area .widget ul li a{
  color: #fff;
}
.blog .archive-blog-wrapper article img{
  border-radius:20px
}
.blog .addtoany_content{
  bottom: -35px;
}
.addtoany_list a {
  background: var(--main-color) !important;
  margin-right: 5px;
}
.main-navigation ul.sub-menu li:hover > a, 
.main-navigation ul.sub-menu li:focus > a, 
#top-menu ul.sub-menu li:hover > a, 
#top-menu ul.sub-menu li:focus > a{
  background-color: var(--main-color) !important;
}