/*
Theme Name: Twenty Twenty-Five
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
  text-decoration-thickness: 1px !important;
  text-underline-offset: 0.1em;
}


/* Focus styles */
:where(.wp-site-blocks *:focus) {
  outline-width: 2px;
  outline-style: solid;
}

/* Контейнер для всего футерного меню */
.footer-menu-container {
    display: flex;
    justify-content: center;
    gap: 30px; /* Расстояние между столбцами */
}

/* Стили для каждого из столбцов меню */
.footer-navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 200px; /* Каждый столбец будет занимать 1/3 ширины */
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Стили для пунктов меню */
.footer-navigation li {
    text-align: right; /* Центрируем текст */
    border-radius: 5px;
    display: flex;
    justify-content: end;
    align-items: center;
    height: 45px;
}

/* Стили для ссылок */
.footer-navigation li a {
    display: inline-block;
    text-decoration: none; /* Убираем подчеркивание */
    /*color: #fff; */
    font-size: 16px;
    padding: 5px;
}

.n2-section-smartslider{
    padding-top: 3% !important;
}

/* Адаптивность */

/* 1400px и больше */
@media (max-width: 1400px) {
    .footer-menu-container {
        gap: 25px; /* Уменьшаем расстояние между колонками */
    }
    .footer-navigation {
        width: 200px; /* Оставляем ширину каждого столбца */
    }
}

/* 1200px и меньше */
@media (max-width: 1200px) {
    .footer-menu-container {
        gap: 20px;
    }
    .footer-navigation {
        width: 180px; /* Уменьшаем ширину столбца */
    }
}

/* 1000px и меньше */
@media (max-width: 1000px) {
    .footer-menu-container {
        gap: 15px;
    }
    .footer-navigation {
        width: 160px; /* Еще больше уменьшаем ширину столбца */
    }
}

/* 950px и меньше */
@media (max-width: 950px) {
    .footer-menu-container {
        gap: 10px;
       
        align-items: center; /* Центрируем элементы */
    }
    .footer-navigation {
        width: auto; /* Убираем фиксированную ширину */
    }
}

/* 768px и меньше — скрытие меню */
@media (max-width: 768px) {
    .footer-menu-container {
        display: none; /* Скрываем контейнер футерного меню */
    }
    
    .footer-wrapper{
        padding-left: 0 !important;
    }
}

@media screen and (max-width: 550px){
    .ticket-price{
        padding-left: 0 !important;
    }
}

/* 512px и меньше */
@media (max-width: 512px) {
    .footer-navigation li {
        height: 40px; /* Уменьшаем высоту пунктов меню */
    }
    .footer-navigation li a {
        font-size: 14px; /* Уменьшаем размер шрифта */
    }
}

/* 400px и меньше */
@media (max-width: 400px) {
    .footer-menu-container {
        gap: 5px;
    }
    .footer-navigation li {
        height: 35px; /* Еще уменьшаем высоту пунктов меню */
    }
    .footer-navigation li a {
        font-size: 12px; /* Еще меньше шрифт */
    }
}

/* 320px и меньше */
@media (max-width: 320px) {
    .footer-navigation li {
        height: 30px; /* Меньше высота пунктов меню */
    }
    .footer-navigation li a {
        font-size: 10px; /* Еще меньше шрифт */
    }
}






/* Стили для переключателя языков */
.custom-lang-switcher {
    margin-top: 20px;
    text-align: center;
}

.custom-lang-switcher select {
    padding: 10px;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #ddd;
    appearance: none;
    cursor: pointer;
}

.custom-lang-switcher select:focus {
    outline: none;
    border-color: #0073e6; /* Фокус на поле выбора языка */
}

/* Стили для переключателя языков */
.custom-lang-switcher {
    margin-top: 20px;
    text-align: center;
}

.custom-lang-switcher select {
    padding: 10px;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #ddd;
    appearance: none;
    cursor: pointer;
}

.custom-lang-switcher select:focus {
    outline: none;
    border-color: #0073e6; /* Фокус на поле выбора языка */
}


.entry-header {
    display: none !important;
}


