/* misc ==> */

:root {
    --main-font: 'Encode Sans', sans-serif;
    --second-font: 'Montserrat', sans-serif;
    --font-root-size: 16px;

    --text-xxs: .625rem;  /* 10px */
    --text-xs: .75rem;  /* 12px */
    --text-sm: .875rem; /* 14px */
    --text-md: .9375rem; /* 15px */
    --text-base: 1rem; /* 16px */
    --text-lg: 1.0625rem; /* 17px */
    --text-mid: 1.125rem; /* 18px */
    --text-max: 1.1875rem; /* 19px */
    --text-xl: 1.25rem; /* 20px */
    --text-2xl: 1.5rem; /* 24px */
    --text-3xl: 1.75rem; /* 28px */
    --text-4xl: 2rem; /* 32px */
    --text-5xl: 2.25rem; /* 36px */
    --text-6xl: 2.5rem; /* 40px */
    --text-7xl: 3rem; /* 48px */
    --text-8xl: 3.5rem; /* 56px */
    --text-9xl: 4rem; /* 64px */
    --text-10xl: 5rem; /* 80px */

    --font-extralight: 100;
    --font-light: 300;
    --font-normal: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;

    --white: #fff;
    --black: #000;
    --gray: #F7F7F7;
    --grayer: #C6C6C6;

    --main-color: #000;
    --second-color: #D9000D;
    --third-color: #2A2A2A;
    --hover-color: var(--second-color);

    --heading-color: var(--second-color);
    --subheading-color: var(--second-color);
    --text-color: var(--third-color);

    --transition-all: all .25s ease;

    --container: 100%;
}

html{
    font-size: var(--font-root-size);
    scroll-behavior: smooth;
}

body{
    font-family: var(--main-font);
    color: var(--text-color);
    background: var(--white);
    opacity: 0;
    animation: fade-in .75s 1 ease-in-out forwards;
}

@keyframes fade-in{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

.main-class{
    /* overflow: hidden; */
}

/* body.user-logged-in:not(.path-frontpage){
    padding-top: 196px !important;
} */

p,li{
    color: var(--black);
    font-size: var(--text-md);
    font-weight: var(--font-normal);
    line-height: 1.5;
}

b,strong{
    font-weight: var(--font-bold);
}

a,
a:hover,
a:focus{
    text-decoration: none;
    transition: var(--transition-all);
    outline: none;
}

a:hover,
a:focus{
    color: var(--hover-color);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    line-height: 1.25;
    font-family: var(--second-font);
    font-weight: var(--font-bold);
    color: var(--heading-color);
}

h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span,
.h1 > span, .h2 > span, .h3 > span, .h4 > span, .h5 > span, .h6 > span{
    font-weight: var(--font-light);
}

.text-second{
    color: var(--second-color);
}

.media{
    justify-content: center;
}

.container-fluid{
    margin: 0 auto !important;
}

.region-sidebar-first, .region-sidebar-second, .region-footer, .region-content{
    padding: 0;
}

.region-top,
.region-content{
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    align-content: flex-start;
    /* overflow: hidden; */
    /* min-height: 200vh; */
}

.region-top > *,
.region-content > *{
    width: 100%;
}

hr {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    border: 0;
    border-top: 1px solid;
    border-color: var(--second-color);
}

.link a{
    color: var(--text-color);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    font-family: var(--second-font);
    text-transform: uppercase;
    display: inline-block;
    border: 1px solid;
    border-color: var(--second-color);
    background-color: transparent;
    border-radius: 2rem;
    padding: .75rem 2rem;
    line-height: 1;
    position: relative;
    letter-spacing: .125rem;
    text-align: center;
}

.link a:hover{
    background-color: var(--second-color);
    color: var(--white);
}

span.light{
    font-weight: var(--font-light);
}
/* <== misc */

/* toolbar ==> */
.toolbar .toolbar-bar{
    z-index: 5000;
}
.toolbar p,
.toolbar li{
    font-size: 13px;
    font-weight: var(--font-medium);
}
/* <==toolbar */

/* top ==> */
header{
    position: relative;
    padding: 0;
}

header > .navbar{
    padding: 0;
    background-color:var(--white);
    width: 100%;
    transition: var(--transition-all);
    z-index: 1000;
    box-shadow: none;
    margin-bottom: 0;
}

header > .navbar > .top-nav,
header > .navbar > .container{
    flex-wrap: nowrap;
}

header > .navbar > .container{
    align-items: center;
}

.region-nav-main,
#block-efabryka-main-menu,
.navbar-nav{
    height: 100%;
    width: 100%;
}

#block-efabryka-main-menu{
    max-width: var(--container);
}

