/*
Theme Name: Ristorante Alfredo Firenze - Twenty Twenty-Five child them
Theme URI: https://essedicom.com
Author: essedicom
Author URI: https://essedicom.com
Description: Twenty Twenty-Five child theme.
Template: twentytwentyfive
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0.0
Text Domain: alfredo
*/

:root {
  --color-primary: #c00;
}

.fc-media-screen {
  width: 98vw !important;
  margin: auto;
}

/* [class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts 
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} */
a.icon-phone:before,
a.icon-instagram:before,
a.icon-facebook-square:before,
a.icon-tiktok:before,
a.icon-mail:before {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a[class*=" icon-"],
a[class^="icon-"] {
  display: inline-block;
  overflow: hidden;
  width: 1.25rem;
}
a[class*=" icon-"]:hover,
a[class^="icon-"]:hover {
  color: var(--color-primary);
}
a.icon-mail:before {
  content: "\e904";
}
a.icon-phone:before {
  content: "\e903";
  margin-right: 0.2rem;
}

a.icon-instagram:before {
  content: "\e900";
}
a.icon-facebook-square:before {
  content: "\e901";
}
a.icon-tiktok:before {
  content: "\e902";
}
button {
  font-family: "Avenir LT Std";
}

.notice-error {
  background-color: pink;
  padding: 1px 1rem;
  border-radius: 0.4rem;
  color: darkred;
}

.wp-block-alfredo-links,
.wp-block-block-alfredo {
  display: flex;
  gap: 1rem;
  font-family: var(--your-custom-font);
}

.wp-block-alfredo-links.is-vertical,
.wp-block-block-alfredo.is-vertical {
  flex-direction: column;
}

.wp-block-alfredo-links.is-horizontal,
.wp-block-block-alfredo.is-horizontal {
  flex-direction: row;
}

.wp-block-alfredo-links .icon {
  margin-right: 0.5em;
}

header::after {
  content: "";
  position: absolute;
  background-image: url(./assets/img/logo-alfredo-ristorante.png);
  width: 100px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 6rem;
  left: 6rem;
  @media (max-width: 1024px) {
    width: 72px;
    height: 72px;
    top: 0.2rem;
    left: 0.2rem;
  }
}

header {
  position: relative;
  border-bottom: 1px solid darkred;
}

@media (max-width: 1024px) {
  header .wp-block-site-title {
    font-size: medium;
    margin-left: 3rem;
  }
}

.wp-block-block-alfredo a {
  text-decoration: none;
}