/* for bazaar style start */

.collection-message-box {
	padding: 1.111rem;
	background-color: var(--white);
	border-top: 2px solid #ccc;
	text-align: center;
	position: absolute;
	top: 90%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 0.556rem;
	height: auto;
	display:flex;
}
.collection-message-box .collection-undo-btn {
	border-radius: 1.5rem;
    height: 1.88rem;
    padding-top: 0.43rem;
	cursor: pointer;
	color: var(--white);
}

.collection-msgbox-img img {
	width: 50px;
}

.collection-done {
	opacity:0.5;
	pointer-events:none;
}

.collection-done.active {
	opacity:1;
	pointer-events:unset;
}


.add-collection .third-div img {
	opacity:0.2;
	transition:0.5s;
}
.add-collection.pass-to-done .third-div img {
	opacity:1;
}

p.col-pop-sv-ud-btn {
	opacity: 0;
	transition: opacity 1s;
}

.add-collection:hover p.col-pop-sv-ud-btn {
	opacity:1;
}

.add-collection.added .third-div p.col-pop-sv-ud-btn{
	opacity:1;
}

.add-collection.pass-to-done .third-div p.col-pop-sv-ud-btn{
	opacity:1;
	background-color:red;
}

/* for bazaar style end */



/* collection section */
.collection-main-wrapper{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	z-index:999999;
	display:none;
}
.collection-main-wrapper.active{
	display:block;
}
.collection-main {
	position:relative;
	top: 50%;
	left:50%;
	transform:translate(-50%,-50%);
	background-color:var(--white);
	border-radius:0.556rem;
	padding:1.111rem;
	width:100%;
	height:auto;
}
.collection-main>p{
	font-size:0.778rem;
	line-height:normal;
}
.bin-fields input{
	border:0.056rem solid var(--Mercury);
	width:100%;
	border-radius:0.278rem;
	height:2.222rem;
	font-size:0.778rem;
	line-height:normal;
	padding:0.556rem;
}
.bin-fields input:focus{
	outline: none;
	box-shadow: 0 0 0.556rem rgba(251, 153, 41, 0.2);
}
.description:focus,.edit-description:focus{
	box-shadow: 0 0 0.556rem rgba(251, 153, 41, 0.2);
}

.description,.edit-description{
	width:100%;
	min-height:4rem;
	border-radius:0.278rem;
	border:0.056rem solid var(--Mercury);
	font-size:0.778rem;
	line-height:normal;
	padding:0.556rem;
}
.bin-fields fieldset{
	border:none;
	display:flex;
	flex-direction:column;
	gap:0.556rem;
}
.create-collection,.update-collection-folder{
	border-radius: 1.667rem;
	background-color: var(--oranglight);
	font-size: 0.778rem;
	line-height: normal;
	padding: 0.556rem 1.111rem;
	border:none;
	color:var(--white);
	cursor:pointer;
	transition:0.5s ease;
}
.create-collection:hover,.update-collection-folder:hover{
	color:var(--black);
}
.bin-label{
	font-size:0.778rem;
	line-height:normal;
}
.bin-label span{
	font-size:0.778rem;
	line-height:normal;
}
.cancel{
	background-color:var(--snow-white);
	padding:0.556rem 1.111rem;
	border:none;
	border-radius:1.667rem;
	cursor:pointer;
	font-size: 0.778rem;
	line-height: normal;
	transition:0.5s ease;
}
.cancel:hover{
	background-color:var(--linegray);
}
.bin-action{
	padding-top: 2.5rem;
	display: flex;
	justify-content: space-between;
}
.collection-header img{
	width:0.833rem;
	height:0.833rem;
	cursor:pointer;
}
.collection-header{
	position:relative;
	top:0;
	text-align:end;
}
.sc-single-content h1, .sc-single-content h2, .sc-single-content h3, 
.sc-single-content h4, .sc-single-content h5, .sc-single-content h6{
	padding-bottom:0.556rem;
}
.sc-single-content-show ul{
	font-size:0.875rem;
	line-height:1.222rem;
	padding-top:0.556rem;
}
.add-collection{
	display:flex;
}
.create-new-collection{
	border-radius: 1.667rem;
	font-size: 0.778rem;
	line-height: normal;
	padding: 0.556rem 2.111rem;
	border:none;
	color:var(--black);
	cursor:pointer;
	transition:0.5s ease;
}
.create-new-collection:hover{
	background-color:var(--whiteSmoke);
}
.done{
	background-color:var(--black);
	padding:0.556rem 1.111rem;
	border:none;
	border-radius:1.667rem;
	cursor:pointer;
	font-size: 0.778rem;
	line-height: normal;
	color:var(--white);
	transition:0.5s ease;
}
.done:hover{
	background-color:var(--light-black);
}
.add-collection{
	border-radius:0.278rem;
	padding:0.556rem;
	gap:0.833rem;
	margin-bottom:0.556rem;
	cursor:pointer;
	border: 0.056rem solid var(--Mercury);
	transition:0.3s ease-in-out;
}
.add-collection:hover{
	background-color:var(--GhostWhite);

}
.main-div.add-collection.pass-to-done{
	background-color:var(--VistaWhite);
}
.third-div{
	margin-left:auto;
}
.sc-collection-empty.folder{
	margin-bottom:2.5rem;
}