.navbar-nav{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

header > .navbar .navbar-nav li{
    height: 100%;
}

header > .navbar .navbar-nav .nav-link{
    height: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

header > .navbar > .top-nav > .container-fluid{
    padding: 0;
}

.region-nav-branding{
    padding: 0;
}

header > .navbar .container{
    align-items: center;
}

header > .navbar .container::before,
header > .navbar .container::after{
    content: none;
}

header > .navbar .navbar-nav .nav-link{
    color: var(--main-color);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    text-transform: uppercase;
    padding: 2.5rem 1rem;
    border: none;
    line-height: 1;
    position: relative;
    margin: 0 .125rem;
}

header > .navbar .navbar-nav .nav-link::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: skewX(-24deg);
    background: transparent;
    z-index: -1;
}

header > .navbar .navbar-nav li{
    margin: 0;
    position: relative;
    display: flex;
    align-items: center;
}

header > .navbar .navbar-nav .nav-link:hover,
header > .navbar .navbar-nav .nav-link.active{
    cursor: pointer;
    color: var(--white);
}

header > .navbar .navbar-nav .nav-link:hover::before,
header > .navbar .navbar-nav .nav-link.active::before{
    background-color: var(--second-color);
}

header > .navbar .navbar-nav .dropdown-toggle:hover::after,
header > .navbar .navbar-nav .dropdown-toggle.active::after{
    color: var(--white);
}

header > .navbar .navbar-nav li:last-child::after{
    content: none;
}

header > .navbar .navbar-nav li:last-child .nav-link{
    margin-right: 0;
}

.navbar-nav .dropdown-toggle::after{
    color: var(--second-color);
    float: none;
}

header > .navbar .navbar-nav .dropdown-menu .nav-link{
    padding: .75rem .5rem;
    line-height: 1.5;
}

header > .navbar .navbar-nav .dropdown-menu .nav-link::before{
    content: none;
}

header > .navbar .navbar-nav .dropdown-menu .nav-link{
    color: var(--text-color);
}

header > .navbar .navbar-nav .dropdown-menu .nav-link:hover,
header > .navbar .navbar-nav .dropdown-menu .nav-link.is-active{
    color: var(--second-color);
}

header > .navbar .navbar-nav .nav-link:hover,
header > .navbar .navbar-nav .nav-link.active{
    cursor: pointer;
    
    border-color: var(--white);
}

.navbar-toggler-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.navbar-toggler-icon span{
    height: 2px;
    width: 100%;
    background-color: var(--second-color);
    display: block;
    margin: 2px 0;
    border-radius: 2px;
    border-color: var(--third-color);
}

.navbar-nav .dropdown-toggle::after{
    float: none;
}

.navbar-expand-lg{
    flex-wrap: wrap;
}

.navbar-expand-lg .navbar-collapse{
    flex-wrap: wrap;
    flex-shrink: 1;
    margin-left: 5rem;
    width: 100%;
}

.navbar-expand-lg .navbar-collapse > div{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.navbar-expand-lg .navbar-collapse > div:last-child{
    justify-content: flex-end;
    padding: 0;
    width: 100%;
}

.navbar-nav .dropdown-menu{
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: none;
    min-width: 12rem;
    background: var(--white);
    border-radius: 0;
    left: -1.125rem;
    box-shadow: 0 3px 6px rgba(0,0,0,0.5);
}

header .dropdown .nolink{
    background: #2c3038;
    pointer-events: none;
}

header .dropdown .nolink .dropdown-item{
    font-weight: 700;
}

header .dropdown .nolink ~ li .dropdown-item{
    padding-left: 2rem;
}

header .navbar-nav .dropdown-menu .dropdown-item{
    padding: .5rem 1rem;
    color: var(--white);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
    line-height: 1.25;
    border: none;
    text-align: left;
    text-transform: uppercase;
    margin: 0 0 .125rem;
    background: none;
    letter-spacing: 1px;
}

header .navbar-nav .dropdown-menu .dropdown-item.active,
header .navbar-nav .dropdown-menu .dropdown-item:hover{
    color: var(--second-color);
}

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    float: none;
    height: auto;
}

.navbar-brand img {
    height: 4rem;
    margin-right: 0;
    width: auto;
}

.region-nav-additional{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.region-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: .25rem 0;
}

.top-nav{
    background: var(--black);
    width: 100%;
}

.region-header .field--name-body, .region-header .field--name-body > div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-family: var(--second-font);
}

