/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.kolory {
    --kolor1: #db5207;
    --kolor2: #4D7037;
    --kolor2: #2a3821;
}

#masthead svg {
    transition: 0.3s;
}
#masthead svg:hover {
    opacity: 0.6;
}
#masthead img {
    transition: 0.3s;
}

#rev_slider_1_1 {
    margin-bottom: 40px;
}
.nav-dir-horizontal .tp-thumb-image {
    border-radius: 100px;
}
.tp-thumb-title {
    display:none !important;
}
.tp-thumb .tp-thumb-image {
    opacity: 0.5;
}
.tp-thumb.selected .tp-thumb-image {
    opacity: 1;
}


.home #oferta .elementor-flip-box__layer__overlay {
    padding: 0px;
    align-items: center;
}
.home #oferta .elementor-flip-box__image {
    margin: 0;
}

.home #oferta .elementor-flip-box--effect-flip .elementor-flip-box:focus-visible .elementor-flip-box__back, #oferta .elementor-flip-box--effect-flip .elementor-flip-box .elementor-flip-box__back {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
.home #oferta .elementor-flip-box--effect-flip .elementor-flip-box .elementor-flip-box__back {
    position: absolute;
    top: -30px;
    left: -25px;
    min-width: 100px;
    min-height: 100px;
}
.home #oferta .elementor-flip-box__back .elementor-flip-box__layer__overlay {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}
#oferta .elementor-button-wrapper {
    text-align: center;
}

#kontakt .elementor-field-group input {
    order: 1;
}
#kontakt .elementor-field-group .elementor-field-label {
    order: 2;
    padding: 5px;
    min-height: 40px;
}


@media (max-width: 767px) {
    body, html {
        overflow-x: hidden;
    }
    .hfe-dropdown-expandible {
        left: -80vw !important;
        width: 95vw !important;
    }
    .hfe-nav-menu li.menu-item {
        padding-left: 40%;
    }
    .home #page {
        padding: 0 30px;
    }
    .fixed-right {
        display:none;
    }
    .elementor-image-carousel .swiper-slide-image {
        min-height: 260px;
        object-fit: cover;
    }
    .home #oferta .elementor-flip-box--effect-flip .elementor-flip-box .elementor-flip-box__back {
        left: -12px;
    }
    .facebook-join-mobile .elementor-icon svg {
        position: relative;
        top: 8px;
    }
    #newsletter-mobile .elementor-flip-box--effect-flip .elementor-flip-box:focus-visible .elementor-flip-box__back, #newsletter-mobile .elementor-flip-box--effect-flip .elementor-flip-box:hover .elementor-flip-box__back {
        border-radius: 100%;
    }
    #newsletter-mobile .elementor-flip-box__back .elementor-flip-box__layer__description {
        padding: 15px;
    }
    #newsletter-mobile .elementor-flip-box__front {
        background-size: contain;
    }
    #newsletter-mobile .elementor-flip-box {
        height: 320px;
    }
    #form-send-button {
        width: 150px;
        height: 150px;
        border-radius: 100%;
        position: relative;
        left: 50px;
        top: 20px;
    }
    .faq-widget .elementor-toggle .elementor-tab-title .elementor-toggle-icon svg {
        width: 50px;
        height: 50px;
    }
    .faq-widget .elementor-toggle .elementor-tab-title {
        display: flex;
        align-items: center;
    }
    .faq-widget2 .elementor-accordion .elementor-tab-title {
        display: flex;
        align-items: center;
    }
    .faq-widget2 .elementor-accordion-icon {
        width: 45px !important;
        min-width: 45px;
        height: 33px !important;
    }
    .faq-widget2 .elementor-tab-title .elementor-accordion-icon svg {
        width: 35px !important;
        height: 35px !important;
    }
    .outer-slider-arrow[dir='ltr'] .slick-nav.slick-prev.slick-arrow {
        left: -40px !important;
    }
    .outer-slider-arrow[dir='ltr'] .slick-nav.slick-next.slick-arrow {
        right: -40px !important;
    }
}
@media (min-width: 768px) {
    #masthead .hfe-nav-menu-icon svg {
        display:none;
    }
    #rev_slider_1_1_wrapper {
        height: 600px !important;
    }
    #menu-1-ece101e .menu-item a.hfe-menu-item {
        padding-left: 5px;
    }
    li.menu-item {
        display: inline-flex;
    }
    li.menu-item:before {
        content: "·";
        font-size: 90px;
        vertical-align: middle;
        line-height: 33px;
    }

    #form-send-button {
        width: 120px;
        height: 120px;
        border-radius: 100%;
        position: relative;
        left: 50px;
        top: 0px;
    }

    #form-field-message:hover, #form-field-email:hover, #form-field-name:hover {
        background-color: #90bc7333;
    }
    #form-field-message:focus, #form-field-email:focus, #form-field-name:focus {
        background-color: #90bc731a;
    }

    .faq-widget .elementor-toggle .elementor-tab-title {
        display: flex;
        align-items: center;
        padding: 10px;
    }

    .faq-widget .elementor-toggle .elementor-tab-title .elementor-toggle-icon {
        width: 80px;
        min-width: 80px;
    }
    .faq-widget .elementor-toggle .elementor-toggle-title:hover {
        color: #db5207;
    }
    .faq-widget .elementor-toggle svg:hover {
        opacity: 0.5;
    }

    .faq-widget .elementor-toggle .elementor-tab-title .elementor-toggle-icon svg {
        width: 50px;
        height: 50px;
    }

    .faq-widget .elementor-tab-content {
        margin-left: 80px;
    }
    .faq-widget2 .elementor-accordion .elementor-tab-title {
        display: flex;
        align-items: center;
    }
    .faq-widget2 .elementor-accordion-icon {
        width: 70px !important;
        height: 50px !important;
    }
    .faq-widget2 .elementor-tab-title .elementor-accordion-icon svg {
        width: 50px !important;
        height: 50px !important;
    }
    .faq-widget2 .elementor-tab-title .elementor-accordion-icon svg:hover {
        opacity: 0.5;
    }
    .faq-widget2 .elementor-accordion-title:hover {
        color: #db5207;
    }
    .faq-widget2 .elementor-accordion .elementor-accordion-item {
        border: 1px solid #d5d8dc;
        width: 50%;
    }
    .faq-widget2 .elementor-accordion {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;

    }
}