/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation
  .wp-block-navigation-submenu
  .wp-block-navigation-item:not(:last-child) {
  margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation
  .wp-block-navigation-item
  .wp-block-navigation-item__content {
  outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation
  .wp-block-navigation-item
  ul.wp-block-navigation__submenu-container
  .wp-block-navigation-item__content {
  outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
  text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
  display: block;
}

header{
    position: relative !important;
    height: 92px;
}

/* Контейнер переключателя */
.custom-lang-switcher {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Стилизация выпадающего списка */
.custom-lang-switcher select.pll-switcher-select {
    font-size: 16px;
    font-weight: bold;
    border: none;
    border-radius: 5px;
    background: white;
    color: #333;
    cursor: pointer;
    transition: all 0.3s ease;
    background: transparent;
        outline: none; /* Убираем обводку при фокусе */
}

.custom-lang-switcher select {
    background-color: #f8f8f8; /* Фон */
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 5px;
    appearance: none; /* Убираем стандартный стиль браузера */
    cursor: pointer;
}

/* Стили для option */



/* При наведении */
.custom-lang-switcher select.pll-switcher-select:hover {
    border: none;
}

/* Стили для опций */
.custom-lang-switcher select.pll-switcher-select option {
    background: transparent;
    color: #333;
    font-size: 14px;
}


.menu-header-menu-container{
    display: flex !important;
    gap: 10px !important;
}

.header__nav{
    height: 50px !important;
}

.admin-contacts{
    display: flex;
    gap: 20px !important;
}

.admin-email{
    width: 220px !important; 
    text-align: right;
}

.admin-employee{
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.admin-container{
    max-width: 630px !important;
}

.entry-content{
    margin-top: 0 !important;
}

.wp-site-blocks{
        margin-top: 0 !important;

}

.n2_clear{
    margin-top: 0 !important;
}

.header_wrapper{
    position: fixed !important;
    width: 100% !important;
    height: auto !important;
    top: 0;
    z-index: 10 !important;
    background: #f0f0f0 !important;
}

.switcher-block{
    margin: 0 !important;
    padding: 0!important ;
    
}

.pll-switcher-select{
    overflow: hidden !important;
}

.switcher-block p{
    margin: 0 !important;
    display: flex;
    flex-direciton: column;
    align-items: center;
}

.footer-slang{
    width: 55% !important;
}

#rmp-menu-additional-content-1236{
    display: flex;
    flex-direction: column !important;
    align-items: center !important; 
}

.uagb-post__title {
  width: 350px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#gt_float_wrapper{
    line-height: 0 !important;
}

   #column-table{
        display: none;
    }
    
    .footer-nav{
        gap: 100px !important;
    }
    
    .gt_float_switcher .gt_options {
        position: absolute !important;
        background: #FFFFFF;
        max-width: 123px;
        border-radius: 2px !important;
}
    
    .gtranslate_wrapper{
        line-height: 0 !important;
    }
    
    .gt_float_switcher .gt-selected .gt-current-lang {
        padding: 8px 15px !important;
    }
    
    .header__nav{
        height: 40px !important;
    }

@media screen and (max-width: 1400px){
    .uagb-post__title{
        width: 100% !important;
    }
}

@media screen and (max-width: 1100px) {
  h2 {
    font-size: 25px;
    margin-bottom: 0 !important;
  }

  .promo-image {
    margin: 0 !important;
  }

  .promo-text-block div {
        flex-basis: 100% !important;
  }

  .is-style-fill a {
    padding: 10px !important;
    width: 75% !important;
  }

  .table-text {
    font-size: 15px !important;
  }

  .ticket-btn {
    padding: 10px !important;
    width: 200px !important;
  }

  .footer-text {
    width: 30% !important;
  }

  .wp-container-core-group-is-layout-11 {
    justify-content: space-around !important;
  }

  .footer-nav {
    gap: 10px !important;
  }

  .swiper-wrapper {
    height: 500px !important;
  }

  .header_wrapper {
    padding: 0px 5px 5px 0px !important;
  }

  .header-nav {
    gap: 10px !important;
  }
  
  .uagb-post__title{
      width: 100% !important;
  }
  
  .header__nav{
        display:flex !important;
        flex-direction: row-reverse !important;
  }
}

@media screen and (max-width:1025px){
 .header__nav{
     display:none !important;
 }
 
#rmp-container-1236{
    max-width:100% !important;
}
    
    .header-logo-img{
        margin-left: 5% !important;
    }
    
    .rmp-menu-title-image{
        width: 20% !important;
    }
    
    .history-container{
        display: flex !important;
        flex-direction: column;
    }
    
    .naming-container{
         display: flex !important;
        flex-direction: column-reverse !important;
    }
}

@media screen and (max-width: 950px) {
  .uagb-post__title {
    width: 80%  !important;
  }
  
  .footer-menu-container{
      margin-right: 6% !important;
  }
  
  #footer-container{
      display: flex;
      flex-direction: column;
  }
  
  .footer-text{
      text-align: center;
  }
  
  .footer-slogan{
      display:flex;
      align-items: center;
  }
  
  .footer-wrapper{
      display: flex;
      flex-direction: column;
      align-items:center;
  }
  
  .footer-slang{
      text-align:center;
  }
  
.footer-navigation {
    align-items:center;
}

}

