/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/



/* SLIDER gradient dla slidera - slide 1 Focus -> Attributes -> Classes -> tp-gradientbg2  */

.tp-gradientbg2 {
    background: -moz-radial-gradient(center,ellipse cover,rgba(255,206,0,0) 0%,rgba(255,206,0,0) 40%,rgba(101,179,49,.35) 75%,rgba(101,179,49,.5) 100%);
    background: -webkit-radial-gradient(center,ellipse cover,rgba(255,206,0,0) 0%,rgba(255,206,0,0) 40%,rgba(101,179,49,.35) 75%,rgba(101,179,49,.5) 100%);
    background: radial-gradient(ellipse at center,rgba(255,206,0,0) 0%,rgba(255,206,0,0) 40%,rgba(101,179,49,.35) 75%,rgba(101,179,49,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffce00',endColorstr='#80e58d00',GradientType=1 );
}


/* wylaczenie danego elementu display:none */
.display-none {
    display: none !important;
}

/* wylaczenie lub modyfikacja danego elementu w zleznosci od wielkosci ekranu */
@media (max-width: 767px){
        .small-screen-off {
            display: none;
        }
        .margin-left-small-screen {
            margin-left: 25px;
            margin-right: 25px;
        }
    }


@media (min-width: 1464px){
    #header .logo {
        --porto-logo-mw: 250px;
    }
}

.bg-clip-text .porto-u-sub-heading {
    background-image: url(https://jupro-tm.pl/wp-content/uploads/2023/08/pompy-ciepla-klimatyzatory-konin.jpg);
    
}

.certyfikat {
    max-width: 211px;
    position: absolute;
    top: 31px;
    right: 0;
}

body, p, h1, h2, h3, h4, h5, div {
    font-family: Montserrat,sans-serif !important;

}

.btn.btn-primary {
    background-color: #498f34;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {
   background-color: #61bb46;
}

#header .main-menu>li.menu-item>a {
    font-family: Montserrat,sans-serif;
    color: #58585b;
}    

/* menu gora */


#header .main-menu>li.menu-item.active>a {
    background-color: transparent;
    color: #498f34;
}

item.active:hover>a, #header .main-menu>li.menu-item:hover>a {
    background-color: #61bb46;
    color: #fff;
}

#header .main-menu>li.menu-item>a {
    padding: 9px 12px;
}

#header .main-menu .narrow ul.sub-menu {
    border-top: 3px solid #498f34;
}

#header .main-menu>li.menu-item.active:hover>a, #header .main-menu>li.menu-item:hover>a {
    background-color: #58585b;
    color: #fff;
}

/* strona główna */

/* strona kontakt */

.offer-forms-rb label {
    color: #fff;
}

/* button zapraszamy do kontaktu  */


@media only screen and (max-width: 992px) {
    .button-contact-rb {
        display: none !important;
    }
}

/* kontakt zdjecia pracownikow */

.member-overview-rb .owl-item {
    width: 300px !important;
}
    /* kontakt pracownik email */

   

/* przyciki dla danej oferty */

.custom-btn-minwidth {
    float: right;
}

.custom-btn-minwidth > a {
    min-width: 260px;
    text-align: center !important;

}


/* oferta  */
.acceptance-rb p {
    max-width: 330px;
    font-size: 12px;
    line-height: 16px;
}

/* pojedynczy pracownik (member) style Advanced */

.share-phone, .share-email-rb {
    float: right;
    margin: 0px 0 0 14px;
}

.share-email-rb i:before {
    padding-right: 7px;
    font-size: 17px;
    top: 2px;
    position: relative;

}

.share-phone i:before {
    padding-right: 10px;
}

.member-row-advanced .member:not(:last-child) {
    border-bottom: 1px solid rgb(73 143 52);
}

/* pojedynczy pracownik (member) style Basic */

.share-phone, .share-email-rb {
    float: none;
}
/*  imie i nazwisko oraz opis st. pracy  */
.thumb-info .thumb-info-title {
    transition: .3s;
    background: rgba(33,37,41,.8);
    bottom: 7%;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    left: 0;
    letter-spacing: -.05em;
    padding: 13px 21px 2px;
    position: absolute;
    z-index: 2;
    max-width: 96%;
}

/* wersja na tel.  */
@media (max-width: 767px){    
    .thumb-info .thumb-info-title {

        bottom: 5%;
        font-size: 12px;
        left: 0;
        letter-spacing: -.05em;
        padding: 2px 21px 2px;
        max-width: 96%;
    }

    .thumb-info .thumb-info-type {
        font-size: .6em;
        margin: 1px -2px -15px 0;
        padding: 2px 12px;
    }    
}

/* formularze kontaktowe */

input[type="email"], input[type="number"], input[type="password"], input[type="search"], 
input[type="tel"], input[type="text"], input[type="url"], input[type="color"], 
input[type="date"], input[type="datetime"], input[type="datetime-local"], 
input[type="month"], input[type="time"], input[type="week"], textarea, 
.form-control, select, 
.porto-wpforms-inline .wpforms-field-large {
    width: 100%;
}