/*
* ----------[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 0.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 0.3s ease-in-out;
}
#header-row .et_pb_column {
  display: flex;
}
/* #header-row .logo-image {
  margin-left: 0;
} */
/*
* ----------[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 0.4s ease, fill 0.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 */
}
/*
* ----------[MEDIA QUERIES]--------*
*/
@media only screen and (min-width: 981px) {
  #header-row .logo-image {
    margin-left: auto;
    margin-right: auto;
  }
}