.region-header .field--name-body article {
    margin-right: .5rem;
}

.region-header .field--name-body span{
    margin: 0 .5rem;
}

.region-header .field--name-body a, .region-header .field--name-body p {
    margin: 0;
    font-weight: var(--font-medium);
    font-size: var(--text-sm);
    font-family: var(--main-font);
    color: var(--white);
}

.region-header .field--name-body a:hover{
    color: var(--hover-color);
}

.region-header .field--name-body > div + div {
    margin-left: 2rem;
}

.top-ct{
    position: relative;
    height: auto;
    background: var(--white);
}

.breadcrumb-ct{
    background: #2A2A2A;
    padding: 1rem 0;
}

.breadcrumb{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    border-radius: 0;
    margin-top: 0;
}

.breadcrumb li{
    display: flex;
    align-items: center;
}

.breadcrumb li:last-of-type{
    font-weight: var(--font-bold);
}

.breadcrumb-item{
    color: var(--white);
    font-size: var(--text-base);
    font-family: var(--main-font);
    font-weight: var(--font-normal);
    text-transform: uppercase;
}

.breadcrumb-item a{
    color: var(--white);
}

.breadcrumb-item a:hover{
    color: var(--hover-color);
}

.breadcrumb-item + .breadcrumb-item{
    padding: 0;
}

.breadcrumb-item + .breadcrumb-item::before{
    height: .5rem;
    content: '';
    background: url(../images/polygon.png) center no-repeat;
    background-size: auto;
    width: 2rem;
}

.region-sidebar-first{
    background: none;
    padding: 0 1rem;
    height: 100%;
    position: relative;
    margin-top: 3rem;
    margin-bottom: 2rem;
}

.region-sidebar-first .navbar-nav .nav-link{
    padding: .5rem 1rem .5rem 0;
    font-size: var(--text-mid);
    font-weight: var(--font-semibold);
    color: var(--text-color);
    text-transform: uppercase;
    white-space: normal;
    position: relative;
}

.region-sidebar-first .navbar-nav li{
    width: 100%;
}

.region-sidebar-first > nav > .navbar-nav > .nav-item + .nav-item{
    border-top: 1px solid;
    border-color: #E0E3E7;
}

.region-sidebar-first .dropdown-menu.open{
    padding: .25rem 0 .25rem 1.25rem;
    background: none;
    box-shadow: none;
    border-top: 1px solid;
    border-color: #E0E3E7;
}

.region-sidebar-first .dropdown-menu .nav-link{
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    text-transform: uppercase;
}

.region-sidebar-first > nav > .navbar-nav  .dropdown-toggle.open::after{
    transform: rotate(0);
    filter: grayscale(0);
}

