/* NetLeverage site - additions on top of the HostCo theme. Colours reuse the theme's own
   variables (--primary-color, heading/body colours) so nothing new is introduced. */
.nl-hero-btns{display:flex;flex-wrap:wrap;gap:16px;margin:8px 0 22px}
.nl-hero-btns .elementor-widget{width:auto;margin:0}
.pxl-button .btn.btn-default.nl-btn-light{background:#fff;color:#161C2D;border-color:#fff}
.pxl-button .btn.btn-default.nl-btn-light:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}
.nl-stat .pxl-item--title{line-height:1.45}
.nl-mirror .elementor-column:first-child{padding-right:0}
.nl-lead .pxl-item--inner{max-width:760px;margin:0 auto;text-align:center;font-size:18px;line-height:1.6}
.nl-grid{margin-top:0!important;padding-top:0!important;padding-bottom:0!important;background-color:transparent!important}
.nl-grid.nl-grid-next{padding-top:0!important}
.nl-grid:last-of-type{padding-bottom:100px!important}
.nl-grid .pxl-icon-box1{height:100%}
/* Steven 22/10: icons without the tinted square behind them */
.pxl-icon-box1 .pxl-item--icon{background-color:transparent;width:auto;height:auto;border-radius:0}
.pxl-icon-box1 .pxl-item--icon:before{display:none}
.pxl-icon-box1 .pxl-item--icon i{line-height:1;display:block;color:#4246fd}  /* Steven 22/10 13:05: the blue of 'business software.' in demo-netleverage/version-b (--blue, measured rgb(66,70,253)) */
.nl-grid .pxl-icon-box1 .pxl-item--title a{color:inherit}
.nl-grid .pxl-icon-box1 .pxl-item--title a:hover{color:var(--primary-color)}
.nl-grid .elementor-column{margin-bottom:30px}
.nl-more{display:inline-block;margin-top:16px;font-weight:600;color:var(--primary-color)}
.nl-more i{margin-left:8px;font-size:12px;transition:transform .25s}
.nl-more:hover i{transform:translateX(4px)}
.nl-brands-head{padding-bottom:0!important}
.nl-inner .pxl-section-bg-parallax{background-position:center}
.nl-form-note{margin-top:14px;font-size:14px}
.pxl-logo img{max-height:34px;width:auto}
#pxl-header-mobile .pxl-header-mobile-logo img{max-height:30px;width:auto}
.pxl-mega-menu .pxl-image-box2 img{width:60px;height:60px}
@media (max-width:1024px){.nl-mirror .elementor-column:first-child{order:2}}
.elementor-widget-pxl_link .pxl-link.pxl-link-l1 li{padding-right:18px}
/* framed product screenshots. Gradient = the theme's own button gradient (style4bf4.css line 15699,
   --primary-color -> --secondary-color); radius 10px as the theme's cards; shadows use the heading colour #161C2D. */
.nl-shot-card{margin:0;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 12px 32px rgba(22,28,45,.28)}
.nl-shot-bar{display:flex;gap:6px;padding:9px 14px;background:#fff;border-bottom:1px solid rgba(22,28,45,.08)}
.nl-shot-bar span{width:10px;height:10px;border-radius:50%;background:rgba(22,28,45,.16)}
.nl-shot-card img{display:block;width:100%;height:auto}

.nl-shot-cap{margin:22px 0 0;text-align:center;color:#383838;font-size:15px;line-height:1.5}
.nl-shot-sec{padding:0 0 80px}
.nl-show-head{padding-bottom:60px!important}
.nl-shot-btns{width:100%;justify-content:center;margin:34px 0 0}
.pxl-button .btn.btn-default.nl-btn-outline{background:transparent;color:var(--primary-color);box-shadow:inset 0 0 0 2px var(--primary-color)}
.pxl-button .btn.btn-default.nl-btn-outline:hover{background:var(--primary-color);color:#fff}
.nl-shot-col .pxl-item--inner{display:block}
.nl-shot-stack .nl-stack-item+.nl-stack-item{margin-top:30px}
.nl-stack-label{color:#161C2D;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin:0 0 12px 4px}
.nl-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.nl-gallery-3{grid-template-columns:repeat(3,1fr)}
.nl-gal-item{text-align:center;display:flex;flex-direction:column}
.nl-gal-shot{flex:1}
.nl-gal-item .nl-shot-card{width:100%}
.nl-gal-item .nl-shot-card img{max-width:100%}
.nl-gal-title{font-size:20px;margin:26px 0 8px}
.nl-gal-item p{margin:0 auto;max-width:420px}
@media (max-width:1024px){.nl-gallery,.nl-gallery-3{grid-template-columns:1fr}}
@media (max-width:600px){.nl-shot-sec{padding-bottom:50px}}

/* Steven 22/10 13:15: hero accent 'business software.' = demo version-b --blue #4246fd (solid, replaces the theme's gradient text fill) */
.pxl-heading .pxl-item--title.highlight-text-gradient span.nl-accent{background:none;-webkit-text-fill-color:#4246fd;color:#4246fd}
/* Blog (22/10): article cards share one picture shape; dashboard screenshots are cropped from the top left. */
.nl-page-blog .pxl-blog-grid .pxl-item--image img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:left top}
.nl-page-blog .pxl-blog-grid .pxl-grid-item{margin-bottom:40px}
/* Article page: Dot's h2 + p inside the theme's single-post holder; sidebar list of the other articles. */
.nl-article .pxl-item--post .pxl-item--image img{width:100%;height:auto}
.nl-article .pxl-item--excerpt h2{font-size:24px;line-height:1.35;margin:36px 0 14px}
.nl-article .pxl-item--excerpt h2:first-child{margin-top:0}
.nl-article .widget ul.nl-more{list-style:none;margin:0;padding:0}
.nl-article .widget ul.nl-more li{padding:9px 0;border-bottom:1px solid rgba(0,0,0,.08);line-height:1.45}
.nl-article .widget ul.nl-more li:last-child{border-bottom:0}
.nl-article .widget ul.nl-more li a{color:inherit}
/* Support page: topic titles are links; search note under the box. */
.nl-page-support .pxl-icon-box1 .pxl-item--title a{color:inherit}
.nl-page-support .pxl-icon-box1 .pxl-item--title a:hover{color:var(--primary-color)}
.nl-page-support .nl-search-note{margin-top:14px}
.nl-page-support .pxl--item.nl-hide{display:none}