/* ==========================================================
   HORYZONT
   SOCIAL MEDIA
========================================================== */

#footer .oceanwp-social-icons a,
#footer-widgets .oceanwp-social-icons a{

    width:48px;
    height:48px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.30);

    color:#fff;

    transition:all .35s ease;

    backdrop-filter:blur(6px);

}


#footer .oceanwp-social-icons a:hover{

    transform:translateY(-3px);

    background:rgba(255,255,255,.18);

    border-color:rgba(255,255,255,.45);

    box-shadow:none;

}

/* ==========================================================
   HORYZONT
   TAGI
========================================================== */

#footer .tagcloud a,
#footer-widgets .tagcloud a{

    border-radius:8px;

    padding:7px 12px;

    background:rgba(255,255,255,.10);

    border:1px solid rgba(255,255,255,.18);

    color:#fff;

    transition:.30s;

}


#footer .tagcloud a:hover,
#footer-widgets .tagcloud a:hover{

    background:rgba(255,255,255,.22);

    transform:translateY(-2px);

}

/* ==========================================================
   HORYZONT
   Usunięcie belek przy nagłówkach
========================================================== */

#footer .widget-title,
#footer-widgets .widget-title{

    border-left: none !important;

    padding-left: 0 !important;

}

/* ==========================================
   HORYZONT
   Nagłówki stopki
========================================== */

#footer-widgets .widget-title,
#footer .widget-title{

    font-size:18px !important;
    font-weight:700 !important;
    letter-spacing:.6px !important;
    color:#ffffff !important;

    text-transform:none !important;

    line-height:1.2;

}


/* ==========================================================
   HORYZONT
   SOCIAL MEDIA 2.0
========================================================== */

/* kontener */
#footer .oceanwp-social-icons,
#footer-widgets .oceanwp-social-icons{

    display:flex;
    align-items:center;
    gap:22px;

}

/* usuń kółka */
#footer .oceanwp-social-icons a,
#footer-widgets .oceanwp-social-icons a{

    width:auto !important;
    height:auto !important;
    line-height:1 !important;

    padding:0 !important;

    border:none !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;

    color:#ffffff;

    transition:.30s ease;

}

/* większe ikony */
#footer .oceanwp-social-icons i,
#footer-widgets .oceanwp-social-icons i{

    font-size:28px;

}

/* lekki ruch */
#footer .oceanwp-social-icons a:hover{

    transform:translateY(-2px);

}

/* FACEBOOK */

#footer .oceanwp-facebook a:hover{

    color:#1877F2 !important;

}

/* INSTAGRAM */

#footer .oceanwp-instagram a:hover{

    color:#E4405F !important;

}

/* LINKEDIN */

#footer .oceanwp-linkedin a:hover{

    color:#0A66C2 !important;

}

/* YOUTUBE */

#footer .oceanwp-youtube a:hover{

    color:#FF0000 !important;

}




/* ==========================================================
   HORYZONT
   Kontakt 2.0
========================================================== */

#footer .contact-info-widget{

    background:transparent !important;
    border:none !important;
    padding:0 !important;

}

#footer .contact-info-widget li{

    display:flex;
    align-items:center;
    gap:14px;

}

#footer .contact-info-widget i{

    width:auto !important;
    height:auto !important;

    background:none !important;
    border:none !important;

    font-size:30px;
    color:#fff;

}

#footer .oceanwp-info-wrap{

    margin:0 !important;
    padding:0 !important;

}

#footer .contact-info-widget a{

    color:#fff;
    font-weight:600;
    text-decoration:none;

    transition:.3s;

}

#footer .contact-info-widget a:hover{

    color:#b586ea;

}


/* ==========================================================
   HORYZONT
   SOCIAL - OFFICIAL HOVER COLORS
========================================================== */

#footer .oceanwp-facebook a:hover,
#footer .oceanwp-facebook a:hover i{
    color:#1877F2 !important;
}

#footer .oceanwp-instagram a:hover,
#footer .oceanwp-instagram a:hover i{
    color:#E4405F !important;
}

#footer .oceanwp-linkedin a:hover,
#footer .oceanwp-linkedin a:hover i{
    color:#0A66C2 !important;
}

#footer .oceanwp-youtube a:hover,
#footer .oceanwp-youtube a:hover i{
    color:#FF0000 !important;
}

/* wyłączenie efektów OceanWP */

#footer .oceanwp-social-icons a,
#footer .oceanwp-social-icons a i{

    transition:
        color .25s ease,
        transform .25s ease !important;

}


/* ==========================================================
   HORYZONT
   BLOG - usuń komentarze
========================================================== */

#footer .recent-posts-comments,
#footer-widgets .recent-posts-comments{

    display:none !important;

}

#footer .recent-posts-date .sep,
#footer-widgets .recent-posts-date .sep{

    display:none;

}
#footer .recent-posts-thumbnail img,
#footer-widgets .recent-posts-thumbnail img{

    width:72px !important;
    height:72px !important;

    border-radius:12px;

    object-fit:cover;

    transition:.35s;

}
#footer .recent-posts-title,
#footer-widgets .recent-posts-title{

    font-size:15px;

    font-weight:700;

    color:#fff;

    transition:.3s;

}
#footer li:hover .recent-posts-title,
#footer-widgets li:hover .recent-posts-title{

    color:#fff;

}

#footer li:hover .recent-posts-thumbnail img,
#footer-widgets li:hover .recent-posts-thumbnail img{

    transform:scale(1.05);

}