/* archive category grid css */
	.content-area {
		padding: 20px;
		background-color: #f9f9f9;
	}

	.content-grid {
		display: grid;
		grid-template-columns: 1fr 2fr; /* Adjust column ratios as needed */
		gap: 20px; /* Space between columns */
	}

	.categories-sidebar {
		background-color: #fff;
		padding: 15px;
		border: 1px solid #ddd;
		border-radius: 5px;
	}

	.categories-sidebar h2 {
		margin-top: 0;
	}

	.category-list {
		list-style-type: none;
		padding: 0;
		overflow: hidden;
		position: relative;	
		margin-left: 20px;
		margin-right: 20px;
	}

	.category-item {
		margin-bottom: 10px;
	}

	.category-item a {
		text-decoration: none;
		color: #000 !important;
		font-weight: bold;
		font-size: 20px;
		text-transform: capitalize;
		line-height: 1;
	}

	.category-item a:hover {
		color: #0073aa;
		text-decoration: underline;
	}

	.posts-content {
		background-color: #fff;
		padding: 15px;
		border: 1px solid #ddd;
		border-radius: 5px;
	}
	@media screen and (min-width: 768px){
		.post-grid {
			display: grid;
			grid-template-columns: 6fr 6fr;
			gap: 0% 15%;
		}
	}


	.post-thumbnail img {
		width: 100%;
		height: auto;
		display: block;
	}

	.post-title {
		font-size: 1.3em;
		margin: 10px 0;
		font-style: italic;
		text-align: left;
	}
	.post-title :hover{
		text-decoration: none !important;
	}

	.post-excerpt {
		font-size: 1em;
		color: #666;
	}

	.post-item a {
		text-decoration: none;
		color: inherit;
	}

	.post-item a:hover {
		text-decoration: none;
	}


	/* popup css for the artwork form  */

	#contact-form-popup {
		position: fixed;
		top: 0;
		left: 0;
		padding: 40px;
		width: 100%;
		max-width: 100%;
		height: 100%;
		background: #000;
		opacity: 0.9;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;    
		z-index: 7;
		animation: slide 0.6s linear forwards;
		overflow-y: scroll;
		&::-webkit-scrollbar{
			display: none;
		}

	}
	@keyframes slide {
		0% {transform: translateX(-100%); }
		100% {transform: translateX(0%); }
	}
	@keyframes slide-out {
		0% { transform: translateX(0); }
		100% { transform: translateX(-100%); }
	}

	.hide-popup {
		animation: slide-out 0.6s linear forwards !important;
	}
	.popup-content{
		h2 {
			color: #fff;
			font-size: 50px;
			margin: 15px 0;
		}
		p{
			font-size: 20px;
			color: #fff;
			a{
				color: #fff;
				text-decoration: underline;	
			}
		}
		.screen-reader-response{
			display: none;
		}
		.wpcf7-form-control-wrap{
			position: relative;
			.wpcf7-not-valid-tip{
				position: absolute;
				top: 30px;
				left: 0;
			}
		}
	}
	.popup-content .contact-form{
		margin-bottom: 0;
		input, textarea{
			background: transparent;
			border: 0;
			border-bottom: 1px solid #fff;
			border-radius: 0;
			margin-bottom: 40px;	
			font-size: 22px;
			padding-left: 0 !important;
			color: #fff !important;
			&:focus{
				border-style: solid !important;
				border-color: #fff !important;
				border-width: 0px 0px 1px 0px !important;
			}
		}
		p{
			margin: 0 !important;
			br{
				display: none !important;
			}
/* 			.wpcf7-not-valid-tip{
				position: absolute;
				top: 35px;
			} */
		}
		textarea{
			height: 90px;
			&::-webkit-scrollbar {
				display: none;
			}
		}
		.wpcf7-submit{
			width: 100%;
			background: transparent;
			border: 1px solid #fff;
			border-radius: 0;
			margin-bottom: 0;
			transition: ease-in .5s;
			&:hover{
				border-radius: 50px;
			}
			&:focus{
				border-style: solid !important;
				border-color: #fff !important;
				border-width: 1px 1px 1px 1px !important;
			}
		}
	}
	.wpcf7-response-output {
		border: 0px solid #fff !important;
		color: #DC2626 !important;
		margin-top:0 !important; 
	}
	#close-popup {
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 64px;
		color: #fff;
		font-weight: 200;
	}
	@media screen and (min-width: 768px){
		.popup-content {
			max-width: 100%;
			width: 25%;
		}
	}
	/* category css top section */

	.category-grid {
		display: flex;
		align-items: center;
		list-style: none;
		justify-content: space-between;
		background: linear-gradient(90deg,beige,#f2d6ff);
		margin: 0 auto;
		border-radius: 50px;
		padding: 5px 30px;
		width: 100%;
		overflow: scroll;
	}   
	.category-grid::-webkit-scrollbar {
		display: none;
	}
	.category-item {
		margin-bottom: 0;
		padding: 0 30px;
		flex: 1 0 auto;
		text-align: center;
	}

	/*=-=-custom css===*/
	.art_category .post-item button {
		background: #fff;
		border-radius: 0;
		box-shadow: none;
		border: 1px solid #000;
		color: #000;
		transition: ease-in .5s;
	}
	.art_category .post-item button:hover {
		border-radius: 50px;
	}
	.art_category .post-item .post-excerpt p{
		font-size: 14px;
		color: #000;
		margin-bottom: 10px;
		text-align: left;
	}
	.post-size {
		font-size: 18px;
		color: #000 !important;
		margin-bottom: 10px;
	}
	.post-item{
		margin: 50px 5vmin; 
		animation: fade-in 0.6s forwards;
	}
	.artwork-container{
		background-color: #fff;
	}
	.all_categories{
		background-color: #fff;
		position: sticky;
		top: 75px;	
		z-index: 1;
	}
	.artwork-container{
		padding-bottom: 100px;
	}
	.category-grid {
		a{
			&:hover{
				text-decoration: none !important;
			}
		}
		.category-item.active {
			background: #000;
			border-radius: 50px;
			padding: 0 30px;
			a {
				color: #fff !important;
			}
		}
	}
	.category-item:hover{
		background: #000;
		border-radius: 50px;
		padding: 0 30px;
		a{
			color: #fff !important;
		}
	}
	.category-list {
		animation: scroll 0.8s linear; 
	}
	@keyframes scroll {
		0% { width: 30%; }
		100% { width: 100%; }
	}	

	#page .site-content{
		background-color: #fff;
	}
	/* Fade In Animation */
	@keyframes fade-in {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}

	/* Fade Out Animation */
	@keyframes fade-out {
		from {
			opacity: 1;
		}
		to {
			opacity: 0;
		}
	}
	.art_category {
		padding-bottom: 100px;
	}
	.ast-archive-description {
		padding: 55px 20px !important;
		text-align: center !important; 
	}
	section.ast-archive-description {
		background: #000 !important;
		padding: 55px 0 !important;
		h1 {
			color: #fff;
			font-size: 8vmin !important;
			font-family: "Bebas Neue", Sans-serif !important;
		}
	}
	.main-header-bar .ast-container {
		width: 100%;
		max-width: 100%;
	}
	.ast-header-breadcrumb{
		border-bottom-width: 0px;
	}
	div#ast-breadcrumbs-yoast {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: max-content;
		-ms-flex-item-align: start;
		align-self: flex-start;
		padding: 1px;
		background: -webkit-gradient(linear, left top, right top, from(beige), to(#f2d6ff));
		background: -o-linear-gradient(left, beige, #f2d6ff);
		background: linear-gradient(90deg, beige, #f2d6ff);
		border-radius: 18px;
		overflow: hidden;
		margin-bottom: 40px;
		-webkit-animation-name: animateTitleIn;
		animation-name: animateTitleIn;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-timing-function: ease;
		animation-timing-function: ease;
	}
	#ast-breadcrumbs-yoast span span {
		display: inline-block;
		padding: 4px 50px 4px 14px;
		background-color: #fff;
		border-radius: 18px;
		-webkit-box-shadow: 0 0 40px #000;
		box-shadow: 0 0 40px #000;
		font-size: 20px;
		color: #000 !important;
		font-weight: 600;
		cursor: pointer;
	}
	@media (max-width: 767px){
		#ast-breadcrumbs-yoast span span {
         padding: 4px 20px 4px 5px;
         font-size: 14px;
}
	}
	#ast-breadcrumbs-yoast span span:not(:first-child) {
		margin-left: -36px;
	}
	#ast-breadcrumbs-yoast span span a{
		color: #000;
		font-weight: 600;
	}
	#ast-breadcrumbs-yoast span span:hover a {
		color: #fff;
	}
	.ast-container.single .content-area {
		margin: 0 !important;
		padding: 0 !important;
	}
	.single-article {
		max-width: 100%;
	}

	.single-article .content-area {
		margin: 0 !important;
		padding: 0;
	}
	@media screen and (max-width: 767px){
		.single-post-container {
			display: block !important;
		}
		.site-branding .toggle p {
			display: none;
		}
		.site-logo img{
			width: 150px;
		}
		.single-post-description p {
		font-size: 18px;
	}
	.single-post-description ul li {
		font-size: 18px;
	}
	}
	@media screen and (min-width: 768px){
		.single-post-container {
			display: grid !important;
			grid-template-columns: 6fr 6fr;
			grid-gap: 0 10%;
		}
	}
	.single-post-description p {
		font-size: 20px;
		color: #000;
	}
	.single-post-content .single-post-button {
		background: transparent;
		color: #000;
		width: 100%;
		border: 1px solid #000;
		text-align: center;
		border-radius: 0;
		font-size: 20px;
		font-weight: 600;
		transition: ease-in .5s;
	}
	.single-post-content .single-post-button:hover{
		border-radius: 50px;
		background-color: transparent;
	}
	.navigation.post-navigation {
		background: #fff;
	}
	.ast-post-nav {
		width: max-content;
		box-shadow: 0 6px 5px #0006;
		padding: 15px;
		background-color: #fff;
		color: #000;
		margin-bottom: 20px;
		transition: .5s ease;
	}
	.nav-next .ast-post-nav {
		border-radius: 0 50px 50px 0;
	}
	.nav-previous .ast-post-nav {
		border-radius: 50px 0 0 50px;
	}
	.single-post-description ul li {
		font-size: 20px;
		color: #000;
	}
	#ast-breadcrumbs-yoast span span:hover {
		background: #000;
		color: #fff !important;
	}
	#ast-breadcrumbs-yoast span span a:hover{
		color: #fff !important;
	}
	.single-post-title {
		font-style: italic;
	}
	.single .post-navigation a .ast-post-nav:hover {
		background: #000;
		color: #fff;
	}
	.nav-previous p{
		display: none;	
	}
	.comment-navigation .nav-previous:after, .post-navigation .nav-previous:after{
		display: none;
	}
	.ast-archive-description {
		max-width: 100% !important;
	}
	.single .post-navigation .nav-next a, .single .post-navigation .nav-previous a{
		padding: 0px;
		text-align: -webkit-right;
	}
	.single .post-navigation .nav-links .nav-previous+.nav-next{
		text-align: left;
		width: min-content;
	}
	.nav-previous{
		text-align: right !important;
	}
	.single .post-navigation .nav-links{
		justify-content: flex-end;
	}
	.nav-next a{
		text-align: left;
	}
	.single .post-navigation a{
		margin: 0px; 	
	}
	.single .post-navigation .nav-links .nav-previous + .nav-next p{
		display: none;
	}
	.artwork-newsletter{
		box-shadow: 0 0 20px #0006;
		background-color: #ebebeb;
		padding: 55px 20px; 
		.container {
			display: grid;
			gap: 20px;
		}
		h2 {
			color: var(--e-global-color-astglobalcolor7);
			font-family: "Bebas Neue", Sans-serif;
			font-size: 55px;
			font-weight: 500;
			letter-spacing: 0.03em;
			text-align: center;
		}

	}
	@media (max-width: 767px){
		.artwork-newsletter h2{
			font-size: 40px;
		}
		.artwork-newsletter .wpsf-subscribe_to_our_newsletter .wpsf-subscription-form{
			max-width: 100% !important;
		}

	}
		.wpsf-form-submit {
			background: transparent !important;
			color: #000 !important;
			border: 1px solid #000 !important;
			text-align: center;
			border-radius: 0;
			font-size: 20px !important;
			font-weight: 600 !important;
			transition: ease-in .5s !important;
			padding: 0px 30px !important;
			height: auto !important;
			transition: ease-in .5s;
			max-width: 100% !important;
			text-transform: capitalize;
			font-size: 18px important;
			&:hover{
				border-radius: 50px;
				background-color: transparent;
			}
		}
	}
	.pages_title {
		padding: 55px 0px;
		text-align: center;
		background: #000;
		h2{
			font-size: 8vmin;
			color: #fff;
		}
	}

	.pages_title {
		background: #000;
		padding: 55px 0;
		h2 {
			color: #fff;
			font-size: 8vmin;
			font-family: "Bebas Neue", Sans-serif !important;
			text-align: center;
		}
	}
	p.art-year {
    margin-bottom: 0;
}
.popup-open {
    overflow: hidden;
    height: 100%;
}
.art-size {
    margin-bottom: 0;
}
.art-desc {
    margin-bottom: 10px;
}