/*
Theme Name: Neela
Theme URI: https://wpkoi.com/neela-wpkoi-wordpress-theme/
Template: lalita
Author: wpkoithemes
Author URI: https://wpkoi.com
Description: Neela is a child theme for Lalita WPKoi theme. You can find theme demos at wpkoi.com. Neela has a colorful, powerful 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 Neela premium plugin also. Neela 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 Neela 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
Tested up to: 6.7
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: neela
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: #0845ec;
  padding: 0;
}

.neela-scrollbar-style::-webkit-scrollbar {
  width: 12px;
}

.neela-scrollbar-style::-webkit-scrollbar-track {
  background: #000000;
  border-radius: 0px;
}

.neela-scrollbar-style::-webkit-scrollbar-thumb {
  background: #f8c633;
  border: 1px solid rgb(0, 0, 0);
  border-radius: 0;
}

.neela-scrollbar-style::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}

body,
button,
input,
select,
textarea {
  font-size: 19px;
  font-weight: 400;
}

.inside-top-bar {
  padding: 7px 40px 0;
}

.top-bar {
  font-weight: 400;
  font-size: 16px;
  text-transform: none;
}

.inside-header {
  padding: 5px 40px 0;
}

.main-title {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 50px;
  line-height: 1.2;
  position: relative;
}

.main-navigation a {
  font-weight: 700;
  text-transform: none;
  font-size: 19px;
}

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

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

button.menu-toggle:hover,
button.menu-toggle:focus {
  background-color: inherit;
}

.sticky-enabled .main-navigation.is_stuck {
  box-shadow: none !important;
}

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

.button,
.button:visited,
button:not(.menu-toggle),
html input[type="button"],
input[type="reset"],
input[type="submit"],
.woocommerce a.button {
  font-size: 19px;
  font-weight: 700;
  text-transform: none;
  border: 1px solid;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
a.button:visited {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover,
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
a.button:focus {
  transform: scale(1.1);
}

.one-container .site-content,
.separate-containers .comments-area,
.separate-containers .inside-article,
.separate-containers .page-header,
.separate-containers .paging-navigation {
  padding: 25px 25px 20px;
}

.site-info {
  font-size: 18px;
  font-weight: 400;
  padding: 10px 30px;
}

.lalita-side-left-content {
  font-size: 22px;
  font-weight: 400;
  margin: 250px 0px 0px 0px;
}

.lalita-side-left-content .lalita-side-left-socials ul,
.lalita-side-left-content .lalita-side-left-text {
  padding: 5px 15px;
  margin-top: 50px;
}

.page-header-blog-content-h{
    padding:0 40px;
    text-align:center;
    height:100%;
    position:relative;
    display:inline-block
}
.page-header-blog-content-h .page-header-blog-content{
    text-align: center;
    margin: 0 25%;
}
.page-header-blog-content h2{
    font-size: 90px;
    font-weight: 800;
    letter-spacing: 0;
    padding: 0;
    margin-bottom: 30px;
    line-height: 1;
    z-index: 2;
}
.page-header-blog-content p{
    font-size:21px;
    line-height:1.5;
    font-weight:400;
    position:relative;
    margin:0;
    line-height:1.3;
    padding:20px 5px 10px
}
.page-header-blog-content .button{
    position:relative;
    z-index:5;
    margin-top:30px;
    padding:15px 50px;
    line-height:1;
    font-size:22px;
    font-weight:700
}

.page-header-blog {
  padding: 0;
  background-size: cover;
  background-position: center center;
  margin: 0;
}

.page-header-noiseoverlay {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.25;
  background-color: #000000;
}

.page-header-blog-inner {
  max-width: 1170px;
  margin: auto;
  padding: 5% 0;
  z-index: 2;
}

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

.footer-widgets {
  padding: 50px 30px;
}

.widget-title {
  font-weight: 900;
}

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

.post-type-archive-product.post-image-above-header.woocommerce-page
  .post-image {
  display: none;
}

.entry-summary a,
.entry-content a,
.comment-content a,
.textwidget a {
  text-decoration: underline;
}

body .grid-container {
  max-width: 1170px;
}

.inside-top-bar .textwidget i {
  margin-right: 5px;
}

.top-bar p {
  margin-bottom: 0;
}

.neela-logo-effect .main-title {
  z-index: 0;
}

.neela-logo-effect .main-title a::after {
  position: absolute;
  color: transparent;
  -webkit-background-clip: text;
  top: 0px;
  left: 0px;
  transition: 1s;
}

.neela-logo-effect .main-title a:hover:after {
  top: -3px;
  left: -3px;
}

.neela-logo-effect .main-title a::before {
  position: absolute;
  color: transparent;
  -webkit-background-clip: text;
  top: 0px;
  left: 0;
  z-index: -1;
  transition: 1s;
}

.neela-logo-effect .main-title a:hover:before {
  top: 3px;
  left: 3px;
}

.neela-blog-title-effect article .entry-header .entry-title a {
  padding-right: 10px;
  background-size: 0;
  background-repeat: no-repeat;
  display: inline;
  transition: 0.5s ease;
}

.neela-blog-title-effect article .entry-header .entry-title:hover a {
  background-size: 100%;
}

.main-navigation.sticky-navigation-transition .navigation-logo img {
  padding-left: 0;
}

@media (max-width: 1200px) {
  .page-header-blog-content-h .page-header-blog-content {
    padding: 0;
  }
  .page-header-blog-content-h h2 {
    font-size: 50px;
  }
}

@media (max-width: 1024px) {
  .main-navigation .main-nav ul li a,
  .main-navigation .mobile-bar-items a,
  .menu-toggle {
    padding-left: 5px;
    padding-right: 5px;
  }
  
  .page-header-blog-content p{
        font-size:21px;
    }
    .page-header-blog-content-h h2{
        font-size: 40px;
    }
    .page-header-blog-content-h h2, .page-header-blog-content-h p {
        margin-bottom: 10px;
    }
    .page-header-blog-content .button {
        padding: 10px 30px;
        font-size: 14px;
    }
}

@media (max-width: 768px) {
  body {
    padding: 0;
  }

  .page-header-blog-content h2{
        margin-left: 0;
        margin-right: 0;
        font-size: 30px;
    }
    .page-header-blog{
        background-image: none !important;
        padding: 0;
    }
    .page-header-blog img {
        width: 100%;
        margin-left: 0;
        display: block;
    }
    .page-header-blog-inner {
        width: 100%;
        position: relative;
    }
	
	.page-header-blog-content-h {
        position: relative;
        bottom: 0;
        width: 94%;
        margin-left: 0;
        padding: 20px 3%;
    }
    .page-header-blog-image-h {
        width: 90%;
        padding: 0 5% 20px;
    }
    .page-header-blog-content-h .page-header-blog-content {
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
    }
    .page-header-blog-content h2:before, .page-header-blog-content h2:after{
        display: none;
    }
    .page-header-blog-content-h h2, .page-header-blog-content-h p {
        margin-left: 0;
        margin-right: 0;
        padding: 5px 10px;
    }
    .page-header-blog-content .button {
        margin-left: 10px;
    }
    .page-header-blog-content-h p {
        font-size: 15px;
    }
  .main-navigation.toggled .main-nav li.wpkoi-nav-btn-h {
    display: inline-block !important;
  }
  .main-navigation.toggled .main-nav li.wpkoi-nav-btn-h .wpkoi-nav-btn {
    padding: 0 25px;
  }
  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;
  }
  button:hover,
  html input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover,
  a.button:hover,
  button:focus,
  html input[type="button"]:focus,
  input[type="reset"]:focus,
  input[type="submit"]:focus,
  a.button:focus,
  header .main-navigation .main-nav ul li a.wpkoi-nav-btn {
    transform: scale(1);
  }
  .elementor-page #page::-webkit-scrollbar,
  .elementor-template-canvas .elementor-inner::-webkit-scrollbar,
  .elementor-template-canvas .elementor-section-wrap::-webkit-scrollbar {
    display: none;
  }
  .inside-top-bar,
  .site-info {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}