/* Theme Name: Neve Child Theme URI: https://themeisle.com/themes/neve/ Template: neve Author: ThemeIsle Author URI: https://themeisle.com Description: Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you! Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: neve Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles */ /* ************************ GENERAL ************************ */ /* :root { --e-global-color-nvprimaryaccent: #a98245; --e-global-color-nvsecondaryaccent: #a98245; --e-global-color-nvsitebg: #ffffff; --e-global-color-nvlightbg: #e8e6da; --e-global-color-nvdarkbg: #171715; --e-global-color-nvtextcolor: #171715; --e-global-color-nvtextdarkbg: #ffffff; --e-global-color-nvc1: #a0907c; --e-global-color-nvc2: #e9e6d9; --nv-primary-accent: #a98245; --nv-secondary-accent: #a98245; --nv-site-bg: #ffffff; --nv-light-bg: #e8e6da; --nv-dark-bg: #171715; --nv-text-color: #171715; --nv-text-dark-bg: #ffffff; --nv-c-1: #a0907c; --nv-c-2: #e9e6d9; --nv-fallback-ff: Arial, Helvetica, sans-serif; }*/ :root { --h1fontsize: 3.75rem; --h2fontsize: 2.5rem; --h3fontsize: 2rem; --h4fontsize: 1.75rem; --h5fontsize: 1.5rem; --h6fontsize: 1rem; --h1lineheight: 1.2em; --h2lineheight: 1.3em; --h3lineheight: 1.4em; --h4lineheight: 1.4em; --h5lineheight: 1.5em; --h6lineheight: 1.5em; --h1letterspacing: 1px; --defaultborderradius: 3px; --border-radius-lg: 6px; --border-radius: 3px; --border-radius-rounded: 100px; --defaultgap: 30px; --sectionpadding: 60px; --defaultpadding: 30px; --smallpadding: 15px; --buttonpadding: 13px 30px; --defaultmargintop: 30px; --defaultmarginbottom: 30px; } /* ------------------------ TITLES ------------------------ */ .h1-heading-title :is(h1, h2, h3, h4, h5, h6), h1, h1.elementor-heading-title { line-height: var(--h1lineheight); margin-bottom: 30px; } .h2-heading-title :is(h1, h2, h3, h4, h5, h6), h2, h2.elementor-heading-title { line-height: var(--h2lineheight); margin-bottom: 27px; } .h3-heading-title :is(h1, h2, h3, h4, h5, h6), h3, h3.elementor-heading-title { line-height: var(--h3lineheight); margin-bottom: 24px; } .h4-heading-title :is(h1, h2, h3, h4, h5, h6), h4, h4.elementor-heading-title { line-height: var(--h4lineheight); margin-bottom: 21px; } .h5-heading-title :is(h1, h2, h3, h4, h5, h6), h5, h5.elementor-heading-title { line-height: var(--h5lineheight); margin-bottom: 18px; } .h6-heading-title :is(h1, h2, h3, h4, h5, h6), h6, h6.elementor-heading-title { line-height: var(--h6lineheight); margin-bottom: 15px; } .h1-heading-title :is(h1, h2, h3, h4, h5, h6) { font-size: var(--h1fontsize); } .h2-heading-title :is(h1, h2, h3, h4, h5, h6) { font-size: var(--h2fontsize); } .h3-heading-title :is(h1, h2, h3, h4, h5, h6) { font-size: var(--h3fontsize); } .h4-heading-title :is(h1, h2, h3, h4, h5, h6) { font-size: var(--h4fontsize); } .h5-heading-title :is(h1, h2, h3, h4, h5, h6) { font-size: var(--h5fontsize); } .h6-heading-title :is(h1, h2, h3, h4, h5, h6) { font-size: var(--h6fontsize); } .mb-0 :is(h1, h2, h3, h4, h5, h6) { margin-bottom: 0!important; } .single-post-container h2 { font-size: var(--h3fontsize); line-height: var(--h3lineheight); margin-bottom: 24px; } .single-post-container h3 { font-size: var(--h4fontsize); line-height: var(--h4lineheight); margin-bottom: 21px; } .single-post-container h4 { font-size: var(--h5fontsize); line-height: var(--h5lineheight); margin-bottom: 18px; } .single-post-container h5 { font-size: var(--h6fontsize); line-height: var(--h6lineheight); margin-bottom: 15px; } .single-post-container h6 { font-size: var(--h6fontsize); line-height: var(--h6lineheight); margin-bottom: 15px; } /* ------------------------ LINKS ------------------------ */ .no-click a:hover, .no-click a { pointer-events: none; opacity: 0.1!important; } /* ------------------------ TEXT ------------------------ */ p { margin-bottom: 15px; } .elementor p:last-child { margin-bottom: 0px; } /* ------------------------ FORMS ------------------------ */ [tabindex="-1"]:focus, input:read-write:focus, select:focus, textarea:focus { box-shadow: none; --formfieldbordercolor: none; } /* ************************ PLUGINS ************************ */ /* ------------------------ ELEMENTOR ------------------------ */ /* Global Settings ------------------------ */ .ud-con-normal.e-con.e-con-full, .ud-con-normal.e-con:not(.e-con-full)>.e-con-inner { padding: 60px 15px; } .ud-con-small.e-con.e-con-full, .ud-con-small.e-con:not(.e-con-full)>.e-con-inner { padding: 45px 15px; } .ud-con-minimal.e-con.e-con-full, .ud-con-minimal.e-con:not(.e-con-full)>.e-con-inner { padding: 15px 15px; } .ud-con-zero.e-con.e-con-full, .ud-con-zero.e-con:not(.e-con-full)>.e-con-inner { padding: 0 15px; } .ud-con-normal.e-con>.e-con-inner { gap: 30px; } .ud-con-small.e-con>.e-con-inner { gap: 30px; } .ud-con-minimal.e-con>.e-con-inner { gap: 15px; } /* Accordion ------------------------ */ .e-n-accordion ul { margin-bottom: 15px; } /* Lightbox ------------------------ */ .dialog-type-lightbox { z-index: 999999; } /* ------------------------- WPFORMS ------------------------- */ /* ukrywanie ikony recaptcha */ .grecaptcha-badge { display: none !important; } /* container margin & padding */ div.wpforms-container-full:not(:empty) { margin: 0 auto !important; } .wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field { padding: 0 0 15px !important; } /* input border */ div.wpforms-container-full input[type="date"], div.wpforms-container-full input[type="datetime"], div.wpforms-container-full input[type="datetime-local"], div.wpforms-container-full input[type="email"], div.wpforms-container-full input[type="month"], div.wpforms-container-full input[type="number"], div.wpforms-container-full input[type="password"], div.wpforms-container-full input[type="range"], div.wpforms-container-full input[type="search"], div.wpforms-container-full input[type="tel"], div.wpforms-container-full input[type="text"], div.wpforms-container-full input[type="time"], div.wpforms-container-full input[type="url"], div.wpforms-container-full input[type="week"], div.wpforms-container-full select, div.wpforms-container-full textarea, .wp-core-ui div.wpforms-container-full input[type="date"], .wp-core-ui div.wpforms-container-full input[type="datetime"], .wp-core-ui div.wpforms-container-full input[type="datetime-local"], .wp-core-ui div.wpforms-container-full input[type="email"], .wp-core-ui div.wpforms-container-full input[type="month"], .wp-core-ui div.wpforms-container-full input[type="number"], .wp-core-ui div.wpforms-container-full input[type="password"], .wp-core-ui div.wpforms-container-full input[type="range"], .wp-core-ui div.wpforms-container-full input[type="search"], .wp-core-ui div.wpforms-container-full input[type="tel"], .wp-core-ui div.wpforms-container-full input[type="text"], .wp-core-ui div.wpforms-container-full input[type="time"], .wp-core-ui div.wpforms-container-full input[type="url"], .wp-core-ui div.wpforms-container-full input[type="week"], .wp-core-ui div.wpforms-container-full select, .wp-core-ui div.wpforms-container-full textarea, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner { border-color: var(--nv-text-color) !important; } div.wpforms-container-full input[type="date"]:focus, div.wpforms-container-full input[type="datetime"]:focus, div.wpforms-container-full input[type="datetime-local"]:focus, div.wpforms-container-full input[type="email"]:focus, div.wpforms-container-full input[type="month"]:focus, div.wpforms-container-full input[type="number"]:focus, div.wpforms-container-full input[type="password"]:focus, div.wpforms-container-full input[type="range"]:focus, div.wpforms-container-full input[type="search"]:focus, div.wpforms-container-full input[type="tel"]:focus, div.wpforms-container-full input[type="text"]:focus, div.wpforms-container-full input[type="time"]:focus, div.wpforms-container-full input[type="url"]:focus, div.wpforms-container-full input[type="week"]:focus, div.wpforms-container-full select:focus, div.wpforms-container-full textarea:focus, .wp-core-ui div.wpforms-container-full input[type="date"]:focus, .wp-core-ui div.wpforms-container-full input[type="datetime"]:focus, .wp-core-ui div.wpforms-container-full input[type="datetime-local"]:focus, .wp-core-ui div.wpforms-container-full input[type="email"]:focus, .wp-core-ui div.wpforms-container-full input[type="month"]:focus, .wp-core-ui div.wpforms-container-full input[type="number"]:focus, .wp-core-ui div.wpforms-container-full input[type="password"]:focus, .wp-core-ui div.wpforms-container-full input[type="range"]:focus, .wp-core-ui div.wpforms-container-full input[type="search"]:focus, .wp-core-ui div.wpforms-container-full input[type="tel"]:focus, .wp-core-ui div.wpforms-container-full input[type="text"]:focus, .wp-core-ui div.wpforms-container-full input[type="time"]:focus, .wp-core-ui div.wpforms-container-full input[type="url"]:focus, .wp-core-ui div.wpforms-container-full input[type="week"]:focus, .wp-core-ui div.wpforms-container-full select:focus, .wp-core-ui div.wpforms-container-full textarea:focus, div.wpforms-container-full input[type="date"]:focus:invalid, div.wpforms-container-full input[type="datetime"]:focus:invalid, div.wpforms-container-full input[type="datetime-local"]:focus:invalid, div.wpforms-container-full input[type="email"]:focus:invalid, div.wpforms-container-full input[type="month"]:focus:invalid, div.wpforms-container-full input[type="number"]:focus:invalid, div.wpforms-container-full input[type="password"]:focus:invalid, div.wpforms-container-full input[type="range"]:focus:invalid, div.wpforms-container-full input[type="search"]:focus:invalid, div.wpforms-container-full input[type="tel"]:focus:invalid, div.wpforms-container-full input[type="text"]:focus:invalid, div.wpforms-container-full input[type="time"]:focus:invalid, div.wpforms-container-full input[type="url"]:focus:invalid, div.wpforms-container-full input[type="week"]:focus:invalid, div.wpforms-container-full select:focus:invalid, div.wpforms-container-full textarea:focus:invalid, .wp-core-ui div.wpforms-container-full input[type="date"]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type="datetime"]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type="datetime-local"]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type="email"]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type="month"]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type="number"]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type="password"]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type="range"]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type="search"]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type="tel"]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type="text"]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type="time"]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type="url"]:focus:invalid, .wp-core-ui div.wpforms-container-full input[type="week"]:focus:invalid, .wp-core-ui div.wpforms-container-full select:focus:invalid, .wp-core-ui div.wpforms-container-full textarea:focus:invalid { border-color: var(--primarybtnbg) !important; box-shadow: 0 0 0 1px var(--primarybtnbg), 0px 1px 2px rgba(0, 0, 0, 0.15) !important; color: var(--primarybtnbg) !important; } div.wpforms-container-full input[type="date"], div.wpforms-container-full input[type="datetime"], div.wpforms-container-full input[type="datetime-local"], div.wpforms-container-full input[type="email"], div.wpforms-container-full input[type="month"], div.wpforms-container-full input[type="number"], div.wpforms-container-full input[type="password"], div.wpforms-container-full input[type="range"], div.wpforms-container-full input[type="search"], div.wpforms-container-full input[type="tel"], div.wpforms-container-full input[type="text"], div.wpforms-container-full input[type="time"], div.wpforms-container-full input[type="url"], div.wpforms-container-full input[type="week"], div.wpforms-container-full select, div.wpforms-container-full textarea, .wp-core-ui div.wpforms-container-full input[type="date"], .wp-core-ui div.wpforms-container-full input[type="datetime"], .wp-core-ui div.wpforms-container-full input[type="datetime-local"], .wp-core-ui div.wpforms-container-full input[type="email"], .wp-core-ui div.wpforms-container-full input[type="month"], .wp-core-ui div.wpforms-container-full input[type="number"], .wp-core-ui div.wpforms-container-full input[type="password"], .wp-core-ui div.wpforms-container-full input[type="range"], .wp-core-ui div.wpforms-container-full input[type="search"], .wp-core-ui div.wpforms-container-full input[type="tel"], .wp-core-ui div.wpforms-container-full input[type="text"], .wp-core-ui div.wpforms-container-full input[type="time"], .wp-core-ui div.wpforms-container-full input[type="url"], .wp-core-ui div.wpforms-container-full input[type="week"], .wp-core-ui div.wpforms-container-full select, .wp-core-ui div.wpforms-container-full textarea, div.wpforms-container-full .wpforms-form textarea:focus { color: var(--primarybtnbg) !important; } /* dropdown modern */ html div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__list--dropdown, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner { background: #fff !important; color: var(--primarybtnbg) !important; } div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__list--dropdown .choices__item--selectable.is-highlighted { color: var(--nv-site-bg) !important; background: var(--primarybtnbg) !important; } div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-focused .choices__inner, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open .choices__inner, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open .choices__list--dropdown, html div.wpforms-container .wpforms-form .choices__list--dropdown { border: 1px solid var(--primarybtnbg) !important; box-shadow: 0 0 0 1px var(--primarybtnbg), 0px 1px 2px rgba(0, 0, 0, 0.15) !important; } div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item--selectable, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item--selectable.choices__placeholder, ::placeholder { color: var(--nv-text-color) !important; } ::-ms-input-placeholder { /* Edge 12 -18 */ color: var(--nv-text-color) !important; } div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open:before { height: 0px !important; } div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"] .choices__button { background-image: linear-gradient( 45deg, transparent 44%, var(--e-global-color-nvprimaryaccent) 44%, var(--e-global-color-nvprimaryaccent) 56%, transparent 56% ), linear-gradient( 135deg, transparent 44%, var(--e-global-color-nvprimaryaccent) 44%, var(--e-global-color-nvprimaryaccent) 56%, transparent 56% ) !important; } div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"]:after, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"]:after { border-top: 5px solid var(--nv-text-color) !important; } div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"].is-open:after, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"].is-open:after { border-top: 5px solid transparent !important; border-bottom: 5px solid var(--e-global-color-nvprimaryaccent) !important; } /* przycisk submit */ html div.wpforms-container-full button[type="submit"] { text-transform: uppercase !important; font-size: 1rem; } html div.wpforms-container-full button[type="submit"]:not(:hover):not(:active) { border-color: var(--primarybtnbg) !important; background: var(--primarybtnbg) !important; color: #fff !important; width: 100% !important; } html div.wpforms-container-full button[type="submit"]:hover, html div.wpforms-container-full button[type="submit"]:active { border-color: var(--primarybtnbg) !important; background: var(--primarybtnbg) !important; color: #fff !important; width: 100% !important; text-transform: uppercase !important; opacity: 0.9!important; } div.wpforms-container-full input[type="submit"]:focus:after, div.wpforms-container-full button[type="submit"]:focus:after, div.wpforms-container-full .wpforms-page-button:focus:after, .wp-core-ui div.wpforms-container-full input[type="submit"]:focus:after, .wp-core-ui div.wpforms-container-full button[type="submit"]:focus:after, .wp-core-ui div.wpforms-container-full .wpforms-page-button:focus:after { border: 0 !important; } /* datepicker */ .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: #121212!important; border-color: #121212!important; } /* timepicker */ li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover { background: #121212!important; color: #fff!important; } /* przycisk checkbox */ div.wpforms-container-full input[type="checkbox"]:before, div.wpforms-container-full input[type="radio"]:before { border-color: var(--e-global-color-nvtextcolor) !important; } div.wpforms-container-full input[type="checkbox"]:focus:before, div.wpforms-container-full input[type="radio"]:focus:before, div.wpforms-container-full input[type="checkbox"]:checked:before, div.wpforms-container-full input[type="radio"]:checked:before { box-shadow: 0 0 0 1px var(--primarybtnbg), 0px 0px 1px rgba(0, 0, 0, 0.15) !important; border-color: var(--primarybtnbg) !important; } div.wpforms-container-full input[type="checkbox"]:checked:after { border-left: 4px solid var(--primarybtnbg) !important; border-bottom: 4px solid var(--primarybtnbg) !important; } /* potwierdzenie wysłania wiadomości */ div.wpforms-container-full .wpforms-confirmation-container-full, div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) { background: #0aa085 !important; border-radius: 3px !important; text-align: center !important; border-color: #0aa085 !important; color: var(--nv-site-bg) !important; } div.wpforms-container-full .wpforms-confirmation-container-full p { margin-bottom: 0 !important; color: var(--nv-site-bg) !important; } /* textarea height */ div.wpforms-container-full .wpforms-form textarea { height: calc(var(--wpforms-field-size-input-height)* 3.1)!important; } /* ------------------------ TABLE OF CONTENTS ------------------------ */ #ez-toc-container { margin: 0 0 60px; padding: 15px; border-width: 2px!important; } #ez-toc-container a.ez-toc-link { text-decoration: none; } #ez-toc-container li:hover a.ez-toc-link { opacity: 0.9; } /* ------------------------ COOKIEYES ------------------------ */ .cky-btn-accept { background: var(--nv-primary-accent)!important; } .cky-btn-accept, .cky-btn-preferences, .cky-btn-customize, .cky-btn-reject { border: 2px solid var(--nv-primary-accent)!important; } .cky-accordion-btn, html .cky-preference-content-wrapper .cky-show-desc-btn { color: #121212!important; background: transparent!important; } .cky-btn { padding: 10px 15px!important; text-transform: none!important; font-weight: normal!important; } .cky-accordion-btn, .cky-accordion-btn:hover, .cky-show-desc-btn, .cky-show-desc-btn:hover, .cky-btn-close, .cky-btn-close:hover{ border: none!important; background: none!important; } /* ------------------------ TRANSLATEPRESS ------------------------ */ /* poprawienie menu dropdown */ .trp-language-switcher-container .sub-menu { left: auto!important; right: 0; } .trp-language-switcher-container .sub-menu a { border-left: 0!important; } /* ukrycie nazwy w header */ header .trp-ls-language-name { display: none; } /* poprawienie menu dropdown w stopce */ .ud-menu-copyright .elementor-nav-menu--layout-horizontal .trp-language-switcher-container .sub-menu { top: auto!important; bottom: 100%; left: auto!important; right: 0; } .ud-menu-copyright .elementor-nav-menu--layout-horizontal .trp-language-switcher-container .sub-menu .ud-menu-copyright .elementor-nav-menu--layout-horizontal .trp-language-switcher-container .scroll-up, .ud-menu-copyright .elementor-nav-menu--layout-horizontal .trp-language-switcher-container .scroll-down { display: none!important; visibility: hidden!important; } .ud-menu-copyright .elementor-nav-menu--layout-horizontal .trp-language-switcher-container .sub-menu a { color: var(--nv-text-color); } .ud-menu-copyright .elementor-nav-menu--layout-horizontal .trp-language-switcher-container .sub-menu a:hover { color: var(--nv-site-bg); } /* ************************ LOOP ************************ */ /* ------------------------ ELEMENTOR - BLOG POSTS ------------------------ */ .e-loop-item .e-con.e-parent>.e-con-inner { padding: 30px 15px; } /* ------------------------ ELEMENTOR - BLOG LATEST POSTS ------------------------ */ .ud-loop-blog-post { position: relative; overflow: hidden!important; transform: scale(1); } .ud-loop-blog-post::after { /* Pseudoelement, który przejmuje tło */ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: inherit; /* Ustawiamy tło – możesz tu użyć tej samej wartości, która jest przypisana do elementu */ background-size: cover; background-position: center; transition: transform 0.2s ease; z-index: -1; /* pseudoelement za zawartością */ } .ud-loop-blog-post:hover::after { transform: scale(1.1); } /* ************************ HEADER TOP ************************ */ .hfg_header.site-header { box-shadow: none; } .header--row-inner.header-top-inner { border-bottom-style: dashed; } .header-top-inner .builder-item { margin-top: 0; margin-bottom: 0; } /* ------------------------ LEFT ------------------------ */ /* Contact text ------------------------ */ .header-top .left p a { transition: color 0.2s ease; } .header-top .left p a:hover { color: var(--nv-primary-accent) } /* ------------------------ RIGHT ------------------------ */ /* ************************ HEADER ************************ */ /* ------------------------ LEFT ------------------------ */ /* Logo ------------------------ */ .title-with-logo img { border-radius: var(--border-radius); } /* ------------------------ RIGHT ------------------------ */ /* Menu ------------------------ */ /* sub menu */ .nav-ul li>.sub-menu { margin-top: -2px; padding-top: 20px; padding-bottom: 20px; border-radius: var(--border-radius); } .nav-ul li>.sub-menu li { line-height: 1rem; } .nav-ul li>.sub-menu li .wrap { padding: 10px 20px; line-height: 1rem; } .nav-ul li>.sub-menu li .wrap a { line-height: 1rem; min-height: 1rem; } .nav-ul li>.sub-menu li:hover .wrap a { opacity: 0.9; } /* Search ------------------------ */ .header .nv-nav-search { background: var(--nv-dark-bg); box-shadow: none!important; border-radius: 6px; } .header .search-form .search-submit, .header .search-form .search-field { border-color: var(--e-global-color-nvprimaryaccent); } .header .search-form .search-field { background: var(--nv-dark-bg); border-radius: 3px 0 0 3px; color: var(--e-global-color-nvprimaryaccent); } .header .search-form .search-submit svg { opacity: 1; width: 1rem; height: 1rem; } .header .search-form .search-field:focus~button { border-color: var(--e-global-color-nvprimaryaccent); } .header .search-submit { border-radius: 0 3px 3px 0!important; } /* Buttons ------------------------ */ .header .builder-item .item--inner[class*=button_base] a { font-size: 0.875rem; font-weight: 600; text-transform: none; letter-spacing: 0.5px; transition: all .4s ease-in-out; } .header .builder-item .item--inner.builder-item--button_base a { margin-left: 15px; padding: 5px 15px; border: 2px solid var(--primarybtnbg); } .header .builder-item .item--inner.builder-item--button_base a:hover { border-color: var(--secondarybtnbg); } .header .builder-item .item--inner.builder-item--button_base_2 a { margin-left: 0; margin-right: 15px; padding: 3px 15px; } /* ------------------------ BREADCRUMBS ------------------------ */ .ud-breadcrumbs .e-con-inner { padding-top: 4px!important; padding-bottom: 4px!important; } .ud-breadcrumbs span { font-size: 0.875rem; display: flex; gap: 15px; font-weight: bold; } .ud-breadcrumbs span.breadcrumb_last { font-weight: normal; } /* breadcrumbs footer */ .ud-breadcrumbs-footer { font-size: 0.875rem; } .ud-breadcrumbs-footer span { color: var(--nv-site-bg); } /* ************************ HEADER TOP & HEADER - TRANSPARENT VERSION ************************ */ /* przycisk cta */ .header .neve-transparent-header .builder-item .item--inner.builder-item--button_base a { background: var(--nv-primary-accent); border-color: var(--nv-primary-accent); padding: 9px 20px; color: #fff!important; display: none!important; } body.partner_tours-template .header .neve-transparent-header .builder-item .item--inner.builder-item--button_base a, body.tour_and_packages-template:not(.postid-3037) .header .neve-transparent-header .builder-item .item--inner.builder-item--button_base a { display: block!important; } @media screen and (min-width: 1024px) { .neve-transparent-header .nav-ul li a, .neve-transparent-header span, .neve-transparent-header a, .neve-transparent-header p, .neve-transparent-header { color: #fff; } .neve-transparent-header .nav-ul li:hover .caret, .neve-transparent-header .nav-ul .caret { color: #fff; } /* translate press arrow color */ .neve-transparent-header a .sub-arrow svg, .neve-transparent-header a.highlighted .sub-arrow svg, .neve-transparent-header a:focus .sub-arrow svg, .neve-transparent-header a:hover .sub-arrow svg { fill: #fff; } /* kolor tła sub menu */ .neve-transparent-header .sub-menu { left: 15px; border-radius: 0 0.5rem 0.5rem 0.5rem!important; margin-top: 0px!important; background: rgba(0, 0, 0, 0.3)!important; /* półprzezroczyste tło */ backdrop-filter: blur(15px); /* efekt rozmycia */ -webkit-backdrop-filter: blur(5px); /* wsparcie dla Safari */ padding: 10px 0!important; } .neve-transparent-header .sub-menu li { min-width: 100px; } .neve-transparent-header .sub-menu li a { font-weight: bold; } .neve-transparent-header .sub-menu li a:hover { color: var(--nv-primary-accent); } /* zmiana tła menu */ .neve-transparent-header .nv-nav-wrap { display: flex; align-items: center; height: 48px; } .neve-transparent-header .nv-nav-wrap .primary-menu-ul > li { border-radius: var(--border-radius-rounded); transition: all .4s ease-in-out; } .neve-transparent-header .nv-nav-wrap .primary-menu-ul > li > .wrap { padding: 0!important; } .neve-transparent-header .nv-nav-wrap .primary-menu-ul > li > .wrap > a { border-radius: 100px; color: #fff; text-decoration: none; position: relative; transition: background-color 0.3s ease, box-shadow 0.3s ease; font-weight: bold; text-transform: initial; height: 44px; padding: 0 15px; text-align: center; justify-content: center; } .neve-transparent-header .nv-nav-wrap .primary-menu-ul > li.nv-active { background: rgba(0, 0, 0, .15); } .neve-transparent-header .nv-nav-wrap .primary-menu-ul > li.nv-active li.nv-active a { color: var(--nv-primary-accent); } .neve-transparent-header .nv-nav-wrap .primary-menu-ul > li:hover { background: var(--nv-primary-accent); } .neve-transparent-header .nv-nav-wrap .primary-menu-ul > li > .wrap > a:hover span, .neve-transparent-header .nv-nav-wrap .primary-menu-ul > li > .wrap > a:hover { color: #fff; } .neve-transparent-header .nav-ul li .caret { margin-top: 1px!important; margin-left: -3px!important; padding-right: 5px; color: #fff!important; } .neve-transparent-header .nav-ul li:hover .caret { color: #fff; } } /* ************************ FOOTER ************************ */ /* Scroll to Top ------------------------ */ #scroll-to-top { padding: 10px; color: var(--nv-site-bg)!important; } #scroll-to-top:hover { background: var(--hoverbgcolor); opacity: 0.9!important; border-color: var(--e-global-color-nvprimaryaccent)!important; } /* Ustawienia wyglądu linków ------------------------ */ html .ud-footer-main a, html .ud-footer-bottom a, html .ud-footer-copyright a { color: #fff; } html .ud-footer-copyright .elementor-item-active { color: #fff!important; } /* ************************ STRONA GŁÓWNA ************************ */ /* ------------------------ HERO ------------------------ */ /* ************************ BLOG ************************ */ /* ------------------------ BLOG - Archive ------------------------ */ /*body.archive.category #header-grid,*/ body.blog.single #header-grid { background: var(--nv-dark-bg); } /*body.archive.category .neve-main,*/ body.blog.single .neve-main { padding-top: 60px; } /* Kontener nadrzędny dla artykułów */ .blog .posts-wrapper { display: flex; flex-wrap: wrap; /* Dostosowanie do wielu wierszy */ align-items: stretch; /* Rozciąga wszystkie dzieci */ } .blog .posts-wrapper article { display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; height: 100%; /* Wymusza równą wysokość */ box-sizing: border-box; } /* Kontener dla zdjęć - proporcja 653:435 */ .blog .nv-post-thumbnail-wrap.img-wrap { position: relative; width: 100%; padding-top: 66.6%; /* Proporcja 653:435 */ overflow: hidden; margin-bottom: 30px; /* Dystans między zdjęciem a treścią */ border-radius: var(--border-radius-lg); } /* Zdjęcia - dopasowanie do kontenera */ .blog .nv-post-thumbnail-wrap.img-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; /* Przycięcie zdjęcia */ object-position: center; border-radius: var(--border-radius-lg); } /* Treść artykułu - elastyczne wypełnienie */ .blog .article-content-col { flex-direction: column; justify-content: space-between; flex-grow: 1; } .blog .article-content-col .content { flex-direction: column; justify-content: space-between; flex-grow: 1; } .blog .article-content-col .blog-entry-title { margin-bottom: 10px; } .blog .article-content-col .blog-entry-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-width: 100%; /* lub inna szerokość w zależności od layoutu */ } .blog .article-content-col .nv-meta-list { margin-bottom: 10px; } /* Przyciski i podsumowanie */ .blog .excerpt-wrap { flex-grow: 1; /* Rozciąga treść w pionie */ display: flex; flex-direction: column; justify-content: space-between; } .blog .excerpt-wrap p { margin-bottom: 15px; } /* Przycisk "Czytaj dalej" na samym dole */ .blog .read-more-wrapper { margin-top: auto; display: flex; justify-content: flex-start; } /* ------------------------ BLOG - Single ------------------------ */ body.single-post #header-grid { background: var(--nv-dark-bg); } body.single-post .neve-main { padding-top: 60px; } .single-post .nv-thumb-wrap img { border-radius: var(--border-radius); width: 100%!important; } .single-post .nv-title-meta-wrap { display: flex; flex-direction: column; } .single-post .nv-title-meta-wrap .title { order: 1; margin-bottom: 0; } .single-post .nv-title-meta-wrap .neve-breadcrumbs-wrapper { order: 2; margin-bottom: 15px; } .single-post .nv-title-meta-wrap .nv-meta-list { order: 3; } .single .e-con-inner .elementor-widget-text-editor ol:last-child, .single .e-con-inner .elementor-widget-text-editor ul:last-child, .single .e-con-inner .elementor-widget-text-editor blockquote:last-child { margin-bottom: 0!important; } /* ************************ GALLERY ************************ */ body.gallery { display: block; } /* ************************ POLITYKA PRYWATNOŚCI ************************ */ body.privacy-policy #header-grid { background: var(--nv-dark-bg); } body.privacy-policy .neve-main { padding-top: 60px; } body.privacy-policy .nv-content-wrap { padding: 60px 0; } /* ************************ 404 ************************ */ body.error404 #header-grid { background: var(--nv-dark-bg); } /* ************************ SZUKAJ ************************ */ body.search #header-grid { background: var(--nv-dark-bg); } body.search .neve-main { padding-top: 60px; } body.search .nv-content-wrap { padding: 60px 0; } /* Kontener nadrzędny dla artykułów */ .search.search-results .posts-wrapper { display: flex; flex-wrap: wrap; /* Dostosowanie do wielu wierszy */ align-items: stretch; /* Rozciąga wszystkie dzieci */ } .search.search-results .posts-wrapper article { display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; height: 100%; /* Wymusza równą wysokość */ box-sizing: border-box; } /* Kontener dla zdjęć - proporcja 653:435 */ .search.search-results .nv-post-thumbnail-wrap.img-wrap { position: relative; width: 100%; padding-top: 66.6%; /* Proporcja 653:435 */ overflow: hidden; margin-bottom: 30px; /* Dystans między zdjęciem a treścią */ border-radius: var(--border-radius-lg); } /* Zdjęcia - dopasowanie do kontenera */ .search.search-results .nv-post-thumbnail-wrap.img-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; /* Przycięcie zdjęcia */ object-position: center; border-radius: var(--border-radius-lg); } /* Treść artykułu - elastyczne wypełnienie */ .search.search-results .article-content-col { flex-direction: column; justify-content: space-between; flex-grow: 1; } .search.search-results .article-content-col .content { flex-direction: column; justify-content: space-between; flex-grow: 1; } .search.search-results .article-content-col .blog-entry-title { margin-bottom: 10px; font-size: var(--h4fontsize); } .search.search-results .article-content-col .blog-entry-title a { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-width: 100%; /* lub inna szerokość w zależności od layoutu */ } .search.search-results .article-content-col .nv-meta-list { margin-bottom: 10px; } /* Przyciski i podsumowanie */ .search.search-results .excerpt-wrap { flex-grow: 1; /* Rozciąga treść w pionie */ display: flex; flex-direction: column; justify-content: space-between; } .search.search-results .excerpt-wrap p { margin-bottom: 15px; } /* Przycisk "Czytaj dalej" na samym dole */ .search.search-results .read-more-wrapper { margin-top: auto; display: flex; justify-content: flex-start; } /* ================================================================================================================================================ RESPONSIVE ================================================================================================================================================ */ /* ======================== RESPONSIVE REPAIR 0/4 ======================== */ @media (min-width: 960px) { .hide-on-desktop { display:initial; } } @media (max-width: 959px) { .hide-on-tablet { display:initial; } } @media (max-width: 576px) { .hide-on-mobile { display:initial; } } /* correct settings */ @media (min-width: 1025px) { .hide-on-desktop { display:none; } } @media (max-width: 1024px) { .hide-on-tablet { display:none; } } @media (max-width: 480px) { .hide-on-mobile { display:none; } } /* END RESPONSIVE REPAIR */ /* ======================== RESPONSIVE 1024px 1/4 ======================== */ @media screen and (max-width: 1024px) { /* ************************ PLUGINS ************************ */ /* ------------------------ TRANSLATEPRESS ------------------------ */ /* języki od nowej linijki */ .ud-menu-copyright .trp-language-switcher-container { flex-basis: 100%; width: 100%; } /* poprawienie menu dropdown w stopce */ .ud-menu-copyright .elementor-nav-menu--layout-horizontal .trp-language-switcher-container .sub-menu { top: auto!important; bottom: 100%; left: 50% !important; transform: translateX(-50%); right: auto; } /* ************************ HEADER ************************ */ /* ------------------------ LEFT ------------------------ */ /* Logo ------------------------ */ body.is-menu-sidebar header .site-logo { position: fixed; z-index: 999999; filter: drop-shadow(0px 100px 0 #000); transform: translateY(-100px); } /* ------------------------ RIGHT ------------------------ */ /* Menu mobile ------------------------ */ .header-menu-sidebar .navbar-toggle-wrapper { padding: 4px 15px; } .header-menu-sidebar .navbar-toggle-wrapper button.navbar-toggle:focus, .header-menu-sidebar .navbar-toggle-wrapper button.navbar-toggle, .menu-mobile-toggle .navbar-toggle { padding: 10px 15px; border-radius: var(--border-radius); border: 2px solid var(--e-global-color-nvprimaryaccent); background: var(--e-global-color-nvprimaryaccent); color: var(--nv-site-bg); outline: none; } .header-menu-sidebar .navbar-toggle-wrapper button.navbar-toggle:hover, .menu-mobile-toggle .navbar-toggle:hover { background: transparent; border-radius: var(--border-radius); border: 2px solid var(--e-global-color-nvprimaryaccent); color: var(--e-global-color-nvprimaryaccent); } /* ustawienie odstępów */ #header-menu-sidebar .builder-item { margin: 0; } #header-menu-sidebar .builder-item--divider { padding: 15px 0 30px; } #header-menu-sidebar .builder-item--divider_2 { padding: 30px 0 15px; } /* search */ .header-menu-sidebar .search-form svg { opacity: 1; } /* btn */ .header-menu-sidebar .button-primary { margin-left: 0!important; } .header-menu-sidebar .button-primary:hover { color: var(--primarybtncolor); border-color: var(--primarybtncolor); } /* dropdown */ .header-menu-sidebar button.caret-wrap { color: #fff; padding: 0!important; border: none!important; } .header-menu-sidebar button.caret-wrap:focus { outline: none!important; } .header-menu-sidebar .nav-ul .sub-menu.dropdown-open { background-color: rgba(0,0,0,0.03)!important; /* zmieniać na 255,255,255,0.04 lub 0,0,0,0.02 zależnie od koloru tła */ box-shadow: none!important; margin-left: 0; padding: 5px 15px; border-radius: var(--border-radius); margin-bottom: 15px; } .header-menu-sidebar .nav-ul li>.sub-menu li .wrap { padding: 0; } .header-menu-sidebar .nav-ul li:not([class*=block])>.wrap>a { padding: 15px 0!important; } /* dodatkowe menu */ #secondary-menu-mobile-sidebar { margin: 0 auto; gap: 15px; } #secondary-menu-mobile-sidebar li { margin: 0 auto; padding: 0; } #secondary-menu-mobile-sidebar li .wrap { padding: 0; text-align: center; align-content: center; align-items: center; } #secondary-menu-mobile-sidebar li a { color: #fff; padding: 15px 30px; display: block; width: 100%; text-align: center; } #secondary-menu-mobile-sidebar li a:hover { border-color: var(--primarybtnbg); color: var(--primarybtnbg); } #secondary-menu-mobile-sidebar li.button-secondary a { color: var(--primarybtnbg); } #secondary-menu-mobile-sidebar li.button-secondary:hover { background: transparent!important; border-color: var(--primarybtnbg); } /* aktualizacja */ #header-menu-sidebar .nav-ul li>.sub-menu { margin-top:0; padding-top: 15px; padding-bottom: 15px; border-radius: 0.5rem; } .header-menu-sidebar .nav-ul li .wrap button { margin-right: 0; outline: 1px solid var(--e-global-color-nvdarkbg) !important; color: var(--e-global-color-nvdarkbg) !important; padding: 15px!important; border-radius: 0.25rem!important; } .header-menu-sidebar .nav-ul li .wrap button svg { color: var(--e-global-color-nvdarkbg) !important; fill: var(--e-global-color-nvdarkbg) !important } .nav-ul li>.sub-menu li { line-height: 1rem } .nav-ul li>.sub-menu li .wrap { padding: 0; line-height: 1rem } .nav-ul li>.sub-menu li.nv-active .wrap a,.nav-ul li>.sub-menu li .wrap a { line-height: 1rem; min-height: 1rem; text-transform: capitalize; color: var(--nv-dark-bg) } #header-menu-sidebar .item--inner.builder-item--button_base a.button { margin: 0 auto; width: 100%; padding-top: 15px; padding-bottom: 15px } #header-menu-sidebar .item--inner.builder-item--social_icons .nv-social-icons-list { margin: 0 auto } /* ************************ FOOTER ************************ */ /* ------------------------ FOOTER BOTTOM ------------------------ */ /* Wyśrodkowanie menu ------------------------ */ .ud-footer-main .elementor-nav-menu { display: flex; flex-direction: column; justify-content: center; } .ud-footer-main .elementor-nav-menu li { margin: 0 auto; } .ud-footer-bottom.e-con.e-parent>.e-con-inner { gap: 15px; } } /* END RESPONSIVE 1024px */ /* ======================== RESPONSIVE 768-1024px ======================== */ @media screen and (min-width: 768px) and (max-width: 1024px) { /* ************************ GENERAL ************************ */ :root { --h1fontsize: 3rem; --h2fontsize: 2rem; --h3fontsize: 1.75rem; --h4fontsize: 1.5rem; --h5fontsize: 1.25rem; --h6fontsize: 1rem; } /* ------------------------ TITLES ------------------------ */ h1, h1.elementor-heading-title { margin-bottom: 24px; } h2, h2.elementor-heading-title { margin-bottom: 22px; } h3, h3.elementor-heading-title { margin-bottom: 20px; } h4, h4.elementor-heading-title { margin-bottom: 18px; } h5, h5.elementor-heading-title { margin-bottom: 16px; } h6, h6.elementor-heading-title { margin-bottom: 14px; } /* ------------------------ TEXT ------------------------ */ p { margin-bottom: 14px; } /* ************************ PLUGINS ************************ */ /* ------------------------ ELEMENTOR ------------------------ */ /* Global Settings ------------------------ */ .ud-con-normal.e-con.e-con-full, .ud-con-normal.e-con:not(.e-con-full)>.e-con-inner { padding: 45px 15px; } .ud-con-small.e-con.e-con-full, .ud-con-small.e-con:not(.e-con-full)>.e-con-inner { padding: 30px 15px; } .ud-con-minimal.e-con.e-con-full, .ud-con-minimal.e-con:not(.e-con-full)>.e-con-inner { padding: 30px 15px; } .ud-con-normal.e-con>.e-con-inner { gap: 30px; } .ud-con-small.e-con>.e-con-inner { gap: 15px; } .ud-con-minimal.e-con>.e-con-inner { gap: 15px; } .nv-single-post-wrap>div:not(:last-child) { margin-bottom: var(--spacing, 45px); } /* ------------------------ GUTHENBERG ------------------------ */ /* Spacer ------------------------ */ .ud-gb-spacer { height: 45px!important; } /* ------------------------ TABLE OF CONTENTS ------------------------ */ #ez-toc-container { margin: 0 0 45px; } /* ************************ LOOP ************************ */ /* ------------------------ ELEMENTOR - BLOG LATEST POSTS ------------------------ */ .ud-loop-latest_blog .e-loop-item:last-child { display: none!important; } /* ************************ POLITYKA PRYWATNOŚCI ************************ */ body.privacy-policy .nv-content-wrap { padding: 45px 0; } /* ************************ SZUKAJ ************************ */ body.search .nv-content-wrap { padding: 45px 0; } } /* END RESPONSIVE 768-1024px */ /* ======================== RESPONSIVE 767px ======================== */ @media screen and (max-width: 767px) { /* ************************ GENERAL ************************ */ /* ------------------------ TITLES ------------------------ */ :root { --h1fontsize: 2.5rem; --h2fontsize: 1.75rem; --h3fontsize: 1.5rem; --h4fontsize: 1.25rem; --h5fontsize: 1rem; --h6fontsize: 1rem; --h1letterspacing: 0px; } h1, h1.elementor-heading-title { margin-bottom: 20px; } h2, h2.elementor-heading-title { margin-bottom: 18px; } h3, h3.elementor-heading-title { margin-bottom: 16px; } h4, h4.elementor-heading-title { margin-bottom: 14px; } h5, h5.elementor-heading-title { margin-bottom: 12px; } h6, h6.elementor-heading-title { margin-bottom: 10px; } /* ------------------------ TEXT ------------------------ */ p { margin-bottom: 10px; } /* ************************ PLUGINS ************************ */ /* ------------------------ ELEMENTOR ------------------------ */ /* Global Settings ------------------------ */ .ud-con-normal.e-con.e-con-full, .ud-con-normal.e-con:not(.e-con-full)>.e-con-inner { padding: 30px 15px; } .ud-con-small.e-con.e-con-full, .ud-con-small.e-con:not(.e-con-full)>.e-con-inner { padding: 30px 15px; } .ud-con-minimal.e-con.e-con-full, .ud-con-minimal.e-con:not(.e-con-full)>.e-con-inner { padding: 30px 15px; } .ud-con-normal.e-con>.e-con-inner { gap: 15px; } .ud-con-small.e-con>.e-con-inner { gap: 15px; } .ud-con-minimal.e-con>.e-con-inner { gap: 15px; } .nv-single-post-wrap>div:not(:last-child) { margin-bottom: var(--spacing, 30px); } /* Accordion ------------------------ */ .e-n-accordion ul { margin-bottom: 10px; } /* ------------------------ TABLE OF CONTENTS ------------------------ */ #ez-toc-container { margin: 0 0 30px; } /* ************************ BLOG ************************ */ /* ------------------------ BLOG - Archive ------------------------ */ /* Kontener dla zdjęć - proporcja 653:435 */ .blog .nv-post-thumbnail-wrap.img-wrap { margin-bottom: 10px; /* Dystans między zdjęciem a treścią */ } /* ************************ POLITYKA PRYWATNOŚCI ************************ */ body.privacy-policy .nv-content-wrap { padding: 30px 0; } /* ************************ SZUKAJ ************************ */ body.search .nv-content-wrap { padding: 30px 0; } } /* END RESPONSIVE 767px */ /* ======================== RESPONSIVE 480px - only some elements ======================== */ @media screen and (max-width: 480px) { } /* END RESPONSIVE 480px */