/* Theme Name: Twenty Twenty-Three Theme URI: https://wordpress.org/themes/twentytwentythree Author: the WordPress team Author URI: https://wordpress.org Description: Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself. Requires at least: 6.1 Tested up to: 6.1 Requires PHP: 5.6 Version: 1.0 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html Text Domain: twentytwentythree Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news */ @import url("https://p.typekit.net/p.css?s=1&k=mtm0kmv&ht=tk&f=15556.27841&a=109690323&app=typekit&e=css"); @font-face { font-family:"modesto"; src:url("https://use.typekit.net/af/10cae5/00000000000000007735a03b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/10cae5/00000000000000007735a03b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/10cae5/00000000000000007735a03b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:400;font-stretch:normal; } @font-face { font-family:"modesto"; src:url("https://use.typekit.net/af/870604/00000000000000007735a055/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/870604/00000000000000007735a055/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/870604/00000000000000007735a055/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:700;font-stretch:normal; } .wp-block-cover,.wp-block-cover-image{ position:relative; background-position:50%; min-height:105vh; display:flex; justify-content:center;align-items:center;padding:0; box-sizing:border-box} .wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover-image .has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]),.wp-block-cover .has-background-dim:not([class*=-background-color]){background-color:#000}.wp-block-cover-image .has-background-dim.has-background-gradient,.wp-block-cover .has-background-dim.has-background-gradient{background-color:transparent}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{content:"";background-color:inherit}.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover-image .wp-block-cover__background,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim:not(.has-background-gradient):before,.wp-block-cover .wp-block-cover__background,.wp-block-cover .wp-block-cover__gradient-background{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{opacity:1}.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0{opacity:0}.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10{opacity:.1}.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20{opacity:.2}.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30{opacity:.3}.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40{opacity:.4}.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50{opacity:.5}.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60{opacity:.6}.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70{opacity:.7}.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80{opacity:.8}.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90{opacity:.9}.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:420px;width:100%}.wp-block-cover-image:after,.wp-block-cover:after{display:block;content:"";font-size:0;min-height:inherit}@supports (position:sticky){.wp-block-cover-image:after,.wp-block-cover:after{content:none}}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover-image .wp-block-cover__inner-container,.wp-block-cover .wp-block-cover__inner-container{width:100%;z-index:1;color:#fff}.wp-block-cover-image.is-light .wp-block-cover__inner-container,.wp-block-cover.is-light .wp-block-cover__inner-container{color:#000}.wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color),.wp-block-cover h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color){color:inherit}.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{align-items:flex-start;justify-content:flex-start}.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{align-items:flex-start;justify-content:center}.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{align-items:flex-start;justify-content:flex-end}.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{align-items:center;justify-content:flex-start}.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{align-items:center;justify-content:center}.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{align-items:center;justify-content:flex-end}.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{align-items:flex-end;justify-content:flex-start}.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{align-items:flex-end;justify-content:center}.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{align-items:flex-end;justify-content:flex-end}.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{margin:0;width:auto}.wp-block-cover-image .wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background,.wp-block-cover .wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;outline:none;border:none;box-shadow:none}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:fixed;background-size:cover;background-repeat:no-repeat}@supports (-webkit-overflow-scrolling:touch){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated,.wp-block-cover__image-background.is-repeated,video.wp-block-cover__video-background.is-repeated{background-repeat:repeat;background-size:auto}.wp-block-cover__image-background,.wp-block-cover__video-background{z-index:0}.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{color:#fff}.wp-block-cover-image .wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image .wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{margin-left:0;text-align:left}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{margin-right:0;text-align:right}.wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text,section.wp-block-cover-image>h2{font-size:2em;line-height:1.25;z-index:1;margin-bottom:0;max-width:840px;padding:.44em;text-align:center} /* SPINNAKER HERFRA */ body { background: #FFFFF0 } body.home { background: #FFFFF0 url(https://crodolemonsoda.com/wp-content/uploads/2023/03/plank-background-1.jpg) 0 50vh no-repeat; background-size: 100% auto; } .oranges { background: url(https://crodolemonsoda.com/wp-content/uploads/2023/03/FdC_limonata_lemon-2.png) center center no-repeat; background-size: 50% auto; } .wp-site-blocks { padding-bottom:0!important; } .blankcover { background: #FFF0AD; margin-top:-81px!important; } .full-width-block { width:100%!important; max-width:100%!important } #lb-container { cursor:pointer; position:relative; } .block-video { width:80%; max-height:80%; height:auto; } .close-lightbox { position:absolute; right:50px; top:50px; } .close-lightbox svg { cursor:pointer } #lb-container div { position:absolute; top:0;left:0; width:100%; height:100%; display:flex; align-items: center; justify-content: center; } .videoplaybutton { position:initial!important; width:25% !important; height:auto; z-index:1000 } .wheretobuy { background: #1D1D1B; border-radius: 30px; padding: 30px; } .wheretobuy .flex { display:flex; align-items: start; justify-content: center; flex-direction: column; } .wheretobuy p a::after { content: '➞'; margin-left:5px; } .wheretobuy h2 { color:#FFF0AD } .wheretobuy p, .wheretobuy a { color:#FFFFFF; text-decoration: none; } .wheretobuy .wp-block-columns p { color:#FFF0AD; } .distributor-image { width:120px; display:block; max-width:20vw; margin-bottom:15px; } .top-del { position:absolute;top:40px;left:0; width:100vw; max-width:100vw; display:flex!important; justify-content: center!important; align-items: center!important; } .wp-site-blocks { padding-top: 0!important; } p { font-family: "Friz" !important; } /* BUTTONS */ .btn { background:#1D1D1B; color:#FFF0AD!important; /*padding: 18px 45px!important;*/ padding: 10px; display: inline-flex!important; text-align: center; align-items: center; justify-content: center; border-radius: 30px; font-family: "Friz-bold" !important; font-size:13px!important; height:30px; -webkit-align-items:center; line-height: 13px!important; vertical-align:middle } .wpcf7-form-control.has-spinner.wpcf7-submit { background:#1D1D1B; color:#FFF0AD!important; /*padding: 18px 45px!important;*/ padding: 10px; display: inline-flex!important; text-align: center; align-items: center; justify-content: center; border-radius: 30px; font-family: "Friz-bold"!important; font-size:13px!important; height:30px; -webkit-align-items:center; line-height: 13px!important; vertical-align:middle } .btn, .wpcf7-form-control.has-spinner.wpcf7-submit { text-transform: uppercase; text-decoration: none; } /* BUTTONS END */ /* FORMULAR */ .wp-block-post-excerpt__excerpt, input, textarea { font-family: "Friz"; } textarea { resize: none; } .wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea { width:70%!important; padding:10px!important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } input.wpcf7-form-control { padding:10px; } textarea.wpcf7-form-control { padding:10px; } .wpcf7-not-valid-tip { font-family: "Friz"; color: #c6a913 !important; font-style: italic; } .wpcf7-response-output { font-family: "Friz"; border-color: initial; border: initial!important; background: #FFF0AD; border-radius:20px; margin: 10px 0!important; padding:10px 20px!important; } .wpcf7-form-control { margin-bottom:10px; } .wpcf7-form-control.wpcf7-textarea { height:50px; } /* FORMULAR END */ /* MENUS */ ul.wp-block-navigation__submenu-container * { width: 100%; } ul li.wp-block-navigation-item a, ul li .wp-block-navigation-item__content span, ul li.wp-block-navigation-item svg { color:#fff; text-transform: uppercase; font-size: 100%; font-family: "Friz-bold" } .blankcover ul li.wp-block-navigation-item a, .blankcover ul li .wp-block-navigation-item__content span, .blankcover ul li.wp-block-navigation-item svg { color:#1D1D1B; } ul li.wp-block-navigation-item:last-child span { color:#1D1D1B; padding: 13px 22px; border-radius:25px; text-align: center; background:#fff; font-family: "Friz-bold"; font-size:70%; } ul.wp-block-navigation__submenu-container ul li li.wp-block-navigation-item a, ul li li.wp-block-navigation-item span { padding: 5px!important; font-family: "Friz-bold"; } .wp-block-navigation-item a,.wp-block-navigation-item span { font-size: 100%!important; } ul.wp-block-navigation__submenu-container li .wp-block-navigation-item__content span { text-transform: none; } ul.wp-block-navigation__submenu-container { border-radius: 25px; padding: 20px 15px; background:#fff; position:relative; z-index:3!important; } li.wp-block-navigation-item a:hover, li.wp-block-navigation-item { text-decoration: none; } .wp-block-navigation__responsive-container.has-modal-open { background-color: rgba(255,255,255,0.95)!important } .wp-block-navigation__responsive-container-open { padding:13px; background: #fff; border-radius:8px; opacity:0.8 } .wp-block-navigation__responsive-container.has-modal-open ul, .wp-block-navigation__responsive-container.has-modal-open span, .wp-block-navigation__responsive-container.has-modal-open a, .wp-block-navigation__responsive-container.has-modal-open li { width:100%!important; margin:0!important; padding:0!important; gap:initial!important } /*wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-container-content { width:100%; }*/ .wp-block-navigation__responsive-container.has-modal-open li.wp-block-navigation-item a, .wp-block-navigation__responsive-container.has-modal-open li .wp-block-navigation-item__content span, .wp-block-navigation__responsive-container.has-modal-open li.wp-block-navigation-item svg { text-align:center; color:#1D1D1B; background:none; white-space:nowrap!important; } button.wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle { transform: scale(1.3) translateY(-3px)!important; } .wp-block-navigation__responsive-container.has-modal-open li { margin-bottom:30px!important; } .wp-block-navigation__responsive-container.has-modal-open li li { margin-bottom:10px!important; } .wp-block-navigation__responsive-container.has-modal-open li:last-child .wp-block-navigation-item__content span { color:#fff; } .wp-block-navigation__responsive-container.has-modal-open li li:last-child .wp-block-navigation-item__content span { color:#1D1D1B; } .wp-block-navigation__responsive-container.has-modal-open ul li.wp-block-navigation-item:last-child li { color:#fff; align-items:center!important; } .wp-block-navigation__responsive-container.has-modal-open ul li.wp-block-navigation-item:last-child a { color:#fff!important; padding: 5px 10px 3px; border-radius:15px; background:#1D1D1B; width:80% !important; font-family: "Friz"; margin: 0 auto!important; } .wp-block-navigation__responsive-container.has-modal-open ul ul li.wp-block-navigation-item:last-child a { background: none; } .wp-block-navigation__responsive-container.has-modal-open span, .wp-block-navigation__responsive-container.has-modal-open a { font-size:30px!important; font-family: "Friz-bold" !important; white-space:nowrap; } .wp-block-navigation__responsive-container.has-modal-open li.has-child .wp-block-navigation-item__content span { font-size:22px!important; font-family: "Friz" !important; } .wp-block-navigation__responsive-container.is-menu-open.has-modal-open { display:flex!important; justify-content: center!important; align-items: center!important; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { height:100%; padding-top:0; } .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog { margin-top: 0px; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list { justify-content: center; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { height:60vh } .wp-block-navigation__responsive-container.is-menu-open.has-modal-open .wp-block-navigation__responsive-close { adjust-self: center!important; justify-content: center!important; align-items: center!important; height:100%; } .wp-block-navigation__responsive-container-close { top: 40px; } ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a span { color:#1D1D1B!important; text-align:center!important; } /* MENUS END */ .productimage { border-radius:10px; background: #FFF0AD } .headerwrap { max-width:1200px; margin:0 auto; } /* SWIPERS */ #product-slider.swiper { width: 100%; height: 140%; padding-bottom:50px; } #product-slider .swiper-slide { text-align: center; overflow:visible; } #product-slider .swiper-pagination { bottom:-50px!important; top:initial!important; } #product-slider .swiper-slide img { display: block; height: 50vh; max-height:20vw; width: auto; margin: 0 auto 30px auto; } @media screen and (max-width: 600px) { #product-slider .swiper-slide img { max-height: 70vw; } } .swiper-button-next, .swiper-button-prev { color:#1D1D1B!important; } .swiper-button-prev { left: 0px!important; } .swiper-button-next { right: 0!important; } .heroSwiper .swiper-slide img.wp-block-cover__image-background { width: 100%; position:absolute; top:0; left:0; } .heroSwiper .wp-block-cover__inner-container { /* position:absolute; top:0; left:0;*/ z-index:1000; position:relative; height: 100vh; } .swiper-slide a { text-decoration: none; } .scrolldown { margin-top:20vh } .scrolldown { max-width:85px!important; } .scrolldownwrap { adjust-self: bottom!important } .heroSwiper .absBottom { position:relative; top:-140px;left:0; width:100%; z-index:1000 } .scrolldownwrap { position:relative; } .scrolldown { transition: all .4s ease; -webkit-transition: all .4s ease; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); transform: translateZ(0); position:relative; -webkit-animation: breathing 3s ease-in-out infinite normal; animation: breathing 3s ease-in-out infinite normal; } .scrolldown img { height:100%!important; width:100%!important; cursor:pointer; } #product-slider.mySwiper h2 { font-family:"modesto"; font-size:170%; padding: 0 30px; height:80px; } /* SWIPER END */ /* HERO */ .crodohero { position:relative; } .wp-block-cover__inner-container { /*max-width:1200px;*/ } .inner-top-del { width:1200px; max-width: 85vw; } h1.farveWhite, p.farveWhite { color:#fff!important; } .media-text-wrap { position:relative; height:100vh!important; } .soda-template .crodohero .wp-block-media-text__content h1, .soda-template .crodohero .wp-block-media-text__content p { position:relative; z-index:2; } .wp-block-media-text__content h1, .wp-block-media-text__content p { margin-bottom:0; position:relative; z-index:2; /* color:#fff!important;*/ } .crodohero .wp-block-media-text__media { position:relative; /*max-height:40vh!important;*/ transition: all 300ms ease-in-out; margin-bottom:30px; margin-right:0px; z-index: 1; /*background:yellow;*/ } .crodohero .wp-block-media-text__media img { /*object-fit: contain;*/ vertical-align: bottom; /*background:orange;*/ z-index: 500; } .hero-paragraph { position:absolute; top:30vh; right:50%; width:40% } @media only screen and (min-width: 1000px) { .crodohero figure.wp-block-media-text__media { position: absolute; bottom: 0vh; left: 50%; max-width: 50vw; z-index: 500; height:80vh; max-height:60vh; /*max-width:600px;*/ margin-bottom:2.5vh; /* margin-right:-50px;*/ } .crodohero figure.wp-block-media-text__media.nederstNo { bottom: 10vh; } .crodohero figure.wp-block-media-text__media { max-height:80vh; width:80%; /* it was 50 and 60 */ } .crodohero figure.wp-block-media-text__media img { position:absolute; bottom:0px;left:0; max-height:100%; max-width:100%; min-width:50px; min-height:50px; z-index: 500; width: 100%; height: auto; object-fit:contain } .hero-paragraph { } .hide-mobile {display:none!important;} } @media screen and (max-width: 1000px) { .scrolldownwrap { display:none!important; } .crodohero figure.wp-block-media-text__media { position: absolute; bottom: 1vh; left: 0; width: 100%; text-align: center; /*height:50vh;*/ /*max-height:70vh;*/ margin-bottom:30px; /* margin-right:-50px;*/ } .crodohero figure.wp-block-media-text__media img { height:auto; width:100%; max-width:50vh; margin:0 auto; } .soda-template .crodohero figure.wp-block-media-text__media img { height:auto; /*width:100%;*/ width:auto!important; max-width:65vh; margin:0 auto; max-height: 60vh; } .hero-paragraph { position:absolute; top:12vh; right:10%; width:80%; text-align:center; z-index:100000; } .crodohero .wp-block-media-text h1 { /*font-size: clamp(2.719rem, 2.719rem + ((.8vw - 0.48rem) * 1.742), 3.625rem)!important;*/ } .crodohero .wp-block-media-text h1, .crodohero .wp-block-media-text p { color:#fff!important; position:relative; z-index:200000; } .hide-desktop { display:none!important;} } @media screen and (max-width: 1000px) and (max-height: 800px) { .crodohero figure.wp-block-media-text__media { position: absolute; bottom: 1vh; left: 0; width: 100%; text-align: center; /*height:50vh;*/ /*max-height:70vh;*/ margin-bottom:30px; /* margin-right:-50px;*/ } .crodohero figure.wp-block-media-text__media img { height:auto; width:100%; max-width:50vh; margin:0 auto; } .hero-paragraph { position:absolute; top:12vh; right:3%; width:94%; text-align:center; z-index:100000; } .hero-paragraph h1 { font-size:180% !important } } @media screen and (max-width: 850px) and (max-height: 400px) { .crodohero figure.wp-block-media-text__media { position: absolute; bottom: 1vh; left: 50%; width: 50%; text-align: center; margin-bottom:10px; } .crodohero figure.wp-block-media-text__media img { height:auto; width:100%; max-width:70vh; margin:0 auto; } .hero-paragraph { position:absolute; top:25vh; left:5%; width:50%; text-align:center; z-index:100000; } .hero-paragraph h1 { font-size:180% !important } .heroSwiper .absBottom { top:-90px!important; zoom:0.7; } } /*@media only screen and (min-width: 800px) { .crodohero figure.wp-block-media-text__media { bottom: 6vh; }} @media only screen and (min-width: 1000px) {.crodohero figure.wp-block-media-text__media { bottom: 6vh; }} @media only screen and (min-width: 1200px) {.crodohero figure.wp-block-media-text__media { bottom: 6vh; }} @media only screen and (min-width: 1400px) {.crodohero figure.wp-block-media-text__media { bottom: 5.5vh;}} @media only screen and (min-width: 1600px) {.crodohero figure.wp-block-media-text__media { bottom: 5vh; }} @media only screen and (min-width: 1800px) {.crodohero figure.wp-block-media-text__media { }} @media only screen and (min-width: 2000px) {.crodohero figure.wp-block-media-text__media { bottom: 4vh; }} @media only screen and (min-width: 2200px) {.crodohero figure.wp-block-media-text__media { }} @media only screen and (min-width: 2400px) {.crodohero figure.wp-block-media-text__media { }} @media only screen and (min-width: 2600px) {.crodohero figure.wp-block-media-text__media { }} */ /*@media only screen and (min-width: 800px) { .crodohero figure.wp-block-media-text__media { right: 7.5vw; bottom: 6vh; }} @media only screen and (min-width: 1000px) {.crodohero figure.wp-block-media-text__media { right: 6vw; bottom: 6vh; }} @media only screen and (min-width: 1200px) {.crodohero figure.wp-block-media-text__media { right: 5vw; bottom: 6vh; }} @media only screen and (min-width: 1400px) {.crodohero figure.wp-block-media-text__media { right: 9vw; bottom: 5.5vh;}} @media only screen and (min-width: 1600px) {.crodohero figure.wp-block-media-text__media { right: 13vw; bottom: 5vh; }} @media only screen and (min-width: 1800px) {.crodohero figure.wp-block-media-text__media { right: 16.5vw; }} @media only screen and (min-width: 2000px) {.crodohero figure.wp-block-media-text__media { right: 20vw; bottom: 4vh; }} @media only screen and (min-width: 2200px) {.crodohero figure.wp-block-media-text__media { right: 23vw; }} @media only screen and (min-width: 2400px) {.crodohero figure.wp-block-media-text__media { right: 26vw; }} @media only screen and (min-width: 2600px) {.crodohero figure.wp-block-media-text__media { right: 28.5vw;}}*/ /* HERO END */ /* ANIMATIONS */ @-webkit-keyframes breathing { 0% { -webkit-transform: scale(1); transform: scale(1); } 15% { -webkit-transform: scale(1.1); transform: scale(1.1); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes breathing { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 15% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 50% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } /* ANIMATIONS END */ /* FOOTER */ .footerend { margin-bottom:0!important; padding-bottom:30px!important; } .footer-logo { margin-left:50px!important; } .royalunibrew-logo { margin-bottom:40px!important; } footer { background: #FFF0AD; padding-top:80px; margin-bottom:-100px; } @media (max-width: 780px) { footer * { text-align: center; } footer .footer-logo { margin:0!important; } } /* FOOTER END */ @media screen and (max-width: 1000px) { /* button.wp-block-navigation__responsive-container-open[data-micromodal-trigger="modal-1"] { display:none }*/ button.wp-block-navigation__responsive-container-open { display: block !important; z-index:2000; position:relative; padding:13px; background: #fff; border-radius:8px; opacity:0.8 } .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) { display: none !important; } } /* max 1000 */ /*html, body, .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content { max-width: none; }*/