/*
Theme Name: Porto Child
Theme URI: https://example.com/porto-child
Description: Motyw potomny dla motywu Porto.
Author: Twoje Imię
Author URI: https://example.com
Template: porto
Version: 1.0.0
Text Domain: porto-child
*/

/* Import stylów motywu głównego */
@import url("../porto/style.css");

/* Dodaj własne style poniżej */
.ucsm-heading{
    line-height:100%;
}
.cennik-accordion .porto-sicon-box:after {
    content: "...............................................................................................................................................................................................................................";
    overflow: hidden;
    position: absolute;
    z-index: 0;
    margin-bottom: 5px;
    opacity: 0.3;
    top:0px;
}
.cennik-accordion .porto-sicon-box .porto-sicon-header{
    background-color:#f8f8f8;
    padding-right: 10px;
    padding-bottom: 5px;
    z-index: 2;
}
#header .main-menu > li.menu-item.active > a {
    color: #ffffff !important;
}
@media (max-width: 1200px) {
    .cennik-accordion .porto-sicon-box:after {
        display:none
    }
    .cennik-accordion .porto-sicon-box .porto-sicon-header {
        padding-bottom: 0px;
    }
}
#header .main-menu > li.menu-item.active > a {
    background-color: var(--porto-primary-color) !important;
    color: #ffffff;
}
.popup-newsletter h4{
    color:white!important;
}
#sb_instagram .sb_instagram_header, .sb_instagram_header {
    padding: 12px 55px;
}

.wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f input[type="text"], .wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f input[type="email"], .wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f input[type="date"], .wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f input[type="datetime"], .wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f input[type="number"], .wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f input[type="tel"], .wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f select {
    height: 48px;
    --wpforms-field-size-input-height: 48px;
}

.wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f .wpforms-container button[type="submit"], .wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f button, .wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f .btn, .wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f input[type="button"], .wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f input[type="submit"] {
    padding-top: 14px;
    padding-right: 17px;
    padding-bottom: 14px;
    padding-left: 17px;
}
.wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f form label {
    margin-bottom: 15px;
}
.wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f form {
    display: flex;
    flex-direction: column;
}
.wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f .two-columns-contact{
    display: flex;
    gap: 10px;           /* odstęp 10px między elementami */
}

.wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f .two-columns-contact > label, .wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f form > label {
    flex: 1 1 0;         /* każda labelka wypełnia dostępne miejsce po równo */
    min-width: 0;        /* zapobiega „rozpychaniu” przy długich treściach */
    display: block;
}

.wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f .two-columns-contact input, .wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f form input, .wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f form textarea {
    width: 100%;         /* input rozciąga się na całą szerokość labelki */
    box-sizing: border-box;
}
.wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f input[type="text"], .wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f input[type="email"], .wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f input[type="date"], .wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f input[type="datetime"], .wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f input[type="number"], .wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f input[type="tel"], .wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f textarea, .wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f .form-control, .wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f select {
    color: #969696;
    --wpforms-field-text-color: #969696;
    background-color: #f4f4f4;
    --wpforms-field-background-color: #f4f4f4;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    --wpforms-field-border-size: 0px 0px 0px 0px;
}

.wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f input[type="tel"]::placeholder, .wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f input[type="text"]::placeholder, .wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f input[type="email"]::placeholder, .wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f textarea::placeholder, .wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f .form-control::placeholder {
    color: #969696;
}

.wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f div.wpforms-container input::placeholder,.wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f div.wpforms-container select::placeholder, .wpb_custom_034b39d9bc6c6b310d69e39f0ccf274f div.wpforms-container textarea::placeholder {
    color: #969696 !important;
    opacity: 1 !important;
}

.rounded-images img{
    width: auto;
}
input[type=submit].btn-accent{
    background-color:var(--porto-secondary-color);
}
#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a{
    border-radius: 4px;
}
body .vc_btn3.vc_btn3-shape-round,body .vc_btn3.vc_btn3-shape-rounded, .sbi_load_btn, .sbi_follow_btn a {
    border-radius: 4px !important;
}
#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a {
    line-height:2.5;
}

#header .mobile-toggle {
    background-color:  var(--porto-secondary-color) !important;
}

#wpcf7-f17-p3917-o1 input, #wpcf7-f17-p3917-o1 textarea{
    border-radius: 4px;
}
.footer .porto-u-heading{
    margin-bottom: 0px;
}
.mobile .review-testimonial .testimonial blockquote{
    height: 120px;
    padding-bottom: 22px;
    box-sizing: content-box;
    overflow: hidden;
    text-overflow: ellipsis;
}
.review-testimonial .testimonial blockquote:after {
    display:none;
}
.mobile .review-testimonial .testimonial blockquote::after{
    content:"⮟ Rozwiń opinie ⮟";
    font-family: 'Montserrat';
    display:block;
    position:absolute;
    bottom:0px;
    left:50%;
    transform:translateX(-50%);

}
.mobile .review-testimonial .testimonial blockquote p {
    height: calc(100% - 20px);
    display: block;
    overflow: hidden;
}
.mobile .review-testimonial .testimonial blockquote.extended {
    height: auto;
}
.mobile .review-testimonial .testimonial blockquote.extended p {
    height: auto;
}
.mobile .review-testimonial .testimonial blockquote.extended::after{
    content:"⮝ Zwiń opinie ⮝";
}
@media (max-width: 700px) {
    .newsletter-bottom-section > .container > .row {
        flex-direction:column;
    }
    .short-footer-menu .porto-u-main-heading{
        display:none;
    }
    .short-footer-menu {
        margin-top:-20px;
    }
}