/*
Theme Name:  Osteria Vivace
Description:  sito Osteria vivace. Child theme for the Twenty twentyfour theme.
Author:  Studio Perazza
Textdomain:  osteria
Template:  twentytwentyfour
Version:  1.0
License:  GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html                 
*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
}
/** button **/
.up {
  position: fixed;
  bottom: 55px;
  right: 20px;
  border-radius: 50%;
  background: #7c1c25;
  padding: 20px;
  z-index: 11;
  cursor: pointer;
  display: inline-block;
  display: none;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.up-container {
  position: relative;
  top: 0;
  left: 0;
}

.line-arrow1,
.line-arrow2 {
  width: 16px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 6px;
}

.line-arrow1 {
  transform: rotate(-45deg);
  left: -13px;
  top: -3px;
}

.line-arrow2 {
  transform: rotate(45deg);
  left: -3px;
  top: -3px;
}

.up:hover {
  background-color: #333;
  opacity: 0.8;
}

/** header **/

.admin-bar .header {
  margin-top: 32px;
}
/*
header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
  transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}


*/
main {
  margin-top: 0 !important;
}
iframe {
  max-width: 1320px !important;
  width: 100%;
}

footer {
  margin-top: 0 !important;
}
.wp-element-button,
.wp-block-button__link {
  font-size: 16px;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.wp-block-button__link {
  font-size: 16px !important;
}
.wp-element-button:hover,
.wp-block-button__link:hover,
.wp-block-file__button:hover {
  background-color: #7c1c25;
  border: 1px solid #7c1c25;
  border-color: #7c1c25;
  color: #fff;
}

.wp-block-page-list {
  padding-left: 0;
}

.wp-block-pages-list__item::marker {
  color: #fff;
}
.wp-block-pages-list__item__link {
  color: #fff !important;
}

p a {
  text-decoration: underline;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
p a:hover {
  text-decoration: underline;
}

.wp-block-file__button {
  padding: 15px 35px !important;
  font-size: 16px;
  background-color: #333;
  border-color: #333;
  border: 1px solid #333;
}
label {
  color: #333;
}
/** Form di contatto **/
input[type="text"],
input[type="email"],
input[type="search"] {
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #333;
  padding: 15px;
}

textarea {
  width: 100%;
  height: 200px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #333;
  padding: 15px;
  resize: none;
}

.wpcf7-list-item {
  margin-left: 0;
}

input[type="submit"] {
  background-color: var(--wp--preset--color--contrast);
  border-radius: 0.33rem;
  border-color: var(--wp--preset--color--contrast);
  border-width: 0;
  color: var(--wp--preset--color--base);
  font-family: inherit;
  font-size: var(--wp--preset--font-size--small);
  font-style: normal;
  font-weight: 500;
  line-height: inherit;
  padding-top: 0.6rem;
  padding-right: 1rem;
  padding-bottom: 0.6rem;
  padding-left: 1rem;
  text-decoration: none;
}
/** remove asterisc **/

.is-style-asterisk:before {
  display: none;
}

.fixed-header .header {
  -webkit-box-shadow: 0px 5px 9px -7px #000000;
  box-shadow: 0px 5px 9px -7px #000000;
}

.header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}

.header a {
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.header .header__container {
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.current-menu-item {
  text-decoration: underline;
 
}

.yoast-breadcrumbs {
  padding-top: 10px;
  width:100%;
  max-width:1320px!important;
  margin: 0 auto;
}
.yoast-breadcrumbs span {
  display: flex;
  color: #333;
  font-size: 14px;
}
.yoast-breadcrumbs p,
.yoast-breadcrumbs a {
  display: flex;
  justify-content: center;
  color: #333;
  width: 100%;
  font-size: 14px;
  font-weight: 300;
}
.yoast-breadcrumbs a {
  margin-right: 5px;
}
.yoast-breadcrumbs .breadcrumb_last {
  margin-left: 5px;
}
/* -------------------------------------- */
/* ! OBSERVER */
/* -------------------------------------- */
.fade-down {
  transform: translateY(-40px);
  opacity: 0;
  transition: 1s all ease;
}

.fade-down.in-page {
  transform: translateY(0);
  opacity: 1;
}

.fade-down1 {
  transform: translateY(-40px);
  opacity: 0;
  transition: 2s all ease;
}

.fade-down1.in-page {
  transform: translateY(0);
  opacity: 1;
}

.fade-down2 {
  transform: translateY(-40px);
  opacity: 0;
  transition: 3s all ease;
}

.fade-down2.in-page {
  transform: translateY(0);
  opacity: 1;
}

.fade-in {
  transform: translateY(40px);
  opacity: 0;
  transition: 1s all ease;
}

.fade-in.in-page {
  transform: translateY(0);
  opacity: 1;
}

.fade-in1 {
  transform: translateY(40px);
  opacity: 0;
  transition: 2s all ease;
}

.fade-in1.in-page {
  transform: translateY(0);
  opacity: 1;
}

.fade-in2 {
  transform: translateY(40px);
  opacity: 0;
  transition: 3s all ease;
}

.fade-in2.in-page {
  transform: translateY(0);
  opacity: 1;
}

.square-left.in-page {
  top: 6%;
  right: 6%;
  opacity: 1;
  visibility: visible;
}

.square-right.in-page {
  top: 6%;
  left: 6%;
  opacity: 1;
  visibility: visible;
}

.fixed-header .fade-out {
  opacity: 0;
  visibility: hidden;
}

.fade-left {
  opacity: 0;
  transform: translateX(-70px);
  transition: all 3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.fade-left.in-page {
  opacity: 1;
  transform: translateX(0);
}

.fade-right {
  opacity: 0;
  transform: translateX(70px);
  transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.fade-right.in-page {
  opacity: 1;
  transform: translateX(0);
}
@media (max-width: 1320px) {
  .wp-block-navigation__responsive-container
    .wp-block-navigation__responsive-container-content {
    height: 100vh;
    display: flex;
    align-items: center;
  }

  .wp-block-navigation-item__label {
    font-size: 28px !important;
  }

  .wp-block-navigation__container {
    height: fit-content;
    justify-content: center !important;
  }

  .wp-block-navigation__responsive-container-open {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .wp-block-navigation__responsive-container-close svg,
  .wp-block-navigation__responsive-container-open svg {
    width: 35px;
    height: 35px;
  }
}

.nextend-shadow-image {
  display: none!important;
}
/* Change the WordPress default css to a 1023px media query */
@media (min-width: 1320px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none !important;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
      .is-menu-open
    ) {
    display: block !important;
    width: 100%;
    position: relative;
    z-index: auto;
    background-color: inherit;
  }
}
/* Remove the WordPress default for 600px */
@media (min-width: 600px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
      .is-menu-open
    ) {
    display: none;
  }

  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    padding: 30px 0 !important;
  }
}
/* Remove the WordPress default for 600px */
@media (max-width: 600px) {
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    padding: 30px 0 !important;
  }
}