/*
Theme Name: Gorman 2
Theme URI: http://shtheme.com/demosd/gorman2
Author: Shtheme
Author URI: https://themeforest.net/user/shtheme
Description: Gorman 2 — Personal Portfolio theme is for many purpose. It has pinned vertical menu. It also has some opacity scrolling effects. This is the best theme for resume, cv, vCard, personal, freelancers, agencies and portfolio websites. This is a fully customizable theme. You can edit each and every part of this theme according to your needs.
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
---------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

/* *{
	font-family: "Jost", sans-serif !important;	
}
 */

.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: "Jost", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2em;
    color: #888;
    margin: 8px 0 0 0;
    padding: 0 0 18px 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-size: 18px;
    font-weight: 400;
    line-height: 1.2em;
    color: #111;
    margin: 8px 0 0 0;
    padding: 0 0 12px 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: #FFFFFF;
}
.dark .services .card:hover .card-title {
    color: #ca9670;
}
.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;
}