/* Styles */

/* Front page - Global color change */

:root {
    --color-1: #default-value;
    --color-3: #default-value;
    --color-4: #default-value;
}

a{
    color: var(--color-1);
}

html{
    overflow-x: hidden;
}

/* Global Elements */
*[id] {
    scroll-margin-top: 110px;
}

/* Menu */

.homepage-menu svg {
    fill: var(--color-4);
    position: relative;
    top: 3px;
    width: 18px;
    height: 18px;
}

@media(min-width: 1024px) {
    .main-navigation .main-nav > ul > li:first-child {
        padding-left: 10px;
    }
}

.main-navigation {
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,.2);
}

.main-navigation{
    background-color: var(--color-1) !important;
}

.main-navigation .main-nav ul li a{
    color: var(--color-4) !important;
}

.main-navigation .main-nav ul li a:hover{
    color: var(--color-1) !important;
    background-color: var(--color-3) !important;
}

.main-navigation .main-nav ul li a:focus{
    color: var(--color-1) !important;
    background-color: var(--color-3) !important;
}

@media (min-width: 769px){
    .main-navigation .main-nav ul li[class*="current-menu-"] > a{
        color: var(--color-1) !important;
        background-color: var(--color-3) !important;
    }
    .main-navigation .main-nav ul li[class*="current-menu-"] > a svg{
        fill: var(--color-1) !important;
    }
}

.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a{
    color: var(--color-1) !important;
    background-color: var(--color-3) !important;
}

.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a svg{
    fill: var(--color-1) !important;
}

.main-navigation .main-nav ul li:not([class*="current-menu-"]) > a:active svg,
.main-navigation .main-nav ul li:not([class*="current-menu-"]) > a:focus svg {
    fill: var(--color-1) !important;
}

.main-navigation ul{
    background-color: var(--color-1) !important;
}

.header-icons-container svg{
    fill: var(--color-1) !important;
}

.search-icon-top{
    background-color: #ffffff !important;
}

@media (min-width: 769px){
    .header-icons-container{
        margin-left: auto;
    }

    .header-icons-container a{
        display: inline-flex;
        align-items: center;
        width: 50px;
        height: 50px;
        font-size: 30px;
        padding: 15px 0 15px 11px;
    }
    .header-icons-container .social-icons-facebook{
        padding-left: 16px;
    }
    .search-icon-top {
        width: 50px;
        height: 50px;
        font-size: 28px;
        position: relative;
        top: 6px;
    }
    .search-icon-top{
        padding: 5px 0px 0px 2px;
    }
}

.search-wrapper {
    position: relative;
    display: inline-block;
}

.custom-search-form {
    position: absolute;
    right: 0;
    top: 50px;
    width: 250px;
    z-index: 100;
}

@media (max-width: 768px){
    .custom-search-form {
        top: 46px;
    }
}

.custom-search-form input{
    border-radius: 0px !important;
}

.custom-search-form input[type="text"] {
    width: 70%;
    border: 1px solid #bfbfbf;
    padding: 5px;
}

.custom-search-form input[type="submit"] {
    width: 30%;
    border: 1px solid #bfbfbf;
    padding: 5px;
    background: #bfbfbf;
    color: #ffffff;
    cursor: pointer;
}

.custom-search-form input[type="submit"]:hover,
.custom-search-form input[type="submit"]:active,
.custom-search-form input[type="submit"]:focus{
    background: #e0e0e0;
}

.custom-search-form:empty {
    display: block;
}

/* Menu - Imagify FIX */
@media (min-width: 769px) {
    .site-logo {
        width: 290px;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .site-logo {
        width: 200px;
    }
}

/* Menu - Mobile */
.site-logo.mobile-header-logo img {
    height: 60px !important;
    padding-left: 6px !important;
}

@media (max-width: 768px){
    .header-icons-container a{
        display: inline-block !important;
        width: 30px;
        height: 30px;
        padding: 5px 10px 10px 8px;
    }
    .search-icon-top{
        padding: 0px 5px 0px 5px;
        position: relative;
        top: 3px;
    }
    .header-icons-container .social-icons-facebook svg,
    .header-icons-container .social-icons-contact svg{
        width: 18px;
        height: 18px;
    }
    .header-icons-container .social-icons-contact svg{
        position: relative;
        top: 1px;
    }
}

@media (max-width: 768px){
    .main-navigation .menu-toggle{
        width: 100%;
    }
}

#mobile-header{
    background-color: #ffffff !important;
}

#mobile-header .menu-toggle{
    padding-left: 8px;
    color: var(--color-1);
    padding-right: 15px !important;
}

#mobile-header .menu-toggle svg{
    width: 18px;
    height: 18px;
    top: 4px;
}

/* Menu - paragraphs elements */
.main-navigation p{
    color: var(--color-4);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    display: block;
    text-decoration: none;
    margin-bottom: 0px;
}

.main-navigation .main-nav ul li p{
    padding-left: 10px;
    padding-right: 10px;
    line-height: 45px;
}

.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > p{
    color: var(--color-1) !important;
    background-color: var(--color-3) !important;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > p {
    color: var(--color-1) !important;
    background-color: var(--color-3) !important;
}

.menu-item-has-children .dropdown-menu-toggle{
    padding-right: 0px !important;
}

.drop-down-p,
.menu-p{
    cursor: pointer;
}

/* 0 search results - Search */

.search-form-custom input[type="submit"] {
    position: relative;
    left: -3px;
    border: 1px solid #bfbfbf;
    background: #bfbfbf;
    color: #ffffff;
}

.search-form-custom input[type="submit"]:hover,
.search-form-custom input[type="submit"]:active,
.search-form-custom input[type="submit"]:focus{
    background: #e0e0e0;
}

/* Ranking */
.element-with-l-border {
    position: relative;
    margin-bottom: 40px;
    background: #FCFCFC ;
}

.element-with-l-border::before,
.element-with-l-border::after,
.element-with-l-border .content::before,
.element-with-l-border .content::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-width: 3px;
}

.element-with-l-border::before {
    top: 0;
    left: 0;
    border-color: black transparent transparent black;
}

.element-with-l-border::after {
    top: 0;
    right: 0;
    border-color: black black transparent transparent;
}

.element-with-l-border .content {
    padding: 25px 20px 20px 20px;
}

.element-with-l-border .content::before {
    bottom: 0;
    left: 0;
    border-color: transparent transparent black black;
}

.element-with-l-border .content::after {
    bottom: 0;
    right: 0;
    border-color: transparent black black transparent;
}

.local-ranking-map{
    width: 100%;
    height: 400px;
    z-index: 0;
}

@media (max-width: 1024px){
    .local-ranking-map{
        height: 300px;
    }
}

@media (max-width: 767px){
    .local-ranking-map{
        height: 200px;
    }
}

.summary-ranking{
    padding: 40px 0px 10px 0px;
    text-align: center;
}

.summary-ranking .ranking-trophy{
    text-align: center;
    font-size: 19px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
}

.summary-ranking .ranking-trophy svg{
    margin-right: 15px;
    width: 28px;
    height: 28px;
}

.summary-ranking .ranking-trophy-p{
    font-size: 16px;
}

.summary-ranking .ranking-rating{
    font-size: 16px;
    font-weight: 600;
}

.summary-ranking .rating-container svg{
    padding-right: 2px;
    width: 25px;
    height: 25px;
}

@media (max-width: 1024px){
    .summary-ranking .rating-container svg{
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 767px){
    .summary-ranking .rating-container svg{
        width: 22px;
        height: 22px;
    }
}

.summary-ranking .rating-container svg:last-child{
    padding-right: 0px;
}

.ranking-lokalizacja svg,
.ranking-telefon svg,
.ranking-liczba-opinii svg,
.ranking-ocena svg,
.ranking-aktualizacja svg{
    position: relative;
    top: 2px;
    width: 20px;
    height: 16px;
    margin-right: 6px;
}

.ranking-lokalizacja span,
.ranking-telefon span,
.ranking-liczba-opinii span,
.ranking-ocena span,
.ranking-aktualizacja span{
    font-weight: 700;
}

/* Ranking - TABELA - Desktop */
#rankingTable thead th{
    background: #f5f5f5;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 17px;
}

#rankingTable:before{
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    border-style: solid;
    border-width: 7px;
    top: -7px;
    left: -7px;
    border-color: var(--color-1) transparent transparent var(--color-1);
}

#rankingTable tbody{
    text-align: center;
}

#rankingTable tbody td {
    padding: 20px 0;
}

#rankingTable {
    position: relative;
    border: none;
    border-collapse: collapse;
}

#rankingTable th, #rankingTable td {
    border: none;
}

#rankingTable thead tr:first-child {
    border-bottom: 2px solid #bfbfbf;
}

#rankingTable tr td {
    border-bottom: 1px solid #bfbfbf;
}

#rankingTable tr:hover td {
    border-bottom: 1px solid var(--color-1);
    background-color: #fafafa;
}

#rankingTable .ranking-rating{
    display: flex;
    gap: 2px;
}

#rankingTable .ranking-rating svg{
    width: 18px !important;
    height: 18px !important;
}

#rankingTable .ranking-table-button,
.responsive-ranking-table .ranking-table-button{
    padding: 10px 20px !important;
    background-color: var(--color-1);
    color: var(--color-4);
    font-weight: 700;
}

#rankingTable .ranking-table-button:hover,
#rankingTable .ranking-table-button:active,
#rankingTable .ranking-table-button:focus{
    background-color: var(--color-1);
    color: var(--color-4);
}

#rankingTable th svg{
    width: 20px;
    height: 16px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

#rankingTable th,
#rankingTable td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#rankingTable th:nth-child(2),
#rankingTable td:nth-child(2) {
    white-space: normal;
    word-wrap: break-word;
}

#rankingTable tr th{
    padding-right: 20px;
}

#rankingTable tr th:last-child{
    padding-right: 20px;
}

#rankingTable tr th:first-child{
    padding-left: 20px;
}

#rankingTable tbody tr td{
    padding-right: 20px;
}

#rankingTable tbody tr td:last-child{
    padding-right: 10px;
}

#rankingTable tbody tr td:first-child{
    padding-left: 10px;
}

/* Ranking - TABELA - Mobile */

.responsive-ranking-table-container{
    margin-top: -30px;
    border: none;
}

.ranking-table-container .responsive-ranking-table th{
    width: 40%;
    text-align: left;
    background-color: #f5f5f5;
}

.ranking-table-container .responsive-ranking-table td{
    width: 60%;
    text-align: center;
}

.ranking-table-container .responsive-ranking-table td:hover{
    background-color: #fafafa;
}

