/*
  Theme Name: Naomi
  Theme URI: #
  Author: Gennaro Di Fiandra
  Author URI: #
  Description: A custom WordPress theme
  Version: 1.0.0
  Text Domain: naomi
  Requires at least: 5.9
  Requires PHP: 7.4
  License: GNU General Public License v2 or later
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
/* ================================
  FONTS
 ================================ */
/* prettier-ignore */
@font-face {
  font-family: "Tinos", serif;
  font-style: normal;
  font-weight: 400;
  src: local(""), url("./assets/fonts/tinos-v24-latin-regular.woff2") format("woff2"), url("./assets/fonts/tinos-v24-latin-regular.woff") format("woff");
}
@font-face {
  font-family: "Tinos", serif;
  font-style: italic;
  font-weight: 400;
  src: local(""), url("./assets/fonts/tinos-v24-latin-italic.woff2") format("woff2"), url("./assets/fonts/tinos-v24-latin-italic.woff") format("woff");
}
@font-face {
  font-family: "Tinos", serif;
  font-style: normal;
  font-weight: 700;
  src: local(""), url("./assets/fonts/tinos-v24-latin-700.woff2") format("woff2"), url("./assets/fonts/tinos-v24-latin-700.woff") format("woff");
}
@font-face {
  font-family: "Tinos", serif;
  font-style: italic;
  font-weight: 700;
  src: local(""), url("./assets/fonts/tinos-v24-latin-700italic.woff2") format("woff2"), url("./assets/fonts/tinos-v24-latin-700italic.woff") format("woff");
}
@font-face {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 300;
  src: local(""), url("./assets/fonts/open-sans-v29-latin-300.woff2") format("woff2"), url("./assets/fonts/open-sans-v29-latin-300.woff") format("woff");
}
@font-face {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  src: local(""), url("./assets/fonts/open-sans-v29-latin-regular.woff2") format("woff2"), url("./assets/fonts/open-sans-v29-latin-regular.woff") format("woff");
}
@font-face {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  src: local(""), url("./assets/fonts/open-sans-v29-latin-700.woff2") format("woff2"), url("./assets/fonts/open-sans-v29-latin-700.woff") format("woff");
}
@font-face {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: 300;
  src: local(""), url("./assets/fonts/open-sans-v29-latin-300italic.woff2") format("woff2"), url("./assets/fonts/open-sans-v29-latin-300italic.woff") format("woff");
}
@font-face {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: 400;
  src: local(""), url("./assets/fonts/open-sans-v29-latin-italic.woff2") format("woff2"), url("./assets/fonts/open-sans-v29-latin-italic.woff") format("woff");
}
@font-face {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: 700;
  src: local(""), url("./assets/fonts/open-sans-v29-latin-700italic.woff2") format("woff2"), url("./assets/fonts/open-sans-v29-latin-700italic.woff") format("woff");
}
/* ================================
  NORMALIZE
 ================================ */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
}

html,
body {
  overflow-x: hidden;
  block-size: 100%;
}

a,
input,
textarea {
  color: inherit;
  text-decoration: inherit;
}

/* ================================
  VARIABLES
 ================================ */
:root {
  --c-topmost: #0c5960;
  --c-accent: #ece7e3;
  --c-light: #ffffff;
  --c-light-t: #ffffffbf;
  --c-grey: #7a8f94;
  --c-dark: #000000;
  --c-dark-t: #00000040;
  --c-header: #d8d2c8;
  --f-heading: "Montserrat", sans-serif;
  --f-body: "Montserrat", sans-serif;
  --f-code: monospace;
  --s-base: 1rem;
  --b-xxsmall: 480px;
  --b-xsmall: 600px;
  --b-small: 782px;
  --b-medium: 960px;
  --b-large: 1080px;
  --b-xlarge: 1280px;
  --b-xxlarge: 1440px;
  --transition: all 320ms ease-in-out;
  --shadow: 0 0 calc(var(--s-base) * 4) var(--c-dark-t);
}

