@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
    --color-orange: #f9b62d;
    --color-navy-blue: #353a5b;
    --color--usos-blue: #33658a;
    --color-light-gray: #f8f8f8;
    --color-usos-dark-blue: #315b7a;
    --color-dark-orange: #ac651a;
    --color-white: #ffffff;
}

.view-id-front_page_categories {
    display: none;
}
body {
    font-family: "Open Sans", sans-serif;
}
.h1, h1 {
    font-size: 2.5rem;
}
h2, .h2 {
    font-size: 1.7rem;
    font-weight: 700;
    margin-bottom: 15px;
}
.path-frontpage .h2,
.path-frontpage h2 {
    font-size: 3rem;
    position: relative;
    padding-bottom: 15px;
}
@media (max-width: 1200px) {
    .path-frontpage .h2,
    .path-frontpage h2 {
        font-size: 2.5rem;
    }
}
@media (max-width: 480px) {

  .path-frontpage .h2,
    .path-frontpage h2  {
        font-size: 2rem;
        margin-bottom: 30px;
    }
}
.path-frontpage h2::before,
div:not(.path-frontpage) h1::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 40px;
    height: 2px;
    background-color: var(--color-orange);
    margin-bottom: 10px;
}
.path-frontpage h2::after,
div:not(.path-frontpage) h1::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 46px;
    width: 23px;
    height: 2px;
    background-color: var(--color-orange);
    margin-bottom: 10px;
}

.h3,
h3,
h3 a {
    font-size: 1.15rem;
    font-weight: 700;
}
h3 a {
    text-decoration: none;
}

.node__content ol li {
    margin-bottom: 7px;
}
.node__content a,
.views-field-body a,
.views-table td a {
        color: var(--color-dark-orange);
    text-decoration: unset;
}
.node__content p img {
    max-width: 100%;
    height: auto;
}
.menu-left ul.dropdown-menu {
    position: relative !important;
    transform: translate(0, 0) !important;
}
.more-link {
    display: flex;
    margin-top: auto;
    justify-content: flex-end;
}

@media (min-width: 991px) {
    .more-link {
        justify-content: center;
    }
}

.more-link a {
    background-color: var(--color-navy-blue);
    color: var(--color-white);
    padding: 3px 16px 5px;
    text-decoration: none;
    border-radius: 12px;
}
.more-link a::after {
    content: " »";
    display: inline-block;
    margin-left: 7px;
}
.more-link a:hover,
.more-link a:focus {
    color: var(--color-navy-blue);
    background-color: var(--color-orange);
}
@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1400px;
    }
}

.node .node__content {
    background-color: #fff;
    padding: 2em;
}
.path-frontpage .main-content .node__content {
    margin: 0;
    padding: 0;
}
.node--view-mode-teaser {
    border-bottom: unset;
    margin-bottom: unset;
    padding-bottom: unset;
}
.main-content .views-field-body p img {
    max-width: 100%;
    height: auto;
}

.nav-tabs .nav-link,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    color: #353a5b;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    color: #353a5b;
    background-color: var(--bs-nav-tabs-link-active-bg);
}

.user-login-form .form-control,
.form-submit {
    width: auto;
}
/*-------- Main Navigation --------*/

