/* ============================================

    Spis treści:

    0. Global

        0.1 Page Container

        0.2 Special Header

        0.3 Pagination

    1. Header

    2. Navbar

    3. Footer



============================================ */



/* =========== [0. Global] =========== */



/* [0.1 Page Container] */

.tm-page-container {

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.63) 0, rgba(0, 111, 166, 0.17) 762px, rgba(0, 24, 36, 0.26) 1050px) no-repeat, url('../../../images/page.jpeg') top center no-repeat, linear-gradient(to bottom, #E5F6FF 0, #00AAFF 762px, #0070A8 1050px) no-repeat

}



.tm-page {

    margin-top: 10px;

    -webkit-box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.3);

    box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.3);

}



@media (max-width: 1000px) {

    .tm-page {

        margin: 10px !important;

    }

}



/* [0.2 Special Header] */

.module-special-header {

    border: 1px solid #008BD1;

}



.module-special-header h3 {

    padding: 3px 5px;

    margin-bottom: 0;

    color: #FFF;

    background: linear-gradient(to bottom, rgba(5, 172, 255, 0.8) 0, rgba(0, 170, 255, 0.8) 5%, rgba(0, 105, 158, 0.8) 100%) no-repeat;

    box-sizing: border-box;

}



.module-special-header form {

    padding: 5px;

    box-sizing: border-box;

}



/* [0.3 Pagination] */

.uk-pagination li >a {

    background: #008BD1;

    background: linear-gradient(to bottom, #1FB4FF 0, #00AAFF 20%, #005885 100%) no-repeat;

}



.uk-pagination li >span,

.uk-pagination li >a:hover {

    background: #32AEEC;

    background: linear-gradient(to bottom, #78CAF2 0, #16A3E9 70%, #1285BF 100%) no-repeat;

}



/* =========== [1. Header] =========== */

.tm-header .tm-headerbar-default {

    padding: 20px 0 0 0;

    background-image: url('../../../images/zdjecie_do_banneru_536.jpg');

    background-repeat: no-repeat

}

.tm-headerbar-default >.uk-container >.uk-grid {
    align-items: flex-end;
}

.tm-header .tm-headerbar-default .uk-container {

    padding-left: 20px;

    padding-right: 20px;

    align-items: end;

}



.tm-header .uk-logo {

    margin-left: auto;

    order: 1;

}



.tm-header .uk-margin-auto-left {

    margin-bottom: 20px;

    margin-left: 0 !important;

}



@media (max-width: 960px) {

    .tm-header-mobile {

        border-bottom: 1px solid #008BD1;

    }

}



/* =========== [2. Navbar] =========== */

.tm-header .uk-navbar-container {

    padding-top: 0 !important;

    padding-bottom: 0 !important;

    -webkit-box-shadow: inset 0px -18px 8px -16px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: inset 0px -18px 8px -16px rgba(0, 0, 0, 0.3);

    box-shadow: inset 0px -18px 8px -16px rgba(0, 0, 0, 0.3);

}



.tm-header .uk-navbar-nav {

    flex-grow: 0;

    display: flex;

    justify-content: center;

    width: 100%;

}



.tm-header .uk-navbar-nav>li {

    flex-grow: 0;

}



.tm-header .uk-navbar-nav>li>a {

    padding: 0 8px;

    height: 28px;

    border: 1px solid #D9D9D9;

    text-transform: uppercase;

}



.tm-header .uk-navbar-nav>li>a:hover {

    color: #FFFFFF;

    background-color: #008BD1;

}



/* =========== [3. Footer] =========== */

.footer-background {

    background: #008BD1;

    background: linear-gradient(to bottom, #05ACFF 0, #00AAFF 5%, #00699E 100%) no-repeat;

}