/*
xs: 576px,
sm: 768px,
md: 992px,
lg: 1200px
*/
/*
Theme Name: Fortemare
Theme URI: 
Author: Marcello Costa
Author URI: https://da72a300.it
Text Domain: fortemare
Version: 1.0
*/
body {
  font-size: var(--text-base);
  font-family: var(--font-primary);
  line-height: var(--base-line-height);
  scroll-behavior: smooth;
  /*background: var(--red);*/
  color: var(--white);
  transition: background-image 60s linear; /* Smooth transition over 1 minute */
  background-size: cover; /* Ensure gradient covers the entire body */
}
@media print {
  body {
    font-size: var(--text-xs);
    margin: calc(var(--spacer) * 2);
  }
}

* {
  box-sizing: border-box;
}

/*  Commons */
a {
  color: var(--red);
  cursor: pointer;
}
a:hover {
  text-decoration: none;
}
a:focus {
  outline: 2px dotted;
  outline-offset: 2px;
  outline-color: var(--white);
}

.a-string {
  color: var(--red);
  text-decoration: underline;
}
.a-string:hover {
  text-decoration: underline;
}

*:focus {
  outline: 1px dotted;
  outline-offset: 2px;
  outline-color: var(--black);
}

.sr-only {
  position: absolute;
  margin: -1px 0 0 -1px;
  padding: 0;
  display: block;
  width: 1px;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  outline: 0;
  font-family: var(--font-secondary);
  background: var(--blue);
  color: var(--white);
  border-radius: 50px;
}