.ranking-table-container .responsive-ranking-table th svg{
    width: 20px;
    height: 16px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.ranking-table-container .responsive-ranking-table td svg{
    width: 18px;
    height: 18px;
}

.ranking-table-container .responsive-ranking-table{
    border: 1px solid #bfbfbf;
    border-bottom: none;
    margin-top: 30px;
}

.ranking-table-container .responsive-ranking-table tr td,
.ranking-table-container .responsive-ranking-table tr th{
    border: none;
    border-bottom: 1px solid #bfbfbf;
}

.ranking-table-container .responsive-ranking-table tr td,
.ranking-table-container .responsive-ranking-table tr th{
    border: none;
    border-bottom: 1px solid #bfbfbf;
    padding: 15px;
}

.ranking-table-container .responsive-ranking-table tr td{
    border-left: 1px solid #bfbfbf;
}

table.responsive-ranking-table{
    position: relative;
}

table.responsive-ranking-table:before{
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    border-style: solid;
    border-width: 7px;
    top: -7px;
    left: -7px;
    border-color: var(--color-1) transparent transparent var(--color-1);
}

@media (max-width: 499px){
    .responsive-ranking-table tr th,
    .responsive-ranking-table tr td{
        padding: 15px 8px !important;
    }
    .ranking-table-container .responsive-ranking-table td svg{
        width: 16px !important;
        height: 16px !important;
    }
}

/* Ranking banner */
.ranking-banner{
    background: #f5f5f5;
    padding: 25px 35px 5px 35px;
    margin-bottom: 20px;
    position: relative;
}

.ranking-banner:before
{
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    border-style: solid;
    border-width: 7px;
    top: -7px;
    left: -7px;
    border-color: var(--color-1) transparent transparent var(--color-1);
}


.ranking-banner-bold{
    font-weight: 700;
    font-size: 20px;
}
@media screen and (max-width: 767px){
    .ranking-banner-bold{
        font-size: 18px;
    }
}

/* Mapka */
.leaflet-control-zoom {
    display: none;
}

.leaflet-control-attribution{
    display: flex;
 }

.leaflet-control-attribution .openstreetmap-copy{
    cursor: pointer;
    margin-bottom: 0px;
    margin-left: 5px;
    color: var(--color-1);
}

.leaflet-control-attribution .leaflet-link{
    margin-right: 5px;
    cursor: pointer;
    margin-bottom: 0px;
    color: var(--color-1);
}

.leaflet-zoom-animated {
    filter: grayscale(1);
}
.leaflet-marker-icon {
    filter: grayscale(0) !important;
}

#weather-map .leaflet-zoom-animated,
#rainviewer-map .leaflet-zoom-animated {
    filter: none !important;
}

/* Pogoda */

.weather-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.weather-info {
    flex: 1;
    min-width: 300px;
    box-sizing: border-box;
}

.weather-map-current-time {
    color: var(--color-1);
    margin-bottom: 0px;
}

.weather-map-city-name{
    font-size: 25px;
    font-weight: 700;
}

.source-openweathermap{
    margin-bottom: 5px;
    font-size: 12px;
}

.openweather-source,
.gios-source{
    cursor: pointer;
    color: var(--color-1);
    font-weight: 700;
}

.weather-map-temperature-container{
    display: flex;
    align-items: center;
}

.weather-image{
    width: 50px;
    height: 50px;
}

.weather-image-deg{
    font-size: 36px;
    margin-bottom: 0px;
    margin-left: 10px;
}

.weather-text{
    font-weight: 700;
}

.weather-features-container{
    display: flex;
    flex-wrap: wrap;
}

.weather-info-features-column-1{
    flex: 1;
    min-width: 50%;
}

.weather-info-features-column-2{
    flex: 1;
    min-width: 47%;
    margin-left: 10px;
}

.weather-features-text{
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

.weather-features-container svg{
    width: 50px;
    height: 50px;
    margin-right: 8px;
}

.weather-map-container {
    flex: 1;
    min-width: 300px;
    box-sizing: border-box;
}

#weather-map {
    width: 100%;
    height: 320px;
    z-index: 0;
}


@media (max-width: 990px) {
    .weather-map-container {
        margin-top: 30px;
        flex-basis: 100%;
    }
    .weather-info{
        min-width: 200px;
    }
}

@media (max-width: 450px){
    .weather-info-features-column-1{
        min-width: 100% !important;
    }
    .weather-info-features-column-2{
        min-width: 100% !important;
        margin-left: 0px !important;
    }
}


.forecast-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #bfbfbf;
    width: 100%;
    margin: 0;
    padding: 5px 0px;
}

.forecast-item:last-child {
    border-bottom: none;
}

@media (min-width: 500px){
    .forecast-item > div {
        flex: 1;
    }
}

.forecast-item > div {
    padding: 0px 5px;
}

.weather-icon-container {
    display: flex;
    align-items: center;
}

.weather-icon-container svg {
    width: 50px;
    height: 50px;
    position: relative;
}

.weather-icon-container p {
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 0px;
}

.forecast-item p {
    margin-bottom: 0px;
}

@media (max-width: 499px) {
    .weather-date-container, .weather-icon-container {
        flex: 1;
    }
    .weather-description-container {
        width: 100%;
    }
    .forecast-item{
        padding-bottom: 18px;
    }
}

#rainviewer-map{
    height: 500px;
    z-index: 0;
}

@media screen and (max-width:996px) {
    #rainviewer-map {
        height: 320px;
    }
}

.legenda-title{
    font-size:12px;
    margin-top:20px;
    font-weight: 600;
    margin-bottom: 5px;
}

.hr-container {
    height: 20px;
    background-color: #ffffff;
}

@media screen and (max-width:996px) {
    .hr-container {
        height: 5px;
    }
}

/* Job offers || Kamery || Ogłoszenia*/

.job-search-container,
.kamery-container,
.ogloszenia-container{
    padding: 30px 30px 30px 30px;
    background-color: #f5f5f5;
    position: relative;
}

.job-search-container:before,
.kamery-container:before,
.ogloszenia-container:before
{
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    border-style: solid;
    border-width: 7px;
    top: -7px;
    left: -7px;
    border-color: var(--color-1) transparent transparent var(--color-1);
}

.kamery-preview-text{
    margin-top: 20px;
    margin-bottom: 0px;
    font-style: italic;
    font-size: 14px;
}

.job-search-input {
    background-color: #ffffff !important;
    width: 300px;
}

.job-search-submit{
    margin-top: 20px;
    font-weight: 700;
    padding: 6px 20px 6px 20px !important;
    background-color: var(--color-1) !important;
    color: var(--color-4) !important;
    border-radius: 0px !important;
}

.job-offers-h2-container{
    padding: 30px 30px 30px 30px;
}

.job-results{
    margin-top: 20px;
}

.job-results-bold{
    font-weight: 700;
}

.job-results .job-offer-add-button{
    display: flex;
    margin-bottom: 15px;
}

.job-offer-sponsored-container{
    border: 1px solid var(--color-1);
}

.job-offer-sponsored-container .job:first-child{
    padding-top: 60px !important;
}


.job-offer-sponsored-container:before{
    content: "Oferty promowane";
    background-color: var(--color-1);
    color: var(--color-4);
    position: absolute;
    padding: 5px 10px;
    font-size: 14px;
}

.job-offer-sponsored-container .job-offers-hr:last-child {
    display: none;
}

.info-icon-job-offers{
    padding-right: 5px;
    font-style: italic;
    font-size: 12px;
    margin-top: -15px;
    margin-bottom: 2px;
}

.info-icon-job-offers .info-icon-svg{
    top: 5px;
    padding-left: 4px;
    left: -4px;
}



.job {
    z-index: 5;
    padding: 30px 30px 30px 30px;
}

.job:hover {
    background-color: #fafafa;
}

.job p {
    margin-bottom: 10px;
}

.job-title,
.job-title-normal{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--color-1);
    cursor: pointer;
}

.job-title:hover,
.job-title-normal:hover,
.job-title-normal-homepage:hover{
    text-decoration: underline;
}

.job-company{
    display: flex;
    align-items: center;
    font-weight: 700;
}

.job-company-image{
    margin-right: 8px;
    width: 20px;
    height: 20px;
}

.job-locations{
    display: flex;
    align-items: center;
    font-weight: 700;
}

.job-locations-image{
    margin-right: 8px;
    width: 20px;
    height: 20px;
}

.job-salary{
    display: flex;
    align-items: center;
    font-weight: 700;
}

.job-salary-image{
    margin-right: 8px;
    width: 20px;
    height: 20px;
}

.job-date {
    display: inline-block;
    padding: 2px 12px 3px 12px;
    font-size: 14px;
    font-weight: 700;
    background-color: #e0e0e0;
}

.job-apply,
.job-apply-normal{
    display: inline-block;
    padding: 2px 12px 3px 12px;
    font-size: 14px;
    font-weight: 700;
    background-color: var(--color-1);
    color: var(--color-4) !important;
    cursor: pointer;
}

.job-apply:hover,
.job-apply:active,
.job-apply:focus,
.job-apply-normal:hover,
.job-apply-normal:active,
.job-apply-normal:focus{
    background-color: var(--color-1) !important;
    color: var(--color-4) !important;
}

.job-offers-hr {
    border: 0;
    height: 1px;
    background: #bfbfbf;
    margin: 0;
}

.job:hover + .job-offers-hr {
    background: var(--color-1);
}

.job-source-data-svg {
    fill: #2062af;
    width: 55px;
    position: relative;
    top: 4px;
    padding-right: 2px;
}


.job-pagination {
    text-align: center;
    margin: 40px 0px 0px 0px;
}

.job-pagination p {
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
}

.job-pagination p:hover {
    background-color: #fafafa;
    color: var(--color-1);
}


.job-pagination p.job-current-page {
    color: var(--color-1);
    font-weight: 700;
}

