.ac_results{background-color:#fff;border:1px solid #808080;display:none;list-style:none;margin:0;padding:0;position:absolute;z-index:100001;}.ac_results li{color:#101010;padding:2px 5px;text-align:left;white-space:nowrap;}.ac_over{background-color:#ccc;cursor:pointer;}.ac_match{text-decoration:underline;}
/* Backdrop and dialog share positioning + z-index; DOM order keeps banner above overlay.
Custom properties declared here (not on :root) so the plugin contributes no
inherited globals — descendants of these elements still see the vars. */
#popup-reklamowy-overlay,
#popup-reklamowy-banner {
--pr-anim: 0.3s ease;
--pr-radius: 8px;
--pr-close-size: 30px;
position: fixed;
z-index: var(--pr-z, 999999);
transition: opacity var(--pr-anim);
}
#popup-reklamowy-overlay {
inset: 0;
background: rgba(0, 0, 0, 0.4);
}
/* Banner shrink-wraps its content. Caps here are a safety net for raw HTML
adserver snippets; img/iframe are also capped directly so the visible
element and the DOM box match — no transparent letterboxing. */
#popup-reklamowy-banner {
inset: 0;
margin: auto;
width: fit-content;
height: fit-content;
max-width: var(--pr-max-w-d, 33vw);
max-height: var(--pr-max-h-d, 33vh);
border-radius: var(--pr-radius);
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
transition: opacity var(--pr-anim), transform var(--pr-anim);
}
.popup-reklamowy-hidden { opacity: 0; pointer-events: none; }
.popup-reklamowy-visible { opacity: 1; pointer-events: auto; }
#popup-reklamowy-banner.popup-reklamowy-hidden {
transform: scale(0.95);
}
#popup-reklamowy-close,
#popup-reklamowy-close svg {
width: var(--pr-close-size);
height: var(--pr-close-size);
}
#popup-reklamowy-close {
position: absolute;
top: 10px;
right: 10px;
padding: 0;
border: 0;
background: none;
cursor: pointer;
opacity: 0.9;
z-index: 10;
transition: transform 0.2s ease, opacity 0.2s ease;
}
#popup-reklamowy-close:hover,
#popup-reklamowy-close:focus-visible {
opacity: 1;
transform: scale(1.1);
}
#popup-reklamowy-close svg {
display: block;
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}
/* Click-wrapper must shrink to its img, otherwise it would stretch full width
and reintroduce empty space the banner would wrap. */
#popup-reklamowy-content > a {
display: block;
width: fit-content;
}
/* Cap the visual element directly with width/height: auto so the element box
equals the rendered (aspect-preserved) image — banner then fits tightly. */
#popup-reklamowy-content img,
#popup-reklamowy-content iframe {
display: block;
max-width: var(--pr-max-w-d, 33vw);
max-height: var(--pr-max-h-d, 33vh);
}
#popup-reklamowy-content iframe {
border: 0;
}
@media (max-width: 768px) {
#popup-reklamowy-banner,
#popup-reklamowy-content img,
#popup-reklamowy-content iframe {
max-width: var(--pr-max-w-m, calc(100vw - 20px));
max-height: var(--pr-max-h-m, 50vh);
}
#popup-reklamowy-overlay,
#popup-reklamowy-banner {
--pr-close-size: 25px;
}
#popup-reklamowy-close {
top: 5px;
right: 5px;
}
}
@media (prefers-reduced-motion: reduce) {
#popup-reklamowy-overlay,
#popup-reklamowy-banner,
#popup-reklamowy-close {
transition: none;
}
#popup-reklamowy-banner.popup-reklamowy-hidden {
transform: none;
}
}
/*
* Basic CSS
*/
body {
--lemmony-speed-xslow: 3s;
--lemmony-speed-slow: 2s;
--lemmony-speed-normal: 1.2s;
--lemmony-speed-fast: 0.8s;
--lemmony-speed-xfast: 0.4s;
--lemmony-delay-xsmall: 0.25s;
--lemmony-delay-small: 0.5s;
--lemmony-delay-medium: 0.75s;
--lemmony-delay-large: 1s;
--lemmony-delay-xlarge: 2s;
}
a {
text-decoration: none;
transition: color, opacity 0.35s ease-out;
}
/* For performance plugins */
body a {
text-decoration: none;
}
img {
max-width: 100%;
}
button,
.wp-element-button,
input[type="submit"] {
transition: all 0.35s ease-out;
}
body .wp-element-button {
background-color: var(--wp--preset--color--background-alt)
}
body .wp-element-button:hover,
body .wp-block-button__link:hover {
background-color: var(--wp--preset--color--primary);
}
body .wp-block-button.is-style-outline > .wp-block-button__link,
body .wp-block-button .wp-block-button__link.is-style-outline {
padding-top: calc(1.334em - 2px);
padding-bottom: calc(1.334em - 2px);
padding-left: calc(2.667em - 2px);
padding-right: calc(2.667em - 2px);
}
.wp-block-buttons .wp-block-button__link {
display: inline-flex;
align-items: center;
gap: 10px;
}
input,
textarea,
select {
border-radius: 8px;
}
h1 img {
max-height: 0.9em!important;
width: auto!important;
}
html {
scroll-behavior: smooth;
}
.hidden {
display: none;
}
.wp-block-heading {
overflow-wrap: break-word;
word-wrap: break-word;
}
/*
* Blocks
*/
.wp-site-blocks > * {
margin-top: 0!important;
}
/* Hovers */
div > p > a,
.wp-block-post-terms a,
.wp-block-post-navigation-link a,
.wp-block-post-title:not(h1),
.wp-block-post-title:not(h1) a {
transition: 0.4s all ease-out;
}
div > p > a:hover,
.wp-block-post-terms a:hover,
.wp-block-post-navigation-link a:hover,
.wp-block-post-title:not(h1):hover,
.wp-block-post-title:not(h1):hover a {
opacity: 0.75;
}
.lemmony-button-hover-opacity .wp-block-button__link:hover {
opacity: 0.75;
}
.lemmony-button-hover-background-alt .wp-block-button__link:hover {
background-color: var(--wp--preset--color--background-alt)!important;
color: #ffffff!important;
}
.lemmony-button-hover-primary .wp-block-button__link:hover {
background-color: var(--wp--preset--color--primary)!important;
color: #ffffff!important;
}
.lemmony-button-hover-primary-text .wp-block-button__link:hover {
color: var(--wp--preset--color--primary)!important;
}
/* Blockquote */
figure.wp-block-pullquote {
margin-top: 48px;
margin-bottom: 48px;
padding-top: 45px;
padding-bottom: 45px;
border-top-width: 1px;
border-bottom-width: 1px;
position: relative;
border-color: var(--wp--preset--color--border);
}
figure.wp-block-pullquote,
blockquote.wp-block-quote {
font-size: var(--wp--preset--font-size--medium-plus);
font-weight: bold;
line-height: 1.3;
position: relative;
}
figure.wp-block-pullquote p,
blockquote.wp-block-quote p {
margin-bottom: 5px;
}
blockquote.wp-block-quote p {
margin-top: 0;
}
figure.wp-block-pullquote cite,
blockquote.wp-block-quote cite {
font-size: var(--wp--preset--font-size--small);
text-transform: none;
font-weight: 600;
}
blockquote.wp-block-quote {
margin-top: 48px;
margin-bottom: 48px;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 1.5em;
border-left-width: 1px;
border-color: var(--wp--preset--color--border);
}
figure.wp-block-pullquote:after {
top: 0; left: 50%;
margin-left: -35px;
margin-top: -16px;
padding: 0 20px;
}
blockquote.wp-block-quote:after {
top: 50%; left: 0;
margin-left: -16px;
margin-top: -35px;
padding: 20px 0;
}
figure.wp-block-pullquote:after,
blockquote.wp-block-quote:after {
content: "";
display: inline-block;
position: absolute;
width: 30px;
height: 30px;
background-color: #ffffff;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMiAzMic+PHBhdGggZD0nTTI3LjY0OCwyNi45OTJoLTkuNDYzYy0wLjI4MywwLTAuNTU0LTAuMTItMC43NDQtMC4zMzFjLTAuMTg5LTAuMjExLTAuMjgtMC40OTMtMC4yNS0wLjc3NWwxLjIyMi0xMS40NDcgYzAuMDI3LTAuMjU2LDAuMTUyLTAuNDkyLDAuMzQ5LTAuNjU4bDEwLjA5My04LjUzNmMwLjMxMS0wLjI2MiwwLjc0OS0wLjMxMSwxLjEwNy0wLjEyM2MwLjM2LDAuMTg4LDAuNTcxLDAuNTc1LDAuNTM0LDAuOTc5IGwtMS44NTIsMTkuOTgyQzI4LjU5NiwyNi41OTgsMjguMTY1LDI2Ljk5MiwyNy42NDgsMjYuOTkyeiBNMTkuMjk4LDI0Ljk5Mmg3LjQzOGwxLjU0Mi0xNi42NGwtNy45MTksNi42OThMMTkuMjk4LDI0Ljk5MnogTTExLjk2MywyNi45OTJIMi41Yy0wLjI4NCwwLTAuNTU0LTAuMTItMC43NDQtMC4zMzFjLTAuMTktMC4yMTEtMC4yODEtMC40OTMtMC4yNS0wLjc3NWwxLjIyMi0xMS40NDcgYzAuMDI3LTAuMjU2LDAuMTUyLTAuNDkxLDAuMzQ4LTAuNjU4bDEwLjA5Mi04LjUzNmMwLjMxLTAuMjYyLDAuNzQ4LTAuMzExLDEuMTA4LTAuMTIzYzAuMzYsMC4xODgsMC41NzEsMC41NzUsMC41MzMsMC45NzkgbC0xLjg1MSwxOS45ODJDMTIuOTExLDI2LjU5OCwxMi40NzksMjYuOTkyLDExLjk2MywyNi45OTJ6IE0zLjYxMiwyNC45OTJoNy40MzlsMS41NDItMTYuNjRsLTcuOTE5LDYuNjk4TDMuNjEyLDI0Ljk5MnonLz48L3N2Zz4=");
background-repeat: no-repeat;
background-position: 50% 50%;
}
/* Term Description */
.wp-block-comment-content p:first-child,
.wp-block-term-description p:first-child {
margin-top: 0;
}
.wp-block-comment-content p:last-child,
.wp-block-term-description p:last-child {
margin-bottom: 0;
}
/* Post Author */
.wp-block-post-author img {
border-radius: 100px;
}
/* Cover Image */
.wp-block-cover-image.is-light .wp-block-cover__inner-container,
.wp-block-cover.is-light .wp-block-cover__inner-container {
color: var(--wp--preset--color--body);
}
/* Image */
.wp-block-image {
line-height: 1;
}
.wp-block-image figcaption {
margin-top: 1.5em;
text-align: left;
}
.wp-block-image figcaption {
color: var(--wp--preset--color--meta);
}
/* Post Excerpt */
.wp-block-post-excerpt__excerpt {
margin: 0;
}
/* Post Content */
.wp-block-post-content pre {
overflow: auto;
}
.wp-block-post-content > figure a,
.wp-block-post-content > p a,
.wp-block-post-content > ul a,
.wp-block-post-content > ol a {
color: var(--wp--preset--color--secondary);
text-decoration: underline;
}
.wp-block-post-content > figure a:hover,
.wp-block-post-content > p a:hover,
.wp-block-post-content > ul a:hover,
.wp-block-post-content > ol a:hover {
opacity: 1;
text-decoration: none;
}
body .wp-block-post-content.is-layout-flow > * + * {
margin-block-start: var(--wp--preset--spacing--50);
}
body .wp-block-post-content.is-layout-flow > h1 + *,
body .wp-block-post-content.is-layout-flow > h2 + *,
body .wp-block-post-content.is-layout-flow > h3 + *,
body .wp-block-post-content.is-layout-flow > h4 + *,
body .wp-block-post-content.is-layout-flow > h5 + *,
body .wp-block-post-content.is-layout-flow > h6 + * {
margin-block-start: var(--wp--preset--spacing--30);
}
.wp-block-post-content form.post-password-form {
background-color: var(--wp--preset--color--midground) !important;
padding: 48px 64px;
border-radius: 24px;
}
.wp-block-post-content form.post-password-form input[type="password"] {
height: 60px;
border: 1px solid var(--wp--preset--color--border-alt);
border-radius: 8px;
outline: none;
padding: 0px 20px;
font-size: 18px;
margin-right: 24px;
margin-left: 16px;
}
.wp-block-post-content form.post-password-form label {
font-weight: 600;
}
.wp-block-post-content form.post-password-form input[type="submit"] {
padding: 20px 40px;
border-radius: 50px;
color: #ffffff;
background-color: var(--wp--preset--color--background-alt);
border-width: 0px;
font-weight: 700;
font-size: 18px;
}
.wp-block-post-content form.post-password-form input[type="submit"]:hover {
background-color: var(--wp--preset--color--primary);
color: #ffffff;
}
.wp-block-post-content form.post-password-form > p:first-child {
margin-bottom: 40px;
}
input[type="submit"] {
font-family: inherit;
line-height: 1;
cursor: pointer;
}
@media (max-width: 782px) {
.wp-block-post-content form.post-password-form {
padding: 24px 32px;
}
.wp-block-post-content form.post-password-form input[type="password"] {
margin: 16px 0;
}
.wp-block-post-content form.post-password-form input[type="submit"] {
font-size: 15px;
}
}
/* Post Terms */
.wp-block-post-terms.taxonomy-post_tag * {
opacity: 0.7;
}
.wp-block-post-terms.taxonomy-post_tag a:hover {
opacity: 1;
text-decoration: underline;
}
/* Post Comments */
.wp-block-post-comments-form label {
display: block;
font-size: var(--wp--preset--font-size--tiny-plus);
font-weight: 600;
padding-bottom: 0.5rem;
}
.comment-form-cookies-consent label {
font-weight: 400;
}
.comment-reply-title {
font-size: var(--wp--preset--font-size--medium-plus);
}
.wp-block-post-comments-form input[type="checkbox"] {
width: 20px;
margin-top: -0.25em!important;
margin-right: 0.35em;
}
.wp-block-post-comments-form .form-submit {
margin-top: 1.5em;
}
.wp-comment-cookies-consent {
font-weight: normal;
}
.wp-block-comment-template ol {
padding-left: 4rem;
}
/* Post Author */
.wp-block-post-author__avatar img {
width: 64px;
height: auto;
}
.lemmony-avatar-only.wp-block-post-author .wp-block-post-author__avatar {
margin-right: 0;
}
/* Post Catergories List */
.wp-block-categories-list {
list-style: none;
padding-left: 0px;
}
.wp-block-categories-list li:not(:first-child) {
margin-top: 16px;
}
/* Tag Cloud */
.wp-block-tag-cloud {
font-weight: 600;
}
/* Query - Pagination */
.wp-block-query-pagination {
font-size: 16px;
}
.wp-block-query-pagination-numbers .page-numbers {
display: inline-flex;
width: 3em;
height: 3em;
align-items: center;
justify-content: center;
border-radius: 10px;
font-weight: 600;
}
.wp-block-query-pagination-numbers a.page-numbers {
border: 1px solid #CDD5DD;
}
.wp-block-query-pagination-numbers a.page-numbers:hover {
background-color: #117EFF;
color: white;
}
.wp-block-query-pagination-numbers .page-numbers.current {
font-weight: bold;
background-color: #117EFF;
color: white;
}
/* Search */
.wp-block-search .wp-block-search__button svg {
min-width: 18px;
min-height: 18px;
width: 18px;
display: inline-block;
}
/*
* Styles
*/
/* Columns - Hover Opacity */
.wp-block-columns.is-style-hover-opacity {
transition: 0.3s opacity ease-out;
}
.wp-block-columns.is-style-hover-opacity:hover {
opacity: 0.7;
}
/* Search - Border With Radius */
.wp-block-search.is-style-border-with-radius .wp-block-search__inside-wrapper {
border-radius: 100px;
overflow: hidden;
background-color: #ffffff;
padding: 0;
}
.wp-block-search.is-style-border-with-radius input {
font-size: 18px;
padding-left: 2rem;
}
.wp-block-search.is-style-border-with-radius button {
background-color: transparent;
color: black;
padding-left: 1rem;
margin-left: 0;
padding-right: 2rem;
padding-top: 1rem;
padding-bottom: 1rem;
}
/* Post Terms - Dots */
.wp-block-post-terms.taxonomy-post_tag.is-style-dots .wp-block-post-terms__separator {
font-size: 0;
}
.wp-block-post-terms.taxonomy-post_tag.is-style-dots .wp-block-post-terms__separator:after {
content: "•";
font-size: 10px;
padding: 0 0.75em;
top: -0.25em;
position: relative;
}
/* Post Terms - Boxes */
.wp-block-post-terms.is-style-boxes {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
font-weight: 600;
}
.wp-block-post-terms.is-style-boxes a {
background-color: var(--wp--preset--color--midground);
padding: 10px 16px;
display: inline-flex;
border-radius: 100px;
line-height: 1;
}
.wp-block-post-terms.is-style-boxes span {
display: none;
}
/* Post Author - Large */
.wp-block-post-author.is-style-large .wp-block-post-author__avatar {
margin-right: var(--wp--preset--spacing--50);
}
.wp-block-post-author.is-style-large img {
width: 96px;
height: 96px;
}
.wp-block-post-author.is-style-large .wp-block-post-author__name {
font-size: var(--wp--preset--font-size--medium);
font-weight: bold;
}
.wp-block-post-author.is-style-large .wp-block-post-author__bio {
font-size: var(--wp--preset--font-size--small);
margin-top: 10px;
}
@media (max-width: 782px) {
.wp-block-post-author.is-style-large {
display: block;
}
.wp-block-post-author.is-style-large .wp-block-post-author__avatar {
margin-bottom: 1em;
margin-right: 0;
}
}
/* Post Navigation - Button */
.is-style-button.wp-block-query-pagination-next,
.is-style-button.wp-block-query-pagination-previous,
.wp-block-post-navigation-link.is-style-button a {
display: inline-flex;
align-items: center;
padding: 16px 32px;
border: 1px solid;
border-radius: 100px;
font-weight: 600;
line-height: 1;
}
.wp-block-query-pagination-previous:before,
.post-navigation-link-previous.is-style-button a:before {
content:"";
width: 20px;
height: 20px;
margin-right: 12px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpolygon points='10.583,25.143 1.439,16 10.583,6.857 12.704,8.978 7.182,14.5 30.561,14.5 30.561,17.5 7.182,17.5 12.704,23.022 '/%3E%3C/svg%3E");
}
.wp-block-query-pagination-next:after,
.post-navigation-link-next.is-style-button a:after {
content:"";
width: 20px;
height: 20px;
margin-left: 12px;
}
.wp-block-query-pagination-next:after,
.post-navigation-link-next.is-style-button a:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpolygon points='21.418,25.143 19.297,23.022 24.818,17.5 1.439,17.5 1.439,14.5 24.818,14.5 19.297,8.978 21.418,6.857 30.561,16 '/%3E%3C/svg%3E");
}
/* Social Links - Pill Shape */
.wp-block-social-links.is-style-pill-shape {
gap: var(--wp--preset--spacing--10);
}
.wp-block-social-links.is-style-pill-shape .wp-social-link a {
padding-top: 0.75rem;
padding-right: 2rem;
padding-bottom: 0.75rem;
padding-left: 2rem;
line-height: 1;
font-size: 1.75rem;
}
/* Social Links - Logos only (small) */
.wp-block-social-links.is-style-logos-only-small .wp-social-link {
background-color: transparent;
}
.wp-block-social-links.is-style-logos-only-small .wp-social-link a {
padding: 0;
}
.wp-block-social-links.is-style-logos-only-small .wp-social-link svg {
width: 20px;
height: 20px;
}
/* Social Links - Border */
.wp-block-social-links.is-style-logos-border .wp-social-link {
border: 1px solid var(--wp--preset--color--border);
background-color: transparent;
color: inherit;
}
.wp-block-social-links.is-style-logos-border .wp-social-link svg {
width: 24px;
height: 24px;
}
.wp-block-social-links.is-style-logos-border .wp-block-social-link-anchor {
display: inline-flex;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
padding: 0;
}
/* Avatar - Show only avarar */
body:not(.block-editor-iframe__body) .lemmony-avatar-only .wp-block-post-author__content {
display: none;
}
/* All - Hover Background */
.is-style-hover-bg {
transition: background-color 0.35s ease-out;
}
.is-style-hover-bg:hover {
background-color: var(--wp--preset--color--midground) ;
}
/* Image - Hover Zoom */
.wp-block-image.is-style-hover-zoom {
transition: transform 0.35s ease-out;
}
.wp-block-image.is-style-hover-zoom:hover {
transform: scale(1.15);
}
/* Comments Template - Level 2 bg */
ol.wp-block-comment-template.is-style-replies-bg ol .wp-block-columns {
padding: 32px;
background-color: var(--wp--preset--color--midground) !important;
border-radius: 24px;
}
/* Comments title - With Icon */
.wp-block-comments-title.is-style-with-icon {
position: relative;
padding-left: 117px!important;
}
.wp-block-comments-title.is-style-with-icon:before {
content: "";
position: absolute;
left: 0;
width: 85px;
height: 85px;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='85' height='85' viewBox='0 0 85 85' fill='none'%3E%3Cpath d='M28.875 54.8604C28.7917 54.8604 28.7083 54.8499 28.625 54.8291C28.5625 54.8083 28.4896 54.777 28.4062 54.7354C28.2396 54.652 28.1042 54.5374 28 54.3916C27.9167 54.2249 27.875 54.0479 27.875 53.8604V36.7979C27.875 35.8395 28.0625 34.9333 28.4375 34.0791C28.7917 33.2249 29.2812 32.4854 29.9062 31.8604C30.5521 31.2145 31.3021 30.7145 32.1562 30.3604C33.0104 29.9854 33.9167 29.7979 34.875 29.7979H49.875C50.8333 29.7979 51.7396 29.9854 52.5938 30.3604C53.4479 30.7145 54.1875 31.2145 54.8125 31.8604C55.4583 32.4854 55.9583 33.2249 56.3125 34.0791C56.6875 34.9333 56.875 35.8395 56.875 36.7979V42.2979C56.875 43.277 56.6875 44.1833 56.3125 45.0166C55.9583 45.8708 55.4583 46.6208 54.8125 47.2666C54.1875 47.8916 53.4479 48.3916 52.5938 48.7666C51.7396 49.1208 50.8333 49.2979 49.875 49.2979H37.1875L29.4375 54.6729C29.3542 54.7354 29.2604 54.7874 29.1562 54.8291C29.0729 54.8499 28.9792 54.8604 28.875 54.8604ZM34.875 31.7979C33.5 31.7979 32.3229 32.2874 31.3438 33.2666C30.3646 34.2458 29.875 35.4229 29.875 36.7979V51.9541L36.3125 47.4854C36.3958 47.4229 36.4792 47.3812 36.5625 47.3604C36.6667 47.3187 36.7708 47.2979 36.875 47.2979H49.875C51.25 47.2979 52.4271 46.8083 53.4062 45.8291C54.3854 44.8499 54.875 43.6729 54.875 42.2979V36.7979C54.875 35.4229 54.3854 34.2458 53.4062 33.2666C52.4271 32.2874 51.25 31.7979 49.875 31.7979H34.875Z' fill='%23191919'%3E%3C/path%3E%3Crect x='0.875' y='0.829102' width='83' height='83' rx='41.5' stroke='%237C7C7C'%3E%3C/rect%3E%3C/svg%3E");
}
/*
* Navigation
*/
.wp-block-navigation-item__content {
flex-direction: column;
}
.wp-block-navigation__submenu-container {
z-index: 50!important;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
color: inherit;
border-width: 0;
}
.wp-block-navigation li.has-child:not(.open-on-click) > .wp-block-navigation__submenu-container,
.wp-block-navigation li.has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
min-width: 250px;
}
.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
font-size: 16px;
}
.wp-block-navigation__submenu-container .wp-block-navigation-item__content > span {
position: relative;
transition: 0.3s left ease-in-out;
left: 0;
font-size: 16px;
}
.wp-block-navigation img {
vertical-align: middle;
padding: 0 4px;
}
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover > span {
left: 5px;
}
.wp-block-navigation ul li.current-menu-item > a .wp-block-navigation-item__label,
li.wp-block-navigation-submenu > .wp-block-navigation-item__content:hover,
.wp-block-navigation__container > li > .wp-block-navigation-item__content:hover,
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover > .wp-block-navigation-item__label {
text-decoration: underline;
}
body .wp-block-navigation .wp-block-navigation-item__description {
display: block;
font-size: 14.5px;
opacity: 0.7;
font-weight: 400;
text-decoration: none;
}
.wp-block-navigation__submenu-container a:not(.wp-element-button) {
padding-left: 1.5em;
padding-right: 1.5em;
}
.wp-block-navigation ul.wp-block-navigation__submenu-container {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.wp-block-navigation__container > .wp-block-navigation-item {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg {
display: none;
}
.wp-block-navigation__submenu-container li:not(.wp-block-navigation-submenu) a:before,
.wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle:before {
content: "";
display: block;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMiAzMic+PHBvbHlnb24gcG9pbnRzPScxNy41LDIzIDE0LjUsMjMgMTQuNSwxNy41IDksMTcuNSA5LDE0LjUgMTQuNSwxNC41IDE0LjUsOSAxNy41LDkgMTcuNSwxNC41IDIzLDE0LjUgMjMsMTcuNSAxNy41LDE3LjUgJy8+PC9zdmc+");
}
.wp-block-navigation__submenu-container li:not(.wp-block-navigation-submenu) a:before {
position: absolute;
right: 0;
margin-right: 1.3em;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMiAzMic+PHBvbHlnb24gcG9pbnRzPScyMS40MTgsMjUuMTQzIDE5LjI5NywyMy4wMjIgMjQuODE4LDE3LjUgMS40MzksMTcuNSAxLjQzOSwxNC41IDI0LjgxOCwxNC41IDE5LjI5Nyw4Ljk3OCAyMS40MTgsNi44NTcgMzAuNTYxLDE2ICcvPjwvc3ZnPg==");
width: 15px;
height: 15px;
margin-top: 0.4em;
opacity: 0;
transition: 0.4s all ease-out;
transform: translateX(-15px);
}
.wp-block-navigation__submenu-container li:not(.wp-block-navigation-submenu) a:hover:before {
opacity: 1;
transform: translateX(0px);
}
@media (min-width: 782px) {
.wp-block-navigation__responsive-container:not(.has-modal-open) .wp-block-navigation__submenu-container {
border-radius: 5px;
box-shadow: 0px 20px 40px 0px rgba(0,0,0,.1);
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
margin-right: 1.6em;
}
}
@media (max-width: 781px) {
.wp-block-navigation.is-content-justification-center {
text-align: center;
}
}
/*
** Navigation - Fullscreen Window
*/
.wp-block-navigation__responsive-container.has-modal-open {
padding-bottom: 40px
}
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-dialog {
padding-top: 26px;
}
.admin-bar .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-dialog {
padding-top: 72px;
}
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-dialog,
.admin-bar .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-dialog {
margin-top: 0px;
}
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-container-content {
max-width: 500px;
margin: 0 auto;
}
.wp-block-navigation__responsive-container.has-modal-open ul.wp-block-navigation__container {
width: 100%;
gap: 32px!important;
}
.wp-block-navigation__responsive-container.has-modal-open ul.wp-block-navigation__submenu-container {
gap: 12px!important;
}
.wp-block-navigation__responsive-container.has-modal-open ul.wp-block-navigation__submenu-container:not(.is-menu-open) {
display: none!important;
}
/* Navigation links */
.wp-block-navigation__responsive-container.has-modal-open li.wp-block-navigation-item {
padding: 0;
}
.wp-block-navigation__responsive-container.has-modal-open ul.wp-block-navigation__container > li > a {
font-size: 24px;
}
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation-item__description {
font-size: 14px;
}
.wp-block-navigation__responsive-container.has-modal-open a.is-menu-open {
text-decoration: underline;
}
/* Navigation dropdown button */
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation-submenu__toggle {
display: block!important;
position: absolute;
right: -8px;
top: -2px;
height: 40px;
width: 12px;
width: 40px;
text-align: center;
-webkit-tap-highlight-color: rgba(0,0,0,0);
margin-right: 0!important;
}
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation-submenu__toggle:hover {
opacity: 0.6;
}
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle {
height: 30px;
top: -1px;
}
.wp-block-navigation__responsive-container.has-modal-open ul.wp-block-navigation__container > li >.wp-block-navigation-submenu__toggle svg {
pointer-events: none;
width: 12px;
}
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle:before {
width: 20px;
height: 20px;
display: inline-block;
}
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__submenu-container li:not(.wp-block-navigation-submenu) a:before {
margin-right: 0.35em;
}
/* Navigation alignments */
.wp-block-navigation.is-content-justification-center .wp-block-navigation__responsive-container.has-modal-open {
text-align: center;
}
.wp-block-navigation.is-content-justification-center .wp-block-navigation__responsive-container.has-modal-open li.wp-block-navigation-item,
.wp-block-navigation.is-content-justification-center .wp-block-navigation__responsive-container.has-modal-open li.wp-block-navigation-item ul,
.wp-block-navigation.is-content-justification-left .wp-block-navigation__responsive-container.has-modal-open li.wp-block-navigation-item {
width: 100%!important;
}
.wp-block-navigation.is-content-justification-left .wp-block-navigation__responsive-container.has-modal-open ul.wp-block-navigation__submenu-container ul {
margin-left: 16px;
width: calc(100% - 16px)!important;
}
.wp-block-navigation.is-content-justification-left .wp-block-navigation__responsive-container.has-modal-open ul.wp-block-navigation__submenu-container {
width: 100%!important;
padding-left: 0px!important;
padding-right: 0px!important;
}
.wp-block-navigation.is-content-justification-right .wp-block-navigation__responsive-container.has-modal-open {
text-align: right;
}
.wp-block-navigation.is-content-justification-right .wp-block-navigation__responsive-container.has-modal-open ul.wp-block-navigation__submenu-container {
padding-right: 0!important;
}
.wp-block-navigation.is-content-justification-right .wp-block-navigation__responsive-container.has-modal-open li.wp-block-navigation-item.has-child > a {
padding-right: 30px;
}
/*
* Lemmony Companion
*/
/* Icon block */
.wp-block-lemmony-companion-icon {
line-height: 0;
font-size: 3.125rem;
}
.wp-block-lemmony-companion-icon.aligncenter {
display: table;
margin-left: auto;
margin-right: auto;
}
.wp-block-lemmony-companion-icon svg {
width: 1em;
height: 1em;
fill: currentColor;
}
.wp-block-lemmony-companion-icon.aligncenter {
text-align: center;
}
/* Tÿ in 죌翴 ock */
.wp-block-lemmony-companion-typing-text {
font-weight: 700;
font-size: var(--wp--preset--font-size--medium-plus);
}
.wp-block-lemmony-companion-typing-text .lemmony-typing-prefix:after,
.wp-block-lemmony-companion-typing-text .lemmony-typing-suffix:before {
content: " ";
}
/* Counter block */
.wp-block-lemmony-companion-counter {
font-size: var(--wp--preset--font-size--large-plus);
font-weight: bold;
}
/* Accordion */
.wp-block-lemmony-companion-accordion {
display: flex;
gap: 20px;
padding-bottom: 32px;
border-bottom: 1px solid var(--wp--preset--color--border-alt);
font-size: 24px;
}
.wp-block-lemmony-companion-accordion .lemmony-accordion-container {
flex: 1;
}
.wp-block-lemmony-companion-accordion .lemmony-accordion-title {
margin: 0;
font-size: inherit;
cursor: pointer;
user-select: none;
}
.wp-block-lemmony-companion-accordion .lemmony-accordion-content {
display: block;
position: relative;
overflow: hidden;
padding-top: 0;
transition: 0s all ease-in-out;
max-height: 0;
opacity: 0;
}
body.block-editor-iframe__body .wp-block-lemmony-companion-accordion .lemmony-accordion-content,
.wp-block-lemmony-companion-accordion.is-open .lemmony-accordion-content {
max-height: none;
opacity: 1;
padding-top: 16px;
transition: .5s all ease-in-out;
}
.wp-block-lemmony-companion-accordion p {
margin: 0;
font-size: 20px;
}
.lemmony-accordion-icon {
font-size: 40px;
cursor: pointer;
line-height: 0.5;
user-select: none;
}
.lemmony-accordion-icon:after {
content: "+"
}
.wp-block-lemmony-companion-accordion.is-open .lemmony-accordion-icon:after {
content: "-"
}
body .wp-block-lemmony-companion-accordion {
margin-block-start: 32px;
}
/* Hero Auto Slider */
.splide__slide img {
width: 100%;
height: 100%;
object-fit: cover;
overflow: hidden;
border-radius: 24px;
}
.splide__progress {
position: absolute;
right: 24px;
bottom: 24px;
border-radius: 100px;
overflow: hidden;
width: 75px;
padding: 7px;
background-color: var(--wp--preset--color--background);
box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1);
}
.splide__progress__bar {
height: 5px;
border-radius: 100px;
background-color: var(--wp--preset--color--primary);
}
.splide[data-total="0"] .splide__progress,
.splide[data-total="1"] .splide__progress {
display: none;
}
/*
* Lemmony - Custom classes
*/
/* Border radius */
.lemmony-rounded-24px {
border-radius: 24px;
overflow: hidden;
}
.lemmony-box-shadow:not(.wp-block-button),
.lemmony-box-shadow.wp-block-button .wp-element-button {
box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.08);
}
/* Aspect Ratio */
.lemmony-aspect-square,
.lemmony-aspect-1_1,
.lemmony-aspect-2_1,
.lemmony-aspect-3_2,
.lemmony-aspect-16_9,
.lemmony-aspect-radio-square,
.lemmony-aspect-radio-landscape-small,
.lemmony-aspect-radio-landscape {
max-width: 100%!important;
}
.lemmony-aspect-1_1,
.lemmony-aspect-square,
.lemmony-aspect-radio-square {
aspect-ratio: 1 / 1;
}
.lemmony-aspect-2_1,
.lemmony-aspect-radio-landscape {
aspect-ratio: 2 / 1;
}
.lemmony-aspect-3_2,
.lemmony-aspect-radio-landscape-small {
aspect-ratio: 3 / 2;
}
.lemmony-aspect-16_9 {
aspect-ratio: 16 /9;
}
/* Layouts and positioning */
.lemmony-absolute {
position: absolute!important;
}
.lemmony-flex-1 {
flex: 1;
}
.lemmonny-max-w-400px {
max-width: 400px;
}
.lemmonny-max-w-500px {
max-width: 500px;
}
.lemmonny-max-w-600px {
max-width: 600px;
}
.lemmonny-max-w-700px {
max-width: 700px;
}
.lemmony-zindex-10 {
z-index: 10;
}
.lemmony-left-minus-50percent {
transform: translateX(-50%);
}
.lemmony--mb-large {
margin-bottom: -12.5vw!important;
}
body .lemmony-disable-block {
display: none;
}
@media only screen and (max-width: 800px) {
.lemmony-min-h-0 {
min-height: 0px!important;
}
}
@media only screen and (max-width: 780px) {
.lemmony-mobile-border-none {
border-width: 0px!important;
}
.lemmony-mobile-reverse {
flex-direction: column-reverse;
}
.lemmony-mobile-width-full {
width: 100%;
}
/* Mobile Center */
.lemmony-mobile-center,
.lemmony-mobile-center .has-text-align-right {
text-align: center;
}
.lemmony-mobile-center *[style*="text-align:right"] {
text-align: center!important;
}
.lemmony-mobile-center .wp-block-buttons,
.lemmony-mobile-center .is-content-justification-right,
.lemmony-mobile-center .is-content-justification-left {
justify-content: center!important;
}
.lemmony-mobile-left .wp-block-buttons,
.lemmony-mobile-left .is-content-justification-right,
.lemmony-mobile-left .is-content-justification-left {
justify-content: flex-start!important;
}
/* Mobile hidden section */
body .lemmony-mobile-hidden {
display: none!important;
}
/* Mobile justify center */
div.wp-block-group .lemmony-mobile-justify-center > * {
margin-left: auto!important;
margin-right: auto!important;
}
}
@media only screen and (min-width: 781px) {
/* Sticky */
.lemmony-sticky,
.lemmony-sticky {
position: sticky;
top: 0;
}
/* Hidden Desktop */
.lemmony-desktop-hidden,
.lemmony-hidden-desktop {
display: none!important;
}
body.block-editor-iframe__body .lemmony-desktop-hidden,
body.block-editor-iframe__body .lemmony-hidden-desktop {
opacity: 0.3;
display: block!important;
}
.wp-block-navigation__responsive-container.has-modal-open .lemmony-desktop-hidden,
.wp-block-navigation__responsive-container.has-modal-open .lemmony-hidden-desktop {
display: flex!important;
}
}
/* Group items squeeze */
.lemmony-group-squeeze.wp-block-group > .wp-block-group {
margin-left: -20px;
}
/* Animation - Spin */
.lemmony-spin img {
animation-name: lemmonySpin;
animation-duration: 10000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
/* Animation - Typewritter */
.lemmony-typewritter {
position: relative;
}
.lemmony-typewritter:after {
content: "";
border-right: .15em solid;
padding-left: 0.15em;
white-space: nowrap;
margin: 0 auto;
padding-right: 0px;
animation: blink .5s step-end infinite alternate;
}
@keyframes blink {
50% { border-color: transparent}
}
/* Animation - Parallax */
.lemmony-parallax {
overflow: hidden;
transition: all .5s ease-out;
}
@media only screen and (max-width: 600px) {
.lemmony-parallax {
transform: none!important;
}
}
/* Animation - Delay */
.lemmony-delay-1 {
animation-delay: 0.25s!important;
}
.lemmony-delay-2 {
animation-delay: 0.5s!important;
}
.lemmony-delay-3 {
animation-delay: 0.9s!important;
}
/* Animation - Presets */
.lemmony-animation.animate {
animation: var(--lemmony-animation-name) 1s ease-out both;
}
.animation-inited {
opacity: 0;
}
/* Disable animations in WordPress.org patterns preview */
#wporg-pattern-preview .animation-inited {
opacity: 1;
animation: none!important;
}
.lemmonyFadeIn {
--lemmony-animation-name: lemmonyFadeIn;
}
.lemmonyFadeInUp {
--lemmony-animation-name: lemmonyFadeInUp;
}
.lemmonyFadeInDown {
--lemmony-animation-name: lemmonyFadeInDown;
}
.lemmonyFadeInLeft {
--lemmony-animation-name: lemmonyFadeInLeft;
}
.lemmonyFadeInRight {
--lemmony-animation-name: lemmonyFadeInRight;
}
@keyframes lemmonySpin {
from {
transform: rotate(0deg);
} to {
transform: rotate(360deg);
}
}
@keyframes lemmonyFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes lemmonyFadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes lemmonyFadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes lemmonyFadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes lemmonyFadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
/*
** Disable animations when reduced motion
*/
@media ( prefers-reduced-motion: reduce ) {
.splide__progress {
visibility: hidden;
}
.animation-inited {
opacity: 1!important;
--lemmony-animation-name: ''!important;
}
.lemmony-spin img {
animation-name: none;
}
.lemmony-typing-data.hidden {
display: inline;
}
.lemmony-typing-data.hidden span {
display: none;
}
.lemmony-typing-data.hidden span:first-child {
display: inline;
}
}
.gw-mm-item__dropdown {
padding: 30px;
border-radius: 3px;
background: #FBFBFD;
border:1px solid #E7F2FF;
background: #F4FAFF;
}
body {
font-size:15px;
}
a[aria-label] {
position: relative;
cursor: pointer;
}
a[aria-label]:hover::before {
content: attr(aria-label);
font-size: 12px;
line-height:18px;
text-align: left;
position: absolute;
display: block;
left: 50%;
min-width: 250px;
max-width: 300px;
bottom: calc(100% + 10px);
transform: translate(-50%);
animation: fade-in 300ms ease;
background: #E7F2FF;
border-radius: 4px;
padding: 5px;
color: #3F5974;
border:1px solid #CDD5DD;
z-index: 1;
}
a[aria-label]:hover::after {
content: "";
position: absolute;
display: block;
left: 50%;
width: 0;
height: 0;
bottom: calc(100% + 6px);
margin-left: -3px;
border: 1px solid black;
border-color: #CDD5DD transparent transparent transparent;
border-width: 4px 6px 0;
animation: fade-in 300ms ease;
z-index: 1;
}
a[aria-label][tooltip-position=bottom]:hover::before {
bottom: auto;
top: calc(100% + 10px);
}
a[aria-label][tooltip-position=bottom]:hover::after {
bottom: auto;
top: calc(100% + 6px);
border-color: transparent transparent #CDD5DD;
border-width: 0 6px 4px;
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.tp {
text-transform:uppercase;color:#138E41;font-weight:700;font-size:11px;display:block;
text-align:center;
}
.t1 {
font-size: 18px;
font-weight: 600;
margin: 0px 0;
line-height: 1;
text-align: center;
margin-bottom: 5px;
}
.t2{
margin: 0;
font-size: 11px;
font-weight: 400;
text-align: center;
margin-bottom:10px;
}
.t2 span{
color:#2DA85B;margin:0 5px;
}
.ticss-3caa9a7a .box-products > h4,
.ticss-eebdb837 .box-products > h4{
display:none;
}
.ticss-cenygrid .box-products > h2,
.ticss-3caa9a7a .box-products > h2,
.ticss-eebdb837 .box-products > h2{
font-size: 13px !important;
color: #E63F31;
text-transform: uppercase;
padding: 0 !important;
}
.ticss-cenygrid .product-prices-container,
.ticss-3caa9a7a .product-prices-container,
.ticss-eebdb837 .product-prices-container{
margin-top:0;
}
.ticss-cenygrid .product-prices-container .package,
.ticss-3caa9a7a .product-prices-container .package,
.ticss-eebdb837 .product-prices-container .package{
margin-bottom:15px;
}
.ticss-cenygrid .product-data .all-offer-btn,
.ticss-3caa9a7a .product-data .all-offer-btn,
.ticss-eebdb837 .product-data .all-offer-btn {
background-color: #CFE5FF;
border-radius: 3px;
padding: 2px 8px;
text-wrap: nowrap;
font-size: 10px;
}
.ticss-cenygrid .loading-message,
.ticss-3caa9a7a .loading-message,
.ticss-eebdb837 .loading-message {
font-size:10px;
margin-top:15px;
text-align:center;
min-height:155px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ticss-cenygrid .loading-message img,
.ticss-3caa9a7a .loading-message img,
.ticss-eebdb837 .loading-message img {
display:inline-block;
margin-top:10px;
}
.ticss-cenygrid .product-data .prices-section,
.ticss-3caa9a7a .product-data .prices-section,
.ticss-eebdb837 .product-data .prices-section {
padding-left:0;
}
.ticss-cenygrid .product-data .prices-section .button-products,
.ticss-3caa9a7a .product-data .prices-section .button-products,
.ticss-eebdb837 .product-data .prices-section .button-products {
padding: 3px 8px;
font-size: 14px;
font-weight: 600;
background-color: #FED700;
border-radius: 4px;
text-wrap: nowrap;
transition: .3s;
color: #111;
}
.ticss-cenygrid .product-data .shop img,
.ticss-3caa9a7a .product-data .shop img,
.ticss-eebdb837 .product-data .shop img {
height: 15px;
object-fit: contain;
}
.ticss-cenygrid .product-data .prices-section .box-products li strong,
.ticss-3caa9a7a .product-data .prices-section .box-products li strong,
.ticss-eebdb837 .product-data .prices-section .box-products li strong {
font-size: 14px;
display: block;
margin: 0 10px;
color: #E63F31;
white-space:nowrap;
}
.ticss-0057b7d5 {
border-left: 2px solid #F0F2F5;
border-top: 2px solid #F0F2F5;
}
.slick-prev, .slick-next {
margin-top:0 !important;
}
.pto {
height: 150px;
display: flex;
align-items: center;
justify-content: center;
margin-top:10px;
margin-bottom:10px;
}
.ticss-cenygrid .pto {
height:70px;
}
@media(max-width:600px) {
.ticss-cenygrid .pto {
height:110px;
margin-top: 20px;
}
.ticss-cenygrid .product-prices-container{
margin-bottom: 20px;
}
.more-products {
margin-top:0;
}
.ticss-c6ac567b .more-products {
margin-top:20px;
}
.ticss-8a0a4682{float:right;}
}
.ticss-cenygrid {
box-shadow: 0px 15px 38px rgba(0, 0, 0, 0.1);
}
.pto a {
display: block;
height: 100%;
}
.pto a img {
height:100%;
object-fit: contain;
}
.ato img {
border-top-right-radius:10px;
border-top-left-radius:10px;
display:block;
width:100%;
}
.ato a {
display:block;
}
ul.lista {
text-align:center;
}
.sprite {
background-image: url(/wp-content/themes/lemmony/assets/css/../images/icons.png);
background-repeat: no-repeat;
display: inline-block;
cursor: pointer;
}
.sprite-fa-thumbs-down-green {
width: 21px;
height: 20px;
background-position: -5px -5px;
}
.sprite-fa-thumbs-down-grey {
width: 21px;
height: 20px;
background-position: -5px -35px;
}
.sprite-fa-thumbs-o-down-green {
width: 21px;
height: 22px;
background-position: -5px -65px;
}
.sprite-fa-thumbs-o-down-grey {
width: 21px;
height: 22px;
background-position: -5px -97px;
}
.sprite-fa-thumbs-o-up-green {
width: 21px;
height: 22px;
background-position: -5px -129px;
}
.sprite-fa-thumbs-o-up-grey {
width: 21px;
height: 22px;
background-position: -5px -161px;
}
.sprite-fa-thumbs-up-green {
width: 21px;
height: 20px;
background-position: -5px -193px;
}
.sprite-fa-thumbs-up-grey {
width: 21px;
height: 20px;
background-position: -5px -223px;
}
.jq-rating {
font-size:12px;
color:#25405A;
}
.jq-rating-like {
margin-right:20px;
}
.jq-rating div {
display: inline-block;
vertical-align: middle;
padding: 0 0px;
}
.jq-rating .jq-rating-like {
padding:0 5px;
}
.jq-rating .jq-rating-dislike {
padding:0 5px;
}
.sprite-fa-thumbs-down-grey:hover {
background-position: -5px -5px;
}
.sprite-fa-thumbs-up-grey:hover {
background-position: -5px -193px;
}
@media(max-width:1100px) {
nav.breadcrumb {
margin-bottom: 0;
white-space: nowrap;
overflow-x: auto;
display: block;
}
.wp-block-boldblocks-breadcrumb-block nav.breadcrumb ol {
flex-wrap: nowrap;
}
}
.js-rating {
position:absolute;left:20px;bottom:15px;
}
.fto {
text-align:center;
}
.fto img {
max-height:500px;
margin:0 auto;
}
img.aligncenter {
margin: 0 auto;
display: block;
}
#toclist > ol, #toc > ol {
padding:0 !important;
}
#toclist ol, #toc ol {
counter-reset: section; /* Ustaw licznik dla głównych sekcji */
list-style-type: none; /* Usuń domyślny styl listy */
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
}
#toc li::before,
#toclist li::before {
counter-increment: section; /* Zwiększ licznik dla każdego elementu li */
content: counters(section, ".") ". "; /* Utwórz zawartość przed każdym li */
}
#toclist ol ol li,
#toc ol ol li {
margin-bottom:10px;
}
#toclist ol ol li:last-child,
#toc ol ol li:last-child {
margin-bottom:0px;
}
.jq-stars {
display: inline-block;
}
.jq-rating-label {
font-size: 22px;
display: inline-block;
position: relative;
vertical-align: top;
font-family: helvetica, arial, verdana;
}
.jq-star {
width: 100px;
height: 100px;
display: inline-block;
cursor: pointer;
}
.jq-star-svg {
padding-left: 3px;
width: 100%;
height: 100% ;
}
.jq-star:hover .fs-star-svg path {
}
.jq-star-svg path {
/* stroke: #000; */
stroke-linejoin: round;
}
/* un-used */
.jq-shadow {
-webkit-filter: drop-shadow( -2px -2px 2px #888 );
filter: drop-shadow( -2px -2px 2px #888 );
}
.wp-block-post-featured-image {
position: static !important;
}
.tree {
font-size:14px;
z-index:2000;
position:relative;
}
.tree ul {
padding:0;
padding:0px 0;
list-style:none;
margin:0;
width:300px;
border:1px solid #eee;
background:#fff;
}
.tree ul li a {
display:block;
padding:10px 10px;
line-height:1;
transition:all 0.1s;
}
.tree ul li:hover {
background:#eee;
}
.tree ul li a:hover {
background:#117DFF;
color:#fff;
}
.tree ul li.active > a {
background:#117DFF;
color:#fff;
}
.tree ul li.active-parent > a {
background:#CCE3FF;
color:inherit;
}
.tree > ul {
}
.tree > ul > li {
position:relative;
}
.tree > ul > li > ul{
display:none;
position:absolute;
left:100%;
top:0;
}
.tree > ul > li:hover > ul{
display:block;
z-index:999999;
}
.lightweight-accordion {
margin-bottom: 0.4em;
}
.lightweight-accordion .lightweight-accordion-title {
display: list-item;
/*border-bottom:1px solid #CDD5DD;
padding: 10px 12px 10px 18px;*/
cursor: pointer;
/*BORDER: 1px solid #4b8098b5;*/
}
.lightweight-accordion .lightweight-accordion-title h2,
.lightweight-accordion .lightweight-accordion-title h3 {
}
.lightweight-accordion .lightweight-accordion-body {
margin-top:10px;
}
.lightweight-accordion.bordered .lightweight-accordion-body {
border: 2px solid #f1f2f6;
border-top: 0;
}
.lightweight-accordion details[open] summary ~ * {
animation: lwopen .5s ease-in-out;
}
.lightweight-accordion .lightweight-accordion-title p, .lightweight-accordion .lightweight-accordion-title span, .lightweight-accordion .lightweight-accordion-title h1, .lightweight-accordion .lightweight-accordion-title h2, .lightweight-accordion .lightweight-accordion-title h3,
.lightweight-accordion .lightweight-accordion-title h4{
display: inline;
font-family: inherit;
}
@keyframes lwopen {
0% {opacity: 0;}
100% {opacity: 1;}
}
.tree-2 ul {
padding: 0;
list-style: none;
display: flex;
gap: 30px;
}
.tree-2 ul li {
}
.tree-2 ul li a {
display:block;
padding:5px 15px;
border-radius:4px;
border:1px solid #117DFF;
color:#117DFF;
font-size:13px;
font-weight:500;
}
.wp-embedded-content{
width:100%;
}
/* ─────────────────────────────────────────────────────────
Override core: .is-layout-constrained > * dostaje
margin-left/right:auto (centruje). W wierszach autora
chcemy wyrównanie do lewej — zerujemy te marginesy.
───────────────────────────────────────────────────────── */
body.author .author-header .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
body.author .position-row > *,
body.author .education-row > *,
body.author .author-name > *,
body.author .author-meta > * {
margin-left: 0 !important;
margin-right: 0 !important;
max-width: none !important;
}
/* ─────────────────────────────────────────────────────────
Puste pola MFB — nie pokazuj wrappera ani pustego wiersza.
MFB przy braku wartości renderuje .
───────────────────────────────────────────────────────── */
/* Ukryj pojedynczy blok MFB, którego value jest puste
(ale tylko gdy nie ma prefix/suffix — żeby nie chować np. "LEKI.PL"). */
body.author .wp-block-mfb-meta-field-block:has(> .value:empty):not(:has(.prefix)):not(:has(.suffix)) {
display: none !important;
}
/* Ukryj cały wiersz, jeśli wszystkie jego bloki MFB są puste */
body.author .position-row.wp-block-group:not(:has(.wp-block-mfb-meta-field-block .value:not(:empty))):not(:has(.suffix:not(:empty))),
body.author .education-row.wp-block-group:not(:has(.value:not(:empty))) {
display: none !important;
}
/* ─────────────────────────────────────────────────────────
Nagłówek autora: grid [okrąg] [info-fill] [profile-naukowe]
Klasa: author-header na zewnętrzny wp-block-group
───────────────────────────────────────────────────────── */
body.author .author-header > .wp-block-group {
display: grid !important;
grid-template-columns: auto 1fr auto !important;
gap: 28px !important;
align-items: center !important;
justify-content: initial !important;
}
/* < 930px: Profile naukowe schodzą pod spód, na całą szerokość */
@media (max-width: 930px) {
body.author .author-header > .wp-block-group {
grid-template-columns: auto 1fr !important;
}
body.author .author-header > .wp-block-group > .profiles-card {
grid-column: 1 / -1 !important;
width: auto !important;
max-width: none !important;
}
/* Wewnątrz card flex-kontenery mogą się zwężać + ORCID łamie się */
body.author .profiles-card .value,
body.author .profiles-card .value > div,
body.author .profiles-card .value a {
min-width: 0;
}
body.author .profiles-card .value a > span {
min-width: 0;
overflow-wrap: anywhere;
word-break: break-word;
}
}
/* < 360px: dopuszczamy że card może być węższa niż 249 */
@media (max-width: 360px) {
body.author .profiles-card.wp-block-group {
min-width: 0;
}
}
/* < 340px: zmniejszamy boczny padding sekcji .author-header
(Lemmony FSE daje has-global-padding ze zmiennej root padding) */
@media (max-width: 340px) {
body.author .author-header,
body.author .author-header .has-global-padding,
body.author .author-header.has-global-padding {
padding-left: 10px !important;
padding-right: 10px !important;
}
}
/* < 400px: avatar w osobnej linii (wycentrowany), info w drugiej (1-kolumnowy grid) */
@media (max-width: 400px) {
body.author .author-header > .wp-block-group {
grid-template-columns: 1fr !important;
}
body.author .author-header > .wp-block-group > :first-child {
justify-self: center !important;
}
}
body.author .position-row {
font-size: 11px;
font-weight: 700;
color: rgb(11, 58, 153);
letter-spacing: 0.8px;
margin-bottom: 6px;
}
body.author .position-row,
body.author .position-row * {
text-transform: uppercase !important;
}
/* Kropka idealnie pomiędzy blokami MFB w wierszu position-row */
body.author .position-row.wp-block-group {
gap: 0 !important;
}
body.author .position-row .wp-block-mfb-meta-field-block:not(:last-child)::after {
content: " · ";
white-space: pre;
}
/* Nagłówek imię i nazwisko autora (np. "dr Jan Nowak" + verified badge) */
body.author .author-name.wp-block-group {
font-size: 34px !important;
font-weight: 700 !important;
margin: 0 !important;
letter-spacing: -0.6px !important;
color: #1a1f2e !important;
line-height: 1.1 !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
flex-wrap: wrap !important;
}
body.author .author-name.wp-block-group::after {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-image: url(/wp-content/themes/lemmony/jt/assets/css/../icons/verified.svg);
background-repeat: no-repeat;
background-size: contain;
flex-shrink: 0;
}
/* Pierwszy wpis z wyksztalcenie — tytuł + uczelnia */
body.author .education-row {
margin-top: 6px;
font-size: 13.5px;
color: #5a6578;
}
/* Meta wiersz autora: [ikona] PWZ: 12345 [ikona] Publikacje: 2 ... */
body.author .author-meta.wp-block-group {
margin-top: 14px !important;
display: flex !important;
flex-wrap: wrap !important;
gap: 4px !important; /* odstęp wewnątrz pary: ikona/label/wartość */
align-items: center !important;
font-size: 12.5px !important;
color: #1a1f2e !important;
font-weight: 700 !important; /* wartości (plain text) są pogrubione */
}
body.author .author-meta h4,
body.author .author-meta h4.wp-block-heading {
font-weight: 400 !important;
color: #5a6578 !important;
margin: 0 !important;
font-size: 12.5px !important;
line-height: 1 !important;
display: inline !important;
}
body.author .author-meta .wp-block-image {
margin: 0 !important;
line-height: 1 !important;
}
body.author .author-meta .wp-block-image img {
width: 16px !important;
height: 16px !important;
display: block !important;
}
/* Druga (i kolejne) para — większy gap od poprzedniej pary */
body.author .author-meta figure.wp-block-image:not(:first-of-type) {
margin-left: 14px !important;
}
/* ─────────────────────────────────────────────────────────
Karta "Profile naukowe" — biały box z obramowaniem
Klasa: profiles-card (na wp-block-group zawierający heading + MFB social_links)
───────────────────────────────────────────────────────── */
body.author .profiles-card.wp-block-group {
background: #fff;
border-radius: 6px;
padding: 14px 16px;
border: 1px solid #e8edf5;
min-width: 249px;
width: auto;
max-width: 300px;
}
/* Wąskie ekrany — profile-card ścisłe, mniej paddingu, mniejsza czcionka */
@media (max-width: 600px) {
body.author .profiles-card.wp-block-group {
padding: 10px 12px;
}
body.author .profiles-card h3,
body.author .profiles-card h3.wp-block-heading {
font-size: 9.5px;
letter-spacing: 0.4px;
}
body.author .profiles-card a {
font-size: 12px;
}
}
@media (max-width: 400px) {
body.author .profiles-card.wp-block-group {
padding: 8px 10px;
}
body.author .profiles-card a {
font-size: 11px;
}
}
/* ─────────────────────────────────────────────────────────
Profile naukowe — wewnętrzne mają flex layout z spanami.
Numer ORCID "0000-0002-0616-5901" trzyma min-width na całej karcie.
Pozwalamy się łamać / kurczyć żeby card mogła być węższa.
───────────────────────────────────────────────────────── */
body.author .profiles-card .value a {
min-width: 0 !important;
}
body.author .profiles-card .value a > span {
min-width: 0 !important;
overflow-wrap: anywhere !important;
word-break: break-word !important;
}
body.author .profiles-card h3,
body.author .profiles-card h3.wp-block-heading {
font-size: 10.5px !important;
font-weight: 700 !important;
color: #8a94a6 !important;
text-transform: uppercase !important;
letter-spacing: 0.6px !important;
margin: 0 0 10px !important;
line-height: 1.2 !important;
}
/* Zeruj block-gap WP between children — kontroluje samo margin-bottom h3 */
body.author .profiles-card.is-layout-constrained > * + *,
body.author .profiles-card > * + * {
margin-block-start: 0 !important;
margin-top: 0 !important;
}
/* ─────────────────────────────────────────────────────────
Sekcja "Towarzystwa naukowe" / "Koła naukowe"
Klasa: societies-section (na wp-block-group z h3 + MFB author_societies)
───────────────────────────────────────────────────────── */
body.author .societies-section.wp-block-group {
background: transparent !important;
padding: 0 !important;
}
body.author .societies-section h3,
body.author .societies-section h3.wp-block-heading {
font-size: 11px !important;
color: #8a94a6 !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
margin: 0 0 10px !important;
line-height: 1.2 !important;
}
/* Zeruj block-gap między h3 a listą */
body.author .societies-section.is-layout-constrained > * + *,
body.author .societies-section > * + * {
margin-block-start: 0 !important;
margin-top: 0 !important;
}
/* Okrąg awatara/inicjałów autora — stały wymiar 128x128 */
body.author .author-avatar.wp-block-lemmony-circle,
body.author .author-avatar.lemmony-circle {
width: 128px !important;
height: 128px !important;
min-width: 128px !important;
min-height: 128px !important;
max-width: 128px !important;
flex-shrink: 0 !important;
font-size: 48.64px !important;
}
body.author .author-avatar .acf-innerblocks-container,
body.author .author-avatar .wp-block-mfb-meta-field-block,
body.author .author-avatar .wp-block-mfb-meta-field-block .value {
width: 100% !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body.author .author-avatar img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
border-radius: 50% !important;
display: block !important;
}
/* Sekcja autora — odstęp od poprzedniej */
body.author .author-section {
margin-top: 28px;
}
/* Druga kolumna w sekcji "Kim jestem + Kontakt" — max 450px */
body.author .info-column.wp-block-column {
max-width: 450px;
}
/* ─────────────────────────────────────────────────────────
Tytuł sekcji: ikona + h2/h3 + opcjonalny badge z liczbą
Klasa: section-title
───────────────────────────────────────────────────────── */
body.author .section-title.wp-block-group {
display: flex !important;
align-items: center !important;
gap: 10px !important;
margin-bottom: 18px !important;
padding-bottom: 10px !important;
border-bottom: 1px solid #e8edf5 !important;
}
body.author .section-title .wp-block-image {
margin: 0 !important;
flex-shrink: 0 !important;
line-height: 1 !important;
}
body.author .section-title .wp-block-image img {
width: 14px !important;
height: 14px !important;
display: block !important;
}
body.author .section-title h2,
body.author .section-title h2.wp-block-heading,
body.author .section-title h3,
body.author .section-title h3.wp-block-heading {
margin: 0 !important;
font-size: 22px !important;
font-weight: 700 !important;
color: #1a1f2e !important;
letter-spacing: -0.2px !important;
line-height: 1.2 !important;
}
/* Badge z liczbą — dowolny MFB block lub element z klasą .count */
body.author .section-title .count,
body.author .section-title .wp-block-mfb-meta-field-block {
font-size: 12px !important;
color: #5a6578 !important;
font-weight: 600 !important;
background: #eef3fb !important;
padding: 3px 10px !important;
border-radius: 12px !important;
line-height: 1.4 !important;
margin: 0 !important;
}
/* Lista publikacji naukowych */
body.author .publications-list {
display: flex;
flex-direction: column;
gap: 10px;
}
body.author .publication-card {
border-width: 1px 1px 1px 3px;
border-style: solid;
border-color: #e8edf5 #e8edf5 #e8edf5 #2da85b;
border-radius: 6px;
padding: 16px 20px;
background: #fff;
display: flex;
gap: 20px;
align-items: flex-start;
}
body.author .publication-card__year-wrap {
flex-shrink: 0;
width: 56px;
text-align: center;
padding-top: 2px;
}
body.author .publication-card__year {
font-size: 22px;
font-weight: 700;
color: rgb(11, 58, 153);
font-variant-numeric: tabular-nums;
line-height: 1;
}
body.author .publication-card__type {
font-size: 10px;
color: #2da85b;
margin-top: 6px;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 700;
}
body.author .publication-card__body {
flex: 1 1 0;
min-width: 0;
}
body.author .publication-card__authors {
font-size: 11.5px;
color: #5a6578;
margin-bottom: 4px;
}
body.author .publication-card__title {
font-size: 14.5px;
font-weight: 600;
color: #1a1f2e;
margin: 0 0 8px;
line-height: 1.35;
}
body.author .publication-card__meta {
display: flex;
flex-wrap: wrap;
gap: 6px 14px;
align-items: center;
font-size: 11.5px;
color: #5a6578;
}
body.author .publication-card__journal {
font-style: italic;
}
body.author .publication-card__actions {
margin-top: 10px;
display: flex;
gap: 8px;
align-items: center;
}
body.author .publication-card__doi {
font-size: 11.5px;
color: rgb(11, 58, 153);
font-weight: 600;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 4px;
}
body.author .publication-card__doi:hover {
text-decoration: underline;
}
/* ─────────────────────────────────────────────────────────
Kontakt — sekcja z paskiem po lewej
Klasa: contact-card (dodaj do wp-block-group przez sidebar)
───────────────────────────────────────────────────────── */
body.author .contact-card.wp-block-group.has-background {
background: #eef3fb !important;
border-radius: 4px;
padding: 16px 18px !important;
border-left: 3px solid #2da85b;
}
body.author .contact-card h3,
body.author .contact-card h3.wp-block-heading {
font-size: 11px !important;
color: #8a94a6 !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
margin: 0 0 4px !important;
line-height: 1.2 !important;
}
/* Każdy wiersz kontaktowy (email/linkedin) */
body.author .contact-card > .wp-block-group {
display: flex !important;
align-items: center !important;
gap: 8px !important;
margin-top: 10px !important;
margin-bottom: 0 !important;
padding: 0 !important;
font-size: 13px !important;
color: #1a1f2e !important;
line-height: 1.3 !important;
}
/* Ikonka (z bloku Image) */
body.author .contact-card .wp-block-image {
margin: 0 !important;
flex-shrink: 0 !important;
}
body.author .contact-card .wp-block-image img {
display: block !important;
width: 16px !important;
height: 16px !important;
margin: 0 !important;
}
/* Zdejmij domyślne style linków w karcie */
body.author .contact-card a {
text-decoration: none;
color: inherit;
}
/* Wrapper MFB w wierszu — schowaj domyślny margin paragraph itp. */
body.author .contact-card .wp-block-mfb-meta-field-block,
body.author .contact-card p {
margin: 0 !important;
}
/* Wewnętrzny flex MFB linkedin — wypełnia szerokość wiersza, strzałka na prawo
(działa dla hideWrapper:true bo target bezpośrednio div z author_social_link) */
body.author .contact-card > .wp-block-group > div[style*="display:flex"],
body.author .contact-card .wp-block-mfb-meta-field-block > div[style*="display:flex"] {
width: 100% !important;
flex: 1 1 100% !important;
gap: 8px !important;
font-size: 13px !important;
color: #1a1f2e !important;
}
body.author .contact-card > .wp-block-group > div[style*="display:flex"] > span:first-of-type,
body.author .contact-card .wp-block-mfb-meta-field-block > div[style*="display:flex"] > span:first-of-type {
color: #1a1f2e !important;
flex: 1 1 0 !important;
}
body.author .contact-card > .wp-block-group > div[style*="display:flex"] > a,
body.author .contact-card .wp-block-mfb-meta-field-block > div[style*="display:flex"] > a {
margin-left: auto !important;
}
/* ─────────────────────────────────────────────────────────
STICKY TAB NAV na stronie autora
Klasa "author-tabs" na wp:group (flex). W środku:
- wp:paragraph z O mnie
- 3× wp:meta-field-block z filtrami author_tab_*_link
(zwracają już gotowy ...· N lub '' gdy 0)
───────────────────────────────────────────────────────── */
body.author .author-tabs {
background: #fff;
border-top: 1px solid #e8edf5;
padding: 0 36px;
display: flex;
gap: 0;
box-shadow: 0 1px 0 rgba(0,0,0,0.04);
margin: 0;
}
body.author .author-tabs p,
body.author .author-tabs .wp-block-mfb-meta-field-block {
margin: 0;
}
body.author .author-tabs a {
display: inline-block;
padding: 14px 18px;
font-size: 13px;
font-weight: 600;
color: #5a6578;
text-decoration: none;
border-bottom: 2px solid transparent;
margin-bottom: -1px;
transition: color 0.15s, border-color 0.15s;
}
body.author .author-tabs a:hover {
color: #0b3a99;
border-bottom-color: #0b3a99;
text-decoration: none;
}
/* Scroll-skok do sekcji omija sticky bar */
body.author :target {
scroll-margin-top: 70px;
}
/* ─────────────────────────────────────────────────────────
FIX: Slick slider tworzy .slick-track o szerokości 8400px+
(24 itemy × ~350px) który wystaje poza viewport gdy
slick.css nie jest enqueueowany na stronie autora.
.slick-list MUSI mieć overflow:hidden żeby ucinać.
───────────────────────────────────────────────────────── */
.slick-list { overflow: hidden !important; }
.slick-slider { max-width: 100%; }
/* ─────────────────────────────────────────────────────────
MOBILE: < 600px
- .author-tabs: zminimalizuj padding, dopuść flex-wrap
(Gutenberg dorzuca .is-nowrap → wymuszamy override)
- .position-row: na małym ekranie zawijaj między MFB
(każdy MFB w osobnym wierszu), ale w środku jednego
MFB tekst NIE łamie się (white-space: nowrap)
───────────────────────────────────────────────────────── */
@media (max-width: 600px) {
body.author .author-tabs {
padding: 0 !important;
flex-wrap: wrap !important;
gap: 0;
}
body.author .author-tabs.is-nowrap {
flex-wrap: wrap !important;
}
body.author .author-tabs a {
padding: 10px 10px !important;
font-size: 12px !important;
}
body.author .position-row {
flex-wrap: wrap !important;
}
body.author .position-row.is-nowrap {
flex-wrap: wrap !important;
}
body.author .position-row > .wp-block-mfb-meta-field-block {
white-space: nowrap;
flex-shrink: 0;
}
}
/* ─────────────────────────────────────────────────────────
Post-template (AQL / wp:query) grid auto-responsywny.
- ≤ 1300px: 3 kolumny
- ≤ 781px: 2 kolumny
- ≤ 480px: 1 kolumna
Kolejność media queries: od największych do najmniejszych,
żeby cascade nadpisywało prawidłowo.
───────────────────────────────────────────────────────── */
@media (max-width: 1300px) {
body.author .wp-block-post-template.is-layout-grid,
body.author .wp-block-post-template-is-layout-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
@media (max-width: 781px) {
body.author .wp-block-post-template.is-layout-grid,
body.author .wp-block-post-template-is-layout-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 480px) {
body.author .wp-block-post-template.is-layout-grid,
body.author .wp-block-post-template-is-layout-grid {
grid-template-columns: 1fr !important;
}
}
/* ─────────────────────────────────────────────────────────
.section-title: ikona po lewej + h2 + licznik + (opcjonalny
wp:image jako ostatni element grupy) wystający na prawo
poza blok. Lekoludek-kciuk przy nagłówku "Artykuły" — może
też być przy innych sekcjach jeśli dodasz wp:image na końcu.
───────────────────────────────────────────────────────── */
body.author .section-title {
position: relative !important;
overflow: visible !important;
align-items: center !important;
}
body.author .section-title > .wp-block-image:last-child {
margin-left: auto !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-right: 40px !important;
position: relative;
z-index: 1;
pointer-events: none;
/* wystaje poza grupę w górę, w pionie wycentrowany */
transform: translateY(-25%);
flex-shrink: 0;
}
body.author .section-title > .wp-block-image:last-child img {
display: block !important;
max-width: none !important;
height: 90px !important;
width: auto !important;
aspect-ratio: auto !important;
}
@media (max-width: 600px) {
body.author .section-title > .wp-block-image:last-child img {
height: 60px !important;
}
body.author .section-title > .wp-block-image:last-child {
margin-right: 20px !important;
transform: translateY(-20%);
}
}
/* ─────────────────────────────────────────────────────────
.author-meta: wiersz z PWZ + Publikacje (każdy jako
wewnętrzna grupa: ikona + nagłówek + licznik/wartość).
- Pierwsza grupa (PWZ) ma margin-right: 16px
- Wewnątrz każdej grupy gap 6px (ikona + tekst)
───────────────────────────────────────────────────────── */
body.author .author-meta {
gap: 0 !important;
align-items: center;
}
body.author .author-meta > .wp-block-group:first-of-type {
margin-right: 16px !important;
}
body.author .author-meta > .wp-block-group {
gap: 6px !important;
align-items: center;
}
body.author .author-meta h4 {
margin: 0;
}
body.author .author-meta .wp-block-image {
margin: 0;
}
/* Style strony /redakcja/ (template "Lista authorów", post slug "redakcja").
* Scope: body.redakcja-page — klasa dodawana przez body_class filter
* w jt-functions.php tylko dla strony o slug 'redakcja'.
*/
/* ─────────────────────────────────────────────────────────
HERO — niebieski blok z tytułem i sidebar (stats + lekoludek)
───────────────────────────────────────────────────────── */
body.redakcja-page .author-list-hero {
position: relative;
overflow: hidden;
}
/* Główny grid: lewa zawartość + prawa sidebar — gap większy niż domyślny WP */
body.redakcja-page .author-list-hero .alignwide > .wp-block-columns {
gap: 56px !important;
align-items: flex-start;
}
/* ─── lewa kolumna: badge + tytuł + lead ─── */
body.redakcja-page .author-list-hero__badge {
font-size: 11px;
font-weight: 700;
color: #043A7C;
text-transform: uppercase;
letter-spacing: 0.8px;
margin: 0 0 14px;
display: inline-flex;
align-items: center;
gap: 8px;
}
body.redakcja-page .author-list-hero__badge::before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-image: url(/wp-content/themes/lemmony/jt/assets/css/../icons/verified.svg);
background-repeat: no-repeat;
background-size: contain;
flex-shrink: 0;
}
body.redakcja-page .author-list-hero__title {
font-size: 44px !important;
font-weight: 700;
margin: 0 !important;
letter-spacing: -0.8px;
line-height: 1.1;
color: #1a1f2e;
text-wrap: balance;
}
body.redakcja-page .author-list-hero__lead {
margin: 18px 0 0;
font-size: 15.5px;
line-height: 1.6;
color: #1a1f2e;
max-width: 640px;
text-wrap: pretty;
}
/* ─────────────────────────────────────────────────────────
Sidebar: Redakcja w liczbach (białe pudełko 2×2)
───────────────────────────────────────────────────────── */
body.redakcja-page .author-list-stats {
background: #fff !important;
border-radius: 6px;
padding: 22px 24px !important;
border: 1px solid #e8edf5;
}
body.redakcja-page .author-list-stats h3,
body.redakcja-page .author-list-stats h3.wp-block-heading {
font-size: 11px !important;
font-weight: 700;
color: #8a94a6;
text-transform: uppercase;
letter-spacing: 0.6px;
margin: 0 0 16px !important;
line-height: 1.2;
}
/* Wewnętrzne 2 kolumny po 2 pary liczba+label */
body.redakcja-page .author-list-stats .wp-block-columns {
gap: 18px !important;
margin: 0 !important;
}
body.redakcja-page .author-list-stats .wp-block-column > * {
margin: 0 !important;
}
/* Pary: każdy p:nth-of-type(odd) = liczba, p:nth-of-type(even) = label */
body.redakcja-page .author-list-stats .wp-block-column p:nth-of-type(odd) {
font-size: 28px;
font-weight: 700;
color: #043A7C;
letter-spacing: -0.8px;
line-height: 1;
}
/* Druga, trzecia… liczba — gap od poprzedniej pary */
body.redakcja-page .author-list-stats .wp-block-column p:nth-of-type(odd):not(:first-of-type) {
margin-top: 18px !important;
}
body.redakcja-page .author-list-stats .wp-block-column p:nth-of-type(even) {
font-size: 12px;
color: #58738D;
margin-top: 6px !important;
}
/* ─────────────────────────────────────────────────────────
Lekoludek + dymek wiadomości
───────────────────────────────────────────────────────── */
body.redakcja-page .author-list-greeting {
margin-top: 18px;
background: transparent !important;
padding: 0 !important;
}
body.redakcja-page .author-list-greeting .wp-block-columns {
gap: 0 !important;
align-items: flex-end;
margin: 0 !important;
}
body.redakcja-page .author-list-greeting__avatar img {
width: 110px !important;
height: auto !important;
max-width: 110px !important;
filter: drop-shadow(0 4px 12px rgba(4, 58, 124, 0.12));
}
body.redakcja-page .author-list-greeting__bubble {
background: #fff !important;
border: 1px solid #e8edf5;
border-radius: 12px 12px 12px 4px;
padding: 12px 14px !important;
margin-bottom: 18px;
}
body.redakcja-page .author-list-greeting__title {
font-size: 10.5px;
font-weight: 700;
color: #00C2C8;
text-transform: uppercase;
letter-spacing: 0.5px;
margin: 0 0 4px;
}
body.redakcja-page .author-list-greeting__text {
font-size: 13px;
line-height: 1.45;
color: #1a1f2e;
font-weight: 600;
margin: 0;
}
/* ─────────────────────────────────────────────────────────
Responsywne — < 900px sidebar zjeżdża pod content,
< 600px zmniejszone czcionki w h1/lead
───────────────────────────────────────────────────────── */
@media (max-width: 900px) {
body.redakcja-page .author-list-hero .alignwide > .wp-block-columns {
gap: 28px !important;
}
body.redakcja-page .author-list-hero__title {
font-size: 32px !important;
letter-spacing: -0.4px;
}
}
@media (max-width: 600px) {
body.redakcja-page .author-list-hero__title {
font-size: 26px !important;
}
body.redakcja-page .author-list-hero__lead {
font-size: 14px;
}
}
/* ─────────────────────────────────────────────────────────
STICKY TAB NAV — pod hero, biały pasek z 3 linkami
(Zespół / Proces weryfikacji / Źródła)
───────────────────────────────────────────────────────── */
body.redakcja-page .author-list-tabs {
background: #fff !important;
margin: 0 !important;
gap: 0 !important;
display: flex !important;
flex-wrap: nowrap;
}
/* Większy odstęp między pasem zakładek a sekcją "Zespół redakcji" */
body.redakcja-page #zespol {
margin-top: 56px;
}
body.redakcja-page .author-list-tabs p,
body.redakcja-page .author-list-tabs > * {
margin: 0 !important;
}
body.redakcja-page .author-list-tabs a {
display: inline-block;
padding: 14px 18px;
font-size: 13px;
font-weight: 600;
color: #58738D;
text-decoration: none;
border-bottom: 2px solid transparent;
margin-bottom: -1px;
background: transparent;
transition: color 0.15s, border-color 0.15s;
}
body.redakcja-page .author-list-tabs a:hover,
body.redakcja-page .author-list-tabs a.is-active {
color: #117DFF;
border-bottom-color: #117DFF;
text-decoration: none;
}
/* ─────────────────────────────────────────────────────────
SEKCJA "Zespół redakcji" — nagłówek + 3 kafelki ról
───────────────────────────────────────────────────────── */
/* Header: h2 + podtytuł w wierszu */
body.redakcja-page .author-list-team-header {
display: flex !important;
align-items: baseline !important;
gap: 16px !important;
flex-wrap: wrap;
margin-bottom: 28px;
}
body.redakcja-page .author-list-team__title {
margin: 0 !important;
font-size: 28px !important;
font-weight: 700;
letter-spacing: -0.4px;
line-height: 1.2;
}
body.redakcja-page .author-list-team__lead {
font-size: 13.5px;
color: #58738D;
margin: 0 !important;
flex: 1 1 0;
min-width: 200px;
}
/* 3 kolumny kafelków ról */
body.redakcja-page .author-list-roles {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 8px !important;
margin-bottom: 32px;
}
/* Wewnętrzny WP-block-columns: zerujemy domyślny gap żeby grid wzięło górę */
body.redakcja-page .author-list-roles.wp-block-columns {
column-gap: 8px !important;
row-gap: 8px !important;
}
/* Pojedynczy kafelek — sama ramka (padding/tło/border).
Flex layout (badge obok body) jest na wewnętrznym wp:group,
bo user trzyma w środku osobny "wiersz blok". */
body.redakcja-page .author-list-role {
padding: 16px 18px !important;
border-radius: 6px;
border: 1px solid #e8edf5;
background: #fff !important;
margin: 0 !important;
}
/* Wewnętrzny wp:group (layout: flex) z badge + body */
body.redakcja-page .author-list-role > .wp-block-group {
display: flex !important;
gap: 12px !important;
align-items: flex-start !important;
flex-wrap: nowrap;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
body.redakcja-page .author-list-role.is-konsultant {
background: #D8EFE0 !important;
border-color: #A7D5B8;
}
body.redakcja-page .author-list-role.is-eksperci {
background: #E8F5ED !important;
border-color: #C5E0CE;
}
body.redakcja-page .author-list-role.is-redaktor {
background: #F4F8F6 !important;
border-color: #DDE6E0;
}
/* Badge w kafelku */
body.redakcja-page .author-list-role__badge {
display: inline-flex;
align-items: center;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 3px 8px;
border-radius: 3px;
flex-shrink: 0;
height: fit-content;
white-space: nowrap;
margin: 0 !important;
line-height: 1.4;
}
body.redakcja-page .author-list-role.is-konsultant .author-list-role__badge {
background: #1F7A43;
color: #fff;
}
body.redakcja-page .author-list-role.is-eksperci .author-list-role__badge {
background: #D8EFE0;
color: #1F7A43;
}
body.redakcja-page .author-list-role.is-redaktor .author-list-role__badge {
background: #F1F3F6;
color: #58738D;
}
/* Treść kafelka — nazwa + opis */
body.redakcja-page .author-list-role__body {
flex: 1 1 0;
min-width: 0;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
body.redakcja-page .author-list-role__name {
font-size: 13px !important;
font-weight: 700;
color: #1a1f2e;
margin: 0 !important;
line-height: 1.2;
display: flex !important;
align-items: center;
gap: 6px;
}
/* Liczba autorów obok nazwy roli — mniejsza i jaśniejsza, z separatorem "· " */
body.redakcja-page .author-list-role__name .value {
color: #8A94A6;
font-weight: 600;
font-size: 11px;
}
body.redakcja-page .author-list-role__name .value::before {
content: "· ";
}
body.redakcja-page .author-list-role__desc {
font-size: 11.5px;
color: #58738D;
margin: 4px 0 0;
line-height: 1.4;
}
/* Responsywne — 3 kolumny → 1 kolumna na mobilu */
@media (max-width: 781px) {
body.redakcja-page .author-list-roles,
body.redakcja-page .author-list-roles.wp-block-columns {
grid-template-columns: 1fr !important;
}
body.redakcja-page .author-list-team__title {
font-size: 22px !important;
}
body.redakcja-page .author-list-tabs {
padding: 0 16px !important;
overflow-x: auto;
}
body.redakcja-page .author-list-tabs a {
padding: 12px 12px;
font-size: 12px;
white-space: nowrap;
}
}
/* ─────────────────────────────────────────────────────────
KARTA AUTORA + GRID listy (filter author_cards_redakcja)
───────────────────────────────────────────────────────── */
body.redakcja-page .author-list-cards-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
margin-bottom: 32px;
}
/* Sama karta */
body.redakcja-page .author-card {
background: #fff !important;
border: 1px solid #e8edf5;
border-radius: 6px;
padding: 22px 24px !important;
display: flex !important;
flex-direction: column;
gap: 0 !important;
transition: border-color 0.15s, box-shadow 0.15s;
}
body.redakcja-page .author-card:hover {
border-color: #c5d4ea;
box-shadow: 0 1px 3px rgba(4, 58, 124, 0.06);
}
/* ─── Badge poziomu (Konsultant / Ekspert / Redaktor) ─── */
body.redakcja-page .author-card__badge {
margin: 0 0 14px !important;
}
body.redakcja-page .author-card__badge .value {
display: inline-flex;
align-items: center;
font-size: 10.5px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.6px;
padding: 4px 10px;
border-radius: 4px;
line-height: 1.4;
}
body.redakcja-page .author-card.is-konsultant .author-card__badge .value {
background: #1F7A43;
color: #fff;
}
body.redakcja-page .author-card.is-ekspert .author-card__badge .value {
background: #D8EFE0;
color: #1F7A43;
}
body.redakcja-page .author-card.is-redaktor .author-card__badge .value {
background: #F1F3F6;
color: #58738D;
}
/* ─── Sekcja avatar + info (wp:columns w środku karty) ─── */
body.redakcja-page .author-card > .wp-block-columns {
display: flex !important;
gap: 14px !important;
align-items: center;
margin: 0 !important;
}
body.redakcja-page .author-card > .wp-block-columns > .wp-block-column {
flex: 1 1 0;
min-width: 0;
}
/* Pierwsza kolumna (avatar) — zawsze 64px */
body.redakcja-page .author-card > .wp-block-columns > .wp-block-column:first-child {
flex: 0 0 64px;
max-width: 64px;
}
/* Avatar (Lemmony Circle) — okrąg 64x64 z gradientem.
Domyślny .lemmony-circle ma min-width/min-height: 128px → wymuszamy 64. */
body.redakcja-page .author-card__avatar,
body.redakcja-page .author-card__avatar.wp-block-lemmony-circle {
width: 64px !important;
height: 64px !important;
min-width: 64px !important;
min-height: 64px !important;
max-width: 64px !important;
max-height: 64px !important;
border-radius: 50% !important;
overflow: hidden;
font-size: 24.32px !important;
background: linear-gradient(135deg, #043A7C 0%, #1A4F95 100%);
color: #fff;
font-weight: 600;
letter-spacing: -1px;
box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.15);
display: flex;
align-items: center;
justify-content: center;
}
body.redakcja-page .author-card__avatar img {
border-radius: 50%;
width: 100%;
height: 100%;
object-fit: cover;
}
/* ─── Nazwa autora + verify icon ─── */
body.redakcja-page .author-card__name {
margin: 0 !important;
}
body.redakcja-page .author-card__name .value {
font-size: 17px;
font-weight: 700;
letter-spacing: -0.2px;
line-height: 1.15;
color: #1a1f2e;
display: inline-flex;
align-items: center;
gap: 6px;
}
body.redakcja-page .author-card__name .value::after {
content: "";
display: inline-block;
width: 14px;
height: 14px;
background-image: url(/wp-content/themes/lemmony/jt/assets/css/../icons/verified.svg);
background-repeat: no-repeat;
background-size: contain;
flex-shrink: 0;
}
/* ─── Tytuł naukowy (dr n. farm.) ─── */
body.redakcja-page .author-card__title {
margin: 5px 0 0 !important;
}
body.redakcja-page .author-card__title .value {
font-size: 12px;
color: #58738D;
font-weight: 600;
letter-spacing: 0.2px;
}
/* ─── Krótki opis (3-line clamp) ─── */
body.redakcja-page .author-card__bio {
margin: 14px 0 0 !important;
}
body.redakcja-page .author-card__bio .value {
font-size: 13px;
line-height: 1.55;
color: #1a1f2e;
text-wrap: pretty;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* ─── Separator ─── */
body.redakcja-page .author-card > .wp-block-separator {
margin: 16px 0 12px !important;
border: 0;
border-top: 1px solid #e8edf5;
opacity: 1;
max-width: none !important;
width: 100%;
align-self: stretch;
}
/* ─── Footer (PWZ + Zobacz profil) ─── */
body.redakcja-page .author-card__footer {
display: flex !important;
align-items: center;
gap: 8px !important;
flex-wrap: wrap;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
font-size: 11.5px;
color: #58738D;
}
body.redakcja-page .author-card__pwz {
margin: 0 !important;
display: inline-flex !important;
align-items: baseline;
gap: 4px;
}
body.redakcja-page .author-card__pwz .prefix {
color: #1a1f2e;
font-weight: 600;
}
/* Ostatni element w stopce (wrapper MFB z linkiem) wypchnięty na prawo */
body.redakcja-page .author-card__footer > *:last-child {
margin-left: auto;
}
/* Link "Zobacz profil →" — klasa nadana przez filter author_profile_link */
body.redakcja-page .author-card__footer .author-profile-link {
color: #043A7C;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 4px;
text-decoration: none;
}
body.redakcja-page .author-card__footer .author-profile-link:hover {
text-decoration: underline;
}
/* ─── Responsywne ─── */
@media (max-width: 1100px) {
body.redakcja-page .author-list-cards-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
body.redakcja-page .author-list-cards-grid {
grid-template-columns: 1fr;
}
}
/* ─────────────────────────────────────────────────────────
SEKCJA "Proces weryfikacji treści" — 6 ponumerowanych kafelków
───────────────────────────────────────────────────────── */
body.redakcja-page .proces-section {
margin-top: 80px;
}
/* Header: h2 + lead w wierszu (jak w "Zespół redakcji") */
body.redakcja-page .proces-header {
display: flex !important;
align-items: baseline !important;
gap: 16px !important;
flex-wrap: wrap;
margin-bottom: 28px;
}
body.redakcja-page .proces-section__title {
margin: 0 !important;
font-size: 28px !important;
font-weight: 700;
letter-spacing: -0.4px;
line-height: 1.2;
}
body.redakcja-page .proces-section__lead {
font-size: 13.5px;
color: #58738D;
margin: 0 !important;
flex: 1 1 0;
min-width: 200px;
}
/* Grid 6 kafelków, 3 kolumny */
body.redakcja-page .proces-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 16px !important;
}
/* Pojedynczy kafelek — białe tło, kolorowa górna krawędź */
body.redakcja-page .proces-step {
background: #fff !important;
border: 1px solid #e8edf5 !important;
border-top: 3px solid #e8edf5 !important;
border-radius: 6px;
padding: 20px 22px !important;
display: flex !important;
flex-direction: column;
}
/* Kolory krawędzi + numerów per kafelek */
body.redakcja-page .proces-step.is-step-1 { border-top-color: #00858A !important; }
body.redakcja-page .proces-step.is-step-2 { border-top-color: #7340B5 !important; }
body.redakcja-page .proces-step.is-step-3 { border-top-color: #1F8A48 !important; }
body.redakcja-page .proces-step.is-step-4 { border-top-color: #C03020 !important; }
body.redakcja-page .proces-step.is-step-5 { border-top-color: #B06A10 !important; }
body.redakcja-page .proces-step.is-step-6 { border-top-color: #3D52C9 !important; }
body.redakcja-page .proces-step.is-step-1 .proces-step__number { color: #00858A; }
body.redakcja-page .proces-step.is-step-2 .proces-step__number { color: #7340B5; }
body.redakcja-page .proces-step.is-step-3 .proces-step__number { color: #1F8A48; }
body.redakcja-page .proces-step.is-step-4 .proces-step__number { color: #C03020; }
body.redakcja-page .proces-step.is-step-5 .proces-step__number { color: #B06A10; }
body.redakcja-page .proces-step.is-step-6 .proces-step__number { color: #3D52C9; }
/* Pierwszy wiersz: numer + "odpowiada:" */
body.redakcja-page .proces-step__head {
display: flex !important;
align-items: baseline !important;
gap: 12px !important;
margin: 0 0 10px !important;
}
body.redakcja-page .proces-step__number {
margin: 0 !important;
font-size: 22px !important;
font-weight: 700;
letter-spacing: -0.5px;
font-variant-numeric: tabular-nums;
line-height: 1;
}
body.redakcja-page .proces-step__role {
margin: 0 !important;
font-size: 10.5px;
font-weight: 700;
color: #8A94A6;
text-transform: uppercase;
letter-spacing: 0.5px;
}
body.redakcja-page .proces-step__title {
margin: 0 0 6px !important;
font-size: 15px !important;
font-weight: 700;
color: #1a1f2e;
line-height: 1.3;
}
body.redakcja-page .proces-step__desc {
margin: 0 !important;
font-size: 12.5px;
line-height: 1.55;
color: #58738D;
}
/* Responsywne */
@media (max-width: 900px) {
body.redakcja-page .proces-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 600px) {
body.redakcja-page .proces-grid {
grid-template-columns: 1fr !important;
}
}
/* ─────────────────────────────────────────────────────────
SEKCJA "Standardy źródeł" — 9 kafelków z ikonkami
───────────────────────────────────────────────────────── */
body.redakcja-page .zrodla-section {
margin-top: 64px !important;
}
body.redakcja-page .zrodla-header {
display: flex !important;
align-items: baseline !important;
gap: 16px !important;
flex-wrap: wrap;
margin-bottom: 28px;
}
body.redakcja-page .zrodla-section__title {
margin: 0 !important;
font-size: 28px !important;
font-weight: 700;
letter-spacing: -0.4px;
line-height: 1.2;
}
body.redakcja-page .zrodla-section__lead {
margin: 0 !important;
font-size: 13.5px;
color: #58738D;
flex: 1 1 0;
min-width: 200px;
}
/* Grid 3-kolumnowy z 9 kafelkami */
body.redakcja-page .zrodla-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 14px !important;
}
/* Pojedynczy kafelek źródła */
body.redakcja-page .zrodla-source {
background: #fff !important;
border: 1px solid #e8edf5 !important;
border-radius: 6px;
padding: 14px 18px !important;
margin: 0 !important;
}
/* Wewnętrzny wp:columns → flex z gap 14, centered */
body.redakcja-page .zrodla-source > .wp-block-columns {
display: flex !important;
align-items: center !important;
gap: 14px !important;
margin: 0 !important;
}
body.redakcja-page .zrodla-source > .wp-block-columns > .wp-block-column {
flex: 1 1 0;
min-width: 0;
}
/* Lewa kolumna — sztywne 44px (override flex-basis: 100px z bloku) */
body.redakcja-page .zrodla-source > .wp-block-columns > .wp-block-column:first-child {
flex: 0 0 44px !important;
max-width: 44px !important;
width: 44px !important;
}
/* Ikonka — 44x44 kwadrat z kolorowym tłem */
body.redakcja-page .zrodla-source__icon {
width: 44px !important;
height: 44px !important;
border-radius: 6px;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #fff !important;
flex-shrink: 0;
padding: 0 !important;
margin: 0 !important;
background: #58738D; /* fallback gdy brak modyfikatora */
}
body.redakcja-page .zrodla-source__icon p,
body.redakcja-page .zrodla-source__icon strong {
margin: 0 !important;
color: #fff !important;
font-weight: 700;
font-size: 12px;
letter-spacing: 0.5px;
text-align: center;
}
/* Kolory ikonek per nazwa źródła */
body.redakcja-page .zrodla-source.is-pm .zrodla-source__icon { background: #326295; }
body.redakcja-page .zrodla-source.is-cochrane .zrodla-source__icon { background: #C63B3B; }
body.redakcja-page .zrodla-source.is-ema .zrodla-source__icon { background: #003A78; }
body.redakcja-page .zrodla-source.is-urpl .zrodla-source__icon { background: #B91C1C; }
body.redakcja-page .zrodla-source.is-chpl .zrodla-source__icon { background: #7C3AED; }
body.redakcja-page .zrodla-source.is-nice .zrodla-source__icon { background: #00558C; }
body.redakcja-page .zrodla-source.is-who .zrodla-source__icon { background: #0093D6; }
body.redakcja-page .zrodla-source.is-aotmit .zrodla-source__icon { background: #0F766E; }
body.redakcja-page .zrodla-source.is-pt .zrodla-source__icon { background: #1E5BD6; }
/* Tytuł i opis */
body.redakcja-page .zrodla-source__name {
margin: 0 !important;
font-size: 13.5px !important;
font-weight: 700;
color: #1a1f2e;
line-height: 1.2;
}
body.redakcja-page .zrodla-source__desc {
margin: 2px 0 0 !important;
font-size: 11.5px;
color: #58738D;
line-height: 1.4;
}
/* Responsywne */
@media (max-width: 900px) {
body.redakcja-page .zrodla-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 600px) {
body.redakcja-page .zrodla-grid {
grid-template-columns: 1fr !important;
}
}
/* < 360px: w "Redakcji w liczbach" kolumny stackują się pionowo
(mimo isStackedOnMobile:false na bloku) */
@media (max-width: 360px) {
body.redakcja-page .author-list-stats .wp-block-columns {
flex-direction: column !important;
}
}
/* Karuzela produktów (slick) — scope: .leki-carousel na grupie z karuzelą.
Ładowane site-wide przez $jt_css_files (jt-functions.php), bo ticss grupy
opakowującej blok ACF query-carousel nie renderuje stylu. */
/* równa wysokość slajdów */
.leki-carousel .slick-track { display: flex !important; }
.leki-carousel .slick-slide { height: auto !important; }
.leki-carousel .slick-slide > .wp-block-group,
.leki-carousel .slick-slide .wp-block-columns { height: 100%; }
/* strzałki — własna ikona (okrągły ciemny przycisk ze strzałką) */
.leki-carousel .slick-prev::before,
.leki-carousel .slick-next::before {
content: "" !important;
display: block;
width: 33px;
height: 33px;
opacity: 1 !important;
background: url(/wp-content/themes/lemmony/jt/assets/icons/carousel-arrow.svg) center / contain no-repeat !important;
}
.leki-carousel .slick-prev::before { transform: rotate(180deg); }
/* paginacja — kropki bliżej siebie, wypełnione, aktywna jako pill */
.leki-carousel .slick-dots {
display: flex !important;
justify-content: center;
gap: 6px;
padding: 0;
margin-top: 12px;
}
.leki-carousel .slick-dots li { margin: 0; width: auto; height: auto; }
.leki-carousel .slick-dots li button {
width: 10px !important;
height: 10px !important;
padding: 0 !important;
border-radius: 50% !important;
background: #b9d2dd !important;
font-size: 0 !important; /* ukryj numerki 1–10 */
}
.leki-carousel .slick-dots li button::before { display: none !important; }
.leki-carousel .slick-dots li.slick-active button {
width: 26px !important;
border-radius: 6px !important;
background: #1d5070 !important;
}
/*
* Style slidera kategorii (drill-down) wywoływanego z popup mobile menu.
*
* Wycięte z custom-menu/assets/css/frontend.css (sekcja 7. MM-SLIDER).
* Pełnego frontend.css NIE ładujemy bo agresywnie nadpisuje .menu/.wp-block-navigation
* co ukrywało desktop menu w motywie Lemmony.
*
* Zmiana wobec oryginału:
* - background fallback z #f4faf8 → #fff (bez zmiany var)
*/
.mm-slider {
display: none; position: fixed; inset: 0; z-index: 100003;
background: var(--mm-panel-bg, #fff);
flex-direction: column; overflow: hidden;
}
.mm-slider.is-open { display: flex; }
.mm-slider__viewport { flex: 1; overflow: hidden; position: relative; background: inherit; }
.mm-slider__header {
position: relative; display: flex; align-items: center;
padding: 12px 16px; gap: 12px; min-height: 48px;
border-bottom: 1px solid rgba(0, 0, 0, 0.06); flex-shrink: 0;
}
.mm-slider__title {
flex: 1; font-size: 17px; font-weight: 700; color: #0E4466; text-align: center;
}
.mm-slider__spacer {
width: 60px; min-width: 60px; flex-shrink: 0;
}
.mm-slider__back {
display: flex; align-items: center; gap: 2px; background: none; border: none;
cursor: pointer; color: #0E4466; font-size: 14px; font-weight: 600;
padding: 6px 8px; border-radius: 8px; transition: background 0.15s;
width: 60px; min-width: 60px;
}
.mm-slider__back span { font-size: 14px; }
.mm-slider__back:hover { background: rgba(0, 0, 0, 0.05); }
.mm-slider__close {
display: none !important;
}
.mm-slider__track {
display: flex; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); height: 100%;
}
.mm-slide {
min-width: 100%; max-width: 100%;
overflow-y: auto; -webkit-overflow-scrolling: touch;
padding: 8px 0; background: inherit;
}
.mm-slide__item {
display: flex; align-items: center; padding: 14px 20px;
color: #0E4466; text-decoration: none; font-size: 16px; font-weight: 600;
transition: background 0.15s; gap: 10px; cursor: pointer;
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.mm-slide__item:hover, .mm-slide__item:active { background: rgba(0,0,0,0.04); text-decoration: none; color: #003578; }
.mm-slide__item--all {
font-weight: 700; color: #003578; font-size: 15px;
border-bottom: 1px solid rgba(0,0,0,0.08); background: rgba(0,0,0,0.02);
}
.mm-slide__item--all:hover { background: rgba(0,0,0,0.05); }
.mm-slide__name { flex: 1; line-height: 1.3; }
.mm-slide__arrow { flex-shrink: 0; opacity: 0.35; }
@media (min-width: 1151px) {
.mm-slider { display: none !important; }
}
/*
* Custom Menu (frontend.js findMatchingNavItems → fallback "nav a") wciska
* swój chevron SVG do "Kategorie" w Getwid Megamenu, przez co dubluje się
* z natywnym gw-mm-item__toggle (dashicons-arrow-down). Ukryj go w obrębie
* Getwid Megamenu — slider mobilny i tak nie potrzebuje tej strzałki, bo
* uruchamiany jest naszym własnym buttonem z popup mobile-menu.
*/
.wp-block-getwid-megamenu .mm-chevron { display: none !important; }
.typeahead__container {
/**
* Restore the font weight unset by the previous rule.
*/
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
/**
* Remove the inner border and padding in Firefox.
*/
/**
* Restore the focus styles unset by the previous rule.
*/
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
/**
* Remove the default vertical scrollbar in IE.
*/
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
/**
* Correct the text style of placeholders in Chrome, Edge, and Safari.
*/
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
}
.typeahead__container button,
.typeahead__container input,
.typeahead__container optgroup,
.typeahead__container select,
.typeahead__container textarea {
font: inherit;
/* 1 */
margin: 0;
/* 2 */
}
.typeahead__container optgroup {
font-weight: bold;
}
.typeahead__container button,
.typeahead__container input {
/* 1 */
overflow: visible;
}
.typeahead__container button,
.typeahead__container select {
/* 1 */
text-transform: none;
}
.typeahead__container button,
.typeahead__container html [type="button"],
.typeahead__container [type="reset"],
.typeahead__container [type="submit"] {
-webkit-appearance: button;
/* 2 */
}
.typeahead__container button::-moz-focus-inner,
.typeahead__container [type="button"]::-moz-focus-inner,
.typeahead__container [type="reset"]::-moz-focus-inner,
.typeahead__container [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
.typeahead__container button:-moz-focusring,
.typeahead__container [type="button"]:-moz-focusring,
.typeahead__container [type="reset"]:-moz-focusring,
.typeahead__container [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
.typeahead__container fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
.typeahead__container legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
.typeahead__container textarea {
overflow: auto;
}
.typeahead__container [type="checkbox"],
.typeahead__container [type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
.typeahead__container [type="number"]::-webkit-inner-spin-button,
.typeahead__container [type="number"]::-webkit-outer-spin-button {
height: auto;
}
.typeahead__container ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
.typeahead__container ::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
.typeahead__container {
position: relative;
font: 1rem Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.typeahead__container * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 0;
}
.typeahead__query {
position: relative;
z-index: 2;
width: 100%;
}
.typeahead__filter {
position: relative;
}
.typeahead__filter button {
min-width: 100%;
white-space: nowrap;
}
.typeahead__filter button:after {
display: inline-block;
margin-left: 4px;
width: 0;
height: 0;
vertical-align: -2px;
content: "";
border: 4px solid;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
}
.typeahead__field {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
width: 100%;
}
.typeahead__button button {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.typeahead__field {
color: #555;
}
.typeahead__field input,
.typeahead__field textarea,
.typeahead__field [contenteditable],
.typeahead__field .typeahead__hint {
display: block;
width: 100%;
line-height: 1.25;
min-height: calc(0.5rem * 2 + 1.25rem + 2px);
padding: 0.5rem 0.75rem;
background: #fff;
border: 1px solid #ccc;
border-radius: 2px 0 0 2px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.typeahead__field input:focus,
.typeahead__field input:active,
.typeahead__field textarea:focus,
.typeahead__field textarea:active,
.typeahead__field [contenteditable]:focus,
.typeahead__field [contenteditable]:active,
.typeahead__field .typeahead__hint:focus,
.typeahead__field .typeahead__hint:active {
border-color: #66afe9;
}
.typeahead__container.hint .typeahead__field input,
.typeahead__container.hint .typeahead__field textarea,
.typeahead__container.hint .typeahead__field [contenteditable] {
background: transparent;
}
.typeahead__container.hint .typeahead__query > :last-child,
.typeahead__hint {
background: #fff;
}
.typeahead__container button {
display: inline-block;
margin-bottom: 0;
text-align: center;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-color: #fff;
border: 1px solid #ccc;
line-height: 1.25;
padding: 0.5rem 0.75rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #555;
}
.typeahead__container button:hover,
.typeahead__container button:focus {
color: #3c3c3c;
background-color: #f5f5f5;
border-color: #b3b3b3;
}
.typeahead__container button:active,
.typeahead__container button.active {
background-image: none;
}
.typeahead__container button:focus,
.typeahead__container button:active {
border-color: #66afe9;
}
.typeahead__container input.disabled,
.typeahead__container input[disabled],
.typeahead__container button.disabled,
.typeahead__container button[disabled] {
cursor: not-allowed;
pointer-events: none;
opacity: 0.65;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #fff;
border-color: #ccc;
}
.typeahead__container .typeahead__field input,
.typeahead__container .typeahead__field textarea,
.typeahead__container .typeahead__field [contenteditable],
.typeahead__container .typeahead__field .typeahead__hint,
.typeahead__container .typeahead__field .typeahead__label-container {
padding-right: 32px;
}
.typeahead__filter,
.typeahead__button {
z-index: 1;
}
.typeahead__filter button,
.typeahead__button button {
margin-left: -1px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.typeahead__filter:hover,
.typeahead__filter:active,
.typeahead__filter:focus,
.typeahead__button:hover,
.typeahead__button:active,
.typeahead__button:focus {
z-index: 1001;
}
.typeahead__filter:hover button:focus,
.typeahead__filter:hover button:active,
.typeahead__filter:active button:focus,
.typeahead__filter:active button:active,
.typeahead__filter:focus button:focus,
.typeahead__filter:focus button:active,
.typeahead__button:hover button:focus,
.typeahead__button:hover button:active,
.typeahead__button:active button:focus,
.typeahead__button:active button:active,
.typeahead__button:focus button:focus,
.typeahead__button:focus button:active {
z-index: 1001;
}
.typeahead__filter + .typeahead__button button {
margin-left: -2px;
}
.typeahead__container.filter .typeahead__filter {
z-index: 1001;
}
.typeahead__list,
.typeahead__dropdown {
position: absolute;
left: 0;
z-index: 1000;
width: 100%;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
background-clip: padding-box;
}
.typeahead__result.detached .typeahead__list {
position: relative;
z-index: 1041;
top: initial;
left: initial;
}
.typeahead__dropdown {
right: 0;
left: initial;
z-index: 1001;
}
.typeahead__list > li {
position: relative;
border-top: solid 1px #ccc;
}
.typeahead__list > li:first-child {
border-top: none;
}
.typeahead__list .typeahead__item[disabled] > a,
.typeahead__dropdown .typeahead__dropdown-item[disabled] > a {
cursor: not-allowed;
color: #bababa;
background-color: #fafafa;
}
.typeahead__list .typeahead__item > a,
.typeahead__dropdown .typeahead__dropdown-item > a {
display: block;
padding: 0.5rem 0.75rem;
clear: both;
color: #333;
text-decoration: none;
}
.typeahead__list .typeahead__item:not([disabled]) > a:hover,
.typeahead__list .typeahead__item:not([disabled]) > a:focus,
.typeahead__list .typeahead__item:not([disabled]).active > a,
.typeahead__dropdown .typeahead__dropdown-item:not([disabled]) > a:hover,
.typeahead__dropdown .typeahead__dropdown-item:not([disabled]) > a:focus,
.typeahead__dropdown .typeahead__dropdown-item:not([disabled]).active > a {
background-color: #f5f5f5;
color: #3c3c3c;
}
.typeahead__list.empty > li {
padding: 0.5rem 0.75rem;
color: #333;
}
.typeahead__list > .typeahead__group {
border-color: #bfdef6;
font-weight: bold;
}
.typeahead__list > .typeahead__group:first-child {
border-top: solid 1px #bfdef6;
}
.typeahead__list > .typeahead__group > a,
.typeahead__list > .typeahead__group > a:hover,
.typeahead__list > .typeahead__group > a:focus,
.typeahead__list > .typeahead__group.active > a {
cursor: default;
color: #17639f;
background: #ecf5fc;
display: block;
padding: 0.5rem 0.75rem;
clear: both;
text-decoration: none;
}
.typeahead__list > li.typeahead__group + li.typeahead__item {
border-color: #bfdef6;
}
.typeahead__container.result .typeahead__list,
.typeahead__container.filter .typeahead__dropdown,
.typeahead__container.hint .typeahead__hint,
.typeahead__container.backdrop + .typeahead__backdrop {
display: block !important;
}
.typeahead__container .typeahead__list,
.typeahead__container .typeahead__dropdown,
.typeahead__container .typeahead__hint,
.typeahead__container + .typeahead__backdrop {
display: none !important;
}
.typeahead__dropdown li:last-child {
margin-top: 5px;
padding-top: 5px;
border-top: solid 1px #ccc;
}
.typeahead__cancel-button {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: absolute;
right: 0;
cursor: pointer;
line-height: 1.25;
padding: 0.5rem 0.75rem;
visibility: hidden;
}
.typeahead__label .typeahead__cancel-button {
visibility: visible;
right: 4px;
}
.typeahead__container.cancel:not(.loading) .typeahead__cancel-button,
.typeahead__label .typeahead__cancel-button {
visibility: visible;
}
.typeahead__container.cancel:not(.loading) .typeahead__cancel-button:hover,
.typeahead__label .typeahead__cancel-button:hover {
color: #d0021b;
}
.typeahead__search-icon {
padding: 0 1.25rem;
width: 16px;
height: 16px;
background: url(data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI1MC4zMTMgMjUwLjMxMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjUwLjMxMyAyNTAuMzEzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnIGlkPSJTZWFyY2giPgoJPHBhdGggc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkOyIgZD0iTTI0NC4xODYsMjE0LjYwNGwtNTQuMzc5LTU0LjM3OGMtMC4yODktMC4yODktMC42MjgtMC40OTEtMC45My0wLjc2ICAgYzEwLjctMTYuMjMxLDE2Ljk0NS0zNS42NiwxNi45NDUtNTYuNTU0QzIwNS44MjIsNDYuMDc1LDE1OS43NDcsMCwxMDIuOTExLDBTMCw0Ni4wNzUsMCwxMDIuOTExICAgYzAsNTYuODM1LDQ2LjA3NCwxMDIuOTExLDEwMi45MSwxMDIuOTExYzIwLjg5NSwwLDQwLjMyMy02LjI0NSw1Ni41NTQtMTYuOTQ1YzAuMjY5LDAuMzAxLDAuNDcsMC42NCwwLjc1OSwwLjkyOWw1NC4zOCw1NC4zOCAgIGM4LjE2OSw4LjE2OCwyMS40MTMsOC4xNjgsMjkuNTgzLDBDMjUyLjM1NCwyMzYuMDE3LDI1Mi4zNTQsMjIyLjc3MywyNDQuMTg2LDIxNC42MDR6IE0xMDIuOTExLDE3MC4xNDYgICBjLTM3LjEzNCwwLTY3LjIzNi0zMC4xMDItNjcuMjM2LTY3LjIzNWMwLTM3LjEzNCwzMC4xMDMtNjcuMjM2LDY3LjIzNi02Ny4yMzZjMzcuMTMyLDAsNjcuMjM1LDMwLjEwMyw2Ny4yMzUsNjcuMjM2ICAgQzE3MC4xNDYsMTQwLjA0NCwxNDAuMDQzLDE3MC4xNDYsMTAyLjkxMSwxNzAuMTQ2eiIgZmlsbD0iIzU1NTU1NSIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=)
no-repeat scroll center center transparent;
}
.typeahead__container.loading .typeahead__query:before,
.typeahead__container.loading .typeahead__query:after {
-webkit-transition: all 0s linear, opacity 0.2s ease;
-o-transition: all 0s linear, opacity 0.2s ease;
transition: all 0s linear, opacity 0.2s ease;
position: absolute;
z-index: 3;
content: "";
top: 50%;
right: 0.55em;
margin-top: -0.675rem;
width: 1.35rem;
height: 1.35rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 500rem;
border-style: solid;
border-width: 0.1em;
}
.typeahead__container.loading .typeahead__query:before {
border-color: rgba(0, 0, 0, 0.35);
}
.typeahead__container.loading .typeahead__query:after {
-webkit-animation: button-spin 0.6s linear;
animation: button-spin 0.6s linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
border-color: #fff transparent transparent;
-webkit-box-shadow: 0 0 0 1px transparent;
box-shadow: 0 0 0 1px transparent;
}
@-webkit-keyframes button-spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes button-spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.typeahead__label-container {
list-style: none;
position: absolute;
padding-top: calc(1rem * 0.375);
padding-left: 6px;
width: 100%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.typeahead__label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: calc(1rem * 0.875);
position: relative;
background: #ecf5fc;
border: solid 1px #c2e0ff;
padding-left: 4px;
border-radius: 2px;
margin-right: 4px;
margin-bottom: calc(1rem * 0.375);
}
.typeahead__label > * {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.typeahead__label .typeahead__cancel-button {
line-height: normal;
height: auto;
position: static;
padding-top: calc(1rem * 0.25 - 1px);
padding-bottom: calc(1rem * 0.25 + 1px);
padding-left: 6px;
padding-right: 6px;
margin-left: 4px;
font-size: calc(1rem * 0.875);
border-left: solid 1px #c2e0ff;
}
.typeahead__label .typeahead__cancel-button:hover {
background-color: #d5e9f9;
}