/*--------------------------------------------------------------
FIXED RIGHT SOCIAL
--------------------------------------------------------------*/
.fixed-right {
    z-index: 10;
    position: relative;
}

.sm-panel {
    position: fixed;
    width: 230px;
    top: 25%;
    right: -155px;
    z-index: 1000000;
    transition: visibility 0.25s, opacity 0.25s;
    -webkit-transition: visibility 0.25s, opacity 0.25s;
}

.sm-panel > ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none !important;
}

.sm-panel > ul > li[class^=sm-] {
    /*background-image: none;*/
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0;
    margin: 2px 0;
}

.sm-panel > ul > li {
    transition: transform 0.25s;
    -webkit-transition: -webkit-transform 0.25s;
    margin: 0;
}

.sm-panel > ul > li:hover {
    transform: translateX(-150px);
    -webkit-transform: translateX(-150px);
    color: #db5207;
}

.sm-panel > ul > li > a {
    display: flex;
    align-items: center;
    color: #db5207;
    padding: 5px 0 5px 5px;
    text-decoration: none;
}
.sm-panel > ul > li > a:hover {
    color: #db5207;
}

.sm-panel > ul > li > a > img {
    margin: 0 10px 0 0;
    max-width: 60px;
    max-height: 60px;
    padding: 5px;
}

.sm-fb {
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
}
.sm-fb:hover {
    background-color: #ffe6d9;
    border: 1px solid #db5207;
}


/*--------------------------------------------------------------
TOOLTIP
--------------------------------------------------------------*/
.tooltip{
    position:relative;
}
.tooltip:hover{
    text-decoration:none;
}
.tooltip:after{
    content: attr(tip);
    font-family:Arial, Helvetica, sans-serif;
    font-size:18px;
    line-height:1.2em;
    color:black;
    width:200px;
    padding:5px 10px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    background:white;
    -moz-box-shadow: 3px 3px 4px rgba(0,0,0, .65);
    -webkit-box-shadow: 3px 3px 4px rgba(0,0,0, .65);
    box-shadow: 3px 3px 4px rgba(0,0,0, .65);
    position:absolute;
    top: 60px;
    left: -38px;
    display:none;
}
.tooltip:before{
    z-index:1000;
    position:absolute;
    content:"";
    top:15px;
    left:0px;
    border-right:7px transparent solid;
    border-left:7px transparent solid;
    display:none;
}
.tooltip:hover{
    z-index:1000;
    position:relative;
}
.tooltip:hover:after{
    display:block;
}
.tooltip:hover:before{
    display:block;
}

