/**
 * (c) 2025 ООО "Ти-Жи-Пи-О консалт", все права защищены
 * Автор: Трелевич Дженнифер
 * 
 * (c) 2025 TGPO Consult, LLC, all rights reserved
 * Author: Jennifer Trelewicz
 */

@font-face {
    font-family: 'skranjibold';
    src: url('fonts/skranji-bold-webfont.woff2') format('woff2'),
         url('fonts/skranji-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'skranjiregular';
    src: url('fonts/skranji-regular-webfont.woff2') format('woff2'),
         url('fonts/skranji-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'agbalumoregular';
    src: url('fonts/agbalumo-regular-webfont.woff2') format('woff2'),
         url('fonts/agbalumo-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Need more specificity than the underlying theme */
body.has-glyphicons {
    color: #4F4F4F;
}

body:not(.path-dashboard) div.dialog-off-canvas-main-canvas {
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

div.dialog-off-canvas-main-canvas > header,
div.dialog-off-canvas-main-canvas > footer,
div.dialog-off-canvas-main-canvas > div {
    width: 100%;
}

body .breadcrumb {
    color: inherit;
    background-color: #D9C7A6;
}

body .breadcrumb > .active {
    color: inherit;
}

body a {
    color: inherit;
}

body a:hover {
    color: #F7A81B;
}

h1.page-header {
    color: #0072BC;
}

/* Under Bootstrap these are rendered very badly by default */
.form-group .field-multiple-table .field-label .label {
    font-size: 14px;
    color: #333333;
    font-weight: 700;
}

form a.button {
    margin-left: 10px;
}

#block-bootstrap-contractbranding {
    display: flex;
    align-items: center;
    padding: 5px;
    color: white;
}

.path-frontpage #block-bootstrap-contractbranding {
    font-family: 'agbalumoregular';
}

#block-bootstrap-contractbranding img {
    margin-right: 15px;
    height: 40px;
    width: auto;
}

.flag.flag-like-comment,
.flag.flag-like-page,
.flag.flag-like-space,
.flag.flag-subscribe,
.flag.flag-site-subscribe,
.flag.flag-term-subscribe,
.flag.flag-bookmark {
    float: right;
    margin-left: 10px;
}

.flag.flag-like-comment a,
.flag.flag-like-page a,
.flag.flag-like-space a,
.flag.flag-subscribe a,
.flag.flag-site-subscribe a,
.flag.flag-term-subscribe a,
.flag.flag-bookmark a {
    font-size: 0;
}

.flag.flag-like-comment a::before,
.flag.flag-like-page a::before,
.flag.flag-like-space a::before {
    content: "\e005";
    font-family: 'Glyphicons Halflings';
    font-size: 16px;
}

.flag.flag-bookmark a::before {
    content: "\e044";
    font-family: 'Glyphicons Halflings';
    font-size: 16px;
}

.flag.flag-subscribe a::before,
.flag.flag-site-subscribe a::before,
.flag.flag-term-subscribe a::before {
    content: "\e122";
    font-family: 'Glyphicons Halflings';
    font-size: 16px;
}

.flag.flag-like-comment[class*='action-flag'] a,
.flag.flag-like-page[class*='action-flag'] a,
.flag.flag-like-space[class*='action-flag'] a,
.flag.flag-subscribe[class*='action-flag'] a,
.flag.flag-site-subscribe[class*='action-flag'] a,
.flag.flag-term-subscribe[class*='action-flag'] a,
.flag.flag-bookmark[class*='action-flag'] a {
    color: #4F4F4F;
}

.flag.flag-like-comment[class*='action-unflag'] a,
.flag.flag-like-page[class*='action-unflag'] a,
.flag.flag-like-space[class*='action-unflag'] a,
.flag.flag-subscribe[class*='action-unflag'] a,
.flag.flag-site-subscribe[class*='action-unflag'] a,
.flag.flag-term-subscribe[class*='action-unflag'] a,
.flag.flag-bookmark[class*='action-unflag'] a {
    color: #C83E2D;
}

/* The text area on the node view */
.field--name-field-import-status {
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    padding: 10px;
    font-size: smaller;
    font-style: italic;
    background-color: #eee;
    width: 100%;
}

.view-flag-bookmark {
    clear: both;
}

header.navbar {
    background-color: #0072BC;
}

#block-bootstrap-usermenublockwithpicture a,
#block-bootstrap-account-menu a,
header.navbar ul.menu--main a[data-drupal-link-system-path='<front>'],
header.navbar ul.menu--main a[data-drupal-link-system-path='search'],
header.navbar ul.menu--main a[data-drupal-link-system-path='help'],
header.navbar ul.menu--main a[data-drupal-link-system-path='admin-help'],
header.navbar ul.menu--main a[data-drupal-link-system-path='admin-home'],
header.navbar ul.menu--account a[data-drupal-link-system-path='user'],
header.navbar ul.menu--account a[data-drupal-link-system-path='user/logout'],
header.navbar ul.menu--account a[data-drupal-link-system-path='user/login'] {
    font-size: 0;
}

#block-bootstrap-usermenublockwithpicture a,
#block-bootstrap-account-menu a,
header.navbar ul.menu--main a,
header.navbar ul.menu--language-switcher2 a {
    color: white;
}

#block-bootstrap-usermenublockwithpicture ul.dropdown-menu a,
#block-bootstrap-account-menu ul.dropdown-menu a,
header.navbar ul.menu--main ul.dropdown-menu a,
header.navbar ul.menu--language-switcher2 ul.dropdown-menu a {
    color: #4f4f4f;
}

#block-bootstrap-usermenublockwithpicture a:hover,
#block-bootstrap-account-menu a:hover,
header.navbar ul.menu--main a:hover,
header.navbar ul.menu--language-switcher2 a:hover {
    color: #F7A81B;
}

header.navbar ul.menu--main a[data-drupal-link-system-path='<front>']::before {
    content: "\e021";
    font-family: 'Glyphicons Halflings';
    font-size: 16px;
}

header.navbar ul.menu--main a[data-drupal-link-system-path='search']::before {
    content: "\e003";
    font-family: 'Glyphicons Halflings';
    font-size: 16px;
}

header.navbar ul.menu--main a[data-drupal-link-system-path='help']::before {
    content: "\e085";
    font-family: 'Glyphicons Halflings';
    font-size: 16px;
}

header.navbar ul.menu--main a[data-drupal-link-system-path='admin-help']::before {
    content: "\e043";
    font-family: 'Glyphicons Halflings';
    font-size: 16px;
}

header.navbar ul.menu--main a[data-drupal-link-system-path='admin-home']::before {
    content: "\e139";
    font-family: 'Glyphicons Halflings';
    font-size: 16px;
}

header.navbar ul.menu--account a[data-drupal-link-system-path='user']::before {
    content: "\e008";
    font-family: 'Glyphicons Halflings';
    font-size: 16px;
}

header.navbar ul.menu--account a[data-drupal-link-system-path='user/logout']::before {
    content: "\e163";
    font-family: 'Glyphicons Halflings';
    font-size: 16px;
}

header.navbar ul.menu--account a[data-drupal-link-system-path='user/login']::before {
    content: "\e161";
    font-family: 'Glyphicons Halflings';
    font-size: 16px;
}

#block-bootstrap-usermenublockwithpicture {
    padding-top: 15px;
    padding-bottom: 15px;
}

#block-bootstrap-usermenublockwithpicture a {
    padding: 10px 15px;
}