.third-div span{
	display:block;
	width:1rem;
	height:1rem;
	border:0.056rem solid var(--LemonGrass);
	margin-top:0.556rem;
	border-radius:0.167rem;
}
.pass-to-done .third-div span{
	position:relative;
}
.pass-to-done .third-div span{
	background-color:var(--LemonGrass);
}
.pass-to-done .third-div span:before{
	position:absolute;
	content:'';
	background:url(/wp-content/themes/slide-kit/assets/images/icons/white-tick.svg) no-repeat;
	background-size:contain;
	width:1rem;
	height:1rem;
	top:-0.056rem;
	left:-0.056rem;
}
.added .third-div span{
	position:relative;
}
.added .third-div span{
	background-color:var(--LemonGrass);
}
.added .third-div span:before{
	position:absolute;
	content:'';
	background:url(/wp-content/themes/slide-kit/assets/images/icons/white-tick.svg) no-repeat;
	background-size:contain;
	width:1rem;
	height:1rem;
	top:-0.056rem;
	left:-0.056rem;
}
.display-folder{
	height:16.667rem;
	overflow:auto;
}
.second-div h3{
	font-size:0.875rem;
	line-height:normal;
	padding-bottom:unset;
}
.second-div p{
	font-size:0.675rem;
	line-height:normal;
	color:var(--granite-gray);
}
.third-div img{
	width:1.111rem;
	height:1.111rem;
}
.sc-search-text{
	border:0.056rem solid var(--Mercury);
	padding: 0.556rem;
	font-size:0.778rem;
	line-height:normal;
	margin-bottom:0.556rem;
	margin-top:1.111rem;
	width:17.778rem;
	border-radius:0.556rem;
	transition: box-shadow 0.3s ease;
}
.sc-search-text:focus {
	outline: none; 
	box-shadow: 0 0 0.556rem rgba(251, 153, 41, 0.3);
}
.sc-search-text:hover {
	box-shadow: 0 0 0.556rem rgba(251, 153, 41, 0.2);
}


/* loader  */


