/*
Theme Name: Narmada
Theme URI: https://wpkoi.com/narmada-wpkoi-wordpress-theme/
Template: lalita
Author: wpkoithemes
Author URI: https://wpkoi.com
Description: Narmada is a child theme for Lalita WPKoi theme. You can find theme demos at wpkoi.com. Narmada has a colorful, happy style and design for portfolio, business or agency content. The theme is multipurpose, so if You like the style, You can use it to represent Your art, business, an event, show Your portfolio, start a blog, start a webshop and sell Your products etc. The demos use Elementor, WooCommerce and Contact Form 7 plugins. The premium demo uses the Narmada premium plugin also. Narmada has an easy to use admin with a lot of customizer functions, so You can build Your dream without coding knowledge. The theme is responsive so looks good on almost every devices. You can setup multiple header styles, navigation styles and layouts. Build You site with Narmada Theme and share it with the world! You can also find a documentation with an install guide and a tutorial for the screenshot look on wpkoi.com/docs.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: narmada
Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, footer-widgets, blog, e-commerce, flexible-header, full-width-template, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images

*/

body {
  background-color: #ffffff;
}

body,
button,
input,
select,
textarea {
  font-size: 22px;
}

.inside-top-bar {
  padding: 6px 20px 3px;
}

.top-bar {
  font-size: 14px;
}

.inside-header {
  padding: 5px 20px;
}

.main-title {
  text-transform: none;
}

.main-title,
.widget-title {
  font-weight: 400;
}

.main-navigation a {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 20px;
}

.main-navigation .main-nav ul li a,
.main-navigation .mobile-bar-items a,
.menu-toggle {
  padding-left: 9px;
  padding-right: 9px;
  line-height: 70px;
}

.menu-item-has-children .dropdown-menu-toggle {
  padding-left: 9px;
}

header .main-navigation .main-nav ul li.wpkoi-nav-btn-h {
  height: 72px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

header .main-navigation .main-nav ul li a.wpkoi-nav-btn {
  padding: 10px 20px;
  line-height: inherit;
  margin-bottom: 3px;
  box-shadow: -2px -2px 0px 0px #111111;
}

header .is_stuck.main-navigation .main-nav ul li.wpkoi-nav-btn-h {
  display: inline-flex;
}

.navigation-effect-stylea #site-navigation .main-nav ul li.menu-item a:focus::after, .navigation-effect-stylea #site-navigation .main-nav ul li.menu-item a:focus::before, .navigation-effect-stylea #site-navigation .main-nav ul li.menu-item a:hover::after, .navigation-effect-stylea #site-navigation .main-nav ul li.menu-item a:hover::before, .navigation-effect-stylea #site-navigation .main-nav ul li.menu-item.current-menu-item a::after, .navigation-effect-stylea #site-navigation .main-nav ul li.menu-item.current-menu-item a::before {
  font-weight: 600;
}

.cat-links:before, .comments-link:before, .dropdown-menu-toggle:before, .lalita-back-to-top:before, .menu-toggle:before, .nav-next .next:before, .nav-previous .prev:before, .tags-links:before, footer.entry-meta .author:before, footer.entry-meta .posted-on:before, li.search-item a:before, span.search-item a:before, .main-navigation a.cart-contents:before, .slide-opened .slideout-exit:before, .slideout-toggle a:before {
  font-weight: 600;
}

.button,
.woocommerce a.button,
.woocommerce button.button {
  padding: 12px 25px;
}

.button, .button:visited, button:not(.menu-toggle), html input[type=button], input[type=reset], input[type=submit] {
  font-size: 22px;
  font-weight: 400;
}

.site-info {
  font-size: 14px;
  font-weight: 400;
}

.lalita-side-left-content {
  font-size: 20px;
  font-weight: 600;
  margin: 250px 0px 0px 5px;
}

.lalita-side-left-content .lalita-side-left-socials ul {
  padding: 15px 4px;
}

.lalita-side-left-content .lalita-side-left-text {
  padding: 4px 15px;
}

.lalita-side-left-content .lalita-side-left-socials ul, .lalita-side-left-content .lalita-side-left-text {
  box-shadow: -2px 3px 0px 0px;
}

.page-header-blog-content-h {
  display: block;
}

.page-header-blog-content-h .page-header-blog-content {
  margin: 0;
  display: inline-block;
  padding: 40px 0;
  width: 59%;
}

.page-header-blog-image {
  display: inline-block;
  width: 40%;
}

.page-header-blog-text, .page-header-blog-button {
  display: block;
  width: 100%;
}

.page-header-blog-content h2 {
  font-size: 103px;
  font-weight: 400;
  padding: 0;
  line-height: 1;
  margin-bottom: 30px;
}

.page-header-blog-content p {
  font-size: 24px;
  font-weight: 600;
  padding: 0;
  margin-bottom: 30px;
}

.page-header-blog-content a.button {
  border-radius: 0;
  margin-bottom: 10px;
}

.page-header-blog {
  padding: 0;
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
}

.page-header-blog-inner {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.site-footer .footer-widgets-container .inner-padding {
  padding: 0 0 20px 40px;
}

.narmada-dotted-div .article-holder {
  border-bottom: 2px dashed;
  padding-bottom: 20px;
}

.narmada-dotted-div .sidebar .widget .widget-title {
  border-bottom: 2px dashed;
}

.narmada-colorized-img .post-image img:hover {
  -webkit-filter: hue-rotate(90deg);
  filter: hue-rotate(90deg);
}

.footer-bar .lalita-social-bar {
  float: right;
}

.footer-bar .lalita-socials-list li {
  display: inline-block;
  padding-left: 8px;
}

.elementor-page .screen-reader-text {
  top: inherit;
}

.inside-navigation .search-form input[type="search"]:focus {
  color: #333333 !important;
}

.lalita-back-to-top, .lalita-back-to-top:visited {
  border-radius: 50px;
  right: 10px;
  box-shadow: -1px -1px 0px 0px;
}

@media (max-width: 1024px) {
  .page-header-blog-content-h h2 {
    font-size: 60px;
  }
}

@media (max-width: 768px) {
  .page-header-blog-content-h h2 {
    font-size: 40px;
  }
  
  .page-header-blog-content-h p {
    font-size: 22px;
  }
  
  .page-header-blog-content-h .page-header-blog-content, .page-header-blog-image {
    width: 100%;
  }

  body {
    padding: 0;
  }

  .lalita-side-left-cover, .lalita-side-right-cover {
    width: 0;
  }

  .footer-bar .widget, .footer-bar .lalita-social-bar {
    float: none;
    margin: 0 10px;
  }
}