/*!
Theme Name: TS
Author: Tomczak | Stanisławski
Author URI: https://tomczak-stanislawski.pl
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: ts
*/

.transAll, .transAll *{-webkit-transition: all ease-out 0.3s;-moz-transition: all ease-out 0.3s;-o-transition: all ease-out 0.3s;transition: all ease-out 0.3s;}
.page-template-template-artykuly .col-whatsapp p{color:#4caf50;}
.page-template-template-artykuly .button-tel a{background: #fff;color: #007684;border:1px solid #007684;}
.page-template-template-artykuly .button-tel a span{color: #007684;}
.page-template-template-artykuly .button-tel a:hover{background: #007684;color:#fff;}
.page-template-template-artykuly .button-tel a:hover span{color:#fff;}

.searchbox{position: absolute;top:0;width:54px;right:0;border: 2px solid #027374;border-radius: 100px;overflow: hidden;}
.searchbox.active{width:380px;}
.searchbox form{float: left;margin: 0 20px 0 0;opacity: 0;width: 300px;right:-300px;position: absolute;}
.searchbox.active form{opacity: 1;right:60px;position: absolute;}
.searchbox .searchprebutton{width: 50px;height: 50px;float: right;cursor:pointer;position: relative;}
.searchbox .searchprebutton:hover{background:#027374;}
.searchbox .searchprebutton::before{width: 17px;height: 17px;content: '';position: absolute;top:50%;left: 50%;background: url(assets/img/search.png); transform: translateY(-50%) translateX(-50%);}
.searchbox .searchprebutton:hover::before{background: url(assets/img/search-white.png);}
.searchbox .search-field{border: 0 !important;outline: none;background: transparent;border-radius:0;width: 330px;padding: 0 15px 0 30px;box-sizing: border-box;height: 50px;}
.searchbox .search-submit{position: absolute;cursor:pointer;border: 0;background: transparent;background-position:  center center;background-repeat:no-repeat; border-radius:0;top:0;right: -80px;width:50px;height: 50px;padding: 0;z-index: 2;text-indent:-99999px;}
.searchbox .search-submit:hover{background:#027374 url(assets/img/search-white.png) center center no-repeat;}
.searchbox .closeit{position: absolute;right: 53px;width: 30px;height: 30px;opacity: 0;top:10px;border-radius:100%;cursor:pointer;background: #fff;z-index:2;}
.searchbox .closeit:hover{background: #FF5757;}
.searchbox .closeit::before{position: absolute;content: '';width:20px;height: 2px;background: #FF5757;transform: translateX(-50%) translateY(-50%) rotate(45deg);top:50%;left: 50%;}
.searchbox .closeit::after{position: absolute;content: '';width:20px;height: 2px;background: #FF5757;transform: translateX(-50%) translateY(-50%) rotate(-45deg);top:50%;left: 50%;}
.searchbox .closeit:hover::before, .searchbox .closeit:hover::after{background: #fff !important;}
.searchbox.active .closeit{opacity: 1;}
.searchbox.relative{position: relative;width:100% !important;}
.searchbox.relative form{width: calc(100% - 80px) !important;}
.searchbox.relative form label{width: 100% !important;}
.searchbox.relative form label .search-field{width: 100% !important;}

@media (max-width: 1023px){
    .searchbox.active {width: 300px;}
    .searchbox form{width:220px;}
    .searchbox .search-field{width: 250px;}
}
@media (max-width: 767px){
    .searchbox{right:20px;top:-3px;    background: #fff;}
    .searchbox.relative {right: 0;top: 0;}   
}

/*** WG 05.07.2022 ***/

.blog-categories {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
}

.blog-categories li a {
    margin: 0 15px;
    border: 1px solid #114C57;
    padding: 10px 15px;
}

.blog-categories li a:hover {
    background: #114C57;
    color: #fff;
}

.page-template-template-artykuly .blog-categories li:first-of-type {
    text-decoration: underline;
}

@media (max-width:767px) {
    .blog-categories {
        flex-direction: column;
        flex-wrap: wrap;
    }
    .blog-categories li {
        position: relative;
        display: inline-flex;
        width: 100%;
        height: 40px;
        margin: 5px 0;
    }
    .blog-categories li a {
        width: 100%;
    }
}

.category .col-whatsapp {
    display: none;
}