/*
Compile-Minify: true
Compile-Area: product
Compile-OutputGroup: headtag
Compile-Exports: sb-product
Compile-Dependencies: bootstrap, site
*/

.spinner {
    display: none;
    max-width: 50px;
}

.has-spinner.active {
    cursor: progress;
}

    .has-spinner.active .spinner {
        display: inline-block;
    }

.in-progress {
    display: none;
}

.icon-refresh:before {
    content: "\f021";
}

.icon-spin {
    display: inline-block;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.product-image:hover .image-overlay-btn {
    display: block;
}

.product-image {
    position: relative;
    display: block;
    margin-bottom: 10px;
}

    .product-image:hover {
        text-decoration: none;
    }

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.image-overlay-btn {
    position: absolute;
    display: none;
    width: 120px;
    max-width: 100%;
    top: 20%;
    left: 50%;
    margin-left: -60px;
    text-align: center;
    color: #2D89CC;
}

.sb-hide-selector-option {
    display: none;
}

/*
    In the product page - selector section, if the variant is not available
    display "select your {option name}" in yellow
*/
.select-your-option {
    color: #b0971a !important;
}