.collection-loder {
	width:2.778rem;
	height:2.778rem;
	border-radius:50%;
	background:	radial-gradient(farthest-side,var(--orange) 94%,var(--red)) top/8px 8px no-repeat,
		conic-gradient(#0000 30%,var(--orange));
	-webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
	animation:s3 1s infinite linear;
}
@keyframes s3 {
	to{
		transform: rotate(1turn)
	}
}
.collection-loder-wrapper {
	display: flex;
	justify-content: center;
	height: 28.056rem;
	align-items: center;
}
.display-folder-main>p{
	font-size:1rem;
	line-height:normal;
}
.additionl-thumb{
	display:flex;
	gap:0.278rem;
}
.collection-folder-main p{
	font-size:0.889rem;
	line-height:1.25rem;
}
.collection-folder-main>h5{
	padding-bottom:0.444rem;
	font-size:0.889rem;
	line-height:normal;
	transition:0.5s ease;
	font-weight: 600;
}
.collection-folder-main h5:hover{
	text-decoration:underline;
}

.sck-collection-count, .p-updated-time{
	font-size:0.778rem;
	line-height:normal;
	color:var(--grey);
}
.additionl-thumb{
	margin-bottom:0.833rem;
}
.collection-thumb .additionl-thumb img{
	width:5.389rem;
	height:3.333rem;
	border: 1px solid var(--light-grey);

}
.collection-thumb .latest-thumb img{
	width:16.667rem;
	height:9.333rem;
	margin-bottom:0.278rem;
	border-radius: 0.63rem 0.63rem 0 0;
	border: 1px solid var(--light-grey);
}
.collection-thumb .latest-thumb{
	background-color:var(--grayshade);
	margin-bottom:0.278rem;
	border-radius:0.278rem;
	
}
.collection-thumb .additionl-thumb div, .collection-thumb .additionl-thumb img{
	width: 6.62rem;
	height: 3.333rem;
}
.collection-folder-main{
	margin-bottom: 2rem;
}
.sck-colction-space{
	margin-top:2.778rem;
	margin-bottom:0.556rem;
}
.edit-colletion,.delete-collection{
	font-size: 0.88rem;
	line-height: 1.06rem;
	font-weight: 600;
	background: linear-gradient(177deg, var(--orange) 20%, var(--red) 70.5%);
	color: var(--white);
	padding: 0.063rem 1.25rem;
	border-radius: 1.667rem;
	cursor:pointer;
	transition:0.5s ease;
	border: none;
	height: 2.31rem;
	width: 4.19rem;
}
.edit-colletion:hover,.delete-collection:hover{
	border:0.056rem solid var(--pencelgray);
}
.folder-action{
	display:flex;
	gap:0.833rem;
	margin-bottom:1.944rem;
}
.collection-single-header>h3{
	font-size:1rem;
	line-height:normal;
	padding-bottom:1.667rem;
	padding-top:0.556rem;
	font-weight:600;
}
.related-templates>h4{
	font-size: 1.125rem;
	line-height: normal;
	font-weight: 600;
	padding-top:1.667rem;
	padding-bottom:1.667rem;
}
body.collection-active{
	overflow-y:hidden;
}
.main-div.add-collection.added{
	pointer-events:none;
	opacity:0.5;
}
.sc-bk-mark.remove .sc-action-btn.sc-bookmark-btn{
	pointer-events:none;
}
.collection-s-alert,.sc-collections-error{
	text-align:center;
	color:var(--ChelseaGem);
	padding-bottom:1.111rem;
	font-size:1.333rem;
	line-height:normal;
}
.sc-collection-empty p{
	text-align:center;
}
/* end */


@media screen and (min-width: 992px){

	/* collection desk  */
	.bin-fields input{
		height:2.778rem;
	}
	.description,.edit-description{
		min-height:6rem;
	}
	.collection-header{
		top:-1.556rem;
	}
	.collection-header img{
		width:1.111rem;
		height:1.111rem;
	}
	.sc-single-content-show ul{
		font-size:0.875rem ;
		line-height:1.5rem;
	}
	.third-div{
		padding-right:0.833rem;
	}
	.sc-search-text{
		width:36.778rem;
		height:3.111rem;
		margin-top:unset;
	}
	.collection-loder-wrapper {
		height: 22.722rem;;
	}
	.display-folder-main>p{
		font-size:1.111rem;
		line-height:normal;
		margin-bottom:1.111rem;
	}
	.display-folder::-webkit-scrollbar{
		width:0.556rem;
	}
	.collection-s-alert,.sc-collections-error{
		font-size:1.5rem;
		padding-bottom:0;
        text-transform: capitalize;
	}
	.sc-collections-error p{
		font-size:1.25rem;
	}
	/* Track */
	.display-folder::-webkit-scrollbar-track {
		background-color:var(--snow-white); 
	}

	/* Handle */
	.display-folder::-webkit-scrollbar-thumb {
		background-color:var(--grayshade);
	}
	
	.collection-thumb .latest-thumb img{
		width:18.611rem;
		height:10.556rem;
		margin-bottom:0.278rem;
	}
	.collection-thumb .latest-thumb{
		width:18.611rem;
		height:10.556rem;
		margin-bottom:0.278rem;
	}
	.collection-thumb .additionl-thumb div, .collection-thumb .additionl-thumb div img{
		 width: 10.88rem;
        height: 6.13rem;
	}
	.folder-display-page{
		display:flex;
		flex-wrap:wrap;
		gap:1.667rem;
	}
	.collection-folder-main-wrapper{
		flex-basis:18.66%;
	}
	.collection-folder-main{
		margin-bottom:unset;
	}
	.sck-colction-space{
		margin-top:4.444rem;
		margin-bottom:1.111rem;
	}
	.folder-action{
		margin-bottom:2.222rem;
	}
	.collection-folder-main h5{
		font-size:1rem;
	}
	.collection-single-header{
		display:flex;
		justify-content:space-between;
	}
	.collection-single-header>h3{
		font-size:1.389rem;
	}
	.related-templates>h4{
		font-size: 1.667rem;
		padding-top:4.444rem;
		padding-bottom:2.222rem;
	}
	.sc-collection-empty.folder{
		margin-bottom:5.556rem;
	}

}