/* WordPress Specific Styles */

/* WordPress Blocks */
.inprogress-block,
.wp-block-group {
    width: var(--container-width);
    max-width: var(--container-max-width);
    margin-left: auto;
    margin-right: auto
}

.wp-block-columns .inprogress-block,
.wp-block-columns .wp-block-group {
    max-width: 100%
}

/* Separator — delikatny szary, 1px (również z has-alpha-channel-opacity z core) */
.wp-block-separator {
    border: none;
    border-top: 1px solid var(--color-grey);
    background: transparent;
    color: var(--color-grey);
    opacity: 1;
    height: 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.wp-block-separator.has-alpha-channel-opacity {
    border-top-color: var(--color-grey);
    opacity: 1
}

.wp-block-separator.is-style-dots::before {
    color: var(--color-grey);
    opacity: 1
}

.wp-block-cover {
    min-height: 95vh
}

.wp-block-cover .wp-block-cover__inner-container {
    width: var(--container-width);
    max-width: var(--container-max-width)
}

.wp-block-cover .wp-block-cover__inner-container>* {
    margin-right: 50%
}

.wp-block-media-text {
    margin-top: var(--space-1);
    margin-bottom: var(--space-1)
}

.wp-block-media-text:first-child {
    margin-top: 0
}

.wp-block-media-text:last-child {
    margin-bottom: 0
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding-left: 0
}

.wp-block-media-text.has-media-on-the-left .wp-block-media-text__content {
    padding-right: 0
}

.inprogress-block-newest-posts {
    text-align: center
}

.inprogress-block-newest-posts .list {
    text-align: left
}

.inprogress-block-logos span {
    font: var(--text-xs);
    min-width: 10rem;
    padding-right: var(--space-1);
    flex-grow: 0;
    text-transform: uppercase;
    margin: 0
}

.inprogress-block-logos .squares-block__inner-container {
    display: flex;
    align-items: center;
    padding: var(--space-3) 0;
    justify-content: stretch
}

.inprogress-block-logos .list {
    flex-wrap: nowrap;
    flex-grow: 1;
    align-items: center;
    justify-content: space-between;
    margin: 0
}

/* Pelna szerokosc. .slider-alignfull to ta sama technika pod inna nazwa --
   miala wlasna, identyczna kopie w slider.css. */
.alignfull,
.slider-alignfull {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

.alignfull>div {
    width: var(--container-width);
    max-width: var(--container-max-width)
}

.has-background {
    padding: var(--space-2);
    margin-top: var(--space-2);
    margin-bottom: var(--space-2)
}

.wp-block-media-text.has-background {
    padding: 0
}

.wp-block-group.has-background.alignfull {
    width: 100vw;
    max-width: 100vw;
    padding-left: 0;
    padding-right: 0;
    z-index: 50
}

.wp-block-group.has-background.alignfull>.wp-block-group__inner-container {
    width: var(--container-width);
    max-width: var(--container-max-width);
    margin-left: auto;
    margin-right: auto
}

/* Blok pelnej szerokosci na poczatku sekcji kasuje jej gorny odstep, zeby
   przylegal do tego, co nad nim. Pod naglowek nie wejdzie, bo naglowek stoi
   w normalnym przeplywie - ten margines rowna sie dokladnie paddingowi
   .section-content. */
.section-content .container>.has-background:first-child,
.section-content .container>.wp-block-cover:first-child {
    margin-top: calc(-1 * var(--space-2))
}

.section-content .container>.has-background:last-child {
    margin-bottom: calc(-1 * var(--space-2))
}

.has-background+.has-background,
.has-background+.wp-block-cover,
.wp-block-cover+.has-background {
    margin-top: calc(-1 * var(--space-2))
}

.inprogress-block-logos+.has-background {
    margin-top: 0
}



.wp-block-cover__inner-container h2 {
    font: var(--text-2xl);
    margin: 0;
    padding: 0 0 2.5rem 0
}

.search-form {
    padding: 1.5rem;
    margin: 0 auto;
    max-width: 100%
}

.search-form--wide {
    width: 100%
}

.search-form .search-field {
    padding-right: 7.25rem;
    margin: 0
}

.search-form .search-submit {
    padding-top: .55rem;
    padding-bottom: .55rem;
    right: 2rem;
    top: 1.45rem;
    width: 6.25rem
}

.search-form .field {
    padding-top: 0;
    padding-bottom: 0
}

.search-form .select2,
.search-form input,
.search-form select {
    margin-bottom: 0
}

.search-form>.fields--flex {
    margin: -1rem
}

.section--with_cover .section-header .search-form {
    background: rgb(var(--color-black-rgb) / .6);
    border-radius: var(--radius-lg)}

/* Search form specific */
.search-form .select2 {width:auto; max-width:130px;}
.search-form {
    position: relative
}

.search-form .search-submit {
    position: absolute;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    right: 0
}

.search-form .twitter-typeahead {
    width: 100%
}

/* Actions and filters */
.actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.actions .filters {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    flex-direction: row
}

.actions .single-filter {
    display: inline-flex;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.actions .pdf {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    padding: 8px 16px 8px 12px;
    position: relative;
    border-radius: var(--radius-lg);
    overflow: hidden
}

/* TypeAhead */
.tt-menu {
    background: var(--color-white);
    border: 1px solid var(--color-grey);
    border-radius: var(--radius-lg);
    width: 100%;
    overflow: hidden;
    box-shadow: 0 5px 10px rgb(var(--color-black-rgb) / .2);
    margin-top: 2px
}

.tt-menu .tt-suggestion {
    color: var(--color-base-text);
    font: var(--text-base);
    text-align: left;
    padding: .5rem 1rem
}

.tt-menu .tt-suggestion.tt-cursor {
    background: var(--color-grey)
}

/* WordPress Pagination */
/* Paginacja: assets/css/pagination.css */
/* WordPress Galleries */
.gallery {
    margin-left: -1rem;
    margin-right: -1rem;
    margin-top: -1rem
}

.gallery:after {
    content: '';
    clear: both;
    display: block
}

.gallery .gallery-item {
    width: 100%;
    padding: 1rem;
    float: left
}

.gallery .gallery-item img {
    width: 100%
}

.gallery.gallery-columns-2 .gallery-item {
    width: 50%
}

.gallery.gallery-columns-3 .gallery-item {
    width: 33.3333333333%
}

.gallery.gallery-columns-4 .gallery-item {
    width: 25%
}

.gallery.gallery-columns-5 .gallery-item {
    width: 20%
}

.gallery.gallery-columns-6 .gallery-item {
    width: 16.6666666667%
}

.gallery.gallery-columns-7 .gallery-item {
    width: 14.285714286%
}

.gallery.gallery-columns-8 .gallery-item {
    width: 12.5%
}

.gallery.gallery-columns-9 .gallery-item {
    width: 11.111111111%
}

.gallery.gallery-columns-2 .gallery-item:nth-child(2n+1) {
    clear: both
}

.gallery.gallery-columns-3 .gallery-item:nth-child(3n+1) {
    clear: both
}

.gallery.gallery-columns-4 .gallery-item:nth-child(4n+1) {
    clear: both
}

.gallery.gallery-columns-5 .gallery-item:nth-child(5n+1) {
    clear: both
}

.gallery.gallery-columns-6 .gallery-item:nth-child(6n+1) {
    clear: both
}

.gallery.gallery-columns-7 .gallery-item:nth-child(7n+1) {
    clear: both
}

.gallery.gallery-columns-8 .gallery-item:nth-child(8n+1) {
    clear: both
}

.gallery.gallery-columns-9 .gallery-item:nth-child(9n+1) {
    clear: both
}

/* WordPress Alignment Classes */
.alignleft {
    float: left
}

.alignright {
    float: right
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {
    margin: .5em 1rem .5em 0
}

.wp-caption.alignleft {
    margin: .5em 1rem .5em 0
}

blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {
    margin: .5em 0 .5em 1rem
}

.wp-caption.alignright {
    margin: .5em 0 .5em 1rem
}

.wp-caption.aligncenter,
blockquote.aligncenter,
img.aligncenter {
    margin-top: .5em;
    margin-bottom: .5em
}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
    padding-top: .5em;
    width: 50%
}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
    margin-bottom: .5em
}

/* WordPress Captions */
.wp-caption {
    margin-bottom: 1rem;
    color: var(--color-secondary-700)
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin: 0
}

.wp-caption-text {
    font-style: italic;
    line-height: 1.4;
    margin: .5em 0
}

div.wp-caption .wp-caption-text {
    padding-right: 1rem
}

div.wp-caption.alignright .wp-caption-text,
div.wp-caption.alignright img[class*=wp-image-] {
    padding-left: 1rem;
    padding-right: 0
}

.wp-smiley {
    border: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

/* MailerLite Forms */
.ml-subscribe-form h4 {
    color: var(--color-white)
}

.ml-subscribe-form a {
    color: var(--color-white);
    font-size: .85em
}

.ml-subscribe-form {
    background: var(--color-secondary);
    color: var(--color-white);
    padding: 4rem;
    text-align: center
}

.ml-subscribe-form .last-group {
    text-align: left
}

.ml-subscribe-form .last-group a {
    padding: 0 0 0 1.25rem
}

.ml-subscribe-form h2,
.ml-subscribe-form p,
.ml-subscribe-form span {
    color: var(--color-white);
    margin-bottom: 0
}

.ml-subscribe-form span {
    font-size: 1.25em;
    margin: 0;
    padding: 0
}

.ml-subscribe-form .ml-form-body {
    max-width: 600px;
    margin: 0 auto
}

.ml-subscribe-form .ml-form-embedPermissions {
    text-align: left
}

.ml-subscribe-form label {
    font-size: .85em;
    display: flex;
    align-items: flex-start;
    text-align: left
}

.ml-subscribe-form label input {
    margin: .5rem .5rem 0 0
}

.ml-subscribe-form button {
    margin: 1.25rem 0 0 0
}

.ml-subscribe-form .ml-form-embedContent {
    margin: 0 0 2rem 0
}

.ml-subscribe-form .ml-form-embedPermissions,
.ml-subscribe-form .ml-form-recaptcha {
    text-align: left
}

.ml-subscribe-form .ml-form-recaptcha {
    margin: 1.25rem 0;
    clear: both
}

.ml-subscribe-form .ml-form-recaptcha.ml-error iframe {
    border: 1px solid var(--color-red)
}

/* Newsletter: keep email input and submit button in one row on desktop. */
#mlb2-4266784 .max-5xl.newsletter-consent-container {
    width: 100%;
    max-width: 64rem;
    margin: 0 auto;
}

#mlb2-4266784 .newsletter-form-inline-row {
    display: flex;
    align-items: stretch;
    gap: .75rem;
}

#mlb2-4266784 .newsletter-form-inline-row .ml-form-formContent {
    flex: 1 1 auto;
}

