/*
Theme Name: Savona Minimal
Theme URI: https://optimathemes.com/savona-theme/
Author: Aslam
Author URI: https://optimathemes.com/
Description: Savona Minimal is a free multi-purpose WordPress Blog theme. This is the minimalist version of the theme with no borders and no colors. Its perfect for any kind of blog or website related fashion, travel, health, fitness, beauty, lifestyle, food, news, magazine, blogging, personal, professional, tech, etc. Its fully Responsive and Retina Display ready, clean, modern and minimal design. Savona is WooCommerce compatible, SEO friendly and also has RTL(Right To Left) support.
Template: savona
Version: 1.0.4
Requires at least: 4.7
Tested up to: 6.6
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.en.html
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, translation-ready, theme-options, threaded-comments
Text Domain: savona-minimal
*/

/*
Customization of this theme starts here
*/

/* style.css */


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

.header-logo a {
    font-size: 40px;
    color: #111;
    font-weight: 700;
}

.site-description {
    margin-top: 4px;
    font-size: 12px;
    color: #777;
}

.entry-header {
    height: 100px;
}

/*--------------------------------------------------------------
Menu Sections
--------------------------------------------------------------*/

#top-bar {
    background-color: #fff !important;
    box-shadow: unset;
}

#top-bar a {
    color: #777 !important;
}

#top-bar a:hover {
    color: #000 !important;
}

.main-nav-sidebar span, .sidebar-alt-close-btn span {
    background-color: #000000;
}

.main-nav-sidebar span {
    display: block;
    width: 17px;
    height: 1px;
    margin-bottom: 4px;
}

#main-nav {
    margin-top: 20px;
    box-shadow: none; 
    background-color: #ffffff !important;        
}

.is-sticky #main-nav {
    margin-top: 0;
}

#main-menu li a {
    font-family: 'Open Sans';
    font-size: 14px;
    line-height: 44px;
    letter-spacing: 1px;
    font-weight: normal;
    color: #000;
}

#main-nav a, #main-nav i, #main-nav #s {
    color: #000000;
}

.entry-header {
    border-bottom: unset;
}

#main-menu .sub-menu > li > a {
    line-height: 20px;
}

#main-menu .sub-menu, #main-menu .sub-menu a {
    background-color: #ffffff !important;
    border-color: rgba(0,0,0, 0.07) !important;
}

#main-menu .sub-menu, #main-menu .sub-menu a:hover {
    background-color: #fafafa !important;
}

#top-menu .sub-menu > li > a {
    line-height: 20px;
}

#top-menu .sub-menu, #top-menu .sub-menu a {
    background-color: #ffffff !important;
    border-color: rgba(0,0,0, 0.07) !important;
}

#top-menu .sub-menu, #top-menu .sub-menu a:hover {
    background-color: #fafafa !important;
}

#top-menu li a {
    font-size: 12px;
    font-weight: 500;
}

.post-categories a {
    font-weight: normal;
}

.post-content > p:first-child:first-letter, .post-meta, #wp-calendar thead th, #wp-calendar caption, h1, h2, h3, h4, h5, h6, blockquote p, #reply-title, #reply-title a {
    font-family: 'arial';
}


/*--------------------------------------------------------------
Mobile Menu
--------------------------------------------------------------*/
.mobile-menu-container {
  display: none;
}

.mobile-menu-btn {
  display: none;
  font-size: 18px;
  line-height: 60px;
  padding: 0 15px;
  cursor: pointer;
}

#mobile-menu li {
  position: relative;
  width: 100%;
  text-align: center;
}

#mobile-menu li.menu-item-has-children > a {
  display: inline-block;
}

#mobile-menu li a {
  display: block;
  position: relative;
  z-index: 5;
}

.sub-menu-btn {
  position: absolute;
  top: 0;
  left: 0;   
  width: 100%;
  height: 60px;
  padding: 0 10px;
  text-align: left;
  z-index: 1;
}

.sub-menu-btn-icon {
  display: inline-block;
  font-size: 13px;
  vertical-align: top;
  line-height: 19px;
  padding-top: 16px;
  padding: 14px 8px;
}

#main-menu .sub-menu > li  .sub-menu-btn-icon,
#mobile-menu .sub-menu > li .sub-menu-btn-icon {
  padding-top: 13px;
}

#mobile-menu .sub-menu {
  display: none;
}

/*--------------------------------------------------------------
Icons
--------------------------------------------------------------*/
.main-nav-search {
  position: relative;
  cursor: pointer;
}

.main-nav-search i {
  position: relative;
  z-index: 10;
}

.main-nav-search #searchform {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.main-nav-search #searchform i {
  display: none;
}

.main-nav-search label,
.main-nav-search #searchsubmit {
  display: none;
}

.main-nav-search div {
  line-height: 1;
}

/*--------------------------------------------------------------
Featured Links
--------------------------------------------------------------*/

#featured-links {
  padding-top: 40px;
}

#featured-links .boxed-wrapper {
  font-size: 0;
  text-align: center;
}

/*--------------------------------------------------------------
Read More Link
--------------------------------------------------------------*/

.read-more {
    margin: 15px 0 15px;
}

.read-more a {
    padding: 13px 0 7px;
    border: none;
    border-bottom: 1px solid;
    line-height: 20px;
}

/*--------------------------------------------------------------
Widgets Sections
--------------------------------------------------------------*/

.savona-widget {
    margin-bottom: 50px;
}

.savona-widget .widget-title {
     background: unset; 
     border: unset;
}

.savona-widget .widget-title::after {
    content: "";
    width: 30px;
    height: 0;
    position: absolute;
    bottom: -4px;
    left: 45%;
    border-left: unset;
    border-right: unset;
    border-top: 1px solid #666;
}

#page-content .savona-widget .widget-title h2 {
    font-weight: bold;
}