:root {
--font-head: 'Lato', 'Segoe UI', sans-serif;
--font-body: 'Lato', 'Segoe UI', sans-serif;
--c-ink:      #14181f;
--c-text:     #3f4757;
--c-muted:    #7c8494;
--c-faint:    #a8afbd;
--c-line:     #e7e9ee;
--c-line-2:   #eef0f4;
--c-bg:       #ffffff;
--c-bg-soft:  #f6f7fb;
--c-bg-deep:  #10141d;
--c-bg-deep-2:#181d29;
--c-red:      #e0102a;
--c-red-dark: #b40d22;
--c-red-soft: #fdecee;
--c-amber:    #f5a623;
--c-amber-dark:#c97f0e;
--c-amber-soft:#fef4e2;
--radius-sm: 6px;
--radius:    10px;
--radius-lg: 16px;
--radius-pill: 999px;
--shadow-xs: 0 1px 2px rgba(20,24,31,.06);
--shadow-sm: 0 4px 14px rgba(20,24,31,.08);
--shadow-md: 0 10px 30px rgba(20,24,31,.12);
--shadow-lg: 0 20px 50px rgba(20,24,31,.16);
--ease: cubic-bezier(.22,.61,.36,1);
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
font-family: var(--font-body);
font-size: 15.5px;
line-height: 1.7;
color: var(--c-text);
background: var(--c-bg);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6,
.site-title, .entry-title, .widget-title, .item-title,
.slide-title, .full-item-title {
font-family: var(--font-head);
color: var(--c-ink);
letter-spacing: -0.01em;
} textarea,
.primary-font {
font-family: var(--font-body) !important;
}
.secondary-font,
.comment-respond .comment-reply-title {
font-family: var(--font-head) !important;
}
.single .entry-content:before,
.page .entry-content:before {
font-family: var(--font-head) !important;
} body a { color: var(--c-ink); text-decoration: none; transition: color .2s var(--ease); }
body a:hover, body a:focus { color: var(--c-red); text-decoration: none; }
a:focus-visible { outline: 2px solid var(--c-amber); outline-offset: 2px; }
img { display: block; height: auto; max-width: 100%; }
::selection { background: var(--c-red); color: #fff; } body::before {
content: '';
display: block;
height: 3px;
width: 100%;
background: linear-gradient(90deg, var(--c-red) 0%, var(--c-red) 55%, var(--c-amber) 100%);
}
#masthead + br { display: none; }
.container, .container-fluid { max-width: 1240px; } .home .container, .home .container-fluid { max-width: 1420px; }
@media (min-width: 1200px) { .home .container, .home .container-fluid {
width: 100% !important;
max-width: 1420px !important;
}
} #masthead {
position: sticky;
top: 0;
z-index: 1000;
background: rgba(255,255,255,.92);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
transition: box-shadow .3s var(--ease);
}
#masthead.scrolled { box-shadow: 0 2px 20px rgba(20,24,31,.10); }
.top-bar {
background: var(--c-bg);
min-height: 32px;
border-bottom: 1px solid var(--c-line-2);
}
.top-bar .row { display: flex; align-items: center; }
.top-bar .tm-social-share { display: flex; align-items: center; height: 32px; }
.social-icons ul { display: flex; align-items: center; gap: 4px; margin: 0; padding: 0; list-style: none; }
.social-icons ul li { margin-bottom: 0; }
.social-icons ul li a:after {
width: 22px; height: 22px; line-height: 22px;
font-size: 12px; border-radius: 50%;
background: transparent !important;
color: var(--c-faint) !important;
transition: background .2s var(--ease), color .2s var(--ease);
}
.social-icons ul li a:hover:after {
background: var(--c-red-soft) !important;
color: var(--c-red) !important;
}
.top-bar .icon-search .search-form { background: transparent; border: none; }
.top-bar .icon-search .search-form input {
font-size: 12.5px; height: 32px; color: var(--c-text);
background: transparent;
}
.top-bar .icon-search .search-form input::placeholder { color: var(--c-faint); }
.top-bar .icon-search .search-form:before { font-size: 15px; line-height: 32px; color: var(--c-faint); }
#lbn-nav-utility {
background: var(--c-bg);
border-bottom: 1px solid var(--c-line-2);
} @media (min-width: 992px) {
#lbn-nav-utility .main-navigation .menu > ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
}
#lbn-nav-utility .main-navigation .menu > ul > li > a {
line-height: 34px;
font-size: 10.5px;
letter-spacing: .07em;
color: var(--c-muted);
padding: 0 13px;
font-weight: 600;
text-transform: uppercase;
font-family: var(--font-body);
}
#lbn-nav-utility .main-navigation .menu > ul > li:not(:last-child) > a {
border-right: 1px solid var(--c-line-2);
}
#lbn-nav-utility .main-navigation .menu > ul > li > a:hover { color: var(--c-red); }
#lbn-nav-utility .main-navigation .menu > ul > li > a:after { display: none; }
#lbn-nav-utility .main-navigation .menu > ul > li.current-menu-item > a { color: var(--c-ink); }
.header-middle { padding: 26px 0 24px; }
.site-branding { display: flex; flex-direction: column; align-items: center; }
.custom-logo-link img, .site-branding img { max-height: 78px; width: auto; margin: 0 auto; }
.site-branding .site-title { font-size: 28px; line-height: 1.15; font-weight: 700; }
.site-branding .site-description { font-size: 11.5px; color: var(--c-faint); margin: 4px 0 0; letter-spacing: .03em; }
#lbn-nav-main {
background: var(--c-bg);
border-top: 1px solid var(--c-line);
border-bottom: 1px solid var(--c-line);
} @media (min-width: 992px) {
#lbn-nav-main .main-navigation .menu > ul {
display: flex;
justify-content: center;
}
}
#lbn-nav-main .main-navigation .menu > ul > li > a {
line-height: 50px;
font-size: 12.5px;
letter-spacing: .02em;
font-weight: 600;
color: var(--c-ink);
padding: 0 18px;
text-transform: uppercase;
font-family: var(--font-head);
position: relative;
}
#lbn-nav-main .main-navigation .menu > ul > li > a:after {
content: '';
position: absolute;
left: 18px; right: 18px; bottom: 11px;
height: 2px;
background: var(--c-red);
transform: scaleX(0);
transform-origin: center;
transition: transform .25s var(--ease);
}
#lbn-nav-main .main-navigation .menu > ul > li:hover > a:after,
#lbn-nav-main .main-navigation .menu > ul > li.current-menu-item > a:after {
transform: scaleX(1);
}
#lbn-nav-main .main-navigation .menu > ul > li > a:hover,
#lbn-nav-main .main-navigation .menu > ul > li.current-menu-item > a { color: var(--c-red); } .main-navigation .menu li:hover > ul {
background: #fff;
box-shadow: var(--shadow-lg);
border-top: 2px solid var(--c-red);
border-radius: 0 0 var(--radius-sm) var(--radius-sm);
padding: 6px 0;
}
.main-navigation .menu ul ul li { border-bottom: 1px solid var(--c-line-2); }
.main-navigation .menu ul ul li:last-child { border-bottom: none; }
.main-navigation .menu ul ul a {
color: var(--c-text) !important;
font-size: 12.5px;
font-weight: 500;
padding: 10px 22px !important;
text-transform: none;
letter-spacing: 0;
}
.main-navigation .menu ul ul a:hover { color: var(--c-red) !important; padding-left: 26px !important; }
.ham, .ham:before, .ham:after { background: var(--c-ink); } .data-bg-slide { height: 420px; border-radius: var(--radius-lg); overflow: hidden; }
.mainbanner-jumbotron .data-bg-slide { margin-bottom: 90px; }
.mainbanner-jumbotron .container-fluid { padding-top: 26px; }
.slider-figcaption {
background: rgba(16,20,29,.55);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
border-top: none;
border-radius: 0 0 var(--radius-lg) var(--radius-lg);
padding: 0 !important;
}
.slider-wrapper {
background: transparent !important;
text-align: left !important;
padding: 22px 28px 24px !important;
}
.slider-wrapper, .slider-wrapper a { color: rgba(255,255,255,.85); }
.slide-title { font-size: 24px !important; line-height: 1.3; font-weight: 700; margin-bottom: 8px; }
.slide-title a { color: #fff !important; }
.slide-title a:hover { color: var(--c-amber) !important; }
.slider-wrapper > a {
font-size: 13px;
color: rgba(255,255,255,.82) !important;
}
.slider-figcaption .grid-item-metadata { font-size: 11.5px; color: rgba(255,255,255,.55); margin-top: 8px; }
.slider-figcaption .grid-item-metadata a { color: rgba(255,255,255,.6) !important; }
.slider-figcaption .grid-item-metadata a:hover { color: #fff !important; }
.bg-shadow { background: linear-gradient(to top, rgba(0,0,0,.55), transparent 55%); }
.mainbanner-thumbs { max-height: 490px; overflow: hidden; }
.slider-aside-item {
border-bottom: 1px solid var(--c-line);
padding: 12px 0;
transition: transform .2s var(--ease);
}
.slider-aside-item:hover { transform: translateX(2px); }
.slider-aside-item:last-child { border-bottom: none; }
.data-bg-1 { height: 76px !important; border-radius: var(--radius-sm); overflow: hidden; }
.slide-nav-title { font-size: 13px !important; line-height: 1.35; font-weight: 600; font-family: var(--font-head); }
.slide-nav-title a:hover { color: var(--c-red) !important; }
.slide-nav-desc { font-size: 11.5px; color: var(--c-muted); }
.slick-prev, .slick-next,
.main-slick-prev, .main-slick-next {
width: 38px; height: 38px; border-radius: 50%;
background: rgba(255,255,255,.9) !important;
box-shadow: var(--shadow-sm);
transition: background .2s var(--ease), transform .2s var(--ease);
}
.slick-prev:hover, .slick-next:hover { background: var(--c-red) !important; transform: scale(1.06); }
.slick-prev:hover:before, .slick-next:hover:before { color: #fff !important; } @media only screen and (min-width: 992px) {
#primary { width: 72%; }
#secondary { width: 28%; }
}  .homepage-widgetarea {
background: var(--c-bg);
border-top: 1px solid var(--c-line);
}
.homepage-widgetarea .widget { padding-top: 34px; padding-bottom: 34px; } .homepage-widgetarea .widget-even {
background-color: var(--c-bg-soft) !important;
box-shadow: 0 0 0 100vmax var(--c-bg-soft);
clip-path: inset(0 -100vmax);
position: relative;
}
.homepage-widgetarea .widget-odd {
background-color: var(--c-bg) !important;
}
.homepage-widgetarea .widget .widget-header-wrapper {
background: transparent !important;
border-left: none;
border-radius: 0;
padding: 0 0 14px;
margin-bottom: 26px;
border-bottom: 1px solid var(--c-line);
position: relative;
}
.homepage-widgetarea .widget .widget-header-wrapper:after {
content: '';
position: absolute; left: 0; bottom: -1px; width: 46px; height: 3px;
background: linear-gradient(90deg, var(--c-red), var(--c-amber));
}
.homepage-widgetarea .widget .widget-header-wrapper .widget-title {
font-size: 21px;
font-weight: 700;
color: var(--c-ink);
margin: 0;
padding: 0;
}
.homepage-widgetarea .widget .widget-header-wrapper .widget-description {
font-size: 11px;
color: var(--c-muted);
text-transform: uppercase;
letter-spacing: .12em;
margin: 4px 0 0;
font-weight: 600;
} .homepage-widgetarea .widget {
max-width: 1420px !important;
} .homepage-widgetarea .widget > .widget-title {
position: relative;
max-width: 1420px;
box-sizing: border-box;
font-size: 21px !important;
font-weight: 700 !important;
color: var(--c-ink) !important;
text-transform: uppercase;
margin: 0 auto 26px !important;
padding: 0 10px 14px !important;
border-bottom: 1px solid var(--c-line);
}
.homepage-widgetarea .widget > .widget-title:after {
content: '';
position: absolute; left: 10px; bottom: -1px; width: 46px; height: 3px;
background: linear-gradient(90deg, var(--c-red), var(--c-amber));
}
.site-content .site-main .widget-title {
font-size: 22px;
font-weight: 700;
color: var(--c-ink);
margin-bottom: 24px;
padding-bottom: 12px;
border-bottom: 1px solid var(--c-line);
text-transform: none;
letter-spacing: 0;
position: relative;
}
.site-content .site-main .widget-title:after {
content: '';
position: absolute; left: 0; bottom: -1px; width: 46px; height: 3px;
background: linear-gradient(90deg, var(--c-red), var(--c-amber));
}
.site-content .site-main .widget-title span {
font-size: 22px; color: var(--c-ink); background: transparent; padding-right: 0; position: static;
}
.section-title {
font-size: 19px; font-weight: 700; color: var(--c-ink);
margin-bottom: 22px; padding-bottom: 12px; border-bottom: 1px solid var(--c-line);
position: relative;
}
.section-title:after {
content: '';
position: absolute; left: 0; bottom: -1px; width: 46px; height: 3px;
background: linear-gradient(90deg, var(--c-red), var(--c-amber));
} .homepage-widgetarea a,
.homepage-widgetarea .reveal-enable { color: var(--c-ink); }
.homepage-widgetarea a:hover { color: var(--c-red); }
.reveal-init { opacity: 0; transform: translateY(16px); transition: opacity .5s var(--ease), transform .5s var(--ease); }
.reveal-init.in-view { opacity: 1; transform: translateY(0); }
.homepage-widgetarea .col-sm-4 .post-image,
.homepage-widgetarea .col-md-4 .post-image {
height: 220px; overflow: hidden; position: relative; border-radius: var(--radius);
}
.homepage-widgetarea .col-sm-4 .post-image img,
.homepage-widgetarea .col-md-4 .post-image img {
width: 100%; height: 100%; object-fit: cover; max-width: none;
transition: transform .5s var(--ease);
}
.homepage-widgetarea .col-sm-4 article:hover .post-image img,
.homepage-widgetarea .col-md-4 article:hover .post-image img { transform: scale(1.06); }
.homepage-widgetarea .col-md-3 .post-image { height: 160px; overflow: hidden; position: relative; border-radius: var(--radius); }
.homepage-widgetarea .col-md-3 .post-image img {
width: 100%; height: 100%; object-fit: cover; max-width: none;
transition: transform .5s var(--ease);
}
.homepage-widgetarea .col-md-3 article:hover .post-image img { transform: scale(1.06); }
.homepage-widgetarea .entry-title {
font-size: 15.5px !important;
line-height: 1.4 !important;
font-weight: 700;
color: var(--c-ink);
display: block !important;
max-height: 2.8em !important;
overflow: hidden !important;
margin-bottom: 8px;
transition: color .2s var(--ease);
}
.homepage-widgetarea .entry-title a { color: inherit; }
.homepage-widgetarea .entry-title a:hover { color: var(--c-red); }
.homepage-widgetarea .entry-footer > p,
.homepage-widgetarea .article-content > p {
font-size: 13.5px; line-height: 1.6; color: var(--c-muted);
display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
margin-bottom: 10px;
}
.homepage-widgetarea .posted-on a,
.homepage-widgetarea .byline a { font-size: 11px; color: var(--c-faint) !important; font-weight: 600; letter-spacing: .02em; }
.homepage-widgetarea .posted-on:before {
content: '';
display: inline-block;
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--c-amber);
margin-right: 5px;
vertical-align: middle;
}
.homepage-widgetarea a.readmore {
font-size: 11.5px !important; font-weight: 700; color: var(--c-red) !important;
letter-spacing: .06em; text-transform: uppercase;
display: inline-flex; align-items: center; gap: 4px;
}
.homepage-widgetarea a.readmore:hover { color: var(--c-red-dark) !important; gap: 7px; }
.categories-list > a, .post-category-label a {
font-size: 10px; letter-spacing: .06em; font-weight: 700;
padding: 4px 11px; border-radius: var(--radius-pill); text-transform: uppercase;
background: var(--c-red-soft) !important; color: var(--c-red) !important;
}
.categories-list > a:hover, .post-category-label a:hover { background: var(--c-red) !important; color: #fff !important; }
.row-bg {
background: var(--c-bg);
margin-bottom: 24px;
border-radius: var(--radius-lg);
border: 1px solid var(--c-line);
box-shadow: none;
transition: box-shadow .3s var(--ease), transform .3s var(--ease), border-color .3s var(--ease);
overflow: hidden;
}
.row-bg:hover { box-shadow: var(--shadow-md); transform: translateY(-3px); border-color: transparent; }
.article-item-image { overflow: hidden; position: relative; border-radius: var(--radius); }
.article-item-image img { transition: transform .5s var(--ease); width: 100%; }
.tm-article-item:hover .article-item-image img,
.row-bg:hover .article-item-image img { transform: scale(1.06); }
.item-title { font-size: 14.5px; line-height: 1.4; font-weight: 700; color: var(--c-ink); margin: 8px 0; }
.item-title a { color: inherit; }
.item-title a:hover { color: var(--c-red); }
.item-title-small { font-size: 12.5px; line-height: 1.3; font-weight: 600; }
.posted-on a { font-size: 11px; color: var(--c-faint); font-weight: 600; }
.homepage-widgetarea .widget .row + .row { margin-top: 20px; } .wp-block-button__link, .wp-block-button a {
background-color: var(--c-red) !important;
border-color: var(--c-red) !important;
color: #fff !important;
border-radius: var(--radius-pill) !important;
font-size: 12px !important;
font-family: var(--font-head);
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
padding: 12px 26px !important;
transition: background .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease);
}
.wp-block-button__link:hover, .wp-block-button a:hover {
background-color: var(--c-red-dark) !important; color: #fff !important;
transform: translateY(-2px); box-shadow: var(--shadow-sm);
}
.tm-widget .btn, .homepage-widgetarea .btn {
font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
border-radius: var(--radius-pill); padding: 10px 22px; transition: transform .2s var(--ease);
}
.tm-widget .btn:hover, .homepage-widgetarea .btn:hover { transform: translateY(-2px); }
.mailpoet_submit, input[type="submit"], button[type="submit"] {
background-color: var(--c-red) !important;
border-color: var(--c-red) !important;
color: #fff !important;
font-size: 12px !important;
font-family: var(--font-head);
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
border-radius: var(--radius-pill) !important;
padding: 12px 26px;
cursor: pointer;
transition: background .2s var(--ease), transform .2s var(--ease);
}
.mailpoet_submit:hover, input[type="submit"]:hover { background-color: var(--c-red-dark) !important; transform: translateY(-2px); } .top-bar .icon-search .search-form input[type="submit"] {
background: transparent !important;
border: none !important;
color: transparent !important;
font-size: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
transform: none !important;
}
input[type="text"], input[type="email"], input[type="search"], textarea {
border-radius: var(--radius-sm);
border: 1px solid var(--c-line);
transition: border-color .2s var(--ease), box-shadow .2s var(--ease);
}
input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, textarea:focus {
border-color: var(--c-red);
box-shadow: 0 0 0 3px var(--c-red-soft);
outline: none;
}
#scroll-up {
width: 42px; height: 42px; border-radius: 50%;
bottom: 24px; right: 24px;
display: flex; align-items: center; justify-content: center;
background: var(--c-ink) !important;
box-shadow: var(--shadow-md);
transition: background .2s var(--ease), transform .2s var(--ease);
}
#scroll-up:hover { background: var(--c-red) !important; transform: translateY(-3px); } #scroll-up .ion-ios-arrow-up {
display: block;
width: 10px; height: 10px;
margin-top: 4px; border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(-45deg); font-size: 0; } .tm-widget .container { padding-top: 6px; padding-bottom: 6px; }
.tm-widget blockquote, .tm-widget p { font-size: 14.5px; line-height: 1.7; color: var(--c-text); font-style: italic; }
.tm-widget .slick-prev, .tm-widget .slick-next { width: 32px; height: 32px; }
.pro-banner { padding: 18px 0; background: var(--c-bg-soft); border-bottom: 1px solid var(--c-line); }
.pro-banner img { max-height: 90px; margin: 0 auto; border-radius: var(--radius-sm); } .homepage-widgetarea .widget_text img:not(.lps-tile-main-image) {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
border-radius: var(--radius-sm);
} .widget-title.newsletter-box-header {
background: var(--c-ink) !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
padding: 14px 18px !important;
border-bottom: 2px solid var(--c-red);
} .row.col-sm-equal { align-items: stretch !important; }
.row.col-sm-equal > div { display: flex; }
.rss-widget.widget-header-wrapper {
display: flex;
flex-direction: column;
width: 100%;
border: 1px solid var(--c-line) !important;
border-radius: var(--radius-lg);
overflow: hidden;
transition: box-shadow .25s var(--ease), transform .25s var(--ease);
}
.rss-widget.widget-header-wrapper:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }
.rss-widget.widget-header-wrapper .newsletter-box-inner {
flex: 1;
display: flex !important;
align-items: center;
justify-content: center;
padding: 26px !important;
min-height: 320px;
}
.rss-widget.widget-header-wrapper .newsletter-box-inner center { width: 100%; }
.rss-widget.widget-header-wrapper .newsletter-box-inner img {
max-height: 320px;
width: auto;
max-width: 100%;
object-fit: contain;
border-radius: var(--radius-sm);
margin: 0 auto;
} .newsletter-box-inner > div > a:has(> i) {
display: inline-block;
font-style: normal;
font-size: 10.5px;
font-weight: 700;
color: var(--c-red);
text-transform: uppercase;
letter-spacing: .04em;
padding: 4px 12px;
border: 1px solid var(--c-red-soft);
border-radius: var(--radius-pill);
transition: background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);
}
.newsletter-box-inner > div > a:has(> i) i { font-style: normal; }
.newsletter-box-inner > div > a:has(> i):hover {
background: var(--c-red);
color: #fff;
border-color: var(--c-red);
} .newsletter-box-inner .lps-tile-main-image {
float: none !important;
display: block !important;
margin: 0 auto 14px !important;
} #secondary .widget {
margin-bottom: 26px;
border: 1px solid var(--c-line);
border-radius: var(--radius-lg);
overflow: hidden;
}
#secondary .widget-title {
font-size: 13px;
font-weight: 700;
letter-spacing: .02em;
text-transform: none;
padding: 16px 18px;
color: var(--c-ink);
background: var(--c-bg-soft);
border-bottom: 1px solid var(--c-line);
border-left: 3px solid var(--c-amber);
margin: 0;
}
#secondary .widget .article-content { background: none; border: 0; padding: 14px 18px; }
#secondary .widget ul li { border-bottom: 1px solid var(--c-line-2); padding: 9px 0; margin-bottom: 0; } #secondary .widget_search .search-form {
display: flex; align-items: stretch; gap: 8px;
padding: 18px; padding-top: 18px;
}
#secondary .widget_search .search-form label {
display: block; width: auto; float: none; flex: 1 1 auto; margin: 0;
}
#secondary .widget_search .search-field {
width: 100%; height: 38px; padding: 0 14px !important;
border: 1px solid var(--c-line); border-radius: var(--radius-sm);
font-size: 13px;
}
#secondary .widget_search .search-submit {
width: auto; height: 38px; padding: 0 16px !important;
background: var(--c-red); color: #fff; border: 0;
border-radius: var(--radius-sm);
font-size: 11.5px; font-weight: 700; letter-spacing: .03em;
cursor: pointer; transition: background .2s ease;
}
#secondary .widget_search .search-submit:hover { background: var(--c-red-dark); }
#secondary .widget ul li:last-child { border-bottom: none; } #secondary .widget_recent_entries ul li {
position: relative;
display: flex; flex-direction: column; gap: 5px;
padding: 14px 0 14px 14px;
transition: padding-left .2s ease;
}
#secondary .widget_recent_entries ul li:before {
content: '';
position: absolute; left: 0; top: 14px; bottom: 14px; width: 3px;
background: var(--c-line); border-radius: 2px;
transition: background .2s ease;
}
#secondary .widget_recent_entries ul li:hover { padding-left: 18px; }
#secondary .widget_recent_entries ul li:hover:before { background: var(--c-amber); }
#secondary .widget_recent_entries ul li a {
font-size: 13.5px; font-weight: 700; line-height: 1.4; color: var(--c-ink);
}
#secondary .widget_recent_entries ul li a:hover { color: var(--c-red); }
#secondary .widget_recent_entries ul li .post-date {
font-size: 11px; color: var(--c-muted);
} #secondary .tm-recent-widget { padding: 4px 18px 6px; }
#secondary .recent-widget-list { list-style: none; margin: 0; padding: 0; }
#secondary .full-item { padding: 16px 0; border-bottom: 1px solid var(--c-line-2); }
#secondary .full-item:first-child { padding-top: 2px; }
#secondary .full-item:last-child { border-bottom: none; padding-bottom: 2px; }
#secondary .full-item-image { border-radius: var(--radius-sm); overflow: hidden; margin-bottom: 12px; }
#secondary .full-item-image img { width: 100%; height: auto; display: block; }
#secondary .full-item-content { padding: 0; }
#secondary .full-item-title { font-size: 14.5px; line-height: 1.4; font-weight: 700; margin: 0 0 8px; }
#secondary .full-item-title a { color: var(--c-ink); }
#secondary .full-item-title a:hover { color: var(--c-red); }
#secondary .tm-article-meta {
display: flex; flex-wrap: wrap; gap: 4px 10px;
font-size: 11px; color: var(--c-muted); margin-bottom: 8px;
}
#secondary .tm-article-meta a { color: var(--c-muted); }
#secondary .tm-article-meta a:hover { color: var(--c-red); }
#secondary .item-metadata > span:first-child { display: none; }
#secondary .full-item-discription p {
font-size: 12.5px; line-height: 1.55; color: var(--c-muted);
font-style: italic; margin: 0;
} .site-content { margin: 0 auto 56px; }
.inner-banner {
padding: 64px 0;
background: linear-gradient(180deg, var(--c-bg-soft), var(--c-bg));
border-bottom: 1px solid var(--c-line);
}
.page-inner-title .entry-header .entry-title {
font-size: 38px; line-height: 1.2; font-weight: 800;
color: #fff !important;
text-shadow: 0 2px 14px rgba(0,0,0,.6), 0 1px 4px rgba(0,0,0,.45);
}
.entry-title { font-size: 28px; line-height: 1.25; font-weight: 700; color: var(--c-ink); }
@media (min-width: 768px) { .entry-title { font-size: 36px; } }
.entry-content { font-size: 16.5px; line-height: 1.85; color: var(--c-text); }
.entry-content p { margin-bottom: 22px; }
.entry-content h2, .entry-content h3, .entry-content h4 { margin-top: 40px; margin-bottom: 16px; color: var(--c-ink); font-weight: 700; }
.entry-content h2 { font-size: 24px; }
.entry-content h3 { font-size: 19px; }
.entry-content blockquote {
border-left: 3px solid var(--c-amber);
background: var(--c-bg-soft);
padding: 18px 24px;
border-radius: 0 var(--radius) var(--radius) 0;
font-style: italic;
color: var(--c-ink);
margin: 28px 0;
}
.entry-content img { border-radius: var(--radius); }
.entry-content a { color: var(--c-red); text-decoration: underline; text-decoration-color: var(--c-red-soft); text-underline-offset: 3px; }
.entry-content a:hover { color: var(--c-red-dark); } .entry-content ul, .entry-content ol { margin: 0 0 1.5em 1.6em; }
.entry-content li { margin-bottom: 8px; padding-left: 4px; }
.entry-content li > ul, .entry-content li > ol { margin-left: 1.3em; margin-top: 8px; }
.entry-content ul li::marker { color: var(--c-amber-dark); }
.entry-content ol li::marker { color: var(--c-amber-dark); font-weight: 700; }
@media (max-width: 767px) {
.entry-content ul, .entry-content ol { margin-left: 1.15em; }
.entry-content li > ul, .entry-content li > ol { margin-left: 1em; }
}
.site-main .post-navigation, .site-main .posts-navigation {
border: 1px solid var(--c-line);
border-radius: var(--radius-lg);
margin: 32px 0;
}
.nav-previous a, .nav-next a { font-size: 13.5px; font-weight: 600; color: var(--c-ink); font-family: var(--font-head); }
.nav-previous a:hover, .nav-next a:hover { color: var(--c-red); }
.breadcrumb-wrapper { background: var(--c-bg-soft); border-bottom: 1px solid var(--c-line); }
.breadcrumbs { padding: 10px 0; font-size: 12px; color: var(--c-muted); }
.breadcrumbs a { color: var(--c-muted); }
.breadcrumbs a:hover { color: var(--c-red); } .site-footer { background: var(--c-bg-deep) !important; color: rgba(255,255,255,.65); position: relative; }
.site-footer:before {
content: '';
display: block; height: 3px; width: 100%;
background: linear-gradient(90deg, var(--c-red), var(--c-amber));
}
.footer-widget { padding: 56px 0; }
.site-footer .widget-title, .footer-widget .widget-title {
font-size: 12px;
letter-spacing: .1em;
text-transform: uppercase;
color: #fff;
font-weight: 700;
padding: 0 0 10px;
margin: 0 auto 20px;
border-bottom: 2px solid var(--c-red);
background: transparent;
display: inline-block;
}
.site-footer a { color: rgba(255,255,255,.65); }
.site-footer a:hover { color: var(--c-amber); }
.site-footer .widget ul li { border-bottom: 1px solid rgba(255,255,255,.07); padding: 8px 0; margin-bottom: 0; font-size: 13.5px; }
.site-footer .widget ul li:last-child { border-bottom: none; }
.footer-bottom { background: rgba(0,0,0,.3); border-top: 1px solid rgba(255,255,255,.08); padding: 22px 0; }
.footer-bottom .site-title a { color: #fff; font-size: 18px; font-weight: 700; font-family: var(--font-head); }
.footer-bottom .site-description { color: rgba(255,255,255,.4); font-size: 11px; margin-bottom: 0; }
.site-copyright { color: rgba(255,255,255,.45); font-size: 11.5px; }
.footer-bottom .social-icons ul li a:after { background: rgba(255,255,255,.08) !important; color: rgba(255,255,255,.65) !important; }
.footer-bottom .social-icons ul li:hover a:after { background: var(--c-red) !important; color: #fff !important; }
.site-footer input[type="email"], .site-footer input[type="text"] {
background: rgba(255,255,255,.06);
border: 1px solid rgba(255,255,255,.16);
color: #fff;
border-radius: var(--radius-sm);
padding: 11px 14px;
font-size: 13.5px;
width: 100%;
}
.site-footer input[type="email"]::placeholder, .site-footer input[type="text"]::placeholder { color: rgba(255,255,255,.35); }
.site-footer input[type="email"]:focus, .site-footer input[type="text"]:focus { border-color: var(--c-red); outline: none; box-shadow: 0 0 0 3px rgba(224,16,42,.18); } .entry-content .btn.btn-danger,
.entry-content .btn.btn-default {
display: inline-block;
border-radius: var(--radius-pill) !important;
font-family: var(--font-head);
font-size: 13px !important;
font-weight: 700;
letter-spacing: .03em;
text-transform: none;
text-decoration: none !important;
text-align: center;
padding: 14px 26px !important;
border: none !important;
transition: transform .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease) !important;
}
.entry-content .btn.btn-danger {
background: var(--c-red) !important;
color: #fff !important;
box-shadow: none !important;
}
.entry-content .btn.btn-danger:hover {
background: var(--c-red-dark) !important;
transform: translateY(-2px);
box-shadow: var(--shadow-sm) !important;
}
.entry-content .btn.btn-default {
background: #fff !important;
color: var(--c-ink) !important;
border: 1px solid var(--c-line) !important;
}
.entry-content .btn.btn-default:hover {
border-color: var(--c-red) !important;
color: var(--c-red) !important;
transform: translateY(-2px);
}
.entry-content .btn strong { font-weight: 700; } .entry-content .btn.btn-block {
display: block;
width: 100%;
text-align: center;
} .entry-content .row { --bs-gutter-x: 20px; }
.entry-content .table-courses {
width: 100% !important;
border: none !important;
border-collapse: separate;
border-spacing: 0;
font-size: 14px;
} .entry-content .table-courses > :not(caption) > * > * {
background-color: transparent !important;
box-shadow: none !important;
border-bottom-width: 0 !important;
}
.entry-content .table-courses thead th {
background: var(--c-ink) !important;
color: #fff !important;
font-family: var(--font-head);
font-size: 11.5px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em;
border: none !important;
padding: 14px 16px !important;
}
.entry-content .table-courses thead th:first-child { border-radius: var(--radius-sm) 0 0 0; }
.entry-content .table-courses thead th:last-child { border-radius: 0 var(--radius-sm) 0 0; }
.entry-content .table-courses tbody tr {
background: var(--c-bg) !important;
border-bottom: 1px solid var(--c-line);
}
.entry-content .table-courses tbody tr:nth-child(even) { background: var(--c-bg-soft) !important; }
.entry-content .table-courses td {
border: none !important;
padding: 16px !important;
vertical-align: middle !important;
color: var(--c-text);
}
.entry-content .table-courses td:first-child {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .05em;
color: var(--c-muted);
text-align: center;
}
.entry-content .table-courses td:nth-child(2) {
font-size: 12.5px;
font-weight: 700;
color: var(--c-ink);
text-align: center;
max-width: 110px;
white-space: normal;
position: relative;
padding-bottom: 16px !important;
}
.entry-content .table-courses td:nth-child(2)::after {
content: '';
position: absolute;
left: 50%;
bottom: 8px;
width: 22px;
height: 2px;
border-radius: 2px;
background: var(--c-amber);
transform: translateX(-50%);
}
.entry-content .table-courses td:nth-child(3) h3 {
display: block;
font-family: var(--font-head);
font-size: 15px;
font-weight: 700;
color: var(--c-ink);
margin: 0 0 4px;
line-height: 1.35;
}
.entry-content .table-courses td:nth-child(3) a {
font-size: 11.5px;
font-weight: 600;
letter-spacing: .01em;
color: var(--c-muted) !important;
text-decoration: none !important;
line-height: 1.5;
}
.entry-content .table-courses td:nth-child(3) a:hover { color: var(--c-red) !important; }
.entry-content .table-courses td:nth-child(3) h3 a {
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
color: var(--c-ink) !important;
}
.entry-content .table-courses td:nth-child(3) h3 a:hover { color: var(--c-red) !important; }
.entry-content .table-courses td:nth-child(4) {
font-size: 12.5px;
font-weight: 600;
color: var(--c-text);
text-align: center;
max-width: 140px;
white-space: normal;
word-break: break-word;
}
.entry-content .table-courses td:nth-child(5) {
font-family: var(--font-head);
font-weight: 700;
font-size: 14px;
color: var(--c-red);
text-align: center !important;
white-space: nowrap;
} .entry-content { overflow-x: visible; }
@media (max-width: 767px) {
.entry-content table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
} @media (max-width: 767px) {
.entry-content .table-courses,
.entry-content .table-courses thead,
.entry-content .table-courses tbody,
.entry-content .table-courses tr,
.entry-content .table-courses td {
display: block;
width: 100% !important;
max-width: none !important;
white-space: normal !important;
}
.entry-content .table-courses { overflow-x: visible; }
.entry-content .table-courses thead { position: absolute; left: -9999px; }
.entry-content .table-courses tbody tr {
margin-bottom: 14px;
border: 1px solid var(--c-line);
border-radius: var(--radius-sm);
overflow: hidden;
background: var(--c-bg) !important;
}
.entry-content .table-courses tbody tr:nth-child(even) { background: var(--c-bg) !important; }
.entry-content .table-courses td {
padding: 10px 14px !important;
text-align: left !important;
border-bottom: 1px solid var(--c-line) !important;
}
.entry-content .table-courses td:last-child { border-bottom: none !important; }
.entry-content .table-courses td[data-label]:before {
content: attr(data-label);
display: block;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em;
color: var(--c-muted);
margin-bottom: 4px;
} .entry-content .table-courses td[data-label="Nazwa szkolenia"] {
background: var(--c-bg-soft);
}
.entry-content .table-courses td[data-label="Nazwa szkolenia"]:before { display: none; }
.entry-content .table-courses td:nth-child(2)::after { display: none; }
} .table-responsive { position: relative; }
.szk-prow-chip {
display: inline-block;
border-bottom: 1px dotted var(--c-muted);
cursor: pointer;
}
.szk-prow-chip:hover, .szk-prow-chip:focus {
color: var(--c-red); border-bottom-color: var(--c-red); outline: none;
}
.szk-prow-card {
display: none;
position: absolute;
z-index: 40;
width: 300px;
gap: 12px;
background: var(--c-bg);
border: 1px solid var(--c-line);
border-radius: var(--radius);
box-shadow: var(--shadow-lg);
padding: 14px;
}
.szk-prow-card-photo {
flex: 0 0 64px; width: 64px; height: 64px;
border-radius: 50%; background-size: cover; background-position: center top;
background-color: var(--c-bg-soft);
}
.szk-prow-card-body { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.szk-prow-card-body strong { font-size: 13.5px; color: var(--c-ink); }
.szk-prow-card-body span { font-size: 12px; line-height: 1.5; color: var(--c-muted); }
@media (max-width: 480px) {
.szk-prow-card { width: calc(100% - 20px); }
} .szk-prow-grid {
display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px;
margin: 24px 0;
}
.szk-prow-card-full {
background: var(--c-bg); border: 1px solid var(--c-line); border-radius: var(--radius-lg);
padding: 26px 24px; text-align: center;
box-shadow: var(--shadow-xs);
transition: box-shadow .25s ease, transform .25s ease;
}
.szk-prow-card-full:hover { box-shadow: var(--shadow-md); transform: translateY(-3px); }
.szk-prow-card-full-photo {
display: block; width: 96px; height: 96px; margin: 0 auto 16px;
border-radius: 50%; background-size: cover; background-position: center top;
background-color: var(--c-bg-soft);
box-shadow: 0 0 0 4px var(--c-bg-soft);
}
.szk-prow-card-full-photo--placeholder {
display: flex; align-items: center; justify-content: center; color: var(--c-faint);
}
.szk-prow-card-full-name {
font-size: 16px; font-weight: 800; color: var(--c-ink); margin: 0 0 10px;
text-transform: uppercase; letter-spacing: .02em;
}
.szk-prow-card-full-bio { font-size: 13px; line-height: 1.6; color: var(--c-muted); text-align: left; }
.szk-prow-card-full-bio p { margin: 0 0 10px; }
.szk-prow-card-full-bio p:last-child { margin-bottom: 0; }
@media (max-width: 767px) {
.szk-prow-grid { grid-template-columns: 1fr; }
} .szk-kalendarz {
position: relative;
background: var(--c-bg);
border: 1px solid var(--c-line);
border-radius: var(--radius-lg);
padding: 20px 22px 18px;
margin: 20px 0;
box-shadow: var(--shadow-xs);
}
.szk-kal-head {
display: flex; align-items: center; justify-content: center; gap: 18px;
margin-bottom: 14px;
}
.szk-kal-label {
font-size: 16px; font-weight: 800; color: var(--c-ink); margin: 0;
min-width: 170px; text-align: center; text-transform: capitalize;
}
.szk-kal-nav {
width: 32px; height: 32px; border-radius: 50%;
border: 1px solid var(--c-line); background: var(--c-bg-soft);
color: var(--c-ink); font-size: 16px; line-height: 1; cursor: pointer;
transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.szk-kal-nav:hover { background: var(--c-red); border-color: var(--c-red); color: #fff; }
.szk-kal-weekdays {
display: grid; grid-template-columns: repeat(7, 1fr);
margin-bottom: 6px;
}
.szk-kal-weekdays span {
text-align: center; font-size: 11px; font-weight: 700; color: var(--c-muted);
text-transform: uppercase; letter-spacing: .04em;
}
.szk-kal-grid {
display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px;
}
.szk-kal-day {
position: relative;
aspect-ratio: 1 / 1;
display: flex; align-items: center; justify-content: center;
font-size: 13px; font-weight: 600; color: var(--c-text);
border-radius: var(--radius-sm);
background: var(--c-bg-soft);
}
.szk-kal-day--empty { background: none; }
.szk-kal-day--has-event {
background: var(--c-amber-soft);
color: var(--c-amber-dark);
font-weight: 800;
cursor: pointer;
box-shadow: inset 0 0 0 1.5px var(--c-amber);
transition: transform .15s ease, box-shadow .15s ease;
}
.szk-kal-day--has-event:after {
content: '';
position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
width: 4px; height: 4px; border-radius: 50%; background: var(--c-red);
}
.szk-kal-day--has-event:hover,
.szk-kal-day--has-event:focus {
background: var(--c-red); color: #fff; outline: none;
box-shadow: var(--shadow-md); transform: translateY(-1px);
}
.szk-kal-day--has-event:hover:after,
.szk-kal-day--has-event:focus:after { background: #fff; } .szk-kal-day--linked {
background: var(--c-red) !important; color: #fff !important;
box-shadow: var(--shadow-md) !important; transform: translateY(-1px);
}
.szk-kal-day--linked:after { background: #fff !important; } @keyframes szkKalPulse {
0%   { box-shadow: inset 0 0 0 1.5px var(--c-amber), 0 0 0 0 rgba(224,16,42,.45); }
60%  { box-shadow: inset 0 0 0 1.5px var(--c-amber), 0 0 0 8px rgba(224,16,42,0); }
100% { box-shadow: inset 0 0 0 1.5px var(--c-amber), 0 0 0 0 rgba(224,16,42,0); }
}
.szk-kal-day--pulse {
animation: szkKalPulse 1.1s ease-out;
}
.szk-kal-legend {
display: flex; align-items: center; gap: 8px;
font-size: 12px; color: var(--c-muted); margin: 14px 0 0;
}
.szk-kal-legend .szk-kal-dot {
width: 12px; height: 12px; border-radius: var(--radius-sm);
background: var(--c-amber-soft); box-shadow: inset 0 0 0 1.5px var(--c-amber);
flex: 0 0 auto;
}
.szk-kal-tooltip {
display: none;
position: absolute;
z-index: 40;
width: 260px;
background: var(--c-bg);
border: 1px solid var(--c-line);
border-radius: var(--radius);
box-shadow: var(--shadow-lg);
padding: 4px;
}
.szk-kal-tip-item { padding: 12px 14px; }
.szk-kal-tip-item + .szk-kal-tip-item { border-top: 1px solid var(--c-line-2); }
.szk-kal-tip-item strong {
display: block; font-size: 13.5px; color: var(--c-ink); margin-bottom: 4px; line-height: 1.3;
}
.szk-kal-tip-meta {
display: block; font-size: 11px; font-weight: 700; color: var(--c-amber-dark);
text-transform: uppercase; letter-spacing: .03em; margin-bottom: 6px;
}
.szk-kal-tip-desc {
display: block; font-size: 12px; color: var(--c-muted); line-height: 1.5; margin-bottom: 8px;
}
.szk-kal-tip-link {
display: inline-block; font-size: 12px; font-weight: 700; color: var(--c-red) !important;
}
@media (max-width: 480px) {
.szk-kal-day { font-size: 11.5px; }
.szk-kal-tooltip { width: calc(100% - 20px); }
} .lab-section-title {
font-size: 21px; font-weight: 700; color: var(--c-ink);
text-transform: uppercase; letter-spacing: 2px;
margin: 0; padding: 0 0 14px;
border-bottom: 1px solid var(--c-line);
position: relative;
}
.lab-section-title:after {
content: '';
position: absolute; left: 0; bottom: -1px; width: 46px; height: 3px;
background: linear-gradient(90deg, var(--c-red), var(--c-amber));
}  .lab-kalendarz-block { padding: 40px 0 46px; }
.lab-kalendarz-head {
display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 10px;
margin-bottom: 26px;
}
.lab-kalendarz-link { font-size: 13px; font-weight: 700; color: var(--c-red); white-space: nowrap; }
.lab-kalendarz-link:hover { text-decoration: underline; }
.lab-kalendarz-columns { display: flex; gap: 28px; align-items: flex-start; }
.lab-kalendarz-upcoming {
flex: 1 1 38%;
list-style: none; margin: 0; padding: 0;
}
.lab-kalendarz-upcoming li { border-bottom: 1px solid var(--c-line); transition: background .2s ease; } .lab-kalendarz-upcoming li a {
display: flex; flex-direction: column; gap: 3px;
padding: 14px 4px; text-decoration: none;
}
.lab-kalendarz-upcoming--linked { background: var(--c-amber-soft); }
.lab-kalendarz-upcoming--linked .lab-kalendarz-upcoming-title { color: var(--c-red); }
.lab-kalendarz-upcoming-date {
font-size: 11px; font-weight: 800; color: var(--c-amber-dark);
text-transform: uppercase; letter-spacing: .03em;
}
.lab-kalendarz-upcoming-title {
font-size: 14.5px; font-weight: 700; color: var(--c-ink); line-height: 1.35;
}
.lab-kalendarz-upcoming li a:hover .lab-kalendarz-upcoming-title { color: var(--c-red); }
.lab-kalendarz-upcoming-prowadzacy { font-size: 12px; color: var(--c-muted); }
.lab-kalendarz-cal { flex: 1 1 62%; min-width: 0; }
.lab-kalendarz-cal .szk-kalendarz { margin: 0; max-width: 100%; padding: 16px 18px 12px; }
.lab-kalendarz-cal .szk-kal-head { margin-bottom: 10px; }
.lab-kalendarz-cal .szk-kal-weekdays { margin-bottom: 4px; }
.lab-kalendarz-cal .szk-kal-grid { gap: 3px; }
.lab-kalendarz-cal .szk-kal-day { aspect-ratio: auto; height: 58px; font-size: 13px; }
.lab-kalendarz-cal .szk-kal-legend { margin-top: 8px; font-size: 11px; }
@media (max-width: 767px) {
.lab-kalendarz-columns { flex-direction: column; }
.lab-kalendarz-upcoming { width: 100%; }
.lab-kalendarz-cal { width: 100%; }
} #ayg-widget-2 { display: none !important; }
.lab-wideo-block { padding: 40px 0 46px; background: var(--c-bg); border-top: 1px solid var(--c-line); }
.lab-opinie-block { padding: 40px 0 46px; background: var(--c-bg-soft); border-top: 1px solid var(--c-line); }
.lab-wideo-columns { display: flex; gap: 20px; align-items: flex-start; }
.lab-wideo-list { flex: 1 1 38%; }
.lab-wideo-embed-card { flex: 1 1 62%; min-width: 0; }
.lab-wideo-embed {
position: relative; width: 100%; aspect-ratio: 16 / 9;
border-radius: var(--radius-lg); overflow: hidden;
background: var(--c-bg-deep-2);
box-shadow: var(--shadow-sm);
}
.lab-wideo-embed iframe {
position: absolute; inset: 0; width: 100%; height: 100%; border: 0;
}
.lab-wideo-embed-caption {
display: block; padding: 12px 2px 0;
}
.lab-wideo-embed-caption .lab-hero-tile-title {
color: var(--c-ink); text-shadow: none; font-size: 17px;
}
.lab-wideo-embed-caption:hover .lab-hero-tile-title { color: var(--c-red); text-decoration: underline; }
.lab-wideo-embed-caption .lab-hero-tile-meta { color: var(--c-muted); }
.lab-wideo-play {
position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
width: 64px; height: 64px; border-radius: 50%;
background: rgba(255,255,255,.92); color: var(--c-red);
display: flex; align-items: center; justify-content: center;
font-size: 20px; padding-left: 4px;
box-shadow: var(--shadow-md);
transition: transform .2s ease, background .2s ease;
}
.lab-wideo-list-thumb { position: relative; }
.lab-wideo-play--sm {
width: 26px; height: 26px; font-size: 10px; padding-left: 2px;
background: rgba(255,255,255,.88); box-shadow: none;
}
@media (max-width: 767px) {
.lab-wideo-columns { flex-direction: column; }
} .szkolenia-filtry {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 16px;
background: var(--c-bg-soft);
border: 1px solid var(--c-line);
border-radius: var(--radius-lg);
padding: 18px 20px;
margin: 20px 0 22px;
}
.szkolenia-filtr-pole { display: flex; flex-direction: column; gap: 5px; min-width: 160px; }
.szkolenia-filtr-pole label {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .05em;
color: var(--c-muted);
}
.szkolenia-filtr-pole select,
.szkolenia-filtr-pole input[type="date"] {
border: 1px solid var(--c-line);
border-radius: var(--radius-sm);
background: #fff;
padding: 9px 12px;
font-family: var(--font-body);
font-size: 13.5px;
color: var(--c-ink);
}
.szkolenia-filtr-pole select:focus,
.szkolenia-filtr-pole input[type="date"]:focus {
outline: none;
border-color: var(--c-red);
box-shadow: 0 0 0 3px var(--c-red-soft);
}
.szkolenia-filtr-reset {
background: transparent;
border: 1px solid var(--c-line);
border-radius: var(--radius-pill);
color: var(--c-muted);
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
padding: 10px 18px;
cursor: pointer;
transition: border-color .2s var(--ease), color .2s var(--ease);
margin-left: auto;
}
.szkolenia-filtr-reset:hover { border-color: var(--c-red); color: var(--c-red); }
.szkolenia-brak-wynikow {
text-align: center;
padding: 40px 20px;
color: var(--c-muted);
font-style: italic;
background: var(--c-bg-soft);
border-radius: var(--radius-lg);
}
@media (max-width: 600px) {
.szkolenia-filtry { flex-direction: column; align-items: stretch; }
.szkolenia-filtr-pole { min-width: 0; }
.szkolenia-filtr-reset { margin-left: 0; }
} @media (max-width: 991px) {
.data-bg-slide { height: 300px; }
.mainbanner-jumbotron .data-bg-slide { margin-bottom: 60px; }
.mainbanner-thumbs { max-height: 360px; }
.homepage-widgetarea .widget { padding-top: 26px; padding-bottom: 26px; }
.homepage-widgetarea .entry-title { font-size: 14.5px !important; }
.entry-title { font-size: 27px; }
.page-inner-title .entry-header .entry-title { font-size: 30px; }
}
@media (max-width: 767px) {
body::before { height: 2px; }
#masthead { position: relative; box-shadow: none !important; }
.header-middle { padding: 14px 0; }
.custom-logo-link img, .site-branding img { max-height: 56px; }
.site-branding .site-title { font-size: 24px; }
.data-bg-slide { height: 220px; border-radius: var(--radius); }
.mainbanner-jumbotron .data-bg-slide { margin-bottom: 44px; }
.mainbanner-thumbs { max-height: none; }
.slide-title { font-size: 17px !important; }
.slider-wrapper { padding: 16px 18px 18px; }
.homepage-widgetarea .widget { padding-top: 22px; padding-bottom: 22px; }
.homepage-widgetarea .entry-title { font-size: 14px !important; }
.section-title, .site-content .site-main .widget-title,
.homepage-widgetarea .widget .widget-header-wrapper .widget-title { font-size: 17px; }
.footer-widget { padding: 36px 0; }
.footer-bottom .row-table [class*="col-"] { display: block; text-align: center !important; margin-bottom: 14px; }
.inner-banner { padding: 40px 0; }
.entry-title { font-size: 23px; }
.page-inner-title .entry-header .entry-title { font-size: 25px; }
.entry-content { font-size: 15.5px; }
.site-content { margin-bottom: 40px; }
}
@media (max-width: 480px) {
.entry-title { font-size: 21px; }
.header-middle { padding: 10px 0; }
.data-bg-slide { height: 180px; }
} .lab-hero-block { padding: 22px 0 6px; }
.lab-hero {
display: flex;
gap: 18px;
align-items: stretch;
}
.lab-hero-left {
flex: 1 1 74%;
min-width: 0;
display: grid;
grid-template-columns: 1.6fr 1fr 1fr;
grid-template-rows: repeat(2, minmax(190px, 1fr));
gap: 16px;
}
.lab-hero-tile {
position: relative;
display: block;
border-radius: var(--radius-lg);
background-color: var(--c-bg-deep-2);
overflow: hidden;
box-shadow: var(--shadow-sm);
transition: box-shadow .25s ease;
animation: labHeroFadeIn .6s ease-out backwards;
}
.lab-hero-tile:before {
content: '';
position: absolute; inset: -4%;
background-image: var(--tile-bg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
animation: labHeroKenBurns 16s ease-in-out infinite alternate;
will-change: transform;
}
.lab-hero-tile:hover { box-shadow: var(--shadow-lg); }
.lab-hero-tile:hover:before { animation-play-state: paused; }
.lab-hero-tile:hover .lab-hero-tile-title { text-decoration: underline; }
.lab-hero-left > a:nth-child(1) { animation-delay: 0s; }
.lab-hero-left > a:nth-child(2) { animation-delay: .12s; }
.lab-hero-left > a:nth-child(3) { animation-delay: .24s; }
.lab-hero-left > a:nth-child(4) { animation-delay: .36s; }
.lab-hero-left > a:nth-child(1):before { animation-delay: 0s; }
.lab-hero-left > a:nth-child(2):before { animation-delay: 1.5s; }
.lab-hero-left > a:nth-child(3):before { animation-delay: 3s; }
.lab-hero-left > a:nth-child(4):before { animation-delay: 4.5s; }
@keyframes labHeroKenBurns {
from { transform: scale(1); }
to   { transform: scale(1.08); }
}
@keyframes labHeroFadeIn {
from { opacity: 0; transform: translateY(14px); }
to   { opacity: 1; transform: translateY(0); }
}
.lab-hero-list { animation: labHeroFadeIn .6s ease-out .3s backwards; }
.lab-hero-list li { animation: labHeroFadeIn .5s ease-out backwards; }
.lab-hero-list li:nth-child(1) { animation-delay: .4s; }
.lab-hero-list li:nth-child(2) { animation-delay: .48s; }
.lab-hero-list li:nth-child(3) { animation-delay: .56s; }
.lab-hero-list li:nth-child(4) { animation-delay: .64s; }
.lab-hero-list li:nth-child(5) { animation-delay: .72s; }
.lab-hero-list li:nth-child(6) { animation-delay: .8s; }
.lab-hero-list li:nth-child(7) { animation-delay: .88s; }
@media (prefers-reduced-motion: reduce) {
.lab-hero-tile, .lab-hero-tile:before, .lab-hero-list, .lab-hero-list li { animation: none !important; }
} .lab-hero-left > a:nth-child(1) { grid-column: 1; grid-row: 1 / 3; }
.lab-hero-left > a:nth-child(2) { grid-column: 2 / 4; grid-row: 1; }
.lab-hero-left > a:nth-child(3) { grid-column: 2; grid-row: 2; }
.lab-hero-left > a:nth-child(4) { grid-column: 3; grid-row: 2; }
.lab-hero-tile-overlay {
position: absolute; inset: 0;
background: linear-gradient(180deg, rgba(16,20,29,0) 35%, rgba(16,20,29,.92) 100%);
}
.lab-hero-tile-body {
position: absolute; left: 0; right: 0; bottom: 0;
padding: 18px 20px;
display: flex; flex-direction: column; gap: 6px;
}
.lab-hero-tag {
align-self: flex-start;
background: linear-gradient(90deg, var(--c-red), var(--c-amber));
color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
padding: 4px 10px; border-radius: var(--radius-pill);
margin-bottom: 2px;
}
.lab-hero-tile-title {
color: #fff; font-family: var(--font-head); font-weight: 900;
font-size: 25px; line-height: 1.25;
text-shadow: 0 2px 10px rgba(0,0,0,.35);
}
.lab-hero-tile--secondary .lab-hero-tile-title,
.lab-hero-tile--small .lab-hero-tile-title { font-size: 16px; line-height: 1.3; }
.lab-hero-tile-meta { color: rgba(255,255,255,.75); font-size: 12px; }
.lab-hero-list {
flex: 1 1 26%;
min-width: 220px;
background: var(--c-bg-soft);
border: 1px solid var(--c-line);
border-radius: var(--radius-lg);
padding: 18px 18px 8px;
display: flex; flex-direction: column;
}
.lab-hero-list-title {
font-size: 15px; font-weight: 800; color: var(--c-ink);
text-transform: uppercase; letter-spacing: .03em;
margin: 0 0 10px; padding-bottom: 10px; border-bottom: 2px solid var(--c-ink);
}
.lab-hero-list ul { list-style: none; margin: 0; padding: 0; }
.lab-hero-list li { border-bottom: 1px solid var(--c-line); }
.lab-hero-list li:last-child { border-bottom: none; }
.lab-hero-list li a {
display: flex; align-items: center; gap: 10px;
padding: 10px 0; text-decoration: none;
}
.lab-hero-list-thumb {
flex: 0 0 52px; width: 52px; height: 52px;
border-radius: var(--radius-sm);
background-size: cover; background-position: center;
}
.lab-hero-list-text { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.lab-hero-list-headline {
font-size: 13.5px; line-height: 1.35; font-weight: 600; color: var(--c-ink);
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.lab-hero-list li a:hover .lab-hero-list-headline { color: var(--c-red); }
.lab-hero-list-date { font-size: 11.5px; color: var(--c-muted); }
@media (max-width: 991px) {
.lab-hero { flex-direction: column; }
.lab-hero-left { grid-template-rows: repeat(2, minmax(220px, auto)); }
.lab-hero-list { min-width: 0; }
}
@media (max-width: 600px) {
.lab-hero-left { grid-template-columns: 1fr; grid-template-rows: repeat(4, minmax(200px, auto)); }
.lab-hero-left > a:nth-child(1) { grid-column: 1; grid-row: 1; }
.lab-hero-left > a:nth-child(2) { grid-column: 1; grid-row: 2; }
.lab-hero-left > a:nth-child(3) { grid-column: 1; grid-row: 3; }
.lab-hero-left > a:nth-child(4) { grid-column: 1; grid-row: 4; }
.lab-hero-tile-title { font-size: 20px; }
} .nf-form-cont {
max-width: 780px;
margin: 28px auto;
padding: 32px 40px;
background: var(--c-bg-soft);
border: 1px solid var(--c-line);
border-radius: var(--radius-lg);
overflow-x: hidden;
} .nf-form-cont * { font-family: var(--font-body) !important; }
.nf-form-cont .nf-field-element p,
.nf-form-cont .nf-field-element span {
max-width: 100% !important;
width: auto !important;
overflow-wrap: break-word;
word-wrap: break-word;
}
.nf-form-cont .nf-field-element p { font-size: 13px !important; line-height: 1.6 !important; color: var(--c-text) !important; }
.nf-form-cont h1, .nf-form-cont h2, .nf-form-cont h3 {
font-family: var(--font-head) !important;
font-size: 17px !important;
font-weight: 700 !important;
color: var(--c-ink) !important;
margin: 30px 0 18px !important;
padding-bottom: 10px;
border-bottom: 1px solid var(--c-line);
position: relative;
}
.nf-form-cont h1:first-child, .nf-form-cont h2:first-child, .nf-form-cont h3:first-child { margin-top: 0 !important; }
.nf-form-cont h1:after, .nf-form-cont h2:after, .nf-form-cont h3:after {
content: '';
position: absolute; left: 0; bottom: -1px; width: 36px; height: 3px;
background: linear-gradient(90deg, var(--c-red), var(--c-amber));
}
.nf-form-cont .nf-field-label label {
font-size: 13px; font-weight: 700; color: var(--c-ink);
margin-bottom: 6px; display: inline-block;
}
.nf-form-cont .nf-field-label label .ninja-forms-req-symbol { color: var(--c-red); }
.nf-form-cont input[type="text"],
.nf-form-cont input[type="email"],
.nf-form-cont input[type="tel"],
.nf-form-cont input[type="number"],
.nf-form-cont textarea,
.nf-form-cont select {
width: 100%;
max-width: 360px;
height: 42px;
background: var(--c-bg);
border: 1px solid var(--c-line);
border-radius: var(--radius-sm);
padding: 0 14px;
font-size: 13.5px;
color: var(--c-ink);
transition: border-color .2s ease, box-shadow .2s ease;
}
.nf-form-cont textarea { height: auto; padding: 10px 14px; max-width: 100%; }
.nf-form-cont select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-right: 36px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f4757' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 16px;
cursor: pointer;
}
.nf-form-cont input:focus,
.nf-form-cont textarea:focus,
.nf-form-cont select:focus {
outline: none;
border-color: var(--c-red);
box-shadow: 0 0 0 3px var(--c-red-soft);
}
.nf-form-cont .list-radio-wrap .nf-field-element,
.nf-form-cont .list-checkbox-wrap .nf-field-element { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.nf-form-cont .list-radio-wrap label,
.nf-form-cont .list-checkbox-wrap label { font-size: 13.5px; color: var(--c-text); font-weight: 400; }
.nf-form-cont input[type="radio"],
.nf-form-cont input[type="checkbox"] { accent-color: var(--c-red); width: 15px; height: 15px; margin-right: 6px; }
.nf-form-cont .nf-field-container { margin-bottom: 20px; }
.nf-form-cont .nf-input-limit { font-size: 11px; color: var(--c-muted); }
.nf-form-cont .nf-error-wrap .nf-error-msg { font-size: 12px; color: var(--c-red); margin-top: 4px; }
.nf-form-cont .field-wrap.submit-wrap { margin-top: 4px; }
.nf-form-cont input[type="submit"],
.nf-form-cont .submit-wrap button {
background: var(--c-red); color: #fff !important; border: none;
border-radius: var(--radius-sm);
padding: 12px 28px;
font-size: 13px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase;
cursor: pointer; transition: background .2s ease;
}
.nf-form-cont input[type="submit"]:hover,
.nf-form-cont .submit-wrap button:hover { background: var(--c-red-dark); }
.nf-form-cont .nf-response-msg { font-size: 14px; color: var(--c-text); }
@media (max-width: 480px) {
.nf-form-cont { padding: 22px 18px; }
} .szk-testimonials-wrap { max-width: 1040px; margin: 0 auto; }
.szk-testimonials-wrap .strong-view.wpmtst-modern { padding: 4px 0; }
.szk-testimonials-wrap .wpmtst-testimonial-inner {
background: var(--c-bg-soft) !important;
border: 1px solid var(--c-line) !important;
border-radius: var(--radius-lg) !important;
box-shadow: none !important;
padding: 20px 56px 48px !important;
}
.szk-testimonials-wrap .wpmtst-testimonial-content,
.szk-testimonials-wrap .wpmtst-testimonial-content p {
font-size: 14px !important;
font-style: italic;
line-height: 1.55 !important;
color: var(--c-text) !important;
}
.szk-testimonials-wrap .wpmtst-testimonial-content p {
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin: 0 !important;
}
.szk-testimonials-wrap .wpmtst-testimonial-content:before,
.szk-testimonials-wrap .wpmtst-testimonial-content:after {
color: var(--c-amber) !important;
opacity: .6;
}
.szk-testimonials-wrap .testimonial-name {
font-family: var(--font-head);
font-weight: 700 !important;
font-style: normal !important;
color: var(--c-ink) !important;
font-size: 13px !important;
margin-top: 8px !important;
}
.szk-testimonials-wrap .testimonial-company {
font-style: normal !important;
font-size: 12px !important;
color: var(--c-muted) !important;
}
.szk-testimonials-wrap .wpmslider-prev,
.szk-testimonials-wrap .wpmslider-next,
.szk-testimonials-wrap .wpmslider-stop,
.szk-testimonials-wrap .wpmslider-start {
background: none !important;
border: none !important;
box-shadow: none !important;
opacity: 1 !important;
}
.szk-testimonials-wrap .wpmslider-prev:before,
.szk-testimonials-wrap .wpmslider-next:before,
.szk-testimonials-wrap .wpmslider-stop:before,
.szk-testimonials-wrap .wpmslider-start:before {
background-color: var(--c-faint) !important;
transition: background-color .2s ease;
}
.szk-testimonials-wrap .wpmslider-prev:hover:before,
.szk-testimonials-wrap .wpmslider-next:hover:before {
background-color: var(--c-red) !important;
}
.szk-testimonials-wrap .wpmslider-stop:hover:before,
.szk-testimonials-wrap .wpmslider-start:hover:before {
background-color: var(--c-amber-dark) !important;
}
.szk-testimonials-wrap .slider-pager { margin-top: 18px !important; }
.szk-testimonials-wrap .slider-pager .wpmslider-pager-bullet.active,
.szk-testimonials-wrap .slider-pager .wpmslider-pager-bullet:hover {
background: var(--c-red) !important;
} .lab-intro-columns {
display: flex; align-items: center; gap: 36px;
margin: 8px 0 28px;
}
.lab-intro-text { flex: 1 1 54%; min-width: 0; }
.lab-intro-text h2 { margin-top: 0; }
.lab-intro-video { flex: 1 1 46%; min-width: 0; }
.lab-centered-video {
display: block; margin: 0 auto; max-width: 100%; width: 100%;
border-radius: var(--radius-lg); box-shadow: var(--shadow-md);
}
.lab-intro-video-caption {
text-align: center; font-size: 12.5px; color: var(--c-muted);
margin: 10px 0 0 !important;
}
@media (max-width: 860px) {
.lab-intro-columns { flex-direction: column; }
.lab-intro-text, .lab-intro-video { flex: 1 1 100%; width: 100%; }
} .lab-oferta-block { padding: 40px 0 46px; background: var(--c-bg-soft); border-top: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); }
.lab-oferta-head { max-width: 640px; margin: 0 0 26px; }
.lab-oferta-head p { font-size: 14.5px; color: var(--c-muted); margin: 12px 0 0; }
.lab-oferta-grid {
display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;
}
.lab-oferta-card {
position: relative;
background: var(--c-bg); border: 1px solid var(--c-line); border-radius: var(--radius-lg);
padding: 26px 20px 22px; text-align: left; text-decoration: none;
box-shadow: var(--shadow-xs);
transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
overflow: hidden;
}
.lab-oferta-card:before {
content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
background: linear-gradient(90deg, var(--c-red), var(--c-amber));
transform: scaleX(0); transform-origin: left; transition: transform .3s ease;
}
.lab-oferta-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-md); border-color: transparent; }
.lab-oferta-card:hover:before { transform: scaleX(1); }
.lab-oferta-icon {
width: 48px; height: 48px; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
background: var(--c-amber-soft); color: var(--c-amber-dark);
margin-bottom: 16px;
}
.lab-oferta-icon svg { width: 24px; height: 24px; stroke: currentColor; fill: none; stroke-width: 1.8; }
.lab-oferta-card:nth-child(4n+2) .lab-oferta-icon { background: var(--c-red-soft); color: var(--c-red-dark); }
.lab-oferta-card:nth-child(4n+3) .lab-oferta-icon { background: var(--c-line-2); color: var(--c-text); }
.lab-oferta-card:nth-child(4n+4) .lab-oferta-icon { background: var(--c-amber-soft); color: var(--c-amber-dark); }
.lab-oferta-card h3 { font-size: 16px; font-weight: 800; color: var(--c-ink); margin: 0 0 8px; }
.lab-oferta-card p { font-size: 13px; line-height: 1.5; color: var(--c-muted); margin: 0 0 14px; }
.lab-oferta-cta { font-size: 12.5px; font-weight: 700; color: var(--c-red); }
.lab-oferta-card:hover .lab-oferta-cta { text-decoration: underline; } .lab-oferta-card.is-spotlight {
border-color: transparent;
transform: translateY(-4px);
box-shadow: 0 0 0 2px var(--c-amber), var(--shadow-md);
}
.lab-oferta-card.is-spotlight:before { transform: scaleX(1); }
.lab-oferta-card.is-spotlight .lab-oferta-icon { animation: labOfertaIconPop .55s var(--ease); } .lab-oferta-card.is-spotlight:after {
content: '';
position: absolute; inset: 0;
background: linear-gradient(115deg, transparent 35%, rgba(255,255,255,.6) 50%, transparent 65%);
transform: translateX(-120%);
animation: labOfertaSheen 1.05s var(--ease);
pointer-events: none;
}
@keyframes labOfertaSheen { to { transform: translateX(120%); } }
@keyframes labOfertaIconPop {
0%   { transform: scale(1)    rotate(0deg); }
45%  { transform: scale(1.14) rotate(-7deg); }
100% { transform: scale(1)    rotate(0deg); }
} .lab-oferta-grid.is-in .lab-oferta-card {
animation: labOfertaCardIn .5s var(--ease) backwards;
}
.lab-oferta-grid.is-in .lab-oferta-card:nth-child(1) { animation-delay: .00s; }
.lab-oferta-grid.is-in .lab-oferta-card:nth-child(2) { animation-delay: .06s; }
.lab-oferta-grid.is-in .lab-oferta-card:nth-child(3) { animation-delay: .12s; }
.lab-oferta-grid.is-in .lab-oferta-card:nth-child(4) { animation-delay: .18s; }
.lab-oferta-grid.is-in .lab-oferta-card:nth-child(5) { animation-delay: .24s; }
.lab-oferta-grid.is-in .lab-oferta-card:nth-child(6) { animation-delay: .30s; }
.lab-oferta-grid.is-in .lab-oferta-card:nth-child(7) { animation-delay: .36s; }
.lab-oferta-grid.is-in .lab-oferta-card:nth-child(8) { animation-delay: .42s; }
@keyframes labOfertaCardIn {
from { opacity: 0; transform: translateY(14px); }
to   { opacity: 1; transform: translateY(0); }
}
@media (max-width: 991px) {
.lab-oferta-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
.lab-oferta-grid { grid-template-columns: 1fr; }
} .lab-next-szk {
position: fixed;
left: 0; right: 0; bottom: 0;
z-index: 1200;
transform: translateY(110%);
transition: transform .35s var(--ease);
will-change: transform;
}
.lab-next-szk.is-visible { transform: translateY(0); }
.lab-next-szk-inner {
max-width: 1420px;
margin: 0 auto 14px;
display: flex; align-items: center; gap: 14px;
background: var(--c-bg-deep);
color: #fff;
border-radius: var(--radius-lg);
box-shadow: var(--shadow-lg);
padding: 12px 14px 12px 18px;
border-top: 3px solid var(--c-amber);
}
.lab-next-szk-badge {
flex: none;
font-size: 10.5px; font-weight: 800;
text-transform: uppercase; letter-spacing: .06em;
color: var(--c-bg-deep);
background: var(--c-amber);
border-radius: var(--radius-pill);
padding: 5px 12px;
white-space: nowrap;
}
.lab-next-szk-text { flex: 1 1 auto; min-width: 0; line-height: 1.35; }
.lab-next-szk-text strong {
display: block;
font-size: 14.5px; font-weight: 700; color: #fff;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.lab-next-szk-meta { font-size: 12px; color: rgba(255,255,255,.66); }
.lab-next-szk-cta {
flex: none;
background: var(--c-red); color: #fff !important;
font-size: 12.5px; font-weight: 700;
text-transform: uppercase; letter-spacing: .04em;
text-decoration: none !important;
border-radius: var(--radius-pill);
padding: 10px 20px;
transition: background .2s var(--ease), transform .2s var(--ease);
}
.lab-next-szk-cta:hover { background: var(--c-red-dark); transform: translateY(-2px); }
.lab-next-szk-close {
flex: none;
background: transparent; border: 0; cursor: pointer;
color: rgba(255,255,255,.55);
font-size: 24px; line-height: 1;
padding: 0 6px;
transition: color .2s var(--ease);
}
.lab-next-szk-close:hover { color: #fff; }
@media (max-width: 640px) {
.lab-next-szk-inner {
margin: 0 8px 8px;
gap: 10px; padding: 10px 8px 10px 12px;
flex-wrap: wrap;
} .lab-next-szk-badge { order: 1; }
.lab-next-szk-close { order: 2; margin-left: auto; }
.lab-next-szk-text  { order: 3; flex: 1 0 100%; }
.lab-next-szk-text strong { white-space: normal; font-size: 13.5px; }
.lab-next-szk-cta   { order: 4; flex: 1 0 100%; text-align: center; padding: 11px 16px; }
}
@media (prefers-reduced-motion: reduce) {
.lab-next-szk { transition: none; }
.lab-next-szk-cta:hover { transform: none; }
} body.has-next-szk #scroll-up {
bottom: calc(var(--lab-next-szk-h, 86px) + 30px);
transition: bottom .35s var(--ease);
} @media (max-width: 767px) {
.entry-content .row { margin-left: 0; margin-right: 0; }
.entry-content .row > [class*="col-"] { padding-left: 0; padding-right: 0; }
} .lab-footer-feat { text-align: left; }
.lab-footer-feat-label {
display: block;
font-size: 10px; font-weight: 800;
text-transform: uppercase; letter-spacing: .1em;
color: var(--c-amber);
margin-bottom: 10px;
}
.lab-footer-feat-card {
display: flex; align-items: center; gap: 12px;
background: rgba(255,255,255,.04);
border: 1px solid rgba(255,255,255,.08);
border-radius: var(--radius);
padding: 10px;
text-decoration: none !important;
transition: background .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);
}
.lab-footer-feat-card:hover {
background: rgba(255,255,255,.08);
border-color: rgba(255,255,255,.18);
transform: translateY(-2px);
}
.lab-footer-feat-thumb { flex: none; width: 72px; height: 54px; border-radius: var(--radius-sm); overflow: hidden; }
.lab-footer-feat-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.lab-footer-feat-body { min-width: 0; }
.lab-footer-feat-title {
display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
font-size: 12.5px; font-weight: 700; line-height: 1.35;
color: #fff;
}
.lab-footer-feat-card:hover .lab-footer-feat-title { color: var(--c-amber); }
.lab-footer-feat-date { display: block; font-size: 10.5px; color: rgba(255,255,255,.45); margin-top: 4px; } .site-footer .mailpoet_form { max-width: 360px; }
.site-footer .mailpoet_paragraph { margin-bottom: 12px; }
.site-footer .mailpoet_form h1,
.site-footer .mailpoet_form h2,
.site-footer .mailpoet_form h3,
.site-footer .mailpoet_segment_label,
.site-footer .mailpoet_checkbox_label {
font-size: 13px !important;
font-weight: 600;
color: rgba(255,255,255,.8) !important;
line-height: 1.5;
margin: 0 0 6px;
}
.site-footer .mailpoet_form h1,
.site-footer .mailpoet_form h2,
.site-footer .mailpoet_form h3 {
font-size: 11px !important;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .08em;
color: rgba(255,255,255,.55) !important;
margin-bottom: 8px;
}
.site-footer .mailpoet_checkbox_label,
.site-footer .mailpoet_segment_label {
display: flex; align-items: flex-start; gap: 8px;
font-weight: 400;
margin-bottom: 4px;
cursor: pointer;
}
.site-footer .mailpoet_form input[type="checkbox"] {
flex: none;
width: 15px; height: 15px;
margin: 3px 0 0;
accent-color: var(--c-red);
}
.site-footer .mailpoet_text,
.site-footer .mailpoet_email {
background: rgba(255,255,255,.06) !important;
border: 1px solid rgba(255,255,255,.12) !important;
color: #fff !important;
border-radius: var(--radius-sm) !important;
}
.site-footer .mailpoet_text::placeholder,
.site-footer .mailpoet_email::placeholder { color: rgba(255,255,255,.4); } .lab-widget-excerpt {
font-size: 13px;
line-height: 1.55;
color: var(--c-muted);
margin: 0 0 10px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
} .homepage-widgetarea .entry-footer time.updated:not(.published),
.article-vertical-list time.updated:not(.published),
.article-grid-list time.updated:not(.published) { display: none; } #oferta { scroll-margin-top: 110px; }.wppb-user-forms,
.wppb-user-forms * {
-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } .wppb-user-forms .wppb-form-field {
list-style: none;
}
.wppb-user-forms input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="file"]):not([value="agree"]),
.wppb-user-forms select,
.wppb-user-forms textarea {
font-size: 100%; margin: 0; vertical-align: baseline; }
.wppb-user-forms input[type="checkbox"],
.wppb-user-forms input[type="radio"] {
padding: 0; }
.wppb-user-forms input[type="search"] {
-webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
box-sizing: content-box;
} .wppb-user-forms input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} .wppb-user-forms button::-moz-focus-inner,
.wppb-user-forms input::-moz-focus-inner {
border: 0;
padding: 0;
}
.wppb-user-forms input[type="text"],
.wppb-user-forms input[type="number"],
.wppb-user-forms input[type="email"],
.wppb-user-forms input[type="url"],
.wppb-user-forms input[type="password"],
.wppb-user-forms input[type="search"],
.wppb-user-forms textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
}
.wppb-user-forms input[type="text"]:focus,
.wppb-user-forms input[type="number"]:focus,
.wppb-user-forms input[type="email"]:focus,
.wppb-user-forms input[type="url"]:focus,
.wppb-user-forms input[type="password"]:focus,
.wppb-user-forms input[type="search"]:focus,
.wppb-user-forms textarea:focus {
color: #111;
}
.wppb-user-forms input[type="text"],
.wppb-user-forms input[type="number"],
.wppb-user-forms input[type="email"],
.wppb-user-forms input[type="url"],
.wppb-user-forms input[type="password"],
.wppb-user-forms input[type="search"] {
padding: 3px;
}
.wppb-user-forms textarea {
overflow: auto; padding-left: 3px;
vertical-align: top; width: 100%;
} .wppb-user-forms .wppb-wysiwyg .wp-editor-wrap {
float: left;
width: 69.9%;
} .wppb-user-forms .wppb-wysiwyg button:hover {
background: none;
} .wppb-user-forms .wppb-wysiwyg div.mce-tinymce.mce-panel {
border: 1px solid #ccc !important;
color: #666 !important;
}
.wppb-user-forms .wppb-wysiwyg div.mce-panel.mce-first {
border-width: 0 0 1px 0 !important;
}
.wppb-user-forms .wppb-wysiwyg div.mce-panel.mce-last {
border-width: 1px 0 !important;
} .wppb-user-forms .wppb-wysiwyg .quicktags-toolbar {
border: 1px solid #dedede;
border-bottom: 0;
} #wp-link label input[type="text"] {
padding: 0;
}
#wppb-search-fields {
min-width: 250px;
float: left;
width: 100%;
}
.wppb-user-forms .wppb-search-button {
padding: 7px 20px;
line-height: 24px;
}
.wppb-search-users-wrap {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
}
.wppb-user-forms .extra_field_heading {
margin-bottom: 0;
}
.wppb-user-forms .login-submit #wppb-submit:disabled,
.wppb-user-forms .form-submit #wppb-recover-password-button:disabled,
.wppb-user-forms .form-submit #register:disabled,
.wppb-user-forms .form-submit #edit_profile:disabled {
background: #414141;
opacity: 0.3;
cursor: not-allowed;
}
.wppb-userlisting-container form.wppb-search-users {
margin-bottom: 20px;
}
.wppb-userlisting-container .wppb-ul-search {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
}
.wppb-userlisting-container .wppb-ul-search form.wppb-search-users {
flex-grow: 1;
}
.wppb-search-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
flex-grow: 1;
position: relative;
}
.wppb-search-container .wppb-clear-results {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
text-decoration: none;
}
[id^="wppb-login-widget"] .wppb-user-login-form {
max-width: 100% !important;
}
[id^="wppb-login-widget"] .login-username > *,
[id^="wppb-login-widget"] .login-password > * {
display: block;
width: 100% !important;
} .wppb-user-forms > ul {
max-width: 900px;
list-style: none;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
#select_user_to_edit_form .wppb-form-field {
max-width: 900px;
}
.wppb-user-forms ul li {
list-style: none;
margin: 0 0 14px 0;
padding: 0;
}
#wppb-login-wrap p,
#select_user_to_edit_form p {
overflow: hidden;
margin: 0 0 14px 0;
padding: 0;
}
.wppb-user-forms .wppb-recaptcha:not(.wppb-field-error, .wppb-recaptcha-v2) {
margin: 0;
padding: 0;
height: 0;
}
.wppb-user-forms ul li:after {
content: "";
clear: both;
display: block;
}
.wppb-user-forms .wppb-input-hidden {
padding-bottom: 0;
}
.wppb-user-forms.wppb-user-role-administrator .wppb-input-hidden {
padding-bottom: 14px;
}
.wppb-user-forms .wppb-form-field > ul {
margin: 0;
padding: 0;
}
.wppb-form-field .wppb-password-field-container {
display: block;
position: relative;
}
.wppb-form-field .wppb-password-field-container input[type="password"], .wppb-form-field .wppb-password-field-container input[type="text"] {
width: 100%;
}
.wppb-form-field:not(#select_user_to_edit_form .wppb-form-field, .wppb-checkbox-terms-and-conditions, .wppb-gdpr-checkbox, .wppb-subscription-plans) label:not(.wppb-checkboxes label, .wppb-radios label, .login-remember label, .wppb-epaa-switch),
#pms-subscription-plans-discount label,
.pms-invite-code-name-field label,
#wppb-login-wrap .login-username label,
#wppb-login-wrap .login-password label,
#wppb-login-wrap .login-auth label {
width: 30%;
float: left;
min-height: 1px;
}
.wppb-form-field input[type="text"],
.wppb-form-field input[type="number"],
.wppb-form-field input[type="email"],
.wppb-form-field input[type="url"],
.wppb-form-field input[type="search"],
.wppb-form-field select,
.wppb-form-field textarea,
.wppb-form-field .wppb-password-field-container,
.wppb-checkboxes,
.wppb-radios,
#wppb-login-wrap .login-username input,
#wppb-login-wrap .login-auth input {
width: 69.9%;
float: left;
}
.wppb-form-field.wppb-select-multiple select {
height: auto;
}
.wp-theme-oceanwp .wppb-form-field input[type="number"]{
max-width: 100% !important;
}
#wppb-login-wrap .login-remember {
display: flex;
align-items: center;
}
#wppb-login-wrap .login-remember input {
cursor: pointer;
}
#wppb-login-wrap .login-remember label {
padding-left: 8px;
margin-bottom: 0;
cursor: pointer;
}
.wppb-form-field.wppb-timepicker select {
width: auto !important;
margin-right: 5px;
}
.wppb-user-forms .wppb-wysiwyg .wp-editor-wrap .wp-editor-tabs * {
box-sizing: content-box !important;
}
.wp-theme-oceanwp .woocommerce .wppb-user-forms .wppb-wysiwyg .wp-editor-wrap .wp-editor-tabs *{
width: auto !important;
padding: 3px 8px 4px !important;
}
.wppb-user-forms .wp-editor-wrap input {
float: none;
width: auto;
}
input#send_credentials_via_email {
float: none;
margin-right: 10px;
}
.wppb-send-credentials-checkbox label {
width: auto;
}
.wppb-form-field > span:not(.wppb-password-field-container) {
display: block;
clear: both;
font-size: 80%;
font-style: italic;
word-break: break-word;
}
.wppb-form-field > span.custom_field_html {
font-style: normal;
font-size: 100%;
}
.wppb-form-field > span.select2-container {
font-style: normal;
font-size: 100%;
clear: none;
}
.wppb-form-field > span.select2-container .selection .select2-selection {
height: 44px;
}
.wppb-repeater .wppb-select-cpt span.select2-container {
width: auto !important;
}
span.select2-container {
z-index: 9999;
}
.wppb-form-field.wppb-timepicker > span.wppb-timepicker-separator {
display: inline-block;
float: left;
clear: none;
margin-left: 0;
margin-right: 5px;
font-size: 100%;
font-style: normal;
}
.wppb_upload_button {
display: inline-block;
}
.wppb-user-forms .wppb-checkboxes li,
.wppb-user-forms .wppb-radios li {
display: inline-block;
padding: 0 20px 0 0;
}
.wppb-user-forms .wppb-checkboxes li.wppb-hidden {
padding: 0;
}
.wppb-form-field .wppb-checkboxes label,
.wppb-form-field .wppb-radios label {
float: none;
min-width: 0;
padding-left: 5px;
width: auto;
display: inline-block;
}
.wppb-checkbox-terms-and-conditions input,
.wppb-checkboxes li input,
.wppb-radios li input {
min-width: 0;
float: none;
}
.wppb-edit-user .wppb-checkbox-terms-and-conditions {
display: none;
}
.wppb-form-field.wppb-heading span,
.wppb-default-about-yourself-heading span,
.wppb-default-contact-info-heading span,
.wppb-default-name-heading span,
.wppb-checkbox-terms-and-conditions span {
margin-left: 0;
}
.wppb-checkbox-terms-and-conditions label {
width: 100%;
}
.wppb-form-field.wppb-checkbox-terms-and-conditions input[type="checkbox"].custom_field_toa {
float: none;
margin-right: 10px;
}
.wppb-recaptcha-element {
display: inline-block;
}
.wppb-recaptcha-element.wppb-invisible-recaptcha {
display: block !important;
}
.wppb-recaptcha-element iframe {
margin-bottom: 0;
}
.wppb-form-field input.wppb-map-search-box {
position: absolute;
top: 10px !important;
height: 34px;
width: 50%;
min-width: 250px;
background: #fff;
border: 0;
border-radius: 1px;
padding: 0 10px;
box-shadow: 0 1px 1px 0 #c1c1c1;
font-family: "Roboto", sans-serif;
}
.wppb-create-new-site {
width: 100%;
}
input#wppb_create_new_site_checkbox {
width: auto;
margin-right: 10px;
float: none;
}
label[for="wppb_create_new_site_checkbox"] {
width: 100%;
}
label[for="blog-privacy"] {
width: 100%;
} .wppb-gdpr-checkbox.wppb-form-field label {
width: 100%;
float: none;
}
.wppb-gdpr-checkbox.wppb-form-field #user_consent_gdpr {
float: none;
margin: 0 10px 0 0;
} .wppb-error,
.wppb-warning,
.wppb-notice,
.wppb-success {
padding: 6px 9px;
margin: 0 auto 25px;
display: block;
width: 100%;
}
.wppb-error,
.wppb-warning {
box-sizing: border-box;
background: #ffebe8;
border: 1px solid #c00;
}
.wppb-error,
.wppb-warning,
.wppb-notice {
color: #222222 !important;
}
.wppb-error a,
.wppb-warning a {
color: #007acc !important;
}
.admin-bar #wppb_form_general_message {
padding-top: 32px;
}
.wppb-error a:hover,
.wppb-warning a:hover {
color: #007acc !important;
text-decoration: underline;
}
.wppb-notice {
box-sizing: border-box;
background: #ccc;
border: 1px solid #666;
}
.wppb-required {
color: red;
}
.wppb-required,
.wppb-checkbox-terms-and-conditions span.wppb-required {
margin-left: 5px;
}
.wppb-success {
box-sizing: border-box;
background: #e7f7d3;
border: 1px solid #6c3;
}
.wppb-register-user .wppb-field-error,
.wppb-edit-user .wppb-field-error,
#wppb-recover-password .wppb-field-error {
background-color: #ffdfdf;
border: 1px dotted #c89797;
margin-bottom: 6px !important;
padding: 6px !important;
}
.wppb-field-error > input,
.wppb-field-error > select,
.wppb-field-error > textarea,
.wppb-field-error > label {
margin-bottom: 10px;
}
.wppb-field-error img {
box-shadow: none;
-webkit-box-shadow: none;
border: none;
border-radius: 0px;
vertical-align: middle;
margin-top: -3px;
padding-left: 5px;
width: auto;
height: auto;
}
.wppb-form-field > span.wppb-form-error {
margin-top: 10px;
padding-top: 5px;
border-top: 1px dotted #c89797;
font-size: 100%;
margin-left: 0;
}
.wppb-password-group {
display: flex;
flex-direction: column;
gap: 12px;
}
.wppb-edit-user .wppb-default-password.wppb-current-password-field-error {
background-color: transparent;
border: 0;
padding: 0;
}
.wppb-edit-user .wppb-default-password .wppb-current-password-subfield-error {
background-color: #ffdfdf;
border: 1px dotted #c89797;
padding: 6px;
margin-bottom: 6px;
} #wppb-register-user .wppb-default-blog-details.wppb-field-error {
background-color: transparent !important;
border: 0px !important;
}
.wppb-default-blog-details > span.wppb-form-error {
display: none;
}
.wppb-blog-details-heading span {
margin-left: 0;
}
.wppb-1website-url {
position: absolute;
left: -99999px;
} .wppb-table * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wppb-table {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-spacing: 0.5rem;
border-collapse: collapse;
width: 100%;
}
.wppb-table th {
background: #f4f4f4;
padding: 7px;
border: 1px solid #e1e1e1;
text-align: left;
}
.wppb-table thead tr:hover {
background: none;
}
.wppb-table .wppb-sorting .wppb-sorting-default {
display: inline-block;
width: 16px;
height: 16px;
background: url(//demo.laboratoryjnie.pl/wp-content/plugins/profile-builder/assets/images/sorting-default.png) no-repeat center center;
vertical-align: middle;
}
.wppb-table .wppb-sorting .wppb-sorting-ascending {
background-image: url(//demo.laboratoryjnie.pl/wp-content/plugins/profile-builder/assets/images/sorting-ascending.png);
}
.wppb-table .wppb-sorting .wppb-sorting-descending {
background-image: url(//demo.laboratoryjnie.pl/wp-content/plugins/profile-builder/assets/images/sorting-descending.png);
}
.wppb-table tr:hover {
background: #f1fcff;
}
.wppb-table td {
padding: 7px;
border: 1px solid #e1e1e1;
}
.wppb-table .wppb-posts,
.wppb-table .wppb-moreinfo {
text-align: center;
}
.wppb-avatar img {
max-width: none;
}
ul.wppb-profile {
list-style-type: none;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
ul.wppb-profile li {
margin-left: 0;
margin-right: 0;
overflow: hidden;
}
ul.wppb-profile li label {
display: block;
width: 30%;
float: left;
min-height: 1px;
font-weight: bold;
}
ul.wppb-profile li span {
display: block;
width: 69.9%;
float: left;
}
ul.wppb-profile li h3,
ul.wppb-profile li h3:first-child {
margin: 20px 0;
padding-top: 20px;
border-top: 1px solid #d2d2d2;
}
ul.wppb-faceted-list {
list-style: none;
margin: 0 0 20px;
}
ul.wppb-faceted-list:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
ul.wppb-faceted-list > li {
float: left;
margin-right: 15px;
max-width: 300px;
}
ul.wppb-faceted-list > li:first-child {
float: none;
clear: both;
}
.wppb-userlisting-container .wppb-faceted-list li h5 {
margin: 5px 0;
}
ul.wppb-faceted-list label > * {
vertical-align: middle;
}
ul.wppb-faceted-list input[type="checkbox"] {
margin-right: 5px;
}
.wppb-userlisting-container.wppb-spinner {
position: relative;
opacity: 0.5;
}
.wppb-userlisting-container.wppb-spinner:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
margin-top: -16px;
margin-left: -16px;
display: block;
width: 32px;
height: 32px;
z-index: 1000;
}
ul.wppb-faceted-list .hide-this {
display: none;
}
#wppb-remove-facets-container {
list-style: none;
margin: 0;
}
.wppb-remove-facet:before,
.wppb-remove-all-facets:before {
content: "x";
display: inline-block;
border-right: 1px dotted #d3ccc9;
border-right: 1px dotted #6f6f6f;
padding-right: 5px;
margin-right: 5px;
}
.wppb-userlisting-container .wppb-ul-range-values {
padding: 5px 0;
}
.wppb-userlisting-container:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.wppb-float-left {
float: left;
}
.wppb-float-right {
float: right;
}
.wppb-facet-float-left {
float: left;
max-width: 300px;
}
.wppb-facet-float-right {
float: right;
max-width: 300px;
}
li.wppb-facet-search {
position: relative;
}
.wppb-facet-search-wrap label {
display: inline-block;
position: relative;
padding: 0 !important;
margin: 0 !important;
}
.wppb-facet-search {
width: 75% !important;
margin-right: 5px !important;
}
.wppb-facet-search .screen-reader-text {
display: none;
}
.wppb-facet-search,
.wppb-search-submit {
box-sizing: border-box;
display: inline-block !important;
vertical-align: middle;
}
.wppb-search-submit {
display: inline-block;
width: 20%;
height: 100%;
background: #4f5963;
position: absolute;
right: 0;
cursor: pointer;
border: 1px solid #444d57;
border-radius: 3px;
padding: 0 !important;
margin: 0 !important;
}
.wppb-search-submit:hover {
background: #fff;
color: #4f5963;
}
.wppb-search-submit::before {
content: "\26B2";
display: inline-block;
color: #fff;
font-size: 120%;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.wppb-search-submit:hover::before {
color: #4f5963;
}
@media screen and (max-width: 720px) {
.wppb-table {
border: 0;
}
.wppb-table thead {
display: none;
}
.wppb-table tr {
display: block;
margin-bottom: 30px;
}
.wppb-table td {
display: block;
text-align: right;
border-bottom: 0;
}
.wppb-table td:last-of-type {
border-bottom: 1px solid #e1e1e1;
}
.wppb-table .wppb-posts,
.wppb-table .wppb-moreinfo {
text-align: right;
}
.wppb-table td:before {
content: attr(data-label);
float: left;
}
.wppb-table td:after {
content: "";
display: block;
clear: both;
}
} @media screen and (max-width: 500px) {
.wppb-form-field:not(#select_user_to_edit_form .wppb-form-field, .wppb-checkbox-terms-and-conditions, .wppb-gdpr-checkbox, .wppb-subscription-plans) label:not(.wppb-checkboxes label, .wppb-radios label),
#wppb-login-wrap .login-username label,
#wppb-login-wrap .login-password label,
#wppb-login-wrap .login-auth label,
ul.wppb-profile li label {
width: 100% !important;
display: block;
float: none !important;
}
.wppb-form-field input[type="text"],
.wppb-form-field input[type="number"],
.wppb-form-field input[type="email"],
.wppb-form-field input[type="url"],
.wppb-form-field input[type="password"],
.wppb-form-field input[type="search"],
.wppb-form-field select,
.wppb-form-field textarea,
.wppb-form-field .wp-editor-wrap,
.wppb-form-field .wppb-password-field-container,
.wppb-checkboxes,
.wppb-radios,
#wppb-login-wrap .login-username input,
#wppb-login-wrap .login-password input,
#wppb-login-wrap .login-auth input,
ul.wppb-profile li span {
width: 100% !important;
float: none !important;
}
.wppb-form-field > span {
margin-left: 0;
}
.wppb-checkboxes li label,
.wppb-radios li label {
display: inline;
}
.wppb-form-field .wppb-avatar-nofile,
.wppb-form-field .wppb-avatar-file,
.wppb-form-field .wppb-upload-nofile,
.wppb-form-field .wppb-upload-file {
margin-left: 0;
}
} #pass-strength-result {
background-color: #eee;
border: 1px solid #ddd;
display: none;
float: left;
margin: 13px 5px 5px 30%;
padding: 3px 5px;
text-align: center;
width: 200px;
height: 28px;
}
#pass-strength-result.short {
background-color: #ffa0a0;
border-color: #f04040;
}
#pass-strength-result.bad {
background-color: #ffb78c;
border-color: #ff853c;
}
#pass-strength-result.good {
background-color: #ffec8b;
border-color: #fc0;
}
#pass-strength-result.strong {
background-color: #c3ff88;
border-color: #8dff1c;
} .wppb-form-field.wppb-default-password button.wppb-toggle-pw,
.wppb-form-field.wppb-default-repeat-password button.wppb-toggle-pw,
#wppb-login-wrap .login-password button.wppb-toggle-pw,
#wppb-recover-password-container .wppb-form-field.passw1 .wppb-toggle-pw,
#wppb-recover-password-container .wppb-form-field.passw2 .wppb-toggle-pw {
position: absolute;
right: 4px;
top: 50%;
transform: translateY(-50%);
background: transparent !important;
background-color: transparent !important;
border: 1px solid transparent;
box-shadow: none;
padding: 0;
margin: 0;
cursor: pointer;
outline: none;
display: flex;
align-items: center;
justify-content: center;
}
.wp-theme-oceanwp .wppb-form-field.wppb-default-password button.wppb-toggle-pw,
.wp-theme-oceanwp .wppb-form-field.wppb-default-repeat-password button.wppb-toggle-pw{
width: auto !important;
}
#wppb-loginform .login-password .show-password-input,
.woocommerce .wppb-default-repeat-password .show-password-input,
.woocommerce .wppb-default-password .show-password-input {
display: none !important;
}
.wppb-form-field.wppb-default-password button img,
.wppb-form-field.wppb-default-repeat-password button img,
#wppb-login-wrap .login-password button img,
#wppb-recover-password-container .wppb-form-field.passw1 button img,
#wppb-recover-password-container .wppb-form-field.passw2 button img {
width: 20px;
} .wppb-form-field.wppb-subscription-plans input {
display: inline-block;
float: none;
margin-right: 10px !important;
}
.wppb-form-field.wppb-subscription-plans span.description {
display: block;
font-size: 100%;
font-style: italic;
margin-left: 0;
margin-bottom: 1.5em;
} .wppb-user-forms table {
border-collapse: separate;
} .wppb-private-website.wppb-private-website-hide-menus .main-navigation {
display: none;
} .marker-content-info {
position: absolute;
top: -400px;
left: -400px;
display: none;
}
.wppb-map-container .marker-content {
min-width: 320px;
max-width: 100%;
}
.wppb-map-container .marker-content .marker-info-avatar_or_gravatar {
float: left;
margin-right: 10px;
} .elementor-edit-mode .wppb-map-container {
width: 69.9%;
float: left;
border: 1px solid #ccc;
border-radius: 3px;
} #wppb_auth_secret_buttons,
#wppb_auth_verify_buttons,
#wppb_auth_backup_buttons {
margin-left: 30%;
display: flex;
justify-content: space-between;
align-items: stretch;
}
.wppb_auth_button {
background: none repeat scroll 0 0 #f7f7f7;
border: 1px solid #ccc !important;
color: #555;
cursor: pointer;
display: inline-block;
font-size: 12px;
line-height: 26px;
padding: 15px;
text-decoration: none;
white-space: nowrap;
text-align: center;
width: 30%;
}
.wppb_auth_button:hover {
background: none repeat scroll 0 0 #fafafa;
border: 1px solid #999 !important;
color: #222;
text-decoration: none;
}
#wppb_auth_newsecret.wppb_auth_new_button,
#wppb_auth_verify_button.wppb_auth_verify_button,
#wppb_auth_backup_button.wppb_auth_backup_button {
flex-grow: 1;
}
#wppb_show_qr.wppb_auth_qr_button,
#wppb_auth_verify_indicator.wppb_auth_verify_indicator,
#wppb_auth_backup_indicator.wppb_auth_backup_indicator {
flex-grow: 1;
}
#wppb_auth_verify_indicator,
#wppb_auth_backup_indicator {
pointer-events: none !important;
}
#wppb_auth_verify_indicator.valid {
background-color: #c3ff88;
border-color: #8dff1c;
}
#wppb_auth_verify_indicator.invalid {
background-color: #ffa0a0;
border-color: #f04040;
}
#wppb_auth_backup_indicator.low {
background-color: #ffeaa7;
border-color: #856404;
}
#wppb_auth_backup_indicator.zero {
background-color: #ffa0a0;
border-color: #f04040;
}
#wppb_auth_QR_INFO {
text-align: right;
}
#wppb_auth_QR_INFO .wppb-description-delimiter {
font-size: 80%;
font-style: italic;
}  .wppb-backup-codes-admin-section {
margin-top: 20px;
padding: 15px;
border: 1px solid #ccc;
border-radius: 4px;
background-color: #f7f7f7;
}
.wppb-backup-codes-section h4,
.wppb-backup-codes-admin-section h3,
.wppb-backup-codes-admin-section h4 {
margin-top: 0;
margin-bottom: 15px;
color: #555;
}
.wppb-backup-codes-new,
.wppb-backup-codes-admin-new { border: 1px solid #ccc ; padding: 15px;
border-radius: 4px;
margin-bottom: 15px;
}
.wppb-backup-codes-new h4,
.wppb-backup-codes-new h5,
.wppb-backup-codes-admin-new h4 {
margin-top: 0;
margin-bottom: 10px;
color: #0c5460;
}
.wppb-backup-codes-list,
.wppb-backup-codes-admin-list {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
padding: 15px;
margin-bottom: 15px;
font-family: 'Courier New', monospace;
font-size: 14px;
line-height: 1.6;
max-height: 200px;
overflow-y: auto;
}
.wppb-backup-code-item,
.wppb-backup-codes-admin-item {
margin-bottom: 5px;
padding: 5px;
background-color: #f8f9fa;
border-radius: 3px;
word-break: break-all;
}
.wppb-backup-codes-actions {
margin-top: 15px;
}
.wppb-backup-codes-actions .button {
background: none repeat scroll 0 0 #f7f7f7;
border: 1px solid #ccc !important;
color: #555;
cursor: pointer;
display: inline-block;
font-size: 12px;
line-height: 26px;
padding: 15px;
text-decoration: none;
white-space: nowrap;
text-align: center;
margin-right: 10px;
margin-bottom: 5px;
}
.wppb-backup-codes-actions .button:hover {
background: none repeat scroll 0 0 #fafafa;
border: 1px solid #999 !important;
color: #222;
text-decoration: none;
}
.wppb-2fa-forced-notice.wppb-error p{
margin: unset;
} .wppb-user-forms .iti .iti__search-input {
box-sizing: border-box !important;
width: 100% !important;
padding-left: 30px !important;
padding-right: 28px !important;
} .wppb-form-field.wppb-international-telephone-input .iti {
width: 69.9%;
max-width: 100%;
float: left;
} #wppb-form-style-1-wrapper .wppb-form-field.wppb-international-telephone-input .iti,
#wppb-form-style-2-wrapper .wppb-form-field.wppb-international-telephone-input .iti,
#wppb-form-style-3-wrapper .wppb-form-field.wppb-international-telephone-input .iti {
width: 100%;
max-width: 100%;
display: block;
} .wppb-user-forms .iti {
--iti-spacer-horizontal: 12px;
} .wppb-user-forms .iti--inline-dropdown .iti__dropdown-content {
border-radius: 6px;
overflow: hidden;
} .wppb-user-forms .iti .iti__country-list {
padding: 4px 0;
margin: 0;
} .wppb-user-forms .iti .iti__country {
padding: 8px 12px;
} .wppb-user-forms .iti .iti__country-list .iti__flag {
margin-right: 10px;
} [dir="rtl"] .wppb-user-forms .iti .iti__country-list .iti__flag {
margin-right: 0;
margin-left: 10px;
} #wppb-form-style-1-wrapper .wppb-form-field.wppb-international-telephone-input .iti button.iti__selected-country,
#wppb-form-style-2-wrapper .wppb-form-field.wppb-international-telephone-input .iti button.iti__selected-country,
#wppb-form-style-3-wrapper .wppb-form-field.wppb-international-telephone-input .iti button.iti__selected-country {
width: auto !important;
min-width: 0 !important;
height: 100% !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
background: none !important;
box-shadow: none !important;
color: inherit !important;
} #wppb-form-style-1-wrapper .wppb-form-field.wppb-international-telephone-input.label-inside > label:not(.wppb-epaa-switch):not(.wppb-field-visibility-settings label),
#wppb-form-style-2-wrapper .wppb-form-field.wppb-international-telephone-input.label-inside > label:not(.wppb-epaa-switch):not(.wppb-field-visibility-settings label) {
padding-left: 56px;
} #wppb-form-style-1-wrapper .wppb-form-field.wppb-international-telephone-input.label-inside input.wppb-intl-tel-input:not([type='radio']):not([type='checkbox']):not([type='submit']) {
padding-left: 56px !important;
}
.wppb-form-field .iti + .wppb-iti-error {
float: left !important;
width: 69.9% !important;
margin-left: 30%;
margin-top: 6px;
color: #c0392b !important;
font-size: 15px !important;
display: none;
} .wppb-form-field.wppb-international-telephone-input.label-inside .iti + .wppb-iti-error {
width: 100% !important;
margin-left: 0 !important;
}
@media screen and (max-width: 500px) {
.wppb-form-field.wppb-international-telephone-input .iti {
float: none;
width: 100%;
}
.wppb-form-field .iti + .wppb-iti-error {
float: none;
width: 100%;
margin-left: 0;
}
}