#block-bootstrap-usermenublockwithpicture img {
    height: 24px;
    width: auto;
    border-radius: 12px;
    vertical-align: top;
}

#block-bootstrap-usermenublockwithpicture a.default-profile-picture::before {
    content: "\e008";
    font-family: 'Glyphicons Halflings';
    font-size: 16px;
}

#block-bootstrap-usermenublockwithpicture a.logout-link::before {
    content: "\e163";
    font-family: 'Glyphicons Halflings';
    font-size: 16px;
}

td a.tabledrag-handle .handle {
    width: 22px;
    height: 22px;
    padding: 5px;
    font-size: 14px;
    font-family: 'Glyphicons Halflings';
    content: "+";
    color: #4F4F4F;
}

ul.menu--language-switcher2 > li > a::before {
    content: "\e135";
    font-family: 'Glyphicons Halflings';
    font-size: 16px;
    margin-right: 5px;
}

.field--name-user-picture img {
    max-height: 100px;
    width: auto;
}

#block-bootstrap-myspaces div.table-responsive {
    height: 500px;
    overflow: auto;
}

.flag-hide-tip {
    float: right;
    font-size: 0;
}

.flag-hide-tip a::before{
    content: "\e106";
    font-family: 'Glyphicons Halflings';
    font-size: 16px;
}

footer.footer {
    padding-top: 60px;
}

footer.footer .region-footer {
    background-color: #4F4F4F;
    color: white;
    padding: 20px;
    display: flex;
    justify-content: space-between;
}