/*
Theme Name: Education Skill Development Child
Template: education-skill-development
Version: 1.0
*/




#header {
    background: #0f3558 !important; /* темно-синий */
}
.site-title {
    display: none !important;
}

.site-description {
    display: none !important;
}
.custom-logo {
    width: 240px !important;
    height: auto !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
    color: #ffb606 !important;
}
/* Цвет текста меню при наведении (для gb_nav_menu) */
#top_gb_menu .gb_nav_menu li a:hover,
#top_gb_menu .gb_nav_menu li:hover > a,
#top_gb_menu .gb_nav_menu li a:focus {
    color: #ffb606 !important;
}
header a:hover { color: #ffb606 !important; }

/* HERO overlay */
.single-meta-box {
    position: absolute;
    top: 50%;
    left: 12%;
    transform: translateY(-50%);
    text-align: left;
    max-width: 520px;
    color: #fff;
}

/* Заголовок */
.single-meta-box h2 {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 16px;
    text-shadow: 0 2px 10px rgba(0,0,0,0.35);
}

/* Подзаголовок */
.single-meta-box p {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 28px;
    color: #f1f1f1;
}



/* Hover */
.single-meta-box .boxed-btn:hover {
    background: #ffffff;
    color: #002c4a;
}
.featured-img::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(0,0,0,0.45) 0%,
        rgba(0,0,0,0.25) 40%,
        rgba(0,0,0,0.05) 70%,
        rgba(0,0,0,0) 100%
    );
    z-index: 1;
}

.single-meta-box {
    z-index: 2;
}
@media (max-width: 768px) {
    .single-meta-box {
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        max-width: 90%;
    }
}

/* ==========================
   HERO SECTION (service-page)
========================== */

#service-page .featured-img {
    position: relative;
    height: 300px;
    overflow: hidden;
}

/* Затемнение фона */
#service-page .featured-img::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(0,0,0,0.45) 0%,
        rgba(0,0,0,0.30) 40%,
        rgba(0,0,0,0.10) 70%,
        rgba(0,0,0,0.00) 100%
    );
    z-index: 1;
}

/* Контент HERO */
#service-page .single-meta-box {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    max-width: 520px;
    text-align: left;
    color: #ffffff;
    z-index: 2;
}

/* Заголовок — в одну строку, компактнее */
#service-page .single-meta-box h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.15;
    margin-bottom: 14px;
    white-space: nowrap;
    text-shadow: 0 2px 10px rgba(0,0,0,0.35);
}

/* Подзаголовок — более читаемый */
#service-page .single-meta-box p {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 26px;
    color: #f2f2f2;
    max-width: 460px;
}

/* Кнопка в HERO */
.single-meta-box .boxed-btn {
    padding: 10px 26px;          /* было 14x32 — делаем компактнее */
    font-size: 14px;             /* чуть меньше текст */
    font-weight: 600;
    border-radius: 32px;         /* более аккуратная овальная форма */
    background: #f5b942;
    color: #002c4a;
    box-shadow: 0 6px 14px rgba(0,0,0,0.22);
}

/* Hover */
.single-meta-box .boxed-btn:hover {
    background: #ffffff;
    color: #002c4a;
}


/* Hover */
#service-page .single-meta-box .boxed-btn:hover {
    background: #ffffff;
    color: #002c4a;
    transform: translateY(-1px);
}

/* Mobile */
@media (max-width: 768px) {
    #service-page .single-meta-box {
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        max-width: 90%;
    }

    #service-page .single-meta-box h2 {
        font-size: 26px;
        white-space: normal;
    }

    #service-page .single-meta-box p {
        font-size: 16px;
    }
}

/* 🔴 УБИРАЕМ META: By Alex, дата, категория */
.single-post .featured-img .post-meta,
.single-post .featured-img .single-meta-box ul.meta-info,
.single-post .featured-img .meta-info,
.single-post .featured-img .post-info,
.single-post .featured-img .post-author,
.single-post .featured-img .post-date {
    display: none !important;
}

