:root {
    --main-color: #01916D;
    --main-color-light: #d7fcf2;
    --secondary-color-1: #545454;
    --secondary-color-2: #404040;
    --secondary-color-3: #000;
}

.vib-collections.loading .loading {
    border-color: var(--main-color);
}

.vib.collection .filter-input, .vib.collection .search-input {
    border-color: var(--main-color-light);
}

.vib {
    color: var(--secondary-color-2);
}

.vib .breadcrumbs {
    color: var(--secondary-color-2);
    flex-wrap: wrap;
}

.vib .breadcrumbs .breadcrumbs__link {
    color: var(--secondary-color-2);
}

.vib .breadcrumbs__separator {
    color: var(--secondary-color-2);
}

.vib .breadcrumbs__link:visited {
    color: var(--secondary-color-2);
}

.vib .breadcrumbs__link:hover, .breadcrumbs__link:active, .breadcrumbs__link:focus {
    color: var(--secondary-color-1);
}

.product-img-box ul.thumbnail-images li.selection-indicator {
    border-color: var(--main-color);
}

div.large-image-popup .large-image-container .scroll {
    color: var(--secondary-color-1);
}

div.large-image-popup .large-image-container .scroll:hover {
    color: var(--secondary-color-2);
}

.product-options dd.product-type .product-type-option {
    color: var(--secondary-color-2);
}

.product-options dd.product-type .product-type-option:hover {
    color: var(--secondary-color-2);
}

.product-options dd.product-type .product-type-option img {
    border-color: var(--secondary-color-1);
}

.product-options dd.product-type .product-type-option.selected img {
    border-color: var(--main-color);
}

.product-options .frame-controls > span .options .color-option {
    color: var(--secondary-color-2);
}

.product-options .frame-controls > span .options .color-option > button {
    border-color: var(--secondary-color-1);
}

.product-options .frame-controls > span .options .color-option.selected > button {
    border-color: var(--main-color);
}

.vib.collection .search-suggestion {
    background-color: var(--main-color);
}

@media only screen and (max-width: 670px) {
    .vib {
        padding: 0 1rem;
    }
}

@media only screen and (min-width: 671px) {
    .product-img-box {
        max-width: 50%;
        width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    }

    .product-shop, div.product-options {
        flex: 50%;
    }
}

@media only screen and (max-height: 699px) and (min-width: 1200px) {
    .product-img-box {
        width: 460px;
    }
}

.vib .product-options .add-to-cart [data-product-atc-loader] {
    display: none;
}
