/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
html,
button,
input,
select,
textarea,
input[type="text"], input[type="email"], textarea, .jetpack_subscription_widget #subscribe-email input {
	font-family: 'Vollkorn', Helvetica, sans-serif;
}

div#wpdevar_comment_3 span {
	padding-left: 0 !important;
	font-weight: bold !important;
	font-style: italic !important;
	font-family: inherit !important;
}

div#wpdevar_comment_3 {
	margin-top: 40px;
}

.main-navigation {
	font-family: Lato, sans-serif;
}

.shortcode-author-avatars .user {
/*	width: 45%;
	margin-right: 5%; */
}

.shortcode-author-avatars .user a {
	display: block;
	float: left;
	margin-right: 4%;
	margin-bottom: 1%;
	max-width: 122px;
}

.shortcode-author-avatars .user .biography {
	text-align: left;
}

.shortcode-author-avatars .user .biography a {
	display: inline;
	float: none;
	margin: 0;
	width: auto;
}

.gabfire_authorbadge {
	border: none;
	background: none;
}

section.image-header.box {
	margin-bottom: -30px;
	background-position: 0 center;
}

#menu-superior.nav-menu {
	border-top: none;
}

h1.site-title {
	text-indent: -6000em;
	line-height: .9em;
}

.image-header p.site-description {
	text-align: left;
	padding-left: 70px;
	font-size: 25px;
	color: #fff;
}

.site-description:before, .site-description:after {
	display: none;
}

.entry-header .entry-meta span.line-author:after {
	background-color: #A14EBF;
}

.entry-content p, .entry-summary p, .entry-content ul, .entry-summary ul, .entry-content ol, .entry-summary ol {
	font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
	section.image-header.box {
		margin-bottom: 0;
		background-position: 10% center;
	}
	
	.image-header p.site-description {
		text-align: left;
		padding-left: 6%;
		font-size: 14px;
	}
}

/*code for styled blockquotes*/
.mb-wrap {
/*width: 300px;*/
	margin: 20px auto;
	padding: 20px;
	position: relative;
}

.mb-wrap p {
	margin: 0;
	padding: 0;
}

.mb-wrap blockquote {
	margin: 0;
	padding: 0;
	position: relative;
}

.mb-wrap cite {
	font-style: normal;
}

.mb-style-3 {
	max-width: 600px;
}

.mb-style-3 blockquote {
	background: #fff;
	padding: 30px;
	border-radius: 5px;
	box-shadow: inset 0 2px 0 rgba(188,147,200,0.7), -5px -4px 25px rgba(0,0,0,0.3);
}

.mb-style-3 blockquote:after, .mb-style-3 blockquote:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.mb-style-3 blockquote:after {
	border-top-color: #ffffff;
	border-width: 10px;
	left: 65%;
	margin-left: -10px;
}

.mb-style-3 blockquote:before {
	border-top-color: rgba(0,0,0,0.01);
	border-width: 11px;
	left: 65%;
	margin-left: -11px;
}

.mb-style-3 blockquote p {
	font-size: 1rem !important;
	font-weight: 400;
	line-height: 1.5rem;
	font-style: italic;
	text-indent: 100px;
	position: relative;
}

.mb-style-3 blockquote p:before {
	content: '\201C';
	font-family: serif;
	font-style: normal;
	font-weight: 700;
	position: absolute;
	font-size: 175px;
	top: -120px;
	left: -105px;
	color: rgba(188,147,200,1);
	text-shadow: 7px 14px 10px rgba(0,0,0,0.1);
}

.mb-style-3 .mb-attribution {
	text-align: right;
	padding: 20px 100px 20px 20px;
	position: relative;
}

.mb-style-3 .mb-author {
	font-weight: 700;
	font-size: 1rem;
	color: rgba(188,147,200,1);
}

.mb-style-3 cite {
	font-weight: 400;
	font-style: italic;
	font-size: 1rem;
	color: rgba(188,147,200,1);
}

/*
For the About Us Page
*/
.with-biography {
	padding: 16px !important;
	height: 340px;
	background-color: #e7f4ff;
	margin: 10px;
	overflow: hidden;
	border-radius: 8px;
}

img.avatar.avatar-140.wp-user-avatar.wp-user-avatar-140.alignnone.photo {
	border-radius: 8px;
}

.biography p {
	font-size: 1rem;
}

/*To hide Author with no bio*/
.biography-missing {
	display: none !important;
}

.name strong {
	color: #e011c1;
}

.author-list a {
	margin: 0;
	background-color: white;
	border: 10px solid white;
	border-radius: 6px;
}

img.avatar {
	margin-bottom: 10px;
	border-radius: 6px;
}

@media all and (max-width: 733px) and (min-width: 600px) {
	.biography p {
		max-width: 230px;
	}
}

@media all and (max-width: 991px) and (min-width: 734px) {
	.biography p {
		max-width: 300px;
	}
}

@media all and (max-width: 1199px) and (min-width: 992px) {
	.biography p {
		max-width: 250px;
	}
}

@media all and (min-width: 1200px) {
	.biography p {
		max-width: 320px;
	}
}

@media all and (max-width: 599px) {
	.with-biography {
		height: initial;
	}
}
footer #archives-3 {
	height:400px;
	overflow-y: scroll;
}