@media only screen and (max-width: 768px) { .testo_tommasograsso{ font-family: 'montserrat'; font-size: 15px; line-height: 1.5; letter-spacing: 0.02em; color: #000000; margin-top:100px; margin-bottom:0px; text-align:justify; } .spazio-bianco3{ height: 300px!important} .spazio-bianco4{ height: 200px!important} } .container.pb-5.position-relative.pt-5.secondobloccocentrale { text-align: center; max-width: 1200px; margin: 0 auto; margin-top:150px!important; } .footer-bar { position: fixed; bottom: 0; left: 0; right: 0; z-index: 98; background-color: #ffffffc2; box-shadow: 0px -2px 20px 11px rgba(0, 0, 0, 0.06); min-height: 60px; display: flex; justify-content: center; align-items: center; text-align: center; transition: all 350ms ease; padding: 0 8px; margin-bottom:-50px!important; } .floating-wpp { position: fixed; bottom: 120px!important; left: 15px; font-size: 14px; transition: bottom .2s; } /*Menù del Menù*/ body { background: #ffffff!important; } /*CSS Pietro*/ @font-face { font-family: 'supreme-bold'; src: url('assets/fonts/SupremeLL-BoldFlat.woff2') format('woff2'), url('//www.pscdn.it/file/133/24/09/supremell-boldflat-8e20c.woff') format('woff'); font-style: normal; font-display: block; } @font-face { font-family: 'supreme-regular'; src: url('assets/fonts/SupremeLL-Regular.woff2') format('woff2'), url('//www.pscdn.it/file/133/24/09/supremell-regular-c71e1.woff') format('woff'); font-style: normal; font-display: block; } @font-face { font-family: 'supreme-light'; src: url('assets/fonts/SupremeLL-Light.woff2') format('woff2'), url('//www.pscdn.it/file/133/24/09/supremell-light-34c89.woff') format('woff'); font-style: normal; font-display: block; } body { font-family: "supreme-light", 'Montserrat'; } p { font-family: "supreme-light", 'Montserrat'!important; letter-spacing: .75px!important; font-size: 1.1rem!Important; } /*16/09/2024*/ .spazio-bianco { height: 0px; } .spazio-bianco-cellar { height:0px; } .spazio-bianco-contatti { height: 0px; } .container.pb-5.position-relative.pt-5.terzobloccocentrale { text-align: center; max-width: 1200px; margin: 0 auto; } /*Padding Sezioni*/ #section-OkDtRKIu { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 400px; padding-right: 00px; padding-bottom: 400px!important; padding-left: 00px; } #section-primaristorante { padding-top: 800px; padding-bottom: 00px!important; padding-right: 00px; padding-left: 00px; margin-bottom:200px} #section-ultimachisiamo { padding-top: 800px; padding-bottom: 0px!important; padding-right: 0px; padding-left: 0px; } #section-secondaristorante { padding-top: 800px!important; padding-bottom: 0px!important; padding-right: 0px; padding-left: 0px; } section .background-container { position: absolute; top: 0; left: 0; z-index: -2; width: 100%; height: 800px!important; /*Cambia qui*/ overflow: hidden; } #section-hueJJwpP { padding-top: 800px!important; /*Cambia qui*/ padding-right: 0px!important; padding-bottom: 0px!important; padding-left: 0px!important; } #section-hueJJwpP > .container.pb-5.position-relative.pt-5 { padding-top:00px!important; padding-right: 0px!important; padding-bottom: 0px!important; padding-left: 0px!important; } #section-staffheader{ padding-top: 800px!important; /*Cambia qui*/ padding-right: 100px!important; padding-bottom: 100px!important; padding-left: 100px!important; } @media only screen and (max-width: 768px) { .container.pb-5.position-relative.pt-5.primobloccocentrale { text-align: center; max-width: 1200px; margin: 0 auto; margin-top: 150px!important; } section .background-container { position: absolute; top: 0; left: 0; z-index: -2; width: 100%; height: 800px!important; overflow: hidden; } .container.pb-5.position-relative.pt-5.secondobloccocentrale { text-align: center; max-width: 1200px; margin-top: 200px !important; margin-bottom: 0px; } .testo_terzoblocco { font-family: 'montserrat'; font-size: 15px; line-height: 1.5; letter-spacing: 0.02em; color: #000000; margin-top: 150px!important; /*Cambia qui*/} .btn-cellar { margin-bottom: 100px!important; } .btn-restaurant { margin-top:20px!important; } .container.pb-5.position-relative.pt-5.primotesto_ristorante { margin-top: 100px!important; } .spazio-bianco { height: 100px; } .spazio-bianco-cellar { height: 150px; } .spazio-bianco-contatti { height: 100px; } } .topbar-bar { display: none!important; } /*Selettore della Lingua*/ .language-btn, .language-list-option, .language-list-option:hover, .topbar-text, .topbar-text:focus, .topbar-text:hover { text-decoration: none; font-size: 14px; line-height: 27px; font-weight: var(--body-font-weight); color: var(--element-text-color, #fff); color: black !important; } /*Css Header*/ header { position: fixed; top: 0; width: 100%; background-color: #ffffffed !important; backdrop-filter: blur(5px); display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; z-index: 1000; padding-top: 25px !important; padding-bottom: 20px !important; padding-left: 20px !important; padding-right: 20px !important; } .site-title { left: 2%; top: 10px; color: #a37e2c !important; position: fixed; transition: top 0.5s, color .55s; font-size: 20px!important; line-height: 1.6; letter-spacing: 0.38em; text-transform: uppercase; margin-bottom: 20px !important; font-family: 'supreme-bold'; font-weight: 300!important; } .site-title:hover{ color: #000!important; } .burger-menu { display: flex; flex-direction: column; justify-content: space-between; width: 30px; height: 20px; cursor: pointer; z-index: 1100; } .burger-menu .line { height: 2px; background-color: #7d6025; border-radius: 2px; z-index: 1000; } .menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color:#fff; justify-content: center; align-items: center; z-index: 1000; transition: all .35s ease-in-out; left: -10000px; display: flex; visibility: hidden; } .close-menu { position: absolute; top: 20px; right: 20px; font-size: 20px; cursor: pointer; } .menu-overlay nav ul { list-style: none; padding: 0; margin: 0; text-align: center; } .menu-overlay nav ul li { margin: 10px 0!important; } .menu-overlay nav ul li a { font-size: 20px!important; color: #000; text-decoration: none; font-weight: 400; } .menu-overlay.active { left: 0; visibility: visible; } .content { padding: 10px!important; } /*header header { position: fixed; top: 0; width: 100%; background-color: #fff !important; display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; z-index: 1000; padding-top: 25px !important; padding-bottom: 20px !important; padding-left: 20px !important; padding-right: 20px !important; } .site-title:hover{ left: 2%; top: 10px; color: #000!important; position: fixed; transition: top 0.5s; font-size: 25px; line-height: 1.6; letter-spacing: 0.38em; text-transform: uppercase; margin-bottom:20px!important; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } .site-title { left: 2%; top: 10px; color: #a37e2c!important; position: fixed; transition: top 0.5s; font-size: 25px; line-height: 1.6; letter-spacing: 0.38em; text-transform: uppercase; margin-bottom:20px!important; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } .burger-menu { display: flex; flex-direction: column; justify-content: space-between; width: 30px; height: 20px; cursor: pointer; z-index: 1100; } .burger-menu .line { height: 3px; background-color: #000; border-radius: 2px; z-index: 1000; } .menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color:#fff; display: none; justify-content: center; align-items: center; z-index: 1000; } .navbar#aTopbar { padding: .3rem; display: none!important; } .close-menu { position: absolute; top: 20px; right: 20px; font-size: 24px; cursor: pointer; } .menu-overlay nav ul { list-style: none; padding: 0; margin: 0; text-align: center; } .menu-overlay nav ul li { margin: 20px 0; } .menu-overlay nav ul li a { font-size: 25px; color: #000; text-decoration: none; font-weight: 400; } .menu-overlay.active { display: flex; } .content { padding: 20px; }*/ /*Suite*/ @media only screen and (max-width: 768px) { .testo_secondoblocco { font-family: 'montserrat'; font-size: 15px; line-height: 1.5; letter-spacing: 0.02em; margin-bottom:50px; margin-top:0px; color: #000000; } #section-ultimasuite { padding-top: 100px!important; padding-right: 0px!important; padding-bottom: 0px!important; padding-left: 0px!important; width: calc(100%); max-width: 100%; / box-sizing: border-box; margin-bottom:400px!important; } } /*Animazioni About Us*/ @keyframes fadeInLeft { from { opacity: 0; transform: translateX(-50px); } to { opacity: 1; transform: translateX(0); } } .square-image { opacity: 0; transform: translateX(-50px); transition: all 0.5s ease-out; } .square-image.visible { animation: fadeInLeft 0.5s ease-out forwards; } #section-ultimachisiamo { opacity: 0; transform: translateX(-50px); transition: all 0.5s ease-out; } #section-ultimachisiamo.visible { animation: fadeInLeft 0.5s ease-out forwards; } #section-ultimasuite { opacity: 0; transform: translateX(-50px); transition: all 0.5s ease-out; margin-bottom:800px!important; } #section-ultimasuite.visible { animation: fadeInLeft 0.5s ease-out forwards; } /*Animazioni Primo Slider Homepage e Section-secondaristorante*/ #section-OkDtRKIu { opacity: 0; position: relative; animation: fadeIn 1s ease-in-out forwards; } @keyframes fadeIn { to { opacity: 1; } } .btn-book{ position: relative; z-index: 10; } /*Animazioni slider #hueJJwpP*/ #section-hueJJwpP { transform: scale(0.9); opacity: 0.5; transition: transform 0.6s ease-out, opacity 0.6s ease-out; } #section-hueJJwpP.scaled { transform: scale(1); opacity: 1; } #section-secondaristorante{ transform: scale(0.9); opacity: 0.5; transition: transform 0.6s ease-out, opacity 0.6s ease-out; } #section-secondaristorante.scaled { transform: scale(1); opacity: 1; } #section-primaristorante{ transform: scale(0.9); opacity: 0.5; transition: transform 0.6s ease-out, opacity 0.6s ease-out; } #section-primaristorante.scaled { transform: scale(1); opacity: 1; } /*Bottone Border Radius con Animazione*/ .btn:hover { border-radius: 0px; background-color: #fff!important; color:#000!important; } .btn:hover { border-radius: 0px; background-color: #2980b9; } /*Css Persone*/ .testo_tommasograsso{ font-family: 'montserrat'; font-size: 15px; line-height: 1.5; letter-spacing: 0.02em; color: #000000; margin-top:0px; margin-bottom:0px; text-align:justify; } .container.pb-5.position-relative.pt-5.ultimoblocco_prefooter { margin-bottom:300px!important; max-width: 1200px; margin: 0 auto; } /*Sticky*/ .sticky-header { display:none!important; } .btn-book { display: inline-block; margin-top:-200px!important; margin-left:50px!important; padding: 15px 25px 15px 25px; border-radius: 1px; background-color: #111111; font-family: 'montserrat'; font-size: 15px; line-height: 1; letter-spacing: 0.15em; text-transform: uppercase; color: white; border-color:black; } #section-hueJJwpP { margin-top:-25px!important; } .container.pb-5.position-relative.pt-5.primobloccocentrale { text-align: center; max-width: 1200px; margin: 0 auto; } .testo_primoblocco { font-family: 'montserrat'; font-size: 15px; line-height: 1.5; letter-spacing: 0.02em; color: #000000; margin-top:30px; margin-bottom:20px; } .testo_secondoblocco { font-family: 'montserrat'; font-size: 15px; line-height: 1.5; letter-spacing: 0.02em; margin-bottom:50px; margin-top:100px; color: #000000; } .btn-restaurant { display: inline-block; padding: 15px 25px 15px 25px; border-radius: 1px; background-color: #111111; font-family: 'montserrat'; font-size: 15px; line-height: 1; letter-spacing: 0.15em; text-transform: uppercase; color: white; border-color:black; } .container.pb-5.position-relative.pt-5.secondobloccocentrale { text-align: center; max-width: 1200px; margin: 0 auto; } .testo_primoblocco { font-family: 'montserrat'; font-size: 15px; line-height: 1.5; letter-spacing: 0.02em; color: #000000; } .btn-menu { display: inline-block; padding: 15px 25px 15px 25px; border-radius: 1px; background-color: #111111; font-family: 'montserrat'; font-size: 15px; line-height: 1; letter-spacing: 0.15em; text-transform: uppercase; color: white; border-color:black; margin-bottom:100px; } .btn-cellar { display: inline-block; padding: 15px 25px 15px 25px; border-radius: 1px; background-color: #111111; font-family: 'montserrat'; font-size: 15px; line-height: 1; letter-spacing: 0.15em; text-transform: uppercase; color: white; border-color:black; margin-bottom:70px; margin-top:30px; } .testo_terzoblocco { font-family: 'montserrat'; font-size: 15px; line-height: 1.5; letter-spacing: 0.02em; color: #000000; margin-top:40px; } .footer-top { padding: 95px 0 100px; display: none; } .footer-text.copyright { font-size: 12px; margin-top: 1.5rem; margin-bottom: .5rem; display: none; } .overflow-hidden { overflow: hidden!important; display: none; } .footer-style-2 .footer-bottom { background-color: white; color: black; padding: 10px 0; text-align: center; } .footer-style-2 .footer-bottom .footer-social { margin-bottom: 15px; } .footer-style-2 .footer-bottom .footer-social a { color: black; text-decoration: none; margin: 0 15px; font-weight: bold; text-transform: uppercase; } .footer-style-2 .footer-bottom .footer-info ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; flex-wrap: wrap; } .footer-style-2 .footer-bottom .footer-info ul li { margin: 0 20px; } .footer-style-2 .footer-bottom .footer-info ul li a { color: black; text-decoration: none; font-size:12px; } .footer-style-2 .footer-bottom .footer-info ul li a:hover { text-decoration: underline; } .footer-style-2 .footer-bottom .footer-info { color: black; text-decoration: none; font-size:12px; } .footer-style-2 .footer-bottom { border-top: 1px solid #ffffff; margin-bottom:20px; } .btn-golden { display: inline-block; padding: 15px 25px 15px 25px; border-radius: 1px; background-color: #111111; font-family: 'montserrat'; font-size: 15px; line-height: 1; letter-spacing: 0.15em; text-transform: uppercase; color: white; border-color:black; margin-bottom:180px; margin-top:30px; } @media only screen and (max-width: 768px) { #section-OkDtRKIu { padding-top: 400px!important; padding-right: 0px!important; padding-bottom: 200px!important; padding-left: 0px!important; width: calc(100%); max-width: 100%; / box-sizing: border-box; } } html, body { overflow-x: hidden; } @media only screen and (max-width: 768px) { #section-hueJJwpP { padding-top: 100px!important; padding-right: 0px!important; padding-bottom: 100px!important; padding-left: 0px!important; width: calc(100%); max-width: 100%; / box-sizing: border-box; } } #section-BueUbIND { padding-top: 150px!important; padding-right: 0px!important; padding-bottom: 0px!important; padding-left: 0px!important; width: calc(100%); max-width: 100%; / box-sizing: border-box; } .foto-homepage { padding-top: 150px!important; padding-right: 0px!important; padding-bottom: 0px!important; padding-left: 0px!important; width: calc(100%); max-width: 100%; / box-sizing: border-box; } } /*ristorante*/ @media only screen and (max-width: 768px) { #section-primaristorante { padding-top: 150px!important; padding-right: 0px!important; padding-bottom: 150px!important; padding-left: 0px!important; width: calc(100%); max-width: 100%; / box-sizing: border-box; } #section-secondaristorante { padding-top: 250px!important; padding-right: 0px!important; padding-bottom: 50px!important; padding-left: 0px!important; width: calc(100%); max-width: 100%; / box-sizing: border-box; } } .container.pb-5.position-relative.pt-5.primotesto_ristorante { text-align: center; max-width: 1200px; margin-top: 0px; } #firmapiccola { font-family: 'montserrat'; font-size: 12px; line-height: 1.5; letter-spacing: 0.02em; color: #000000; } .testo_ultimoblocco_chef { font-family: 'montserrat'; font-size: 15px; line-height: 1.5; letter-spacing: 0.02em; color: #000000; margin-top:30px; margin-bottom:20px; } .menu-container { width: 100%; box-sizing: border-box; border-bottom: 1px solid #d3d3d3!important; } .menu-container1 { width: 100%; box-sizing: border-box; border-top: 1px solid #d3d3d3!important; border-bottom: 1px solid #d3d3d3!important; } .menu_cucina { display: block; width: 100%; padding: 15px 0px 15px 0px; text-decoration: none; color: #000; text-align: center; } .menu_cucina:hover { text-decoration: underline; } .button-container { text-align: center; margin-top:30px!important; margin-bottom:70px!important; } .bloccomenu_cucina { padding-top: 20px!important; padding-right: 0px!important; padding-bottom: 20px!important; padding-left: 0px!important; width: calc(100%); max-width: 100%; / box-sizing: border-box; } #testo-chef { font-family: 'montserrat'; font-size: 15px; line-height: 1.5; letter-spacing: 0.02em; color: #000000; margin-top:-30px; margin-bottom:50px; } .testo_ourtasting { font-family: 'montserrat'; font-size: 18px; line-height: 1.5; letter-spacing: 0.02em; color: #000000; margin-top:0px; margin-bottom:0px; font-weight:600!important; letter-spacing:2px!important; } .testo_winetasting { font-family: 'montserrat'; font-size: 18px; line-height: 1.5; letter-spacing: 0.02em; color: #000000; margin-top:0px; margin-bottom:0px; font-weight:400!important; } .blocco-tasting { width: 100%; box-sizing: border-box; border-bottom: 1px solid #d3d3d3!important; text-align: center; max-width: 1200px; margin: 0 auto; padding:0px; } .container.pb-5.position-relative.pt-5.blocco_ourtasting { text-align: center; max-width: 1200px; margin: 0 auto; padding:30px; border-bottom: 1px solid #d3d3d3!important; } .container.pb-5.position-relative.pt-5.bloccowinetasting { text-align: center; max-width: 1200px; margin: 0 auto; padding:30px; } .testo_bloccowinetasting { font-family: 'montserrat'; font-size: 15px; line-height: 1.5; letter-spacing: 0.02em; color: #000000; } .menu-container-cantina { width: 100%; box-sizing: border-box; border-bottom: 1px solid #d3d3d3!important; margin-bottom:50px!important; } .testo_primoblocco_cantina{ font-family: 'montserrat'; font-size: 15px; line-height: 1.5; letter-spacing: 0.02em; color: #000000; margin-top:0px; margin-bottom:0px; } #section-ultima-suite{ margin-bottom:300px!important; padding-left: 0px!important; width: calc(100%); max-width: 100%; / box-sizing: border-box; } .btn-suite { display: inline-block; padding: 15px 25px 15px 25px; border-radius: 1px; background-color: #111111; font-family: 'montserrat'; font-size: 15px; line-height: 1; letter-spacing: 0.15em; text-transform: uppercase; color: white; border-color:black; margin-bottom:0px; } /*Eventi*/ .testo_primoblocco_eventi{ font-family: 'montserrat'; font-size: 15px; line-height: 1.5; letter-spacing: 0.02em; color: #000000; margin-top:50px; margin-bottom:50px; } #menu-containereventi { width: 100%; box-sizing: border-box; border-bottom: 1px solid #d3d3d3!important; border-top: 1px solid #d3d3d3!important; margin-bottom:50px!important; } #menu-containereventi2 { width: 100%; box-sizing: border-box; border-top: 1px solid #d3d3d3!important; border-bottom: 1px solid #d3d3d3!important; margin-bottom:300px!important; } /*Chi Siamo*/ @media only screen and (max-width: 768px) { #section-ultimachisiamo { margin-bottom:300px!important; padding-top: 100px!important; padding-right: 0px!important; padding-bottom: 100px!important; padding-left: 0px!important; width: calc(100%); max-width: 100%; / box-sizing: border-box; } } #section-ultimachisiamo { margin-bottom:500px; } .container_chisiamo { display: flex; justify-content: space-between; width: calc(100%); max-width: 100%; } .column { flex: 1; text-align: center; padding: 10px; } .square-image { width: 100%; max-width: 600px; aspect-ratio: 1/1; object-fit: cover; } @media screen and (max-width: 768px) { .container_chisiamo { flex-direction: column; align-items: center; } .column { width: 100%; padding: 20px 0; } .square-image { max-width: 80%; } } /*Contatti*/ #ultima_contatti { margin-bottom:300px; } #menu-containercontatti2 { width: 100%; box-sizing: border-box; border-bottom: 1px solid #d3d3d3!important; margin-bottom:50px!important; margin-top:50px!important; } #menu-containercontatti3 { width: 100%; box-sizing: border-box; border-bottom: 1px solid #d3d3d3!important; margin-bottom:300px!important; margin-top:50px!important; } .testo_chef { margin-bottom:300px!important; } .menu_cucina2 { display: block; width: 100%; padding: 15px 0px 15px 0px; text-decoration: none; color: #000; text-align: center; } #menu-containercontatti { width: 100%; box-sizing: border-box; border-bottom: 1px solid #d3d3d3!important; margin-top:50px; margin-bottom:50px!important; } iframe { height: 100vh!important}