/* 🔴 УБИРАЕМ BREADCRUMBS: Home → Category → Title */
.single-post .featured-img .bread_crumb,
.single-post .featured-img .breadcrumbs {
    display: none !important;
}
/* --- Блок "фишек" на странице Meist --- */
.about-highlights {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    margin: 40px 0 24px;
}

.about-highlights .highlight-card {
    background: #ffffff;
    border-radius: 10px;
    padding: 18px 20px 20px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.06);
    border-top: 4px solid #f5b942;
    text-align: left;
}

.about-highlights .highlight-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f5b942;
    color: #002c4a;
    margin-bottom: 12px;
}

.about-highlights .highlight-icon i {
    font-size: 18px;
}

.about-highlights h3 {
    font-size: 18px;
    font-weight: 700;
    color: #0f3558;
    margin: 0 0 8px;
}

.about-highlights p {
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}

/* Адаптивность */
@media (max-width: 992px) {
    .about-highlights {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 576px) {
    .about-highlights {
        grid-template-columns: 1fr;
    }
}
/* Контейнер навигации (меню + языки) */
.main-navigation,
.main-navigation .container,
.main-navigation nav {
    display: flex;
    align-items: center; /* КЛЮЧЕВОЕ */
}

/* Сам блок языков */
.header-language-switcher {
    display: flex;
    align-items: center;  /* выравниваем флаг по центру строки */
    margin-left: 15px;
}

/* Ссылки языков */
.header-language-switcher li,
.header-language-switcher a {
    display: flex;
    align-items: right;
    line-height: 1;       /* убираем «подскок» */
}

/* Размер флага под высоту меню */
.header-language-switcher img {
    width: 18px;
    height: auto;
    display: block;
	margin: 3px
}

/* Прижимаем флаги вправо внутри правой панели */
.header-right-tools {
    display: flex;
    align-items: center;
    justify-content: flex-end; 
}

.header-language-switcher {
    display: flex;
    align-items: center;
    margin-left: auto; /* <<< КЛЮЧ! Прижимаем вправо */
}

.header-language-switcher img {
    width: 18px;
    height: auto;
    display: block;
}

/* ВЕРХНИЙ УРОВЕНЬ МЕНЮ: пункты с подпунктами */
#top_gb_menu ul.mobile_nav > li.menu-item-has-children > a {
    position: relative;
    padding-right: 18px; /* место под стрелку справа */
    font-weight: 600;    /* можно убрать, если не нужно выделение жирным */
}

#top_gb_menu ul.mobile_nav > li.menu-item-has-children > a::after {
    content: "\25BE";    /* маленький треугольник ▼ */
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    opacity: 0.8;
}

/* ПОДМЕНЮ (жёлтые выпадающие списки): пункт у которого есть ещё «дети» */
#top_gb_menu ul.sub-menu li.menu-item-has-children > a::after {
    content: "\25B8";    /* треугольник ▶ */
    font-size: 15px;
    margin-left: 20px;
    opacity: 1;
}

/* Опционально: лёгкое подсвечивание родителя при hover */
#top_gb_menu ul.mobile_nav > li.menu-item-has-children:hover > a {
    text-decoration: underline;
}

.timetable-btn{
  position: relative;
  display: flex;
  width: 100%;
  box-sizing: border-box;

  align-items: center;
  justify-content: flex-start;
  gap: 16px;

  padding: 16px 22px 16px 20px;
  border-radius: 16px;

  background: linear-gradient(135deg, #0f2f57, #173a63);
  color: #ffffff !important;

  font-weight: 700;
  text-decoration: none !important;

  box-shadow:
    0 10px 26px rgba(0,0,0,.22),
    inset 0 0 0 1px rgba(255,255,255,.06);

  transition: all .25s ease;
  overflow: hidden;
}

/* диагональный блик */
.timetable-btn::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,.08) 45%,
    transparent 70%
  );
  opacity: .6;
  pointer-events: none;
}