#navbar-top {
    width: 100%;
}
.region-top-header-form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.view-logged-user-info .views-row {
    display: flex;
    gap: 20px;
    align-items: center;
}
#navbar-main {
    min-height: 125px;
}
#navbar-main,
.navbar-brand {
    padding: 0;
}
.navbar-brand img {
    max-width: 280px;
    height: auto;
}
header .menu--main .nav-link {
    color: var(--color-white);
    font-weight: 600;
    text-decoration: unset;
}
header .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
}
header .menu--main .navbar-nav .nav-link.active,
header .menu--main .navbar-nav .nav-link:hover,
 header .menu--main .navbar-nav .show>.nav-link {
    color: var(--color-orange);
}
.menu--main .dropdown-item {
    padding: unset;
}
.menu--main .dropdown-menu a {
    text-decoration: unset;
    color: #000;
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
}
.menu--main .dropdown-item.active, .menu--main .dropdown-item:active {
    background-color: var(--color-orange);
}
.menu--main .nav-item .dropdown-item a.active {
    color: #000;
}
.node-form .form-control {
    width: auto;
}
header #search-block-form {
    padding: 0;
}
.search-wrapper {
    display: flex;
    align-items: center;
}
.log-in-block {
    margin-right: 25px;
    margin-left: 10px  ;
}
.log-in-block p, #block-usos-plen p {
    margin-bottom: 0;
    line-height: 1em;
}
#block-usos-plen p {
    padding-left: 1em;
    display: flex;
    align-items: center;
    gap: 3px;
    line-height: 2em;
}
#block-usos-plen a,
.log-in-block a,
.user-logout a,
.userSettings a {
    text-decoration: none;
}
#block-usos-plen a:hover,
.log-in-block a:hover,
.user-logout a:hover,
.userSettings a:hover {
    text-decoration: underline;
}
#block-usos-plen {
        border-left: 1.5px solid var(--color-orange);
    display: block;
}
.log-in-block a {
    padding-left: 15px;
    border-left: 1.5px solid var(--color-orange);
    position: relative;
    display: inline-flex;
    align-items: center;
}
.log-in-block a::before,
.userName::before,
   .user-logout::before,
   .userSettings::before {
    content: "";
    display: inline-flex;
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}
.log-in-block a::before,
.userName::before {
    background-image: url(../images/zaloguj.svg);
}
.user-logout, .userSettings {
    display: flex;
    align-items: center;
}

.userSettings::before {
    background-image: url(../images/ustawieniakonta.svg);
    width: 35px;
    height: 35px;
}

.userName {
    padding-left: 10px;
    padding-right: 2em;
    border-left: 1.5px solid var(--color-orange);
    display: flex;
    align-items: center;
}
.userName::before {
    left: 10px;
   }

   .user-logout::before {
    content: '';
    background-image: url(../images/logout.svg);
    left: -5px;
}

header .js-form-type-search,
header .search-form .form-actions {
    margin-bottom: 0!important;
}
span.navbar-toggler-icon {
    background-color: white;
}
.menu-mobile-button .svg-inline--fa {
        background-color: #202336;
    padding: 5px 15px;
    fill: #fff;
    width: 55px;
    height: 40px;
    border-radius: 6px;
}
.mm-navbars--top {
    border-bottom: 1.5px solid #fff !important;
}
.menu-mobile .mm-navbars--top .mm-navbar {
        background: var(--color-navy-blue);
}
.menu-mobile .mm-panels .mm-navbar {
        background: var(--color-orange);
}
.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {
    color: #000 !important;
    font-weight: 700;
}
.mm-listitem:after {
    inset-inline-start: 0 !important;
}
.mm-navbar {
    border-bottom: 1px solid #fff !important;
}
.mm-listitem {
    border-color: #4e5273 !important;
}

.menu-mobile .mm-navbars--top .mm-navbar {
    padding-top: 1em !important;
    padding-bottom: 2em;
}
.mm-btn--close:before {
    color: #fff;
    border: 2px solid;
    padding: 5px;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (min-width: 992px) {
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-xl .navbar-nav .nav-item:last-child .dropdown-menu {
        right: 0;
        left: unset;
    }
}
@media (max-width: 992px) {
    .sidebar_first {
        display: none;
    }

    #navbar-top > .container {
        max-width: 100%;
    }
    .region-top-header-form {
    justify-content: flex-end;
}

.view-logged-user-info .views-row {
    justify-content: flex-end;
    padding: 0;
    gap: 0;
    flex-wrap: wrap;
}
    .userName {
    padding-right: 0;
    border-left: unset;
    }
    #block-usos-plen {
    margin-right: 12px;
}

}
@media (max-width: 767px) {
    .logged-user-info {
    width: 100%;
}
}

/*------------- Menu left  -------------*/

.menu-left h2,
.menu-header {
    background: var(--color-navy-blue);
    color: #fff;
    text-shadow: unset;
    padding: 7px 10px;
    margin: 0;
    font-weight: bold;
    font-size: 1.071em;
}
h2#block-usos-mainnavigation-menu {
    display: none;
}
.sidebar nav .nav {
    margin: 0;
    padding-top: 10px;
}
.sidebar .block.menu-left {
    margin: unset;
    padding: 0;
    background-color: var(--color-light-gray);
    display: block;
}

