/* =====================================================================
   MAIN.CSS
   Vezerlo fajl: itt csak a betoltesi sorrend es kozponti szervezes van.
   ===================================================================== */

/* 1) Design alapok */
@import url("/static/css/colors.css");
@import url("/static/css/sizes.css");

/* 2) Alap szerkezet */
@import url("/static/css/body.css");
@import url("/static/css/header.css");
@import url("/static/css/footer.css");

/* 3) Interakcios elemek */
@import url("/static/css/buttons.css");
@import url("/static/css/bubbles_counter.css");
@import url("/static/css/labels.css");
@import url("/static/css/inputs.css");
@import url("/static/css/modals.css");

/* 4) Kep es racs megjelenites */
@import url("/static/css/thumbnail.css");
@import url("/static/css/picturecards.css");

/* 5) Specialis / oldalfuggo kiegeszitesek */
@import url("/static/css/specials.css");
@import url("/static/css/profile-preview.css");
@import url("/static/css/lookingfor.css");
@import url("/static/css/map_popup.css");

.brand-mark {
  display: block;
  flex: 0 0 auto;
  filter: sepia(1);
  opacity: 0.82;
}

.brand-mark.is-brand-color-pulse {
  animation: brand-color-pulse 1.85s ease-in-out 1;
}

@keyframes brand-color-pulse {
  0% {
    filter: sepia(1);
    opacity: 0.82;
  }

  44% {
    filter: sepia(0);
    opacity: 1;
  }

  56% {
    filter: sepia(0);
    opacity: 1;
  }

  100% {
    filter: sepia(1);
    opacity: 0.82;
  }
}