@media screen and (max-width: 900px) {
    .promo-text{
        width: 75% !important; 
    }
    
    .promo-text h2{
        font-size: 19px !important;
    }
}

@media screen and (max-width: 801px){
    tr{
        font-size: 12px !important;
    }

}

@media screen and (max-width: 790px){
    .promo-text-block{
        display: flex !important;
        flex-direction: column-reverse !important;
        gap: 0 !important;
    }
    
    .promo-text_container{
        display: flex;
        padding:30px 0 30px 0;
    }
    
    .promo-text{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0 !important;
        gap: 30px;
    }
    
    .promo-text h2{
        text-align: center;
          font-size: 22px !important;
    }
    
    .promot-btn-container{
        max-width: 100% !important;
        margin: 0 !important;
    }
    
    .promo-btn{
        width: 250px !important;
    }
    
    .promo-btn a{
        width: 100% !important;
    }
    
    .footer-nav{
        display:flex;
    }
    
    
    .footer-column{
        width: 30% !important;
    }   
    
        .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 20% !important;
    }
    
    #footer-title{
        flex-basis: 100% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .footer-text{
                width: 41% !important;

    }
}

@media screen and (max-width: 760px){
    html{
        margin-top: 0 !important;
    }
    
    h1{
        font-size: 20px !important;
    }
    
    
    #table{
        display: none !important;
    }
    
    #column-table{
        display: block;
    }
    
    #footer-container{
        display:flex; 
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .footer-text{
            text-align: center;
        width: 100% !important;
    }
    
    .is-style-fill a{
        width: 100% !important;
    }
}

@media screen and (max-width: 701px){
        .rmp-menu-title-image{
        width: 30% !important;
    }
    
    .admin-row{
        flex-direction: column;
        align-items: flex-start !important;
    }
    
    .contact-container{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        font-size: 20px !important;
    }
    
    .base-container p{
        font-size: 20px !important;
    }
    
    .base-container .has-x-large-font-size{
        font-weight: 600 !important;
    }
   
}

@media screen and (max-width: 500px){
    .base-container p{
        font-size: 15px !important;
    } 
    
    .entry-content{
        padding: 0 !important;
    }
}

@media screen and (max-width: 461px){
        .rmp-menu-title-image{
        width: 40% !important;
    }
    
    .ticket-price h2{
        font-size: 20px !important;
    }
    
    .admin-contacts{
        display: flex;
        flex-direction: column !important;
        align-items: flex-start !important; 
        gap: 5px !important;
    }
    
    .admin-email{
        text-align: left;
    }
}

@media screen and (max-width:400px){
    .footer-nav{
        display: none !important;
    }
    
    
    
    .wp-block-site-logo.is-default-size img{
            width: 100px !important;
    }
    
    .contact-container p{
        font-size: 20px !important;
        }
        
    .contact-container h2{
        font-size: 20px !important;
    }
    
     .base-container p{
       font-size: 13px !important;
    }
}

@media screen and (max-width:321px){
            .rmp-menu-title-image{
        width: 50% !important;
    }
}