/*

Theme Name: RenovoOkna
Author: RenovoOkna
Version: 1.0;

*/

/* html body {
    --default-gap: 40px;
    --primary-color-0: #022c44;
    --secondary-color-0: #4fceff;
    --secondary-color-1: #36b6ff;
    --gray-color-4: #d5d5d5;
    --bg-color-primary: #fff;
    --bg-color-secondary: #f4f4f4;
    --bg-color-third: #e7e7e7;

    --btn-border-width: 2px;
    --bs-gutter-x: 30px;
}
html body .container, 
html body .container .row {
    --bs-gutter-x: 30px;
} */

/* body {
    padding-bottom: 68px !important;
}
@media (min-width: 992px) {
    body {
        padding-bottom: 0 !important;
    }
} */

/* body .btn, 
body a.btn {
    font-size: 14px;
} */

/* .generic-content {
    padding-top: 0 !important;
} */

/* .main-content {
    background-color: var(--bg-color-primary) !important;
} */

/* .wp-block-columns {
    margin-bottom: 0;
} */

/* .wp-block-heading {
    border-left: none !important;
    padding-left: 0 !important;
    margin-bottom: 10px;
}
@media (min-width: 992px) {
    .wp-block-heading {
        margin-bottom: 20px;
    }
} */

/* .big-img-section .container,
.big-img-section.container {
    gap: calc(var(--bs-gutter-x) * .5) !important;
    margin-top: calc(var(--bs-gutter-x) * .5) !important;
    margin-bottom: calc(var(--bs-gutter-x) * .5) !important;
}
@media (min-width: 768px) {
    .big-img-section .container,
    .big-img-section.container {
        gap: var(--default-gap) !important;
        margin-top: var(--default-gap) !important;
        margin-bottom: var(--default-gap) !important;
    }
} */

/* #TODO UTILS */
/* .bg-color-primary {
    background-color: var(--bg-color-primary);
} */

/* .site-footer .footer-copy {
    color: var(--black-color-0);
    background-color: var(--bg-color-third);
} */

/* #TODO MENU */
/* nav.navbar .container::before {
    display: none;
} */
/* .page-header {
    background-color: var(--bg-color-primary);
    border-bottom: 2px solid var(--bg-color-secondary) !important;
    margin-bottom: 0;
} */
/* .page-header .navbar-brand {
    display: none;
} */
/* @media (min-width: 992px) { */
    /* .page-header {
        position: sticky !important;
        top: 0 !important;
    }
    .page-header .navbar-brand {
        display: flex;
    } */
/* } */

/* .page-header .navbar-brand img {
    max-height: 60px;
    width: auto;
} */

/* .page-header .navbar > .container {
    flex-wrap: nowrap;
} */

/* .page-header .navbar-collapse > div {
    flex-grow: 0 !important;
} */

/* nav.navbar .menu li.menu-item a {
    color: var(--black-color-0) !important;
    font-size: 10px !important;
    text-transform: none !important;
    letter-spacing: 1px !important;
    padding: 10px 0 !important;
    flex-direction: column;
} */

/* nav.navbar .menu li.menu-item.current-menu-item a .icon,
nav.navbar .menu li.menu-item.current-menu-parent>a .icon {
    color: var(--secondary-color-0);
} */
/* nav.navbar .menu li.menu-item.current-menu-item a,
nav.navbar .menu li.menu-item.current-menu-parent>a {
    color: var(--secondary-color-0) !important;
} */

/* #TODO temp */
/* nav.navbar .menu li.menu-item.home {
    order: 0 !important;
}
nav.navbar .menu li.menu-item.home .link-text {
    display: inline-flex !important;
} */
/* #TODO temp */
/* @media (min-width: 992px) {
    nav.navbar .menu li.menu-item a {
        font-size: 18px !important;
        padding: 25px 0 !important;
    }
    nav.navbar .menu li.menu-item:not(:first-child) a {
        margin-left: 40px;
    }
} */

/* nav.navbar .menu li.menu-item a .icon {
    display: block;
    font-size: 28px;
    color: var(--primary-color-0);
    min-height: 31px;
    margin-bottom: 2px;
} */
/* nav.navbar .menu li.menu-item a .icon.icon-phone,
nav.navbar .menu li.menu-item a .icon.icon-home {
    font-size: 31px;
} */

/* nav.navbar .underline {
    display: none;
    position: absolute;
    bottom: -2px;
    height: 4px;
    background-color: var(--secondary-color-0);
    transition: linear 0.3s;
}
@media (min-width: 992px) {
    nav.navbar .underline {
        display: block;
    }
} */