.menu-left .block.menu--main {
    padding: 0;
    border: unset;
}
.menu-left.menu--main a {
    color: #000;
        white-space: break-spaces;

}
.menu-left.menu--main ul li.nav-item > a,
.menu-left.menu--main ul li.nav-item > .menu-parent-wrapper a {
    padding: 5px 10px;
        font-weight: 700;
        display: block;
    width: 100%;
}
/* .menu-left.menu--main .navbar-nav li.active.dropdown,
.menu-left.menu--main .navbar-nav>li.active {
    background: var(--color-orange);
} */


.menu-left .navbar-nav li:not(:first-child).nav-item,
.menu-left.menu--main .navbar-nav li.active.dropdown {
    background-image: linear-gradient(to right, #212529ad 40%, rgba(255, 255, 255, 0) 70%);
    background-position: top;
    background-size: 6px 1px;
    background-repeat: repeat-x;
}
.menu-left.menu--main .navbar-nav .nav-item.active,
.menu-left.menu--main .navbar-nav .nav-item:hover {
    background: var(--color-orange);
}
.menu-left.menu--main .navbar-nav .nav-item a:hover{
    color: #000;
}
.menu-left.menu--main .menu-parent-wrapper {
        display: flex;
    justify-content: space-between;
    align-items: center;
}
.menu-left .dropdown-menu.show {
    background: var(--color-light-gray);
    border: unset;
    border-radius: unset;
    padding-left: 10px;
}
.menu-left .dropdown-toggle {
        background: transparent;
    border: unset;
}

.menu-left .dropdown-menu.show a {
    text-decoration: unset;
}
.menu-left .dropdown-menu.show a:hover {
    text-decoration: underline;
}
.menu-left.menu--main .dropdown-menu .dropdown-item.active {
    background-color: unset;
}
.menu-left.menu--main .dropdown-menu .dropdown-item.active a {
    display: flex;
    align-items: center;
}
.menu-left.menu--main .dropdown-menu .dropdown-item.active > a::before {
    content: " ";   
    width: 10px;
    height: 10px;
    background-color: var(--color-orange);
    border-radius: 50%;
    position: absolute;
    left: 10px;
}
@media screen and (max-width: 991px) {
    .menu-left.menu--main .nav-item > a,
    .menu-left.menu--main .nav-item > .menu-parent-wrapper a {
        color: #fff;
    }
    .menu-left .navbar-nav li:not(:first-child).nav-item, 
    .menu-left.menu--main .navbar-nav li.active.dropdown,
    .menu-mobile .nav-item > ul > li {
        background-image: linear-gradient(to right, #b1c6daad 40%, rgba(255, 255, 255, 0) 70%);
        background-position: top;
        background-size: 6px 1px;
        background-repeat: repeat-x;
    }
    .menu-mobile.menu-left.menu--main .dropdown-menu .dropdown-menu .dropdown-item.active {
        background: unset;
    }

}
/*****************menu mobilne*****************/
#menu-main-mobile {
    margin-bottom: 20px;
}
button.navbar-toggler,
button.navbar-toggler:focus {
    outline: 0;
    background: white;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 0;
}
.menu-mobile.menu-left.menu--main .dropdown-menu .dropdown-item.active {
    background-color: var(--color-orange);
}
.menu-mobile.menu-left.menu--main .dropdown-menu .dropdown-menu .dropdown-item.active {
    background-color: unset;
}
.menu-mobile.menu-left.menu--main .navbar-nav .nav-item:hover a {
   color: #000;
}

.menu-mobile.menu-left .menu-item--expanded.active.dropdown:hover > a {
    color: #ffffff;
}
.menu-mobile li.nav-item.menu-item--expanded.active.dropdown:hover > .menu-parent-wrapper a {
    color: white;
}

@media (max-width: 992px) {
    .menu-desktop{
        display: none;
        
    }
}
.menu-mobile .menu-parent-wrapper {
    display: flex;
}
.menu-mobile .dropdown-menu {
    padding-left: 15px;
}
.menu-mobile button {
    background: none;
    border: 0;
    color: #ffffff;
}
.menu-mobile .level-1 button {
    color: #000;
}

.menu-mobile li.nav-item.menu-item--expanded.active.dropdown {
    background: #202336;
}
.menu-mobile li.level-1.level-open {
    background: #d8dde2;
}
.menu-mobile.menu--main .navbar-nav .nav-item:hover .menu-parent-wrapper button{
    color: #000;
}
.menu-mobile .dropdown-menu.show {
    padding-left: 10px;
    padding: 0 0 0 12px;
}
/*-------- Slider front --------*/

.slider-block {
    background: var(--color-light-gray);
}
.slide__media > .media {
    display: none;
}
.view-slider {
    padding-bottom: 2.5em;
}
.view-slider h2 {
    font-size: 3.75rem;
    margin-bottom: 0;
    padding-bottom: 5px;
    color: var(--color-navy-blue);
    line-height: 1;
}
.view-slider h2::before,
.view-slider h2::after {
    display: none;
}
.view-slider .field--name-field-podtytul {
    font-size: 2.25rem;
    font-weight: 700;
    color: var(--color-navy-blue);
    line-height: 1.2;
    margin-top: 10px;
}

@media (max-width: 767px) {
    .view-slider h2 {
        font-size: 3rem;
    }

    .view-slider .field--name-field-podtytul {
        font-size: 1.9rem;
    }
}

.view-slider .field--name-field-textlink {
    color: var(--color-navy-blue);
    margin-top: 1.5em;
}
.view-slider .slide__description .button a,
.main-content .action-links a.btn-secondary {
    background-color: var(--color-orange);
    border: none;
    padding: 15px 50px;
    font-size: 1rem;
    cursor: pointer;
    border-radius: 8px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}
.view-slider .slide__description .button {
    margin-top: 3.5em;
    float: right;
}
.view-slider .slide__description .button a {
    text-decoration: none;
}
.view-slider .slide__description .button a:hover,
.view-slider .slide__description .button a:focus {
    background-color: var(--color-navy-blue);
    color: var(--color-orange);

}
.main-content .action-links a.btn-secondary {
    color: #000;
    margin: 1em 0;
}
.view-slider .slide__description button a {
    text-decoration: none;
}

.view-slider .field--name-field-obrazek {
    margin-right: 0;
}
.view-slider .node--type-front-page-photo {
    border: unset;
}
.view-slider .node--type-front-page-photo .col-right {
    padding-left: 3em;
    position: relative;
    margin: 15px 0;
}
.view-slider .node--type-front-page-photo .col-right::after {
    content: "";
    position: absolute;
    bottom: -15px;
    right: -5px;
    width: 80%;
    height: 80%;
    background-color: var(--color-orange);
    border-radius: 10px;
    z-index: -1;
}

@media (max-width: 1400px) {
    .view-slider .node--type-front-page-photo .col-right::after {
    bottom: -3px;
    right: -5px;
    height: 85%;
}
    .view-slider {
    padding-bottom: 0;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    .view-slider .node--type-front-page-photo .col-right::after {
   bottom: 150px;
        height: 55%;
}
}

.view-slider .node--type-front-page-photo .col-right img {
    border-radius: 10px;
}
.slick-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 62px;
    height: 62px;
}
.slick-prev {
    left: -20px;
}
.slick-next {
    right: -20px;
}
.slick-next:before,
.slick-prev:before {
    content: '';
    width: 62px;
    position: absolute;
    height: 62px;
    right: 0;
    background-repeat: no-repeat;
        background-position: center center;
}
.slick-prev:before {
    background-image: url(../images/prev.svg);
}
.slick-next:before {
    background-image: url(../images/next.svg);
}
@media (min-width: 992px) and (max-width: 1200px) {
    .slick-prev {
        left: -40px;
    }
    .slick-next {
        right: -40px;
    }
}
@media (max-width: 992px) {
    .view-slider .node--type-front-page-photo .col-left {
        order: 2;
    }
    .view-slider .node--type-front-page-photo .col-right {
        padding: 0 3em;
        margin: 2em 0;
    }
    .slick__arrow {
        top: 30%;
        transform: translateY(-30%);
    }
     .view-slider .col-lg-7 {
        order: 2;
    }
    .view-slider .node--type-front-page-photo .col-right::after {
        bottom: -18px;
        right: 30px;
        height: 88%;
    }
}
@media (max-width: 575px) {

    .slick--view {
        padding: 0;
    }
    .view-slider {
        padding: 0 1em 2.5em;
    }
    .view-slider .node--type-front-page-photo .col-right,
    .view-slider .node--type-front-page-photo .col-left {
        padding-left: 2.5em;
        padding-right: 2.5em;
    }
        .view-slider .node--type-front-page-photo .col-right::after {
        right: 25px;
        bottom: -15px;
    }
   .slick__arrow {
    width: 95%;
    top: 27%;
}
.slick-arrow {
    width: 50px;
    height: 50px;
}
.slick-prev, .slick-next,
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    background-color: rgb(from var(--color-orange) r g b / 0.6);
}
.slick-next:before, .slick-prev:before {
        background-size: 80%;
        width: 50px;
    height: 50px;
}
.slick-prev {
    left: -2px;
}
.slick-next {
    right: -27px;
}
}

