/*
Theme Name: Twenty Fourteen Child
Theme URI: https://wordpress.org/themes/twentyfourteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, 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, accessibility-ready
Text Domain: twentyfourteen
Template: twentyfourteen

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.
*/

.site {
	max-width: 100%;
}
.site-header {
	max-width: 100%;
}
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	max-width: 80%;
}
.comments-area {
	max-width: 80%;
}
.site-content .entry-meta {
	max-width: 100%;
}
.site-content footer.entry-meta{
	max-width: 80%;
}

.hentry {
	max-width: 100%!important;
}



html .mceContentBody {
	max-width: 100%!important;
}

/* ==== */

.flex-container {
    display: flex;
    flex-direction: column;
    gap: 0; /* Расстояние между строками */
    width: 100%;
}

.flex-row {
    display: flex;
    flex-direction: row;
    gap: 0; /* Расстояние между ячейками */
    flex-wrap: wrap; /* Позволяет переносить ячейки на новую строку */
}

.flex-cell {
    flex: 1; /* Автоматическое распределение ширины */
    padding: 5px;
    border: 1px solid #ccc;
    /*
    background-color: #f9f9f9;
    */
    font-family: Verdana, sans-serif;
    font-size: small;
}
.flex-cell p {
	display: block;
}

/* 🔹 Перенос в колонку при ширине экрана меньше 1024px */
@media (max-width: 1024px) {
    .flex-row {
        flex-direction: column;
    }
}

/* 🔹 Полный одноколоночный вид при ширине экрана меньше 768px */
@media (max-width: 768px) {
    .flex-container {
        display: block; /* Чтобы каждый элемент занимал всю ширину */
    }

    .flex-row {
        flex-direction: column;
    }

    .flex-cell {
        width: 100%; /* Растянуть каждую ячейку на всю ширину */
    }
}


.is-layout-flex {
  justify-content: center;
}


.wp-block-columns {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; /* чтобы при необходимости переносились */
}

.wp-block-column {
  display: block; /* чтобы внутри колонки было как обычно */
}