/* #TODO header-info */
/* .header-info__content {
    display: flex;
    align-items: center;
    padding: 12px 0;
}
@media (min-width: 992px) {
    .header-info__content {
        border-bottom: 1px solid var(--gray-color-2);
        margin-bottom: 5px;
    }
} */
/* .header-info__content a {
    text-decoration: none;
    color: var(--black-color-0);
}
.header-info__content a:not(:first-child) {
    margin-left: 20px;
}
.header-info__content a:nth-child(2) {
    margin-left: auto;
}
.header-info__phone {
    font-weight: 700;
} */
/* .header-info__phone span {
    color: var(--gray-color-1);
    transform: translateY(2px);
    display: inline-block;
    margin-right: 6px;
} */

/* .header-info .social {
    font-size: 18px;
    transition: var(--default-transition);
}
.header-info .social:hover {
    transform: scale(1.2);
} */

/* #TPDP FOOTER */
/* .footer-copy__text {
    margin: 25px 0 !important;
}

.footer-content {
    padding: 30px 0 15px !important;
} */

/* .footer-box {
    text-align: center;
}
.footer-box--social {
    margin-top: 20px;
} */
/* @media (min-width: 768px) {
    .footer-box {
        text-align: left;
    }
    .footer-box--social {
       margin-top: 0;
    }
}
@media (min-width: 992px) {
    .footer-content {
        padding: 50px 0 20px !important;
    }
} */

/* .footer-box__title {
    margin-bottom: 16px;
} */

/* .footer-content__contact-box {
    position: relative;
    font-size: 20px;
    padding-left: 30px;
}
.footer-content__contact-box .icon {
    transform: translateY(2px);
    display: inline-block;
    font-size: 26px;
    position: absolute;
    left: 0;
} */

/* .footer-content__company img {
    width: 165px;
    max-width: 100%;
    height: auto;
} */

/* .footer-box ul {
    padding-left: 22px;
}

.footer-content__company {
    margin-bottom: 15px;
    text-align: center !important;
} */
/* .footer-box--area {
    margin-bottom: 15px;
    text-align: center !important;
} */

/* @media (min-width: 576px) {
    .footer-box--area {
        text-align: left !important;
    }
} */
/* #TODO od lg? */
/* @media (min-width: 768px) {
    .footer-box--area {
        text-align: left !important;
    }
}
@media (min-width: 992px) {
    .footer-content__company {
        text-align: left !important;
    }
}
@media (min-width: 1200px) {
    .footer-box--area {
        padding-right: 50px;
        margin-bottom: 0;
    }
} */


/* #TODO BTN */
/* .btn--primary,
a.btn--primary {
    position: relative;
    border-radius: 0 !important;
    background-color: transparent !important;
    border: none !important;
} */
/* 
.btn--primary span:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: var(--btn-border-width) solid var(--secondary-color-0);
} */

/* #TODO rysowanko */
/* Wspólne ustawienia */ 
/* .btn--primary::before,
.btn--primary::after,
.btn--primary span:first-child::before,
.btn--primary span:first-child::after {
    content: "";
    position: absolute;
    background: black;
    transition: all 0.3s ease;
    z-index: 2;
} */
/* #TODO rysowanie lewa i prawa 0.1s */
/* .btn--primary span:first-child::after,
.btn--primary span:first-child::before {
    transition: all 0.1s ease; 
} */

/* GÓRA — 1 */ 
/* .btn--primary::before { 
    height: var(--btn-border-width); 
    width: 0; 
    top: 0; 
    left: 0; 
    transition-delay: 0.9s;
    transition-delay: 0.5s;
}  */
/* PRAWA — 2 */ 
/* .btn--primary span:first-child::after { 
    width: var(--btn-border-width); height: 0; top: 0; right: -2px; 
    transition-delay: 0.6s;
    transition-delay: 0.4s;
}  */
/* DÓŁ — 3 */ 
/* .btn--primary::after {
     height: var(--btn-border-width); width: 0; bottom: 0; right: 0; 
     transition-delay: 0.3s;
     transition-delay: 0.1s;
}  */
/* LEWA — 4 */ 
/* .btn--primary span:first-child::before {
     width: var(--btn-border-width); height: 0; bottom: 0; left: -2px; 
     transition-delay: 0s;
     } */
 /* HOVER — rysowanie */ 
 /* .btn--primary:hover::before { 
    width: 100%; 
    transition-delay: 0s;
}  */
/* .btn--primary:hover span:first-child::after { 
    height: 100%;
    transition-delay: 0.3s; 
}  */
/* .btn--primary:hover::after { 
    width: 100%; 
    transition-delay: 0.6s;
    transition-delay: 0.4s;
}  */
/* .btn--primary:hover span:first-child::before { 
    height: 100%; 
    transition-delay: 0.9s;
    transition-delay: 0.7s;
} */

