/*
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!
Tags: blog,custom-logo,e-commerce,rtl-language-support,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,footer-widgets,portfolio,left-sidebar,right-sidebar
Version: 3.8.11.1729333767
Updated: 2024-10-19 10:29:27

*/

/* Tag Tiles Wrapper */
.tag-tiles-wrapper {
    display: flex;
    overflow-x: auto;
    gap: 20px;
    scroll-behavior: smooth;
    padding: 20px;
    scroll-snap-type: x mandatory;
}

/* Individual Tag Tile */
.tag-tile {
    min-width: 400px;
    height: 267px;
    background-size: cover;
    background-position: center;
    position: relative;
    flex-shrink: 0;
    border-radius: 8px;
    transition: transform 0.3s ease;
    scroll-snap-align: start;
    display: block;
    margin-right: 20px;
}

.tag-tile:hover {
    transform: scale(1.05);
}

.tag-label {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    width: 100%;
    text-align: center;
    padding: 5px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

/* Make scrollbar always visible and larger */
.tag-tiles-wrapper {
    scrollbar-width: thick;
    scrollbar-color: rgba(0, 0, 0, 0.7) #f1f1f1;
}

/* Scrollbar styling for Webkit browsers */
.tag-tiles-wrapper::-webkit-scrollbar {
    height: 16px;
}

.tag-tiles-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.tag-tiles-wrapper::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
}

.tag-tiles-wrapper::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.9);
}

/* Responsive Styling */
@media (max-width: 768px) {
    .tag-tile {
        min-width: 300px;
        height: 200px;
    }
}

@media (max-width: 480px) {
    .tag-tile {
        min-width: 250px;
        height: 150px;
    }
}
.custom-bg-height {
    min-height: 400px !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.wp-block-nk-awb {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.single-post-container {
    max-width: 100% !important; /* Allows full width */
    width: 90%; /* Adjust this percentage as needed */
    margin: 0 auto;
}

.nv-single-post-wrap, .entry-content, .nv-content-wrap {
    max-width: 100% !important;
    width: 100% !important;
}
.post-thumbnail {
    margin-bottom: 15px;
    text-align: center;
}

.post-thumbnail img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}
/* Set up the grid for post items */
.post-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columns */
    gap: 20px; /* Space between grid items */
    max-width: 100%;
    margin: 20px auto;
}

/* Individual post styling */
.post-item {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 5px;
    background: #fff;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .post-grid {
        grid-template-columns: 1fr 1fr; /* 2 columns on tablets */
    }
}

@media (max-width: 480px) {
    .post-grid {
        grid-template-columns: 1fr; /* 1 column on mobile */
    }
}

/* Optional styling for category description */
.category-description {
    margin-top: 20px;
    font-size: 1.1em;
    color: #555;
    text-align: center;
}
/* Grid layout for recent posts */
.post-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columns */
    gap: 20px;
}

.post-item {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 5px;
    background: #fff;
}

.post-thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .post-grid {
        grid-template-columns: 1fr 1fr; /* 2 columns on tablets */
    }
}

@media (max-width: 480px) {
    .post-grid {
        grid-template-columns: 1fr; /* 1 column on mobile */
    }
}
.recent-posts-section h2 {
    margin-top: 20px; /* Adjust the value as needed */
}

#breadcrumbs {
    font-size: 1.2em; /* Размер шрифта */
    background-color: #f9f9f9; /* Цвет фона */
    padding: 5px; /* Отступы */
    border-radius: 4px; /* Скругление углов */
}

#breadcrumbs a {
    color: #5a67d8; /* Цвет ссылок */
}

#breadcrumbs .breadcrumb_last {
    color: #2d3748; /* Цвет последнего элемента */
    font-weight: 600; /* Жирность последнего элемента */
}

.nv--yoast-breadcrumb,
.neve-breadcrumbs-wrapper {
    font-size: 1.2em; /* Укажите нужный размер */
   background-color: #f9f9f9;
    padding: 5px;
    border-radius: 4px;
}
.nv--yoast-breadcrumb a {
    color: #5a67d8;
}
.nv--yoast-breadcrumb .breadcrumb_last {
    color: #2d3748;
    font-weight: 600;
}

