/*
Theme Name: an7framework
Description: Custom template for WordPress.
Version: 1.4
Author: Andrea Noto
*/

/* Misc
_________________________________________________________________________________________________________________*/

body {margin: 0; background-color: #000;}
body:has(.menu-1.active) {overflow: hidden;}
.full-w {width: 100%; margin: 0 auto;}
.cont-w {max-width: 1200px; margin: 0 auto;}
.clr {clear: both;}
.img-res {max-width: 100%; height: auto;}

h1 {font-family: 'Indie Flower', cursive; font-size: 76px; font-weight: 400; line-height: 1.0; letter-spacing: 0.5px; text-transform: none; text-decoration: none;}
h2 {font-family: 'Indie Flower', cursive; font-size: 56px; font-weight: 400; line-height: 1.0; letter-spacing: 0.5px; text-transform: none; text-decoration: none;}
h3 {font-family: 'Indie Flower', cursive; font-size: 36px; font-weight: 400; line-height: 1.0; letter-spacing: 0.5px; text-transform: none; text-decoration: none;}
h4 {font-family: 'Indie Flower', cursive; font-size: 30px; font-weight: 400; line-height: 1.0; letter-spacing: 0.5px; text-transform: none; text-decoration: none;}
h5 {font-family: 'Indie Flower', cursive; font-size: 26px; font-weight: 400; line-height: 1.2; letter-spacing: 0.5px; text-transform: none; text-decoration: none;}
h6 {font-family: 'Indie Flower', cursive; font-size: 22px; font-weight: 400; line-height: 1.4; letter-spacing: 0.5px; text-transform: none; text-decoration: none;}
p  {font-family: 'Indie Flower', cursive; font-size: 18px; font-weight: 400; line-height: 1.4; letter-spacing: 0.5px; text-transform: none; text-decoration: none;}

a {text-transform: none; text-decoration: none;}
a:hover {text-transform: none; text-decoration: none;}

.button-1 {cursor: pointer; padding: 8px 25px; border-radius: 50px; color: #fff; background: #900000; border: none; font-family: 'Indie Flower', cursive; font-size: 18px; font-weight: 400; letter-spacing: 0.5px; text-align: center;}
.button-1:hover {color: #fff; background: #000; transition: 0.4s;}

.button-2 {cursor: pointer; padding: 8px 25px; border-radius: 50px; color: #fff; background: none; border: 1px solid #fff; font-family: 'Indie Flower', cursive; font-size: 18px; font-weight: 400; letter-spacing: 0.5px; text-align: center;}
.button-2:hover {color: #fff; background: #900000; border: 1px solid #900000; transition: 0.4s;}

.button-3 {cursor: pointer; padding: 8px 25px; border-radius: 50px; color: #fff; background: #34a134; border: none; font-family: 'Indie Flower', cursive; font-size: 18px; font-weight: 400; letter-spacing: 0.5px; text-align: center;}
.button-3:hover {color: #fff; background: #000; transition: 0.4s;}

.button-4 {cursor: pointer; padding: 8px 25px; border-radius: 50px; color: #fff; background: #000; border: 2px solid #eac81e; font-family: 'Indie Flower', cursive; font-size: 18px; font-weight: 400; letter-spacing: 0.5px; text-align: center;}
.button-4:hover {color: #fff; background: #eac81e; transition: 0.4s;}

/* Header
_________________________________________________________________________________________________________________*/

header {position: absolute; background: none;}
header .icons-1 {list-style-type: none; padding: 0; margin: 0; display: flex; justify-content: center; gap: 15px; background: none; margin-bottom: 15px;}
header .icons-1 li a {color: #fff; font-size: 22px;}
header .icons-1 li a:hover {color: #900000; transition: 0.4s;}
header .button-1-xs {cursor: pointer; padding: 7px; border-radius: 50px; color: #fff; background: #900000; border: none; font-family: 'Indie Flower', cursive; font-size: 26px; font-weight: 400; letter-spacing: 0.5px; text-align: center;}
header .button-1-xs:hover {color: #fff; background: #000; transition: 0.4s;}
header .button-1-xs svg {margin: -2px 5px;}
header .logo {display: flex; justify-content: center; margin-top: 30px;}
header .logo img {height: 180px; width: auto;}
header .menu-1 {list-style-type: none; position: fixed; top: 0; left: -100%; width: 100%; height: 100vh; display: flex; flex-direction: column; align-items: center; gap: 25px; padding: 50px 0px; background: #900000; transition: 0.4s;}
header .menu-1 li a {color: #fff; font-family: 'Indie Flower', cursive; font-size: 30px; font-weight: 400; letter-spacing: 0.5px;}
header .menu-1 li a:hover {color: #000; transition: 0.4s;}
header .menu-1.active {left: 0;}
header .menu-1-button {cursor: pointer; display: block; position: absolute; top: 40px; right: 115px; background: #900000; border-radius: 50px; padding: 7px;}
header .menu-1-button.active .bar:nth-child(1) {transform: translateY(11px) rotate(45deg);}
header .menu-1-button.active .bar:nth-child(2) {opacity: 0;}
header .menu-1-button.active .bar:nth-child(3) {transform: translateY(-11px) rotate(-45deg);}
header .menu-1-button .bar {background-color: #fff; display: block; width: 35px; height: 5px; margin: 6px 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

/* Main Content
_________________________________________________________________________________________________________________*/

.intro-1 {background-image: url("img/intro-1.jpg"); background-size: cover; background-position: top center; padding: 350px 0px 80px 0px;}
.intro-1 h1 {color: #fff; text-shadow: 2px 2px #900000; display: flex; justify-content: center; text-align: center; margin-bottom: 60px;}
.intro-1 .button-wrapper {padding: 0; margin: 0; display: flex; justify-content: center; gap: 30px; margin-bottom: 100px;}
.intro-1 .modal-content {text-align: center;}
.intro-1 .modal-content h5 {color: #900000;}
.intro-1 .modal-content svg {font-size: 24px; margin-bottom: 10px;}
.intro-1 .modal-content h6 {font-size: 22px; font-weight: 600;}

.welcome-stg {background-image: url("img/bg-welcome-stg.png"); background-size: cover; background-position: center right; padding: 50px 0px 50px 0px;}
.welcome-stg h2 {color: #fff; text-shadow: 2px 2px #000; text-align: left; margin-bottom: 40px;}
.welcome-stg h6 {color: #fff; text-shadow: 2px 2px #000; ext-align: left; margin-bottom: 40px;}
.welcome-stg h6.cit {color: #fff; text-align: left;}

.welcome-menu {padding: 50px 0px 70px 0px; text-align: center;}
.welcome-menu h2 {color: #fff; text-shadow: 2px 2px #900000; margin-bottom: 10px;}
.welcome-menu img {height: 140px; width: auto;}

.antipasti-fritture {margin-bottom: 70px;}
.antipasti-fritture h2 {color: #fff; text-align: center; text-shadow: 2px 2px #005b00; margin-bottom: 30px;}
.antipasti-fritture .fmp-food-item {pointer-events: none; padding: 15px; border-radius: 0px !important; background: none; border-left: 1px dotted #005b00; border-bottom: 1px dotted #005b00;}
.antipasti-fritture .fmp-food-item .fmp-title h3 {color: #fff; font-size: 28px; text-shadow: 2px 1px #005b00;}
.antipasti-fritture .fmp-food-item .fmp-title .price {color: #fff; font-family: 'Indie Flower', cursive; font-size: 28px; text-shadow: 2px 1px #005b00;}
.antipasti-fritture .fmp-food-item .fmp-body p {color: #fff; font-size: 18px !important;}
.antipasti-fritture .fmp-food-item .fmp-image-wrap {display: inherit; max-width: 100px !important; height: auto !important;}

.pizze-classiche {margin-bottom: 70px;}
.pizze-classiche h2 {color: #fff; text-align: center; text-shadow: 2px 2px #900000;}
.pizze-classiche h5 {color: #fff; text-align: center; margin-bottom: 30px;}
.pizze-classiche h6 {color: #fff; text-align: center; text-shadow: 2px 1px #900000; margin-bottom: 20px;}
.pizze-classiche p.desc {color: #fff; text-align: center; margin: -15px 0px 5px 0px;}
.pizze-classiche .fmp-food-item {pointer-events: none; padding: 15px; border-radius: 0px !important; background: none; border-left: 1px dotted #900000; border-bottom: 1px dotted #900000;}
.pizze-classiche .fmp-food-item .fmp-title h3 {color: #fff; font-size: 28px; text-shadow: 2px 1px #900000;}
.pizze-classiche .fmp-food-item .fmp-title .price {color: #fff; font-family: 'Indie Flower', cursive; font-size: 28px; text-shadow: 2px 1px #900000;}
.pizze-classiche .fmp-food-item .fmp-body p {color: #fff; font-size: 18px !important;}
.pizze-classiche .fmp-food-item .fmp-image-wrap {display: inherit; max-width: 100px !important; height: auto !important;}

.pizze-speciali {margin-bottom: 70px;}
.pizze-speciali h2 {color: #fff; text-align: center; text-shadow: 2px 2px #9b9b00;}
.pizze-speciali h5 {color: #fff; text-align: center; margin-bottom: 30px;}
.pizze-speciali h6 {color: #fff; text-align: center; text-shadow: 2px 1px #9b9b00; margin-bottom: 20px;}
.pizze-speciali p.desc {color: #fff; text-align: center; margin: -15px 0px 5px 0px;}
.pizze-speciali .fmp-food-item {pointer-events: none; padding: 15px; border-radius: 0px !important; background: none; border-left: 1px dotted #9b9b00; border-bottom: 1px dotted #9b9b00;}
.pizze-speciali .fmp-food-item .fmp-title h3 {color: #fff; font-size: 28px; text-shadow: 2px 1px #9b9b00;}
.pizze-speciali .fmp-food-item .fmp-title .price {color: #fff; font-family: 'Indie Flower', cursive; font-size: 28px; text-shadow: 2px 1px #9b9b00;}
.pizze-speciali .fmp-food-item .fmp-body p {color: #fff; font-size: 18px !important;}
.pizze-speciali .fmp-food-item .fmp-image-wrap {display: inherit; max-width: 100px !important; height: auto !important;}

.desserts {margin-bottom: 70px;}
.desserts h2 {color: #fff; text-align: center; text-shadow: 2px 2px #d78600; margin-bottom: 30px;}
.desserts .fmp-food-item {pointer-events: none; padding: 15px; border-radius: 0px !important; background: none; border-left: 1px dotted #d78600; border-bottom: 1px dotted #d78600;}
.desserts .fmp-food-item .fmp-title h3 {color: #fff; font-size: 28px; text-shadow: 2px 1px #d78600;}
.desserts .fmp-food-item .fmp-title .price {color: #fff; font-family: 'Indie Flower', cursive; font-size: 28px; text-shadow: 2px 1px #d78600;}
.desserts .fmp-food-item .fmp-body p {color: #fff; font-size: 18px !important;}
.desserts .fmp-food-item .fmp-image-wrap {display: inherit; max-width: 100px !important; height: auto !important;}

.bevande {margin-bottom: 70px;}
.bevande h2 {color: #fff; text-align: center; text-shadow: 2px 2px #00a4a4; margin-bottom: 30px;}
.bevande .fmp-food-item {pointer-events: none; padding: 15px; border-radius: 0px !important; background: none; border-left: 1px dotted #00a4a4; border-bottom: 1px dotted #00a4a4;}
.bevande .fmp-food-item .fmp-title h3 {color: #fff; font-size: 28px; text-shadow: 2px 1px #00a4a4;}
.bevande .fmp-food-item .fmp-title .price {color: #fff; font-family: 'Indie Flower', cursive; font-size: 28px; text-shadow: 2px 1px #00a4a4;}
.bevande .fmp-food-item .fmp-body p {color: #fff; font-size: 18px !important;}
.bevande .fmp-food-item .fmp-image-wrap {display: inherit; max-width: 100px !important; height: auto !important;}

.birre {margin-bottom: 70px;}
.birre .video-container {position: relative; width: 100%; height: 60vh; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.birre .bg-video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;}
.birre .video-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 2;}
.birre .video-content {position: relative; z-index: 3; text-align: center;}
.birre h2 {color: #fff; text-align: center; text-shadow: 2px 2px #000; margin-bottom: 10px;}
.birre img {height: 200px; width: auto; margin-bottom: 20px;}

.fmp-wrapper.fmp-container-fluid {overflow: hidden;}

.coperto {margin-bottom: 70px;}
.coperto h4 {color: #fff;}
.coperto h6 {color: #fff;}

.tripadvisor {background: #34a134; padding: 50px 0px 50px 0px;}
.tripadvisor h3 {color: #fff; margin-bottom: 30px;}
.tripadvisor h6 {color: #fff;}
.tripadvisor img {height: 160px; width: auto; display: block; margin: auto;}

.maps .maps1 {padding: 0; margin-bottom: -5px;}

.privacy-policy h2 {color: #900000;}
.privacy-policy h3 {color: #900000;}
.privacy-policy h4 {color: #900000;}
.privacy-policy p {color: #fff;}
.privacy-policy header {display: none;}

.error404 .col-12 {height: 50vh; padding-top: 50px; text-align: center;}
.error404 h1 {color: #fff; padding-bottom: 25px;}
.error404 h4 {color: #900000;}
.error404 header {display: none;}

/* Footer
_________________________________________________________________________________________________________________*/

footer {background-color: #900000;}
footer .block-1 {width: 100%; display: flex; justify-content: center; padding-top: 10px;}
footer .icons-1 {list-style-type: none; padding: 0; margin: 0; display: flex; justify-content: center; gap: 15px; background: none;}
footer .icons-1 li a {color: #fff; font-size: 22px;}
footer .icons-1 li a:hover {color: #000; transition: 0.4s;}
footer .block-2 {width: 100%; display: flex; justify-content: center; padding-top: 20px;}
footer .block-2 img {height: 120px; width: auto;}
footer .block-3 {width: 100%; text-align: center; padding-top: 20px;}
footer .copyright {width: 100%; text-align: center; padding-bottom: 20px;}
footer .copyright p {font-size: 18px;}
footer p {color: #fff; font-size: 18px; font-weight: 400;}
footer a {color: #fff;}
footer a:hover {color: #000; transition: 0.4s;}

/* Tablet Devices
_________________________________________________________________________________________________________________*/

@media (max-width: 992px) {

  h1 {font-size: 46px;}
  h2 {font-size: 36px;}

  .button-1 {padding: 10px 30px; font-size: 17px;}
  .button-2 {padding: 10px 30px; font-size: 17px;}
  .button-3 {padding: 10px 30px; font-size: 17px;}

  header .logo {margin-top: 30px;}
  header .logo img {height: 140px; width: auto;}

  .intro-1 {padding: 280px 0px 0px 0px;}
  .intro-1 h1 {margin-bottom: 40px;}
  .intro-1 .button-wrapper {margin-bottom: 80px;}

  .welcome-stg {background: #900000; padding-bottom: 0px;}
  
}

/* Mobile Devices
_________________________________________________________________________________________________________________*/

@media (max-width: 768px) {

  header .icons-1 {justify-content: center; margin-bottom: 20px;}
  header .button-1-xs {position: absolute; top: -4px; font-size: 20px; background: none;}
  header .button-1-xs:hover {color: #900000; background: none;}
  header .logo {margin-top: 50px;}
  header .menu-1 {padding-top: 100px;}
  header .menu-1-button {top: 15px; right: 15px; background: none;}

  .intro-1 {padding: 250px 0px 0px 0px;}
  .intro-1 .button-wrapper {display: grid;}

  .welcome-menu img {height: 120px; width: auto;}

  .form-1 {display: block; overflow: hidden;}
  .form-1 .wpcf7 {display: flex; justify-content: center;}
  .form-1 .wpcf7 input {max-width: 70% !important;}
  .form-1 .wpcf7 textarea {max-width: 70% !important;}

  footer .block-2 img {height: 100px; width: auto;}

}