/* 
.user-content {
    position:relative;
    z-index:21;
    font-weight:400;
    color:#00101e;
    display:block
} */

.product-slide .product-details .button:not(.compare), .products-grid .product-details .button:not(.compare){
	font-family: "PPTelegraf Ultra Bold", Sans-serif;
    color:#ffffff;
    font-size:13px;
    background-image: linear-gradient(#a5acb9,#1b1a28);
    border-radius:12px;
    text-shadow: #1b1a28;

}

.product-slide .product-details .button:not(.compare):hover, .products-grid .product-details .button:not(.compare):hover{
	font-family: "PPTelegraf Ultra Bold", Sans-serif;
    font-size:13px;
     background-image: linear-gradient(#8c9e6d,#8c9e6d);
    border-width:1px;
    color:#ffffff;
    border-color:#ffffff;
    text-shadow: #1b1a28;
}

.category_button{
    min-width: 15%!important;
    background-color: #8c9e6d!important;
    font-family: "Sequel Sans Medium Body", Sans-serif;
    font-size: 20px!important;
    color: #FFFFFF!important;
    margin-right: 20px!important;
	border-style:solid!important;
	border-width:2px!important;
	border-color:#FFFFFF!important;
}

.category_button:hover{
    color:#ffffff!important;
    font-family: "Sequel Sans Medium Body", Sans-serif;
    font-size: 20px!important;
    background-color: #e9e3e0!important;
	border-style:solid!important;
	border-width:2px!important;
	border-color:#1b1a28!important;
	color:#1b1a28!important;
}

.category_button:hover .category_button_img{
	filter: invert(1);
}

.category_button img{
    float: left!important;
    height: 2em !important;
    width: 2em !important;
}

.category_button span{
    margin-top: 3%!important;
    float: left!important;
    margin-left: 5px!important;
    margin-right: auto!important;
    font-family: "Sequel Sans Medium Body", Sans-serif;
    font-size: 20px!important;
}


#kiyoh_header_reviews{
	width:150px;
	height:75px;
}

#available-to-dropdown .nav-sublist-dropdown::-webkit-scrollbar {
  width: 8px;   
}

#available-to-dropdown .nav-sublist-dropdown{
    height: 400px !important;
	z-index:12;
	color:black;
    overflow-x: auto !important;
    overflow-y: scroll !important;
} 

.page-heading {
	background:#e9e3e0;
	padding: .85em;
}

.elementor-widget-breadcrumbs{
	height:20px;
}


.elementor-widget-call-to-action .elementor-widget-container, .elementor-widget-call-to-action:not(:has(.elementor-widget-container)) {
    border-radius: 12px;
}



.onsale{
    font-family: "Manrope Bold", Sans-serif;
    font-size:11px;
    color:#ffffff;
    border-radius: 6px;
    border-style:solid;
    border-color: #ffffff;
    border-width:2px;
    background-color: transparent;
}

.banner-title-white{
    font-family: "Sequel Sans Medium Head", Sans-serif;
    font-size: 29px;
    color: #ffffff;
    font-weight: 700;
}
.banner-title-gold{
    color: #fead52;
	font-size: 29px;
	font-weight: 700;
}
.banner-subtitle{
    font-family: "Manrope Regular", Sans-serif;
    font-size: 18px;
    color: #ffffff;
    text-shadow: 1px 1px 2px #1b1a28;
}

.title-white{
    font-family: "Sequel Sans Medium Body", Sans-serif;
    font-size:15px;
    font-weight:700;
    color:#ffffff;
    text-shadow: #1b1a28;
}

.title-gold{
    font-family: "Sequel Sans Medium Body", Sans-serif;
    font-size:15px;
    font-weight:700;
    color:#ffffff;
    color:#fead52;
}

.content-white{
    font-family: "Manrope Regular", Sans-serif;
    font-size:14px;
    color:#ffffff;
    text-shadow: #1b1a28;
}

.content-black{
    font-family: "Manrope Regular", Sans-serif;
    font-size:14px;
    color:#1b1a28;
    text-shadow: #1b1a28;
}

.content-gold{
    font-family: "Manrope Regular", Sans-serif;
    font-size:14px;
    color:#fead52;
    text-shadow: #1b1a28;
}



