:root {
    --light-blue: #E8F9FF;
    --blue: #354786;
    --blue-rgb: 53, 71, 134;
    --dark-gray: #4f4f4f;
    --tar: #303030;
}

/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/titillium-web-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

body {
    background: var(--light-blue) !important;
}

main {
    border-top: 5px solid var(--blue);
    background: #fff;
    color: #6e6e6e;
}

nav {
    background: var(--light-blue);
}

nav a {
    color: var(--dark-gray) !important;
}

nav a:hover, nav a.active {
    background: var(--blue) !important;
    color: #fff !important;
}

nav a:hover {
    text-decoration: none !important;
}

a {
    color: var(--blue) !important;
    text-decoration: none !important;
}

a:hover {
    text-decoration: underline !important;
}

h1, h2, h3, h4, h5, h6 {
    border-left: 3px solid var(--blue);
    padding: 5px 0 12px 15px;
    color: var(--blue) !important;
}

.navbar {
    padding: 0 !important;
}

.accordion-button {
    color: #444 !important;
    background: #e1e1e1 !important;
}

.accordion-item h2 {
    border-left: none;
}

.hotline {
    font-size: 25px;
    color: #888888;
    font-weight: 600;
    font-family: 'Titillium Web'
}

.hotline-xs {
    font-size: 25px;
    color: #888888;
    font-weight: 600;
    font-family: 'Titillium Web'
}

.hotline-xs a:hover {
    background: none !important;
    text-decoration: underline !important;
    color: var(--blue) !important;
}

.hotline-xs a {
    color: var(--blue) !important;
}

.carousel-caption h5 {
    font-weight: 600;
    padding: inherit;
    border-left: inherit;
    color: #fff !important;
}

.carousel-caption {
    border-radius: 8px;
    background: rgba(var(--blue-rgb), 0.6);
}

.card-body h5 {
    padding: inherit;
    border-left: inherit;
}

.rss-item h4 {
    padding: inherit;
    border-left: inherit;
}

.nav-link {
    padding-left: 0.5em !important;
}

.accordion-item h2 {
    padding: 0px;
}

.accordion-collapse {
    padding: 10px;
}

footer {
    background: var(--tar);
    color: #bababa;
}

footer h5 {
    color: #e8e8e8 !important;
}

footer a {
    color: #fff !important;
}

@media screen and (max-width: 480px) {
    main {
        border-top: none;
    }
}