.region-sidebar-first > nav > .navbar-nav  .dropdown-toggle::after{
    border: none;
    width: 1rem;
    height: 1rem;
    background: url(../images/arrow_drop.png) center no-repeat;
    position: absolute;
    right: 0;
    top: .875rem;
    filter: grayscale(1) brightness(1);
    transition: var(--transition-all);
    transform: rotate(180deg);
}

.region-sidebar-first .nav-link.active{
    color: var(--second-color);
}

.region-sidebar-first .dropdown-menu.open{
    display: block;
    position: initial !important;
    inset: initial !important;
    margin: 0px;
    transform: none !important;
}


ul.links{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 0;
}

ul.links a{
    color: var(--white);
}

ul.links a.is-active,
ul.links a:hover{
    color: var(--second-color);
}
/* <== top */

/* node ==> */
.node__content .field--name-body{
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 15px;
}

.field--name-body img,
.paragraph--type--zdjecie img,
.field--name-field-tresc img{
    max-width: 100%;
    height: auto;
}

main .view-header > *,
main .field--name-field-tresc > *,
main .field--name-body > *{
    visibility: hidden;
}

.field--name-field-tresc ul,
.field--name-body ul{
    padding: 0;
    list-style: none;
}

.field--name-field-tresc li,
.field--name-body li{
    padding-left: .5rem;
    position: relative;
}

.field--name-field-tresc li + li,
.field--name-body li + li{
    margin-top: .5rem;
}

.field--name-field-tresc li::before,
.field--name-body li::before{
    content: '»';
    color: var(--second-color);
    font-weight: var(--font-normal);
    font-size: var(--text-sm);
    display: inline-block;
    margin-right: .5rem;
}

#block-popularne{
    background: url(../images/produkty_bg.jpg) center no-repeat;
    background-size: cover;
}

.view-podkategorie{
    margin: 3rem 0;
}

.view-podkategorie .view-content{
    display: grid;
    grid-template-columns: repeat(3, minmax(10px, 1fr));
    gap: 3rem;
    max-width: var(--container);
    margin: 0 auto;
}

.view-podkategorie.view-id-podkategorie .view-content{
    grid-template-columns: repeat(4, minmax(10px, 1fr));
    gap: 2rem;
}

.view-podkategorie .view-content > div{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
}

.view-podkategorie .view-content > div > h2 a{
    color: var(--second-color);
    text-transform: uppercase;
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
}

.view-podkategorie .view-content > div h2{
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    margin: 2rem 0 1rem;
}

.view-podkategorie .view-content img{
    height: clamp(10rem, 15vw, 15rem);
    width: 100%;
    object-fit: scale-down;
    background-color: var(--white);
    padding: .5rem;
}

.view-podkategorie .view-content .link{
    margin-top: 1rem;
}

.page-node-type-produkt .page-title{
    text-align: left !important;
    border-bottom: 1px solid;
    border-color: var(--second-color);
    margin-top: 1.5rem;
}

.page-node-type-produkt .page-title > span{
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    font-family: var(--main-font);
    text-transform: uppercase;
}

.view-kategorie{
    margin: 2rem 0;
}

.view-kategorie .view-header h2,
.view-podkategorie .view-header h2{
    font-size: var(--text-4xl);
    font-weight: var(--font-bold);
    color: var(--text-color);
    text-align: center;
    margin-bottom: 2rem;
}

.view-kategorie .view-header h2 > span,
.view-podkategorie .view-header h2 > span{
    display: block;
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    color: var(--second-color);
    letter-spacing: .125rem;
}

.view-kategorie .view-content{
    display: grid;
    grid-template-columns: repeat(3, minmax(10px, 1fr));
    gap: 2rem;
}

.view-kategorie .view-content > div{
    position: relative;
    overflow: hidden;
}

.view-kategorie .view-content > div > h2{
    position: absolute;
    bottom: 2rem;
    width: 100%;
    text-align: center;
    background: rgba(0,0,0,0.55);
    padding: .5rem;
    font-size: var(--text-3xl);
    font-weight: var(--font-bold);
    text-transform: uppercase;
}

