:root {
	--wd-text-font: iransans, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: iransans, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: iransans, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: iransans, sans-serif;
	--wd-widget-title-font: iransans, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: iransans, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #3e7de6;
	--wd-alternative-color: #ff9d0a;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 280px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: contain;
	object-position: center center;
}
.wd-footer {
	background-color: #2980ea;
	background-image: url(https://kanoor.ir/wp-content/uploads/2022/06/v-toy-ft-bg-1.jpg);
	background-repeat: repeat-x;
	background-size: contain;
	background-attachment: inherit;
	background-position: center center;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1600px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1600px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1600px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: #203794;
}

.single_add_to_cart_button {
	padding: 10px !important;
	border-radius: 10px !important;
}

.out-of-stock{
	background-color: #D9381E !important;
	border: 2px solid white!important;
	border-radius: 10px !important;
	color: white !important;
}

.onsale {
	background-color: #08a045 !important;
	border: 2px solid white !important;
	border-radius: 10px !important;
}

.loading {
	  display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 134.77px;
    height: 42.39px;
    border-radius: 50%;
    animation: pulse 2.5s infinite;
}
@keyframes pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.5);
        opacity: 0.5;
    }
}


.loading1 {
  border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 100px;
  height: 40px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.checkout-button {
	padding: 10px !important;
	border-radius: 10px !important;
}

.coupon .button {
	padding: 10px !important;
	border-radius: 10px !important;
}

.checkout_coupon .button {
	padding: 10px !important;
	border-radius: 10px !important;
}

.view-cart {
	padding: 10px !important;
	border-radius: 10px !important;
}

.quantity .minus{
	font-size: 16px !important;
	color: red !important;
}

.quantity .plus{
	font-size: 16px !important;
	color: green !important;
}

.btn-cart {
	margin: 10px !important;
	padding: 4px !important;
	border-radius: 5px !important;
	border-bottom: 1px solid #83b735 !important;
}

.checkout {
	margin: 10px !important;
	padding: 5px !important;
	border-radius: 5px !important;
}

.amin {
  color: white;
  box-shadow: 1px 1px 2px black, 0 0 25px white, 0 0 5px darkgray;
	border-radius: 10px;
}

.blog-breadcrumb{
	 font-size: 20px !important;
}

.blog-title-in-hd h1{
	font-size: 14px !important;
}

.gform_button {
	background-color: #ff9d0a !important;
	border-radius: 10px !important;
}

div.sticky {
  position: -webkit-sticky;
  position: sticky !important;
  top: 0;
  background-color: yellow;
  padding: 50px;
  font-size: 20px;
}

.camin{
    position: sticky !important;
    top: 0;
	background-color: orange;
}

.attachment-post-thumbnail{
	display:none !important;
}

.woocommerce-Price-currencySymbol{
	margin: 5px !important;
}

.button_dor{
	color: #ffffff !important;
	text-align: center !important;
	font-weight: 900 !important;
	font-size: 18px !important;
	width: 100% !important;
	border-radius: 5px !important;
	border-bottom-width: 1px !important;
	border-color: #e8e8e8 !important;
	padding: 10px !important;
	background: linear-gradient(-135deg,#98e900 0%,#10ca29 40%,#8bcc1b 95%) !important;
}

.button_dor button{
	color: #ffffff !important;
	text-align: center !important;
	font-weight: 900 !important;
	font-size: 18px !important;
	width: 100% !important;
	border-radius: 5px !important;
	border-bottom-width: 1px !important;
	border-color: #e8e8e8 !important;
	padding: 10px !important;
	background: linear-gradient(-135deg,#98e900 0%,#10ca29 40%,#8bcc1b 95%) !important;
}
	
.teacher_icon .img-icon{
	box-shadow: 3px 3px 0px 0px #7d7d7d42 !important;
	border-radius: 50px !important;
}

.rmwp-button-wrap button{
	background-color: transparent !important;
	border-bottom: 1px dotted !important;
	border-top: none !important;
	border-right: none !important;
	border-left: none !important;
	color: #ff3052 !important;
	margin-top: 15px !important;
	font-weight: bold !important;
}

.rmwp-button-wrap button:hover{
	background-color: unset !important;
	color: #c11158 !important;
}

.submit{
	font-size: 1rem !important;
	line-height: 1.2 !important;
	font-weight: 400 !important;
	font-style: normal !important;
	text-transform: none !important;
	letter-spacing: 0em !important;
	border-radius: 0.3em !important;
	padding: 1.1em 1.8em !important;
	background: #e95095 !important;
	border-color: transparent !important;
	color: #ffffff !important;
	box-shadow: 0px 0em 0em 0px rgba(0, 0, 0, 0.2) !important;
}

.comment-form-comment textarea:focus{
	box-shadow: 0px 0px 0px 2px #e81373 !important;
}
.comments-area .logged-in-as {
	margin-bottom:20px !important;
	font-size: 14px !important;
}

.comments-area .logged-in-as>a:not(:last-child) {
	border-left: 2px solid #e81373 !important;
}
.sp-pcp-post{
	box-shadow: 0 0.03rem 0.06rem rgba(0,0,0,0.1),0 0.1rem 0.3rem rgba(0,0,0,0.1) !important;
	transition-duration: 0.3s
}
.sp-pcp-post:hover{
	box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.1),0 0.33rem 1rem rgba(0,0,0,0.15) !important;
	z-index: 4
}
.sp-pcp-post .sp-pcp-title, .sp-pcp-post .sp-pcp-title a{
	font-size: 14px !important;
	font-weight: 700 !important;
}

.sp-pcp-post .sp-pcp-post-content{
	text-align: justify !important;
	font-size: 12px !important;
}
.pcp-wrapper-5529 .sp-pcp-title a:hover {
	color: #7049ba !important;
	text-decoration: underline !important;
  text-decoration-color: #7049ba !important;
  text-underline-offset: 7px !important;
}

.pcp-wrapper-5529 .sp-pcp-post-meta li a:hover {
	color: #7049ba !important;
}

.widget-title {
	text-align: center !important;
}

.woodmart-recent-posts-list {
	margin-top: 30px !important;
}

.wd-page-title .wd-page-title-bg img {
	background: #203794 url(https://kanoor.ir/wp-content/uploads/2022/06/computer_pattern_400_30.png?id=2901) !important;
}
.wd-page-title-bg .wd-fill {
	background: #203794 url(https://kanoor.ir/wp-content/uploads/2022/06/computer_pattern_400_30.png?id=2901) !important;
}

.wd-page-title .wd-page-title-bg {
	background: #203794 url(https://kanoor.ir/wp-content/uploads/2022/06/computer_pattern_400_30.png?id=2901) !important;
}


/* =========================================
   🎁 آموزش‌های رایگان
   Neon Kids Style
   ========================================= */

.free_learning > a {
    background: transparent !important;

    /* رنگ اصلی */
    color: #c45cff !important;

    padding: 10px 8px !important;

    font-weight: 800;
    position: relative;

    display: inline-flex !important;
    align-items: center;
    gap: 7px;

    /* نئون تمیز و کنترل‌شده */
    text-shadow:
        0 0 4px rgba(196, 92, 255, 0.75),
        0 0 9px rgba(196, 92, 255, 0.45);

    transition:
        color 0.25s ease,
        text-shadow 0.25s ease,
        transform 0.25s ease;
}


/* =========================================
   🎁 ایموجی هدیه
   ========================================= */

.free_learning > a::before {
    content: "🎁";

    font-size: 18px;

    filter:
        drop-shadow(0 0 3px rgba(255, 190, 50, 0.7))
        drop-shadow(0 0 7px rgba(255, 190, 50, 0.35));

    animation: giftBounce 1.8s ease-in-out infinite;
}


/* =========================================
   ❤️ Badge «رایگان»
   ========================================= */

.free_learning > a::after {
    content: "رایگان";

    position: absolute;

    top: -13px;
    right: -8px;

    background: #ff5c70;
    color: #ffffff;

    font-size: 9px;
    font-weight: 800;

    padding: 3px 8px;

    border-radius: 20px;

    /* بدون نئون */
    box-shadow:
        0 3px 8px rgba(255, 92, 112, 0.30);

    transform: rotate(4deg);

    animation: freeBadge 2.8s ease-in-out infinite;
}


/* =========================================
   ✨ Hover
   ========================================= */

.free_learning > a:hover {

    color: #e49aff !important;

    /* فقط کمی درخشان‌تر */
    text-shadow:
        0 0 4px rgba(228, 154, 255, 0.9),
        0 0 10px rgba(196, 92, 255, 0.65),
        0 0 18px rgba(196, 92, 255, 0.35);

    transform: translateY(-2px);
}


/* =========================================
   🎁 Gift Animation
   ========================================= */

@keyframes giftBounce {

    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }

    25% {
        transform: translateY(-3px) rotate(-6deg);
    }

    50% {
        transform: translateY(0) rotate(5deg);
    }

    75% {
        transform: translateY(-2px) rotate(-4deg);
    }
}


/* =========================================
   ❤️ Badge Animation
   ========================================= */

@keyframes freeBadge {

    0%, 100% {
        transform: rotate(4deg) scale(1);
    }

    50% {
        transform: rotate(0deg) scale(1.05);
    }
}





/* =========================================
   🎓 همه آموزش‌ها
   ========================================= */

/* کل بخش را وسط‌چین می‌کنیم */
.all_courses {
    text-align: center !important;
}

/* Wrapper دایره */
.all_courses .box-icon-wrapper {
    width: 100% !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* دایره «همه» */
.all_courses .info-box-icon {
    width: 126px !important;
    height: 126px !important;

    min-width: 126px !important;
    min-height: 126px !important;

    max-width: 126px !important;
    max-height: 126px !important;

    border-radius: 50% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;
	  background-color: #8B7ED8 !important;
	  color: white !important;
}


/* =========================================
   🎨 دکمه مشاهده همه آموزش‌ها
   ========================================= */

.all_courses .info-btn-wrapper {
    text-align: center !important;
}

.all_courses .info-btn-wrapper .btn {
    background-color: transparent !important;

    color: #8B7ED8 !important;

    border: 2px solid #8B7ED8 !important;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


/* ✨ Hover */
.all_courses .info-btn-wrapper .btn:hover {
    background-color: #8B7ED8 !important;

    color: #ffffff !important;

    border-color: #8B7ED8 !important;

    transform: translateY(-2px);

    box-shadow:
        0 6px 16px rgba(139, 126, 216, 0.30);
}

#light_text_border a, 
#light_text_border a strong, 
#light_text_border a:hover, 
#light_text_border a:hover strong { 
    color: inherit !important; 
 
    text-shadow: 
        0 1px 2px rgba(0, 0, 0, 0.45), 
        1px 0 2px rgba(0, 0, 0, 0.45), 
        -1px 0 2px rgba(0, 0, 0, 0.45), 
        0 -1px 2px rgba(0, 0, 0, 0.45), 
        0 3px 8px rgba(0, 0, 0, 0.40); 
}