.timetable-btn:hover{
  transform: translateY(-1px);
  box-shadow:
    0 16px 36px rgba(0,0,0,.32),
    inset 0 0 0 1px rgba(255,255,255,.12);
  background: linear-gradient(135deg, #173a63, #1f4f87);
}

.timetable-logo{
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #ffffff;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  box-shadow: 0 4px 10px rgba(0,0,0,.15);
}

.timetable-logo span{
  font-weight: 900;
  color: #173a63;
  font-size: 16px;
  letter-spacing: .5px;
}

.timetable-text{
  line-height: 1.2;
  text-align: left;
}

.timetable-text .title{
  font-size: 16px;
  letter-spacing: .3px;
}

.timetable-text .subtitle{
  font-size: 12px;
  opacity: .8;
  font-weight: 500;
}

/* стрелка справа */
.timetable-btn::after{
  content: "›";
  margin-left: auto;
  font-size: 26px;
  opacity: .35;
  transition: transform .25s ease, opacity .25s ease;
}

.timetable-btn:hover::after{
  transform: translateX(4px);
  opacity: .6;
}

/* защита от обрезания темой */
#secondary,
#secondary .widget,
#secondary .widget-content{
  overflow: visible !important;
}

/* чуть меньше воздуха между блоками в сайдбаре */
#secondary .widget{
  margin-bottom: 18px;
}

/* основной контент — немного спокойнее строки */
#content p{
  line-height: 1.75;
}

/* Убрать "By Alex / дата / категория" на страницах Robo Gallery */
.single-robo_gallery_table .single-meta-box,
.single-robo_gallery_table ul.meta-info,
.single-robo_gallery_table .meta-info {
  display: none !important;
}

/* Убрать хлебные крошки "Home → 2014" */
.single-robo_gallery_table .bread_crumb,
.single-robo_gallery_table .bread_crumb.text-center {
  display: none !important;
}

/* ===== Fix for Max Mega Menu hover switching ===== */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
  position: relative;
}

/* "мостик" для hover между верхним пунктом и выпадалкой */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item::after{
  content:"";
  position:absolute;
  left:0; right:0;
  top:100%;
  height:10px;
}

/* если выпадалка перекрывает соседей и ловит hover не там */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item { z-index: 1; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover { z-index: 10000; }

/* =========================
   Sidebar widget: Ainekava (beautify)
   ========================= */

/* Общий вид карточки виджета */
#sidebar .widget,
.sidebar .widget {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  border: 1px solid rgba(0,0,0,.06);
  overflow: hidden;
}

/* Заголовок виджета */
#sidebar .widget-title,
.sidebar .widget-title,
#sidebar h2.wp-block-heading,
.sidebar h2.wp-block-heading {
  margin: 0;
  padding: 16px 18px;
  font-size: 18px;
  font-weight: 700;
  color: #0b2239;
  background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
  border-bottom: 3px solid #ffb606; /* фирменная линия */
}

/* Контент виджета */
#sidebar .widget > *:not(.widget-title):not(h2.wp-block-heading),
.sidebar .widget > *:not(.widget-title):not(h2.wp-block-heading) {
  padding: 10px 12px 14px;
}

/* Списки внутри виджета */
#sidebar .widget ul,
.sidebar .widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Пункты */
#sidebar .widget ul li,
.sidebar .widget ul li {
  margin: 0;
  padding: 0;
}

/* Ссылки: делаем “строкой” */
#sidebar .widget ul li a,
.sidebar .widget ul li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  color: #1b2a3a;
  text-decoration: none;
  font-weight: 600;
  line-height: 1.25;
  transition: transform .12s ease, background .12s ease, color .12s ease;
}

