/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,accessibility-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.4.1.1763297179
Updated: 2025-11-16 12:46:19

*/

/* =============================================================
   Animator character cards — align image / title / CTA
   Applies to the two "Детские аниматоры" rows on the Home page
   (rows tagged with the extra CSS class `.animators-row`).
   Added 2026-09-27.
   ============================================================= */

/* Card = flex column, so the "Подробнее" link can be pinned to the bottom */
.animators-row .kt-inside-inner-col {
	display: flex;
	flex-direction: column;
}

/* (1) Equal image box — every character art gets the same height, so the
   title and CTA below it always start at the same vertical position.
   object-fit: contain keeps the whole transparent cut-out visible. */
.animators-row .wp-block-image {
	margin: 0 0 1rem;
}
.animators-row .wp-block-image img {
	display: block;
	width: 100%;
	height: 480px;
	object-fit: contain;
	object-position: center;
}

/* (2) Reserve the height of two lines for every title, so one-line and
   two-line titles occupy the same vertical space. */
.animators-row h4.wp-block-kadence-advancedheading {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	min-height: 2.4em;
}

/* (3) Pin the "Подробнее" link to the bottom of every card */
.animators-row .kt-inside-inner-col > h5.wp-block-kadence-advancedheading {
	margin-top: auto;
}

/* On mobile the cards stack full-width, so the tall image box and the
   reserved title height are no longer needed. */
@media (max-width: 767px) {
	.animators-row .wp-block-image img {
		height: 360px;
	}
	.animators-row h4.wp-block-kadence-advancedheading {
		display: block;
		min-height: 0;
	}
}

/* =============================================================
   Card-grid rows — uniform image + aligned text / CTA
   Applies to the card rows on the Home page tagged with the extra
   CSS class `.cards-row`:
     - Шоу программы для детей (2 rows)
     - Квесты для Детей (1 row)
     - Дополнительные услуги (2 rows)
   Added 2026-09-28.
   ============================================================= */

/* Card content is top-aligned. Kadence sets space-between here with a
   highly specific selector (5 classes), so !important is required.
   This makes the image sit right under the title and the description
   start at the same vertical position in every card. */
.cards-row .kt-inside-inner-col {
	justify-content: flex-start !important;
}

/* (1) Same image box for every card — uniform aspect-ratio, full-bleed.
   !important is needed because some images carry an inline
   width/height (the "is-resized" ones), which would otherwise win.
   object-fit: cover crops to the box; object-position keeps the centre. */
.cards-row .wp-block-image {
	margin: 0 !important;
}
.cards-row .wp-block-image img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 5 / 4 !important;
	object-fit: cover !important;
	object-position: center !important;
}

/* (2) Pin the card button ("Подробнее" / "Читать далее") to the bottom */
.cards-row .kb-buttons-wrap {
	margin-top: auto !important;
}

/* =============================================================
   Contact section — form 50% on desktop, left contact items stacked
   Outer row ppcta-be0b02-10 (50/50 set in the block); the nested
   infobox row is tagged `.contact-info` and collapsed to one column
   on desktop.
   Added 2026-09-28.
   ============================================================= */
@media (min-width: 1025px) {
	/* Kadence lays these rows out with CSS grid, so override the grid
	   template (was 45% / 55%) to a single column. */
	.contact-info > .kt-row-column-wrap {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}