/*!
Theme Name:   Thai Cong
Author:       Vuon Chuoi
Description:  Theme for Thai Cong Store
Version:      1
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  thaicong
Tags:         e-commerce, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, editor-style

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
======
*/
/* loader */
#page-loader {
	display: none;
}
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    font-weight: 600;
}
.product-desc ul {
	padding-left: 2rem;
}
.product-desc ul li {
	list-style: disc;
}
.uppercase {
	text-transform: uppercase;
}
.btn-page.grey {
    background-color: #999999;
    border-color: #999999;
}
.btn-page.disabled {
    cursor: auto;
}
/* page loader */

/* CSS LOADER */
#page-loader {
    display: none;
    position: relative;
    z-index: 1500;
}
.sidebar-title {
    color: #ED145B;
}
.sidebar-title span {
    vertical-align: baseline;
    font-size: 0.8em;
    /*top: 3px;*/
    -webkit-text-stroke: 1px white;
}
#page-loader .loader-ov {
    background: #fff;
    opacity: 0.7;
    filter: alpha(opacity=20);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
}
#page-loader .loader-content{
    position: fixed;
    top: 40%;
    left: 0;
    z-index: 100001;
    width: 100%;
}

.bg_processing{
    width: 200px;
    background: #fff;
    margin: 0 auto;
    border: 10px solid #00b3f1;
    text-align: center;
    padding: 25px 0;
    line-height: 25px;
    font-family: 'Cuprum', Arial;
    font-size: 16px;
}

.cssload-loading {
    position: relative;
    width: 19px;
    height: 19px;
    background: rgb(0,0,0);
    display:block;
    margin: auto;
    animation: 1.15s cssload-spin infinite;
        -o-animation: 1.15s cssload-spin infinite;
        -ms-animation: 1.15s cssload-spin infinite;
        -webkit-animation: 1.15s cssload-spin infinite;
        -moz-animation: 1.15s cssload-spin infinite;
}
.cssload-loading::before, .cssload-loading::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    animation: 0.58s infinite alternate linear
}
.cssload-loading::before {
    background: rgb(139,98,50);
        -o-animation: 0.58s infinite alternate linear
}
.cssload-loading::before {
    background: rgb(139,98,50);
        -ms-animation: 0.58s infinite alternate linear
}
.cssload-loading::before {
    background: rgb(139,98,50);
        -webkit-animation: 0.58s infinite alternate linear
}
.cssload-loading::before {
    background: rgb(139,98,50);
        -moz-animation: 0.58s infinite alternate linear
}
.cssload-loading::before {
    background: rgb(139,98,50);
    animation-name: cssload-blur1;
        -o-animation-name: cssload-blur1;
        -ms-animation-name: cssload-blur1;
        -webkit-animation-name: cssload-blur1;
        -moz-animation-name: cssload-blur1;
}
.cssload-loading::after {
    background: rgb(255,255,255);
    animation-name: cssload-blur2;
        -o-animation-name: cssload-blur2;
        -ms-animation-name: cssload-blur2;
        -webkit-animation-name: cssload-blur2;
        -moz-animation-name: cssload-blur2;
}
@keyframes cssload-spin {
    to {
        transform: rotate(360deg);
    }
}
@-o-keyframes cssload-spin {
    to {
        -o-transform: rotate(360deg);
    }
}
@-ms-keyframes cssload-spin {
    to {
        -ms-transform: rotate(360deg);
    }
}
@-webkit-keyframes cssload-spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes cssload-spin {
    to {
        -moz-transform: rotate(360deg);
    }
}
@keyframes cssload-blur1 {
    to {
        transform: rotate(-30deg);
    }
}
@-o-keyframes cssload-blur1 {
    to {
        -o-transform: rotate(-30deg);
    }
}
@-ms-keyframes cssload-blur1 {
    to {
        -ms-transform: rotate(-30deg);
    }
}
@-webkit-keyframes cssload-blur1 {
    to {
        -webkit-transform: rotate(-30deg);
    }
}
@-moz-keyframes cssload-blur1 {
    to {
        -moz-transform: rotate(-30deg);
    }
}
@keyframes cssload-blur2 {
    to {
        transform: rotate(-15deg);
    }
}
@-o-keyframes cssload-blur2 {
    to {
        -o-transform: rotate(-15deg);
    }
}
@-ms-keyframes cssload-blur2 {
    to {
        -ms-transform: rotate(-15deg);
    }
}
@-webkit-keyframes cssload-blur2 {
    to {
        -webkit-transform: rotate(-15deg);
    }
}
@-moz-keyframes cssload-blur2 {
    to {
        -moz-transform: rotate(-15deg);
    }
}
.line-through {
    text-decoration: line-through;
}
.sold-out {
    color: #A70F17!important;
    text-transform: capitalize;
}