/*
* ----------[NOTIFICATION BAR]--------*
*/
#polybar {
    width: 100%;
    background: var(--yellow);
    color: var(--white);
    font-size: var(--copyFontSmall);
    text-align: center;
    z-index: 99999;
    padding: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--museo);
}
#polybar .message-text {
    flex: 1 1 auto;
    font-size: var(--copyFontSmall);
    padding: 0 10px 0 50px;
}
#polybar .message-text a {
    color: var(--white);
    font-weight: 700;
}
#polybar .close-btn {
    margin-right: 20px;
    margin-left: 20px;
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
#polybar .close-btn:before {
    content: '';
    position: absolute;
    background-color: var(--white);
    height: 2px;
    top: 50%;
    left: 50%;
    width: 14px;
    transform: translate(-50%,-50%) rotate(45deg);
    transition: all .3s ease-in-out;
}
#polybar .close-btn:after {
    content: '';
    position: absolute;
    background-color: var(--white);
    width: 2px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
    height: 14px;
    transition: all .3s ease-in-out;
}
/*
* ----------[SOCIAL NETWORKS]--------*
*/
.social-networks-shortcode ul {
    list-style: none;
    padding: 0;
    display: flex;
}
.social-networks-shortcode ul li:not(:last-child) {
    margin-right: 35px;
}
.et-social-icon.fa-icon a.icon:before {
    content: '';
}
.social-networks-shortcode ul li a.icon i,
.social-networks-shortcode ul li a.icon svg {
    font-size: 16px;
    color: var(--default-color); /* Default color */
    fill: var(--default-color); /* Default color for SVG */
    transition: color .4s ease, fill .4s ease;
}
.social-networks-shortcode ul li a.icon:hover i,
.social-networks-shortcode ul li a.icon:hover svg {
    color: var(--primary-color); /* Hover color */
    fill: var(--primary-color); /* Hover color for SVG */
}