/*
Theme Name: IKI
Author: 
Description: Your description goes here
Version: 1.0
Template: astra

This is the child theme for Astra theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
.ast-separate-container #primary {
	margin : 0 !important;
}
.project-text {
	color : #E8C425 !important;
}
.elementor a {
	text-decoration: none !important;
}

.date_text {
	text-align: center;
}

.sticky-cta.closed {
    -webkit-transform: translateX(100%) ;
    transform: translateX(100%) !important;
} 


.sticky-cta:not(.cloned) {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
}
.sticky-cta {
        max-width: 16rem;
        position: fixed;
        right: 0;
        top: 35rem;
        z-index: 110;
}
.sticky-cta {
    background-color: #e8c425;
}
.c-sticky-call__link {
    background-color: #ffff;
    border-bottom-left-radius: 4rem;
    border-top-left-radius: 4rem;
   	box-shadow: -4px 5px 10px 0px rgba(0, 0, 0, 0.29) !important;
    color: #1b2b3a;
    display: inline-block;
    font-size: 24px;
    line-height: 1.2;
    text-decoration: none;
    -webkit-transform: translateX(-5rem);
    transform: translateX(-5rem);
    -webkit-transition: background-color .4s, color .4s;
    transition: background-color .4s, color .4s;
    width: calc(100% + 5rem);
}
.c-sticky-call__link .c-icon-bg-labeled {
    padding: 1rem;
}
.c-icon-bg-labeled {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
	width: 100%;
    justify-content: space-between;
}
.c-icon-bg-labeled .c-icon-bg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.c-icon-bg--blank {
    background-color: transparent;
    padding: 0;
}
.c-icon-bg {
    background-color: #e8c425;
    border-radius: 50%;
    display: inline-block;
}
.c-icon-bg img {
	width: 60px;
}
.c-sticky-call__news {
        font-size: 1rem;
        line-height: 1.4;
	    background-color: #ffe574;
		padding: 1rem;
		color: #1b2b3a;
    }

.c-icon-bg-labeled__label {
	font-weight: 600;
}

.elementor-widget-woocommerce-product-meta .detail-label {
	font-weight: 700 !important;
}
#download_ics_button {
	background-color: #E8C425;
    border-radius: 10px 10px 10px 10px;
}
#custom_btn .elementor-shortcode {
	display: flex;
	justify-content: center;
	margin-top: 15px;
}
@media (max-width: 767px) {
	.date_text {
		padding: 50px;
	}
}
/* Thêm khoảng cách giữa các dropdown */
#multi-taxonomy-filter select {
    margin-bottom: 15px; /* Khoảng cách giữa các dropdown */
    padding: 5px 10px; /* Tạo khoảng padding trong select */
    width: 100%; /* Đặt độ rộng của dropdown là 100% */
    max-width: 300px; /* Giới hạn độ rộng tối đa */
    display: block; /* Hiển thị mỗi dropdown trên dòng mới */
}

#multi-taxonomy-filter select {
    border: 1px solid #ccc; /* Đường viền nhẹ */
    border-radius: 4px; /* Bo góc cho dropdown */
    background-color: #fff; /* Màu nền trắng */
    font-size: 14px; 
}

/* Tạo khoảng cách giữa các nút lọc (nếu cần) */
/* #multi-taxonomy-filter button {
    margin-top: 10px; 
    padding: 10px 20px; 
    background-color: #0073aa; 
    color: #fff; 
    border: none;
    border-radius: 4px;
    cursor: pointer; 
} */

/* Tùy chỉnh trạng thái hover cho các nút */
/* #multi-taxonomy-filter button:hover {
    background-color: #005177; /* Màu khi hover */
} */

#custom_css .astra-shop-thumbnail-wrap img {
	width 300px;
	height: 350px;
	object-fit:cover;
}

.wpf_item .wpf_item_name {
	font-size: 14px !important;
}

.wpf-pagination .woocommerce-pagination {
	display: flex !important;
	justify-content:center; 
	margin-top: 20px;
}

.woocommerce-js nav.woocommerce-pagination ul li  {
	border: none !important;
	border-color:  #ffff !important;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
	background-color : #ffff !important; 
	color: #E8C425 !important;
}

.woocommerce-js nav.woocommerce-pagination ul li a, .woocommerce-js nav.woocommerce-pagination ul li span {
	font-weight : 700 !important;
	font-family: "Montserrat", Sans-serif !important; 
	font-size: 14px !important;	
	color: #0F435E !important;
}

.card-body .bg-main {
	background-color: #0F435E !important;
}

.w-100px {
	width: 100px;
}

.text-read-more {
	color: var(--e-global-color-c96d1de);
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    font-weight: 600;
}

  #project-select {
        padding: 8px;
      }
.cky-revisit-bottom-left {
    left: 15px;
    top: 100px !important;
}

.btn-primary {
	background-color: #0F435E !important;
}

/* Fix nút x bị vỡ layout */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    float: left;             /* đảm bảo nút nằm đúng */
    margin-right: 5px;       /* khoảng cách hợp lý */
    color: #fff;             /* màu nút x */
    background: #888;        /* màu nền nút x */
    border-radius: 50%;      /* bo tròn */
    font-weight: bold;
    cursor: pointer;
}

/* Optional: hover effect */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    background: #555;
    color: #fff;
}

/* Fix padding choice text */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-right: 25px; /* đủ chỗ cho nút x */
    line-height: 22px;
}