@charset "UTF-8";
/* ===========================================
   Universal Social Icons Section (Footer)
   =========================================== */

/* Social Icons Section */
.social-links-section {
  background-color: var(--color-grey-light);
  border-top: 1px solid var(--color-border);
  padding: 1.5rem 0;
  text-align: center;
}

.social-icon-link {
  font-size: 1.8rem;
  color: var(--color-policy-primary);
  transition: color 0.3s ease, transform 0.3s ease;
  margin: 0 0.5rem;
  display: inline-block;
}

.social-icon-link:hover,
.social-icon-link:focus {
  color: var(--color-policy-hover);
  transform: scale(1.15);
  outline: none;
}

@media (max-width: 576px) {
  .social-icon-link {
    font-size: 1.5rem;
  }
}


/* ===========================================
   Social Icon Font (Socicon)
   =========================================== */

@font-face {
  font-family: 'Socicon';
  src: url('../fonts/socicon.eot');
  src: url('../fonts/socicon.eot?#iefix') format('embedded-opentype'),
       url('../fonts/socicon.woff2') format('woff2'),
       url('../fonts/socicon.ttf') format('truetype'),
       url('../fonts/socicon.woff') format('woff'),
       url('../fonts/socicon.svg#socicon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

[data-icon]:before {
  font-family: 'Socicon' !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="socicon-"],
[class*=" socicon-"] {
  font-family: 'Socicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



/* =========================================== */


.socicon-facebook:before {
  content: "\e028";
}

.socicon-twitter:before {
  content: "\e08d";
}

.socicon-instagram:before {
  content: "\e044";
}

.socicon-linkedin:before {
  content: "\e04c";
}

.socicon-slack:before {
  content: "\e918";
}
.socicon-logmein:before {
  content: "\e91a";
}
.socicon-appstore:before {
  content: "\e91f";
}
.socicon-zoom:before {
  content: "\e921";
}
.socicon-bing:before {
  content: "\e92a";
}
.socicon-airbnb:before {
  content: "\e002";
}
.socicon-amazon:before {
  content: "\e004";
}
.socicon-ebay:before {
  content: "\e023";
}
.socicon-android:before {
  content: "\e006";
}
.socicon-apple:before {
  content: "\e008";
}
.socicon-behance:before {
  content: "\e010";
}
.socicon-chrome:before {
  content: "\e014";
}
.socicon-firefox:before {
  content: "\e02b";
}
.socicon-github:before {
  content: "\e032";
}
.socicon-google:before {
  content: "\e034";
}
.socicon-itunes:before {
  content: "\e047";
}
.socicon-mail:before {
  content: "\e050";
}
.socicon-npm:before {
  content: "\e059";
}
.socicon-paypal:before {
  content: "\e060";
}
.socicon-skype:before {
  content: "\e073";
}
.socicon-teamviewer:before {
  content: "\e085";
}
.socicon-telegram:before {
  content: "\e087";
}
.socicon-whatsapp:before {
  content: "\e099";
}
.socicon-windows:before {
  content: "\e09b";
}
.socicon-wordpress:before {
  content: "\e09c";
}
.socicon-yahoo:before {
  content: "\e0a0";
}
.socicon-youtube:before {
  content: "\e0a5";
}
}