.page-id-15 p {
    margin-left: 0px !important;
    text-indent: 0 !important;
    text-align: left !important;
    line-height: 20px !important;
}
#trp-floater-ls {
    height: 40px;
}
#trp-floater-ls.trp-bottom-right {
    bottom: 0px;
    right: 0%;
}
@media (min-width: 1600px) {
    #trp-floater-ls.trp-bottom-right {
        right: 2%;
    }
}
@media (min-width: 1700px) {
    #trp-floater-ls.trp-bottom-right {
        right: 5%;
    }
}
@media (min-width: 1800px) {
    #trp-floater-ls.trp-bottom-right {
        right: 7%;
    }
}
/*--------------------------------------------------------------
WOCOMMERCE
--------------------------------------------------------------*/
.payu-mini-installments-widget {
    display:none;
}
@media (min-width: 768px) {
    .elementor-menu-cart__main {
        width: 360px !important;
    }
}
.entry-title {
    font-family: "Segoe UI", Sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 39px;
    margin: 10px 0;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: #4D7037;
}
.woocommerce span.onsale {
    align-content: center;
    min-height: 75px;
    min-width: 80px;
    background-color: #4D7037;;
    color: #fff;
}
.woocommerce div.product div.images .flex-control-thumbs {
    margin-top: 20px;
}
.elementor-menu-cart__footer-buttons .elementor-button--view-cart {
    color: #fff !important;
    background-color: #db5207 !important;
    border-radius: 25px !important;
    border: solid 1px #db5207 !important;
}
.elementor-menu-cart__footer-buttons .elementor-button--checkout {
    color: #fff !important;
    background-color: #db5207 !important;
    border-radius: 25px !important;
    border: solid 1px #db5207 !important;
}
.elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover {
    color: #db5207 !important;
    background-color: #fff !important;
}
.elementor-menu-cart__footer-buttons .elementor-button--checkout:hover  {
    color: #db5207 !important;
    background-color: #fff !important;
}
.wc-block-components-form .wc-block-components-text-input input[type=email]:hover, .wc-block-components-form .wc-block-components-text-input input[type=number]:hover, .wc-block-components-form .wc-block-components-text-input input[type=tel]:hover, .wc-block-components-form .wc-block-components-text-input input[type=text]:hover, .wc-block-components-form .wc-block-components-text-input input[type=url]:hover, .wc-block-components-text-input input[type=email]:hover, .wc-block-components-text-input input[type=number]:hover, .wc-block-components-text-input input[type=tel]:hover, .wc-block-components-text-input input[type=text]:hover, .wc-block-components-text-input input[type=url]:hover {
    background-color: #90bc7333;
}
#components-form-token-input-0:hover {
    background-color: #90bc7333;
}
#email:focus, #shipping-first_name:focus , #shipping-last_name:focus, #shipping-address_1:focus, #shipping-address_2:focus, #components-form-token-input-0:focus, #shipping-postcode:focus, #shipping-city:focus, #shipping-phone:focus  {
    background-color: #90bc731a;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
    background-color: #db5207;
}
.woocommerce div.product {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.woocommerce div.product .related.products {
    width: 100%;
}
.woocommerce div.product form.cart {
    display: flex;
}
.is-large.wc-block-cart .wc-block-components-sidebar {
    margin-top: -35px !important;
}
.woocommerce-page a {
    text-decoration: none !important;
}
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header, table.wc-block-cart-items .wc-block-cart-items__header {
    text-transform: none !important;
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
    border: solid 1px;
    border-radius: 25px;
    background-color: #db5207;
    color: white;
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):hover {
    border: solid 1px;
    border-radius: 25px;
    background-color: white;
    color: #db5207;
}
.wc-block-cart__totals-title {
    text-transform: none !important;
}
.woocommerce div.product div.images img {
    border-radius: 50px;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
    border-radius: 100%;
    padding: 5px;
}