.view-kategorie .view-content > div > h2::before{
    width: 60%;
    height: 100%;
    background: var(--second-color);
    position: absolute;
    top: 0;
    left: -10%;
    content: '';
    transform: skew(-24deg);
    transition: var(--transition-all);
}

.view-kategorie .view-content > div:hover > h2::before{
    width: 120%;
}

.view-kategorie .view-content > div > h2 a{
    color: var(--white);
    position: relative;
}

.view-kategorie .view-content > div:nth-of-type(3n+1),
.view-kategorie .view-content > div:nth-of-type(3n+2){
    position: relative;
}

.view-kategorie .view-content > div:nth-of-type(3n+1)::after,
.view-kategorie .view-content > div:nth-of-type(3n+2)::after{
    content: '';
    top: 0;
    right: -1rem;
    width: 13px;
    height: 100%;
    border-right: 2px dashed;
    border-color: var(--grayer);
    position: absolute;
}

#block-ikony .field--name-body{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 4rem;
    max-width: var(--container);
    padding: 0 15px;
    margin: 3rem auto 0;
}

#block-ikony .field--name-body > div{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
}

#block-ikony .field--name-body > div article{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6rem;
    width: 6rem;
    border-radius: 100%;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    transition: var(--transition-all);
}

#block-ikony .field--name-body > div article img{
    height: 4rem;
    width: 4rem;
    object-fit: scale-down;
}

#block-ikony .field--name-body > div h3{
    color: var(--text-color);
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    margin: 1rem 0;
}

#block-ikony .field--name-body > div p{
    margin: 0;
    color: #606060;
}

#block-ikony .field--name-body > div:hover article{
    background: rgb(217,0,13);
    background: linear-gradient(180deg, rgba(217,0,13,1) 0%, rgba(109,0,7,1) 100%);
}

#block-ikony .field--name-body > div:hover article img{
    filter: brightness(0) invert(1);
}

.view-aktualnosci .view-content{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    margin: 3rem auto;
}

.view-aktualnosci .view-content > div{
    background-color: var(--gray);
    padding: 3rem;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.view-aktualnosci .view-content > div img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.view-aktualnosci .view-content > div .data{
    position: absolute;
    top: 4rem;
    left: 2rem;
    background-color: var(--second-color);
    padding: .25rem 1rem;
    color: var(--white);
    font-size: var(--text-sm);
    font-weight: var(--font-light);
    font-style: italic;
    font-family: var(--second-font);
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
}

.view-aktualnosci .view-content > div > div h2 a{
    color: var(--second-color);
}

.view-aktualnosci .view-content > div > div h2{
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    font-family: var(--main-font);
}

.view-aktualnosci .view-content > div > div p{
    font-size: var(--text-sm);
}

#block-aktualnosci-front{
    position: relative;
    padding: 3rem 0;
}

#block-aktualnosci-front .view-aktualnosci{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: var(--container);
    margin: 0 auto;
    position: relative;
}

#block-aktualnosci-front .view-aktualnosci .view-content{
    margin: 0;
    padding: 0;
    display: block;
    width: 25%;
}

#block-aktualnosci-front .view-aktualnosci .view-footer{
    width: 25%;
}

#block-aktualnosci-front::before{
    display: block;
    position: absolute;
    width: 50%;
    height: 100%;
    inset: 0;
    content: '';
    margin: auto;
    background: url(../images/support.png) top center no-repeat;
    background-size: contain;
}

#block-aktualnosci-front .view-aktualnosci .view-content > div {
    display: block;
    background: transparent;
    text-align: center;
}

#block-aktualnosci-front{
    background: url(../images/bg.jpg) center no-repeat;
    background-size: cover;
}

#block-aktualnosci-front .view-content > div > h2{
    font-size: var(--text-2xl);
    font-weight: var(--font-bold);
    color: var(--white);
    text-align: center;
    margin-bottom: 1rem;
}

#block-aktualnosci-front .view-content > div > h2 > span{
    display: block;
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    color: var(--second-color);
    letter-spacing: .125rem;
}

