/* --- */
/* ---Удаление "не совсем нужных нам элементов"--- */
.page-metadata { display:none !important;} /* скрыть надпись о внесенных изменениях */  
div.space-logo {display: none;} /* скрыть логотип пространства */  
#help-menu-link {display:none;} /* скрыть раздел help с верхнего бара */  
div.panelHeader {font-size: 12px;} /* изменения размера шрифта title панели */  
#footer .footer-body {display:none !important;} /* скрыть footer */

/* Визуальные изменения хлебных крошек, шрифт, пиктограмка */
#breadcrumbs li {
    font-size: 14px;
    color: #333;
}
#breadcrumbs li:before {
    content: "\f1d4";
    display: inline-block;
    font-family: "Atlassian Icons";
    transform: rotate(1.5708rad);
    padding-top: 5px;
    color: #0055aa;
    margin-left: 10px;
    font-size: small;
}

/* Фиксированный title page для удобства возврата на уровень выше и указывающий название статьи. Не работает на IE :( */
#main-header {
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    top: 0px;
    z-index: 100;
    background: #fff;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 2%;
    padding-right: 2%;
    border-left: 3px solid #3b73af;
    border-bottom: 0.5px solid #ddd;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
 }
/* Изменение размера title text */
#title-text {
    font-size: 24px;
}


/* ---Дальше параметры для адаптивности--- */

/* Минимальный размер всей страницы. Нужен для мобильных устройств. */
#splitter {
    min-width: 300px;
}

/* Если разрешение экрана браузера/устройства - от 300px и до 900px, то применяются эти параметры */
@media screen and (min-width:300px) and (max-width:900px) {
  /* Используем FlexBox для гибкой разметки */
/*  .sectionMacroRow {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
  }
  .panel.conf-macro.output-block {
    flex: 1;
  } */

/* Уменьшить логотип */
#main-content > div > div:nth-child(1) > div > div > p:nth-child(1) > span > img {
    width: 270px;
    margin-left: auto;
    margin-right: auto;
}

  /* Скрываем боковую панель */
	div#splitter-sidebar {left: 0px !important;}
	.vsplitbar {left: 0px !important;}
	div#splitter-content {
    left: 5px !important;
    width: 100% !important;
  }
  
  /* Уменьшаем title text */
  #title-text {
    font-size: 18px;
  }
  
  /* Уменьшаем размеры поля "search" */
	.aui-header .aui-quicksearch input {
    	width: 100px;
	}
}

/* Если максимальное разрешение экрана браузера/устройства - 430px, то применяются эти параметры */
@media screen and (max-width:430px) {
    #header > nav > div > div.aui-header-primary > ul > li:nth-child(2) {
        display: none;
    }
}

/* Если максимальное разрешение экрана браузера/устройства - 1020px, то применяются эти параметры */
@media screen and (max-width:1020px) {
  /* Удаление хлебных крошек, кроме самой последней, которая помогает вернуться на уровень выше */
  ol#breadcrumbs li:nth-child(1n+1):not(:last-child) {
    display: none;
  }
  #breadcrumbs li:before {
    content: none;
  }
}