/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
    font-family: IRANYekanWeb;
    font-style: normal;
    src: url(fonts/iranyekanwebregularfanum.woff) format("woff")
}
.nav > li > a,
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.alt-font,
body {
    font-family: IRANYekanWeb !important;
}

.woocommerce-message .success-color {
color: #ff67d0;
}

.image-tools .wishlist-button:hover {
    background-color: #f8b4e4;
    border-color: #f8b4e4;
}

.d-flex{
	display:flex;	
}

.d-column{
	flex-direction:column;
}

.justify-content-center{
	justify-content:center;
}

.align-items-center{
 align-items:center;
}

.cursor-pointer{
cursor:pointer;	
	
}

.main-icons{
	border:2px solid #8d8b8e;
	border-radius:50%;
}
.main-icons:hover{
	background-color:#8d8b8e;
	transition:all 0.3s;

}
.main-icons:hover img{
filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);
}

.order-img{
	width:100px;
}

.social-icons .button.is-outline{
    line-height: 1.8;
}

.button i, button i {
    top: 0px;
}
.button i{
	top:0;
}

.button.icon.is-small i {
    top: 0;
}

.header-wishlist-icon .is-outline {
        border-color: #000;
}
.header-wishlist-icon a:hover {
    color: #8d8b8e;
}

.header-wishlist-icon .is-outline i{
	color:#000;
}
.header-wishlist-icon .is-outline:hover i{
	color:#f8b4e4;
}

.custom-html-widget{
	text-align:center !important;
	font-size:0.9rem;
}

.is-form, button.is-form {
       color: #fff !important;
       text-shadow: none;
  }

.accordion-inner {
       background: black;
    color: #f4b2e0;
}

.badge-circle .badge-inner, .badge-circle-inside .badge-inner {
    border-radius: 50px !important;
    font-size: 16px;
    font-weight: 600;
    background-color: #f8b4e4 !important;
}

.onsale {
    background-color: #000; /* رنگ سیاه */
    color: #fff; /* متن سفید */
    border-radius: 50px; /* گوشه‌های گرد (اختیاری) */
    padding: 3px 5px; /* فضای داخلی */
    font-size: 12px; /* اندازه متن */
    font-weight: bold; /* ضخامت متن */
	margin-right:5px;
}

.badge-container {
    margin: 2px 0 0;
}

.lightbox-content {
    background-color: #000 !important;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	#logo{
		    width: 150px !important;
	}
	
	.footer{
		padding-top:10px
	}
	
	.footer-2 {
    padding: 0;
}
	.widget {
    margin-bottom: 0.8em;
}
	
	.accordion-title {
    font-size: 90%;
}
	
	.custom-html-widget{
	text-align:center !important;
	font-size:0.7rem;
}
	

}