@media (min-width: 992px) {
    .slide__caption {
        padding: 2.5em 4em 0;
    }
}
@media (max-width: 480px) {
.slick-next {
    right: -24px;
}
}

@media (max-width: 400px) {
    .slick__arrow {
    top: 22%;
}
.slick-next {
    right: -19px;
}
}

@media (max-width: 350px) {
    .slick__arrow {
    top: 19%;
    }

}

.featured-top__inner {
    max-width: 100%;
    width: 100%;
    padding: 0;
}


/*-------- News front --------*/

.news-front {
    padding-top: 3em;
}
.news-front .view-header,
.informacje-sg .view-header {
    position: absolute;
    right: 0;
    top: -70px;
    text-transform: uppercase;
}
.news-front .view-header a,
.informacje-sg .view-header a {
    font-weight: 700;
    text-decoration: none;
}
.view-aktualnosci-sg {
    margin-top: 1.5em;
    margin-bottom: 2em;
    position: relative;
}
.view-aktualnosci-sg .views-row>div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.view-aktualnosci-sg .text-group {
    margin-bottom: 1em;
    padding-right: 2em;
}
.view-aktualnosci-sg .views-row:not(:last-child) .text-group {
    border-right: 1px solid #ccc;
}
.view-aktualnosci-sg .field--name-node-post-date,
.view-taxonomy-term .views-field-created {
    color: var(--color-usos-dark-blue);
    margin-bottom: 1em;
    display: flex;
    align-items: center;
}
.view-aktualnosci-sg .field--name-node-post-date::before,
.view-taxonomy-term .views-field-created::before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(../images/kalendarz.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 3px;
}
.informacje-sg {
    padding-top: 5em;
}
@media (max-width: 992px) {
    .view-aktualnosci-sg {
        margin-bottom: 4em;
    }

    .view-aktualnosci-sg .views-row .text-group {
        border-right: 0 !important;
        padding-right: initial;
    }

    .view-aktualnosci-sg .views-row:not(:last-child) {
        border-bottom: 1px solid #ccc;
        padding-bottom: 2em;
    }
    .view-aktualnosci-sg .view-content {
        padding-bottom: 2em;
    }
    .news-front .view-header,
    .informacje-sg .view-header {
        bottom: -20px;
        top: unset;
        width: 100%;
        text-align: center;
    }

    .news-front .view-header a,
    .informacje-sg .view-header a {
        background-color: var(--color-orange);
        padding: 1em 2em;
        border-radius: 10px;
    }
}

