/*!
Theme Name: My Theme
Theme URI: 
Author: Kryga Agency
Author URI: https://kryga.com.ua
Description: Wordpress template
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: my-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

My Theme is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
 */

.cms-editor strong {
    font-weight: 700
}

.cms-editor .btn, .cms-editor .button {
    text-decoration: none
}

.cms-editor blockquote {
    margin: 1.5em 10px;
    padding: .5em 10px;
    quotes: "“" "”" "‘" "’"
}

.cms-editor blockquote:before {
    content: open-quote;
    font-size: 4em;
    line-height: .1em;
    margin-right: .25em;
    vertical-align: -.4em
}

.cms-editor blockquote p {
    display: inline
}

.cms-editor hr {
    border: 0;
    border-bottom: 1px solid
}

.cms-editor em {
    font-style: italic
}

.cms-editor ol, .cms-editor ul {
    margin: 15px 15px 0;
    text-align: left
}

.cms-editor ul {
    list-style-type: disc
}

.cms-editor ol {
    list-style-type: decimal
}


/*All pages template*/
.pages-list {
    display: flex;
    padding: 155px 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.pages-list ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}
.pages-list ul:last-child {
    margin-bottom: 0px;
}
.pages-list ul h3 {
    display: block;
    text-align: center;
    font-size: 28px;
}
.pages-list ul a {
    display: block;
    padding: 25px;
    text-align: center;
    font-size: 15px;
}
.pages-list ul a:hover {
    text-decoration: underline;
}

/* Added 27-11-2024 for posts events */

.events-page {
    padding: 40px 0;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.events-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 40px;
}

.event-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    width: 100%;
}

.event-card-link {
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.event-image {
    width: 300px;
    min-width: 300px;
    position: relative;
}

.event-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.event-content {
    padding: 24px;
    flex-grow: 1;
}

.event-title {
    font-size: 24px;
    margin: 0 0 16px;
    color: #333;
    line-height: 1.3;
}

.event-excerpt {
    margin-bottom: 24px;
    color: #666;
    line-height: 1.6;
}

.event-link {
    display: inline-block;
    color: var(--primary-color, #000);
    font-weight: 500;
    border-bottom: 2px solid currentColor;
    padding-bottom: 2px;
}

.page-title {
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 40px;
    color: var(--heading-color, #333);
}

@media (max-width: 768px) {
    .event-card-link {
        flex-direction: column;
    }
    
    .event-image {
        width: 100%;
        min-width: 100%;
        padding-top: 56.25%; /* 16:9 соотношение */
    }
    
    .page-title {
        font-size: 32px;
    }
}
/* Single events */
.single-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.single-event {
    padding: 60px 0;
    max-width: 800px;
    margin: 0 auto;
}

.single-event-title {
    font-size: 45px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 40px;
    color: var(--heading-color, #333);
}

.single-event-image {
    margin: -20px -40px 40px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.single-event-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.single-event-content {
    font-size: 18px;
    line-height: 1.6;
    color: #444;
    margin-bottom: 40px;
}

.single-event-content p {
    margin-bottom: 1.5em;
}

.single-event-content h2,
.single-event-content h3,
.single-event-content h4 {
    color: var(--heading-color, #333);
    margin: 1.5em 0 0.8em;
}

.single-event-content h2 {
    font-size: 32px;
}

.single-event-content h3 {
    font-size: 28px;
}

.single-event-content h4 {
    font-size: 24px;
}

.single-event-content ul,
.single-event-content ol {
    margin: 1em 0;
    padding-left: 1.5em;
}

.single-event-content li {
    margin-bottom: 0.5em;
}

.single-event-categories {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.single-event-category {
    display: inline-block;
    padding: 8px 16px;
    margin: 0 10px 10px 0;
    background: var(--primary-color, #000);
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.single-event-category:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

@media (max-width: 768px) {
    .single-event {
        padding: 40px 0;
    }
    
    .single-event-title {
        font-size: 32px;
        margin-bottom: 30px;
    }

    .single-event-image {
        margin: -10px -20px 30px;
        border-radius: 12px;
    }

    .single-event-content {
        font-size: 16px;
    }

    .single-event-content h2 {
        font-size: 28px;
    }

    .single-event-content h3 {
        font-size: 24px;
    }

    .single-event-content h4 {
        font-size: 20px;
    }
}

/* Дополнительные стили для контентных элементов */
.single-event-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 2em 0;
}

.single-event-content blockquote {
    margin: 2em 0;
    padding: 20px 30px;
    border-left: 4px solid var(--primary-color, #000);
    background: #f8f8f8;
    font-style: italic;
    border-radius: 0 8px 8px 0;
}

.single-event-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 2em 0;
}

.single-event-content table th,
.single-event-content table td {
    padding: 12px;
    border: 1px solid #eee;
    text-align: left;
}

.single-event-content table th {
    background: #f8f8f8;
    font-weight: 600;
}
.hero__content:before {
  background: linear-gradient(180deg, rgba(8, 8, 8, .05), rgba(8, 8, 8, .8)) !important;
}