/* ===================================================================================

* Theme Name: Nimo Child
* Theme URI: https://themexriver.com/wp/Nimo
* Author: ThemeXriver
* Author URI: https://themeforest.net/user/themexriver
* Description: Creative Digital Agency WordPress Theme
* Version: 1.0.3
* Template: nimo
* Text Domain: nimo-child
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready
* Tested up to: 6.6
* Requires PHP: 7.4

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of Nimo updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

.tx-logo img {
    height: 60px;
}
.nm-header-1-wrap {
    background: var(--nm-clr-black-1);
    box-shadow: 1.782px 0.908px 32.2px 2.8px rgb(69 78 243 / 23%);
    border-radius: 50px;
    border: 1px solid rgb(69 71 243 / 40%);
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}
.nm-hero-1-container {
    max-width: 1400px;
}
.nm-hero-1-subtitle {
    padding-top: 20px;
    padding-bottom: 20px;
}
.nm-hero-1-content-2 {
    bottom: 130px;
}
@media (max-width: 767px) {
    .nm-hero-1-content-2 {
        bottom: 50px;
    }
}
.nm-hero-1-btn {
    transform: translateY(200%);
}
@media (max-width: 480px) {
    .nm-hero-1-disc {
        font-size: 20px !important;
    }
}
.nm-hero-1-title span {
    transform: translateY(200%);
}
.nm-hero-1-content {
    padding-top: 200px;
    padding-bottom: 400px;
}
.nm-services-1-tabs-pane-single .item-img {
    height: auto;
    filter: unset;
}
.nm-hero-1-disc {
    max-width: 520px;
    font-size: 22px;
}
.nm-main-navigation .navbar-nav li .dropdown-menu {
    left: 0;
    top: 100%;
    z-index: 100;
    margin: 0px;
    padding: 15px 0px;
    height: auto;
    min-width: 200px;
    display: block;
    box-shadow: 1.782px 0.908px 32.2px 2.8px rgb(69 243 81 / 23%);
    border: 1px solid rgb(69 243 94 / 40%);
    border-radius: 8px;
    position: absolute;
    background: var(--nm-clr-black-1);
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transform: scaleY(0);
    transform-origin: top;
    transition: all 0.6s var(--nm-cube-1);
}
.wa-back-to-top {
    position: fixed;
    right: 1.5%;
    bottom: -12.5%;
    z-index: 4;
    width: 40px;
    height: 40px;
    box-shadow: 1.782px 0.908px 32.2px 2.8px rgb(69 243 81 / 23%);
    background-color: rgb(45, 45, 45);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(255, 255, 255);
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(69 243 94 / 40%);
    border-image: initial;
    transition: 0.3s;
    border-radius: 4px;
}
.elementor-element-219fdf8 .nm-partner-1-area,
.elementor-element-219fdf8 .nm-partner-1-area.mb-80 {
    margin-bottom: 0 !important;
}
.nm-Firefly-ani-svg path {
    fill: #45f35e !important;
}
.tz-blog-details-text p {
    padding-bottom: 0px;
}
.tz-blog-details-text h2 {
    padding-bottom: 30px;
}
@media (min-width: 1024px) {
  .tx-sidebarWrapper.tz-ser-sidebar {
    position: sticky;
    top: 7rem;
  }
}
@media (min-width: 1024px) {
  body.blog .tx-blog-area.tz-blog-list-sec.fix,
  body.archive .tx-blog-area.tz-blog-list-sec.fix {
    overflow: visible !important;
  }
}
@media (min-width: 1200px) {
  body.blog .container,
  body.archive .container {
    max-width: 1320px !important;
  }
}
@media (min-width: 1400px) {
  body.blog .container,
  body.archive .container {
    max-width: 1440px !important;
  }
}
.nm-breadcrumb-area {
    position: relative;
    z-index: 0; /* neue Stacking-Context-Basis */
}

/* Overlay zum Abdunkeln des Background-Images */
.nm-breadcrumb-area::before {
    content: "";
    position: absolute;
    inset: 0; /* top:0; right:0; bottom:0; left:0; */
    background: rgba(0, 0, 0, 0.45); /* Stärke anpassen: 0.3–0.7 */
    z-index: 0;
    pointer-events: none;
}

/* Inhalt über das Overlay legen */
.nm-breadcrumb-area > * {
    position: relative;
    z-index: 1;
}
.widget ul li a:hover {
    color: #45f351 !important;
}
.widget a:hover {
    color: #45f351 !important;
}
.tagcloud a:hover, .sidebar-tag a:hover {
    background: color(srgb 0 0 0 / 0.45);
    color: #fff;
}
.tagcloud a, .sidebar-tag a {
    background: rgb(0 0 0 / 66%);
    border: 1px solid rgba(255, 255, 255, 0.2);
}
/* BASIS: H2 im Blog-Content (Artikel) */
.post-details-content h3,
.tz-blog-details-text h3,
.blog-details-content h3,
.tx-blogDetails-box h3 {
    margin-top: 2rem;
}
/* BASIS: H2 im Blog-Content (Artikel) */
.post-details-content h2,
.tz-blog-details-text h2,
.blog-details-content h2,
.tx-blogDetails-box h2 {
    font-size: 2.3rem !important;   /* ~40px */
    font-weight: 700;
    margin-top: 2rem;
}

/* Bis 1200px: leicht kleiner */
@media (max-width: 1200px) {
    .post-details-content h2,
    .tz-blog-details-text h2,
    .blog-details-content h2,
    .tx-blogDetails-box h2 {
        font-size: 2.0rem !important;   /* ~37px */
    }
}

/* Bis 992px (Tablet quer/kleinere Laptops) */
@media (max-width: 992px) {
    .post-details-content h2,
    .tz-blog-details-text h2,
    .blog-details-content h2,
    .tx-blogDetails-box h2 {
        font-size: 2.1rem !important;   /* ~34px */
    }
}

/* Bis 768px (Tablet hoch / große Smartphones) */
@media (max-width: 768px) {
    .post-details-content h2,
    .tz-blog-details-text h2,
    .blog-details-content h2,
    .tx-blogDetails-box h2 {
        font-size: 2rem !important;     /* ~32px */
    }
}

/* Bis 480px (Smartphones) */
@media (max-width: 480px) {
    .post-details-content h2,
    .tz-blog-details-text h2,
    .blog-details-content h2,
    .tx-blogDetails-box h2 {
        font-size: 1.8rem !important;   /* ~29px */
    }
}
.nm-marquee-1-counter .disc {
    max-width: 115px;
    color: #808080;
    line-height: 1.3;
}
.elementor-1459 .elementor-element.elementor-element-3402060 .tx-logo img {
    height: 60px;
}