/* #TODO breadcrtumbs */
/* .breadcrumbs {
    position: relative;
    z-index: 3;
    color: var(--gray-color-1);
    margin-top: 15px;
}
.breadcrumbs a {
    color: var(--secondary-color-0);
    text-decoration: none;
    transition: var(--default-transition);
}
.breadcrumbs a:hover {
    color: var(--primary-color-0);
}
.breadcrumbs__separator {
    margin: 0 6px;
} */

/* #TODO page hero */
/* .page-hero { */
    /* #TODO --bg-color-third or --bg-color-secondary  */
    /* background-color: var(--bg-color-third) !important; */
    /* background-color: var(--primary-color-0) !important; */
    /* padding-top: 25px !important; */
    /* padding: 45px 0 !important; */
    /* padding-bottom: 0 !important; */
/* } */
/* .page-hero__content {
    text-align: left !important;
    max-width: 100% !important;
} */
/* .page-hero .page-hero__title { */
    /* font-size: 60px;
    line-height: 1.3;
    text-align: center; */
    /* line-height: 1; */
    /* transform: translateY(10px); */
    /* transform: translateY(25px); */
/* } */
/* @media (min-width: 992px) {
    .page-hero .page-hero__title {
        text-align: left;
    }
} */
/* .page-hero__title--higher {
    transform: translateY(3px) !important;
} */

/* #TODO page hero HP */
/* .page-hero--hp {
    background-color: var(--bg-color-third) !important;
    min-height: 55vh !important;
    padding: 15px 0 !important;
}
@media (min-width: 768px) {
    .page-hero--hp {
        padding: 40px 0 !important;
    }
} */
/* @media (min-width: 992px) {
    .page-hero--hp {
        padding: 70px 0 !important;
    }
} */

/* .page-hero--hp .page-hero__content {
    text-align: left;
    color: var(--black-color-0);
    padding-right: 25px;
}
.page-hero--hp .page-hero__title {
    font-size: 28px !important;
    line-height: 1.3;
    transform: none;
    text-align: left;
} */
/* @media (min-width: 992px) {
    .page-hero--hp .page-hero__title {
        font-size: 36px !important;
    }
} */
/* .page-hero__title:not(:last-child) {
    margin-bottom: 25px !important;
} */

/* .page-hero__img-col {
    order: -1;
} */
/* .page-hero__img-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-right: 20px;
    margin-top: 40px;
    margin-bottom: 20px;
} */
/* .page-hero__content {
    padding-bottom: 20px;
} */
@media (min-width: 768px) {
    /* .page-hero__content {
        padding-bottom: 0;
    } */
    /* .page-hero__img-wrapper {
        margin-top: 0;
    } */
}
@media (min-width: 992px) {
    /* .page-hero__img-col {
        order: 0;
    } */
    /* .page-hero__img-wrapper {
        margin-bottom: 0;
    } */
}
/* .page-hero__img-wrapper::before {
    content: '';
    position: absolute;
    top: -20px;
    right: 0;
    bottom: 20px;
    left: 20px;
    background-color: var(--gray-color-4);
    z-index: -1;
} */
/* .page-hero__img-wrapper img {
    width: 100%;
} */

/* #TODO STRONA GLOWNA */
/* .hp-cards {
    margin: calc(var(--default-gap) + 20px) 0 0 !important;
}

.hp-cards__container {
    display: flex;
    justify-content: center;
    gap: var(--default-gap);
    flex-wrap: wrap;
} */

/* @media (min-width: 992px) {
    .hp-cards__container {
        flex-wrap: nowrap;
        gap: var(--default-gap);
    }
} */


/* .card-box {
    position: relative;
    text-align: center;
    width: 100%;;
    background-color: var(--bg-color-secondary);
    padding: 25px 25px 10px;
}
@media (min-width: 768px) {
    .card-box {
        width: 44%
    }
}
@media (min-width: 992px) {
    .card-box {
        width: 33.33%
    }
} */

/* .card-box__icon {
    position: absolute;
    width: 70px;
    height: 70px;
    background-color: var(--bg-color-secondary);
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    border-radius: 50%;
    border: 6px solid var(--bg-color-primary);
} */

/* .card-box__title {
    font-size: 24px;
    margin: 20px 0 15px;
}

.card-box__title::after {
    content: '';
    width: 30px;
    height: 2px;
    display: block;
    background-color: var(--secondary-color-0);
    margin: 20px auto 0;
} */

/* #TODO TEST */
/* #TODO TEST */


/* .counter-section__box-wrapper {
    padding: 25px 15px 45px !important;
    margin: 0 auto !important;
}
@media (min-width: 768px) {
    .counter-section__box-wrapper {
        padding: 25px 15px !important;
    }
} */

