/* Mondo Redux — mondo flavor stylesheet (mondo.org.ee / surmväsinud.ee). Verbatim copy of the mondo theme's style.css (asset paths repointed to themes/mondo-redux). Enqueued by mondo_scripts() in place of style.css when mondo_redux_flavor() === 'mondo'. The WP theme header lives in style.css. */ /* Custom overrides */ a.noborder{border:0 !important;} a.noborder:hover img{opacity:0.8;} h2 a{padding-bottom:0px;} h2{margin-top:0;} select,[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea{color:#000;} /* a11y contrast: #999 on white is ~2.85:1 — below WCAG AA (4.5:1). Darken the muted grey used for secondary text (post/search dates, subheaders, cite, blockquotes) to #6f6f6f (~5:1). Covers both .date and .news .date since the deployed CSS scopes the date either way. */ .date, .news .date, .subheader, cite, blockquote, blockquote p { color: #6f6f6f; } tbody,table,tfoot,thead{background:transparent;border:0;} a[rel*='attachment']{text-decoration:none !important;border:0 !important;} h2{margin-bottom:15px;} label,.wpcf7-form p{font-size:14px;line-height:22px;} .label{background:transparent;} .column:last-child:not(:first-child), .columns:last-child:not(:first-child){float:left;} .site-content .vc_column_container > .vc_column-inner{padding-bottom:35px;} .site-content .vc_column_container.person-text > .vc_column-inner{padding-bottom:0px;padding-top:5px !important;} .attachment-portrait{width:auto;height:400px !important;max-width:none !important;} .site-content{z-index:100;} @media(max-width:500px){ .attachment-portrait{width:100% !important;height:auto !important;} } @media(min-width:900px) and (max-width:1380px){ .three-up h3 .button{font-size:20px !important;} } .wpb_single_image figure,.wpb_single_image figure>div{width:100%;} .button,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.wpb_text_column .button:last-child,.wpcf7-submit{display:inline-block;text-align:center;line-height:1;cursor:pointer;-webkit-appearance:none;transition:all .25s ease-out;vertical-align:middle;border:1px solid transparent;border-radius:0;padding:.85em 1em;margin:0 0rem 1rem 0;font-size:.9rem;color:#000 !important;font-weight:400;} .wpb_text_column h3 .button:last-child{display:block;padding:.85em 8px;} .button a{border:0;display:block;} .button a:hover{padding:0;} .button.fullwidth{width:100%;} .button.cancel{background:#F88388 !important;} .button.cancel:hover{background:#E9444B !important;} .button.alt{background:#2B71B7 !important;} .button.alt:hover{background:#1A60A6 !important;} .button:hover,.button:focus,.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.wpb_text_column .button:last-child:hover,.wpcf7-submit:hover{background:#da990d;color:#000} h1 .button,h2 .button,h3 .button,h4 .button,h5 .button,h6 .button{font-size:inherit !important;line-height:inherit !important;} .green{background:#049548;} .red{background:#EB1C24;} .yellow{background:#F2AF1C;} .purple{background:#7F4399;} .blue{background:#2B71B7;} .grey { background:lightgray !important; } .site-header ul li.btn-donate { display: inline-block; float: right; margin-right: 19%; } .site-header ul li.btn-donate:hover { background-color: initial; } .site-header ul li.btn-donate a { box-sizing: border-box; background-color: #F2AF1C; } .site-header ul li.btn-donate a:hover { background-color: rgb(238, 238, 238); } .main.menu { margin-left: 10%; } @media(max-width: 1365px) { .site-header ul li.btn-donate { margin-right: 22%; } .site-header ul li { padding-left: 0; padding-right: 0; } .main.menu { margin-left: 7%; } } @media(max-width: 1024px) { .main.menu { margin-left: 0; } .site-header .btn-donate { display: initial !important; width: initial !important; background: initial !important; margin-right: 56% !important; } .site-header ul li.btn-donate a { font-weight: initial !important; padding-top: 0.7rem !important; padding-bottom: 0.7rem !important; padding-left: 0.7rem !important; padding-right: 0.7rem !important; } .site-header.opened .btn-donate { position: fixed; top: 20px; left: 30%; z-index: 9999; } .site-header.opened.search-active .btn-donate { display: block; float: none; position: initial; top: unset; left: unset; z-index: unset; margin-left: auto !important; margin-right: auto !important; margin-bottom: 10px; } .site-header.opened.search-active .btn-donate a { background-color: initial; } } @media(max-width: 767px) { .site-header.opened ul li.btn-donate { display: block; float: none; position: initial; top: unset; left: unset; z-index: unset; margin-left: auto !important; margin-right: auto !important; margin-bottom: 10px; } .site-header.opened ul li.btn-donate a { background-color: initial; } } .main.menu>li.red>a{font-weight: 600; } #kliimamenuu ul>li.current-menu-item>a {font-weight:400} mark{background:none;color:#000;font-weight:800;} .site-header .logo{background:none;} #search-toggle:hover{cursor:pointer;} .mc4wp-form-fields .button{float:right;} .site-header nav ul li{text-align:center;} @media(min-width: 1024px) { .site-header nav ul>li.current-page-ancestor>a, .current-menu-parent>a, .current_page_item>a { font-weight:900 } } .slider{height:auto;} .front .site-content{margin-top:38px;} .slider .item .row{padding:0 0 12px 0;} .entry-content{max-width:87.5rem;margin:0 auto;padding:0 15px;} .wpb_wrapper>.entry-content{padding:0;} .site-content .wpb_column-inner,.site-content .vc_column_container>.vc_column-inner,.site-content .vc_row-has-fill > .vc_column_container > .vc_column-inner,.site-content .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner{padding-left:2.1875rem;padding-right:2.1875rem;padding-top:35px;} .sector .vc_column-inner {padding:25px 0 15px 0 !important;} .wpb_content_element:last-child{margin-bottom:0px;} .regions .vc_column-inner,.vc_row.slideshow-row .vc_column-inner{padding:0 !important;} .regions .regions-text{top:50px; width: 500px;} .sectors .sector{padding-bottom:0;} .news{padding-bottom:0;} .sub-menu{margin-top:0;} .sub-menu ul{margin-left:-100px;} .sub-menu-center {margin-top:0;} .sub-menu-center ul{margin-left:-100px;} .segment-intro:not(:first-child) .vc_column-inner,.inside .vc_column-inner {padding-top:0 !important;} .other-projects h2{margin-bottom:0.7em;} .site-content .intro{padding-bottom:0;} .nopaddingbtm{padding-bottom:0 !important;} .projects .project{padding-top:1em;padding-bottom:0;} .other-projects{padding-bottom:0;} .project .button {} .project h4 { margin-bottom:0; } .project h4 a { text-decoration: none; } .site-content .intro{/*padding-bottom:1rem;*/position:relative;z-index:10;padding-top:0;} .site-content .relative{position:relative;z-index:10;} .sector a{display:block;} .sector .wpb_content_element{margin-bottom:0px;} .actions .menu>li>a{padding:0;text-transform:uppercase;display:inline-block;} .slider {margin:0;} a.button:hover{padding-bottom:0.85em;text-decoration:none;border:1px solid transparent;} .slider .item .button{ position:absolute; } .slider h1{margin-bottom:0;font-size:50px;line-height:51px;} .slider_row { bottom: -70px !important; z-index:1; margin-top: -70px !important; margin-bottom: 0; max-width: 1440px !important; } /* CLS fix: bottom:-70px above only takes effect once the row is positioned, which normally first happens when WPBakery's stretch JS sets position:relative inline — visually dropping the row 70px after first paint. Position stretched rows from the start so they paint in their final place. Only [data-vc-full-width] rows: non-stretched ones (e.g. /en/donate/) never get positioned by JS, so the -70px must stay dormant there. */ .slider_row[data-vc-full-width] { position: relative; } /* CLS fix (horizontal): these rows carry WPBakery's data-vc-full-width, so its deferred stretch JS sets them inline to width:100vw at a negative offset on init — until that runs (later, on a slow connection) the row sits at the centred container width while the slide image is already 100vw, so the hero paints shifted right and snaps over on init. Cap the hero at 1440px centred in the viewport and override the JS's inline left/width/max-width with !important, so its position is identical before and after init — no jump. Desktop only; the mobile breakout uses the .slideshow margins further down. .site-content clips the up-to-scrollbar-width that min(100vw,…) overshoots on 1025–1455px viewports (the JS uses clientWidth, which excludes the scrollbar). */ .site-content { overflow-x: clip; } @media(min-width: 1025px) { .slider_row[data-vc-full-width] { left: 50% !important; transform: translateX(-50%); width: min(100vw, 1440px) !important; max-width: 1440px !important; margin-left: 0 !important; margin-right: 0 !important; } } .royalSlider a[href=""] { display: none; } .rsSlideRoot img { height: 507.5px; width: 100vw; object-fit: cover; } /* CLS fix: before RoyalSlider initializes, the stacked (hidden) slides give the hero no defined height, so all content below jumps when the slider collapses to one slide. Reserve the final height up front and clip the rest; the clamp releases itself once the slider has built its .rsOverflow wrapper. The min-height stays on permanently: for a frame right after init the slider is ~0px tall (first slide not yet measured) and everything below would jump up and back. !important is needed to beat the inline height:100%. */ .slider_row .royalSlider { min-height: 507.5px; } .slider_row .royalSlider:not(:has(.rsOverflow)) { height: auto !important; overflow: hidden; } /* pre-init, only the first slide sizes the container: its natural height (image + caption flow) is exactly what the slider's autoHeight will compute, so nothing moves on init — also on mobile, where the caption text flows below the image */ .slider_row .royalSlider:not(:has(.rsOverflow)) .rsSlideRoot:not(:first-child) { display: none; } /* LCP fix: royalslider.css keeps slides visibility:hidden until the slider JS has initialized, postponing the hero's first paint (= the LCP) until after all deferred scripts. The placeholder above already renders the first slide in its final geometry — show it immediately. */ .slider_row .royalSlider:not(:has(.rsOverflow)) .rsSlideRoot:first-child { visibility: visible; } @media(max-width: 1024px) { .slider_row .royalSlider { min-height: calc(100vw * 1015 / 2880); } } .slide_text { display: block; width: 475px !important; padding-bottom: 0 !important; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 120px; } @media(min-width: 1441px) { .slider_row:not([data-vc-full-width]) { left: -20px !important; } } @media(max-width: 1440px) { .shop .rsSlideRoot img { height: 100%; } } @media(max-width: 1024px) { .slider .item .button { position: static; margin-bottom: 0; } .slider_row { margin-top: 75px !important; bottom: 0 !important; margin-bottom: 30px !important; } .rsSlideRoot img { display: block; height: 100%; width: 100vw; /* slides 2+ are loading="lazy": reserve the image's height even while it has not loaded yet, so the carousel doesn't shift mid-rotation */ aspect-ratio: 2880 / 1015; } .slide_text { position: static; width: 100% !important; -webkit-transform: unset; -ms-transform: unset; transform: unset; } } /* CLS fix: header.php loads js_composer.min.css async (media="print" swap), so layout rules that exist only there apply late and shift the page once the file lands. Inline the layout-critical ones here so they apply from the first paint: the 1/5-grid column widths (e.g. the /toeta/ donation row) and the 35px padding of filled rows. Copied from js_composer.min.css 6.2.0. */ .vc_col-sm-1\/5,.vc_col-sm-2\/5,.vc_col-sm-3\/5,.vc_col-sm-4\/5,.vc_col-sm-5\/5{box-sizing:border-box;min-height:1px;padding-left:15px;padding-right:15px;position:relative} @media (min-width: 768px) { .vc_col-sm-1\/5,.vc_col-sm-2\/5,.vc_col-sm-3\/5,.vc_col-sm-4\/5,.vc_col-sm-5\/5{float:left} .vc_col-sm-5\/5{width:100%} .vc_col-sm-4\/5{width:80%} .vc_col-sm-3\/5{width:60%} .vc_col-sm-2\/5{width:40%} .vc_col-sm-1\/5{width:20%} } .vc_col-has-fill>.vc_column-inner,.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,.vc_row-has-fill>.vc_column_container>.vc_column-inner{padding-top:35px} .news a.button:hover{color:#000;} .news .button {margin:20px 0 0 0;} .side-news h2{font-size:30px;} .news .columns{margin-bottom:0;} .site-content .regions .wpb_column{padding:0} .fact-slider .fact h4:last-child, .three-facts-slider .fact h4:last-child{margin-bottom:0;} #regions_wrap{position:relative;-ms-transform: scale(2);-webkit-transform: scale(2);transform: scale(2);top:-100px;height:450px;overflow:hidden;} .section-head a.button {float: right;display: block;margin: 0px;} .section-head h2{margin-bottom:0.7em;margin-top:0;} .sub-menu .menu > li > a {padding: 0 0 1px 0;} .sub-menu .menu > li > a:hover {padding:0;} .sub-menu-center .menu > li > a {padding: 0 0 1px 0;} .sub-menu-center .menu > li > a:hover {padding:0;} .menu.main .sub-menu li{margin:0;} .site-header ul li ul li a:hover{border-bottom:1px solid;} .site-header ul li ul li.green:first-child,.site-header ul li ul li.blue:first-child,.site-header ul li ul li.red:first-child,.site-header ul li ul li.yellow:first-child{margin-top:-15px;} .site-header ul li ul li.red:last-child,.site-header ul li ul li.green:last-child,.site-header ul li ul li.yellow:last-child,.site-header ul li ul li.green:last-child{margin-bottom:-10px;} .site-header ul li ul li.green a:hover,.site-header ul li ul li.blue a:hover,.site-header ul li ul li.yellow a:hover,.site-header ul li ul li.red a:hover{border:0;padding-bottom:1px;} .site-header ul li ul li a{padding-bottom:1px;display:inline-block;} .site-header ul li ul li a:hover{padding-bottom:0px;} .site-header .sub-menu{padding:15px 0 10px 0;background:#fff;margin:0;left:50%;margin-left:-150px;} .site-header.opened .sub-menu{left:0;margin:0;} .site-header ul li ul h2{margin:26px 0 8px 0;} #lang_switch{display:inline-block;vertical-align:middle;margin:0;float:left;margin-right:10px;margin-top: -3px;} #lang_switch ul{margin:0;display:none;} #lang_switch.down ul{display:block;} #lang_switch ul li{display:block;padding:0px;} #lang_switch ul li a,#cur_lang{display:block;padding:3px 10px;font-family:"Bebas Neue Regular";font-size:16px;color:#555;text-transform:uppercase;letter-spacing:1px;} #lang_switch{background:#fff;} #cur_lang:hover{cursor:pointer;background:#eee;} #cur_lang::after { font-family: FontAwesome; content: " \f0d7"; } .featured-image.wpb_single_image .vc_figure{display:block;} .sidebar .menu>li{display:block;} .sidebar .menu>li>a{display:inline-block;padding:0 0 1px 0;} .three-facts-slider{padding:0px;} .wpb_text_column p { margin-left:0; margin-right: 0; margin-top: 0; min-height:29px; } .hidden{display:none !important;} #chart-area{width:100%;height:auto;} #map{height:500px !important;} .news-page .news .button,.search_results .news .button {position: relative;bottom: 0px;} .post_content_wrap{margin-top:60px;} .featured-image{margin-bottom:0;} .alignright { float: right; } img.alignright { margin-left: 30px; margin-bottom: 30px !important; } @media(max-width: 767px) { img.alignright { width: 100%; } } .post_content *{font-family:"Raleway Mondo Regular",Helvetica,Roboto,Arial,sans-serif !important;} .post_content .alignright{float: right;margin: 0.5em 0 0.5em 1em;} .post_content .alignleft{float: left;margin: 0.5em 1em 0.5em 0;} .post_content .aligncenter{display:block;margin:15px auto;} .post_content .alignright img,.text .alignleft img,.text .aligncenter img{margin:0;} .vc_row{background:#fff;margin:30px -15px;} .white{background:#fff;} .sitemap_menu{margin:30px 0 0 30px;} .sitemap_menu .sub-menu{text-align:left;list-style:disc;margin-top:0 !important;} .sitemap_menu .sub-menu li{display:block;text-align:left;text-transform:none;} .sitemap_menu .green,.sitemap_menu .yellow,.sitemap_menu .red,.sitemap_menu .blue,.sitemap_menu .purple{background:none;} .entry-content .inner{padding:0em 5em 1px 0em;} .entry-content .three-up .inner{padding-right:0;} .sitemap_menu .menu>li{display:list-item;} .sitemap_menu .menu > li > a{display:inline;padding:0px 0px 1px 0px;} .sitemap_menu .menu{list-style-type: disc;margin-left: 1.25rem;} .rsSlide:nth-child(2n) .purple{background:#009548;} .rsSlide:nth-child(3n) .purple{background:#2B71B7;} .rsSlide p:last-of-type { margin-bottom: 0; } .rsSlide a { margin-top: 1rem; } .inner .button{margin-right:0;} .query{color:#DA990D;} #mob_lang_ul { display: none; border-bottom: 1px solid #ccc; } #mob_lang_ul > li { float: left; width: 50px; text-transform: uppercase; } #mob_lang_ul > li a { padding-left: 7px !important; padding-right: 7px !important; } #mob_lang_ul > li a.active { background-color: #fff; } .project .columns{text-align:center;} .project .columns:first-child{padding-left:0;text-align:left;margin-bottom:1.5em;} .project .columns:last-child{text-align:right;padding-right:0;} .project:last-child .columns:first-child{margin-bottom:0em;} #header_icons { display: block; position:absolute;right:10px;top:27px; } #search-toggle,#header_cart,#header_cart i,#header_cart span{display:inline-block;vertical-align:middle;} #header_icons i{position:static;top:0;right:0;float:left;margin-right:5px;} #header_icons #header_cart i{margin-right:3px;} #header_cart{float:left;} #header_cart span{font-size:18px;color:#555;font-weight:700;} #menu-toggle,#menu-toggle-times{margin:0px 0 0 20px;width:20px;} .donate_amount,.donate_id,.donate_shop_id,.donate_fond{display:none !important;} .donate_wrap input,.donate_wrap .button{max-width:300px;display:inline-block;vertical-align:middle;margin-right:5px;min-width:200px;margin-top:0;} .donate_wrap{text-align:center;max-width:630px;margin:0 auto;} .donate_wrap label.error{display: none !important} .donate_wrap input.error{border-color:#f00;} .wpcf7-form{max-width:500px;margin:0 auto;} .wpcf7-radio {margin-top:10px;display:block;} .wpcf7-radio span.wpcf7-list-item { display: block; clear: both; margin: 0; padding-bottom: 10px; } .wpcf7-radio br{display:none;} .wpcf7-submit{width:100%;} .wpcf7-textarea{height:180px;resize:none;} .wpcf7-form input[type='radio']{margin-right:5px;} div.wpcf7-response-output{margin:10px 0;} .wpb_text_column .wpcf7-form p{margin-bottom:10px;} .donate_wrap input[type="checkbox"]{min-width:0;margin:-2px 10px 0 0 !important;display:inline-block !important;width:auto !important;} .donate_wrap .donate_free{width:100%;} .woocommerce form.checkout_coupon{border: 0;padding: 0;} .woocommerce form.checkout_coupon .form-row{display: inline-block;vertical-align: top;float: none;width: auto;} @media screen and (max-width: 63.9375em) { .center-align{margin-left: auto !important;margin-right:auto !important;} } @media screen and (max-width:930px){ .full_links .column,.full_links .columns{width:100% !important;} .sector{padding:20px 0 !important;} .sector>.vc_column-inner {padding:0 !important;} } @media screen and (max-width:1050px){ h2{font-size:1.7rem;} .projects .project{padding:3em 0;} } @media screen and (max-width:420px){ #chart-area{width:100% !important;height:auto !important;} .wpb_single_image .vc_figure{display:block !important;} } @media(max-width:500px){ .slider h1{font-size:32px;line-height:34px;} } @media screen and (max-width:900px) and (min-width:640px){ .sidebar ul{font-size:1em} } @media(max-width:900px){ .small-12{width:100% !important;} .inner{height:auto !important;} .charity .three-up .fact-slider .fact{margin-top:15px !important;} .news .columns{margin-bottom:35px;} .columns,.column{padding:0} .slider .columns{padding:30px 2.1875rem 35px 2.1875rem;} .other-projects .project,.project{margin-bottom:35px;} .project>div{float:none !important;width:100%;text-align:left !important;margin-bottom:10px !important;} .post_content_wrap,.archive .vc_row.block,.news_widgets{padding-left:2.1875rem !important;padding-right:2.1875rem !important;} .sidebar{margin-top:35px;} .entry-content .inner{padding-right:0;} } @media(min-width:901px){ .nopaddingleft{padding-left:0;} .nopaddingright{padding-right:0;} } @media screen and (max-width:1024px){ .site-header ul li ul{display:block !important;position:relative;left:0;top:0;width:100%;box-shadow:none;margin:0;padding:0 !important;} .site-header ul li ul h2,.site-header ul li ul a{font-size:1em;font-family:"Raleway Mondo Regular",Helvetica,Roboto,Arial,sans-serif;text-transform:none;margin:0;line-height:25px;} .site-header a:hover{background:#fff;border:0 !important;} .opened .upper-menu ul li{padding:0;} .site-header .upper-menu{padding:0;} .opened .upper-menu nav>ul>li>a{font-weight:900;} .site-header .fa{right:25px;} .site-header nav ul li a{padding:15px !important;display:block;margin:0;} .site-header nav ul li ul a{padding:0.4rem 1rem !important;} .site-header .logo{left:15px;} .site-header .fa-search{display:block;right:55px;} .site-header .fa-close{right:55px;} .search.search-active{display:block;} .site-header ul li ul li.green:first-child{margin-top:0px;} .site-header ul li ul li.red:last-child{margin-bottom:0px;} .opened .upper-menu ul {background:#eee;} #lang_switch{display:none;} .opened .search { position: fixed; z-index: 1; } .opened #mob_lang_ul { position: fixed; top: 0; left: 0; height: 77px; width: 100%; display:block; margin: 0; padding-left: 5px; padding-top: 12px; z-index: 1; border-top: 1px solid rgb(204, 204, 204); } .opened.search-active #mob_lang_ul { top: 77px; } .opened #header_icons { position: fixed; z-index: 2; } .opened.search-active #header_icons { top: 104px; } .site-header ul li ul li a{display:block;} .empty{display:none !important;} .opened ul.menu.main { margin-top: 70px; } .opened.search-active ul.menu.main { margin-top: 147px; } ul.menu.main li.current-menu-item>a { background: #fff; } ul.menu.main li.current_page_item>a { background: #fff; } ul.menu.main li.current_page_item>a>h2 { background: #fff; } ul.menu.main li.current_page_ancestor>a { font-weight: 900; } ul.menu.main li.current_page_parent>a { font-weight: 900; } ul.menu.main>li>a { text-transform: uppercase; font-weight: 900; } } @media screen and (max-width:767px){ .sidebar{clear:both;} .wpb_column>.vc_column-inner,.inside .wpb_column:first-child>.vc_column-inner,.segment-intro .wpb_column:first-child>.vc_column-inner,.regions .wpb_column:first-child>.vc_column-inner{padding-top:0 !important;} .wpb_column:first-child>.vc_column-inner,.wpb_column.vc_col-sm-12>.vc_column-inner{padding-top:35px !important;} .wpb_column.sector > .vc_column-inner{padding:0 !important;padding-top:5px !important;} .projects .project{padding:0;} .wpb_single_image.vc_align_right{text-align:left !important;} .wpb_content_element p,.wpb_content_element h3{text-align:left !important;} .section-head a.button{float:none;display:inline-block;} .sub-menu{text-align:left;} .sub-menu li{margin-left:0;} .sub-menu-center { text-align: center; } .sub-menu-center li{margin-left:0;} .slideshow { margin-top: -35px !important; } } @media(max-width:1100px){ .sub-menu ul{margin-left:0px;} .sub-menu-center ul{margin-left:0px;} } @media(max-width:350px){ .site-content .wpb_column{padding:0 1rem;} .site-content .wpb_column .wpb_column{padding:0;} .vc_column-inner,.nopaddingbtm .row:first-child {padding-left:0 !important;padding-right:0 !important;} .slideshow{margin-left:-1rem;margin-right:-1rem;} .slider .columns{width:90%;margin-left:5%;} .post_content_wrap,.archive .vc_row.block,.news_widgets{padding-left:1rem !important;padding-right:1rem !important;} } @media(max-width:1369px){ .donate_wrap .button,.donate_wrap input{width:100%;display:block;margin:0 auto 1rem auto;} } .site-header .fa:hover{cursor:pointer;} .fa-times-search.visible{display:block;} .shop-items .item .hover-buttons{left:0;width:100%;} .aligncenter{clear:both;display:block;margin:1rem auto;} .text_block{padding-bottom:30px;max-width:1080px;margin:0 auto;} .sharing_wrap{text-align:center;padding-bottom:30px;padding-top:30px;} .sharing_wrap h2{font-size:30px;} .news-page h1{padding-top:0;} .news_widgets{padding:35px 0;} .archive .vc_row::before,.archive .vc_row::after{content:'';display:table;} .archive .vc_row::after{clear:both;} .columns{position:relative;min-height:1px;} .sharing_single_wrap{padding:30px 0;} .sharing_single_wrap h2{font-size:16px;font-weight:800;} .view_all_row{margin-top:0;} .view_all_row a.button{margin:0;width:100%;} .pagi .prev{margin-right:10px;} .pagi .next{margin-left:10px;} .pagi .current{font-weight:800;color:#ccc;} .regions iframe{width:100%;border:1px solid #fff;} .archive .vc_row.block{padding-top:35px;padding-bottom:35px;} /* Diaries */ .diary{display:inline-block;vertical-align:top;max-width:260px;margin:0 10px 20px 0;width:100%;} .diary img,.diary_small img { width:100%; object-fit: cover; object-position: center center; -webkit-filter:grayscale(1);filter:grayscale(1); } .diary a:hover img,.diary_small a:hover img{-webkit-filter:grayscale(0);filter:grayscale(0);} .diary_small{max-width:200px;width:100%;display:inline-block;vertical-align:top;} .diary_img_wrap{width:260px;height:260px;overflow:hidden;} .diary_img_wrap img { width: 260px; height: 260px; } .small_diary_img_wrap{width:200px;height:200px;overflow:hidden;margin:0;} .small_diary_img_wrap img { width: 200px; height: 200px; } .blogs .blog-portrait{float:none !important;} @media screen and (max-width:350px){ .blogs_small{margin-left:-1rem;margin-right:-1rem;} .diary_small,.diary{max-width:none;} .small_diary_img_wrap,.diary_img_wrap{width:100%;height:auto;} } @media(max-width:1050px){ .blogs{margin-top:15px;} .nopaddingbtm .row:first-child .small-6:first-child{padding-top:6px;} } @media(max-width:900px){ .nopaddingbtm .row:first-child{padding-left:2.1875rem;padding-right:2.1875rem;} } @media(max-width:800px){ .blogs{text-align:center;} } @media(max-width:540px){ .nopaddingbtm .row:first-child .button{display:inline-block;float:none;} } /* Mailchimp */ .e-mail{padding:0;} .e-mail input{box-shadow:none;} /*.newsletter{max-width:600px;}*/ .mc4wp-form-fields>.e-mail,.mc4wp-form-fields>input{display:inline-block;vertical-align:top;width:50%;} .newsletter .button{margin-right: 0px;margin-left: 0px;height: 39px;} /* Partners */ .partner{margin-left:0 !important;margin-right:0 !important;} .partner > img { margin-bottom: 2rem; } /* Flex slider */ .site-content .flexslider{border-radius:0;box-shadow:none;border:0;overflow:hidden;padding-bottom:30px;} .site-content .flex-direction-nav a::before {font-family:'FontAwesome';font-size: 60px;display: inline-block;content: '\f104';} .site-content .flex-direction-nav a{text-shadow:none;height:60px;margin-top:-30px;} .site-content .flex-direction-nav a.flex-next::before{content:'\f105';} .site-content .wpb_gallery .wpb_flexslider .flex-control-paging{top:auto;bottom:-10px;} .site-content .flex-control-paging li a{background:#ccc;box-shadow:none;width:9px; height:9px;} .site-content .flex-control-paging li a.flex-active{background:#888;} .flex_caption{text-align: center;font-weight: 600;} /* Footer */ footer .newsletter .button{margin-right: 0px;margin-left: 0px;height: 39px;} footer p{margin:0;} footer{padding-bottom:30px;} #footer tr{background:transparent !important;} #footer .partners a,#footer .partners img{display:inline-block;vertical-align:middle;} #footer .partners img{margin:0 20px 20px 0;} @media(max-width:900px){ #footer {padding-left:2.1875rem;padding-right:2.1875rem;} } /* Woocommerce */ .woocommerce div.product p.price, .woocommerce div.product span.price{color:inherit;font-size:inherit;} .shop-items .item .hover-buttons a{ width: 50%;border: 1px solid #000;background: #FFF none repeat scroll 0% 0%;z-index: 10000;padding:0.85em 1em;border-radius:0;margin:0px 0 1rem 0px;font-size:0.9rem;text-transform:uppercase;font-weight:400;float:none;clear:both;display:inline-block;} .shop-items .item .hover-buttons .product_type_variable{display:none;} .shop-items .item .hover-buttons a:hover{text-decoration:underline;} .shop-items .item .loop_title{margin-top:10px;} .wc .woocommerce-breadcrumb,.wc .tabs{display:none;} .single-product .person .vc_column-inner{min-height:300px;} .single-product .person-text>.wpb_wrapper { display: table-cell; vertical-align: middle; padding: 1em 0px; } .row .row.shop-items{margin:0;} .related.products .no_padding{padding:0 !important;} .related.products .no_padding .vc_column-inner{padding-top:0;} .shop-menu>.widget_nav_menu{display:inline-block;vertical-align:middle;} @media(max-width:767px){ .shop-menu>.widget_nav_menu{margin-right:20px;} .sub-menu .fa{margin:0;} .sub-menu-center .fa{margin:0;} } .cart-icon{display:inline-block;vertical-align:middle;} .cart-icon:hover{opacity:0.6;border:0;padding-bottom:1px;} .shop .page-description > .vc_row.sharing_row{padding-top:0;} .shop .page-description>.vc_row.slideshow-row{padding-top:0;margin-top:-35px} .shop .slideshow-column{padding:0;float:none;} /* ========================================================================= CLS — .slideshow-row: custom-sized RoyalSlider banners (e.g. /shop/) Ported from the .slider_row hero, but .slider_row is a fixed 2880x1015 box while this row carries arbitrary banner sizes. RoyalSlider only resizes the inner .royalSlider, never the .slideshow wrapper — so locking the wrapper to the banner's REAL aspect-ratio fixes the row height from first paint through slider init (content below never shifts) and matches the banner exactly (no letterbox / no predefined-size whitespace). The ratio is the first slide's real width/height (--mondo-slide-ratio, emitted by mon_slider.php); the 3.5 fallback ≈ a 400px-tall banner at full content width. Scoped to .slideshow-row so .slider_row is untouched. DESKTOP ONLY (>=1025px), where .slide_text is an absolute overlay that adds no height. On mobile the caption stacks in-flow below the banner; reserving only the image height let the row collapse when RoyalSlider absolutely-positions the slide at init (the caption stops reserving space), shifting content below by the caption height (~0.2 CLS). Mobile is intentionally left at its prior, stable rendering — the slider here is a single static banner, so there's nothing to gain from the desktop reservation on mobile. */ @media (min-width: 1025px) { .slideshow-row .slideshow { aspect-ratio: var(--mondo-slide-ratio, 3.5); } .slideshow-row .royalSlider { height: 100%; } .slideshow-row .royalSlider .rsSlideRoot img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: auto; } /* Pre-init (before RoyalSlider builds .rsOverflow): show only the first slide, filling the reserved box, so the placeholder == the initialised slider and the banner paints immediately (LCP) with no jump. */ .slideshow-row .royalSlider:not(:has(.rsOverflow)) { height: 100%; overflow: hidden; } .slideshow-row .royalSlider:not(:has(.rsOverflow)) .rsSlideRoot, .slideshow-row .royalSlider:not(:has(.rsOverflow)) .rsSlide { height: 100%; } .slideshow-row .royalSlider:not(:has(.rsOverflow)) .rsSlideRoot:not(:first-child) { display: none; } .slideshow-row .royalSlider:not(:has(.rsOverflow)) .rsSlideRoot:first-child { visibility: visible; } } /* Mobile (<=1024px): the caption (.slide_text) stacks in-flow below the banner, so the desktop fixed-ratio box can't be reused (it would clip the caption). RoyalSlider absolutely-positions .rsSlide, so the slider chain has no height of its own — on desktop .slideshow's aspect-ratio supplied it, but here we instead force .rsSlide back into normal flow so the whole chain auto-sizes to the real slide content (image + stacked caption). That height is identical before RoyalSlider builds .rsOverflow (the slide is already in flow) and after (it's forced relative), so the row can't collapse at init — no reserve→collapse→ expand shift. Safe because this slideshow is a single, non-rotating slide; forcing flow on a multi-slide carousel would stack every slide. */ @media (max-width: 1024px) { .slideshow-row .slideshow { aspect-ratio: auto; } .slideshow-row .royalSlider, .slideshow-row .rsOverflow, .slideshow-row .rsContainer, .slideshow-row .rsSlide { height: auto !important; } .slideshow-row .rsSlide { position: relative !important; left: auto !important; top: auto !important; } .slideshow-row .rsSlideRoot img { width: 100%; height: auto; aspect-ratio: var(--mondo-slide-ratio, 3.5); object-fit: fill; } } .shop .nomargin_btm{margin-bottom:0;} .shop .nomargin_top{margin-top:0;padding-top:0 !important;} .shop .nomargin_top .vc_column-inner {padding-top:0 !important;} @media(max-width:767px){ .entry-content .sub-menu{text-align:left;} .entry-content .sub-menu li{text-align:left;margin-left:0;margin-right:10px;} .entry-content .sub-menu-center { text-align: center; } .entry-content .sub-menu-center li { text-align: center; margin-left:0;margin-right:10px;} } .shop-items .item a{height:100%;display:block;position:relative;margin:8px;} .small-6{padding-bottom:0px;} @media(max-width:540px){ .small-6{width:100%;height:auto !important;} } .woocommerce-message{background:#fff;padding:20px;margin:30px auto !important;max-width:87.5rem;} .woocommerce-message .button{margin:0 1rem 0 0;} .single-product .options{margin:0;} .product-thumbnail a:hover{border:0;} .pr_specials{margin:10px 0 5px 0;display:table;width:520px;height:240px;} .pr_spec_l{width:50%;display:table-cell;vertical-align:top;padding-right:20px;} .pr_spec_r{width:50%;display:table-cell;vertical-align:top;} .woocommerce table.shop_table td.product-friend{vertical-align:top;} .pr_sp{display:none;margin-bottom:5px;} .pr_sp.sobrale{display:block;} .pr_sp input,.pr_sp select,.pr_sp textarea{display:inline-block;vertical-align:middle;width:250px;margin:0;} .pr_sp .pr_sp_label{display:inline-block;vertical-align:top;margin:6px 0 0 0;} .pr_spec_l .pr_sp .pr_sp_label{width:100%;} .pr_spec_r .pr_sp .pr_sp_label{width:120px;} .pr_spec_r .pr_sp.text .pr_sp_label,.pr_spec_r .pr_sp.heading .pr_sp_label{width:100%;} .pr_spec_r .pr_sp.heading .pr_sp_label{font-weight:800;} .pr_sp textarea{min-height:111px;resize:none;} .pr_sp.sobra_aadress .pr_sp_label{vertical-align:top;} .pr_sp.sobrale_sonum .pr_sp_label,.pr_sp.sobrale_sonum2 .pr_sp_label{width:100%;} .pr_sp_label p{margin:0;} input.fail,textarea.fail{border:1px solid #F67E83 !important;} .pr_fail,.pr_email_fail{display:none;color:#EC5B61;padding:0px;width:100%;max-width:350px;font-weight:800;font-size:12px;} .pr_select_fail{margin-top:5px;} .pr_fail.show{display:block;} .product-price,.product-subtotal,.product-quantity{width:20%;text-align:center;border-left:1px solid #eee;} .pr_sp input,.pr_sp select,.pr_sp textarea{box-shadow:0px 1px 1px rgba(0, 0, 0, 0.05) inset;padding:7px 0.5em;height:38px;} .pr_small{font-size:13px;padding:0 0 0 5px;} .pr_fails_wrap{display:table-row;width:100%;} td.product-price{font-size:18px;} td.pr_large{font-size:24px;} td.pr_large .price_up{margin:0;} td.pr_large .price_down{font-size:14px;margin:0;} .product-name{border-right:1px solid #eee;border-left:1px solid #eee;} .cart .product-name {text-align:center;} .product-name a:hover{border:0;} .product-name a:hover span{border-bottom:1px solid #000;} .woocommerce table.shop_table.actions_table{border:0;} .woocommerce table tbody tr:nth-child(2n){background:none;} .woocommerce table tbody tr{border-color:#ccc;} .remove_wrap{display:table;width:100%;height:267px;} .woocommerce table.shop_table td.product-remove{padding:0;min-width:40px;} .woocommerce .remove_wrap a.remove{display:table-cell;vertical-align:middle;border-radius:0;transition: background 0.3s ease-in-out 0.05s,color 0.3s ease-in-out 0.05s;-webkit-transition: background 0.3s ease-in-out 0.05s,color 0.3s ease-in-out 0.05s;-moz-transition: background 0.3s ease-in-out 0.05s,color 0.3s ease-in-out 0.05s;-o-transition: background 0.3s ease-in-out 0.05s,color 0.3s ease-in-out 0.05s;padding:0 !important;} .woocommerce .remove_wrap a.remove:hover{background:#EAB8BA;} .woocommerce table.shop_table{margin-bottom:60px;} .woocommerce table.shop_table:last-of-type{margin-bottom:30px} .cart_h2{margin-bottom:12px;} .woocommerce .quantity .qty{display:inline-block;vertical-align:middle;height:45px;width:4em;padding:10px;margin:0;} .price_spinner{display:none;height:38px;padding-top:9px;} .cart_regular .product-name img{max-width:100px;margin:0 20px;} .cart_regular .remove_wrap{height:150px;} .cart_regular .product-name a{display:block;padding:0;} .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{float:none;width:100%;text-align:left;padding:0 20px;} .cart_totals_in{display:inline-block;vertical-align:top;text-align:left;} .woocommerce .cart-collaterals .cart_totals h2{font-size:30px;line-height:50px;margin:0 0 10px 0;border-bottom:1px solid #eee;display:inline-block;vertical-align:top;width:30%;} .cart_totals_in td{font-size:24px;} .woocommerce .cart-collaterals .cart_totals tbody{border:0;} .cart_totals_in tbody th,.cart_totals_in tbody td{padding:5px 10px;} .woocommerce .cart_totals_in table tbody tr{border-bottom:1px solid #eee;} .cart_totals_in th,.cart_totals_in strong{font-weight:400;} .woocommerce form.login{max-width:600px;} .wc_edit_account input,.wc_edit_account textarea{max-width:250px;} .wc_edit_account {max-width:550px;} .product-name span{font-weight:800;} .product-name div{margin-top:10px;} .woocommerce .cart-collaterals{margin-bottom:20px;} form.woocommerce-checkout h3{margin:20px 0 5px 0;} .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{background:none;} #customer_details .col-1,#customer_details .col-2{display:inline-block;float:none;width:50%;vertical-align:top;padding:0 10px 10px 0;} #customer_details .col-2{float:right;} #customer_details p{float:none;width:100%;} #customer_details input,#customer_details textarea,#customer_details label{width:66%;display:inline-block;vertical-align:middle;} #customer_details .mc4wp-checkbox input{width:auto;margin:-4px 5px 0 0} #customer_details label{width:33%;} #customer_details .col-2 label{display:block;line-height:1;padding-bottom:10px;width:100%;} #customer_details .col-2 textarea{min-height:117px;width:100%;} #customer_details .col-2{padding-right:0;} #customer_details .form-row{padding:3px 0;} .woocommerce form .form-row .required{text-decoration:none;cursor:default !important;} .woocommerce-checkout{max-width:1000px;} #order_review .product-name{text-align:left;width:420px;} #order_review{margin-top:20px;} #order_review select{margin:5px 0;} .woocommerce table.shop_table{border-radius:0;} .woocommerce-checkout #payment{background:transparent;} .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{float:none;} .woocommerce-checkout #payment div.form-row .terms .checkbox{float:right;} /*.payment_methods{display:none;}*/ #customer_details #createaccount,#customer_details #bill_business{width:auto;} #customer_details .create-account label{float:left;margin:0;} .shop-items .item .hover-buttons{transition:none;} .cart .woocommerce-message{display:none;} /*#billing_country_field{display:none !important;}*/ .col2-set.addresses{display:none !important;} #account_password,#reg_password{margin-bottom:10px;} .account_head{margin-bottom:20px;} .myaccount_user_name{font-size:30px;} .account_head a{line-height:30px;} #customer_login .inline{display:inline-block;vertical-align:middle;margin-top:-7px;margin-left:5px;} #customer_login .inline input{margin-right:0;} .wc_edit_account fieldset{margin:30px 0 20px 0;} .wc_edit_account legend{font-weight:600;} .thankyou_extra address:last-of-type,.thankyou_extra .title:last-of-type{display:none;} .about_paypal{display:none !important;} .bill_business_fields.hidden{display:none;} .woocommerce .thankyou_extra table.shop_table{margin:20px 0;} @media(min-width:1060px){ .product-friend{padding-left:60px !important;} } @media(max-width:960px){ .remove_wrap{height:30px !important;} .shop_table thead{display:none;} .shop_table td,.shop_table tr{display:block; width:100%;} .shop_table td{border:0 !important;padding:12px;} .shop_table tr{padding-bottom:30px;border:1px solid #ccc;margin-bottom:30px;} .woocommerce table.shop_table td.product-remove{width:100%;border:0;text-align:center;} .product-name{border-left:0;border-right:0;} .pr_specials{margin:10px auto;} .woocommerce .remove_wrap a.remove{background:#EAB8BA;color:#fff !important;height:2em;} .woocommerce .remove_wrap a.remove:hover{background:#D57175} .pr_specials{height:auto;width:100%;max-width:520px;} .woocommerce table.shop_table td{padding:12px;} .woocommerce table.shop_table{border:0;} .cart_regular .product-name img{margin:0;} .woocommerce .cart-collaterals .cart_totals,.woocommerce .cart-collaterals .cart_totals h2{text-align:center;width:100%;} } @media(max-width:768px){ } @media(max-width:680px){ .pr_sp input, .pr_sp select, .pr_sp textarea{width:100%;} } @media(max-width:550px){ .pr_spec_l,.pr_spec_r,.pr_specials{display:block;width:100%;padding:0;} } /* Single product page */ .stock.out-of-stock{font-weight:700;font-style:italic;} .stock.in-stock{display:none !important;} .add_cart_qty{display:inline-block;vertical-align:middle;} .add_cart_qty.special{display: none;} .add_cart_qty input{margin:0;padding:0.5rem;width:100px;display:inline;} .add_cart_table{display:table;width:100%;} .add_cart_cell{display:table-cell;vertical-align:middle;} .add_cart_cell:nth-child(2){text-align:center;width:100%;} .add_cart_cell:last-child{text-align:right;} .add_cart_price{margin:0;white-space:nowrap;} .add_cart_price.noblock{display:inline-block;vertical-align:middle;} .single_add_to_cart_button{margin:0 0 0 10px !important;float:none;white-space:nowrap;} .add_cart_qty>div{display:inline-block;vertical-align:middle;margin:0 5px;} .single_variation_wrap .single_variation,.single_variation_wrap .variations_button,.add_cart_right,.add_cart_price{display:inline-block;vertical-align:middle;display:inline-block;vertical-align:middle;} .single-product .add_cart_price{margin-left:-6px;} .single_variation_wrap .variations_button,.add_cart_right{float:right;margin-top:7px;} .add_cart_avail p{margin:0;} .variations label{font-weight:700;} .variations td{vertical-align:middle;display:table-cell;} .variations select{margin:0;padding-right:30px;} .variations option{padding:0 15px;} .vari{display:inline-block;vertical-align:middle;text-align:center;padding:0;transition: opacity 0.3s ease-in-out 0.05s;-webkit-transition: opacity 0.3s ease-in-out 0.05s;-moz-transition: opacity 0.3s ease-in-out 0.05s;-o-transition: opacity 0.3s ease-in-out 0.05s;} .vari img{width:70px;height:auto;max-width:none;margin:0 10px;} .varis_wrap{text-align:center;padding:0 20px;} .vari:hover{border:0;opacity:0.8;} .vari p{font-size:12px;font-weight:700;color:#333;margin-top:5px;} .varis_wrap{margin-bottom:40px;} .wpb_gallery img{width:150px;height:auto;max-width:none;margin-right:5px;margin-bottom:5px;} /* Chart.js */ #chartjs-tooltip.above:before,#chartjs-tooltip.below:before{bottom:1em;content:"";display:block;left:50%;position:absolute;z-index:99} #canvas-holder{width:100%;margin-top:50px;text-align:center} #chartjs-tooltip{opacity:0;position:absolute;background:rgba(0,0,0,.7);color:#fff;padding:3px;border-radius:3px;-webkit-transition:all .1s ease;transition:all .1s ease;pointer-events:none;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);font-weight:800} #chartjs-tooltip.below{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)} #chartjs-tooltip.below:before{border:solid;border-color:#111 transparent;border-color:rgba(0,0,0,.8) transparent;border-width:0 8px 8px;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}#chartjs-tooltip.above{-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)} #chartjs-tooltip.above:before{border:solid;border-color:#111 transparent;border-color:rgba(0,0,0,.8) transparent;border-width:8px 8px 0;top:100%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)} /* COLORBOX */ #colorbox iframe{width:100%;height:100%} #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:hidden; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;pointer-events:none} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:#222;} #colorbox.white,#colorbox.white #cboxContent,#colorbox.white #cboxLoadedContent,#colorbox.white .cboxIframe{background:#fff;} #colorbox{outline:0;} #cboxContent{margin-top:20px;background:#222;} .cboxIframe{background:#222;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{ background:#222;position:relative;} #cboxTitle{position:absolute; top:-23px; left:0;font-size:15px; color: rgb(242, 175, 28);width:100%;bottom:0px;font-weight:700;font-size:14px;} .booking #cboxTitle{font-size:12px;display:none !important;} .booking #cboxClose{display:none !important;} #cboxTitle>p{position:absolute;bottom:10px;background:#30342E;opacity:0.95;padding:10px 20px;left:10px;color:#926F34;} #cboxCurrent{position:absolute; top:-22px; right:-4px; color: rgb(242, 175, 28);letter-spacing:4px;font-weight:700;font-size:14px;} #cboxLoadingGraphic{} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:10px; margin-top:-32px; background:url("lib/controls.png") no-repeat bottom left; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious:hover{opacity:0.8;} #cboxNext{position:absolute; top:50%; right:10px; margin-top:-32px; background:url("lib/controls.png") no-repeat bottom right; width:28px; height:65px; text-indent:-9999px;} #cboxNext:hover{opacity:0.8;} #cboxClose{position:absolute; top:10px; right:0px; display:block; background:url("lib/controls.png") no-repeat bottom center; width:38px; height:19px; text-indent:-9999px;} #cboxClose:hover{opacity:0.8;} .jh_copy_cbox{background:#fff;padding:30px;} #cboxTitleLong{position:absolute;bottom:0;left:0;color:#fff;padding:10px 50px;background:rgba(229, 189, 119, 0.9);font-size:19px;} .yeshover:hover { border-bottom: 1px solid; } .nohover:hover { border-bottom: 0; } .grayscale { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .minahoolin .site-content p { margin-bottom: 1em; } .minahoolin .site-content h3 { margin-bottom: 0.5em; } .minahoolin .site-content a { border-bottom: 1px dotted; } .minahoolin .site-content a:hover { border-bottom: 1px solid #dda63a; } .minahoolin .hide-for-large .sub-menu-center .hide-for-large { display: none; } .minahoolin .sub-menu-center .current-menu-item a { font-weight: bold; } #post-21061 p { margin-bottom: 1em; } #post-21061 a { border-bottom: 1px dotted; } #post-21061 h2 a { border-bottom: 0; } #post-21061 .mobilemap a { border-bottom: 0; } #post-21061 a:hover { border-bottom: 1px solid #dda63a; } #post-21061 div.hide-for-large a:hover { border-bottom: 1px solid #dda63a; } #post-21061 .hide-for-large .sub-menu-center .hide-for-large { display: none; } .w25 { width: 25%; } .w70 { width: 70%; } @media (max-width: 1000px) { .vc-hoverbox-front { background-size: contain !important; background-repeat: no-repeat !important; } .wide-on-mobile { width: 100%; } } .mbrevert p { margin-bottom: revert; } .main.menu .menu-item-has-children:not(.lms_language) > a::after { font-family: FontAwesome; content: " \f107"; } #cboxOverlay, #lightboxOverlay { position: fixed !important; top: 0; left: 0; height: 100% !important; width: 100% !important; } #colorbox { z-index: 10000; } #colorbox, #lightbox { position: fixed !important; top: 50% !important; transform: translateY(-50%); } .portrait img { object-fit: cover; object-position: center center; height: 400px !important; width: 400px; } .front figure { margin-top: 0; margin-right: 0; } .front figcaption { font-size: small; } .moove-gdpr-infobar-allow-all { background-color: rgba(0, 0, 0, 0) !important; border: 1px solid rgb(32, 32, 32) !important; color: rgb(32, 32, 32) !important; } .moove-gdpr-infobar-allow-all:hover { background-color: rgb(32, 32, 32) !important; color: rgb(255, 255, 255) !important; } /* a11y: the green "reject"/allow-necessary button had white text on #049548 (~3.9:1, below WCAG AA). Darken the green a touch to #048040 (white text ~5:1) and bold the label. Plain-class !important overrides the plugin, same as the allow-all button above. */ .moove-gdpr-infobar-reject-btn { background-color: #048040 !important; font-weight: 700 !important; } .moove-gdpr-infobar-reject-btn:hover { background-color: #036c34 !important; } /* Make the row a flex container so all columns stretch to equal height */ .vcenter-row { display: flex; flex-wrap: wrap; align-items: stretch; } /* Make each column fill the full row height */ .vcenter-row > .wpb_column, .vcenter-row > .wpb_column > .vc_column-inner, .vcenter-row > .wpb_column > .vc_column-inner > .wpb_wrapper { display: flex; flex-direction: column; min-height: 100%; flex: 1; } /* Center the logo vertically within the full-height container */ .vcenter-row .wpb_single_image { display: flex; align-items: center; justify-content: center; flex: 1; } /* Reset to defaults on smaller screens */ @media (max-width: 782px) { .vcenter-row, .vcenter-row > .wpb_column, .vcenter-row > .wpb_column > .vc_column-inner, .vcenter-row > .wpb_column > .vc_column-inner > .wpb_wrapper, .vcenter-row .wpb_single_image { display: revert; flex-direction: revert; align-items: revert; justify-content: revert; flex: revert; min-height: revert; flex-wrap: revert; } } /* The mon_logos "Logos" element styles moved to the MON Tools plugin (wp-content/plugins/mon-tools/modules/mon-logos/css/mon-logos.css). */ /* ========================================================================= CLS fix — Bebas Neue headings (site-wide, no per-page class needed) The title font (Bebas Neue Pro) is ultra-condensed: average capital width is ~39% of the em vs ~67% for any system fallback. Under font-display:swap the fallback laid titles out ~1.7x wider, so long ones ("UNREFINED SHEA BUTTER", "DIGIVÕIMEKUS", "SHEAVÕI KAALUGA"…) wrapped to extra lines and then collapsed when Bebas loaded — changing the 1/3-column height and shifting every row below it (the title + sub-menu row, slideshow, product grid). Two parts: 1. The Bebas @font-face uses font-display:optional (app*.css) — the webfont/fallback choice is committed before first paint, never swaps. 2. The fallback face below maps local Arial onto Bebas's condensed box (size-adjust 56.6% + ascent/descent overrides, computed from the actual font metrics), so the rare optional-fallback render wraps identically. ========================================================================= */ @font-face { font-family: 'Bebas Neue Fallback'; src: local('Arial'); size-adjust: 56.6%; ascent-override: 160.8%; descent-override: 40%; line-gap-override: 0%; } h1, h2, .fact-slider .fact h1, .three-facts-slider .fact h1, .search .search-box, #lang_switch ul li a, #cur_lang { font-family: 'Bebas Neue Regular', 'Bebas Neue Fallback', 'Arial Narrow', sans-serif; } /* ========================================================================= CLS fix — WPBakery column grid in the critical (render-blocking) CSS The CSS optimiser loads js_composer.min.css deferred (media="print" onload="this.media='all'", blocking copy only in