/*
 * Nazwa pliku: main.css
 * Data utworzenia: 08.03.2024
 * Wersja: 1.0
 * Opis: Arkusz domyślnych styli dla motywu Kuba Travel
 * ---------------------------------------------
 * Sekcje:
 * 1.
 * 2.
 * 3.
 * 4.
 * 5.
 */
:root {
    --color-theme-1: #955598;
    --color-theme-2: #0e4471;
    --color-theme-3: #108e09;
}
body .navbar .logo a img {height: 120px;}
body .navigation-menu .inner address {display: none;}
body .navigation-menu .nav-bg2 {background: #fd7676;}
body .header h5 span:after {
    background: #fd7676;
    bottom: 0;}
body .header .btn-ghost {
    background: #fd7676;
    width: auto;}
.swiper-wrapper .swiper-slide .slide-inner .container h2,
.swiper-wrapper .swiper-slide .slide-inner .container h5 {filter: drop-shadow(0px 0px 8px rgb(255, 180, 180));}
.swiper-wrapper .swiper-slide .slide-inner .container h2 {text-transform: none;}
body .header .btn-ghost span {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;}
body .header:before, body .header:after {background: #fd7676;}
body .side-content-block .inner .holder {color: #fff;}
@media only screen and (min-device-width: 300px) and (max-device-width: 575px) and ( min-device-pixel-ratio: 1),
(min-width: 300px) and (max-width: 575px){
    .swiper-wrapper .swiper-slide .slide-inner .container {
        padding-right: 25px;
        padding-left: 25px;
    }
}

/* Oferta */
.works .works-grid li figure:hover img {
    transform: scale(0.95);
    box-shadow: 5px 20px 50px 5px rgba(153, 153, 153, 0.4);
}
body .works .works-title {width: 100%;}
body .works .works-title h2 {
    font-size: 84px;
    margin-bottom: 40px;}
body .works .works-title p {
    width: 90%;
    margin-bottom: 10px;
    font-size: 24px;
    font-family: 'Poppins';
    font-weight: 400;}
body .works .works-grid li figure figcaption span {background: #fd7676;}
@media only screen and (min-device-width: 400px) and (max-device-width: 1024px) and ( min-device-pixel-ratio: 1),
(min-width: 400px) and (max-width: 1024px){
    body .works .works-title h2 {
        font-size: 60px;
    }
}
@media only screen and (min-device-width: 300px) and (max-device-width: 399px) and ( min-device-pixel-ratio: 1),
(min-width: 300px) and (max-width: 399px){
    body .works .works-title h2 {
        font-size: 42px;
    }
}
/* Co nas wyróżnia */
.vc_column-inner .wpb_wrapper .bg-image {
    background-position: center;
    background-repeat: no-repeat;
}
.icon-content-block .wpb_column,
.icon-content-block .wpb_column .vc_column-inner,
.icon-content-block .wpb_column .vc_column-inner .wpb_wrapper,
.icon-content-block .wpb_column .vc_column-inner .wpb_wrapper .content-box {height:100%}
.vc_column-inner .wpb_wrapper .container .inner {width: 90%;}
.vc_column-inner .wpb_wrapper .container .inner .holder {max-width: none;}
.vc_column-inner .wpb_wrapper .container .inner .holder h5 {
    font-size: 6vw;
    margin-bottom: 50px;
    filter: drop-shadow(0px 0px 8px rgb(255, 180, 180));}
.vc_column-inner .wpb_wrapper .container .inner .holder p {
    font-size: 17px;
    line-height: 30px;
    font-family: "Poppins", sans-serif;
    line-height: 30px;
    margin-bottom: 10px;
    max-width: 480px;
    color: #fd7676;
    font-weight: 500;}
.vc_column-inner .wpb_wrapper .container .inner .holder p strong {font-weight: 900;}
@media only screen and (min-device-width: 768px) and (max-device-width: 1199px) and ( min-device-pixel-ratio: 1),
(min-width: 768px) and (max-width: 1199px){
    .vc_column-inner .wpb_wrapper .container .inner .holder h5 {
        font-size: 70px;
    }
}
@media only screen and (min-device-width: 300px) and (max-device-width: 767px) and ( min-device-pixel-ratio: 1),
(min-width: 300px) and (max-width: 767px){
    .vc_column-inner .wpb_wrapper .container .inner .holder h5 {
        font-size: 42px;
    }
    .vc_column-inner .wpb_wrapper .side-content-block .inner {
        padding: 100px 10px;
    }
}
/* Ikon-box */
.icon-content-block .vc_row .wpb_column .wpb_wrapper h4 {
    font-family: 'Poppins';
    font-weight: 700;}
.icon-content-block .vc_row .wpb_column .wpb_wrapper figure img {
    background: #fff;
    padding: 10px;
    border-radius: 50%;
    height: 80px;
    filter: drop-shadow(0px 0px 8px rgb(255, 255, 255));}
.icon-content-block .content-box h4:before {background: #8FC8D1;}
/* Footer */
/*footer .container .content-box:nth-last-child(1) {padding: 0;} opcjonalne dla kalendarza*/
footer.footer .container .content-box figure {height: 100px;}
footer.footer .container .content-box figure img {
    height: 100px;
    width: 93px;
    margin: 0;}
footer.footer .container .content-box .wp-block-heading {
    font-size: 18px;
    font-weight: 800;
    opacity: 1;
    text-transform: uppercase;
    margin-bottom: 20px;}
footer.footer .container .content-box p {font-family: "Poppins", sans-serif;}
footer .container .content-box:nth-last-child(1) {text-align: right !important;}
footer .container .content-box:nth-last-child(1) p {line-height: 56px;}
footer .container .content-box p #calendly-inline-button-widget {
    color: #ff7676 !important;
    border-radius: 54px;
    border-bottom: 4px solid rgba(0, 0, 0, 0.2);
    padding: 0 20px 0 20px !important;
    font-weight: 800;
    font-size: 13px;
    text-decoration: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

footer .container .content-box p #calendly-inline-button-widget:hover {
    background-color: #ff5555;
}

/* Tworzymy element pseudo zawierający tekst */
.lang-pl footer .container .content-box p #calendly-inline-button-widget::before {
    content: "Sprawdź terminy";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff; /* Przywracamy biały kolor tekstu */
    transform: translateY(0);
    transition: transform 0.5s ease;
}

/* Tworzymy drugi element pseudo zawierający taki sam tekst */
.lang-pl footer .container .content-box p #calendly-inline-button-widget::after {
    content: "Sprawdź terminy";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff; /* Przywracamy biały kolor tekstu */
    transform: translateY(100%);
    transition: transform 0.5s ease;
}
/* Tworzymy element pseudo zawierający tekst */
.lang-en footer .container .content-box p #calendly-inline-button-widget::before {
    content: "Book a meeting";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff; /* Przywracamy biały kolor tekstu */
    transform: translateY(0);
    transition: transform 0.5s ease;
}

/* Tworzymy drugi element pseudo zawierający taki sam tekst */
.lang-en footer .container .content-box p #calendly-inline-button-widget::after {
    content: "Book a meeting";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff; /* Przywracamy biały kolor tekstu */
    transform: translateY(100%);
    transition: transform 0.5s ease;
}
/* Animacja przy najechaniu */
footer .container .content-box p #calendly-inline-button-widget:hover::before {
    transform: translateY(-100%);
}

footer .container .content-box p #calendly-inline-button-widget:hover::after {
    transform: translateY(0);
}
.lang-pl .umow-spotkanie-en {display:none;}
.lang-en .umow-spotkanie-pl {display:none;}