/*===========================
30.AD POSTS css 
===========================*/
.ads-file{

	& input[type="file"]{
		display: none;
	}
	& label{
		text-align: center;
		cursor: pointer;
		width: 100%;
		display: block;
		background-color: $gray-2;
		border: 1px dashed rgba($heading-color, 0.2);
		padding: 30px 0;
		border-radius: 3px;
		
		& i{
			font-size: 40px;
			color: $body-color;
		}
		& p{
			font-size: 14px;
			color: $body-color;
			padding-top: 10px;
		}
	}
	img{
		max-height: 230px;
	}
}

.ad-posts-area{
	.steps{
		display: -webkit-flex;
		display: flex;
		border: solid 1px $border-color;
		border-radius: 3px;
		
		.step{
			font-size: 18px;
			color: $theme-color-2;
			text-align: center;
			cursor: pointer;
			flex: 1;
			padding: 9px;
			@include transition(0.4s);
			
			&:hover, &.active{
				background: $theme-color-2;
				color: #fff;
			}
		}
	}
}

.ad-posts-title{
	border-bottom: 1px solid rgba($heading-color, 0.1);
	padding: 12px 20px;
	
	& .title{
		font-size: 20px;
		font-weight: 700;
		color: $heading-color;
		
		& i{
			margin-right: 3px;
		}
	}
}

.ad-posts-wrapper{
	border: 1px solid rgba($heading-color, 0.1);
	
	& .ad-posts-form{
		padding: 20px;
		padding-top: 0;
		
		& .single-form{
			margin-top: 20px;
			
			& label{
				margin-bottom: 10px;
				font-size: 14px;
				color: $heading-color;
			}
			& textarea,
			& input{
				border: 1px solid rgba($heading-color, 0.1);
				border-radius: 0;
				font-size: 14px;
				height: 40px;
				@include transition(0.3s);
				
				&:focus{
					border-color: $theme-color-2;
				}
			}
			
			& textarea{
				height: 200px;
			}
			
			& .nice-select {
				width: 100%;
				border-radius: 0;
				height: 40px;
				padding: 0 20px;
				border: 0;
				float: none;
				border: 1px solid rgba($heading-color, 0.1);
				
				&::after{
					width: 8px;
					height: 8px;
					right: 20px;
					border-color: $body-color;
				}
				
				& .current{
					line-height: 36px;
					font-size: 14px;
					color: $body-color;
				}
				& .list{
					width: 100%;
					border-radius: 0;
					
					& .option{
						min-height: 30px;
						line-height: 30px;
						
						&.selected {}
						&.focus {}
						&:hover {}
					}
				}
			}
			
			& .ads-custom-fild{
				& label{
					margin-bottom: 0;
				}
				
				& + .ads-custom-fild{
					margin-left: 25px;
				}
				
				
			}
			
			&.package-fild{
				& .ads-custom-fild{
					@media #{$xs}{
						width: 50%;
						margin-left: 0;
					}
				}
			}
			

			.add-box-btn{
				display: -webkit-flex;
				display: flex;
				justify-content: center;
				align-items: center;

				button{
					background: rgba(100, 100, 100, 0.6);
					text-align: center;
					width: 80px;
					height: 80px;
					border-radius: 80px;
					border: none;

					i{
						font-size: 60px;
						color: $theme-color-2;
					}
				}
			}
		}
	}
}