@charset "UTF-8";

@font-face {
  font-family: "dogoodx";
  src:url("fonts/dogoodx.eot");
  src:url("fonts/dogoodx.eot?#iefix") format("embedded-opentype"),
    url("fonts/dogoodx.woff") format("woff"),
    url("fonts/dogoodx.ttf") format("truetype"),
    url("fonts/dogoodx.svg#dogoodx") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "dogoodx" !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^="ic-"]:before,
[class*=" ic-"]:before {
  font-family: "dogoodx" !important;
  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;
}

.ic-google-plus:before {
  content: "\62";
}
.ic-facebook:before {
  content: "\61";
}
.ic-twitter:before {
  content: "\63";
}
.ic-linkedin:before {
  content: "\64";
}
.ic-user:before {
  content: "\65";
}
.ic-mail:before {
  content: "\66";
}
.ic-send:before {
  content: "\67";
}
.ic-pen-line:before {
  content: "\68";
}
.ic-instagram:before {
  content: "\69";
}
.ic-left-open-big:before {
  content: "\6a";
}
.ic-right-open-big:before {
  content: "\6b";
}
.ic-chevron-up:before {
  content: "\6c";
}
.ic-youtube:before {
    content: '';
    display: inline-block;
    width: 24px; /* adjust size */
    height: 24px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path fill="%23ffffff" d="M 44.898438 14.5 C 44.5 12.300781 42.601563 10.699219 40.398438 10.199219 C 37.101563 9.5 31 9 24.398438 9 C 17.800781 9 11.601563 9.5 8.300781 10.199219 C 6.101563 10.699219 4.199219 12.199219 3.800781 14.5 C 3.398438 17 3 20.5 3 25 C 3 29.5 3.398438 33 3.898438 35.5 C 4.300781 37.699219 6.199219 39.300781 8.398438 39.800781 C 11.898438 40.5 17.898438 41 24.5 41 C 31.101563 41 37.101563 40.5 40.601563 39.800781 C 42.800781 39.300781 44.699219 37.800781 45.101563 35.5 C 45.5 33 46 29.398438 46.101563 25 C 45.898438 20.5 45.398438 17 44.898438 14.5 Z M 19 32 L 19 18 L 31.199219 25 Z"></path></svg>');
    background-size: cover;
    transition: background-image 0.3s ease; /* Optional: smooth transition */
}

.ic-youtube:hover:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path fill="%23565656" d="M 44.898438 14.5 C 44.5 12.300781 42.601563 10.699219 40.398438 10.199219 C 37.101563 9.5 31 9 24.398438 9 C 17.800781 9 11.601563 9.5 8.300781 10.199219 C 6.101563 10.699219 4.199219 12.199219 3.800781 14.5 C 3.398438 17 3 20.5 3 25 C 3 29.5 3.398438 33 3.898438 35.5 C 4.300781 37.699219 6.199219 39.300781 8.398438 39.800781 C 11.898438 40.5 17.898438 41 24.5 41 C 31.101563 41 37.101563 40.5 40.601563 39.800781 C 42.800781 39.300781 44.699219 37.800781 45.101563 35.5 C 45.5 33 46 29.398438 46.101563 25 C 45.898438 20.5 45.398438 17 44.898438 14.5 Z M 19 32 L 19 18 L 31.199219 25 Z"></path></svg>');
}