#tab-additional_information{
    margin-left: 3.5%;
    margin-top: 1%;
}

.table_div{
	margin-bottom:2%;
}

.additional-information-table{
    margin-left:5%;
    margin-bottom: 0em !important;
}


.left-cell{
    text-align: left;
    width:10%;
    font-weight: bold;
    padding:0px;
}

.right-cell{
    text-align: left !important;
    width:40%;
    padding:0px;
}



.dataTables_filter {
	margin-right:10px;
}

.faq .row.single-content {
    margin-top:30px;
    display:block
}
.faq .single-content {
    padding:0
}
.faq .single-content .big-title {
    margin-top:15px;
    margin-bottom:0;
}
@media screen and (max-width:567px) {
    .faq .single-content .big-title {
        max-width:none
    }
}

.small-title {
    position:relative;
    font-size:9pt;
    font-weight:500;
    line-height:13px;
    margin-bottom:25px;
}
@media screen and (max-width:767px) {
    .small-title {
        font-size:9pt;
        line-height:18px;
        margin-bottom:15px
    }
}
.small-title a {
    color:#644fd6;
    text-decoration:none;
    transition:color .4s ease
}
.small-title a:hover {
    color:#00101e
}
.small-title.center {
    text-align:center
}
.big-title {
    position:relative;
    font-size:36px;
    font-weight:700;
    line-height:46px;
    margin-bottom:30px;
    display:block
}
@media screen and (max-width:1199px) {
    .big-title {
        font-size:2pc;
        line-height:40px
    }
}
@media screen and (max-width:991px) {
    .big-title {
        font-size:28px;
        line-height:36px
    }
}
@media screen and (max-width:767px) {
    .big-title {
        font-size:24px;
        line-height:2pc
    }
}
@media screen and (max-width:567px) {
    .big-title {
        width:100%;
        max-width:none;
        margin:0 auto;
        margin-bottom:20px
    }
    .big-title.full-title {
        max-width:100%
    }
}
.big-title.center,.center {
    text-align:center
}

.left {
    text-align:left
}
.right {
    text-align:right
}

.row {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:-15px;
    margin-left:-15px
}


.accordion {
    margin-bottom: 10px;
    border: 2px solid #e9e3e0;
    border-radius: 3px;
}

.accordion.active .accordion--content {
    margin-top:15px;
    opacity:1;
    visibility:visible
}
.accordion.active .icon svg {
    transform:rotate(180deg)
}
.accordion--holder {
    margin:10px
}
.accordion--header {
    display:flex;
    align-items:center;
    position:relative;
    cursor:pointer;
    z-index:1;
    padding: 15px;
	background:#e9e3e0;
	color:#fff;
}

.accordion.active .accordion--header {
     background: #8c9e6d;
}

.accordion--header .icon {
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center
}
.accordion--header .icon svg {
    height:15px;
    width:15px;
    fill:#00101e;
    transition:all .7s ease
}
.accordion--header h2.title {
    margin-bottom:0;
    transition:all .7s ease
}
.accordion--header h3.title {
    margin-bottom:0;
    transition:all .7s ease
}
.accordion--content {
    margin-top:0;
    margin-left:25px;
    position:relative;
    height:0;
    opacity:0;
    visibility:hidden;
    transition:all .5s ease
}
.accordion--content ul {
    margin-top:10px
}


table.dataTable tbody tr td button {
	color:#ffffff;
    background-image: linear-gradient(#a5acb9,#1b1a28);
    border-radius:12px;
    text-shadow: #1b1a28;
}

table.dataTable tbody tr td button:hover {
    background-image: linear-gradient(#8c9e6d,#8c9e6d);
    border-width:1px;
    color:#ffffff;
    border-color:#ffffff;
    text-shadow: #1b1a28;
}


.variations .value select{
	color:#00796B;
	appearance: none;
    background: transparent;
    background-size: 8px 7px, 8px 7px;
    background-repeat: no-repeat;
    background-position: calc(100% - 17px),
    calc(100% - 10px);
	background-image: linear-gradient(45deg, transparent 50%, #00796B 50%), linear-gradient(135deg, #00796B 50%, transparent 50%);
}    


td.out-of-stock-message {
   text-align: center;
   color: red;
}
