/*!********************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/scss/frontend.scss ***! \********************************************************************************************************************/ @charset "UTF-8"; /*** The new CSS reset - version 1.8.4 (last updated 14.2.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } @font-face { font-family: "Suisse Int'l"; src: url(.././build/fonts/54d9af698fe1d7efe2eb.eot); src: url(.././build/fonts/54d9af698fe1d7efe2eb.eot?#iefix) format("embedded-opentype"), url(.././build/fonts/20182bd912f6e2b2aa1f.woff2) format("woff2"), url(.././build/fonts/20405aba0545a02a812c.woff) format("woff"), url(.././build/fonts/372f1b4692c2c11d92b0.ttf) format("truetype"), url(.././build/svg/34505d99d204da571a24.svg#SuisseIntl-LightItalic) format("svg"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Suisse Int'l"; src: url(.././build/fonts/c9880f4d0694f12d6a37.eot); src: url(.././build/fonts/c9880f4d0694f12d6a37.eot?#iefix) format("embedded-opentype"), url(.././build/fonts/30cfddf5e72da6ee44b3.woff2) format("woff2"), url(.././build/fonts/3112a6d41cf87309b9a3.woff) format("woff"), url(.././build/fonts/13c2374894ba01b3d5f5.ttf) format("truetype"), url(.././build/svg/7c47811a8e793a24f0f2.svg#SuisseIntl-Light) format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Suisse Int'l"; src: url(.././build/fonts/9e58de9606ebaf1c7075.eot); src: url(.././build/fonts/9e58de9606ebaf1c7075.eot?#iefix) format("embedded-opentype"), url(.././build/fonts/000988cce3151d88e8cf.woff2) format("woff2"), url(.././build/fonts/47c2722ade884e45548b.woff) format("woff"), url(.././build/fonts/1b9bf08d18aba8de7537.ttf) format("truetype"), url(.././build/svg/3a9a51aa2831c16e80bc.svg#SuisseIntl-Medium) format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Suisse Int'l Mono"; src: url(.././build/fonts/573c8aa1fc299e37bf88.eot); src: url(.././build/fonts/573c8aa1fc299e37bf88.eot?#iefix) format("embedded-opentype"), url(.././build/fonts/58102a622c3a30958bb3.woff2) format("woff2"), url(.././build/fonts/f5ec1d60072cb55f34a6.woff) format("woff"), url(.././build/fonts/e1a1f62b5cc254e26321.ttf) format("truetype"), url(.././build/svg/b22fab89d54e6ed15d97.svg#SuisseIntlMono-Bold) format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Suisse Int'l Mono"; src: url(.././build/fonts/8072a13b3b95a90a16b0.eot); src: url(.././build/fonts/8072a13b3b95a90a16b0.eot?#iefix) format("embedded-opentype"), url(.././build/fonts/56d66b558bbf1aca5b41.woff2) format("woff2"), url(.././build/fonts/05d5c427c59582c62d43.woff) format("woff"), url(.././build/fonts/7d5abcea35ee5d0fd53c.ttf) format("truetype"), url(.././build/svg/821f05fb5860224824fc.svg#SuisseIntlMono) format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "PP Acma"; src: url(.././build/fonts/c54c29ea630641c061a5.eot); src: url(.././build/fonts/c54c29ea630641c061a5.eot?#iefix) format("embedded-opentype"), url(.././build/fonts/a002fd7d032f3034bc82.woff2) format("woff2"), url(.././build/fonts/839a1a5f6ac52bbecacd.woff) format("woff"), url(.././build/fonts/89a8dfe3406c73769f59.ttf) format("truetype"), url(.././build/svg/ebf08af6f7b0b3f224e8.svg#PPAcma-Semibold) format("svg"); font-weight: 600; font-style: normal; font-display: swap; } /**************************************************************** / GLOBAL / Contains utility classes and mixins /****************************************************************/ .bg-cover { background-position: center; background-repeat: no-repeat; background-size: cover; } .bg-contain { background-position: center; background-repeat: no-repeat; background-size: contain; } .center { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; padding: 40px 40px 40px calc(40px + 0dvh); max-height: calc(100dvh - 310px); overflow: auto; background-color: #303030; } .center-up { background-color: #303030; position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; padding: 40px 40px 40px calc(40px + 0dvh); padding-top: 0; margin-top: 40px; overflow: auto; } .on-front { z-index: 200; background-color: transparent; } .initial-note { margin: 15px auto 70px; font-family: "Suisse Int'l Mono", Courier, "Courier New"; font-size: 16.1575757576px; line-height: 19.3890909091px; font-weight: normal; letter-spacing: -0.04em; } .initial-note b, .initial-note strong { font-weight: bold; letter-spacing: -0.03em; } .initial-note b, .initial-note strong { font-family: "Suisse Int'l", "Tebuchet MS", Verdana, sans-serif; font-size: 16.1575757576px; line-height: 20.196969697px; font-weight: 500; } .narrow { width: 450px; margin: 0 auto; } .narrow-big { width: 550px; margin: 0 auto; } .layout-selector ul { display: grid; gap: 40px; } .layout-selector small { display: block; padding-bottom: 0.5em; } .layout-selector--shrink ul { gap: 20px; } .layout-list ul { display: flex; flex-wrap: wrap; gap: 5px 15px; justify-content: center; max-width: min(400px, 100vw - 30px); margin: 0 auto; } .layout-menu { padding-bottom: 40px; } .layout-menu ul { display: grid; gap: 25px; margin: 15px auto; } .layout-menu small { padding-bottom: 12px; } .no-mono { font-family: "Suisse Int'l", "Tebuchet MS", Verdana, sans-serif; font-size: 16.1575757576px; line-height: 20.196969697px; font-weight: 300; } /**************************************************************** / BASE STYLES / Contains TAGS general styling /****************************************************************/ @media (hover: none) and (pointer: coarse) { html { scroll-behavior: smooth; } } body { text-align: center; min-height: 90vh; max-height: 100vh; overflow: hidden; font-family: "Suisse Int'l Mono", Courier, "Courier New"; font-size: 16.1575757576px; line-height: 19.3890909091px; font-weight: normal; letter-spacing: -0.04em; background-color: #303030; color: #fefefe; text-rendering: geometricPrecision; font-smooth: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overscroll-behavior: none; } body b, body strong { font-weight: bold; letter-spacing: -0.03em; } main { padding: 20px max(9%, 20px) 20px calc(max(9%, 20px) + 0dvh); height: 100dvh; } article h2 { padding-bottom: 10px; } article h4, article p { padding-bottom: 2px; } article h5 { padding-top: 2px; } h1 { display: none; } h2 { font-family: "Suisse Int'l", "Tebuchet MS", Verdana, sans-serif; font-size: 28.2757575758px; line-height: 33.9309090909px; font-weight: normal; } h3 { font-family: "Suisse Int'l Mono", Courier, "Courier New"; font-size: 16.1575757576px; line-height: 19.3890909091px; font-weight: normal; letter-spacing: -0.04em; font-weight: bold; letter-spacing: -0.03em; line-height: 1.25; text-decoration: underline; margin: 25px 0; } h3 b, h3 strong { font-weight: bold; letter-spacing: -0.03em; } h4 { font-family: "Suisse Int'l Mono", Courier, "Courier New"; font-weight: bold; font-size: 18.1772727273px; line-height: 21.8127272727px; } h5 { font-family: "Suisse Int'l", "Tebuchet MS", Verdana, sans-serif; font-size: 16.1575757576px; line-height: 20.196969697px; font-weight: 300; } h5.option { font-family: "Suisse Int'l", "Tebuchet MS", Verdana, sans-serif; font-size: 28.2757575758px; line-height: 33.9309090909px; font-weight: normal; } small { font-family: "Suisse Int'l Mono", Courier, "Courier New"; font-size: 12.1181818182px; line-height: 14.5418181818px; font-weight: normal; letter-spacing: 0.1em; } a, a:hover, a:focus { color: inherit; text-decoration: none; } p { font-family: "Suisse Int'l Mono", Courier, "Courier New"; font-size: 16.1575757576px; line-height: 19.3890909091px; font-weight: normal; letter-spacing: -0.04em; margin: 0 auto; max-width: 25em; } p b, p strong { font-weight: bold; letter-spacing: -0.03em; } p a { text-decoration: underline; } p em, p i { font-style: italic; } hr { width: 100%; border-bottom: 1px solid black; margin-bottom: 20px; } .otgs-development-site-front-end { display: none; } .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer { display: none; } /* HEADER *****************************/ header { text-align: center; z-index: 100; position: relative; } #logo-granja, #logo-elena { position: absolute; left: 50%; transform: translateX(-50%); } #logo-granja { height: 30px; top: 20px; } #logo-elena { height: 26px; bottom: 25px; } #close, #back { position: fixed; height: 20px; } #close { right: 20px; top: 20px; } #back { top: 19px; left: calc(15px + 0dvh); } /* ANIMATION ***********/ @keyframes granja { from { top: calc(50% - 150px); } to { top: 25px; } } @keyframes elena { from { bottom: calc(50% - 150px); } to { bottom: 40px; } } @keyframes line { 0% { height: 180px; opacity: 1; } 80% { opacity: 1; } 90% { height: calc(100dvh - 250px); } 100% { opacity: 0; height: calc(100dvh - 250px); } } @keyframes line1 { 0% { height: 210px; top: calc(50% - 100px); } 100% { height: calc(44.6vh - 210px); top: calc(5vh + 50px); } } @keyframes line2 { 0% { height: 210px; bottom: calc(50% - 100px); } 100% { height: calc(44.6vh - 210px); bottom: calc(5vh + 50px); } } @keyframes content { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes content2 { 0% { opacity: 1; } 100% { opacity: 0; } } body.home #logo-granja, body.page-template-page-qr #logo-granja { top: calc(50% - 150px); animation: granja 1.2s 0.5s forwards; } body.home #logo-elena, body.page-template-page-qr #logo-elena { bottom: calc(50% - 150px); animation: elena 1.2s 0.5s forwards; } body.home #line-logo, body.page-template-page-qr #line-logo { position: fixed; width: 2px; height: 180px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: black; animation: line 1.2s 0.5s forwards; } body.home #back, body.home #close, body.page-template-page-qr #back, body.page-template-page-qr #close { display: none; } body.home #line_1, body.home #line_2 { position: fixed; width: 2px; height: calc(36vh - 40px); left: 50%; background: black; /*animation: line 1.2s 0.5s forwards;*/ } body.home #line_1 { height: calc(36vh - 150px); top: calc(50% - 100px); animation: line1 1.2s 0.5s forwards; } body.home #line_2 { height: calc(36vh - 150px); bottom: calc(50% - 100px); animation: line2 1.2s 0.5s forwards; } body.home #line-logo { display: none; opacity: 1 !important; } #search-open, #search-close { cursor: pointer; } .search { max-height: unset !important; height: calc(100dvh - 200px); width: 100%; overflow: hidden; display: grid; align-items: start; padding-top: 15dvh; transition: padding-top 0.5s ease; } .search__wrap { display: grid; justify-items: center; } .search__icon { width: 30px; height: 30px; } .search__form { margin: 40px 20px 0 20px; width: 100%; } .search__results { height: 0; margin-top: 40px; align-content: start; overflow: auto; } .search__close { position: absolute; bottom: 10dvh; left: 50%; transform: translateX(-50%); } .search__close { transition: bottom 0.5s ease; } .search__form { transition: margin 0.5s ease; } .search__results { transition: height 0.5s ease; } .search__results li.hidden { display: none; } .search.hidden { display: none; } .search.active { padding-top: 0; } .search.active .search__form { margin: 30px 20px 0 20px; } .search.active .search__results { height: calc(100dvh - 420px); } .search.active .search__close { bottom: 1vh; } input, input:focus, input.active { outline: 0; -moz-appearance: none; -webkit-appearance: none; width: 100% !important; font-size: 24px; line-height: 1.2; background-color: transparent; border: 0; border-bottom: 1px solid #fefefe; } #no-results.hidden { display: none; } .card-wine h2 { padding-bottom: 5px; } .card-wine h4 { text-transform: uppercase; } .card-distilled h4 { text-transform: uppercase; } #filter-selector-wrap { padding-bottom: 40px; } #filter-selector-wrap a { cursor: pointer; } #isotope-wrap { transition: opacity 0.2s ease; } #isotope-wrap.loading { opacity: 0; pointer-events: none; } .filter-group { opacity: 0; pointer-events: none; overflow: visible; transition: opacity 0.6s ease; margin-top: 20px !important; } .filter-group ul { transition: transform 0.6s ease; transform: translateY(100px); } .filter-group ul a { cursor: pointer; } .filter-group.active { opacity: 1; pointer-events: all; } .filter-group.active ul { transform: none; } .isotope-item { width: 100%; } .isotope-item article { margin: 0 auto; padding-bottom: 35px; } #breadcrumbs { z-index: 20; position: relative; font-family: "Suisse Int'l Mono", Courier, "Courier New"; font-size: 16.1575757576px; line-height: 19.3890909091px; font-weight: normal; letter-spacing: -0.04em; color: #fefefe; margin: 0 auto; max-width: calc(100% - 60px); padding-bottom: 20px; font-size: 0.8rem; } #breadcrumbs b, #breadcrumbs strong { font-weight: bold; letter-spacing: -0.03em; } .s-contact-data p { line-height: 28.2757575758px; } .template-home .layout-selector-logo { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; padding: 40px; max-height: calc(100dvh - 310px); animation: content2 2s 1.5s forwards; } .template-home .layout-selector-logo > img { max-width: 90%; width: 350px; height: auto; } .template-home .layout-selector { opacity: 0; animation: content 2s 2.5s forwards; } .template-home .layout-selector > ul { display: flex; flex-direction: column; align-items: center; margin-bottom: 20px; } .template-home .layout-selector > ul > li { display: flex; flex-direction: column; justify-self: center; width: 250px; max-width: 100%; } .template-home .layout-selector > ul > li > a { border: 1px solid #fefefe; padding: 0.7rem 1.4rem; transition: background-color 0.4s; } .template-home .layout-selector > ul > li > a:hover { background-color: #646363; } .template-home #contact { gap: 45px; margin-bottom: 45px; } .template-home #contact p { font-family: "Suisse Int'l", "Tebuchet MS", Verdana, sans-serif; font-size: 28.2757575758px; line-height: 33.9309090909px; font-weight: normal; } .template-home #social img { margin: 0 2px; } .template-page-carta-select .layout-selector > ul { display: flex; flex-direction: column; align-items: center; margin-bottom: 20px; } .template-page-carta-select .layout-selector > ul > li { display: flex; flex-direction: column; justify-self: center; width: 250px; max-width: 100%; } .template-page-carta-select .layout-selector > ul > li > a { border: 1px solid #fefefe; padding: 1.4rem 1.4rem 1.2rem; transition: background-color 0.4s; } .template-page-carta-select .layout-selector > ul > li > a:hover { background-color: #646363; } .card-dish sup { font-size: 0.6em; position: relative; bottom: 5px; } .page-template-page-menu-selector > header > nav { display: none; } .page-template-page-menu-selector .layout-selector-logo { display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; padding: 40px; max-height: calc(100dvh - 310px); animation: content2 2s 1.5s forwards; } .page-template-page-menu-selector .layout-selector-logo > img { max-width: 90%; width: 350px; height: auto; } .page-template-page-menu-selector .layout-selector { opacity: 0; animation: content 2s 2.5s forwards; } /*# sourceMappingURL=frontend.min.css.map*/