.elementor-1109 .elementor-element.elementor-element-7f0ff2d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:109px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1109 .elementor-element.elementor-element-6751778{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1109 .elementor-element.elementor-element-4667e0c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1109 .elementor-element.elementor-element-4667e0c .elementor-heading-title{font-family:"Adderley", Sans-serif;font-size:94px;font-weight:600;color:var( --e-global-color-c9740d4 );}@media(max-width:767px){.elementor-1109 .elementor-element.elementor-element-7f0ff2d{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:127px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-1109 .elementor-element.elementor-element-4667e0c .elementor-heading-title{font-size:64px;}}@media(min-width:768px){.elementor-1109 .elementor-element.elementor-element-7f0ff2d{--content-width:1440px;}}/* Start custom CSS for html, class: .elementor-element-6751778 */.custom-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 14px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  line-height: 1;
  margin-bottom: 32px;
}

.custom-breadcrumbs a {
  color: #1A321D;
  text-decoration: none;
  font-weight: 400;
}

.custom-breadcrumbs .bc-separator {
  color: #A5A5A5;
  font-size: 30px;
  line-height: 1;
}

.custom-breadcrumbs .bc-current {
  color: #A5A5A5;
  font-weight: 400;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3d5feb1 */.theatre-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.theatre-gallery-card {
    position: relative;
    display: block;
    height: 320px;
    border-radius: 32px;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
}

.theatre-gallery-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .4s ease;
}

.theatre-gallery-card:hover img {
    transform: scale(1.05);
}

.theatre-gallery-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0,0,0,0) 40%,
        rgba(0,0,0,.65) 100%
    );
}

.theatre-gallery-info {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 16px;
    z-index: 2;
}

.theatre-gallery-title {
    font-family: 'Onest', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 10px;
}

.theatre-gallery-badges {
    display: flex;
    gap: 8px;
}

.theatre-gallery-badges span {
    font-family: 'Onest', sans-serif;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.25);
    backdrop-filter: blur(8px);
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
}

.theatre-gallery-card,
.theatre-gallery-card:hover,
.theatre-gallery-card:focus,
.theatre-gallery-card:active {
    color: #fff;
}

.theatre-gallery-card:hover .theatre-gallery-title,
.theatre-gallery-card:hover .theatre-gallery-badges span {
    color: #fff;
}

.theatre-gallery-title {
    font-family: 'Onest', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 10px;

    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (max-width: 1024px) {
    .theatre-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .theatre-gallery-grid {
        grid-template-columns: 1fr;
    }

    .theatre-gallery-card {
        height: 220px;
    }
}

@media (max-width: 767px) {
    .theatre-gallery-title {
        font-size: 18px;
        -webkit-line-clamp: 1;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Adderley';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://sakhatheatre.ru/wp-content/uploads/2026/04/adderley_bold.woff') format('woff');
}
/* End Custom Fonts CSS */