/*
Theme Name: Blu Café
Author: LMAO Graphic
Description: Tema leggero e responsive per il sito one-page di Blu Café Gallipoli, compatibile con Elementor Free.
Version: 2.4.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: blu-cafe
*/

:root {
  --blu-ink: #03060c;
  --blu-paper: #dde4ec;
  --blu-accent: #82c5eb;
  --blu-accent-text: #087cff;
  --blu-accent-red: #f20103;
  --blu-blue: #51a5d9;
  --blu-red: #f20103;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  background: var(--blu-ink);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  min-width: 320px;
  margin: 0;
  overflow-x: hidden;
  background: var(--blu-ink);
  color: var(--blu-paper);
  font-family: Georgia, "Times New Roman", serif;
}

body.blu-menu-is-open {
  overflow: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
}

.blu-site-main {
  min-height: 100svh;
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.screen-reader-text:focus {
  z-index: 100000;
  top: 8px;
  left: 8px;
  width: auto;
  height: auto;
  padding: 12px 16px;
  clip: auto;
  color: #03060c;
  background: #dde4ec;
  font-weight: 700;
}