
//
// Content Box
// --------------------------------------------------

.intense.content-box {
	text-align: center;

	.content-box-title {
		& > * {
			margin-top: 0 !important;
		}

		& h2 > .icon-stack {
			font-size: 1em;
		}
	}

	.h2 {
		margin-top: 0;
		padding-top: 0;
	}

	.content-box-icon {
		width: 50px;
		margin: 0 auto;
		z-index: 5;
		text-align: center;
		position: relative;
	}

	.content-box-text {
		margin-top: -25px;
		background: #efefef;
		z-index: 1;
		padding: 25px 25px;
	}

	.content-box-excerpt {
		padding-bottom: 15px;
	}

	&.topleft {
		.content-box-icon {
			margin: 0;
		}

		.content-box-text-wrapper {
			margin-left: 15px;
		}

	}

	&.topright {
		.content-box-icon {
			float: right;
			margin-top: -20px;			
		}

		.content-box-text-wrapper {
			margin: 45px 20px 0 0;
		}
	}

	&.inside {
		.content-box-text {
			margin-top: 20px;
			text-align: left;
		}

		i {
			vertical-align: middle;
		}
	}

	&.inside.rtl {
		text-align: right;
		
		.content-box-text {
			text-align: right;
		}
	}

	&.bottomleft {
		.content-box-icon {
			margin: -20px 0 0 0;
		}

		.content-box-text {
			margin-left: 15px;
			padding-bottom: 15px;
			margin-top: 0;
		}
	}

	&.bottomright {
		.content-box-icon {
			float: right;
			margin-top: -20px;			
		}

		.content-box-text {
			margin: 0 20px 0 0;
			margin-top: 0;
		}
	}

	&.bottomcenter {
		.content-box-icon {
			margin-top: -20px;			
		}

		.content-box-text {
			margin-top: 0;
			padding-bottom: 30px;
		}
	}

	&.unboxed {
		.content-box-text {
			padding: 0;
			background: transparent;
		}		
	}

	&.topcenter.unboxed .content-box-text, &.topright.unboxed .content-box-text, &.topleft.unboxed .content-box-text   {
			padding-top: 25px;
	}

	&.bottomcenter.unboxed .content-box-text, &.bottomright.unboxed .content-box-text, &.bottomleft.unboxed .content-box-text   {
			padding-bottom: 25px;
	}
}
