/* 
Theme Name: Hello Child
Theme URI: https://ikweb.ir/
Description: 
Author: Iman Keramati
Author URI: https://ikweb.ir/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
.top-sec-btn i {
    color:#000;
    background:#fff;
    border-radius: 10px;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    margin: 0 10px 0 0;
}
.top-sec-btn span{line-height: 35px;
}
.sec-title-btn i{
 	color:#000;
    background:#fff;
    border-radius: 10px;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    margin: 0 10px 0 0;
}
.sec-title-btn span{line-height: 35px}
.read-time {
	font-size: 29px;
	color: var(--e-global-color-v4-main-color);
}
.thumbnailpadcast {
	position: relative;
	z-index: 0;
}
.thumbnailpadcast::before {
	content: " ";
	position: absolute;
	top: 25%;
	right: -1%;
	width: 88px;
	height: 66px;
	background: rgba(181, 52, 113, 0.19);
	transform: rotate(3deg);
	z-index: -1;
	border-radius: 10px;
	transition-duration: 0.5s;
}
.woo-discount-badge {
	font-size: 11px;
	background: #ec4056 !important;
	color: #fff;
	border-radius: 5px;
	padding: 2px 8px;
	margin: 0;
	font-weight: 200;
}
.video-play-btn{
	position: absolute !important;
	transform: translate(-50%, -50%);
	top: 42%;
	left: 50%;
}
.video-play-btn-h{
		top: 52% !important;
}
/*custom cart*/
.woocommerce-cart-form thead {
	background: var(--Gray-Color) !important;
}
.woocommerce-cart-form  .product-quantity {
	display: none !important;
}
.woocommerce-cart-form thead tr th {
	padding: 12px !important;
}
.woocommerce-cart-form table tbody tr td {
	padding: 15px 20px !important;
}
td.product-price span ,td.product-subtotal span{
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #000 !important;
}
.woocommerce-cart-form table .remove {
	background: var(--Gray-Color) !important;
	width: 24px !important;
	height: 24px !important;
	line-height: 22px !important;
}
.woocommerce .cart_totals table.shop_table {
	border: 1px solid rgba(0,0,0,.1)!important;
	text-align: right!important;
	width: 100%!important;
	border-collapse: separate!important;
	border-radius: 5px!important;
	padding: 10px !important;
}
#coupon_code {
	border: none !important;
	padding: 7px;
	border-radius: 10px;
	line-height: 26px !important;
	font-size: 12px !important;
}
.woocommerce-cart-form__cart-item a {
	font-size: 12px !important;
	font-weight: 300;
}

