@charset "utf-8";

.gallery-container {  
	width: 100%;
	height: ; 
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: flex-start; 

}
.gallery-container .gallery-wrapper{/*align-items: flex-start; */  display:flex;flex-wrap: wrap; align-items: flex-start; justify-content: flex-start;}
.gallery-container .gallery-item {min-width:350px;  width:23%; margin: 0 1% 3% 1%;}
.gallery-container .text_box{transition:var(--custom-transiton1); margin:0 auto; overflow:hidden; position:relative; color:var(--color-dark-1); background:#fff;border-radius:20px; border: 1px solid rgba(108,89,206,.16);  box-shadow: 0 8px 24px 0 rgb(43 26 126 / 8%);}
.gallery-container .text_box:hover{box-shadow: 0 8px 24px 0 rgb(43 26 126 / 30%);}
.gallery-container .text_box img{/* display:block;*/ width:100%; height:100%;}
.gallery-container .text_box .thumb_wrapper{ overflow:hidden; }
.gallery-container .text_box .thumb_wrapper img {transition: all .6s ease;border-radius:10px}
.gallery-container .text_box .thumb_wrapper .thumb_bg{width:100%; transition:0.5s ease-in-out;  box-shadow: 0 8px 24px 0 rgb(43 26 126 / 8%);}
.gallery-container .text_box .text_area{position:relative;  transition:0.2s ease-in-out; font-size:0.875rem; text-align:left; margin:1.5rem 1.5rem;}

.gallery-container .text_box .text_area .lt-cate{font-size:1rem; font-weight:600; color:var(--color-beige);display:inline-block; padding:20px 0}
.gallery-container .text_box .text_area .lt-subject{font-size: var(--font-size-5);; font-weight:700; margin-bottom:1rem}
.gallery-container .text_box .text_area .lt-date{ position:absolu font-size: 1.3rem !important;te; bottom:0; left:0; font-size:0.7rem; font-weight:400; padding-top:20px; color:var(--color-black);  opacity:0.5}
.gallery-container .text_box .text_area .lt-text{font-size:0.75rem;  }





.gallery-container .text_box .text_area .artist{
	font-size:0.6rem;
	color:#979797;
	border:solid 1px #979797;
	display:inline-block;
	padding:5px 10px;
	margin-bottom:1rem
}


.gallery-container .text_box .text_area .a-info{
	font-size:0.7rem;
	color:#979797;
	margin-bottom:1rem;
	padding-bottom:1rem;
	border-bottom:solid 1px #000
}

.gallery-container .text_box .text_area .price{

}

.gallery-container .text_box .text_area .price span{
	font-weight: 800;
    font-family: 'YUniverse-B';	
	color: #f32828;
    font-size: 1.3rem !important;
}



.gallery-container .text_box .text_area .detail-flex{
	display:flex;
	justify-content: space-between;
	border-bottom:solid 1px #222;
}

.gallery-container .text_box .text_area .detail-flex .view-text-box{
	width:100%;
}
.gallery-container .text_box .text_area .detail-flex .view-text-box .title{
	text-align:left;
	font-size:0.7rem;
	display:block
}

.gallery-container .text_box .text_area .detail-flex .view-text-box .title .badge {
	display: inline-block;
	width: 20%;
	padding: 9px 4px 0 10px;
	border-radius: 7px;
	font-weight: normal;
	line-height: 1;
	width: auto;
	margin-right: 2px;
	position:relative;
}

.gallery-container .text_box .text_area .productTitle{
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.75;
}

.gallery-container .text_box .text_area .detail-flex .view-text-box .title .badge:before{
	position:absolute;
	left:0;
	top:50%;
	transform: translateY(50%);
	width:3px;
	height:3px;
	border-radius:100%;
	background:#dadada;
	content: '';
	display:block;
}

.gallery-container .text_box .text_area .detail-flex .view-text-box .title em {
	display: inline-block;
	font-weight:400;
	color:#
}

.gallery-container .text_box .text_area .detail-flex.list-info {
    border-bottom: none;
    color: #979797;
}

.gallery-container .text_box .text_area .detail-flex.list-info .point{
	color:#000
}

@media all and (max-width:1400px){
	.gallery-container .gallery-item { width:31.2%;}
}

@media all and (max-width:1024px){
	.gallery-container {}
	.gallery-container .text_box .text_area .artist{font-size:0.9rem}
	.gallery-container .text_box .text_area .a-info{font-size:0.9rem}
	.gallery-container .text_box .text_area .detail-flex .view-text-box .title{font-size:0.9rem}
}
@media all and (max-width:768px){
	.gallery-container {margin-top:1rem; }
	.gallery-container .gallery-item {width:47%;}
	.gallery-container .gallery-item:nth-child(1){margin-right:1rem}
	.gallery-container .text_box{min-height:auto}
	}

@media all and (max-width:500px){
	.gallery-container .gallery-wrapper{display:block}
	.gallery-container .gallery-item { width:100%;}
	.gallery-container .text_box .text_area{min-height:120px;}
}