.job-pagination-next-previous {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.job-next-page, .job-previous-page{
    padding: 10px 20px !important;
    background-color: var(--color-1);
    color: var(--color-4);
    cursor: pointer;
    font-weight: 700;
}

.job-next-page:hover, .job-previous-page:hover{
    background-color: var(--color-1);
    color: var(--color-4);
}

.job-next-page:focus, .job-previous-page:focus{
    background-color: var(--color-1);
    color: var(--color-4);
}

.ogloszenia-container{
    margin-bottom: 50px;
}

.ogloszenie-single{
    z-index: 5;
    padding: 30px 10px 30px 10px;
    display: flex;
    column-gap: 40px;
}

.ogloszenie-single:hover{
    background-color: #fafafa;
}

.ogloszenie-single-image img {
    display: block;
}

.ogloszenie-single-image,
.ogloszenie-single-details{
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ogloszenie-single-content{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ogloszenie-single-title{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--color-1);
    cursor: pointer;
}

.ogloszenie-single-title:hover{
    text-decoration: underline;
}

.ogloszenie-single-date-location p{
    margin-bottom: 0px;
}

.ogloszenie-single-date-location .button-ogloszenia{
    display: inline-block;
    padding: 2px 12px 3px 12px;
    font-size: 14px;
    font-weight: 700;
    background-color: var(--color-1);
    color: var(--color-4) !important;
}

.ogloszenie-single-date-location .ogloszenia-details{
    margin-bottom: 10px;

}

.ogloszenie-single-date-location .button-ogloszenia:hover,
.ogloszenie-single-date-location .button-ogloszenia:focus,
.ogloszenie-single-date-location .button-ogloszenia:active{
    background-color: var(--color-1);
}

.ogloszenie-single-date-location .ogloszenie-single-location{
    margin-top: 0px;
    display: inline-block;
    padding: 2px 12px 3px 12px;
    font-size: 14px;
    font-weight: 700;
    background-color: #e0e0e0;
}

.ogloszenie-single-price span{
    font-weight: 700;
}

.ogloszenie-single-category span,
.ogloszenie-single-condition span{
    padding: 2px 12px 4px 12px;
    font-weight: 700;
    background-color: #e0e0e0;
    white-space: nowrap;
}

.ogloszenie-single-condition{
    margin-bottom: 0px;
}

.ogloszenie-single-category,
.ogloszenie-single-condition{
    line-height: 25px;
}

.ogloszenie-single-hr{
    border: 0;
    height: 1px;
    background: #bfbfbf;
    margin: 0;
}

.ogloszenie-single:hover + .ogloszenie-single-hr {
    background: var(--color-1);
}

@media screen and (max-width: 750px) {

    .ogloszenie-single{
        column-gap: 20px;
    }

    .ogloszenie-single-location{
        margin-top: 20px;
    }

    .ogloszenie-single-category,
    .ogloszenie-single-condition{
        font-size: 14px;
    }
}

@media screen and (max-width: 640px) {

    .ogloszenie-single {
        flex-wrap: wrap;
    }

    .ogloszenie-single-image{
        width: 100%;
    }

    .ogloszenie-single-content{
        width: 70%;
    }

    .ogloszenie-single-details{
        width: 22%;
    }

    .ogloszenie-single-content,
    .ogloszenie-single-details{
        padding-top: 20px;
    }

    .ogloszenie-single-image,
    .ogloszenie-single-details{
        justify-content: start;
    }
}

@media screen and (max-width: 560px) {
    .ogloszenie-single-content{
        width: 60%;
    }

    .ogloszenie-single-details{
        width: 34%;
    }
}

@media screen and (max-width: 450px) {
    .ogloszenie-single-content{
        width: 55%;
    }

    .ogloszenie-single-details{
        width: 35%;
    }
}

/* Custom post type - Praca */

.entry-header .info-icon-job-offers{
    font-size: 14px;
    margin-top: 5px;
}

.job-offers-single-tooltip p{
    margin-bottom: 0px;
}

.oferta-pracy-firma{
    margin-top: -10px;
    margin-bottom: 20px;
}

.oferta-pracy-details p{
    margin-right: 15px;
}

.oferta-pracy-details{
    display: flex;
    flex-wrap: wrap;
    gap: 10px 0px;
}

.oferty-pracy-lokalizacja,
.oferty-pracy-wynagrodzenie,
.oferty-pracy-typ-umowy,
.oferty-pracy-wymiar-czasu-pracy{
    display: flex;
    align-items: center;
    fill: var(--color-1);
    margin-bottom: 0px;
    font-weight: 700;
}

.job-typ-umowy-image,
.job-wymiar-czasu-image{
    margin-right: 8px;
}

.oferta-pracy-details-meta{
    margin-top: 25px;
}

.oferta-pracy-details-meta p{
    margin-right: 20px;
}


.sticky-container-praca{
    margin-top: 77px;
    background-color: #f5f5f5;
    padding: 30px 20px;
}

@media screen and (max-width: 768px){
    .sticky-container-praca{
        margin: 0px 15px 0px 15px;
    }
}

.oferty-pracy-stanowisko{
    font-weight: 700;
    font-size: 20px;
}

.oferty-pracy-stanowisko svg{
    fill: var(--color-1);
    margin-bottom: -3px;
}

@media screen and (max-width: 767px) {
    .oferty-pracy-stanowisko {
        font-size: 18px;
    }
}

.oferty-pracy-wygasanie-widget{
    display: inline-block;
    font-weight: 700;
}

.oferty-pracy-wygasanie-widget svg{
    margin-right: 5px;
    margin-bottom: -3px;
    fill: var(--color-1);
}

.oferty-pracy-stanowisko svg{
    margin-right: 8px;
}

.praca-widget-button-cta{
    width: 100%;
    padding: 15px 20px !important;
    font-size: 22px !important;
}

@media screen and (max-width: 767px) {
    .praca-widget-button-cta{
        font-size: 18px !important;
    }
}

.praca-widget-button-phone{
    width: 100%;
    opacity: 0.7;
    margin-bottom: 25px !important;
}

.praca-widget-button-phone svg{
    fill: var(--color-4);
    rotate: 20deg;
    margin-bottom: -4px;
    margin-right: 5px;
}

.content-separator-widget-praca{
    background-color: #bfbfbf;
    margin-top: 5px;
    margin-bottom: 20px;
}

.oferty-pracy-oferty-pracodawcy{
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 1em;
}

.oferta-pracy-widget{
    margin-bottom: 10px;
}

.oferta-pracy-widget-firma,
.oferta-pracy-widget-lokalizacja{
    margin-bottom: 0px;
    font-size: 14px;
}

.job-locations-image-widget{
    width: 16px;
    height: 16px;
    margin-right: 5px;
    fill: var(--color-1);
}

.oferta-pracy-widget-lokalizacja{
    display: flex;
    align-items: center;
}

.oferta-pracy-bottom-container-main{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.oferta-pracy-bottom-container-2{
    display: flex;
    align-items: center;
    column-gap: 20px;
    margin-bottom: -15px;
}

.oferta-pracy-bottom-container-2 p{
    margin-bottom: 0px;
    font-size: 17px;
    font-weight: 700;
}
.oferta-pracy-bottom-container-2 .scriptlesssocialsharing{
    margin: 0px;
}

.praca-button-cta{
    padding: 15px 100px !important;
    margin-bottom: 20px !important;
}

.print-button-praca{
    padding: 2px 12px 3px 12px;
    font-size: 14px;
    font-weight: 700;
    background-color: #e0e0e0;
    color: #222222;
    margin-top: 5px;
    margin-bottom: 10px;
}
.print-button-praca svg{
    margin: 0px 5px -2px 0px;
}

.print-button-praca:hover,
.print-button-praca:focus,
.print-button-praca:active{
    background-color: #e0e0e0;
    color: #222222;
}


/* Page - Firmy */

h2.kategorie-firm{
    margin-top: 30px;
    margin-bottom: 30px;
}

.main-category-firmy{
    padding: 30px;
    background-color: #f5f5f5;
    margin-bottom: 40px !important;
}

.main-category-firmy-container h3{
    display: inline;
}

.main-category-firmy-container h3, .main-category-firmy-container span{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.main-category-firmy-container h3, .main-category-firmy-container h3 a{
    font-size: 18px;
    font-weight: 700;
    color: #222222;
    margin-right: 2px;
}

.main-category-firmy-container svg{
    margin-right: 8px;
    width: 20px;
    height: 18px;
    position: relative;
    top: 1px;
}

.main-category-firmy-container h3 a:hover{
    color: var(--color-1);
}

.main-category-firmy-counter{
    font-size: 18px;
    display: inline;
}

.category-posts-firmy {
    margin-top: 20px;
    margin-bottom: -5px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 10px;
}

@media screen and (max-width: 900px) {
    .category-posts-firmy {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 600px) {
    .category-posts-firmy {
        grid-template-columns: repeat(1, 1fr);
    }
}

p.post-item-firmy {
    margin-bottom: 10px;
}

.post-item-firmy a {
    color: #222222;
    display: block;
}

.post-item-firmy a:hover {
    color: var(--color-1);
}

.description-firmy-post-type ul li{
    padding-bottom: 20px;
}

.firmy-regulamin{
    color: var(--color-1);
    cursor: pointer;
}

/* Page - Firmy Kategorie */
.kategorie-firmy-sidebar svg{
    position: relative;
    top: 2px;
    width: 20px;
    height: 18px;
}

.kategorie-firmy-sidebar p{
    font-weight: 700;
    font-size: 18px;
}

@media screen and (max-width: 1024px){
    .kategorie-firmy-sidebar svg{
        height: 17px;
    }

    .kategorie-firmy-sidebar p{
        font-size:17px;
    }
}


@media screen and (max-width: 767px){
    .kategorie-firmy-sidebar svg{
        height: 16px;
    }

    .kategorie-firmy-sidebar p{
        font-size:16px;
    }
}

.kategorie-firmy-sidebar:last-child p{
    margin-bottom: 0px;
}

.kategorie-firmy-sidebar p a{
    margin-left: 8px;
}

.category-ads-banner-container{
    margin-top: 50px;
    margin-bottom: 40px;
}

h2.category-business-counter-text{
    font-weight:700;
    font-size:28px;
}

@media screen and (max-width: 1024px){
    h2.category-business-counter-text{
        font-weight:700;
        font-size:24px;
    }
}

@media screen and (max-width: 767px){
    h2.category-business-counter-text{
        font-weight:700;
        font-size:20px;
    }
}

@media screen and (max-width: 500px){
    .gb-grid-wrapper > .gb-grid-column-07acf0c3{
        width: 100% !important;
    }
}

@media (max-width: 767px){
    .gb-grid-wrapper > .gb-grid-column-07acf0c3 {
        width: 50% !important;
    }
}

/* Firmy lokalne - banner - shortcode */
.banner-ads-container{
    padding: 30px 30px 45px 30px;
    background-color: #f5f5f5;
    position: relative;
}

.banner-ads-container-inner{
    display: flex;
    column-gap: 40px;
}

.single-firmy .banner-ads-container-inner{
    column-gap: 30px;
}

.banner-ads-text, .banner-ads-pros {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.banner-ads-container:before
{
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    border-style: solid;
    border-width: 7px;
    top: -7px;
    left: -7px;
    border-color: var(--color-1) transparent transparent var(--color-1);
}

.banner-ads-title{
    font-weight: 700;
    font-size: 20px;
}

.banner-ads-button{
    display: inline-block;
    padding: 10px 20px;
    background-color: var(--color-1);
    color: var(--color-4);
    font-weight: 700;
}

.banner-ads-buttons-container{
    margin-top: auto;
}

@media screen and (min-width: 850px) {
    .single-firmy .banner-ads-button {
        margin-top: 10px;
    }
}

.banner-ads-button:hover,
.banner-ads-button:active,
.banner-ads-button:focus{
    color: var(--color-4);
    background-color: var(--color-1);
}

.banner-pros-item svg, .banner-pros-item p{
    display: inline-block;
    vertical-align: middle;
}

.banner-pros-item {
    display: flex;
    align-items: start;
    margin-bottom: 10px;
}

.banner-pros-item:last-child {
    margin-bottom: 0px;
}

.banner-pros-item p {
    margin-bottom: 0px;
}

.banner-pros-item svg {
    fill: var(--color-1);
    margin-right: 5px;
    width: 20px;
    height: 18px;
    position: relative;
    top: 3px;
    flex-shrink: 0;
}

@media screen and (max-width: 600px) {
    .banner-ads-container-inner{
        flex-direction: column;
    }

    .banner-ads-text, .banner-ads-pros {
        width: 100%;
    }

    .banner-ads-title{
        font-size: 18px;
    }

    .banner-ads-pros{
        margin-top: 50px;
    }
}

@media screen and (max-width: 820px) {
    .single-firmy .banner-ads-container-inner,
    .tax-kategorie_firm .banner-ads-container-inner{
        flex-direction: column;
    }

    .single-firmy .banner-ads-text, .single-firmy .banner-ads-pros,
    .tax-kategorie_firm .banner-ads-text, .tax-kategorie_firm .banner-ads-pros{
        width: 100%;
    }

    .single-firmy .banner-ads-title,
    .tax-kategorie_firm .banner-ads-title{
        font-size: 18px;
    }

    .single-firmy .banner-ads-pros,
    .tax-kategorie_firm .banner-ads-pros{
        margin-top: 50px;
    }
}

/* Footer */
.firmy-footer-item {
    display: flex;
    align-items: start;
}

.display-firmy-footer{
    position: relative;
    top: -2px;
    color: var(--color-4);
}

.display-firmy-footer:hover{
    color: var(--color-4);
}

.firmy-footer-image svg{
    fill: var(--color-4);
    width: 15px;
    height: 15px;
    margin-right: 10px;
    flex-shrink: 0;
}

.firmy-footer-container {
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0px;
}

.firmy-footer-container .firmy-footer-image {
    display: inline-block !important;
}

.firmy-footer-container .display-firmy-footer {
    display: inline-block !important;
}

@media (max-width: 1200px) {
    .firmy-footer-container {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 900px) {
    .firmy-footer-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .firmy-footer-container {
        grid-template-columns: repeat(1, 1fr);
    }
}

.display-firmy-footer{
    padding-bottom: 10px;
}


.footer-social-media svg{
    color: var(--color-4);
}

.about-us-footer{
    color: var(--color-4);
}

.about-us-footer p{
    margin-bottom: 0px;
}

/* Footer - Latest Posts */

@media screen and (max-width: 890px){
    .latest-posts-list .latest-posts-list-li{
        float: none !important;
        margin-right: 0px;
    }
}

@media screen and (max-width: 767px){
    .latest-posts-list li {
        width: 100% !important;
    }
}

.latest-posts-list {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.latest-posts-list li {
    font-weight: 400;
    color: var(--color-4);
    display: flex;
    align-items: flex-start;
    width: 48%;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.latest-posts-list li a{
    color: var(--color-4);
}

.latest-posts-list li a:hover,
.latest-posts-list li a:active,
.latest-posts-list li a:focus{
    color: var(--color-4);
}

.latest-posts-list svg {
    position: relative;
    top: 4px;
    height: 16px !important;
    width: 16px !important;
    fill: var(--color-4);
    margin-right: 10px;
    display: inline-block;
    flex-shrink: 0;
}

.footer-email-text{
    color: var(--color-4);
    word-break: break-all;
    margin-bottom: 0px;
}

/* Footer linki na JS */
.regulamin, .polityka-prywatnosci{
    margin-bottom: 0px;
    cursor: pointer;
}

.regulamin:hover, .polityka-prywatnosci:hover{
    color: #767676;
}

/* Spis Treści */

#table-of-contents-container{
    position: relative;
    padding: 30px 20px 30px 20px;
    background-color: #f5f5f5;
    display: inline-block;
    margin: 14px 0px 32px 0px;
}

#table-of-contents-container:before{
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    border-style: solid;
    border-width: 7px;
    top: -7px;
    left: -7px;
    border-color: var(--color-1) transparent transparent var(--color-1);
}

#table-of-contents-container .table-of-contents-title{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
    #table-of-contents-container .table-of-contents-title {
        font-size: 18px;
    }
}

#table-of-contents-container .table-of-contents-item{
    padding: 5px 0;
    border-bottom: 1px solid #bfbfbf;
}

#table-of-contents-container .table-of-contents-item a,
#table-of-contents-container .table-of-contents-item a:hover,
#table-of-contents-container .table-of-contents-item a:active,
#table-of-contents-container .table-of-contents-item a:focus{
    color: var(--color-1);
}

#table-of-contents-container .table-of-contents-item:last-child{
    border-bottom: none;
}

/* Breadcrumbs */
.rank-math-breadcrumb{
    font-size: 14px;
}

.rank-math-breadcrumb .separator{
    padding: 0px 5px 0px 5px;
    font-size: 14px;
    color: #bfbfbf;
}

.rank-math-breadcrumb div p{
    margin-bottom: 0px;
    display: inline;
}

.rank-math-breadcrumb div{
    margin-bottom: 1.5em;
}

/* Social Buttons */
.scriptlesssocialsharing__buttons .button{
    border: none !important;
    color: var(--color-1) !important;
    background-color: #fff !important;
}

.scriptlesssocialsharing__buttons svg{
    font-size: 30px;
}

@media screen and (min-width: 1025px){
    .social-icons-post-top {
        float:right;
    }
}

@media screen and (max-width: 1025px){
    .social-icons-post-top {
        margin-left: -12px;
    }
}

.social-icons-post-top svg{
    font-size: 25px;
}

/* Category Archive */
.category-description-below-container{
    margin-top: -10px;
    margin-bottom: 60px;
}

/* Post - new custom template */

.single-post-meta-top-container{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
}

.single-post-meta-top-inner-container-1{
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.single-post-meta-top-inner-container-1,
.single-post-meta-top-inner-container-2{
    width: 50%;
}

.social-share-container-post{
    display: flex;
    align-items: center;
    column-gap: 20px;
    margin-top: -35px;
    margin-bottom: -35px;
}

.social-share-container-post-title{
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 0;
}

@media (max-width: 1024px) {
    .single-post-meta-top-container{
        margin-top: 10px;
    }

    .single-post-meta-top-inner-container-1,
    .single-post-meta-top-inner-container-2{
        width: 100%;
    }

    .social-icons-post-top{
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .social-share-container-post{
        margin-top: -10px;
        flex-direction: column;
        align-items: start;
    }
}

.sticky-container-post-list{
    margin-top: 77px;
    background-color: #f5f5f5;
    padding: 30px 20px 45px 20px;
}

.sidebar-post-title{
    font-weight: 700;
    font-size: 20px;
}

.custom-post-sidebar-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.custom-post-sidebar-item {
    display: flex;
    align-items: center;
    row-gap: 20px;
}

.custom-post-sidebar-thumbnail {
    flex-shrink: 0;
    width: 105px;
    height: 65px;
    aspect-ratio: auto 1.5;
    overflow: hidden;
}

.custom-post-sidebar-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.custom-post-sidebar-content {
    height: 100%;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.custom-post-sidebar-title {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    color: #222222;
}

.custom-post-sidebar-title:hover {
    color: var(--color-1);
}

@media (max-width: 1024px) {
    .custom-post-sidebar-thumbnail {
        width: 78px;
        height: 48px;
    }
}

@media (max-width: 767px) {
    .sticky-container-post-list{
        margin-right: 15px;
        margin-left: 15px;
        padding-right: 30px;
        padding-left: 30px;
        margin-top: 20px
    }

    .custom-post-sidebar-thumbnail {
        width: 157px;
        height: 97px;
    }

    .sidebar-post-title{
        font-size: 18px;
    }
}

@media (max-width: 450px) {
    .custom-post-sidebar-thumbnail {
        width: 105px;
        height: 65px;
    }
}

@media (max-width: 360px) {
    .custom-post-sidebar-thumbnail {
        width: 78px;
        height: 48px;
    }
}

.wiadomosci-post-source{
    margin-top: 50px;
    font-size: 14px;
    font-weight: 700;
}

.wiadomosci-post-source span{
    font-weight: normal;
    color: var(--color-1);
    cursor: pointer;
}

/* Post */
.gb-container-df5dc3d1.inline-post-meta-area > .gb-inside-container{
    display: inline !important;
}

.post-date-container-meta{
    display: flex;
}

.post-date-meta{
    font-size:14px;
    color: #767676;
    margin-bottom: 0px;
    padding-right: 5px;
}

.post-date-meta-sponsored-article{
    margin-top: 10px;
    font-size:14px;
    color: #767676;
    margin-bottom: 0px;
    padding-right: 5px;
}

.post-meta-date{
    font-weight:700;
    font-size: 14px;
    color: #767676;
    margin-bottom: 0px;
    padding-right: 10px;
}

.content-separator{
    background-color: #bfbfbf;
}

.content-separator-top{
    margin-top: 10px;
    background-color: #bfbfbf;
}

.content-separator-summary{
    margin-top: -35px;
    background-color: #bfbfbf;
}

.featured-image-post{
    margin-top: 45px;
    margin-bottom: 40px;
    width: 100%;
    padding-top: 59.8%;
    position: relative;
}

.featured-image-post img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.featured-caption{
    position: relative;
    top: 15px;
    font-size: 14px;
    text-align: center;
}

@media (max-width: 767px){
    .social-icons-post-bottom{
        position: relative;
        left: -15px;
    }
}

/* Stars rating */
.stars {
    font-size: 2em;
    margin-bottom: 5px;
}

.star {
    cursor: pointer;
    color: #e0e0e0;
    padding-right: 10px;
}

.star-gold {
    color: gold;
}

.clicked {
    color: gold;
}

.rating-value {
    font-weight: 700;
    margin-left: 5px;
    padding-right: 10px;
}

.stars-ocen{
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 17px;
}

.stars-meta{
    font-size: 14px;
}

/* Sponsored article */

.sponsored-article-text {
    font-size: 12px;
    font-style: italic;
    margin-bottom: 0px;
}

/* Sidebar */

.inside-right-sidebar {
    height: 100%;
}

.sticky-container{
    position: relative;
}

.sticky-container:before
{
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    border-style: solid;
    border-width: 7px;
    top: -7px;
    left: -7px;
    border-color: var(--color-1) transparent transparent var(--color-1);
}

.sticky-container-post-firmy-banner {
    margin-top: 80px;
    background-color: #f5f5f5;
    padding: 30px 20px 40px;
}

@media screen and (max-width: 767px){
    .sticky-container-post-firmy-banner{
        margin: 80px 15px 70px;
    }
}

/* Sidebar Firmy */

.post-firmy-widget-title{
    font-size: 20px;
    font-weight: 700;
}
@media screen and (max-width:767px) {
    .post-firmy-widget-title {
        font-size: 18px;
    }
}

.post-forum-widget-text{
    font-size: 20px;
    font-weight: 700;
}

@media screen and (max-width: 767px){
    .post-forum-widget-text{
        font-size: 18px;
    }
}

/* Next / Previous Posts */

.posts-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 20px;
    font-weight: 700;
    margin-top: 40px;
}

.posts-container .post-preview{
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: calc(50% - 10px);
}

.posts-container .post-column-details a {
    color: #222222;
}

.posts-container .post-column-details a:hover{
    color: var(--color-1);
}

.posts-container .post-column{
    width: 100%;
    padding-top: 59.8%;
    position: relative;
}

.posts-container .post-column img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.posts-container .post-column-details p {
    padding-top: 15px;
}

.similar-posts{
    font-size: 20px;
    font-weight: 700;
    padding-left: 20px;
    position: relative;
}

@media screen and (max-width:767px) {
    .similar-posts {
        font-size: 18px;
    }
}

.similar-posts:before{
    background-color: var(--color-1);
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    width: 5px;
}

/* FAQ Styles */

.faq-styles:before{
    background-color: var(--color-1);
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    width: 5px;
}

.faq-styles{
    padding-left: 20px;
    position: relative;
}

.wp-block-spacer-faq{
    height:20px;
}

/* Social BOX */
.social-box-container{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    padding: 20px 23px 20px 20px;
    gap:20px;
}

.social-box-container:before {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    border-style: solid;
    border-width: 7px;
    top: -7px;
    left: -7px;
    border-color: var(--color-1) transparent transparent var(--color-1);
}

.social-box-title{
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;
}

@media screen and (max-width:767px) {
    .social-box-title {
        font-size: 18px;
    }
}

.social-box-description{
    margin-bottom: 0px;
}

.social-box-button{
    background-color: var(--color-1);
    color: var(--color-4);
    border: none;
    padding: 10px 20px;
    text-align: center;
    white-space: nowrap;
    font-weight: 700;
    display: inline-flex;
}

.facebook-social-box-image svg{
    fill: var(--color-1);
    width: 60px;
    height: 60px;
    position: relative;
    top: 3px;
}

.social-box-button:hover, .social-box-button:active, .social-box-button:focus{
    background-color: var(--color-1);
    color: var(--color-4);
}

@media (max-width: 768px) {
    .social-box-container {
        padding-top: 20px;
        padding-bottom: 27px;
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Back to top */
button.generate-back-to-top{
    background-color: #bfbfbf;
    color: #ffffff;
    line-height: 0px !important;
    width: 40px;
    height:40px;
    z-index: 1001;
}

button.generate-back-to-top:hover, button.generate-back-to-top:active, button.generate-back-to-top:focus{
    background-color: #e0e0e0;
    color: #ffffff;
}

button.generate-back-to-top svg{
    top: 0px;
    left: -9px;
}

/* Cookie banner */
.cookies-banner-container{
    z-index: 1000;
    display: block;
    position:fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #f5f5f5;
    color: #222222;
    padding: 15px;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,.2);
}

.cookies-banner-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1300px;
    padding: 0px 40px;
}

@media (max-width: 1314px) {
    .cookies-banner-inner {
        padding: 0px 25px;
    }
}

@media (max-width: 768px) {
    .cookies-banner-inner {
        padding: 0px 0px;
    }
}

.cookies-banner-inner span {
    margin: 0px 15px 0px 0px;
}

.cookies-banner-container span,
.cookies-banner-buttons{
    display: inline-block;
}

.cookies-banner-container button {
    font-size: 13px;
    margin: 0px 15px 0px 0px;
    padding: 5px 10px 5px 10px;
    background-color: var(--color-1);
    color: var(--color-4);
    font-weight: 700;
}

.cookies-banner-container button:hover,
.cookies-banner-container button:focus,
.cookies-banner-container button:active{
    background-color: var(--color-1);
    color: var(--color-4);
}

@media screen and (max-width: 1248px){
    .cookies-banner-buttons{
        margin-top: 10px;
    }
}

.cookies-banner-inner .settings-panel{
    margin: 20px 0px 0px 0px;
}

.cookies-banner-inner .settings-panel{
    max-height: 200px;
    overflow-y: scroll;
}

.cookies-banner-inner .settings-panel hr{
    background-color: #bfbfbf;
    margin: 0px 0px 25px 0px;
}

.cookies-banner-inner .settings-panel .title-preferences{
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
}

.slider-container .slider-button{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.slider-container .slider-button label{
    font-size: 16px;
}

.slider-container .slider-button input[type="checkbox"]{
    position: relative;
    width: 44px;
    height: 24px;
    margin-right: 10px;
    background: #d0d5d2;
    -webkit-appearance: none;
    border-radius: 50px;
    cursor: pointer;
    outline: 0;
    border: none;
    top: 0;
}

.slider-container .slider-button input[type="checkbox"]:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 2px;
    border-radius: 50%;
    background-color: #ffffff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 0;
}

.slider-container .slider-button input[type="checkbox"]:checked:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

.slider-container .slider-button input[type="checkbox"]:checked {
    background: var(--color-1);
}

input#requiredCookies {
    opacity: 0.5;
}

button#savePreferences{
    margin: 20px 0px 5px 0px !important;
}

/* Lead extractor */
.post-lead, .lead{
    font-size: 18px;
    font-weight: 700;
}

/* Lista punktowana */

.content-area ul li {
    list-style: none;
}

.content-area ul li:before {
    content: "";
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='black'%3E%3Cpath d='M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z'/%3E%3C/svg%3E") no-repeat;
    background-size: 16px 16px;
    padding-right: 25px;
    margin-left: -25px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

/* Sitemap */
.sitemap .polityka-prywatnosci,
.sitemap .regulamin,
.sitemap .nekrolog-formularz,
.sitemap .firmy-formularz{
    display: inline;
    color: var(--color-1);
}

.sitemap .nekrolog-formularz,
.sitemap .firmy-formularz{
    cursor: pointer;
}

.sitemap ul li{
    margin-bottom: 6px;
}

/*
====================
  HOMEPAGE STYLES
====================
*/

/* Homepage - Global */
.title-decoration:before{
    background-color: var(--color-1);
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    width: 5px;
}

.title-decoration{
    padding-left: 20px;
    position: relative;
}

.homepage-h2-title{
    font-weight: 700;
}

/* Homepage - Forecast */
.homepage-forecast-container{
    display: flex;
    border-bottom: 1px solid #bfbfbf;
    position: relative;
    margin-top: -30px;
}

.homepage-forecast-container::before {
    content: "";
    position: absolute;
    width: 1px;
    background-color: #bfbfbf;
    top: 0;
    bottom: 0;
    left: 33.33%;
}

.homepage-forecast-container::after {
    content: "";
    position: absolute;
    width: 1px;
    background-color: #bfbfbf;
    top: 0;
    bottom: 0;
    left: 66.66%;
}

.homepage-forecast-container .weather-forecast,
.homepage-forecast-container .air-quality-forecast{
    padding-bottom: 20px;
}

@media (min-width: 803px) {
    .homepage-forecast-container .weather-forecast,
    .homepage-forecast-container .air-quality-forecast {
        padding: 0 20px;
        padding-bottom: 20px;
    }
}

.homepage-forecast-container .forecast-current-day{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.homepage-forecast-container .forecast-current-day,
.homepage-forecast-container .weather-forecast,
.homepage-forecast-container .air-quality-forecast{
    width: 33.33%;
}

.forecast-current-day .current-day{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0px;
}

.forecast-current-day .name-day{
    margin-bottom: 0px;
}

.homepage-forecast-container .weather-forecast .weather-forecast-title,
.homepage-forecast-container .air-quality-forecast .air-quality-forecast-title{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.source-openweather-gios-homepage{
    margin-bottom: 0px;
    font-size: 12px;
}

.weather-details-container{
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.weather-details-container .weather-svg,
.weather-details-container .weather-details {
    display: flex;
}

.weather-details-container .weather-details {
    flex-direction: column;
}

.weather-details-container .weather-svg svg{
    height: 50px;
    width: 50px;
}

.weather-details-container .weather-details p{
    margin-bottom: 0px;
}

.weather-details .weather-details-data{
    font-weight: 700;
}

.air-quality-details-container{
    display: flex;
    align-items: center;
    column-gap: 15px;
    padding-top: 8px;
    padding-bottom: 9px;
}

.air-quality-details-container svg{
    height: 35px;
    width: 35px;
}

.air-quality-details-title{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0px;
}

@media (max-width: 802px) {
    .homepage-forecast-container{
        flex-wrap: wrap;
    }
    .homepage-forecast-container .forecast-current-day,
    .homepage-forecast-container .weather-forecast {
        width: 50%;
    }
    .homepage-forecast-container .air-quality-forecast {
        width: 100%;
        text-align: center;
        order: 3;
    }
    .homepage-forecast-container::before,
    .homepage-forecast-container::after {
        display: none;
    }
    .air-quality-details-container {
        justify-content: center;
        padding-bottom: 0px;
    }
    .homepage-forecast-container .forecast-current-day,
    .homepage-forecast-container .weather-forecast,
    .homepage-forecast-container .air-quality-forecast{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .homepage-forecast-container .forecast-current-day,
    .homepage-forecast-container .weather-forecast{
        border-bottom: none;
    }
    .homepage-forecast-container .air-quality-forecast {
        border-top: 1px solid #bfbfbf;
    }
    .homepage-forecast-container .air-quality-forecast .air-quality-forecast-title{
        margin-bottom: 0px;
    }
    .homepage-forecast-container .forecast-current-day{
        padding-right: 25px;
        border-right: 1px solid #bfbfbf;
    }
    .homepage-forecast-container .weather-forecast{
        padding-left: 25px;
    }
}

@media (max-width: 767px) {
    .homepage-forecast-container .forecast-current-day .current-day,
    .homepage-forecast-container .weather-forecast .weather-forecast-title,
    .homepage-forecast-container .air-quality-forecast .air-quality-forecast-title,
    .homepage-forecast-container .air-quality-forecast .air-quality-details-title{
        font-size: 18px;
    }
}

@media (max-width: 565px){
    .weather-details p .weather-details-label{
        display: none;
    }
}

/* Homepage - News Section */

.homepage-news-container {
    margin-top: 50px;
    width: 100%;
    box-sizing: border-box;
}

.news-container-top {
    margin-top: 40px;
}

.left-news-container {
    position: relative;
    width: 100%;
    height: 300px;
}

@media (min-width: 767px){
    .left-news-container {
        height: 371px;
    }
}

.left-news-container .news-item{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.left-news-container .news-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.left-news-container .gradient-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 65%, #222222 100%);
    z-index: 2;
}

.left-news-container .news-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    padding: 8px 20px;
    z-index: 3;
    box-sizing: border-box;
}

@media screen and (min-width: 1025px){
    .news-container-top {
        display: flex;
        flex-wrap: nowrap;
        gap: 20px;
    }
    .left-news-container,
    .right-news-container {
        width: calc(50% - 10px);
        box-sizing: border-box;
    }
    .right-news-container .news-item {
        display: flex;
        width: 100%;
        height: calc(50% - 10px);
        flex-direction: row;
        gap: 20px;
        box-sizing: border-box;
    }
    .right-news-container {
        flex-direction: column;
        gap: 21px;
    }
    .right-news-container .news-image-container{
        display: flex;
        flex-direction: column;
        height: 100%;
        width: 100%;
        flex-basis: 290px;
        padding-top: 29%;
        position: relative;
    }
    .right-news-container .news-details {
        width: 50%;
        flex-grow: 1;
        flex-basis: 0%;
        display: flex;
        flex-direction: column;
        height: 100%;
    }
}

@media (max-width: 1024px){
    .right-news-container {
        margin-top: 40px;
        gap: 0px 20px;
    }
    .right-news-container .news-item{
        width: 50%;
    }
    .right-news-container .news-image-container {
        width: 100%;
        padding-top: 59.8%;
        position: relative;
    }
}
.right-news-container {
    display: flex;
}

.right-news-container .news-image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1024px){
    .right-news-container{
        margin-bottom: 20px;
        gap: 20px;
    }
    .right-news-container .news-title{
        margin-top: 10px;
    }
}

.right-news-container .news-title{
    font-size: 16px;
    font-weight: 700;
}

.right-news-container .news-title a{
    color: #222222;
}

.right-news-container .news-title a:hover{
    color: var(--color-1)
}

@media (min-width: 1025px){
    .news-container-bottom{
        margin-top: 33px;
    }
}

.news-container-bottom {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 20px;
}

.news-container-bottom .news-item {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: calc(50% - 10px);
}

@media screen and (min-width: 1025px) {
    .news-container-bottom .news-item {
        width: calc(25% - 15px);
    }
}

.news-container-bottom .news-image-container{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-top: 59.8%;
    position: relative;
}

.news-container-bottom .news-image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-container-bottom .news-details {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}

.news-container-bottom .news-title{
    font-size: 16px;
    font-weight: 700;
}

.news-container-bottom .news-title a{
    color: #222222;
}

.news-container-bottom .news-title a:hover{
    color: var(--color-1)
}

.news-container-bottom .news-image {
    display: block;
    width: 100%;
    height: auto;
}

/* Homepage - Local Business Categories */
.homepage-local-business-categories{
    margin-top: 50px;
}

.homepage-local-business-categories-container{
    margin-top: 50px;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
    width: auto;
    background-color: var(--color-1);
    padding-top: 50px;
    padding-bottom: 30px
}

.homepage-categories-content{
    max-width: 1300px;
    padding: 0px 40px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 470px){
    .homepage-categories-content{
        padding: 0px 14px !important;
    }
}

@media (min-width: 471px) and (max-width: 768px){
    .homepage-categories-content{
        padding: 0px 15px !important;
    }
}

@media (min-width: 769px) and (max-width: 1310px){
    .homepage-categories-content{
        padding: 0px 40px !important;
    }
}

.homepage-categories-content .category-link{
    display: inline-flex;
    align-items: center;
    font-weight: 700;
    padding: 10px 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-4);
    color: var(--color-4);
    cursor: pointer;
}

.homepage-categories-content .category-link:hover{
    background-color: var(--color-3);
    color: var(--color-1);
    border-color: var(--color-3);
}

.homepage-categories-content .category-icon{
    line-height: 0;
    padding-right: 0.5em;
}

.homepage-categories-content .category-icon svg{
    width: 1.2em;
    height: 1.2em;
    fill: var(--color-4)
}

.homepage-categories-content .category-link:hover .category-icon svg{
    fill: var(--color-1);
}

/* Dla przeglądarek z paskiem przewijania */
@media (max-width: 470px){
    .homepage-categories-content.scrollbar-active{
        padding: 0px 21px !important;
    }
}

@media (min-width: 471px) and (max-width: 768px){
    .homepage-categories-content.scrollbar-active{
        padding: 0px 22px !important;
    }
}

@media (min-width: 769px) and (max-width: 1310px){
    .homepage-categories-content.scrollbar-active{
        padding: 0px 47px !important;
    }
}

/* Homepage - Local Business Posts */
.homepage-local-business-posts{
    margin-top: 50px;
}

.local-business-container{
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 20px;
}

.local-business-container .local-business-item {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: calc(50% - 10px);
}

@media (min-width: 767px) {
    .local-business-container .local-business-item {
        width: calc(33% - 11.1px);
    }
}

@media (min-width: 1024px) {
    .local-business-container .local-business-item {
        width: calc(25% - 15px);
    }
}

.local-business-container .local-business-image-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-top: 59.8%;
    position: relative;
}

.local-business-container .local-business-image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.local-business-container .local-business-details {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}

.local-business-container .local-business-title {
    font-size: 16px;
    font-weight: 700;
}

.local-business-container .local-business-title a {
    color: #222222;
}

.local-business-container .local-business-title a:hover {
    color: var(--color-1);
}

.local-business-container .local-business-image {
    display: block;
    width: 100%;
    height: auto;
}

/* Homepage - Police Chronicle */
.homepage-police-chronicle-posts{
    margin-top: 50px;
}

.homepage-police-chronicle-posts .police-chronicle-container {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 20px;
}

.homepage-police-chronicle-posts .police-chronicle-item {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: calc(50% - 10px);
}

@media (min-width: 1024px) {
    .homepage-police-chronicle-posts .police-chronicle-item {
        width: calc(25% - 15px);
    }
}

.homepage-police-chronicle-posts .police-chronicle-image-container{
    display: flex;
    flex-direction: column;
}

.homepage-police-chronicle-posts .police-chronicle-details {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
}

.homepage-police-chronicle-posts .police-chronicle-title{
    font-size: 16px;
    font-weight: 700;
}

.homepage-police-chronicle-posts .police-chronicle-title a{
    color: #222222;
}

.homepage-police-chronicle-posts .police-chronicle-title a:hover{
    color: var(--color-1)
}

.homepage-police-chronicle-posts .police-chronicle-image {
    display: block;
    width: 100%;
    height: auto;
}

/* Homepage - Job offers */
.homepage-job-offers{
    margin-top: 50px;
    margin-bottom: 20px;
}

.homepage-job-offers .job-offer-add-button{
    margin-top: 50px;
    display: block;
    margin-bottom: 20px;
}

.homepage-job-offers-container{
    margin-top: 35px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 20px;
}

.homepage-job-offers-container .job-homepage{
    width: calc(33% - 10px);
    border: 1px solid #bfbfbf;
    padding: 20px;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 1080px){
    .homepage-job-offers-container .job-homepage {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 767px) {
    .homepage-job-offers-container .job-homepage {
        width: 100%;
    }
}

.job-homepage .job-title-normal-homepage,
.job-homepage .job-title{
    font-size: 18px;
    font-weight: 700;
    color: var(--color-1);
}

.job .info-icon-container{
    display: flex;
    margin-top: 0px;
}

.job-offers-praca-tooltip + .tooltip-content{
    margin-top: 0px !important;
}

.job-homepage p.job-company-homepage,
.job-homepage p.job-locations-homepage{
    margin-bottom: 0px;
    display: flex;
    align-items: center;
}

.job-homepage p.job-locations-homepage{
    margin-bottom: 20px;
}

.job-homepage p.job-date {
    margin-top: auto;
    margin-bottom: 5px;
    display: inline-block;
    padding: 2px 12px 3px 12px;
    font-size: 14px;
    font-weight: 700;
    background-color: #e0e0e0;
}

.job-homepage .job-homepage-image{
    margin-right: 8px;
    width: 18px;
    height: 18px;
}

.job-homepage-dates{
    display: flex;
    gap: 20px;
    margin-top: auto;
}

.job-homepage .info-icon-job-offers{
    margin-top: -24px;
    margin-bottom: 0px;
}


.job-offers-homepage-tooltip + .tooltip-content{
    margin-top: 53px;
}

/* Homepage - For Residents */
.homepage-for-residents{
    margin-top: 50px;
}

.homepage-for-residents-container{
    margin-top: 50px;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
    width: auto;
    background-color: var(--color-1);
}

.homepage-for-residents-content{
    max-width: 1300px;
    padding: 0px 40px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (max-width: 470px){
    .homepage-for-residents-content{
        padding: 0px 14px !important;
    }
}

@media (min-width: 471px) and (max-width: 768px){
    .homepage-for-residents-content{
        padding: 0px 15px !important;
    }
}

@media (min-width: 769px) and (max-width: 1310px){
    .homepage-for-residents-content{
        padding: 0px 40px !important;
    }
}

/* Dla przeglądarek z paskiem przewijania */
@media (max-width: 470px){
    .homepage-for-residents-content.scrollbar-active{
        padding: 0px 21px !important;
    }
}

@media (min-width: 471px) and (max-width: 768px){
    .homepage-for-residents-content.scrollbar-active{
        padding: 0px 22px !important;
    }
}

@media (min-width: 769px) and (max-width: 1310px){
    .homepage-for-residents-content.scrollbar-active{
        padding: 0px 47px !important;
    }
}

.homepage-for-residents-content a,
.homepage-for-residents-content p{
    margin-bottom: 0px;
    padding: 50px 10px 50px 10px;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 767px){
    .homepage-for-residents-content a,
    .homepage-for-residents-content p {
        flex: 0 0 50%;
        padding: 25px 10px 25px 10px;
    }
}

.homepage-for-residents-content a span,
.homepage-for-residents-content p span{
    text-align: center;
}


.homepage-for-residents-content svg {
    width: 3em;
    height: 3em;
    margin-bottom: 10px;
    fill: var(--color-4);
}

.homepage-for-residents-content span {
    font-weight: 700;
    font-size: 20px;
    margin-top: 5px;
    color: var(--color-4);
}

@media (max-width: 1024px) {
    .homepage-for-residents-content span {
        font-size: 18px;
    }
    .homepage-for-residents-content svg {
        width: 2.5em;
        height: 2.5em;
    }
}

@media (max-width: 767px) {
    .homepage-for-residents-content span {
        font-size: 16px;
    }
    .homepage-for-residents-content svg {
        width: 2em;
        height: 2em;
    }
}

.homepage-for-residents-content a:hover,
.homepage-for-residents-content p:hover{
    background-color: var(--color-3);
}

.homepage-for-residents-content a:hover svg,
.homepage-for-residents-content p:hover svg{
    fill: var(--color-1);
}

.homepage-for-residents-content a:hover span,
.homepage-for-residents-content p:hover span{
    color: var(--color-1);
}

/* Homepage - Necrologies List */
.homepage-nekrologi{
    margin-top: 50px;
}

.homepage-nekrologi .nekrologi-container{
    margin-top: 50px;
}

/* Homepage - Post Categories */
.homepage-category-posts {
    margin-top: 50px;
}

.homepage-category-posts .category-posts-container {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 20px;
}

.homepage-category-posts .category-post-item {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: calc(50% - 10px);
}

@media (min-width: 1024px) {
    .homepage-category-posts .category-post-item {
        width: calc(25% - 15px);
    }
}

.homepage-category-posts .category-post-image-container{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-top: 59.8%;
    position: relative;
}

.homepage-category-posts .category-post-image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.homepage-category-posts .category-post-details {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}

.homepage-category-posts .category-post-title{
    font-size: 16px;
    font-weight: 700;
}

.homepage-category-posts .category-post-title a{
    color: #222222;
}

.homepage-category-posts .category-post-title a:hover{
    color: var(--color-1)
}

.homepage-category-posts .category-post-image {
    display: block;
    width: 100%;
    height: auto;
}

/* Homepage - Description */
.homepage-description{
    margin-top: 50px;
}

/* Archive Page - Nekrologi */

h2.nekrologi-h2 {
    margin-top: 30px;
    margin-bottom: 30px;
}

@media (min-width: 786px){
    .nekrologi-container{
        display: flex;
        flex-wrap: wrap;
    }
    .nekrologi-container .nekrolog {
        flex: 0 0 calc(50% - 10px);
        flex-direction: row;
    }
}

.nekrologi-container {
    margin-bottom: 40px;
    gap: 20px;
}

.nekrologi-container .nekrolog {
    padding: 20px;
    display: flex;
    align-items: center;
    background-color: #f5f5f5;
    border: 4px solid #bfbfbf;
}

@media (max-width: 785px){
    .nekrologi-container .nekrolog {
        margin-bottom: 20px;
    }
}

.nekrologi-container .nekrolog:nth-child(2n) {
    margin-right: 0;
}

.nekrolog .nekrolog-content {
    flex-grow: 1;
}

.nekrolog-content .nekrolog-title,
.nekrolog-content .nekrolog-data-smierci,
.nekrolog-content .nekrolog-wiek,
.nekrolog-content .nekrolog-miejsce-uroczystosci,
.nekrolog-content .nekrolog-data-pogrzebu{
    font-family: "Source Serif Pro" !important;
}

.nekrolog .nekrolog-content .nekrolog-title{
    font-size: 24px;
    cursor: pointer;
    margin-bottom: 2px;
}

@media screen and (max-width: 1024px){
    .nekrolog .nekrolog-content .nekrolog-title{
        font-size: 22px;
    }
}

@media screen and (max-width: 767px){
    .nekrolog .nekrolog-content .nekrolog-title{
        font-size: 20px;
    }
}

.nekrolog .nekrolog-content .nekrolog-title:hover{
    color: var(--color-1);
    text-decoration: underline;
}

.nekrologi-container .nekrolog p {
    margin-bottom: 0px;
}

.nekrolog-content .nekrolog-details{
    display: flex;
}

.nekrolog-content .nekrolog-details p{
    padding: 20px 20px 0px 0px;
    color: var(--color-1);
    cursor: pointer;
}

.nekrolog-content .nekrolog-details p:hover{
    color: var(--color-1);
}

.nekrolog .nekrolog-cross{
    text-align: right;
}

.nekrolog .nekrolog-cross svg{
    width: 100px;
    height: 100px;
}

@media (max-width: 400px){
    .post-type-archive-nekrologi .nekrolog .nekrolog-cross svg{
        width: 80px;
        height: 80px;
    }
}

.nekrologi-pagination {
    text-align: center;
    margin: 40px 0px 0px 0px;
}

.nekrologi-pagination p {
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
}

.nekrologi-pagination p:hover {
    background-color: #fafafa;
    color: var(--color-1);
}


.nekrologi-pagination p.nekrologi-current-page {
    color: var(--color-1);
    font-weight: 700;
}

.nekrologi-pagination-next-previous {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.nekrologi-next-page, .nekrologi-previous-page{
    padding: 10px 20px !important;
    background-color: var(--color-1);
    color: var(--color-4);
    cursor: pointer;
    font-weight: 700;
}

.nekrologi-next-page:hover, .nekrologi-previous-page:hover{
    background-color: var(--color-1);
    color: var(--color-4);
}

.nekrologi-next-page:focus, .nekrologi-previous-page:focus{
    background-color: var(--color-1);
    color: var(--color-4);
}

/* Post - Nekrologi */

.nekrolog-single{
    background-color: #f5f5f5;
    border: 4px solid #bfbfbf;
    padding: 50px;
}

@media screen and (max-width: 1024px){
    .nekrolog-single{
        padding: 30px;
    }
}

@media screen and (max-width: 767px){
    .nekrolog-single{
        padding: 20px;
    }
}

.nekrolog-single h1,
.nekrolog-single h2,
.nekrolog-single h3,
.nekrolog-single p{
    font-family: "Source Serif Pro" !important;
    text-align: center;
}

.nekrolog-single p{
    font-size: 18px;
}

.nekrologi-single-title{
    font-weight: 600;
}

.nekrolog-single-cross{
    display: flex;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.nekrolog-single-cross svg{
    text-align: center;
    width: 250px;
    height: 250px;
}

@media screen and (max-width: 1024px){
    .nekrolog-single-cross svg{
        width: 200px;
        height: 200px;
    }
}

@media screen and (max-width: 767px){
    .nekrolog-single-cross svg{
        width: 150px;
        height: 150px;
    }
}

@media screen and (max-width: 500px){
    .nekrolog-single-cross svg{
        width: 120px;
        height: 120px;
    }
}
.nekrolog-single .nekrologi-single-top p,
.nekrolog-single .nekrologi-single-below p{
    margin-bottom: 0px;
}

.candles-cta-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.title-decoration, .banner-ads-button {
    margin: 0;
}

.candles-container .candles-cta-container .title-decoration{
    font-weight: 700;
    margin: 40px 0px;
}

.candles-container .candles svg{
    width: 40px;
    height: 40px;
}

.candle-button-cta{
    margin-left: 5px;
}

/* Sidebar - Nekrologi */
.sticky-container-nekrologi{
    margin-top: 77px;
    background-color: #f5f5f5;
    padding: 30px 20px;
}

.post-nekrologi-widget-title{
    font-size: 20px;
    font-weight: 700;
}

@media screen and (max-width:767px) {
    .post-nekrologi-widget-title {
        font-size: 18px;
    }
}


.sticky-container-nekrologi .nekrolog p {
    margin-bottom: 0px;
}

.sticky-container-nekrologi .nekrolog {
    padding: 20px;
    display: flex;
    align-items: center;
    background-color: #ffffff;
    border: 4px solid #bfbfbf;
    margin-bottom: 20px;
}

.nekrolog-widget-content p{
    padding-top: 10px;
    color: var(--color-1);
    cursor: pointer;
}

@media screen and (max-width: 400px){
    .single-nekrologi .nekrolog .nekrolog-cross svg{
        width: 80px;
        height: 80px;
    }
}

@media screen and (max-width: 768px){
    .sticky-container-nekrologi{
        margin: 0px 15px 0px 15px;
    }
}

@media screen and (min-width: 786px) and (max-width: 1120px){
    .single-nekrologi .nekrolog-content{
        width: 65%;
    }
    .single-nekrologi .nekrolog-cross{
        width: 35%;
    }
    .single-nekrologi .nekrolog-cross svg{
        width: 80px;
        height: 80px;
    }
}

@media screen and (min-width: 769px) and (max-width: 850px){
    .single-nekrologi .nekrolog-content{
        width: 75%;
    }
    .single-nekrologi .nekrolog-cross{
        width: 25%;
    }
    .single-nekrologi .nekrolog-cross svg{
        width: 50px;
        height: 50px;
    }
}

/* Archive Page - Wiadomości */
.pagination-archive-pages{
    margin-top: 30px;
    margin-bottom: 80px;
}

.pagination-archive-pages .nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 5px;
}

.pagination-archive-pages .nav-links a{
    padding: 15px 20px;
    background-color: var(--color-1);
    color: var(--color-4);
}

.pagination-archive-pages .nav-links span{
    padding: 15px 20px;
    background-color: var(--color-1);
    color: var(--color-4);
    opacity: 0.6;
}

/*
====================
  STATIC PAGES
====================
*/

.content-separator-lead{
    background-color: #bfbfbf;
    margin-bottom: 50px;
}

/* Static Pages - O Nas */
.about-us-logo{
    padding-bottom: 30px;
}

/* Static Pages - Kamery */

#kamery-image{
    cursor: pointer;
}

/* Static Pages - Kontakt || O nas */
.contact-bold-text{
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 18px;
}

button#show-publisher,
button#show-editor{
    margin: 10px 0px 0px 0px;
}

#editor-details,
#publisher-details{
    margin-bottom: 24px;
}

.contact-section .editorial-data p{
    margin-bottom: 0px;
}

/* Static Pages - Jakość Powietrza */
#air-quality-map iframe{
    height: 500px;
    width: 100%;
}

/*
====================
  Tooltip
====================
*/

.info-icon-container {
    position: relative;
    display: inline-block;
}

.info-icon-inner-container,
.info-icon-job-offers{
    cursor: pointer;
}

.info-icon-inner-container p{
    display: inline-block;
    margin-bottom: 0px;
    padding-right: 5px;
    font-style: italic;
    font-size: 14px;
}

.info-icon-svg{
    padding-left: 2px;
    display: inline-block;
    width: 20px;
    height: 20px;
    fill: var(--color-1);
    cursor: pointer;
    position: relative;
    top: -4px;
}

.tooltip-content {
    z-index: 100;
    margin-top: 10px;
    position: absolute;
    background-color: #f5f5f5;
    border: 1px solid #bfbfbf;
    padding: 15px 20px 15px 10px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    max-width: 650px;
    font-size: 12px;
    font-style: italic;
    margin-right: 30px;
}

.tooltip-content p{
    margin-bottom: 0px;
}

.tooltip-content .close-tooltip {
    position: absolute;
    top: -2px;
    right: 5px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

@media screen and (max-width:394px){
    .job-tooltip-data .info-icon-svg{
        top: 2px !important;
    }
}

.job-tooltip-source-data{
    margin-top: 20px;
}

.ogloszenia-tooltip{
    margin-top: 20px;
}

@media screen and (max-width:394px){
    .ogloszenia-tooltip .info-icon-svg{
        top: 2px !important;
    }
}

.system-ogloszen-tooltip{
    margin-bottom: 20px;
}

.system-ogloszen-tooltip + .tooltip-content{
    margin-top: -10px;
}

.firmy-lead-tooltip,
.wiadomosci-post-tooltip{
    margin-bottom: 10px;
}

.firmy-lead-tooltip + .tooltip-content,
.wiadomosci-post-tooltip + .tooltip-content{
    margin-top: 0px;
}

@media screen and (max-width:346px){
    .wiadomosci-post-tooltip .info-icon-svg{
        top: 2px !important;
    }
}

@media screen and (min-width:1025px) and (max-width: 1046px){
    .wiadomosci-post-tooltip .info-icon-svg{
        top: 2px !important;
    }
}

.firmy-tooltip-top-company{
    margin-bottom: 1.5em;
}

.firmy-tooltip-top-company + .tooltip-content{
    margin-top: -15px;
}

.firmy-tooltip-top-company p{
    font-size: 16px !important;
    font-style: normal !important;
}

@media screen and (max-width:678px){
    .firmy-tooltip-top-company .info-icon-svg{
        top: 2px !important;
    }
}

@media screen and (min-width:769px) and (max-width: 1082px){
    .firmy-tooltip-top-company .info-icon-svg{
        top: 2px !important;
    }
}

.nekrologi-tooltip{
    margin-top: 15px;
}

@media screen and (max-width:587px){
    .nekrologi-tooltip .info-icon-svg{
        top: 2px !important;
    }
}

@media screen and (min-width:786px) and (max-width: 1215px){
    .nekrologi-tooltip .info-icon-svg{
        top: 2px !important;
    }
}

@media screen and (max-width:500px){
    .nekrolog-single .nekrologi-tooltip-single-post .info-icon-svg{
        top: 2px !important;
    }
}

.nekrologi-tooltip-single-post{
    margin-top: 15px;
    display: flex !important;
    justify-content: center;
}

.nekrologi-tooltip-single-post + .tooltip-content p{
    font-size: 12px !important;
    text-align: left !important;
}

.kamery-image-display{
    margin-top: 10px;
}

/* Accordion */

.ranking-information-accordion{
    position: relative;
    cursor: pointer;
    padding: 20px;
    background-color: #f5f5f5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ranking-information-accordion:before {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    border-style: solid;
    border-width: 7px;
    top: -7px;
    left: -7px;
    border-color: var(--color-1) transparent transparent var(--color-1);
}

.ranking-information-accordion h2{
    margin-bottom: 5px;
}

.ranking-information-accordion h2,
.ranking-information-accordion svg{
    display: inline-block;
}

.ranking-information-accordion .accordion-icon-svg{
    fill: var(--color-1);
    width: 65px;
    height: 65px;
    float: right;
}

.ranking-information-tab {
    background-color: #f5f5f5;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
    max-height: 0;
}

.ranking-information-html{
    padding: 0px 20px 40px 20px;
}

.ranking-information-html p{
    margin-bottom: 0px;
}



/*
====================
  FORM
====================
*/

.form-main-container{
    max-width: 1000px;
}

.local-form-container{
    margin-bottom: 40px;
}

.local-form {
    margin-top: 40px;
    position: relative;
    padding: 20px;
    background-color: #f5f5f5;
}

.local-form:before {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    border-style: solid;
    border-width: 7px;
    top: -7px;
    left: -7px;
    border-color: var(--color-1) transparent transparent var(--color-1);
}

@media screen and (min-width: 645px){
    .local-form .form-row {
        display: flex;
        justify-content: space-between;
        margin-bottom: 16px;
    }
    .local-form select{
        margin-bottom: 32px !important;
    }
}

.local-form .form-col {
    flex: 0 0 48%;
}

.local-form label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
}

.local-form input[type="text"],
.local-form input[type="number"],
.local-form input[type="date"],
.local-form input[type="time"],
.local-form input[type="email"],
.local-form textarea{
    width: 100%;
    padding: 10px;
    margin-bottom: 16px;
    border: 1px solid #bfbfbf;
    background: #fafafa;
    color: #222222;
}

.local-form select{
    padding: 10px;
    margin-bottom: 16px;
    border: 1px solid #bfbfbf;
    background: #fafafa;
    color: #222222;
}

.local-form input[type="text"]:active,
.local-form input[type="date"]:active,
.local-form input[type="number"]:active,
.local-form input[type="time"]:active,
.local-form input[type="email"]:active,
.local-form textarea:active,
.local-form select:active,
.local-form input[type="text"]:focus,
.local-form input[type="date"]:focus,
.local-form input[type="number"]:focus,
.local-form input[type="time"]:focus,
.local-form input[type="email"]:focus,
.local-form textarea:focus,
.local-form select:focus{
    background: #ffffff;
    color: #222222;
}

.local-form input[type="submit"] {
    padding: 10px 20px;
    background-color: var(--color-1);
    color: var(--color-4);
    border: none;
    cursor: pointer;
    font-weight: 700;
    transition: background-color 0.2s;
}

.local-form input[type="submit"]:hover,
.local-form input[type="submit"]:active,
.local-form input[type="submit"]:focus{
    background-color: var(--color-1);
    color: var(--color-4);
}

.nekrologi-live-editor{
    margin-top: 40px;
}

.local-form-message {
    padding: 15px;
    margin: 20px 0;
    border: 1px solid #4CAF50;
    background-color: #DFF2BF;
    color: #3C763D;
}

.local-form-message-fail {
    padding: 15px;
    margin: 20px 0;
    border: 1px solid #f44336;
    background-color: #FFC9C8;
    color: #a94442;
}

#date-error-message,
#additional-info-error-message{
    color: red;
}

#additional-info-error-message{
    margin-bottom: 1.5em;
}

