/* Theme Name: FunkySons */

@import 'assets/css/vendor/bootstrap.css';

body {
  background-color: #F5F3EF;
  color: #1F1F23;
}

h1, h2, h3 {
  color: #1A1F2E !important
}

/* FONTS */
.open-sans-500 {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.open-sans-700 {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings:
    "wdth" 75;
}
.open-sans-800,
h1 {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

h2, h3 {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

body {
  font-family: "Merriweather", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
    font-size: 18px;
}


/* COLORS */
.navbar { background-color: #1a1f2e !important }

.navbar-brand { color: #F2F0EF !important; font-weight: 900 }
.navbar-brand span { color: #d4af37 }

.nav-link { color: #F2F0EF !important }
.nav-link:hover { color: #d4af37 !important }

.card-title a {
  color: #1a1f2e;
}
.card-body {
  background-color: #f7f7f7;
  color: #222;
}
.card-body p {
  margin-bottom: 0;
}

.text-secondary {
  color: #5f5f5f !important
}

footer {
  background-color: #F5F3EF;
  border-top: 1px solid #d4af37;
}

a { text-decoration: underline; }
a:hover,
a.card-imglink:hover + .card-body > .card-title > a {
  text-decoration: none;
  color: #d4af37;
}

table { margin-bottom: 1.5rem }

table tr td:first-child {
  font-weight: bold;
  padding-right: 1rem;
}
table tr td {
  padding-top: 4px;
  padding-bottom: 6px;
  vertical-align: top;
}

p,
blockquote {
  hyphens: auto;
}

footer ul {
  list-style-type: none;
  padding: 0;
}
footer li {
  padding-top: 5px;
}


/* SVG ICONS */
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

footer a[href*="t.me"]:before
/* , a[href*="bandcamp.com"]:before
, a[href*="spotify.com"]:before
, a[href*="apple.com"]:before */
{
  content: "";
  display: inline-block;
  width: 22px; height: 22px;
  margin-right: 3px;
  vertical-align: -4px;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: background-color 0.3s ease;
  opacity: 1;
}

/* a[href*="t.me"]:hover:before
, a[href*="bandcamp.com"]:hover:before
, a[href*="spotify.com"]:hover:before
, a[href*="apple.com"]:hover:before
{
  opacity: .7;
} */

footer a[href*="t.me"]:before {
  background-color: #0088cc;
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OTYgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIzIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjQ4LDhDMTExLjAzMyw4LDAsMTE5LjAzMywwLDI1NlMxMTEuMDMzLDUwNCwyNDgsNTA0LDQ5NiwzOTIuOTY3LDQ5NiwyNTYsMzg0Ljk2Nyw4LDI0OCw4Wk0zNjIuOTUyLDE3Ni42NmMtMy43MzIsMzkuMjE1LTE5Ljg4MSwxMzQuMzc4LTI4LjEsMTc4LjMtMy40NzYsMTguNTg0LTEwLjMyMiwyNC44MTYtMTYuOTQ4LDI1LjQyNS0xNC40LDEuMzI2LTI1LjMzOC05LjUxNy0zOS4yODctMTguNjYxLTIxLjgyNy0xNC4zMDgtMzQuMTU4LTIzLjIxNS01NS4zNDYtMzcuMTc3LTI0LjQ4NS0xNi4xMzUtOC42MTItMjUsNS4zNDItMzkuNSwzLjY1Mi0zLjc5Myw2Ny4xMDctNjEuNTEsNjguMzM1LTY2Ljc0Ni4xNTMtLjY1NS4zLTMuMS0xLjE1NC00LjM4NHMtMy41OS0uODQ5LTUuMTM1LS41cS0zLjI4My43NDYtMTA0LjYwOCw2OS4xNDItMTQuODQ1LDEwLjE5NC0yNi44OTQsOS45MzRjLTguODU1LS4xOTEtMjUuODg4LTUuMDA2LTM4LjU1MS05LjEyMy0xNS41MzEtNS4wNDgtMjcuODc1LTcuNzE3LTI2LjgtMTYuMjkxcS44NC02LjcsMTguNDUtMTMuNywxMDguNDQ2LTQ3LjI0OCwxNDQuNjI4LTYyLjNjNjguODcyLTI4LjY0Nyw4My4xODMtMzMuNjIzLDkyLjUxMS0zMy43ODksMi4wNTItLjAzNCw2LjYzOS40NzQsOS42MSwyLjg4NWExMC40NTIsMTAuNDUyLDAsMCwxLDMuNTMsNi43MTZBNDMuNzY1LDQzLjc2NSwwLDAsMSwzNjIuOTUyLDE3Ni42NloiLz48L3N2Zz4=");
}

.ratio {
  margin-bottom: 1rem;
}

/* a[href*="bandcamp.com"]:before {
  background-color: #0cacd7;
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIzIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjU2LDhDMTE5LDgsOCwxMTksOCwyNTZTMTE5LDUwNCwyNTYsNTA0LDUwNCwzOTMsNTA0LDI1NiwzOTMsOCwyNTYsOFptNDguMiwzMjYuMWgtMTgxTDIwNy45LDE3OGgxODFaIi8+PC9zdmc+")
}

a[href*="spotify.com"]:before {
  background-color: #00da4d;
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OTYgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIzIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjQ4IDhDMTExLjEgOCAwIDExOS4xIDAgMjU2czExMS4xIDI0OCAyNDggMjQ4IDI0OC0xMTEuMSAyNDgtMjQ4UzM4NC45IDggMjQ4IDh6bTEwMC43IDM2NC45Yy00LjIgMC02LjgtMS4zLTEwLjctMy42LTYyLjQtMzcuNi0xMzUtMzkuMi0yMDYuNy0yNC41LTMuOSAxLTkgMi42LTExLjkgMi42LTkuNyAwLTE1LjgtNy43LTE1LjgtMTUuOCAwLTEwLjMgNi4xLTE1LjIgMTMuNi0xNi44IDgxLjktMTguMSAxNjUuNi0xNi41IDIzNyAyNi4yIDYuMSAzLjkgOS43IDcuNCA5LjcgMTYuNXMtNy4xIDE1LjQtMTUuMiAxNS40em0yNi45LTY1LjZjLTUuMiAwLTguNy0yLjMtMTIuMy00LjItNjIuNS0zNy0xNTUuNy01MS45LTIzOC42LTI5LjQtNC44IDEuMy03LjQgMi42LTExLjkgMi42LTEwLjcgMC0xOS40LTguNy0xOS40LTE5LjRzNS4yLTE3LjggMTUuNS0yMC43YzI3LjgtNy44IDU2LjItMTMuNiA5Ny44LTEzLjYgNjQuOSAwIDEyNy42IDE2LjEgMTc3IDQ1LjUgOC4xIDQuOCAxMS4zIDExIDExLjMgMTkuNy0uMSAxMC44LTguNSAxOS41LTE5LjQgMTkuNXptMzEtNzYuMmMtNS4yIDAtOC40LTEuMy0xMi45LTMuOS03MS4yLTQyLjUtMTk4LjUtNTIuNy0yODAuOS0yOS43LTMuNiAxLTguMSAyLjYtMTIuOSAyLjYtMTMuMiAwLTIzLjMtMTAuMy0yMy4zLTIzLjYgMC0xMy42IDguNC0yMS4zIDE3LjQtMjMuOSAzNS4yLTEwLjMgNzQuNi0xNS4yIDExNy41LTE1LjIgNzMgMCAxNDkuNSAxNS4yIDIwNS40IDQ3LjggNy44IDQuNSAxMi45IDEwLjcgMTIuOSAyMi42IDAgMTMuNi0xMSAyMy4zLTIzLjIgMjMuM3oiLz48L3N2Zz4=")
}

a[href*="apple.com"]:before {
  background-color: #ff4e6b;
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBkPSJNMzgxLjkgMzg4LjJjLTYuNCAyNy40LTI3LjIgNDIuOC01NS4xIDQ4LTI0LjUgNC41LTQ0LjkgNS42LTY0LjUtMTAuMi0yMy45LTIwLjEtMjQuMi01My40LTIuNy03NC40IDE3LTE2LjIgNDAuOS0xOS41IDc2LjgtMjUuOCA2LTEuMSAxMS4yLTIuNSAxNS42LTcuNCA2LjQtNy4yIDQuNC00LjEgNC40LTE2My4yIDAtMTEuMi01LjUtMTQuMy0xNy0xMi4zLTguMiAxLjQtMTg1LjcgMzQuNi0xODUuNyAzNC42LTEwLjIgMi4yLTEzLjQgNS4yLTEzLjQgMTYuNyAwIDIzNC43IDEuMSAyMjMuOS0yLjUgMjM5LjUtNC4yIDE4LjItMTUuNCAzMS45LTMwLjIgMzkuNS0xNi44IDkuMy00Ny4yIDEzLjQtNjMuNCAxMC40LTQzLjItOC4xLTU4LjQtNTgtMjkuMS04Ni42IDE3LTE2LjIgNDAuOS0xOS41IDc2LjgtMjUuOCA2LTEuMSAxMS4yLTIuNSAxNS42LTcuNCAxMC4xLTExLjUgMS44LTI1Ni42IDUuMi0yNzAuMiAuOC01LjIgMy05LjYgNy4xLTEyLjkgNC4yLTMuNSAxMS44LTUuNSAxMy40LTUuNSAyMDQtMzguMiAyMjguOS00My4xIDIzMi40LTQzLjEgMTEuNS0uOCAxOC4xIDYgMTguMSAxNy42IC4yIDM0NC41IDEuMSAzMjYtMS44IDMzOC41eiIvPjwvc3ZnPgo=")
}
43IDEuMSAyMjMuOS0yLjUgMjM5LjUtNC4yIDE4LjItMTUuNCAzMS45LTMwLjIgMzkuNS0xNi44IDkuMy00Ny4yIDEzLjQtNjMuNCAxMC40LTQzLjItOC4xLTU4LjQtNTgtMjkuMS04Ni42IDE3LTE2LjIgNDAuOS0xOS41IDc2LjgtMjUuOCA2LTEuMSAxMS4yLTIuNSAxNS42LTcuNCAxMC4xLTExLjUgMS44LTI1Ni42IDUuMi0yNzAuMiAuOC01LjIgMy05LjYgNy4xLTEyLjkgNC4yLTMuNSAxMS44LTUuNSAxMy40LTUuNSAyMDQtMzguMiAyMjguOS00My4xIDIzMi40LTQzLjEgMTEuNS0uOCAxOC4xIDYgMTguMSAxNy42IC4yIDM0NC41IDEuMSAzMjYtMS44IDMzOC41eiIvPjwvc3ZnPgo=")
} */