/* Add this code in style.css */
.dropcap {
    float: left;
    font-size: 80px;
    padding-right: 7px;
    line-height: 72px;
}

/*CSS for the embeded question forms that can be added via shortcode*/
.article-form-embed-wrap {
	position: relative;
	display: block;
	margin-bottom: 30px;
	padding: 8px;
	width: 100%;
}

.article-form-embed-wrap input[type=text],
.article-form-embed-wrap textarea {
	position: relative;
	display: block;
	margin-bottom: 8px;
	font-family: "azo-sans-web", "Azo Sans", "Azo-Sans", "Azo", sans-serif;
    font-size: 12px;
    color: #4d4d4d;
    letter-spacing: 1px;
    display: block;
    padding: 10px 0 10px 13px;
    width: 100%;
    border: solid 2px #FFF;
    background: #FFF;
    transition: 0.15s all 0s ease-out;
    -webkit-transition: 0.15s all 0s ease-out;
    -moz-transition: 0.15s all 0s ease-out;
    -ms-transition: 0.15s all 0s ease-out;
    -o-transition: 0.15s all 0s ease-out;
}

.article-form-embed-wrap textarea {
	height: 100px;
	resize: none;
}

.article-form-embed-wrap input[type=text].error,
.article-form-embed-wrap textarea.error {
	border: solid 2px #EF4924;
}

.article-form-embed-wrap input[type=submit] {
	position: relative;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
	font-family: "azo-sans-web", "Azo Sans", "Azo-Sans", "Azo", sans-serif;
    font-size: 12px;
    color: #4d4d4d;
    letter-spacing: 1px;
    background: #FFF;
    border: none;
    cursor: pointer;
    transition: 0.15s all 0s ease-out;
    -webkit-transition: 0.15s all 0s ease-out;
    -moz-transition: 0.15s all 0s ease-out;
    -ms-transition: 0.15s all 0s ease-out;
    -o-transition: 0.15s all 0s ease-out;
}

@media (min-width: 500px) {
	.article-form-embed-wrap input[type=submit]:hover {
		background: #f2f2f2;
	}
}

.orange .article-form-embed-wrap {
	background-color: #FFC10D;
    background-image: -webkit-linear-gradient(left, #FFC10D, #F89C2C);
    background-image: linear-gradient(to right, #FFC10D, #F89C2C);
}

.blue .article-form-embed-wrap {
	background-color: #65D5EF;
    background-image: -webkit-linear-gradient(left, #65D5EF, #34BBEC);
    background-image: linear-gradient(to right, #65D5EF, #34BBEC);
}

.green .article-form-embed-wrap {
	background-color: #CCE053;
    background-image: -webkit-linear-gradient(left, #CCE053, #90C73E);
    background-image: linear-gradient(to right, #CCE053, #90C73E);
}

.embed-form-message {
	position: absolute;
    display: none;
    bottom: 23px;
    left: 132px;
    color: #FFF;
}

@media (min-width: 500px) {
	.article-form-embed-wrap.embedfloat input[type=text] {
		width: 49.3%;
		float: right;
	}

	.article-form-embed-wrap.embedfloat input[type=text]:first-child {
		float: left;
	}

	.article-form-embed-wrap.embedfloatleft {
		max-width: 265px;
		float: left;
		margin-right: 20px;
	}

	.article-form-embed-wrap.embedfloatright {
		max-width: 265px;
		float: right;
		margin-left: 20px;
	}
}