/* ================================
  SCROLLBARS
 ================================ */
* {
  scrollbar-color: var(--c-accent) var(--c-light);
}

*::-webkit-scrollbar-track {
  background: var(--c-accent);
}

*::-webkit-scrollbar-thumb {
  background: var(--c-light);
}

* {
  scrollbar-width: thin;
}

*::-webkit-scrollbar {
  inline-size: calc(var(--s-base) / 4);
  block-size: calc(var(--s-base) / 4);
}
body > div {
  display: flex;
  flex-direction: column;
  min-block-size: 100vh;
}

body > div > header {
  max-inline-size: 100%;
  padding-inline: calc(var(--s-base) * 2.5);
  padding-block: var(--s-base);
}

body > div > footer {
  max-inline-size: 100%;
  padding-inline: calc(var(--s-base) * 2.5);
  padding-block: var(--s-base);
}

body > div > main > * {
  inline-size: 100%;
  max-inline-size: var(--b-small);
  padding-inline: calc(var(--s-base) * 2.5);
  margin: 0 auto;
}

body > div > main > .alignwide {
  inline-size: 100%;
  max-inline-size: var(--b-xlarge);
  padding-inline: var(--s-base);
  margin: 0 auto;
}

body > div > main > .alignfull {
  inline-size: 100%;
  max-inline-size: 100%;
  padding-inline: 0;
  border-inline: 0;
  margin-inline: 0;
}
.header-sitewide {
  background-color: var(--c-accent);
}
.header-sitewide .header-sitewide-shell {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: calc(var(--s-base) * 4);
}
.header-sitewide .logo {
  inline-size: auto;
  max-block-size: 5rem;
}
.footer-sitewide {
  margin-block-start: auto;
}
.footer-sitewide .footer-sitewide-shell {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer-sitewide .footenotes {
  font-size: calc(var(--s-base) * 0.85);
  text-align: center;
}
.footer-sitewide .policies {
  padding-inline-start: 0;
  list-style: none;
  font-size: calc(var(--s-base) * 0.85);
}
.menu {
  display: flex;
  gap: calc(var(--s-base) * 2);
  padding-inline-start: 0;
  list-style: none;
}
.menu .menu-item {
  text-decoration: none;
}
@media screen and (max-width: 782px) {
  .menu {
    flex-direction: column;
    gap: var(--s-base);
  }
}

.menu-sitewide {
  text-transform: uppercase;
  color: var(--c-topmost);
}
.menu-sitewide .instagram a {
  display: block;
}
.menu-sitewide .instagram a svg {
  inline-size: calc(var(--s-base) * 1.5);
  block-size: calc(var(--s-base) * 1.5);
  fill: var(--c-topmost);
}
.menu-sitewide .facebook a {
  display: block;
}
.menu-sitewide .facebook a svg {
  inline-size: calc(var(--s-base) * 1.5);
  block-size: calc(var(--s-base) * 1.5);
  fill: var(--c-topmost);
}
.menu-sitewide .menu-item:nth-last-child(2) {
  position: relative;
  left: calc(var(--s-base) * 1.5);
  margin-inline-start: auto;
}
@media screen and (max-width: 782px) {
  .menu-sitewide .menu-item:nth-last-child(2) {
    left: 0;
    margin-inline-start: 0;
  }
}
.menu-sitewide-navigation {
  inline-size: 100%;
}
@media screen and (max-width: 782px) {
  .menu-sitewide-navigation {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9;
    padding-inline-start: var(--s-base);
    padding-inline-end: calc(var(--s-base) * 5);
    padding-block: var(--s-base);
    background-color: var(--c-accent);
    box-shadow: var(--shadow);
  }
  .menu-sitewide-navigation.is-closed {
    right: -125%;
  }
  .menu-sitewide-navigation.is-open {
    right: 0;
    transition: var(--transition);
  }
}

.menu-opener {
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 782px) {
  .menu-opener {
    display: block;
  }
}

.menu-closer {
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 782px) {
  .menu-closer {
    position: absolute;
    right: var(--s-base);
    top: var(--s-base);
    display: block;
  }
}
/* ================================
  CORE
 ================================ */
.wp-block-cover {
  position: relative;
}
@media screen and (max-width: 782px) {
  .wp-block-cover {
    min-block-size: auto !important;
    aspect-ratio: auto 16/9;
  }
}

.wp-block-quote cite {
  display: block;
  font-size: var(--s-base);
  text-align: right;
  color: var(--c-light);
}

/* ================================
  STYLES
 ================================ */
.is-style-lined-heading {
  position: relative;
  padding-inline-start: calc(var(--s-base) * 2);
}
.is-style-lined-heading::before {
  content: "";
  position: absolute;
  left: calc(var(--s-base) * -3);
  top: calc(var(--wp--preset--font-size--large) * var(--wp--custom--line-height--base) / 2);
  inline-size: calc(var(--s-base) * 4);
  block-size: calc(var(--s-base) / 6);
  background-color: var(--c-accent);
}

.is-style-cover-caption {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
}

.is-style-circle-spacer {
  display: flex;
  align-items: center;
  position: relative;
  inline-size: calc(var(--s-base) / 2);
  block-size: calc(var(--s-base) / 2) !important;
  padding: 0;
  border: none;
  border-radius: 100%;
  margin: 0 auto;
  background-color: var(--c-accent);
}
.is-style-circle-spacer::before {
  content: "";
  position: absolute;
  left: calc((var(--s-base) * 6 + var(--s-base)) * -1);
  inline-size: calc(var(--s-base) * 6);
  block-size: calc(var(--s-base) / 8);
  background-color: var(--c-accent);
}
.is-style-circle-spacer::after {
  content: "";
  position: absolute;
  left: calc(var(--s-base) / 2 + var(--s-base));
  inline-size: calc(var(--s-base) * 6);
  block-size: calc(var(--s-base) / 8);
  background-color: var(--c-accent);
}

.is-style-circle-simple-spacer {
  display: flex;
  align-items: center;
  position: relative;
  inline-size: calc(var(--s-base) / 2);
  block-size: calc(var(--s-base) / 2) !important;
  padding: 0;
  border: none;
  border-radius: 100%;
  margin: 0 auto;
  background-color: var(--c-grey);
}
/* ================================
  COVER IMPROVED
 ================================ */
.wp-block-cover-improved {
  overflow: hidden;
  position: relative;
}
.wp-block-cover-improved .wp-block-cover-improved-link {
  display: block;
  position: relative;
  line-height: 0;
}
.wp-block-cover-improved [class*=attachment] {
  max-inline-size: 100%;
  block-size: auto;
  transition: var(--transition);
}
.wp-block-cover-improved .wp-block-cover-improved-details {
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 2rem;
  width: 90%;
  height: 90%;
  transform: translate(5%, 5%);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: center;
  background-color: var(--c-light-t);
  color: var(--c-topmost);
  opacity: 0;
  transition: var(--transition);
}
.wp-block-cover-improved .wp-block-cover-improved-service-opener {
  margin-top: 1rem;
  transition: var(--transition);
}
.wp-block-cover-improved:hover [class*=attachment] {
  transform: scale(1.1);
}
.wp-block-cover-improved:hover .wp-block-cover-improved-details {
  opacity: 1;
}
.wp-block-cover-improved:hover .wp-block-cover-improved-service-opener {
  margin-top: 2rem;
}
/*# sourceMappingURL=interface/styles/style.css.map */

#contatti.wp-block-group { display: flex; flex-direction: column; gap: 1rem; }

.footer-sitewide {
	background-color: var(--c-accent);;
}
.footenotes {
	color: #000;
}