@charset "UTF-8";
/*
Theme Name: BlogPost 4 Дочерняя
Theme URI: https://goodwinpress.ru/wp-tema-blogpost-4
Author: GoodwinPress
Author URI: https://goodwinpress.ru/
Description: Используем дочернюю тему лишь в тех случаях, когда собрались менять стили, разметку или функции темы. Просто так ее ставить не требуется.
Text Domain: blogpost-4
Domain Path: /languages
Template: blogpost-4
*/

.bannermobile,
.bannermobile img {
    border-radius: var(--bradius);
    display: block;
    margin: 0 auto;
    width: fit-content;
}

.banner {
    padding: 14px;
    border: 1px solid var(--borderColor);
    border-radius: var(--bradius);
    display: block;
    margin: 0 auto;
    width: fit-content;
}

.single-page__title {
    font-size: 2rem;
}

.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
	color: #035184;
}

.widget {
    padding: 14px;
}

blockquote:before {
    content: "“";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    font-size: 4rem;
    transform: translate(3rem,2.8rem)
}

.lyte-wrapper {
    padding-top: 5px;
}

.istok {
  color: var(--greyColor);
  font-size: 0.9rem;
}

.radius {
	border-radius: var(--bradius);
}

.responsive-two-column-block {
    width: 100%;
    box-sizing: border-box;
}

.column-container {
    display: flex;
    flex-direction: row;
    gap: 17px;
}

.left-column,
.right-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.column-container a {
    display: block;
}

.column-container img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

@media (max-width: 430px) {
    .column-container {
        flex-direction: column;
        gap: 0;
    }

    .column-container .left-column {
        width: 100%;
        margin-bottom: 20px;
        flex: none;
    }
    
    .column-container .right-column {
        width: 100%;
        margin-bottom: 10px;
        flex: none;
    }
}


.wp-element-caption {
    text-align: center;
}

.wp-block-table figcaption {
    margin-top: -7px;
    padding-bottom: 8px;
}

.post-content figure {
    margin-bottom: 0.9rem;
}

/* Размещайте ваши стили под этой строкой. */

table, .wp-block-table {
  max-width: 789px !important;
}
 
@media (max-width: 1205px) {
  table, .wp-block-table {
    max-width: 700px !important;
  }
}
 
@media (max-width: 1125px) {
  table, .wp-block-table {
    max-width: 600px !important;
  }
}
 
@media (max-width: 1024px) {
  table, .wp-block-table {
    max-width: 100% !important;
  }
}

.single-post__footer {
    margin-top: 1rem;
}

@media (max-width: 430px) {
	.site-header__branding,
	.about-site__branding {
		max-width: 190px;
	}
}

.wp-caption-text {
	position: relative; 
	bottom: initial;
	left: initial;
	z-index: 1;
	padding: 1.2rem 0rem 0.4rem;
	font-size: 0.9rem;
	line-height: 1;
	font-weight: var(--thin);
	color: #706d77;
	background-color: transparent;
	transform: translateX(0);
}

/* padding: 0.85rem 0rem !important; */

.gallery-caption, .wp-caption, .wp-caption-text {
    text-align: center;
}

.widget_gp_banner {border-radius: 0 !important}