
//
// HR
// --------------------------------------------------

.intense {
	&.hr {
		clear: both;
		display: block;
		width: 100%;
		min-height: 15px;
		line-height: 15px;
		position: relative;
		margin: 25px 0;
		// float: left;

		&.small {
			height: 10px;
			line-height: 10px;
			margin: 20px 0;
			float: none;
			width: 30%;
		}

		&.large {
			.hr-inner {
			}
		}

		h2 {
			margin: 10px 0;
		}

		&.hr-left {
			text-align: left;
		}

		&.hr-right {
			text-align: right;
		}

		&.hr-center {
			text-align: center;
		}
	}

	&.hr-inner {
		width: 100%;
		position: absolute;
		height: 40px;
		left: 0;
		top: 50%;
		margin-top: -1px;
		border-top-width: 1px;
		border-top-style: solid;
		z-index: 0;

		&.shadow {
			background-position: 50% 0;
			background-size: 100% auto;
			background-repeat: no-repeat;
		}

		&.hr-image {
			border-top-width: 0;
			border-width: 0; 
			border: none; 
			border-radius: 0px; 
			box-shadow: 0 0 0;
			position: static;
			height: auto;
		}		
	}

	&.hr-title {
		position: relative;
		z-index: 1;
		padding: 5px 15px;
		display: inline;

		&.hr-title-shadowed {
			box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
		}
	}

	&.hr-double {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		height: 5px;
	}

	&.hr-dotted {
		border-top-width: 2px;
		border-top-style: dotted;
	}

	&.hr-doubledotted {
		border-top-width: 1px;
		border-top-style: dotted;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		height: 5px;
	}

	&.hr-dashed {
		border-top-width: 2px;
		border-top-style: dashed;
	}

	&.hr-doubledashed {
		border-top-width: 1px;
		border-top-style: dashed;
		border-bottom-width: 1px;
		border-bottom-style: dashed;
		height: 5px;
	}

	&.hr.vertical {
		height: 300px;
		border-right-width: 1px;
		border-right-style: solid;
		width: 5px;
		display: inline-block;
		border-bottom-width: 0;
		border-top-width: 0;

		&.hr-image {
			border-right-width: 0px;
		}

		&.hr-double {
			border-left-width: 1px;
			border-left-style: solid;			
		}

		&.hr-doubledotted {
			border-left-width: 1px;
			border-left-style: dotted;
			border-right-width: 1px;
			border-right-style: dotted;	
		}

		&.hr-dotted {
			border-right-width: 2px;
			border-right-style: dotted;			
		}

		&.hr-dashed {
			border-right-width: 2px;
			border-right-style: dashed;			
		}

		&.hr-doubledashed {
			border-left-width: 1px;
			border-left-style: dashed;
			border-right-width: 1px;
			border-right-style: dashed;
		}

		& .hr-title {
			position: static;
			padding: 5px 15px;
			margin: 0;
			left: 0;
			top: 50%;
			width: 100%;
			margin-top: 0;
			border-top-width: 0;
			text-align: center;
			white-space: nowrap;
		}

		& .hr-inner {
			border: none;

		}
	}
}