::-webkit-scrollbar {width: 4px;}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {background: #888;}

/* IZI Menu */
.menu-uppercase > li > a {text-transform: uppercase;}
.menu-scroll {overflow-x:auto}
.menu-scroll::-webkit-scrollbar {height:0}
.menu-scroll:hover::-webkit-scrollbar {height:4px}
.menu-scroll > ul.menu {width: max-content;}
#menu-izi ul.menu {margin-bottom:0;}
#menu-izi li {position:relative;}
#menu-izi a {margin: 0;display: block;padding: 0 15px; line-height:40px}
#menu-izi a.nav-top-link .icon-angle-down {display:none;}
#menu-izi ul.sub-menu {max-height: 50vh;left: 0;top: 42px;margin: 0 !important;padding:0;border: 0;overflow-y: auto;border-radius: 5px;}
#menu-izi ul.sub-menu a:hover {background: #000; color: #fff;}
#menu-izi li:hover > ul.sub-menu {opacity: 1;visibility: visible;display: block;}

/* IZI Menu Style Custom 1 */
#menu-izi .izi-menu-dropdowns > li > .toggle {position: absolute;right: 0;top: 0;} 
#menu-izi .izi-menu-dropdowns {background: #333;border-radius: 30px;}
#menu-izi .izi-menu-dropdowns li:hover .toggle, #menu-izi .izi-menu-dropdowns li.active > .toggle {transform: rotate(0deg);}
#menu-izi .izi-menu-dropdowns li:hover .toggle .icon-angle-down {transform: rotate(180deg);}

#menu-izi ul.izi-menu-button {display:flex;flex-flow:row wrap;margin-bottom: 15px;}
#menu-izi ul.izi-menu-button li {border:0}
#menu-izi ul.izi-menu-button a {border: 2px solid #000;margin: 0 5px 5px 0;height: 32px;display: flex;align-items: center;color: #000;}
#menu-izi .izi-menu-button li:hover a , #menu-izi .izi-menu-button li.active a {background:#000;color:#fff;}


/* IZI Post */
.post-content {margin:10px 0}
.post-content h3 {display: flex;flex-flow: column;margin-bottom: 0;}
.icon-taxonomy img:nth-child(n+5) {display:none;}
.post-content:has(.icon-taxonomy) {display: flex;align-items: center;}
.icon-taxonomy{position:relative;min-width: 40px;width: 40px;margin-right:5px;display:flex;flex-flow:row wrap;flex-direction: row-reverse;}
.icon-taxonomy img{max-width:18px;background:#fff;border-radius:3px;margin-right:2px;margin-bottom:2px;aspect-ratio: 1/1;}
.custom-the-excerpt {max-height: 220px;overflow:auto;margin-bottom: 10px;}
.custom-the-excerpt p {margin-bottom: 10px !important;line-height: 1.2;margin-top: 0 !important;}
.label-taxonomy {position: absolute;top: 0;left: 15px;display: flex;align-items: flex-start;text-transform: uppercase;z-index:1;}
.label-taxonomy .name-taxonomy {background: var(--primary-color);padding: 0 5px;color: #000;}
.list-term-name {display: flex;align-items: center;flex-wrap: wrap;}
.list-term-name span {background:#000;color:#fff;padding: 0 5px;margin-right:1px;margin-bottom: 1px;}
.list-term-name span:last-child {margin-right:0;}

.izi-posts .post-item .post-image {display: block;position: relative;}
.izi-posts .post-image.image-ratio img {position: absolute;width: 100%;height: 100%;object-fit: cover;}
.izi-posts .post-item .post-taxonomy {position: relative;max-width: 40px;margin-right: 5px;display: flex;flex-flow: row wrap;}
.izi-posts .post-item .post-taxonomy img {max-width: 18px;background: #fff;border-radius: 3px;margin-right: 2px;margin-bottom: 2px;}
.izi-posts .post-item .post-excerpt {display:grid}


/* IZI Post Normal */
.izi-posts-normal .post-item {height: 100%;border: 1px solid #e6e6e6;}
.izi-posts-normal .post-item .post-content {padding: 0 10px;}

/* POST GRID */
.izi-posts-grid {display: flex;flex-flow: row wrap;width: 100%;}
.izi-posts-grid .post-content {margin: 0}
.izi-posts-grid .post-item .post-image {border: 3px solid #000;}
.izi-posts-grid .post-item .post-content {position: relative;display: flex;align-items: center;justify-content: center;height: 46px;padding-right: 20px;}
.izi-posts-grid .post-item .post-content:before {position: absolute;content: '';width: 100%;height: 100%;background: #000;-webkit-transform: skew(-30deg);-moz-transform: skew(-30deg);-o-transform: skew(-30deg);transform: skew(-30deg);top: 0;left: -8px;}
.izi-posts-grid .post-item .post-title {position: relative;display: flex;flex-flow: column;height: 46px;align-items: center;text-align: center;justify-content: center;}
.izi-posts-grid .post-item .post-date {position: relative;color: #fff;}
.izi-posts-grid .post-item .post-title h3 {color: #fff;font-size: 14px;}
.izi-posts-grid .post-item .post-title h3 a {color: #fff;}
/* Posts Vertical */
.posts-vertical .post-item {display: flex;align-items: flex-start;}
.posts-vertical .post-item .post-image, .posts-vertical .post-item .post-content {width:100%}
.posts-vertical .post-item .post-image .image-cover {border:1px solid #dbdbdb}
.posts-vertical .post-item .post-content {padding: 0 10px;margin-top: 0;}
.posts-vertical .post-item .post-title {margin-top:10px;margin-bottom:5px;text-transform:uppercase;font-weight:600;line-height: 1.2;}
.posts-vertical .post-item .post-content:has(.icon-taxonomy) {align-items: flex-start;flex-direction: column;}

.blog-archive .posts-vertical .post-item .post-image, .shop-container .posts-vertical .post-item .post-image {aspect-ratio: 1;display: flex;align-items: center;border: 1px solid #e6e6e6;}
.blog-archive .posts-vertical .post-item .post-image img, .shop-container .posts-vertical .post-item .post-image img {object-fit: contain;height: -webkit-fill-available;}

/* IZI Related Post */
.izi-related-posts {background:#fff;padding:20px;}



/* Post Slider */
.swiper .swiper-button-next, .swiper .swiper-button-prev {color: #000;top: 25%}



/* Relationship */
.relationship-item {display: inline-block;text-align:center}
.relationship-item a {color: var(--primary-color)}
.relationship-item a span {color: #000;}
.relationship-item a:last-child span {display:none !important;}
.relationship-image {position: relative;display: block;width: 100px;aspect-ratio: 1;border-radius: 100px;overflow: hidden;margin:5px;}
.relationship-image img {position: absolute;width: 100%;height: 100%;object-fit: cover;top:0;left:0;}


@media only screen and (max-width:550px) {

	/* IZI Menu */
	#menu-izi {padding: 0 15px;}
	#menu-izi li.active > ul.sub-menu {right:0;left:auto;}


	/* IZI Post */	
	.posts-vertical .post-item {flex-direction: column;}
	.posts-vertical .post-item .post-image {margin-bottom: 10px;aspect-ratio: 16 / 9;background-color: rgb(242, 242, 242);position: relative;}
	.posts-vertical .post-item .post-image img {object-fit: contain;position: absolute;width: 100%;height: 100%;}
}