/* Мини-иконка слева (чек/точка) */
#sidebar .widget ul li a::before,
.sidebar .widget ul li a::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffb606;
  flex: 0 0 8px;
  box-shadow: 0 0 0 4px rgba(255,182,6,.18);
}

/* Разделитель между пунктами */
#sidebar .widget ul li + li a,
.sidebar .widget ul li + li a {
  border-top: 1px solid rgba(0,0,0,.06);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* Hover */
#sidebar .widget ul li a:hover,
.sidebar .widget ul li a:hover {
  background: rgba(255,182,6,.10);
  color: #0b2239;
  transform: translateX(2px);
}

/* Активная страница (если меню подсвечивает current) */
#sidebar .widget .current-menu-item > a,
#sidebar .widget .current_page_item > a,
.sidebar .widget .current-menu-item > a,
.sidebar .widget .current_page_item > a {
  background: rgba(255,182,6,.16);
  color: #0b2239;
}

/* Чуть компактнее на узких */
@media (max-width: 768px){
  #sidebar .widget-title,
  .sidebar .widget-title,
  #sidebar h2.wp-block-heading,
  .sidebar h2.wp-block-heading {
    padding: 14px 14px;
    font-size: 17px;
  }

  #sidebar .widget ul li a,
  .sidebar .widget ul li a {
    padding: 10px 10px;
  }
}
.council-title {
  margin-bottom: 25px;
  font-size: 28px;
  font-weight: 700;
}

.council-list {
  list-style: none;
  padding: 0;
  max-width: 700px;
}

.council-list li {
  display: grid;
  grid-template-columns: 1.6fr 0.8fr 1.4fr;
  gap: 10px;
  padding: 12px 18px;
  margin-bottom: 10px;
  background: #f7f9fc;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

.council-list strong {
  font-weight: 600;
}

.council-list span {
  color: #555;
}

.council-list em {
  font-style: normal;
  font-weight: 600;
  color: #0f2f57;
}

/* Мобильная адаптация */
@media (max-width: 600px) {
  .council-list li {
    grid-template-columns: 1fr;
  }
}

.eg-contacts{
  background:#fff;
  border:1px solid rgba(15,47,87,.08);
  border-radius:12px;
  overflow:hidden;
}
.eg-contacts__head{
  padding:12px 16px;
  font-weight:800;
  color:#0f2f57;
  border-bottom:1px solid rgba(15,47,87,.08);
}
.eg-contacts__tablewrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.eg-contacts table{
  width:100%;
  border-collapse:collapse;
  table-layout:auto;
  min-width:720px;
}
.eg-contacts th,.eg-contacts td{
  padding:10px 14px;
  font-size:15px;
  line-height:1.4;
  vertical-align:top;
}
.eg-contacts thead th{
  text-align:left;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:rgba(15,47,87,.55);
  font-weight:700;
  border-bottom:1px solid rgba(15,47,87,.08);
  white-space:nowrap;
}
.eg-contacts tbody tr + tr td{
  border-top:1px solid rgba(15,47,87,.06);
}
.eg-role{font-weight:700;color:#0f2f57;overflow-wrap:anywhere;}
.eg-name{font-weight:800;color:#0f2f57;overflow-wrap:anywhere;}
.eg-phone{color:rgba(15,47,87,.75);white-space:nowrap;font-variant-numeric:tabular-nums;}
.eg-email{overflow-wrap:anywhere;}
.eg-email a{color:#d08a00;text-decoration:none;font-weight:600;}
.eg-email a:hover{text-decoration:underline;}
.eg-contacts__fax{
  padding:10px 16px;
  border-top:1px solid rgba(15,47,87,.08);
  font-size:14px;
  color:rgba(15,47,87,.7);
}
@media (max-width:768px){
  .eg-contacts__tablewrap{overflow:visible;}
  .eg-contacts table{min-width:0;}
  .eg-contacts thead{display:none;}
  .eg-contacts table,.eg-contacts tbody,.eg-contacts tr,.eg-contacts td{display:block;width:100%;}
  .eg-contacts tr{padding:12px 14px;border-top:1px solid rgba(15,47,87,.06);}
  .eg-contacts tr:first-child{border-top:none;}
  .eg-contacts td{padding:4px 0;}
  .eg-contacts td[data-label]::before{
    content:attr(data-label);
    display:block;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.05em;
    color:rgba(15,47,87,.55);
    font-weight:700;
    margin-bottom:2px;
  }
}
/* =========================
   FIX: Chrome focus outline on active menu item
   ========================= */

/* Убираем жёсткую обводку при клике мышью */
#top_gb_menu a:focus:not(:focus-visible),
#mega-menu-wrap-primary a:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}

/* Аккуратный focus для клавиатуры (Tab) */
#top_gb_menu a:focus-visible,
#mega-menu-wrap-primary a:focus-visible {
    outline: 2px solid #ffb606;
    outline-offset: 2px;
    border-radius: 6px;
}
.school-breaks{
  max-width: 820px;
  margin: 30px auto;
  padding: 24px 28px;
  background: #f6f7f9;
  border-radius: 14px;
}

.school-breaks h3{
  text-align: center;
  margin-bottom: 20px;
  font-weight: 700;
}

.school-breaks ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

.school-breaks li{
  padding: 14px 0;
  border-bottom: 1px solid #e6e8ee;
  line-height: 1.5;
}

.school-breaks li:last-child{
  border-bottom: none;
}

.school-breaks strong{
  display: block;
  margin-bottom: 4px;
}

.school-breaks .note{
  font-size: 0.9em;
  opacity: 0.75;
  margin-left: 6px;
}

@media (max-width: 768px){
  .school-breaks{
    padding: 20px;
  }
}
/* =========================
   MOBILE SIDE MENU — CLEAN UI
   ========================= */

/* 1) Панель меню поверх всего, но не ломает верстку */
@media (max-width: 800px){

  /* чтобы было поверх hero и кнопки */
  .side_gb_nav{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100vh !important;
    width: min(92vw, 360px) !important;
    z-index: 999999 !important;

    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;

    /* красиво и читабельно */
    background: rgba(15, 53, 88, 0.97) !important;  /* твой тёмно-синий */
    color: #fff !important;

    /* закрыто по умолчанию */
    transform: translateX(-110%) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transition: transform .25s ease, opacity .25s ease, visibility .25s ease !important;
  }

  /* открыто */
  .side_gb_nav.show{
    transform: translateX(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* 2) Затемнение фона (оверлей) — чтобы hero не мешал */
  body.side-menu-open::before{
    content:"";
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    z-index: 999998;
  }

  /* 3) Читабельность меню */
  .side_gb_nav a,
  .side_gb_nav .gb_nav_menu li a{
    color: #fff !important;
  }

  .side_gb_nav .gb_nav_menu li a{
    background: transparent !important;
    padding: 12px 16px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
  }

  /* активный пункт */
  .side_gb_nav .gb_nav_menu .current-menu-item > a,
  .side_gb_nav .gb_nav_menu .current_page_item > a{
    color: #ffb606 !important;
  }

  /* подменю как список */
  .side_gb_nav .gb_nav_menu .sub-menu{
    background: transparent !important;
    padding: 0 !important;
  }
  .side_gb_nav .gb_nav_menu .sub-menu a{
    opacity: .9;
    padding-left: 28px !important;
    font-weight: 500 !important;
  }
}

/* HERO (page.php) — заголовок Kaasaegne haridus Tallinnas */
@media (max-width: 800px){
  .featured-img .single-meta-box h2.my-3{
    font-size: clamp(20px, 6vw, 34px) !important;
    line-height: 1.12 !important;
    margin: 0 0 10px !important;
    padding: 0 12px !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    hyphens: auto !important;
  }

  .featured-img,
  .featured-img .single-meta-box{
    overflow: visible !important;
  }
}
/* ==========================
   GB MENU — CLEAN VERSION
   Desktop hover + Mobile click-to-open (class .open)
   ========================== */

/* --- Desktop: базовое скрытие подменю --- */
#top_gb_menu .gb_nav_menu .sub-menu{
  list-style: none;
  margin: 0;
  padding: 6px;
  position: absolute;
  top: 100%;
  left: 0;

  min-width: 210px;
  background: #ffb606;
  z-index: 99999;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(6px);
  transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
}

/* --- Desktop: 3+ уровень --- */
#top_gb_menu .gb_nav_menu .sub-menu .sub-menu{
  top: 0;
  left: 100%;
  transform: translateX(6px);
}

/* --- Desktop: показываем по hover/focus --- */
@media (min-width: 801px){
  #top_gb_menu .gb_nav_menu li:hover > .sub-menu,
  #top_gb_menu .gb_nav_menu li:focus-within > .sub-menu{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }
}

/* --- Mobile: подменю НЕ абсолютные, по умолчанию закрыты --- */
@media (max-width: 800px){

  /* боковое меню должно быть свёрнуто по умолчанию — открывается только .show */
  .side_gb_nav{
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: min(92vw, 360px);
    overflow-y: auto;
    z-index: 99999;

    transform: translateX(-110%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition: transform .25s ease, opacity .25s ease, visibility .25s ease;
  }
  .side_gb_nav.show{
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  /* ВАЖНО: в мобиле подменю — обычный список, но скрытый */
  .side_gb_nav .gb_nav_menu .sub-menu{
    position: static !important;
    min-width: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 6px 0 10px !important;

    display: none !important;       /* закрыто */
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    transition: none !important;
  }

  /* открывается только по классу open на LI */
  .side_gb_nav .gb_nav_menu li.open > .sub-menu{
    display: block !important;
  }

  /* читабельность ссылок в подменю на синем фоне */
  .side_gb_nav .gb_nav_menu .sub-menu a{
    color: #ffffff !important;
    padding: 10px 16px !important;
    white-space: normal !important;
    background: transparent !important;
  }

  /* отступы уровней */
  .side_gb_nav .gb_nav_menu .sub-menu li > a{ padding-left: 28px !important; }
  .side_gb_nav .gb_nav_menu .sub-menu .sub-menu li > a{ padding-left: 40px !important; }
}

/* --- страховка от обрезания выпадашек --- */
#top_gb_menu,
#top_gb_menu .gb_nav_menu,
#top_gb_menu .gb_nav_menu li{
  overflow: visible !important;
}
/* ===============================
   FOOTER LINKS — FIX VISIBILITY
   =============================== */

.footer-widgets .footer-links{
  max-width: 360px;
}

.footer-widgets .footer-links h4{
  font-size: 15px;
  font-weight: 700;
  color: #ffb606;
  margin: 18px 0 6px;
  line-height: 1.3;
}

.footer-widgets .footer-links ul{
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
}

.footer-widgets .footer-links li{
  margin: 0;
  padding: 0;
}

.footer-widgets .footer-links a{
  display: block;
  font-size: 13px;
  line-height: 1.35;
  color: #e6e6e6;
  padding: 2px 0;
  text-decoration: none;
  transition: color .2s ease;
}

.footer-widgets .footer-links a:hover{
  color: #ffb606;
  text-decoration: underline;
}

.fb-scale-wrap{
  width: 100%;
  position: relative;
}
.fb-scale{
  width: 500px; /* базовая ширина FB */
}

.fb-fallback{
  text-align: center;
  margin: 14px 0 6px;
}
.fb-fallback a{
  display: inline-block;
  padding: 10px 16px;
  background: #1877f2;
  color: #fff;
  border-radius: 12px;
  font-weight: 700;
  text-decoration: none;
}
.fb-fallback a:hover{
  background: #0f5dc4;
}

body {
  outline: 10px solid red !important;
}