/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

img.starting-logo {
  filter: brightness(0) invert(1);
}

.nectar-fancy-box.has-animation.box_color_ffffff.triggered-animation.animated-in
  .box-inner-wrap {
  padding: 29px !important;
}

.toggle a {
  font-size: 20px !important;
  font-weight: 600 !important;
}

#footer img {
  width: 200px !important;
  filter: brightness(0) invert(1);
}

#footer .social-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

#footer .social-links li {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 18px;
}

#footer .social-links a {
  text-decoration: none;
  color: inherit;
  display: flex;
  align-items: center;
  gap: 15px;
}

#footer .social-links li::before {
  content: "\f09a"; /* Default to Font Awesome Facebook icon */
  font-family: FontAwesome;
  font-size: 20px;
  color: #fff;
  background-color: red;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

#footer .social-links li.facebook::before {
  content: "\f09a"; /* Font Awesome Facebook icon */
  background-color: #4883ff; /* Facebook blue */
}

#footer .social-links li.instagram::before {
  content: "\f16d"; /* Font Awesome Instagram icon */
  background-color: #e4405f; /* Instagram gradient pink */
}

#footer .social-links li.linkedin::before {
  content: "\f0e1"; /* Font Awesome LinkedIn icon */
  background-color: #0077b5; /* LinkedIn blue */
}

#footer .social-links li.twitter::before {
  content: "X"; /* Font Awesome LinkedIn icon */
  background-color: #000; /* LinkedIn blue */
}

#footer ul#menu-main-menu-1 li {
    font-size: 18px;
    line-height: 34px;
}

#footer ul#menu-main-menu-1 li a:hover {
    color: white;
}