/*******Cat widget******/
.main-ul-category {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px !important;
	line-height: 30px;
	font-weight: 300 !important;;
}
.category-item {
	padding: 3px 0;
}
.main-ul-category a {
	color: #7C7C7C;
}
.category-item.category-type-parent::before {
	content: "\edaa";
	font-family: 'Ikweb-Icons' !important;
	font-size: 12px;
	margin-left: 5px;
	font-weight: 100;
	vertical-align: top;
	color: #d7d7d7;
}
.ul-category-childs {
	background: #fafafa;
	border-radius: 10px;
	font-size: 13px;
	padding: 5px 30px 5px 0;
}
.category-item.category-type-parent {
	position: relative;
}
.category-item.active > a, .category-item.active::before {
	color: var(--e-global-color-primary,#000) !important;
	font-weight: 500;
}
.category-item.category-type-child.active {
    	color: var(--e-global-color-primary,#000) !important;
	list-style: disc;
}
.category-item.category-type-parent.active::before {
	content: "\f97b";
}
.category-item:hover a {
color: var(--e-global-color-primary,#000) !important;
}
.item-counts {
	font-size: 10px;
	background: #eaeaea;
	border-radius: 50px;
	padding: 1px 6px;
	margin-right: 5px;
	vertical-align: middle;
}
/********Count & Review Percent********/
.product-price-box-head-details {
	flex: 1;
}
.product-single-review label, .product-single-sales label {
	font-size: 12px;
	color: hsla(0,0%,42.7%,.8);
	font-weight: 300;
}
.product-single-sales span {
	color: #333 !important;
	font-size: 15px;
}
.product-single-review span {
	color: #333 !important;
	font-size: 15px;
}
.product-price-box-head-details {
	display: flex;
	justify-content: space-around;
}
.product-single-review {
	border-left: 1px solid #f6f6f6;
}
.product-price-box-head-details > div {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 5px;
	padding: 0 10px;
}

/*****google login*****/
.button-social-login-google {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	line-height: 2.5em;
	font-weight: 900;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	margin: 10px 0;
	font-size: 14px;
	outline: none;
	cursor: pointer;
	padding: 5px 0;
	background: #fff !important;
	text-align: center;
	transition: all .3s;
	border-radius: 5px;
	color: #dd4b39 !important;
	border: 1px solid #dd4b39 !important;
}
.si-google {
	background-image: url(img/google.svg);
		display: inline-block;
	vertical-align: top;
	text-align: center;
	font-size: 100%;
	width: 2.5em;
	height: 2.5em;
	padding: 0;
	margin-right: .7em;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 1.8em 1.8em;
	border-top-left-radius: 1px;
	border-bottom-left-radius: 1px;
}
.button-social-login-google:hover {
    background: #dd4b39 !important;
    color: #fff !important;
}

.woocommerce-message,.woocommerce-error,.woocommerce-info {
	margin: 0;
	border: none !important;
}

/*---------------Start iktooltip style--------------------*/
[iktooltip] {
position: relative;
}
[iktooltip]::before,
[iktooltip]::after {
text-transform: none;
font-size: .9em;
line-height: 1;
user-select: none;
pointer-events: none;
position: absolute;
display: none;
opacity: 0;
}
[iktooltip]::before {
content: '';
border: 5px solid transparent;
z-index: 1001;
}
[iktooltip]::after {
content: attr(iktooltip);
font-size: 12px;
text-align: center;
min-width: 3em;
max-width: 21em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 1ch 1.5ch;
border-radius: .3ch;
box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
background: #333;
color: #fff;
z-index: 1000;
}

[iktooltip]:hover::before,
[iktooltip]:hover::after {
display: block;
}

/* don't show empty iktooltips */
[iktooltip='']::before,
[iktooltip='']::after {
display: none !important;
}

/* FLOW: UP */
[iktooltip]:not([flow])::before,
[iktooltip][flow^="up"]::before {
bottom: 100%;
border-bottom-width: 0;
border-top-color: #333;
}
[iktooltip]:not([flow])::after,
[iktooltip][flow^="up"]::after {
bottom: calc(100% + 5px);
}
[iktooltip]:not([flow])::before,
[iktooltip]:not([flow])::after,
[iktooltip][flow^="up"]::before,
[iktooltip][flow^="up"]::after {
left: 50%;
transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[iktooltip][flow^="down"]::before {
top: 100%;
border-top-width: 0;
border-bottom-color: #333;
}
[iktooltip][flow^="down"]::after {
top: calc(100% + 5px);
}
[iktooltip][flow^="down"]::before,
[iktooltip][flow^="down"]::after {
left: 50%;
transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[iktooltip][flow^="left"]::before {
top: 50%;
border-right-width: 0;
border-left-color: #333;
left: calc(0em - 5px);
transform: translate(-.5em, -50%);
}
[iktooltip][flow^="left"]::after {
top: 50%;
right: calc(100% + 5px);
transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[iktooltip][flow^="right"]::before {
top: 50%;
border-left-width: 0;
border-right-color: #333;
right: calc(0em - 5px);
transform: translate(.5em, -50%);
}
[iktooltip][flow^="right"]::after {
top: 50%;
left: calc(100% + 5px);
transform: translate(.5em, -50%);
}

@keyframes iktooltips-vert {
to {
opacity: .9;
transform: translate(-50%, 0);
}
}
@keyframes iktooltips-horz {
to {
opacity: .9;
transform: translate(0, -50%);
}
}
[iktooltip]:not([flow]):hover::before,
[iktooltip]:not([flow]):hover::after,
[iktooltip][flow^="up"]:hover::before,
[iktooltip][flow^="up"]:hover::after,
[iktooltip][flow^="down"]:hover::before,
[iktooltip][flow^="down"]:hover::after {
animation: iktooltips-vert 300ms ease-out forwards;
}
[iktooltip][flow^="left"]:hover::before,
[iktooltip][flow^="left"]:hover::after,
[iktooltip][flow^="right"]:hover::before,
[iktooltip][flow^="right"]:hover::after {
animation: iktooltips-horz 300ms ease-out forwards;
}

/*---------------End iktooltip style--------------------*/


/*********comment-form***********/

.comment-content p ,.woocommerce-Reviews .description p{
	color: #5a5a5a;
	font-size: 15px;
	padding: 10px 0px 15px 0px;
	margin-bottom: 0;
	font-weight: 100;
	text-align: justify;
	font-style:normal;
}

.says {
	color: #000;
	display: none;
}
.woocommerce-review__published-date {
	color: #999;
}
.admin-label-verification, .woocommerce-review__verified.verified, .woocommerce-review__subscriber {
	background: #82bc03;
	color: #fff;
	padding: 2px 10px;
	border-radius: 20px;
	font-size: 11px;
	font-style: normal;
	margin: 0 5px;
	font-weight: 300;
}
.woocommerce-review__verified.verified {background: #116198;}
.woocommerce-review__subscriber {background: #0097e6;}
.bypostauthor > .review-item , .bypostauthor >  article{
	border: none !important;
	background: #f6f6f6;
	overflow:hidden;
}
.bypostauthor > article cite::after {
	content:'مدیر سایت';
	background: #82bc03;
	color: #fff;
	padding: 0px 10px;
	border-radius: 20px;
	font-size: 11px;
	font-style: normal;
	margin: 0 5px;
}
.bypostauthor > .review-item, .bypostauthor > article {
	border: none !important;
	background: #f6f6f6;
	overflow: hidden;
}
.bypostauthor > .review-item::after, .bypostauthor > article::after {
	content: '\e924';
	font-family: ikweb-icons;
	position: absolute;
	bottom: 0px;
	left: 8px;
	font-size: 95px;
	opacity: 0.06;
}
.bypostauthor > .review-item::after {
	bottom: -15px;
}
#review_form_wrapper , .comment-respond {
	background-color: #f7f7f7;
	margin-top: 15px;
	padding: 15px 25px 0;
	border: none !important;
	border-radius: 10px;
}
#commentform input, #commentform textarea {
	border: 1px solid #dbe2e8;
	padding: 10px;
	background: #fff;
	border-radius: 5px;
	margin: 10px 0;
	color: #55585a;
	box-shadow: none !important;
	font-size: 14px;
}
#commentform label {
	display: inline-block;
	font-size: .9em;
	font-weight: 700;
	margin-bottom: .4em;
	margin: 0;
}
#reply-title {
	font-weight: 900;
	font-size: 17px;
}
.woocommerce #review_form #respond p > span {
	margin: 0 0 5px 0;
	font-size: 13px;
	color: #807e7e;
}
.stars a {
	color: gold !important;
	font-size: 20px;
}
.comment-form-rating {
	display: flex;
	align-items: center;
	margin: 0 !important;
	padding: 0;
	gap: 10px;
}
.stars {
	margin: 0 !important;
}
.woocommerce #review_form #respond .form-submit input , #commentform input[type="submit"] {
	right: auto;
	background: #13bf5e !important;
	color: #fff;
	padding: 12px 30px;
	margin: 10px 0;
}
.woocommerce #review_form #respond .form-submit input:hover , #commentform input[type="submit"]:hover {
	background: #049b45 !important;
}
.woocommerce .star-rating {
	float: left;
	overflow: hidden;
	position: relative;
	height: 1.4em;
	line-height: 1;
	font-size: 1.1em;
	width: 5.4em;
	font-family: WooCommerce;
	color: gold;
}
.comment_container ,.comment > article{
	position: relative;
	background: fff;
	border: 1px solid #EEE !important;
	border-radius: 10px;
	padding: 10px !important;
}
.bypostauthor > .comment_container, .bypostauthor > article, .bysupporter > .comment_container, .bysupporter > article {
	border: none !important;
	background: #f6f6f6;
	overflow: hidden;
}
.bypostauthor {
	position: relative;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
	float: right;
	position: absolute;
	top: 13px;
	right: 11px;
	padding: 3px;
	width: 50px;
	height: auto;
	background: #e9e6ed;
	border: 1px solid #e1dde7;
	margin: 0;
	box-shadow: none;
	width: 50px;
	border-radius: 100%;
	padding: 0 !important;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
	border: none !important;
}
.comment-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.comment-metadata time {
	color: #999;
	font-size: 12px;
	font-weight: 200;
}
.woocommerce-review__author , .comment-author {
	color: #000;
	font-size: 14px;
	font-weight: 700;
}
.comment-content p, .woocommerce-Reviews .description p {
	color: #5a5a5a;
	font-size: 13px;
	padding: 6px 0px 10px 0px;
	line-height: 25px;
}
.bypostauthor > .comment_container::after, .bypostauthor > article::after, .bysupporter > .review-item::after, .bysupporter > article::after {
	content: "\efa7";
	font-family: 'ikweb-icons' !important;
	position: absolute;
	bottom: 25px;
	left: 10px;
	font-size: 45px;
	opacity: 0.04;
}
.comment-content > p {
	font-size: 13px;
	font-weight: 300;
	color: #666 !important;
	padding: 20px 0;
}
.comment_container, .comment > article {
	padding: 10px !important;
	margin: 15px 0;
}
.comment-author a {
	color: #333;
	font-weight: 700;
}
.comment-list , .children{
	list-style: none !important;
}
.comment-list {
	padding: 0;
}







/*custom-nias-login*/
p.nias-subtitle {
	margin-bottom: 20px;
}
#nias_email_phone_input {
	border-color: #A9A9A9;
}
.ns-radio-label {
	color: #A9A9A9 !important;
}
#nias-login button {
	color: #fff;
}
.nias-login-field button, .nias-login-code button {
	background: #06C000;
	border-radius: 10px !important;
	font-size: 14px;
}
.nias-login-field button:hover, .nias-login-code button:hover {
	background: #068f01;
	border-radius: 10px !important;
}
.nias-confirm-code {
	color: #fff !important;
}
.nias-modal-title {
	margin: 0 !important;
	padding: 15px 0 5px 0;
}
.nias-main-modal button.nias-forgot-password {
	background-color: rgba(151, 151, 151, 0.28);
	color: #000;
	margin: 10px 0;
}
.nias-main-modal button.nias-forgot-password:hover {
	background-color: rgba(112, 112, 112, 0.28);
	color: #000;
}
/***** ADD MOBILE ONLY CSS HERE  *****/
@media only screen and (max-width: 48em) {
.sec-title-btn i{
	display: none;
}
.read-time {
	font-size: 20px;
}

    table.bookisho-book-table td, table th {
	padding: 5px;
	line-height: 18px;
	vertical-align: top;
	border: 1px solid hsla(0,0%,50.2%,.5019607843);
	font-size: 11px;
	font-weight: 500;
	text-align: right;
}.bookisho-book-table tr th {
	font-size: 11px;
	font-weight: 900;
	width: 30%;
}
#reply-title {
	font-weight: 900;
	font-size: 13px;
}
.comment-content > p {
	font-size: 11px;
	padding: 15px 0;
	line-height: 18px;
}
.comment-form-cookies-consent {
	display: flex;
	gap: 10px;
}
.comment-form-cookies-consent label {
	line-height: 20px;
	font-size: 11px !important;
}
.woocommerce #review_form #respond .form-submit input, #commentform input[type="submit"] {
	margin: 5px 0px 20px 0;
	width: 100%;
	font-size: 12px;
}
.shop_table.shop_table_responsive.cart td {
	padding: 5px !important;
}
}
