/*
 * Globalne style bazowe — reset, typografia, nadpisania Bootstrap
 */

/* ==============================================
   RESET / GLOBAL
   ============================================== */

img {
    max-width: 100%;
}

a {
    text-decoration: none !important;
}

.lb-image {
    max-width: inherit;
}

/* ==============================================
   TYPOGRAFIA
   ============================================== */

body {
    font-family: var(--font-light);
    font-size: 16px;
    line-height: 1.42857143;
    color: var(--color-text);
    background-color: var(--color-white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--color-text);
    font-family: var(--font-medium);
    padding: 0;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    color: var(--color-blue);
    font-family: var(--font-bold);
}

h1 {
    font-size: 28px;
    margin: 30px 0;
}

h2 {
    font-size: 24px;
    margin: 10px 0 30px 0;
}

/* ==============================================
   UTILITY CLASSES
   ============================================== */

.right {
    text-align: right;
}

p.no-margin {
    margin: 0;
}

/* ==============================================
   BOOTSTRAP OVERRIDES
   ============================================== */

.form-control {
    height: 51px;
    font-size: 16px;
}

.navbar-default {
    background-color: var(--color-white);
    border-color: var(--color-white);
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: var(--color-text);
    background-color: transparent;
}

.navbar-default .navbar-nav > li > a {
    color: var(--color-text);
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #666;
    background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #dbdbdb;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: var(--color-grey);
}

@media (max-width: 991px) {
    .navbar {
        min-height: 0;
    }
}