input[type='text'],
input[type='password'],
input[type='number'],
input[type='search'],
input[type="file"],
select,
textarea {
	display: block;
	width: 100%;
	height: 50px;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #e8e8e8;
	border-radius: 3px;
	font-size: 14px;
	background-color: #fff;
	outline: none;
	transition: all 500ms ease;
}

input[type='text']:hover,
input[type='text']:focus,
input[type='password']:hover,
input[type='password']:focus,
input[type='number']:hover,
input[type='number']:focus,
input[type='search']:hover,
input[type='search']:focus,
input[type="file"]:hover,
input[type="file"]:focus,
select:hover,
select:focus,
textarea:hover,
textarea:focus {
	border: 1px solid #4280F1;
	outline: none;
}

input[type='text'][disabled],
input[type='password'][disabled],
input[type='number'][disabled] {
	background-color: #eeeeee;
	cursor: not-allowed;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 5px;
}

select {
	position: relative;
	margin-left: 1px;
	-webkit-appearance:none;
  	-moz-appearance:none;
    padding-right: 1.50em;
    appearance: none;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M112 192l144 144 144-144h-288z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1.50em 1.00em;
    background-position: right center;
    background-clip: border-box;
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
}

textarea {
	height: 150px;
	padding: 10px;
	resize: none;
}

textarea.new-post-textarea {
	height: 62px;
	padding: 10px;
	border: 0px;
	border-radius: 5px;
	background-color: #f7f8f9;
	/* font-size: 18px; */
	/* line-height: 22px; */
	transition: all ease 500ms;
}

textarea.new-post-textarea:focus {
	height: 150px;
}

input[type="file"] {
	padding: 10px;
	line-height: 1em;
}

input[type="submit"] {
	padding: 10px 35px;
	border: 0;
	border-radius: 5px;
	font-weight: 500;
	color: #ffffff;
	background-color: #00CC63;
	transition: all 500ms ease;
	outline: none;
}

input[type="submit"]:hover,
input[type="submit"]:focus {
    background-color: #00B859;
}

label {
	display: block;
	width: 100%;
	font-weight: 300;
}

label.radio-select-label,
label.checkbox-select-label {
	margin: 10px auto;
	padding: 15px 10px;
	border-radius: 5px;
	background-color: #eeeeee;
	cursor: pointer;
}

label.radio-select-label:hover,
label.checkbox-select-label:hover {
	background-color: #ECF2FE;
}

label.radio-select-label input[type="radio"],
label.checkbox-select-label input[type="checkbox"] {
	cursor: pointer;
}

label.checkbox-select-label input[type="checkbox"] {
	position: relative;
	top: 3px;
	width: 16px;
	height: 16px;
}

.field-label {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #969898;
	/* color: #4280F1; */
}

.editable:empty:before {
	content: attr(data-placeholder);
}

.dropzone {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	border: 1px dashed #e8e8e8;
	border-radius: 3px;
	transition: all 500ms ease;
}

.dropzone:hover {
	border: 1px dashed #4280F1;
}

.custom-radio-buttons-wrapper {

}

.custom-radio-button-label {
	position: relative;
	display: inline-block;
	width: auto;
	min-width: 200px;
	margin: 0px 20px 20px 0px;
	padding: 25px 15px;
	border: 1px solid #e8e8e8;
	border-radius: 5px;
	font-weight: 400;
	text-align: center;
	background-color: #ffffff;
	cursor: pointer;
	user-select: none;
	transition: all 500ms ease;
}

.custom-radio-button-label:hover {
	border: 1px solid #4280F1;
	color: #4280F1;
	background-color: #ECF2FE;
}

.custom-radio-buttons-wrapper .field-label {
	margin: 0px 0px 10px 0px;
}

.custom-radio-button-label input[type="radio"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.custom-radio-button-label [class^="icon-"],
.custom-radio-button-label [class*=" icon-"] {
	display: block;
	margin: 0px 0px 10px 0px;
	font-size: 24px;
}

.header-search-wrapper {
	position: relative;
}

.header-search-wrapper input[type='search'] {
	width: 350px;
	height: 42px;
	margin: 0;
}

.header-search-wrapper .search-results {
	position: absolute;
	top: 52px;
	width: 400px;
	padding: 15px;
	border: 1px solid #eeeeee;
	border-radius: 5px;
	background-color: #ffffff;
	box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
}

.header-search-wrapper .search-results .search-result {
	border-bottom: 1px solid #eeeeee;
	/* padding: 10px 0px; */
}

.header-search-wrapper .search-results .search-result:last-of-type {
	border: 0px;
}

.header-search-wrapper .search-results .search-result a:link,
.header-search-wrapper .search-results .search-result a:visited,
.header-search-wrapper .search-results .search-result a:hover,
.header-search-wrapper .search-results .search-result a:active {
	display: block;
	padding: 10px;
	color: #666666;
}

.header-search-wrapper .search-results .search-result .search-result-title {
	font-weight: bold;
}

.header-search-wrapper .search-results .search-result a:hover {
	background-color: #ECF2FE;
}

.header-search-wrapper .search-results .search-result a:hover .search-result-title {
	color: #4280F1;
}

.header-search-wrapper .search-results .search-result .search-result-date {
	font-size: 12px;
	color: #999999;
}

.header-search-wrapper .search-results .search-result .search-result-excerpt {
	font-size: 12px;
}