/*
Theme Name:     Neve Child
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/

.neve-main > .container > .row {background-color: #fff;}
.nav-ul li:hover > .wrap {background-color: var(--custom-1);
border-radius: 10px;}
.nav-ul:not(.menu-mobile):not(.neve-mega-menu) > li > .wrap > a {margin: 10px 15px 10px 15px;}
.entry-content a {font-weight: 600;
text-decoration: none;}
.shapka {
  padding: 20px 0px;
  background: url(/wp-content/uploads/2023/08/bg-left.png) var(--custom-1) no-repeat;
}
.space-pros-cons ul li::before, .space-pros ul li::before, .space-cons ul li::before {
  font-weight: 400;
  position: absolute;
  font-size: 14px;
  top: 5px;
  left: 0;
  font-family: FontAwesome;
}

.pros-cons {display: flex;
  padding-top: 15px;}
  
  .space-cons {padding-left: 10px;}
  
  
  .box-100 {
    width: 100%;
  }
  .space-pros-ins {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    overflow: hidden;
    padding: 30px;
    border: 1px solid #dfe6e9;
    border-radius: 5px;
    margin-bottom: 15px;
  }

  .space-pros-title, .space-cons-title {
    padding-bottom: 15px;
    font-size: 1.333em;
    line-height: 1.45em;
    font-weight: 700;
  }
  .wp-block-column {
    margin-left: 15px;
    margin-right: 15px;
  }
  .space-pros-ins ul li::before {
    font-weight: 700;
    content: "\f067";
    color: #2ecc71;
  }

  .space-cons {
    padding-left: 10px;
  }
  .space-cons-ins {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    overflow: hidden;
    padding: 30px;
    border: 1px solid #dfe6e9;
    border-radius: 5px;
    margin-bottom: 15px;
  }
  
    .space-organization-header-logo-box {
  line-height: 0;
  width: 150px;
  flex: none;
}
.absolute {
  position: absolute;
}
.space-organization-header-logo-rating {
  display: inline-block;
  right: -15px;
  top: -15px;
  padding: 7px 8px 7px 10px;
  background-color: #fff;
  color: #111111;
  font-weight: 700;
  font-size: 1em;
  line-height: 16px;
  border-radius: 15px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
}

  .space-pros-cons ul li, .space-pros ul li, .space-cons ul li {
    list-style: none;
    padding: 5px 5px 5px 22px;
    font-size: 1em;
    line-height: 1.25em;
    position: relative;
  }
  .space-cons-ins ul li::before {
    font-weight: 700;
    content: "\f068";
    color: #ff2453;
  }

  .space-pros-ins::before {
    content: "+";
    font-weight: 700;
    position: absolute;
    font-size: 55px;
    line-height: 46px;
    text-align: center;
    top: 15px;
    right: 15px;
    color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: #d5f1e2;}

.relative {position: relative;}

.space-cons-ins::before {
  content: "-";
  font-weight: 700;
  position: absolute;
  font-size: 70px;
  line-height: 35px;
  text-align: center;
  top: 15px;
  right: 15px;
  color: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background-color: #fde3e8;
}

.space-organization-header-logo-box {
  line-height: 0;
  flex: none;
}
.absolute {
  position: absolute;
}
.space-organization-header-logo-rating {
  display: inline-block;
  right: -15px;
  top: -15px;
  padding: 7px 8px 7px 10px;
  background-color: #fff;
  color: var(--nv-primary-accent);
  font-weight: 700;
  font-size: 1em;
  line-height: 16px;
  border-radius: 15px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
}

.preload-table ul {
  overflow: hidden;
    overflow-x: hidden;
  overflow-x: hidden;
  overflow-x: auto;
      font-size: 13px;
  list-style: none;
  width: 100%;
  padding-left: 0px;}
  
  .preload-table ul li{
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  padding: 5px 35px 10px 0;
  white-space: nowrap;
  position: relative;
      text-align: left;}
  
  
  .preload-table .app-data-label {
    display: block;
    line-height: 22px;
      font-weight: 500;}
  
  .preload-div {
    display: flex; 
    align-items: center;}
  
  .preload-img {float: left;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 20px;
  margin: auto;}
  
  .preload-img img {max-width:150px;
  margin:1px;
  border-radius: 10px;
  }
  
  .preload-table {float: left;
  width: 70%;
  padding-top: 5px;
  padding-bottom: 20px;}
  
  .preload-table table {margin: 0px;}
  
  .preload {padding-bottom: 20px;}
  
  @media (max-width: 767px) {
    .preload-img {width: 100%;} 
    .preload-table {width: 100%;}
    .shapka {text-align: center;}
    .preload-div {display: block;}
    .space-organization-header-logo-box {margin: 0 auto;}
    .pros-cons {display: block;}
    .space-cons {padding-left: 0px;}
    .postload-img {display: none !important;}
    .link {width: 100% !important;}
}

.shapka h1 {text-align: center;
  margin-bottom: 5px;}

.lwptoc_item a {
display: block;
background-color: #fff;
border-radius: 5px;
text-align: center;
padding: 5px 10px;
margin: 10px 0;
color: var(--nv-secondary-accent);
}

.lwptoc_item a:hover {background-color: var(--custom-1);
  outline: 1px solid var(--nv-primary-accent);
  outline-offset: -1px;}

OL.lwptoc_itemWrap, UL.lwptoc_itemWrap{
  display: flex;
white-space: nowrap;
width: 100%;
overflow-x: auto;}

.lwptoc_i {width: 100%;}

LI.lwptoc_item {margin:0px 5px 0px 0px !important;}

.lwptoc {margin-top: 5px !important;}

.embed-container {
  text-align: center !important;
  border-top: var(--custom-1) solid 1px;
border-bottom: var(--custom-1) solid 1px;
margin-bottom: 10px;
padding: 20px 0px;
}

.gallery-top {
  display: flex;
  overflow-x: auto;
  padding-left: 0px;
  margin-bottom: 30px;
}
  
.gallery-top li {list-style-type: none;
  padding-right: 15px;}
  
.gallery-top img {
  height: 200px;
  max-width: none;}

.background-li {
      background: #A8ABAC;
      border: 1px solid #E0E5E9;
      height: 202px;
margin-bottom: 10px;
    }
    .background-li:hover img { 
      opacity: 0.7; 
    }
.space-content-section img {border-radius: 0px;}


.excerpt-wrap li, .nv-content-wrap li, .preload-table li, .link li {
  position: relative;
  padding-left: 3em;
  margin: 0.45em 0;
    margin-bottom: 0.45em;
  list-style: none;
  line-height: 1.8em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.excerpt-wrap ul li::before, .nv-content-wrap ul li::before, .preload-table ul li::before, .link ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  padding: 0px;
  color: #fff;
  background: var(--nv-primary-accent);
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
margin-top: 5px;
content: "\f00c";
font-family: FontAwesome;}

.excerpt-wrap ul, .nv-content-wrap ul, .preload-table ul, .link ul li {
  list-style: none; 
  counter-reset: myCounter;
  margin-left: 0;
}


.excerpt-wrap ol li::before, .nv-content-wrap ol li::before, .preload-table ol li::before, .link ol li::before {
  content: counter(myCounter);
  counter-increment: myCounter;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  padding: 0px;
  color: #fff;
  background: var(--nv-primary-accent);
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
margin-top: 5px;}

.excerpt-wrap ol, .nv-content-wrap ol, .preload-table ol, .link ol {
  list-style: none; 
  counter-reset: myCounter;
  margin-left: 0;
}

blockquote {
  margin: 20px 0px;
  border-color: var(--custom-1);
  border-style: solid;
  border-width: 1px;
  padding: 10px 0 0 20px;
  border-radius: 10px;
background-color: var(--custom-1);}

.skach a {
  text-align: center;
  display: flow-root;
  border: 2px solid var(--nv-secondary-accent);
  text-transform: uppercase;
  color: var(--nv-secondary-accent);
  border-radius: 5px;
  line-height: 3em;
  font-weight: bold;
}

.skach a::after {
  font-family: FontAwesome;
  content: "\f103";
  font-weight: 400;
  padding-left: 5px;
}

.skach a::before {
  font-family: FontAwesome;
  content: "\f103";
  font-weight: 400;
  padding-right: 5px;
}

.skach a:hover {
  background-color: var(--nv-secondary-accent);
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}


  .postload-img a {border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px;
  color: #343434;
  text-decoration: none;}
  
  #download {    width: 100%;
    display: flex;
    align-items: center;
  padding-bottom: 20px;
}
  
  .link {width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;}	

.link h2, .link h3, .link h4 {
      align-items: center;
    }

    .postload-img {
      width: 20%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }
    
      .postload-img img {max-width:150px;
    margin-bottom: 10px;
    border-radius: 10px;
      }

 
.link a {
        display: block;
        background-color: var(--nv-primary-accent);
        color: #fff;
        width: 100%;
        text-align: center;
        border-radius: 5px;
line-height: 3em;
text-transform: uppercase;
}

.link a:hover {background-color: var(--nv-secondary-accent);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;}

.link p {
  display: block;}

.link a::after {
  font-family: FontAwesome;
  content: "\f019";
  padding-left: 5px;
}

.pros-cons ul li {line-height: 1.8em !important;}


.preload-market {display: none;}

@media screen and (max-width: 766px) {
  .preload-market {
      display: block; 
  }
}

.post .preload-table {
  width: 60%;
}

.nv-single-post-wrap > div:not(:last-child) {margin-bottom: 10px;}

.post h1 {font-size: 2.5em;}


.post #download {text-align: center;
  padding-top: 20px;
  background-color: #fff;
  border-radius: 18px;
  padding-bottom: 20px;
  display: block;}
  
  
  .post #download a{
  font-size: 1.3em;
  background: var(--nv-primary-accent);
  color: rgb(255, 255, 255) !important;
  text-decoration: none;
      line-height: 2.7em;
  display: block;
  margin-bottom: 15px;}
  
  .post #download a:hover {
  background: #36107d;
  }
  
  .post .download-text {font-weight: bold;
  padding-bottom: 5px;
  font-size: 13px;}
  
  .post .download-text img{
  width: 35px;
  height: auto;
  border-radius: 10px;
      margin-left: 10px;}
  
  .post p img {
      max-height: 500px;
    }

.post .preload-img img {max-width:200px;
      margin:1px;
      border-radius: 10px;
      }

#hoverNav {max-width: 1000px;
height: auto;}

.post td, th {padding: 10px;}

.post h2 {margin-top: 30px;}