@media (max-width: 767px) {
    .view-aktualnosci-sg {
        margin-top: 0.5em;
        margin-bottom: 2em;
    }

}

/*-------- Często używane linki --------*/

.common-links {
    padding: 3em 0;
}
body.user-logged-in .common-links {
    background-color: var(--color-light-gray);
}
.common-links h2 {
    text-align: center;
    font-weight: 300;
    margin-bottom: 1.5em;
}
.common-links h2::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -5px;
    width: 70px;
    height: 2px;
    background-color: var(--color-orange);
    margin-bottom: 10px;
    left: 49.5%;
    transform: translate(-50%, -50%);
}
.common-links h2::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -5px;
    width: 8px;
    height: 2px;
    background-color: var(--color-light-gray);
    margin-bottom: 10px;
    z-index: 999;
    left: 50%;
    transform: translate(-50%, -50%);
}
.common-links-row {
    align-items: center;
    margin-bottom: 2em;
    gap: 2em;
}

.common-links-row .col-one>div {
    border: 2px solid var(--color-orange);
    background: #fff;
    border-radius: 8px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.common-links-row:hover .col-one>div {
    background: var(--color-orange);
    cursor: pointer;
}
.common-links img {
    margin: 0;
}
.common-links-row .col-two a {
    text-decoration: unset;
    font-weight: 700;
    font-size: 20px;
}

@media (max-width: 575px) {
    .common-links-row>* {
        width: auto;
    }
}

/*-------- Trzy boxy na SG --------*/

.boxy-sg {
    background-color: #e5ecf1;
    padding-top: 5em;
    padding-bottom: 5em;
}
.boxy-sg .box-col>div,
.boxy-sg .box-col>div>div {
    height: 100%;
}
.boxy-sg .box-inner {
    background-color: var(--color-usos-dark-blue);
    padding: 4em 2em 3em;
    color: var(--color-white);
    border-radius: 10px;
    height: 100%;
}
.boxy-sg .box-inner>.d-flex {
    align-items: center;
    margin-bottom: 1em;
}
.boxy-sg .box-icon img {
    height: 90px;
    width: auto;
    margin-right: 10px;
}
.boxy-sg .title {
    font-size: 1.5rem;
    font-weight: 700;
}
.box-subtitle {
    font-weight: 700;
    line-height: 1.2;
}

@media (max-width: 400px) {
    .boxy-sg .box-inner>.d-flex {
        flex-direction: column;
        align-items: flex-start;
    }
}

/*-------- Usos w liczbach --------*/

.usos-in-numbers h2::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100px;
    height: 2px;
    background-color: var(--color-orange);
    margin-bottom: 10px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.usos-in-numbers h2::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 15px;
    height: 2px;
    background-color: var(--color-light-gray);
    margin-bottom: 10px;
    z-index: 999;
    left: 50%;
    transform: translate(-50%, -50%);
}
.usos-in-numbers {
    background-color: var(--color-light-gray);
    padding: 3em 0 0;
}
.usos-in-numbers h2 {
    text-align: center;
    font-weight: 300;
    margin-bottom: 1.5em;
}
.usos-in-numbers .box-icon img {
    height: auto;
    max-width: 115px;
    width: 100%;
    float: right;
}
.usos-in-numbers .box-subtitle {
    font-size: 3rem;
    font-weight: 800;
    color: var(--color-navy-blue);
    line-height: 1.3;
}
.usos-in-numbers .field--name-field-tytul {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--color-navy-blue);
}
.usos-in-numbers .field--name-field-link {
    width: 100%;
    text-align: center;
}
.usos-in-numbers .field--name-field-link a {
    background-color: var(--color-orange);
    color: var(--color-navy-blue);
    padding: 1em 5.5em 0.5em;
    text-decoration: none;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    font-weight: 700;
    line-height: 2.5;
    text-transform: uppercase;
    font-size: 0.9rem;
}

