.cp-btn.btn-primary {
    color: #eee;
    background-color: black;
    text-decoration: none;
    font-weight: 600;
    border: 2px solid black;
}

a.cp-btn.btn.btn-primary:active.focus,
a.cp-btn.btn.btn-primary:active:focus,
a.cp-btn.btn.btn-primary:focus,
a.cp-btn.btn.btn-primary:active,
a.cp-btn.btn.btn-primary:hover,
a.cp-btn.btn-primary:focus,
a.cp-btn.btn-primary:active,
a.cp-btn.btn-primary:hover {
    color: black;
    background-color: white;
    border-color: black;
    text-decoration: none;
    box-shadow: none;
}

#feature-bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cp-icon-container {
    max-width: 400px;
    width: 25vw;
    position: sticky;
}


.cp-images-container {
    width: 30vw;
    position: sticky;
}

.cp-featured-container {
    width: 30vw;
    position: sticky;
}

.cp-featured-container-mobile {
    width: 60vw;
    margin-bottom: 25px;
}

.cp-multi-image {
    margin-top: 25px;
    width: 25vw;
    margin-left: 5vw;
}

.cp-images {
    aspect-ratio: 16/9;
    width: 100%;
    margin-bottom: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


/*#cp-featured-column { background: purple; }*/
/*#cp-images-column { background: purple; }*/
/*#cp-icon-column { background: purple; }*/
/*#cp-info-column { background: blue; }*/



/*cp light box*/
.cp-light-box-images .fl-html,.cp-light-box-images {
    width: 100%;
}

.cp-multi-image-lightbox {
    width: 100%;
    display: grid;
    grid-template-columns: repeat( 4, 1fr );
    grid-template-rows: 1fr;
    gap: 10px;
}

.cp-image-lightbox {
    width: 100%;
    aspect-ratio: 3/2;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid #ddd;
    cursor: pointer;
}

.cp-image-lightbox img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.cp-image-lightbox figcaption {
    display: none;
}