/*
Theme Name: Ishta
Theme URI: https://wpkoi.com/ishta-wpkoi-wordpress-theme/
Template: lalita
Author: wpkoithemes
Author URI: https://wpkoi.com
Description: Ishta is a child theme for Lalita WPKoi theme. You can find theme demos at wpkoi.com. Ishta has a red, geomatric 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 Ishta premium plugin also. Ishta 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 Ishta 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: ishta
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: #efeeea;
    padding: 0;
}

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

.inside-top-bar {
    padding: 7px 80px 5px;
}

.top-bar {
    font-weight: 700;
    font-size: 18px;
    text-transform: none;
}

.ishta-blog-double-border .post-image img {
    border: 5px double #23362b;
}

.inside-header {
    padding: 0 75px 0 80px;
}

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

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

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

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

.ishta-nav-hover .main-navigation .main-nav ul li:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    left: 0;
    top: 20%;
    z-index: 1;
    border-top: 5px dashed #23362b;
    border-radius: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ishta-nav-hover .main-navigation .main-nav ul li:after {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    right: 0;
    top: 75%;
    z-index: 1;
    border-top: 5px dashed #e86a58;
    border-radius: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ishta-nav-hover .main-navigation .main-nav ul li:hover:before,
.ishta-nav-hover .main-navigation .main-nav ul li:hover:after {
    width: 100%;
}

.ishta-nav-hover .main-navigation .main-nav ul ul li:hover:before,
.ishta-nav-hover .main-navigation .main-nav ul ul li:hover:after {
    width: 0;
}

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

.fluid-header.sticky-enabled .main-navigation.is_stuck .inside-navigation {
    border-bottom: 2px solid #020202;
    padding-left: 80px !important;
    padding-right: 80px !important;
}

.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"],
.woocommerce a.button {
    font-size: 22px;
    font-weight: 700;
    text-transform: none;
    border: 2px 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 80px 20px;
}

.site-info {
    font-size: 18px;
    font-weight: 700;
    text-transform: none;
    padding: 10px 80px;
}

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

.lalita-side-left-content .lalita-side-left-socials ul,
.lalita-side-left-content .lalita-side-left-text {
    padding: 5px 10px;
}

.page-header-blog-content-h,
.page-header-blog-content-b {
    display: inline-block;
    padding: 0;
    height: auto;
    vertical-align: middle;
}

.page-header-blog-content-h {
    width: 65%;
}

.page-header-blog-content.page-header-blog-content-b {
    width: 32%;
}

.page-header-blog-content-h .page-header-blog-content {
    margin: 0;
    text-align: center;
    padding: 0;
}

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

.page-header-blog-content h2 {
    font-size: 95px;
    font-weight: 900;
    padding: 0;
    line-height: 1.2;
    margin-bottom: 5%;
    margin-left: 30px;
}

.page-header-blog-text p {
    font-size: 22px;
    font-weight: 700;
    padding: 0;
    line-height: 1.2;
    margin-bottom: 0;
    margin-left: 30px;
}

.page-header-blog-button a.button {
    border-radius: 0;
    margin-bottom: 10px;
    text-transform: none;
    font-weight: 700;
    margin-left: 30px;
}

.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: #020202;
}

.page-header-blog-inner {
    max-width: calc(100% - 140px);
    margin: 70px;
    border: 5px double;
    padding: 2% 0 0;
    z-index: 2;
}

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

.footer-widgets {
    padding: 40px 80px;
}

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

.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: 2000px;
}

.lalita-back-to-top {
    border-radius: 50px;
    border: 2px solid;
}

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

.ishta-fixed-side .lalita-side-left-content .lalita-side-left-socials ul {
    padding: 0;
    border: 3px solid;
    border-left: none;
}
.ishta-fixed-side .lalita-side-left-content .lalita-socials-list li {
    width: 38px;
    height: 40px;
    line-height: 40px;
}

.inside-navigation .search-form input { opacity: 1; border: 2px solid;}
.inside-navigation .search-form input[type="search"]:focus, .inside-navigation li.search-item.active a{color: #23362b !important;}


@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;
    }
}

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

    .page-header-blog-content-h,
    .page-header-blog-content.page-header-blog-content-b {
        display: block;
        width: 100%;
    }
    .page-header-blog img {
        width: 80%;
        margin-top: 40px;
        margin-left: 5%;
    }
    .page-header-blog-content-h h2 {
        font-size: 40px;
        margin-top: 30px;
    }
    .page-header-blog-content-h p {
        font-size: 22px;
        width: 90%;
    }
    .page-header-blog-content-h .page-header-blog-content,
    .page-header-blog-image {
        width: initial;
        margin: 0;
    }
    .page-header-blog-content a.button {
        margin-left: 30px;
    }
    .ishta-nav-hover .main-navigation .main-nav ul li:hover:before,
	.ishta-nav-hover .main-navigation .main-nav ul li:hover:after {
		width: 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);
    }
    .ishta-nav-effect .main-navigation .main-nav ul li a:before {
        content: initial;
    }
    .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, 
	.footer-widgets,
	.inside-header {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}