﻿:root {
    --gutter: 20px;
    --color-black: #000;
    --color-dark-gray: #333;
    --color-gray-1: #555;
    --color-gray-2: #666;
    --color-gray-3: #999;
    --color-light-gray: #CCC;
    --color-white-gray: #F1F1F1;
}

body {
    color: #333 !important;
    font-family: Helvetica, Arial, sans-serif !important;
    line-height: 1.4 !important;
}

.search-form .toogle-more i {
    margin-right: 5px;
}

.search-form--footer {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: baseline;
}

.search-form--radiogroup {
    display: flex;
    flex-direction: column;
}

.search-form--radio {
    display: inline-flex;
    align-items: center;
}

    .search-form--radio label {
        margin-left: 0.3rem;
        margin-right: 0.5rem;
    }

.search-choice-close::before {
    content: none !important;
}

.chosen-choices {
    display: flex;
    padding-top: 5px !important;
    align-items: start;
    flex-wrap: wrap;
}

    .chosen-choices li {
        margin-right: 5px !important;
    }

.image-anchor {
    display: contents;
}

.margin-y-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.gutter-top {
    margin-top: var(--gutter);
}

.site-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.main-content {
    flex-grow: 1;
    display: grid;
    grid-template-columns: 7fr 3fr;
    padding-bottom: 5rem;
    padding-top: 2rem;
}

.main-content--fullwidth {
    grid-column: 1 / 3;
}

    .main-content--fullwidth .pagination-years .page-item .page-link {
        color: #0614FF !important;
    }

    .main-content--fullwidth .pagination-years .page-item.active .page-link {
        color: white !important;
        background-color: #0614FF !important;
        border-color: #0614FF !important;
    }

.main-content--article {
    grid-column: 1;
    padding-right: var(--gutter);
}

    .main-content--article .pagination-years .page-item .page-link {
        color: #0614FF !important;
    }

    .main-content--article .pagination-years .page-item.active .page-link {
        color: white !important;
        background-color: #0614FF !important;
        border-color: #0614FF !important;
    }

.main-content--article-image {
    margin-top: var(--gutter);
    width: 100%;
}

    .main-content--article-image > img {
        width: 100%;
    }

.main-content--aside {
    grid-column: 2;
    padding-left: var(--gutter);
}

.horizontal-divider {
    background: url(/images/backgrounds/header.png) no-repeat scroll 0 0 transparent;
    border: 0 none;
    clear: both;
    display: block;
    height: 36px;
    margin: -15px 0 0;
    padding: 0;
}

.utis-header {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-auto-rows: auto auto;
}



.utis-header--logotype {
    grid-row: 1 / 3;
    grid-column: 1;
    align-self: flex-end;
}


.utis-header--navbar {
    grid-column: 3;
    grid-row: 1;
    display: flex;
    padding: 5px;
    align-items: center;
    padding: 5px;
    justify-content: flex-end;
}

    .utis-header--navbar > * {
        margin: 5px;
        color: var(--color-gray-2) !important;
        font-size: .78571em;
    }

    .utis-header--navbar > a:link:hover {
        color: #0614FF !important;
    }

.utis-header--banner {
    font-family: "TradeGothicRegular", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: black;
    font-size: 2.35714em;
    grid-column: 2 / 4;
    grid-row: 2 / 3;
    padding-left: 15px;
    align-self: end;
    margin: 0 !important;
}

.search-header {
    border: 1px solid var(--color-light-gray);
    padding: 1rem;
    border-radius: .15rem;
    display: flex;
}

    .search-header > input[type="text"] {
        flex-grow: 1;
        max-width: unset;
    }

.search-container {
    display: flex;
    flex-direction: column;
}

.search-result-feedback {
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--color-light-gray);
}

.search-hit {
    padding: 1rem 0;
    border-bottom: 1px solid var(--color-light-gray);
}

    .search-hit > .search-hit--title {
        font-size: 1.1rem;
    }

        .search-hit > .search-hit--title::before {
            color: #0614FF;
            font-family: FontAwesome;
            content: "\f054";
            padding-right: 0.5rem;
        }

    .search-hit > .search-hit--excerp {
        margin-top: 0;
        margin-bottom: 0.5rem;
        font-size: 0.9rem;
    }

    .search-hit > .search-hit--footer {
        display: flex;
    }

.breadcrumbs {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex: 1;
}

    .breadcrumbs li:not(:first-of-type) {
        margin: 0 0.7rem;
        padding: 0 0.3rem;
    }

    .breadcrumbs li:first-of-type {
        list-style: none;
        margin-left: 0;
    }

    .breadcrumbs > li:not(:first-child)::marker {
        color: #0614FF;
        font-family: FontAwesome;
        content: "\f054";
        font-size: 0.7rem;
    }

.utis-pagination {
    display: flex;
    margin: 0;
    padding: 1rem 0;
    list-style: none;
}

    .utis-pagination > .utis-pagination--item {
        border: 1px solid #0614FF;
        box-sizing: content-box;
        color: #0614FF;
        padding: 0.35rem 0.8rem;
    }

        .utis-pagination > .utis-pagination--item:not(:last-child) {
            border-right: none;
        }

        .utis-pagination > .utis-pagination--item a:visited {
            color: #0614FF;
        }

    .utis-pagination > .utis-pagination--item__active {
        color: white;
        background: #0614FF;
    }

    .utis-pagination > .utis-pagination--item__disabled {
        color: var(--color-gray-3);
        border-color: var(--color-gray-3);
    }