@media (max-width: 400px) {
    .usos-in-numbers .box-col .col-4 {
        width: 40%;
        padding: 0;
    }
      .usos-in-numbers .box-col .col-8 {
        width: 60%;
    }
    .usos-in-numbers .box-subtitle {
    font-size: 2.5rem;
}
.usos-in-numbers .field--name-field-tytul {
    font-size: 1.2rem;
}
}

/*-------- Podstrony --------*/

body:not(.path-frontpage) #main-wrapper {
    background-color: var(--color-light-gray);
    padding-bottom: 3em;
}
body:not(.path-frontpage) h1 {
   font-weight: 700;
   padding-bottom: 15px;
   margin-top: 1em;
   position: relative;
   margin-bottom: 1em;
}

.view-logged-user-info {
    margin-right: 25px;
}

body:not(.path-frontpage) #main {
    padding-top: 2em;
}
body:not(.path-frontpage) #main .main-content {
    padding-left: 3em;
}
.breadcrumb {
    position: relative;
    display: flex;
    background-image: linear-gradient(to right, #ccc 40%, rgba(255, 255, 255, 0) 70%);
    background-position: bottom;
    background-size: 6px 1px;
    background-repeat: repeat-x;
    padding-bottom: 5px;
}

.breadcrumb::before {
    content: "";
    background-image: url(../images/home.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    top: -3px;
}
.breadcrumb li:first-child {
    padding-left: 35px;
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: 10px;
    display: flex;
    align-items: center;
    position: relative;
}
.breadcrumb-item a,
.breadcrumb-item.active {
    text-decoration: unset;
    color: #000 !important;
}
   
.breadcrumb-item+.breadcrumb-item::before {
    content: " ";
    width: 8px;
    height: 10px;
    border: 1.5px solid var(--color-orange);
    border-radius: 50%;
    margin-right: 10px;
}
.breadcrumb-item:last-child::before {
    background-color: var(--color-orange);
}

#block-usos-usostheme-content .view-taxonomy-term .view-content {
    margin: unset;
}
#block-usos-usostheme-content .view-taxonomy-term .views-row {
    background-color: #fff;
    margin-bottom: 2em;
    padding: 2em;
    box-shadow: rgba(149, 157, 165, 0.2) 2px 3px 13px;
}

