/*
	Custom CSS
*/

.fp-inner{
	margin-bottom: 20px;
}

.fp-custom-form{
}

.fp-custom-form > hr{
	border: 1px solid #999;
	margin: 10px 0;
}

.fp-custom-form > div{
	clear: both;
	padding: 20px 10px;
	position: relative;
	background-color: rgba(200, 200, 200, 0.2);
}

.fp-custom-form > div label{
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.fp-custom-form > div table td{
	padding-right: 30px;
}

.fp-custom-form input{
}

.fp-custom-form .input-whole{
	width: 100%;
}

.fp-custom-form .input-half{
	width: 50%;
}

.fp-custom-form .input-third{
	width: 30%;
}

.fp-custom-form .input-date{
	width: 160px;
}

.fp-custom-form textarea{
	width: 100%;
}

.fp-options-form textarea{
	width: 100%;
	height: 200px;
}



/* Remove icon */
.fp-custom-form .fp-item-wrap{
	position: relative;
	margin-bottom: 20px;
}

.fp-custom-form .fp-remove{
	display: block;
	position: absolute;
	top: -15px;
	right: -15px;
	width: 20px;
	height: 20px;
	padding: 5px;
	text-align: center;
	color: #fff;
	background-color: rgba(194, 20, 8, .8);
	border-radius: 20px;
	cursor: pointer;
	z-index: 100;
}

.fp-custom-form .fp-remove:after{
	display: inline-block;
	content: "✕";
}

.fp-custom-form textarea.fp-textarea{
	width: 100%;
	height: 200px;
}



/* IMAGES */

.fp-contexts-images-farm,
.fp-images-farm{
	width: 100%;
	padding: 20px 0;
}

.fp-contexts-images-farm .fp-item-wrap,
.fp-images-farm .fp-item-wrap{
	max-width: 200px;
	position: relative;
	margin-bottom: 20px;
}

.fp-contexts-images-farm .fp-item-wrap img,
.fp-images-farm .fp-item-wrap img{
	max-width: 100%;
}



/* VIDEOS */

.fp-contexts-videos-farm{
	width: 100%;
	padding: 20px 0;
}

.fp-contexts-videos-farm .fp-item-wrap{
	max-width: 80%;
	position: relative;
	margin-bottom: 20px;
}

.fp-contexts-videos-farm .fp-item-wrap input[type="text"]{
	width: 100%;
}



/* FILES */

.fp-contexts-files-farm{
	width: 100%;
	padding: 20px 0;
}

.fp-contexts-files-farm .fp-item-wrap{
	width: 100%;
	min-height: 60px;
	position: relative;
	margin-bottom: 20px;
	border: 1px solid rgba(0, 0, 0, .6);
}



/* BOOKLETS */

.fp-contexts-booklets-farm{
	width: 100%;
	padding: 20px 0;
}

.fp-contexts-booklets-farm .fp-item-wrap{
	width: 100%;
	min-height: 60px;
	position: relative;
	margin-bottom: 20px;
	border: 1px solid rgba(0, 0, 0, .6);
}



/* MULTITEXT */

.fp-contexts-multitext-farm{
	width: 100%;
	padding: 20px 0;
}

.fp-contexts-multitext-farm .fp-item-wrap{
	max-width: 100%;
	position: relative;
	margin-bottom: 20px;
}

.fp-contexts-multitext-farm .fp-item-wrap textarea{
	width: 100%;
}



/* Sortable */

.sortable{

}

.sortable-item{
	margin: 30px 0;
	padding: 15px;
	background-color: rgba(255, 0, 0, .3);
	border: 1px dashed #aaa;
}

.sortable-item:hover{
	border: 1px solid #000;
}

.sortable-dragging{
	border: 3px dashed green;
}

.sortable-placeholder{
	border: 3px dotted red;
	padding: 20px;
}