#mlb2-4266784 .newsletter-form-inline-row .ml-form-fieldRow,
#mlb2-4266784 .newsletter-form-inline-row .ml-field-group {
    margin: 0;
}

#mlb2-4266784 .newsletter-form-inline-row input[type="email"] {
    margin: 0;
    height: calc(1.6875em + 1rem + 2px);
    min-height: calc(1.6875em + 1rem + 2px);
}

#mlb2-4266784 .newsletter-form-inline-row .ml-form-embedSubmit {
    margin: 0;
    flex: 0 0 auto;
}

#mlb2-4266784 .newsletter-form-inline-row .ml-form-embedSubmit button {
    margin: 0;
    height: calc(1.6875em + 1rem + 2px);
    min-height: calc(1.6875em + 1rem + 2px);
    padding: .5rem 1rem;
    line-height: 1.6875;
    white-space: nowrap;
}

@media screen and (max-width: 480px) {
    #mlb2-4266784 .newsletter-form-inline-row {
        flex-direction: column;
        gap: .5rem;
    }

    #mlb2-4266784 .newsletter-form-inline-row .ml-form-embedSubmit button {
        width: 100%;
        height: auto;
    }

    .ml-subscribe-form .ml-form-recaptcha {
        width: 220px !important
    }

    .ml-subscribe-form .g-recaptcha {
        transform: scale(0.78);
        transform-origin: 0 0;
    }
}

