@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: space-between;*/ gap:15px;}
.gallery-container .gallery-item { width:24%; }
.gallery-container .text_box{position:relative; transition:all .6s;  border:solid 2px #fff;  margin:0 auto; overflow:hidden; position:relative; color:var(--color-dark-1); border-radius:20px;  box-shadow: 0 8px 24px 0 rgb(43 26 126 / 8%);}
.gallery-container .text_box:hover{ border:solid 2px #000;box-shadow: 0 0 24px rgb(51 51 51 / 30%);}

.gallery-container .text_box:after {
    content: '';
    width: 100%;
    height: 80px;
    position: absolute;
    background: rgba(255,255,255,1);
    bottom: -100%;
    left: 0;
    right: 0;
    transition: 0.5s;
	z-index:1
}

.gallery-container .gallery-item:hover .text_box:after {
	bottom: 0;
}

.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;  }

.gallery-container .text_box .thumb_wrapper .thumb_bg img{
	width:100%; height:100%;
	transform:scale(1);
	transition:all .6s; 
}

.gallery-container .text_box:hover .thumb_wrapper .thumb_bg:hover img{
	transform:scale(1.1)
}
.gallery-container .text_box .text_area{position:relative;  transition:0.2s ease-in-out; font-size:0.875rem; text-align:left; margin:3rem;position:absolute; left:0; bottom:0;s height:50px; width:100%}
.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:absolute; font-size: 1.3rem !important; 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;
	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.7rem;
    font-weight: 500;
    line-height: 1.75;
	position:relative;
	z-index:2;
	color:#fff;
	transition:0.5s ease-in-out; 
}

.gallery-container .text_box:hover .text_area .productTitle{color:#000}

.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:1200px){
	.gallery-container .gallery-item { min-width:290px;}
}


@media all and (max-width:992px){
	#gallery__area{margin-top:20px;}
	.gallery-container { }
	.gallery-container .gallery-wrapper{gap:0px}
	.gallery-container .gallery-item {width:46%; min-width:auto}
	.gallery-container .text_box{min-height:auto}
	.gallery-container .text_box:after{display:none}
}

@media all and (max-width:500px){
	.gallery-container .gallery-wrapper{gap:10px 4px}
	.gallery-container .gallery-item {width:48.3%;}
	.gallery-container .text_box .text_area{display:none}
}