/* SEO Content Styles */
.seo-post-list,
.seo-category-content {
    background: #ffffff;
    padding: 30px 20px;
    margin: 20px 0;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    line-height: 1.6;
}

.seo-post-list h1,
.seo-category-content h1 {
    color: #2c5f5f;
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 20px 0;
    text-align: center;
    line-height: 1.3;
}

.seo-post-list h2,
.seo-category-content h2 {
    color: #2c5f5f;
    font-size: 24px;
    font-weight: 600;
    margin: 30px 0 15px 0;
    line-height: 1.4;
}

.seo-post-list h3,
.seo-category-post h3 {
    color: #2c5f5f;
    font-size: 20px;
    font-weight: 600;
    margin: 20px 0 10px 0;
    line-height: 1.4;
}

.seo-post-list p,
.seo-category-content p,
.seo-category-description p,
.seo-category-info p {
    color: #666;
    font-size: 16px;
    margin: 15px 0;
    line-height: 1.6;
}

.seo-post-item {
    border: 1px solid #e9ecef;
    padding: 20px;
    margin: 15px 0;
    border-radius: 8px;
    background: #f8f9fa;
    transition: box-shadow 0.3s ease;
}

.seo-post-item:hover {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.seo-post-item h3 {
    margin: 0 0 10px 0;
}

.seo-post-item h3 a {
    color: #2c5f5f;
    text-decoration: none;
    font-weight: 600;
}

.seo-post-item h3 a:hover {
    color: #1a4a4a;
    text-decoration: underline;
}

.seo-excerpt {
    color: #555;
    font-size: 15px;
    margin: 10px 0;
    line-height: 1.5;
}

.seo-meta {
    color: #888;
    font-size: 14px;
    margin: 10px 0;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.seo-meta time,
.seo-meta span {
    display: inline-block;
}

.seo-post-item img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 15px 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.seo-main-content {
    background: #f8f9fa;
    padding: 25px;
    margin: 25px 0;
    border-radius: 8px;
    border-left: 4px solid #2c5f5f;
}

.seo-main-content ul {
    margin: 15px 0;
    padding-left: 25px;
}

.seo-main-content li {
    margin: 8px 0;
    color: #555;
    font-size: 15px;
    line-height: 1.5;
}

/* Category SEO Styles */
.seo-category-content ul,
.seo-category-info ul {
    margin: 15px 0;
    padding-left: 25px;
}

.seo-category-content li,
.seo-category-info li {
    margin-bottom: 8px;
    color: #555;
    font-size: 15px;
    line-height: 1.5;
}

.seo-category-post {
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 15px;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.seo-category-post:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.seo-category-post h3 {
    margin-top: 0;
    font-size: 18px;
    line-height: 1.3;
}

.seo-category-post h3 a {
    color: #2c5f5f;
    text-decoration: none;
}

.seo-category-post h3 a:hover {
    text-decoration: underline;
}

.seo-category-post .seo-excerpt {
    font-size: 14px;
    color: #555;
    margin-top: 10px;
    line-height: 1.5;
}

.seo-category-post .seo-meta {
    font-size: 13px;
    color: #888;
    margin-top: 5px;
}

.seo-category-post .seo-meta span {
    margin-right: 10px;
}

.seo-category-post .seo-meta time {
    font-style: italic;
}

.seo-category-description {
    background: #f0f8ff;
    padding: 20px;
    border-radius: 6px;
    margin: 20px 0;
    border-left: 4px solid #2c5f5f;
}

.seo-category-info {
    background: #f8f9fa;
    padding: 25px;
    border-radius: 8px;
    margin: 25px 0;
    border: 1px solid #e9ecef;
}

/* Single Post SEO Styles */
.seo-single-content {
    background: #ffffff;
    padding: 30px 20px;
    margin: 20px 0;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    line-height: 1.6;
}

.seo-single-content h1 {
    color: #2c5f5f;
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 20px 0;
    text-align: center;
    line-height: 1.3;
}

.seo-single-content h2 {
    color: #2c5f5f;
    font-size: 24px;
    font-weight: 600;
    margin: 30px 0 15px 0;
    line-height: 1.4;
}

.seo-single-content h3 {
    color: #2c5f5f;
    font-size: 20px;
    font-weight: 600;
    margin: 20px 0 10px 0;
    line-height: 1.4;
}

.seo-single-content p {
    color: #666;
    font-size: 16px;
    margin: 15px 0;
    line-height: 1.6;
}

.seo-single-content ul {
    margin: 15px 0;
    padding-left: 25px;
}

.seo-single-content li {
    margin-bottom: 8px;
    color: #555;
    font-size: 15px;
    line-height: 1.5;
}

.seo-single-content strong {
    color: #2c5f5f;
    font-weight: 700;
}

.seo-single-content a {
    color: #2f5aae;
    text-decoration: none;
    font-weight: 500;
}

.seo-single-content a:hover {
    text-decoration: underline;
}

.seo-post-meta {
    font-size: 14px;
    color: #888;
    margin-bottom: 20px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 6px;
    border-left: 4px solid #2c5f5f;
}

.seo-post-meta span {
    margin-right: 15px;
}

.seo-post-meta time {
    font-style: normal;
    font-weight: 500;
}

.post-dates-bar.seo-post-meta {
    margin-bottom: 0.5rem;
    padding: 0.4rem 0.65rem;
    font-size: 13px;
    line-height: 1.4;
}

.post-dates-bar.seo-post-meta span {
    margin-right: 0.75rem;
}

.post-dates-bar strong {
    font-weight: 600;
    color: #555;
}

.seo-reading-time {
    color: #666;
    font-weight: 500;
}

.seo-post-excerpt {
    background: #f0f8ff;
    padding: 20px;
    border-radius: 6px;
    margin: 20px 0;
    border-left: 4px solid #2c5f5f;
}

.seo-post-excerpt p {
    font-size: 16px;
    color: #444;
    margin: 0;
    font-style: italic;
}

.seo-post-content {
    background: #ffffff;
    padding: 25px;
    border-radius: 8px;
    margin: 25px 0;
    border: 1px solid #e9ecef;
}

.seo-additional-info {
    background: #f8f9fa;
    padding: 25px;
    border-radius: 8px;
    margin: 25px 0;
    border: 1px solid #e9ecef;
}

.seo-additional-info ul {
    list-style: none;
    padding-left: 0;
}

.seo-additional-info li {
    background: #ffffff;
    padding: 12px 15px;
    margin-bottom: 8px;
    border-radius: 6px;
    border-left: 3px solid #2c5f5f;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.seo-related-posts {
    background: #ffffff;
    padding: 25px;
    border-radius: 8px;
    margin: 25px 0;
    border: 1px solid #e9ecef;
}

.seo-related-post {
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 15px;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.seo-related-post:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.seo-related-post h3 {
    margin-top: 0;
    font-size: 18px;
    line-height: 1.3;
}

.seo-related-post h3 a {
    color: #2c5f5f;
    text-decoration: none;
}

.seo-related-post h3 a:hover {
    text-decoration: underline;
}

.seo-related-post p {
    font-size: 14px;
    color: #555;
    margin-top: 10px;
    line-height: 1.5;
}

.seo-countries-section {
    background: #ffffff;
    padding: 25px;
    margin: 25px 0;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.seo-countries-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin: 20px 0;
}

.seo-country-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    background: #f8f9fa;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

.seo-country-item:hover {
    background: #e9ecef;
}

.country-flag {
    font-size: 20px;
}

.country-name {
    font-weight: 500;
    color: #555;
}

/* Responsive Design */
@media (max-width: 768px) {
    .seo-post-list {
        padding: 20px 15px;
        margin: 15px 0;
    }
    
    .seo-post-list h1 {
        font-size: 28px;
    }
    
    .seo-post-list h2 {
        font-size: 22px;
    }
    
    .seo-post-list h3 {
        font-size: 18px;
    }
    
    .seo-post-item {
        padding: 15px;
    }
    
    .seo-countries-grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 10px;
    }
    
    .seo-main-content {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .seo-post-list {
        padding: 15px 10px;
        margin: 10px 0;
    }
    
    .seo-post-list h1 {
        font-size: 24px;
    }
    
    .seo-post-list h2 {
        font-size: 20px;
    }
    
    .seo-post-list h3 {
        font-size: 16px;
    }
    
    .seo-post-item {
        padding: 12px;
    }
    
    .seo-countries-grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    
    .seo-main-content {
        padding: 15px;
    }
    
    .seo-meta {
        flex-direction: column;
        gap: 5px;
    }
}