.view-taxonomy-term .views-field-title a {
    font-size: 1.25rem;
    font-weight: 700;
    text-decoration: unset;
}
.view-taxonomy-term .views-field-title a:hover {
    text-decoration: underline;
}
.view-taxonomy-term .views-field-title {
    margin-bottom: 1em;
}
.view-taxonomy-term .views-field-informacje a::before {
    content: "#";
    display: inline-block;
    margin-right: 3px;

}
.node--type-dokumentacja .node__meta {
    text-align: end;
}
.node--type-dokumentacja .field--name-field-pdf,
.node--type-dokumentacja .field--name-field-aktualnosc {
    display: flex;
    margin-bottom: 1em;
}
.node--type-dokumentacja .field--name-field-pdf .field__label {
    text-transform: uppercase;
    font-weight: 700;
    margin-right: 10px;
}
.node--type-dokumentacja .field--name-field-aktualnosc .field__label {
    font-weight: 700;
    margin-right: 10px;
}
.node--type-dokumentacja .field--name-field-aktualnosc .field__label::after {
    content: ":";
    display: inline-block;
}


/*-------- Tabele --------*/

.main-content .table-responsive {
    margin: 0 12px;
    padding: 0;
}
.main-content .table-responsive table {
    position: relative;
}
.main-content thead,
.main-content thead tr th {
    background-color: var(--color-orange);
    background: var(--color-orange);
    vertical-align: top;
}

.main-content .table-responsive thead {
   display: revert;
}
.main-content thead a,
.main-content thead th {
    color: #000;
}
.main-content tbody tr td {
    border: 1px solid #ccc;
}
.main-content tbody tr:nth-child(odd) {
    background-color: #fff;
}
.main-content tbody tr:nth-child(even) {
    background-color: #f1f1f1;
}
.main-content tbody tr:hover {
    box-shadow: inset 0px 0px 0px 2px var(--color-orange);
}
.table>:not(caption)>*>* {
    padding: .7rem .7rem;
}
.table-wrapper {
    max-width: 100%;
    overflow-x: auto;
}

/*-------- Footer --------*/

