/*!********************************************************************************************************************!*\ !*** 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: "Mars Extended"; src: url(.././build/fonts/ac3d28a151b622eb08ad.eot); src: url(.././build/fonts/ac3d28a151b622eb08ad.eot?#iefix) format("embedded-opentype"), url(.././build/fonts/b115ea0ab2462cc48d44.woff2) format("woff2"), url(.././build/fonts/6377775e4a57186f3f0f.woff) format("woff"), url(.././build/fonts/8e5fca11597e89ac392c.ttf) format("truetype"), url(.././build/svg/627f57b46a98bac47c33.svg#MarsExtended-Regular) format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Suisse Intl"; src: url(.././build/fonts/6718b97ef9bfdb3788c1.eot); src: url(.././build/fonts/6718b97ef9bfdb3788c1.eot?#iefix) format("embedded-opentype"), url(.././build/fonts/97284914da6c6502cb27.woff2) format("woff2"), url(.././build/fonts/0739498d71dfcb8d8a98.woff) format("woff"), url(.././build/fonts/febd33c06957e738d77f.ttf) format("truetype"), url(.././build/svg/75b9a4d38515306de741.svg#SuisseIntl-LightItalic) format("svg"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Suisse Intl"; src: url(.././build/fonts/3479d48bc9385beee5a4.eot); src: url(.././build/fonts/3479d48bc9385beee5a4.eot?#iefix) format("embedded-opentype"), url(.././build/fonts/155a33d18e3e5bdd15df.woff2) format("woff2"), url(.././build/fonts/86a77ccdc72d13c326d7.woff) format("woff"), url(.././build/fonts/059d492128ee73bfe7ef.ttf) format("truetype"), url(.././build/svg/4fa8d249d77a27f00c4f.svg#SuisseIntl-Italic) format("svg"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: "Suisse Intl"; src: url(.././build/fonts/82173b0e8bd3360de8f2.eot); src: url(.././build/fonts/82173b0e8bd3360de8f2.eot?#iefix) format("embedded-opentype"), url(.././build/fonts/4a49d65e4ba4bc0da679.woff2) format("woff2"), url(.././build/fonts/bd85f1dd6f8c59711b72.woff) format("woff"), url(.././build/fonts/f569a5c3caefc0948730.ttf) format("truetype"), url(.././build/svg/2e025f12c27dc38ea3e4.svg#SuisseIntl-Medium) format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Founders Grotesk Text"; src: url(.././build/fonts/99d293613fa2919bb5fa.eot); src: url(.././build/fonts/99d293613fa2919bb5fa.eot?#iefix) format("embedded-opentype"), url(.././build/fonts/46abd6299ce93d2b7cef.woff2) format("woff2"), url(.././build/fonts/ff119139a842743060ec.woff) format("woff"), url(.././build/fonts/b9fe5e9aa1ebdc11ee79.ttf) format("truetype"), url(.././build/svg/28a1ed3425bde8c7ac10.svg#FoundersGroteskText-LightItalic) format("svg"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Founders Grotesk Text"; src: url(.././build/fonts/c70641a60650498f35df.eot); src: url(.././build/fonts/c70641a60650498f35df.eot?#iefix) format("embedded-opentype"), url(.././build/fonts/b47057f9ae5f8bbddf79.woff2) format("woff2"), url(.././build/fonts/f7d39e36db9e5e51b155.woff) format("woff"), url(.././build/fonts/ff6f23c4c711b27c88fc.ttf) format("truetype"), url(.././build/svg/4d22a9a7b3000f8d1f1a.svg#FoundersGroteskText-Light) format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Founders Grotesk Text"; src: url(.././build/fonts/9ca5e5ed56993c3d24bf.eot); src: url(.././build/fonts/9ca5e5ed56993c3d24bf.eot?#iefix) format("embedded-opentype"), url(.././build/fonts/23049ad62aaa2509980a.woff2) format("woff2"), url(.././build/fonts/d53d9cfd7911ebe630ff.woff) format("woff"), url(.././build/fonts/d97589b85e9a63f65ece.ttf) format("truetype"), url(.././build/svg/035ff4b67c3fad7b2271.svg#FoundersGroteskText-Medium) format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Founders Grotesk"; src: url(.././build/fonts/b7a7d5a151c050e9cb58.eot); src: url(.././build/fonts/b7a7d5a151c050e9cb58.eot?#iefix) format("embedded-opentype"), url(.././build/fonts/4acf2aa18a6db730afd1.woff2) format("woff2"), url(.././build/fonts/2f8442867705e003e8e5.woff) format("woff"), url(.././build/fonts/e98be04f33b8d22cde42.ttf) format("truetype"), url(.././build/svg/728e43c55cc759c79691.svg#FoundersGrotesk-Regular) format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Founders Grotesk"; src: url(.././build/fonts/7a719617e5d39eb86bca.eot); src: url(.././build/fonts/7a719617e5d39eb86bca.eot?#iefix) format("embedded-opentype"), url(.././build/fonts/f8eb30ed5eb3e981bb9a.woff2) format("woff2"), url(.././build/fonts/1fb346dc8f6e7bf6503b.woff) format("woff"), url(.././build/fonts/aeeadc4dfa67e696b55d.ttf) format("truetype"), url(.././build/svg/203c72df5cf596008057.svg#FoundersGrotesk-Medium) format("svg"); font-weight: 500; font-style: normal; font-display: swap; } /**************************************************************** / GLOBAL / Contains utility classes and mixins /****************************************************************/ .center { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; padding: 40px 9%; max-height: calc(100dvh - 310px); overflow: auto; background-color: rgb(205, 205, 185); } .center-up { background-color: rgb(205, 205, 185); position: absolute; top: 80px; bottom: 80px; left: 50%; transform: translateX(-50%); width: 100%; padding: 40px 9%; overflow: auto; } .on-front { z-index: 200; background-color: transparent; } .spaced { margin: 15px auto 70px; } .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: 5px; } .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: 50px; } .layout-menu ul { display: grid; gap: 25px; margin: 15px auto 25px auto; } .layout-menu small { padding-bottom: 12px; } .bg-cover { background-position: center; background-repeat: no-repeat; background-size: cover; } .bg-contain { background-position: center; background-repeat: no-repeat; background-size: contain; } /**************************************************************** / 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: "Founders Grotesk Text", "Tebuchet MS", Verdana, sans-serif; font-size: 16px; line-height: 1.25; font-weight: 300; background-color: rgb(205, 205, 185); color: black; text-rendering: geometricPrecision; font-smooth: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overscroll-behavior: none; } body b, body strong { font-weight: 500; } main { padding: 70px 20px 80px 20px; height: 100dvh; } article h2 { padding-bottom: 10px; } article h5 { padding-top: 10px; } h1 { display: none; } h2 { font-family: "Mars Extended", "Tebuchet MS", Verdana, sans-serif; font-size: 24px; line-height: 1.2; font-weight: normal; } h3 { font-family: "Founders Grotesk", "Tebuchet MS", Verdana, sans-serif; font-size: 16px; line-height: 1.25; font-weight: 500; text-decoration: underline; color: black; margin: 25px 0; } h4 { font-family: "Founders Grotesk", "Tebuchet MS", Verdana, sans-serif; font-size: 18px; line-height: 1.11; font-weight: 500; } h5 { font-family: "Suisse Intl", "Tebuchet MS", Verdana, sans-serif; font-size: 13.8px; font-weight: 500; } small { font-family: "Founders Grotesk", "Tebuchet MS", Verdana, sans-serif; font-size: 12px; font-weight: normal; line-height: 1.2; } a, a:hover, a:focus { color: inherit; text-decoration: none; } p { font-family: "Founders Grotesk Text", "Tebuchet MS", Verdana, sans-serif; font-size: 16px; line-height: 1.25; font-weight: 300; margin: 0 auto; max-width: 25em; } p b, p strong { font-weight: 500; } p a { text-decoration: underline; } p em, p i { font-style: italic; } .otgs-development-site-front-end { display: none; } .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer { display: none; } /* HEADER *****************************/ header { text-align: center; } #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: 25px; } #close { right: 20px; top: 20px; } #back { top: 19px; left: 20px; } /* 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; } 80% { opacity: 0; } 100% { opacity: 1; } } 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-family: "Founders Grotesk", "Tebuchet MS", Verdana, sans-serif; font-size: 24px; line-height: 1.2; background-color: transparent; border: 0; border-bottom: 1px solid black; } #no-results.hidden { display: none; } .card-wine h2 { padding-bottom: 5px; } .card-wine h4 { text-transform: uppercase; padding-bottom: 0px; } .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 { font-family: "Founders Grotesk Text", "Tebuchet MS", Verdana, sans-serif; font-size: 16px; line-height: 1.25; font-weight: 300; color: #8b8b8b; margin: 0 auto; max-width: min(400px, 100vw - 30px); padding-bottom: 20px; } #breadcrumbs b, #breadcrumbs strong { font-weight: 500; } .template-home .layout-selector { opacity: 0; animation: content 1.2s 0.5s forwards; } .template-home .layout-selector ul { margin-bottom: 20px; } .template-home #contact { gap: 45px; margin-bottom: 45px; } .template-home #contact p { font-family: "Mars Extended", "Tebuchet MS", Verdana, sans-serif; font-size: 24px; line-height: 1.2; font-weight: normal; } .template-home #social img { margin: 0 2px; } /*# sourceMappingURL=frontend.min.css.map*/