/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 14 2025 | 12:06:42 */
.overflow-hidden-scroll{
	overflow:hidden;
}
.artist-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 45%);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99999999;
}
.artist-popup .popup-content {
	background: #fff;
	padding: 64px;
	max-width: 800px;
	width: 100%;
	position: relative;
	border-radius: 24px;
	text-align: left;
}
.popup-content img {
	max-width: 100%;
	height: auto;
	width:128px;
}
.popup-content h2 {
	font-family: Geologica;
	font-size: 32px;
	font-weight: 600;
	line-height: 32px;
	letter-spacing: -0.02em;
	text-align: left;
	color:#151515;
	margin:40px 0px;
}
.popup-content p {
	font-family: Geologica;
	font-size: 16px;
	font-weight: 500;
	line-height: 25.6px;
	text-align: left;
	color:#67576F;
	margin:0;
}
.popup-description {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.popup-content .close-popup {
	position: absolute;
	top: -60px;
	right: 0;
	;
	border: none;
	width: 50px;
	height: 50px;
	cursor: pointer;
	padding:0;
}
.popup-content .close-popup:hover{
	background:none;
}
.popup-content .close-popup img{
	width:30px;
}
.our-artists-item-list {
	display: grid;
	grid-auto-flow: row;
	grid-template-columns: repeat(3,1fr);
	column-gap: 32px;
	row-gap: 32px;
}
.artist-item {
	background: #FFFFFF;
	padding: 56px 40px 40px;
	border-radius: 24px;
}
.artist-item .artist-image img{
	max-width: 240px;
	margin-bottom:53px
}
.artist-item .artist-image img{
	width:100%
}
.artist-item h3 {
	font-family: Geologica;
	font-size: 20px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: -0.02em;
	text-align: left;
	margin:0;
}
.artist-item button.artist-popup-btn{
	font-family: Geologica;
	font-size: 16px;
	font-weight: 500;
	line-height: 25.6px;
	text-align: left;
	border:none;
	padding:0;
	margin-top:8px;
	color:#67576F;
}
.artist-item button.artist-popup-btn{
	background:none;
}
.artist-item:nth-child(3n+1) {
	border-top: 8px solid #E14E2D;
}
.artist-item:nth-child(3n+1).artist-item h3{
	color:#E14E2D;
}
.artist-item:nth-child(3n+2) {
	border-top: 8px solid #55B49D;
}
.artist-item:nth-child(3n+2).artist-item h3{
	color:#55B49D;
}
.artist-item:nth-child(3n+3) {
	border-top: 8px solid #7C3BA4;
}
.artist-item:nth-child(3n+3).artist-item h3{
	color:#7C3BA4;
}
@media(max-width:767px){
	.our-artists-item-list {
		grid-template-columns: repeat(1,1fr);
		row-gap: 24px;
		column-gap:0px;
	}
	.artist-item{
		padding:64px 24px;
	}
	.artist-item .artist-image img{
		margin-bottom:32px;
		max-width:120px;
	}
	.artist-item h3{
		font-size:18px;
		line-height:18px;
	}
	.artist-popup .popup-content{
		padding:30px 16px;
		margin:80px 10px;
		height:fit-content;
	}
	.artist-popup{
		align-items:unset;
	}
	.popup-content h2{
		font-size:18px;
		line-height:18px;
		margin:20px 0px;
	}
	.popup-description{
		gap:10px;
		height:200px;
		overflow:scroll;
	}
	.popup-content .close-popup{
		top:-30px;
		width:12px;
		height:12px;
	}
}
@media(max-width:980px) and (min-width:768px){
	.our-artists-item-list {
		grid-template-columns: repeat(2,1fr);
	}
	.artist-popup .popup-content{
		padding:40px;
		margin:140px 50px;
		height:fit-content;
	}
	.artist-popup{
		align-items:unset;
	}
	.popup-content h2{
		font-size:28px;
		line-height:28px;
		margin:20px 0px;
	}
	.popup-description{
		gap:10px;
	}
	.popup-content .close-popup{
		top:-30px;
		width:20px;
		height:20px;
	}
}
@media(max-width:1600px) and (min-width:981px){
	.artist-popup .popup-content{
		padding:40px;
	}
	.popup-content h2{
		font-size:28px;
		line-height:28px;
		margin:20px 0px;
	}
	.popup-description{
		gap:10px;
	}
	.popup-content .close-popup{
		top:-30px;
		width:20px;
		height:20px;
	}
}