#block-aktualnosci-front .view-content > div > div > h2{
    font-size: var(--text-xl);
    text-align: center;
    margin: .5rem auto;
}

#block-aktualnosci-front .view-content > div > div p{
    font-size: var(--text-sm);
    color: var(--white);
    text-align: center;
}

#block-aktualnosci-front .view-footer .link a,
#block-aktualnosci-front .view-content .link a{
    color: var(--white);
}

#block-aktualnosci-front .view-aktualnosci .view-content > div .data{
    top: 8rem;
}

#block-aktualnosci-front .katalog{
    padding-top: 25rem;
    background-image: url(../images/katalog.png);
    background-position: center top;
    background-size: auto 25rem;
}

#block-webform{
    width: calc(50% - 1.5rem);
    margin-right: 1.5rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

#block-webform #edit-processed-text{
    margin-bottom: 3rem;
}

#block-webform #edit-processed-text > div{
    display: flex;
    align-items: center;
}

#block-webform #edit-processed-text > div + div{
    margin-top: 1rem;
}

#block-webform #edit-processed-text > div p{
    margin: 0;
}

#block-webform #edit-processed-text > div a{
    color: var(--text-color);
}

#block-webform #edit-processed-text > div article{
    margin-right: 1rem;
}

#block-webform .webform-actions{
    text-align: center;
}

#block-webform .webform-actions input{
    color: var(--text-color);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    font-family: var(--second-font);
    text-transform: uppercase;
    display: inline-block;
    border: 1px solid;
    border-color: var(--second-color);
    background-color: transparent;
    border-radius: 2rem;
    padding: .75rem 2rem;
    line-height: 1;
    position: relative;
    letter-spacing: .125rem;
}

#block-webform .webform-actions input:hover{
    background-color: var(--second-color);
    color: var(--white);
}

#block-mapa{
    width: calc(50% - 1.5rem);
    margin-left: 1.5rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}
/* <== node */

/* stopka ==> */
.region-before-footer{
    width: var(--container);
    margin: 2rem auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

footer{
    background: var(--black);
    padding: 0;
}

footer .region-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 3rem;
}

#block-glownanawigacja-2{
    width: 100%;
}

footer .region-footer .dropdown-toggle::after{
    content: none;
}

footer .region-footer .navbar-nav{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

footer .region-footer .nav-link{
    color: var(--white);
    font-size: var(--text-base);
    font-weight: var(--font-medium);
    text-transform: uppercase;
}

footer .region-footer .nav-link.is-active{
    color: var(--second-color);
}

#block-logostopka img{
    height: 3.5rem;
}

#block-kontaktfooter{
    margin-top: 3rem;
}

#block-kontaktfooter .field--name-body{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
}

#block-kontaktfooter .field--name-body > div{
    display: flex;
    align-items: center;
    justify-content: center;
}

#block-kontaktfooter .field--name-body article{
    margin-right: 1rem;
}

#block-kontaktfooter .field--name-body a,
#block-kontaktfooter .field--name-body p {
    margin: 0;
    font-weight: var(--font-normal);
    font-size: var(--text-sm);
    font-family: var(--main-font);
    color: var(--white);
}

#block-copyright{
    border-top: 1px solid;
    border-color: var(--second-color);
    padding: .5rem;
    width: 100%;
}

#block-copyright .field--name-body{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#block-copyright .field--name-body::after{
    display: none;
}

#block-copyright .field--name-body > div{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#block-copyright .field--name-body > div img{
    margin-left: 1rem;
}

#block-copyright .field--name-body p,
#block-copyright .field--name-body a{
    color: var(--white);
    font-size: var(--text-xs);
    margin: 0;
}

#block-copyright .field--name-body a:hover{
    color: var(--second-color);
}

#block-copyright .field--name-body p + p{
    margin-left: 1rem;
}
/* <== stopka */

.form-type-checkbox{
    font-size: var(--text-xxs);
}