/*  MICROTHEMER STYLES  */


/*= General =================== */

/** General >> Container heading 1 **/
.container h1 {
	font-weight: 800 !important;
	font-variant: small-caps !important;
}

/*= Blog ====================== */

/** Blog >> Post - Blog **/
.post {
	width: 1175px !important;
}

/** Blog >> Entry left div - Blog **/
.entry-left div {
	width: 0 !important;
}

/** Blog >> Entry left - Blog **/
.entry-left {
	width: 0 !important;
	height: 0 !important;
}

/** Blog >> Entry date - Blog **/
.entry-date {
	height: 0 !important;
	padding-top: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 0 !important;
}

/** Blog >> Fa th large - Blog **/
.fa-th-large {
	width: 0 !important;
	height: 0 !important;
}

/** Blog >> Entry left - 2 - Blog **/
.entry-left {
	width: 0 !important;
	padding-top: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 0 !important;
}

/** Blog >> Format icon - Blog **/
.format-icon {
	width: 0 !important;
	height: 0 !important;
	padding-top: 8px !important;
	padding-right: 0 !important;
	padding-bottom: 10px !important;
	padding-left: 0 !important;
}

/** Blog >> Breadcrumb active - Blog **/
.breadcrumb .active {
	font-size: 20px !important;
	font-weight: 600 !important;
	letter-spacing: 1px !important;
}


/*[ Large Desktop ]*/
@media (min-width: 1200px) {

	/*= Blog ====================== */

	/** Blog >> Post - Blog **/
	.post {
		width: 1170px !important;
	}

	/** Blog >> Entry title link - Blog **/
	.entry-title a {
		font-size: 32px !important;
	}

	/** Blog >> Format icon - Blog **/
	.format-icon {
		padding-top: 14px !important;
	}

	/** Blog >> Entry header entry title - Blog **/
	.entry-header .entry-title {
		font-size: 40px !important;
		line-height: 1.25 !important;
		font-weight: 600 !important;
	}

	/** Blog >> Entry date span - Blog **/
	.entry-date span {
		height: 0 !important;
	}

	/** Blog >> Breadcrumb active - Blog **/
	.breadcrumb .active {
		font-weight: 550 !important;
	}

	/*= General =================== */

	/** General >> Container heading 1 **/
	.container h1 {
		color: rgb(34, 162, 216) !important;
		font-size: 80px !important;
	}
}

/*[ Desktop & Tablet ]*/
@media (min-width: 768px) and (max-width: 979px) {

	/*= Blog ====================== */

	/** Blog >> Post - Blog **/
	.post {
		width: auto !important;
	}

	/** Blog >> Entry title link - Blog **/
	.entry-title a {
		font-size: 24px !important;
		line-height: 1.25 !important;
	}

	/** Blog >> Format icon - Blog **/
	.format-icon {
		width: 0 !important;
		height: 0 !important;
		padding-top: 0 !important;
		bottom: auto !important;
		float: none !important;
	}

	/** Blog >> Breadcrumb active - Blog **/
	.breadcrumb .active {
		font-size: 18px !important;
		font-weight: 500 !important;
	}
}

/*[ Tablet & Phone ]*/
@media (max-width: 767px) {

	/*= Blog ====================== */

	/** Blog >> Post - Blog **/
	.post {
		width: auto !important;
	}

	/** Blog >> Entry title link - Blog **/
	.entry-title a {
		font-size: 24px !important;
		line-height: 1.25 !important;
	}

	/** Blog >> Format icon - Blog **/
	.format-icon {
		width: 0 !important;
		padding-top: 4px !important;
	}

	/** Blog >> Entry header entry title - Blog **/
	.entry-header .entry-title {
		font-size: 24px !important;
		line-height: 1.25 !important;
		font-weight: 600 !important;
	}

	/** Blog >> Breadcrumb active - Blog **/
	.breadcrumb .active {
		font-weight: 550 !important;
	}
}

/*[ Phone ]*/
@media (max-width: 480px) {

	/*= Blog ====================== */

	/** Blog >> Post - Blog **/
	.post {
		width: auto !important;
	}

	/** Blog >> Entry title link - Blog **/
	.entry-title a {
		color: rgb(52, 49, 76) !important;
		font-size: 24px !important;
		line-height: 1.5 !important;
	}

	/** Blog >> Entry left - 2 - Blog **/
	.entry-left {
		width: 0 !important;
		padding-top: 0 !important;
		padding-right: 0 !important;
		padding-bottom: 0 !important;
		padding-left: 0 !important;
	}

	/** Blog >> Format icon - Blog **/
	.format-icon {
		padding-top: 6px !important;
	}

	/** Blog >> Entry header entry title - Blog **/
	.entry-header .entry-title {
		font-size: 28px !important;
		line-height: 1.25 !important;
		font-weight: 400 !important;
	}

	/** Blog >> Breadcrumb active - Blog **/
	.breadcrumb .active {
		font-weight: 550 !important;
	}
}