/* .counter-section__box-wrapper {
    margin: 0 auto !important;
}

.counter-section {
    position: relative;
    background-color: transparent !important;
}
.counter-section::before {
    content: '';
    position: absolute;
    top: 20px;
    right: 0;
    bottom: 20px;
    left: 0;
    background-color: var(--bg-color-secondary);
}

.counter-section__box {
    position: relative;
    flex-grow: 0 !important;
    flex-basis: 220px !important;
    height: 220px;
    display: flex;
}
.counter-section__box::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--primary-color-0);
    transform: rotate(45deg);
}
.conter-box {
    z-index: 2;
    padding-bottom: 15px;
} */

/* #TODO TEST */
/* #TODO TEST */


/* #TODO KONTAKT */
/* #TODO KONTAKT */
/* #TODO KONTAKT */

/* .contact-cards {
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--default-gap);
    margin: calc(var(--bs-gutter-x) * .5) 0;
}
.contact-cards .card-box:not(:last-child) {
    margin-bottom: 10px;
}
@media (min-width: 576px) {
    .contact-cards {
        margin: var(--default-gap) 0;
    }
    .contact-cards .card-box:not(:last-child) {
        margin-bottom: var(--default-gap);
    }
}
@media (min-width: 768px) {
    .contact-cards .card-box:not(:last-child) {
        margin-bottom: 0;
    }
} */

/* .contact-cards .card-box__title {
    margin-top: 0;
}

.card-box--opening-hours {
    flex-grow: 1;
    padding: 25px 25px;
}
@media (min-width: 768px) {
    .card-box--opening-hours {
        padding: 25px 25px 10px;
    }
} */

/* .hour-box__container {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 30px;
    justify-content: center;
}

.hour-box {
    display: flex;
    flex-direction: column;
}
.hour-box__day {
    font-weight: 700;
}

.phone-box {
    font-size: 20px;
    font-weight: 700;
    margin: 20px 0;
}
.phone-box .icon {
    display: inline-block;
    font-size: 26px;
    margin-right: 8px;
    transform: translateY(5px);
}
.phone-box a {
    color: var(--primary-color-0);
    text-decoration: none;
    transition: var(--default-transition);
}
.phone-box a:hover {
    color: var(--secondary-color-0);
}

.contact-cards .phone-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
}
.contact-cards .phone-box .icon {
    transform: translateY(2px);
}

.card-box__separator {
    width: 30px;
    height: 2px;
    display: flex;
    background-color: var(--secondary-color-0);
    margin: 20px auto 0;
} */


/* #TODO KONTAKT */
/* #TODO KONTAKT */
/* #TODO KONTAKT */

/* #TODO SERVICE */
/* #TODO SERVICE */
/* .service-page-cards {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--default-gap);
    margin: calc(var(--default-gap) + 10px) 0 calc(var(--bs-gutter-x) * .5);
}
@media (min-width: 768px) {
    .service-page-cards {
        margin: calc(var(--default-gap) + 20px) 0 var(--default-gap);
        row-gap: calc(var(--default-gap) + 20px);
    }
}
@media (min-width: 992px) {
    .service-page-cards {
        flex-wrap: nowrap;
    }
} */

/* .service-page-cards ul { */


/* #TODO SERVICE */
/* #TODO SERVICE */

/* .company-page-section .wp-block-columns {
    margin-top: 0 !important;
} */




/* #TODO dodanie */

/* .big-img-section.container {
    column-gap: var(--default-gap);
    margin-top: calc(var(--bs-gutter-x) / 2);
    margin-bottom: calc(var(--bs-gutter-x) / 2);
} */

/* min-width */
/* .big-img-section.container { */
    /* margin-top: 40px; */
    /* column-gap: var(--default-gap); */
    /* margin-top: calc(var(--bs-gutter-x) / 2);
    margin-bottom: calc(var(--bs-gutter-x) / 2); */
    /* margin-top: 0;
    margin-bottom: var(--default-gap); */
    /* flex-wrap: wrap !important; */
/* } */
/* @media (min-width: 992px) {
    .big-img-section.container {
        flex-wrap: nowrap !important;
    }
} */

/* .big-img-section.container.company-page-container {
    margin-top: 0 !important;
}
.company-page-container .big-img-section__content {
    width: 100%;
}
.about-page .container {
    flex-wrap: wrap !important;
}

.big-img-section__content {
    padding: calc(var(--bs-gutter-x) * .5) !important;
}
@media (min-width: 576px) {
    .big-img-section__content {
        padding: 25px 30px !important;
    }
}
@media (min-width: 992px) {
    .about-page .container {
        flex-wrap: nowrap !important;
    }
} */

/* .about-page .big-img-section__img-wrapper {
    display: flex;
    order: 2;
}
@media (min-width: 992px) {
    .about-page .big-img-section__img-wrapper {
        order: 0;
    }
} */