/* Fix: Force visibility for ALL Salient theme animated elements */
/* The init.js lazy-loading/animation system doesn't trigger reliably on static sites */
.has-animation,
.img-with-animation,
[data-animation]:not(.animated-in),
.nectar-fancy-box,
.nectar-icon-wrap,
.wpb_animate_when_almost_visible,
.wpb_start_animation {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}
.nectar-split-heading:not(.markup-generated) {
    opacity: 1 !important;
}
img.nectar-lazy {
    opacity: 1 !important;
}

/* Fix: Remove black outline/border on rounded images */
/* The Salient theme wraps images in .hover-wrap with overflow:hidden + border-radius,
   which creates dark anti-aliasing artifacts at rounded edges */
.img-with-aniamtion-wrap .hover-wrap,
.img-with-aniamtion-wrap .hover-wrap-inner {
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
}
.img-with-aniamtion-wrap[data-border-radius] .hover-wrap {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.nectar-fancy-box .image-wrap {
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
}

/* Fix: Portfolio/gallery grid layout (replaces Isotope JS masonry) */
/* Salient's Isotope sets inline height and absolute positioning on .col wrappers */
.portfolio-items {
    height: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px;
    margin: 0 !important;
}
/* Salient clearfix ::before/::after become flex items and steal gap space — hide them */
.portfolio-items::before,
.portfolio-items::after {
    display: none !important;
    content: none !important;
}
/* The .col wrappers inside portfolio-items get position:absolute + transform from Isotope — override */
.portfolio-items > .col {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    -webkit-transform: none !important;
    float: none !important;
    transition: none !important;
}
.portfolio-items[data-col-num="cols-4"] > .col {
    width: calc(25% - 8px) !important;
    flex: 0 0 calc(25% - 8px);
}
.portfolio-items[data-col-num="cols-3"] > .col {
    width: calc(33.333% - 7px) !important;
    flex: 0 0 calc(33.333% - 7px);
}
.portfolio-items .work-item {
    width: 100% !important;
    height: auto !important;
}
.portfolio-items .work-item img {
    width: 100%;
    height: auto;
    display: block;
}
.portfolio-items .work-item .work-info {
    opacity: 0;
    transition: opacity 0.3s;
}
.portfolio-items .work-item:hover .work-info {
    opacity: 1;
}

/* Fix: Salient span_X grid widths (normally set by JS, missing on static site) */
/* Only apply to non-header, non-portfolio contexts */
@media (min-width: 691px) {
    #copyright .col.span_5 { width: 41.667%; }
    #copyright .col.span_7 { width: 56.333%; }
}