/*
Theme Name: Lonon
Theme URI: http://shtheme.com/demosd/lonon
Author: Shtheme
Author URI: https://themeforest.net/user/shtheme
Description: In 2022, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: lonon

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.
*/

/* ========TABLE OF CONTENTS==========
00. Body, links, hgroup, paragraphs, general styles
01. Fixed header & Navigation
02. Section Intro (Home)
03. Section About
04. Section Resume
05. Section Portfolio
06. Section Blog
07. Section Contact
08. Footer
09. Loader
10. Responsive design

/*--------------------------------------------------
    00. Body, links, hgroup, paragraphs, general styles
---------------------------------------------------*/
.lonon_tm_sidebar > ul >.widget {
    margin: 0px 0px 60px 0px;
    width: 100%;
    float: left;
}
.lonon_tm_sidebar .widget_categories ul li a {
    text-decoration: none;
    color: #15111e;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.lonon_tm_sidebar .widget_categories ul li {
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    position: relative;
    display: block;
}
.lonon_tm_sidebar .widget_categories ul li a:before {
    content: '\e804';
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    /* opacity: .8; */
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0.2em;
    /* font-size: 120%; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ea4343;
}
.lonon_tm_sidebar .widget_categories ul li::marker {
	display: none;
}
.lonon_tm_sidebar ul.wp-tag-cloud li {
    margin: 0px 0px 10px 0px;
    display: inline-block;
}
.lonon_tm_sidebar ul.wp-tag-cloud li a {
    text-decoration: none;
    color: #15111e;
    border: 1px solid #ddd;
    border-radius: 50px;
    display: inline-block;
    font-family: "Josefin Sans";
    padding: 3px 25px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 18px !important;
    line-height: 1.7;
    letter-spacing: 0px;
    word-wrap: break-word;
    font-weight: 400;
    margin-right: 5px;
}
.lonon_tm_sidebar ul.wp-tag-cloud li a:hover {
    color: #fff;
    background-color: #ea4343;
}
.lonon_tm_comment_filed .input_list input {
    width: 100%;
    height: 60px;
    border-radius: 10px;
    padding: 25px !important;
    background-color: #fff;
    box-shadow: 13px 13px 21px rgb(131 4 4 / 5%);
    border: none;
    font-size: 18px;
    color: #aaa6b2;
    letter-spacing: 0px;
    margin: 0px 0px 18px 0px;
}
.lonon_tm_comment_filed .comment-reply-title {
    width: 100%;
    float: left;
    margin-bottom: 40px;
}
p.comment-form-cookies-consent {
	display: none;
}
.lonon_tm_comment_filed p.form-submit input.submit {
    text-decoration: none;
    color: #fff;
    font-family: "Josefin Sans";
    display: inline-block;
    background-color: #ea4343;
    font-weight: 700;
    position: relative;
    padding: 15px 46px 15px 46px;
    border-radius: 6px;
    border: 2px solid #ea4343;
    white-space: nowrap;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    height: auto;
    font-size: 15px;
}
.lonon_tm_comment_filed p.form-submit input.submit:hover {
    background-color: transparent;
    color: #15111e;
}
body.dark .lonon_tm_sidebar .widget_categories ul li a {
    color: #fff;
}
body.dark .lonon_tm_sidebar ul.wp-tag-cloud li a {
    color: #fff;
}
.contact_form .lonon_tm_button >input{
    text-decoration: none;
    color: #fff;
    font-family: "Josefin Sans";
    display: inline-block;
    background-color: #ea4343;
    font-weight: 700;
    position: relative;
    padding: 15px 46px 15px 46px;
    border-radius: 6px;
    border: 2px solid #ea4343;
    white-space: nowrap;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 18px;
    height: auto;
    line-height: inherit;
    text-transform: capitalize;
}
.search .search-custom {
    background: #fff;
    padding: 30px;
}
.search .search-custom {
    background: #fff;
    padding: 30px;
}
.search .search-custom h4 {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 1px;
}
.search .search-custom form {
    display: flex;
}
.search .search-custom form .s-input-home {
    width: 70%;
    height: 42px;
    padding-left: 10px;
    max-width: 100%;
    border: 1px solid #999;
}
.search .search-custom form .btn-s-input {
    background: #ea4343;
    color: #fff;
    border: 1px solid #ea4343;
    padding: 6px 20px;
}
.error-page-content >h1 {
    font-size: 100px;
    margin-bottom: 20px;
}
.error-page-content >h2 {
    font-size: 24px;
    margin-bottom: 0px;
}
.error-page-content >p {
    margin-bottom: 50px;
}
.error-page-content .cs-btn-one.btn-md.btn-primary-color {
        background: #ea4343;
    border: 1px solid #ea4343;
    color: #fff;
    padding: 13px 24px;
    margin: 0;
    position: relative;
}
.error-page-content.text-center {
    margin-bottom: 120px;
    margin-top: 120px;
}
.error-page-content .cs-btn-one.btn-md.btn-primary-color:hover:after {
    width: 100%;
    left: 0;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
.search .search-custom {
    background: #fff;
    padding: 30px;
}
.search .search-custom {
    background: #f6f6f6;
    padding: 30px;
}
.search .search-custom h4 {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 1px;
}
.search .search-custom form {
    display: flex;
}
.search .search-custom form .s-input-home {
    width: 70%;
    height: 45px;
    padding-left: 10px;
    max-width: 100%;
    border: 1px solid #999;
    padding: 0px 10px 0px;
    margin-bottom: 0px;
}
.search .search-custom form .btn-s-input {
    background: #101010;
    color: #fff;
    border: 1px solid #101010;
    padding: 8px 20px 5px 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-radius: 0px;
}

h3.comment-reply-title {
    line-height: 24px;
}
.blog-sidebar .wp-tag-cloud li {
    margin: 3px !important;
    padding: 6px 16px;
    background-color: #fff;
    color: #777 !important;
    float: left;
    font-size: 15px;
    line-height: 1.5em;
}
.blog-sidebar .wp-tag-cloud li a {
    font-size: 14px;
    color: #777;
}
.blog-sidebar .wp-tag-cloud li:hover a {
    background-color: #000;
    color: #fff;
}
.blog-sidebar .wp-tag-cloud li:hover {
    background-color: #000;
    color: #fff;
}
.blog-sidebar .widget .wp-tag-cloud li a:hover {
    color: #fff;
}
.dark .blog-sidebar .wp-tag-cloud li {
    margin: 3px !important;
    padding: 6px 16px;
    background-color: #2c2c2c;
    color: #888 !important;
    float: left;
    font-size: 15px;
    line-height: 1.5em;
}
.dark .blog-sidebar ul.wp-tag-cloud li a {
    font-size: 14px;
    color: #fff;
}
.dark .blog-sidebar ul.wp-tag-cloud li:hover, .dark .blog-sidebar ul.wp-tag-cloud li a:hover {
    background-color: #1e1e22;
    color: #fff;
}
.dark .section-subtitle {
    color: #888;
}
body.dark {
    font-family: 'Didact Gothic', sans-serif;
    font-size: 15px;
    line-height: 1.75em;
    font-weight: 400;
    color: #888;
    background: #101010;
}
#lonon-aside .lonon-main-menu > ul > li > a {
    font-family: 'Didact Gothic', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2em;
    color: #888;
    margin: 8px 0 0 0;
    padding: 0 0 8px 0;
    list-style: none;
    text-decoration: auto;
}
.lonon-pagination-wrap li span.current {
    background: transparent;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #777;
    font-weight: 400;
    border-radius: 50%;
    border: 1px solid #ececec;
}
.lonon-pagination-wrap li span.current {
    background: #000;
    color: #fff;
    border: 1px solid #000;
}
.dark .lonon-pagination-wrap li span.current {
    background: #fff;
    color: #000;
    border: 1px solid #fff;
}
.team .info .social p {
    margin-bottom: 5px;
    color: #fff;
}
.search .search-custom form .s-input-home {
    background: #fff;
}
.search .search-custom form .btn-s-input {
    background: #101010;
    color: #fff;
    border: 1px solid #101010;
    padding: 8px 20px 5px 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-radius: 0px;
}

h3.comment-reply-title {
    line-height: 24px;
}
.blog-sidebar .wp-tag-cloud li a {
    font-size: 14px;
    color: #777;
    margin: 3px !important;
    padding: 6px 16px;
    background-color: #fff;
    color: #777 !important;
    float: left;
    font-size: 15px !important;
    line-height: 1.5em;
}
.blog-sidebar .widget .wp-tag-cloud li a:hover {
    color: #fff !important;
    background-color: #111;
}
.dark .blog-sidebar ul.wp-tag-cloud li a {
    font-size: 14px;
    color: #fff;
}
.dark .blog-sidebar ul.wp-tag-cloud li:hover, .dark .blog-sidebar ul.wp-tag-cloud li a:hover {
    background-color: #1e1e22;
    color: #fff;
}
.dark .section-subtitle {
    color: #fff;
}
body.dark {
    font-family: 'Didact Gothic', sans-serif;
    font-size: 15px;
    line-height: 1.75em;
    font-weight: 400;
    color: #fff;
    background: #101010;
}
#lonon-aside .lonon-main-menu > ul > li > a {
    font-family: 'Didact Gothic', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2em;
    color: #111;
    margin: 8px 0 0 0;
    padding: 0 0 8px 0;
    list-style: none;
    text-decoration: auto;
}
.lonon-pagination-wrap li span.current {
    background: transparent;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #111;
    font-weight: 400;
    border-radius: 50%;
    border: 1px solid #ececec;
}
.lonon-pagination-wrap li span.current {
    background: #000;
    color: #fff;
    border: 1px solid #000;
}
.dark .lonon-pagination-wrap li span.current {
    background: #fff;
    color: #000;
    border: 1px solid #fff;
}
.team .info .social p {
    margin-bottom: 5px;
    color: #fff;
}
.search .search-custom form .s-input-home {
    background: #fff;
}
.blog-sidebar .widget {
    padding: 30px 30px;
}
.blog-sidebar .widget .recent a {
    display: block;
    margin-left: 105px;
    margin-top: 15px;
}
.dark .blog-sidebar .widget .recent a {
    display: block;
    margin-left: 105px;
    margin-top: 15px;
}
.dark .services .card:hover .font-text {
    color: #111;
}
.dark .services .card:hover .card-title {
    color: #111;
}
.dark .team .info .social p {
    margin-bottom: 5px;
    color: #111;
}
.dark .price-box:hover .price-features p{
    color: #111;
}
form.wpcf7-form .contact__form .wpcf7-submit {
    margin-top: 20px;
}
.blog-entry .desc span {
    font-size: 13px;
}
a.comment-reply-link {
    color: #333;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s;
    line-height: 1;
    border: 1px solid #333;
    padding: 10px 15px;
    border-radius: 5px;
    margin-top: -10px;
    position: inherit;
}
 ol.comment-list li.comment .comment-body .comment-reply-link {
    position: absolute;
    top: 10px;
    right: 30px;
    margin-top: 11px;
}
.dark ol.comment-list li.comment .comment-body .comment-reply-link {
    position: absolute;
    top: 10px;
    right: 30px;
    margin-top: 11px;
}
.dark #message::placeholder { 
   color: white;
}

.dark #message:-ms-input-placeholder { 
   color: white;
}

.dark #message::-ms-input-placeholder { 
   color: white;
}
.dark input[type="password"]::placeholder, .dark input[type="email"]::placeholder, .dark input[type="text"]::placeholder, .dark input[type="file"]::placeholder, .dark textarea::placeholder{
    color: white;
}
.dark input[type="password"]:-ms-input-placeholder, .dark input[type="email"]:-ms-input-placeholder, .dark input[type="text"]:-ms-input-placeholder, .dark input[type="file"]:-ms-input-placeholder, .dark textarea:-ms-input-placeholder{
    color: white;
}
.dark input[type="password"]::-ms-input-placeholder, .dark input[type="email"]::-ms-input-placeholder, .dark input[type="text"]::-ms-input-placeholder, .dark input[type="file"]::-ms-input-placeholder, .dark textarea::-ms-input-placeholder{
    color: white;
}
.dialog-widget.dialog-lightbox-widget.dialog-type-buttons.dialog-type-lightbox.elementor-lightbox {
    display: none !important;
}
.js.elementor-html .animate-box {
    opacity: 1!important;
}

.elementor-section-wrap > section.elementor-element .elementor-element-populated .elementor-element-edit-mode {
    min-height: 300px;
}

.elementor-editor-active .owl-carousel {
  display: block;
}