﻿/*$gutter: 1em;*/
html.ltroot {
  --font: "Nunito Sans";
}
html.ltroot:not(.mobile):root {
  /*--font-size: 15px !important;*/
}
html.ltroot.mobile {
  /*&.dark-theme {
      &:root {
          --text-background-color: 255, 255, 255 !important;*/
  /*--border-background-color: 20, 25, 30 !important;*/
  /*}
  }

  &:not(.dark-theme) {
      &:root {*/
  /*--tertiary-background-color: 255,255,255 !important;*/
  /*--text-background-color: 0, 0, 0 !important;
      }
  }*/
}

@font-face {
  font-family: "Nunito Sans";
  src: url("fonts/NunitoSans.ttf") format("truetype");
}
a, h1, h2, h3, h4, h5, h6, p, b, .label, button {
  /*font-family: Rajdhani,sans-serif;*/
}

h1, h2, h3, h4, h5, h6, b, strong, button {
  font-weight: 700;
}

p {
  line-height: 1.5em;
}

*:not(.bg-primary) a:not(.button):hover {
  /*color: rgbaColor('primary');*/
}

/*.communitycomment, .communitycommenteditor {
    p {
        line-height: 0.8em;
    }
}*/
.communityposttoolbar > .menu > .menuitem > button, .communityposttoolbar > .menu > .menuitem > .popup > button, .communityposttoolbar > .menu > menuitem > button, .communityposttoolbar > .menu > menuitem > .popup > button {
  color: #000;
  font-size: 17px;
}

.communityuseravatar .mdi-check-circle {
  top: -7px;
  right: -7px;
}

html.lt body a.hashtag {
  color: rgb(var(--primary-background-color));
}
html.lt body a.attag {
  color: rgb(var(--primary-background-color));
}

.splash-rotate {
  animation: spin 5s linear infinite;
}

.splash-scale {
  animation: scale 2s linear infinite;
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes scale {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