.site-footer {
    font-family: "Open Sans", sans-serif;
    padding-top: 75px;
    padding-bottom: 0;
    position: relative;
}
.site-footer__top {
    display: flex;
    flex-wrap: wrap;
}
.site-footer .region {
    padding-right: 20px;
    padding-left: 75px !important;
    margin-bottom: 3em;
    position: relative;
}
.site-footer .region:not(:last-child) {
    border-right: 1px solid #444b7c;
}
.site-footer .content,
.site-footer a {
    color: var(--color-white);
}
.site-footer .menu--footer-menu {
    margin-bottom: 20px;
}
.site-footer .menu--footer-menu .nav {
    flex-direction: column;
    list-style-type: square;
}
.site-footer .menu--footer-menu .nav li::marker {
    font-size: .7rem;
}
.site-footer .menu--footer-menu .nav a {
    color: var(--color-white);
    border-bottom: unset;
    padding: 3px 10px;
    display: block;
    font-size: 1rem;
    line-height: 1.3;
    text-indent: 0;
}
.site-footer__top>.region::before {
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    left: 10px;
    top: -10px;
    width: 65px;
    height: 65px;
}
.region-footer-first::before {
    background-image: url(../images/stopkakontakt.svg);
}
.region-footer-second::before {
    background-image: url(../images/spotkania.svg);
}
.region-footer-third::before {
    background-image: url(../images/docuser.svg);
}
.region-footer-fourth::before {
    background-image: url(../images/stopkaen.svg);
}
.region-wrapper-footer-fifth {
    background-color: #282c49;
    padding-top: 1em;
}
.site-footer__bottom {
    border-top: unset;
}
.region-wrapper-footer-fifth .row {
    flex-wrap: nowrap;
    justify-content: space-between;
}
.region-wrapper-footer-fifth .row .block {
    width: auto;
}
#block-usos-cookies .field--name-body {
    display: flex;
}
#block-usos-cookies .field--name-body p {
    padding-left: 10px;
    line-height: 1;
}
#block-usos-cookies .field--name-body p:not(:last-child) {
    border-right: 1.5px solid #fff;
    padding-right: 10px;
}
#block-usos-cookies a {
    text-decoration: none;
    color: var(--color-white);
    font-size: 90%;
}
@media (min-width: 1400px) {
      .main-content {
        width: 80%;
    }
    .sidebar_first.col-md-2 {
        width: 20%;
    }
}
@media (min-width: 851px) {
    .site-footer__top .region {
        width: 50%;
    }
}
@media (min-width: 1200px) {
    .site-footer__top .region {
        width: 25%;
    }
}
@media (max-width: 1400px) {
    .main-content {
        width: 75%;
    }
    .sidebar_first.col-md-2 {
        width: 25%;
    }
}

@media (max-width: 992px) {
body:not(.path-frontpage) #main .main-content {
    padding-left: calc(var(--bs-gutter-x) * .5);
}
 .mh-btns-left.mh-text {
    display: none;
 }
 .content iframe {
    width: 100%;
 }
}
@media (max-width: 767px) {
    #main-content a, #main-content.link {
    word-break: break-word;
}
    #block-usos-cookies .field--name-body {
        flex-direction: column;
    }

    #block-usos-cookies .field--name-body p {
        padding-left: 0;
    }

    #block-usos-cookies .field--name-body p:not(:last-child) {
        border-right: unset;
        margin-bottom: 10px;
    }
}

@media (max-width: 576px) {
    .view-aktualnosci-sg .view-content {
    padding-bottom: 0em;
}
       .news-front,
    .informacje-sg {
        padding: 3em 2.5em 2em;
    }
    .boxy-sg {
    padding-top: 2em;
    padding-bottom: 0em;
}
    .region-wrapper-footer-fifth .row {
        flex-direction: column;
    }
    .common-links {
        padding: 3em 1.5em 2em;
    }
      .usos-in-numbers {
        padding: 3em 1.5em 0;
    }

    .region-wrapper-footer-fifth .row>* {
        padding-right: 2em;
        padding-left: 2em;
    }

    .region-wrapper-footer-fifth .row .block:first-child {
        order: 2;
    }

    #block-usos-cookies {
        margin-bottom: 0;
    }

    #block-usos-cusos {
        background-color: #1d2137;
        padding-top: 1em;
    }
}

@media (max-width: 560px) {
    .site-footer .region {
        width: 100%;
    }

    .site-footer .region:not(:last-child) {
        border-right: unset;
        border-bottom: 2px solid #444b7c;
    }
}

@media (max-width: 480px) {
    .h1, h1 {
    font-size: 2.2rem;
}
    .news-front, .informacje-sg {
    padding: 3em 1.5em 2em;
}
.news-front .view-header a, .informacje-sg .view-header a {
    background-color: var(--color-orange);
    padding: 1em;
    width: 100%;
    display: block;
    bottom: -20px;
    position: relative;
}
.usos-in-numbers .field--name-field-link a {
    padding: 1em 2.5em 0.5em;
   display: block;
}
}

.galeria-karta {
    padding: 20px;
    background: #ffffff;
    margin: 5px;
    border: 1px solid #ccc;
    min-height: 170px;;
}

.galeria-karta:hover {
    border: 1px solid var(--color-orange);
}

.galeria-karta a {
    font-size: 80%;
    line-height: 1em;
}

#block-usos-usostheme-main-menu h2 {
    display: none;
}