.cf-turnstile{
    margin-bottom: 15px;
}

.local-form .form-agreements label{
    font-weight: 400;
    font-size: 14px;
}

.local-form .form-agreements div {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

.local-form .form-agreements input[type="checkbox"] {
    margin-right: 10px;
    margin-top: 4px;
}

/* Form Praca */

table.pricing-table-localwebsite{
    margin-top: 85px;
    margin-bottom: 50px;
}

.pricing-table-localwebsite {
    width: 100%;
    border-collapse: collapse;
}

.pricing-table-localwebsite .package {
    font-size: 20px;
    font-weight: 700;
}

.pricing-table-localwebsite .package button {
    padding: 5px 20px;
    margin: 10px 0px;
    font-size: 16px;
    color: var(--color-4);
    background-color: var(--color-1);
    font-weight: 700;
}

.pricing-table-localwebsite tbody td {
    border: 1px solid #bfbfbf;
    padding: 10px;
    text-align: center;
}

.pricing-table-localwebsite tbody td:first-child {
    text-align: left;
}

.pricing-table-localwebsite small {
    display: block;
    font-size: 0.8em;
    font-style: italic;
}

.pricing-table-localwebsite .empty {
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
}

tr:nth-child(even) td {
    background-color: #f5f5f5;
}

.pricing-table-localwebsite .extended-package {
    border-left: 2px solid var(--color-1);
    border-right: 2px solid var(--color-1);
}

.pricing-table-localwebsite .package.extended-package {
    border-top: 2px solid var(--color-1);
}

.pricing-table-localwebsite .extended-package.last{
    border-bottom: 2px solid var(--color-1);
}

.checkmark {
    color: green !important;
    font-weight: bold;
}

.praca-form-text {
    margin: 20px 0px;
}

.pricing-table-localwebsite .package.extended-package::before {
    content: 'Polecane';
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: var(--color-4);
    background-color: var(--color-1);
    position: relative;
    top: -45px;
    width: calc(100% + 24px);
    margin-left: -12px;
    margin-bottom: -35px;
    padding: 5px 0;
    box-sizing: border-box;
}

/* Table mobile */
.pricing-table-localwebsite-mobile{
    display: flex;
    flex-direction: column;
    gap: 50px 20px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.pricing-table-localwebsite-mobile .package {
    border: 1px solid #bfbfbf;
    padding: 20px;
    position: relative;
}

.pricing-table-localwebsite-mobile .package-header {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.pricing-table-localwebsite-mobile .package button {
    padding: 5px 20px;
    margin: 10px 0px 20px 0px;
    font-size: 16px;
    color: var(--color-4);
    background-color: var(--color-1);
    font-weight: 700;
    width: 100%;
}

.pricing-table-localwebsite-mobile .package-detail {
    border-top: 1px solid #bfbfbf;
    padding: 10px 0;
    text-align: left;
}

.pricing-table-localwebsite-mobile .package-detail-row {
    display: flex;
    justify-content: space-between;
}

.pricing-table-localwebsite-mobile .package-detail-row .package-bold {
    font-weight: 700;
}

.second-column{
    margin-left: 15px;
}

.pricing-table-localwebsite-mobile .extended-package {
    margin-top: 20px;
    border: 2px solid var(--color-1);
}

.pricing-table-localwebsite-mobile .extended-package::before {
    content: 'Polecane';
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: var(--color-4);
    background-color: var(--color-1);
    position: relative;
    top: -45px;
    width: calc(100% + 44px);
    margin-left: -22px;
    margin-bottom: -35px;
    padding: 5px 0;
    box-sizing: border-box;
}

/* RWD */
.pricing-table-localwebsite-mobile{
    display: none;
}

@media screen and (max-width: 580px){
    .pricing-table-localwebsite-mobile.praca-table{
        display: flex;
    }
    .pricing-table-localwebsite.praca-table{
        display: none;
    }
}
@media screen and (max-width: 745px){
    .pricing-table-localwebsite-mobile.firmy-table{
        display: flex;
    }
    .pricing-table-localwebsite.firmy-table{
        display: none;
    }
    .pricing-table-localwebsite-mobile.firmy-table{
        flex-direction: row;
        flex-wrap: wrap;
    }
    .pricing-table-localwebsite-mobile.firmy-table .package{
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 600px){
    .pricing-table-localwebsite-mobile.firmy-table{
        display: flex;
    }
    .pricing-table-localwebsite.firmy-table{
        display: none;
    }
    .pricing-table-localwebsite-mobile.firmy-table{
        flex-direction: row;
        flex-wrap: wrap;
    }
    .pricing-table-localwebsite-mobile.firmy-table .package{
        width: 100%;
    }
}

/*
====================
BANNERS
====================
*/

/* Homepage banner */

.homepage-banner-top-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.homepage-banner-top-container{
    margin-top: 50px;
    margin-bottom: 60px;
    border: 1px solid #bfbfbf;
    padding: 20px;
}

/* Oferteo - Ranking */
/* Ranking oferteo */
.oferteo-single-company-container{
    padding: 40px;
    margin-top: 50px;
    margin-bottom: 50px;
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
    background-color: #f5f5f5;
    max-width: 650px;
}

.oferteo-banner-title{
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}

.oferteo-button-container{
    display: flex;
    align-items: center;
}

.oferteo-single-button{
    display: inline-block;
    padding: 10px 20px;
    background-color: var(--color-1);
    color: var(--color-4);
    font-size: 24px;
    font-weight: 700;
    display: inline-block;
    flex-shrink: 0;
}

.oferteo-single-button:hover,
.oferteo-single-button:active,
.oferteo-single-button:focus{
    background-color: var(--color-1);
    color: var(--color-4);
}

.oferteo-input{
    flex: 1;
}

.oferteo-input input{
    width: 100%;
    box-sizing: border-box;
    height: 58px;
    position: relative;
    display: inline-block;
    border-right: 0 !important;
}

.oferteo-input input[type="text"]:focus{
    background-color: #fafafa !important;
    border-color: #cccccc !important;
}

.oferteo-banner-svg{
    border: 1px solid #cccccc;
    border-left: none;
    padding: 13px 0px 13px 0px;
    background-color: #fafafa;
}

.oferteo-banner-svg svg{
    margin-top: 4px;
    margin-right: 12px;
}

@media screen and (max-width: 1024px){
    .oferteo-banner-title{
        font-size: 22px;
    }
    .oferteo-single-button{
        font-size: 22px;
    }
    .oferteo-input input{
        height: 55px;
    }
    .oferteo-banner-svg{
        padding: 11.5px 0px 11.5px 0px;
    }
}

@media screen and (max-width: 767px){
    .oferteo-banner-title{
        font-size: 20px;
    }
    .oferteo-single-button{
        font-size: 20px;
    }
    .oferteo-input input{
        height: 52px;
        padding: 10px 5px 10px 10px !important;
    }
    .oferteo-banner-svg{
        padding: 10px 0px 10px 0px;
    }
    .oferteo-single-company-container{
        padding: 40px 20px 40px 20px;
    }
}

/* Oferteo - Homepage */
.homepage-oferteo-widget .oferteo-single-company-container{
    max-width: 850px;
    padding: 50px 50px 60px 50px;
}

.homepage-oferteo-widget .homepage-h2-title{
    margin-bottom: 40px;
    text-align: center;
}

.homepage-oferteo-widget .oferteo-input input{
    height: 66px;
    padding: 10px 15px !important;
}

.homepage-oferteo-widget .oferteo-banner-svg{
    padding: 17px 0px 17px 0px;
}

.homepage-oferteo-widget .oferteo-single-button{
    padding: 14px 24px;
}

@media screen and (max-width: 1024px){
    .homepage-oferteo-widget .oferteo-input input{
        height: 63px;
    }
    .homepage-oferteo-widget .oferteo-banner-svg{
        padding: 15.5px 0px 15.5px 0px;
    }
}

@media screen and (max-width: 767px){
    .homepage-oferteo-widget .oferteo-input input{
        height: 52px;
        padding: 10px 5px 10px 10px !important;
    }
    .homepage-oferteo-widget .oferteo-banner-svg{
        padding: 10px 0px 10px 0px;
    }
    .homepage-oferteo-widget .oferteo-single-company-container{
        padding: 50px 20px 60px 20px;
    }
    .homepage-oferteo-widget .oferteo-single-button{
        padding: 10px 20px;
    }
}