/* 
 * 
 * Computer Courage CMS Building Blocks base CSS
 * http://www.computercourage.com
 * 
 * Do not edit this stylesheet's contents. This is the stylesheet
 * for the CMS Building Blocks system. Edits can be made via the
 * blocks-theme.css file in the same directory.
 * 
 */


.content-block {
	width: 100%;
	display: inline-block;
	clear: both;
	float: left;
}
.block-strip .inner-page {
	display: block!important;
}
/* Heading block */
.block-heading.left {
	text-align: left;
}
.block-heading.center {
	text-align: center;
}
.block-heading.right {
	text-align: right;
}

/* Two Column Text block */
.format-two-column-text .left-column {
	float: left;
	width: 48%;
}
.format-two-column-text .right-column {
	float: right;
	width: 48%;
}

/* Info Blocks */
.format-info-blocks {
	margin-bottom: 35px;
}
.info-block {
	float: left;
	width: 47.9%;
	margin: 0 4.2% 20px 0;
}
.info-block img {
	width: 100%;
	display: block;
}
.info-block .info-header h4 {
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	margin-bottom: 15px;
}
.info-block .info-button {

}
.info-text, .info-action {
	display: inline-block;
	width: 100%;
	float: left;
}

/* Button block */
.format-button > div {
	display: table;
	margin: 10px auto;
}
.block-button {
	text-align: center;
	display: inline-block;
	float: left;
	text-decoration: none;
	border: 1px dashed #cecece;
	margin: 0 10px;
	background-color: #f8f8f8;
}
.block-button.small {
	padding: 0 28px;
	line-height: 45px;
	height: 43px;
	font-size: 16px;
}
.block-button.medium {
	padding: 0 35px;
	line-height: 55px;
	height: 53px;
	font-size: 20px;
}
.block-button.large {
	padding: 0 50px;
	line-height: 70px;
	height: 68px;
	font-size: 28px;
}

/* Button block */
.action-background {
	width: 100%;
	float: left;
	display: inline-block;
	padding: 30px 0;
}
.action-background.colored {
	background: #f0f0f0;
}
.action-background > div {
	display: table;
	margin: 0 auto;
}
.action-background p {
	font-size: 16px;
	line-height: 16px;
	float: left;
}
.action-button {
	text-align: center;
	display: inline-block;
	text-decoration: none;
	border: 1px dashed #cecece;
	margin: 0;
	background-color: #f8f8f8;
	padding: 0 35px;
	line-height: 55px;
	height: 53px;
	font-size: 20px;
}
.action-button.action-left {
	float: left;
	margin-right: 35px;
}
.action-button.action-right {
	float: right;
	margin-left: 35px;
}

/* Tabs block */
.tabs ul {
	display: inline-block;
	width: 100%;
	float: left;
	clear: both;
	margin: 0;
}
.tabs .tab-title {
	list-style-type: none;
	float: left;
	margin: 0px;
}
.tabs .tab-title a {
	padding: 10px 23px;
	background: #f8f8f8;
	border: 1px dashed #cecece;
	display: inline-block;
}
.tab-content {
	float: left;
}

/* Image Block */
.format-image a img {
	display: block;
	margin: 0 auto 10px;
	max-width: 100%;
}
.format-image .wp-caption-text {
	text-align: center;
}

/* Gallery block */
.format-image-gallery img {
	height: 162px;
	width: 162px;
	float: left;
	margin: 0 10px 10px 0;
}

/* Image left/right blocks */
.format-image-right, .format-image-left {
	display: table;
}
.left-right-text {
	width: 63%;
	display: table-cell;
	vertical-align: middle;
}
.format-image-right .left-right-text {
	padding-right: 3%;
}
.format-image-left .left-right-text {
	padding-left: 3%;
}
.img-container {
	display: table-cell;
	width: 33%;
	vertical-align: middle;
}
.img-container img {
	width: 100%;
}

/* Image Slide Show */
.slides li img {
	width: 100%;
}
.block-cycle {
	width: 100%;
	height: 450px;
	position: relative;
	overflow: hidden;
}
.block-cycle-slide, .block-img {
	width: 100%;
	height: 450px;
}
.block-cycle-slide > img {
	width: 100%;
}
.block-cycle-slide .slide-text {
	position: absolute;
	z-index: 10;
	top: 40px;
	left: 40px;
	max-width: 70%;
	padding: 20px;
	background-color: rgba(0,0,0,0.5);
}
.block-cycle-slide .slide-title {
	font-size: 24px;
	line-height: 24px;
}
.block-cycle-slide .slide-text * {
	color: #ffffff;
}
.backstretch-data {
	display: none!important;
}

/* Video */
.small-video iframe {
	display: block;
	margin: 0 auto;
}

/* Spacer */
.spacer {
	width: 100%;
	clear: both;
	display: inline-block;
}
.spacer.small {
	height: 14px;
	margin: 17px 0 0 0;
}
.spacer.medium {
	height: 36px;
	margin: 39px 0 0 0;
}
.spacer.large {
	height: 58px;
	margin: 64px 0 0 0;
}
.spacer.dividing-line {
	border-top: 5px dotted #a1a1a1;
}


/* Multiple Videos */
.format-multiple-videos {
	margin-bottom: 35px;
}
.video-block {
	float: left;
	width: 47.9%;
	margin: 0 4.2% 20px 0;
}
.video-block img {
	width: 100%;
	display: block;
}
.video-block .info-header h4 {
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	margin-bottom: 15px;
}
.video-block .info-button {

}
.video-columns-3 {
	width: 31%;
	margin-right: 3.5%;
}
.video-columns-4 {
	width: 22.75%;
	margin-right: 3%;
}
.video-block > .hulu-box {
	display: none!important;
}



/* Scrolling Banner */
.format-scrolling-banner {
	margin: 30px 0;
}
.carousel-container {
	width: 100%;
	position: relative;
	float: left;
}
.carousel-container > div {
	float: left;
	width: 180px;
	height: 250px;
	margin-right: 15px;
	position: relative;
}