/*
Theme Name: Easyvibe
Theme URI: http://shadowthemes.com/downloads/easyvibe/
Template: overall-blog
Author: Shadow Themes
Author URI: http://shadowthemes.com/
Description: Easyvibe 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. Easyvibe 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.1
Tested up to: 6.7
Requires PHP: 5.6
Text Domain: easyvibe
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.

Easyvibe 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: 'Bad Script', cursive;
}
.menu-item-description {
  top: -17px;
}
@media screen and (min-width: 1024px) {
  .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: #cf3140;
  }
}
/*--------------------------------------------------------------
#  Featured Section
--------------------------------------------------------------*/
#featured article {
    position: relative;
    margin-bottom: 15px;
    padding: 0 5px;
}
#featured .featured-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
}
#featured article:nth-child(2n) .featured-inner{
    display: flex;
    flex-direction: column-reverse;
    border-radius: 30px;
    padding: 10px;
    background-color: #fff;
}
#featured article.no-post-thumbnail .featured-image {
    display: none;
}
#featured article.no-post-thumbnail .shadow-entry-container {
    width: 100%;
    float: none;
    padding: 30px 0 0;
}
#featured .shadow-entry-container {
    padding: 10px;
    position: relative;
}

#featured .shadow-entry-title a:hover,
#featured .shadow-entry-title a:focus {
    color: var(--main-color);
}
#featured .cat-links {
  display: inline-block;
  position: absolute;
  top: -50px;
}
#featured .cat-links a{
  font-size: 12px;
}
#featured .posted-on a{
  color:var(--main-color);
}
#featured .posted-on a time:hover,
#featured .posted-on a time:focus{
  color:#555 !important;
}
#featured .posted-on {
  display: inline-block;
}
@media screen and ( min-width: 767px){
  #featured article:nth-child(2n) .cat-links{
    top: auto;
    bottom: -50px;
  }
}
@media screen and ( max-width: 1200px){
  #featured article .shadow-entry-title{
      font-size: 18px !important;
  }
}
@media screen and ( max-width: 766px){
    #featured article:nth-child(2n) .featured-inner{
        display: block;
        flex-direction: unset;
    }
    #featured article .entry-container{
        padding: 10px;
    }
    #featured article .shadow-entry-title{
        font-size: 22px !important;
        line-height: 24px;
    }
}