/* general styling */
.obs_check_circle:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f058";
    font-weight: normal;
    font-style: normal;
}

.obs_remove_circle:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f057";
    font-weight: normal;
    font-style: normal;
}

/* load spinner */
.obs-loading {
    text-align: center;
}

.fa-refresh:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f021";
    font-weight: bold;
    font-style: normal;
    transform-origin: 50% 50%;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    margin-right: 7px;
}

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

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


@media screen and (max-width: 767px) {
    select {
        font-size: 16px !important;
    }

    select option {
        font-size: 16px;
    }
}

/* Button active */
.obs-button-active a, .obs-button-active button {
    background-color: #313131;
    color: #E8E8E8;
    border-radius: 0;

}

.obs-button-active a:hover, .obs-button-active button:hover {
    background-color: #E8E8E8;
    color: #313131;
}

/* Button disabled */
.obs-button-disabled a, .obs-button-disabled button,
.obs-button-disabled a:hover, .obs-button-disabled button:hover {
    background-color: #E8E8E8;
    color: #313131;
    border-radius: 0;
    cursor: default;
}

.obs-button-active-load-more,
.obs-matching-product-button-load-more {
    display: inline-block;
}

div.obs-product-filter-remove-button {
    display: inline-block;
    margin: 0 3px 3px 0;
}

/* matching */
.obs-matching-product-button-load-more {
    margin-bottom: 30px;
}

.obs-filter-item {
    cursor: pointer;
}

.obs-filter-items .obs-filter-item {
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for WebKit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

a.obs-product-shipping-url {
    text-decoration: underline;
}

.obs-product-product_identification img {
    max-width: 40px;
}

.obs-product-product_identification img + img {
    margin-left: 5px;
}

.obs-product-hazardous_materials img {
    max-width: 40px;
}

.obs-product-hazardous_materials img + img {
    margin-left: 5px;
}

.obs-bootstrap5 select.form-select-lg {
    font-size: 16px;
}

#wp-admin-bar-obs-core-admin-bar span.menu-counter {
    display: inline-block !important;
    min-width: 18px !important;
    height: 18px !important;
    border-radius: 9px !important;
    margin: 7px 0 0 2px !important;
    vertical-align: top !important;
    font-size: 11px !important;
    line-height: 1.6 !important;
    text-align: center !important;
    background-color: #d63638 !important;
    color: #ffffff !important;
}