.ml-form-embedSubmitLoad {
    display: inline-block;
    width: 20px;
    height: 20px
}

.g-recaptcha {
    transform: scale(1);
    transform-origin: 0 0;
}

.ml-form-embedSubmitLoad:after {
    content: " ";
    display: block;
    width: 11px;
    height: 11px;
    margin: 1px;
    border-radius: 50%;
    border: 4px solid var(--color-white);
    border-color: var(--color-white) var(--color-white) var(--color-white) transparent;
    animation: ml-form-embedSubmitLoad 1.2s linear infinite
}

@keyframes ml-form-embedSubmitLoad {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal {
    width: 70%;
    float: left
}

.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal {
    width: 30%;
    float: left
}

.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal.labelsOn {
    padding-top: 25px
}

.ml-form-formContent.horozintalForm .ml-form-horizontalRow .horizontal-fields {
    box-sizing: border-box;
    float: left;
    padding-right: 10px
}

.ml-subscribe-close {
    width: 30px;
    height: 30px;
    background: url(https://assets.mlcdn.com/ml/images/default/modal_close.png) no-repeat;
    background-size: 30px;
    cursor: pointer;
    margin-top: -10px;
    margin-right: -10px;
    position: absolute;
    top: 0;
    right: 0
}

.ml-error input,
.ml-error select,
.ml-error textarea {
    border-color: var(--color-red) !important
}

.ml-error .custom-checkbox-radio-list {
    border: 1px solid var(--color-red) !important;
    border-radius: var(--radius);
    padding: 10px
}

.ml-error .label-description,
.ml-error .label-description p,
.ml-error .label-description p a,
.ml-error label:first-child {
    color: var(--color-red) !important
}

/* Widget specific styles */
.widget .freshMailPopUp__body>div {
    padding: var(--space-3) var(--space-base) !important;
    margin-bottom: var(--space-2) !important;
    background: var(--color-secondary) !important;
    border-radius: var(--radius-2xl) !important;
    text-align: center !important;
    color: var(--color-white) !important;
    font: var(--text-xl) !important
}

.widget .freshMailPopUp__body {
    max-width: 100% !important
}

.widget .freshMailPopUp__body form {
    max-width: 630px !important;
    margin: 0 auto
}

.widget .freshMailPopUp__body p {
    color: var(--color-white) !important
}

.widget .freshMailPopUp__body .text_header {
    color: var(--color-white) !important;
    font: var(--text-4xl) !important;
    margin-top: 0 !important
}

.widget .freshMailPopUp__body .sub_header {
    font: var(--text-xl) !important;
    color: var(--color-white) !important;
    margin-bottom: var(--space-base) !important
}

.widget .freshMailPopUp__body .button {
    padding: .5rem 1rem !important;
    margin: var(--space-base) 0 0 0 !important;
    font-size: .875rem !important;
    line-height: 1.9286 !important;
    background: var(--color-primary) !important;
    color: var(--color-white) !important;
    cursor: pointer !important;
    display: inline-block !important;
    text-transform: none !important;
    text-align: center !important;
    border: 0 !important;
    border-radius: var(--radius-lg) !important;
    text-decoration: none !important
}

.widget .freshMailPopUp__body .label {
    display: none !important
}

.widget .freshMailPopUp__body .checkbox_agreement+span {
    opacity: .6
}

.widget .freshMailPopUp__body input[type=text] {
    font: var(--text-base) !important;
    line-height: 1.6875 !important;
    margin: 0 0 var(--space-base) 0 !important;
    padding: .5rem 1rem !important;
    border: 1px solid var(--color-grey) !important;
    border-radius: var(--radius-lg) !important;
    background: var(--color-light-grey) !important;
    width: 100% !important;
    height: auto !important
}

/* Wtyczka Cookie Notice. Lezala w variables.css, ktory jest teraz generowany
   z tokenow - a to nie jest token, tylko nadpisanie warstwy wtyczki. */
.cookie-notice-container {
    z-index: 99999999999 !important
}