/*------------------------------------------------------*\
	$BOOTSTRAP
\*------------------------------------------------------*/

/**
 * [*]  $****
 * [*]  $TYPOGRAPHY
 * [*]  $BUTTON
 * [*]  $JUMBOTRON
 * [*]  $CARD
 * [*]  $EMBED
 * [*]  $MODAL
 */




/*------------------------------------------------------*\
   [*]  $****
\*------------------------------------------------------*/

*,
:after,
:before {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}




/*------------------------------------------------------*\
   [*]  $TYPOGRAPHY
\*------------------------------------------------------*/

address,
dl,
ol,
p,
ul {
	margin-bottom: 0;
}




/*------------------------------------------------------*\
   [*]  $BUTTON
\*------------------------------------------------------*/

/**
 * [*.*]  Base
 * [*.*]  Primary
 * [*.*]  Link
 * [*.*]  Small
 */


/**
 * [*.*]  Base
 */

.btn {
	border: 0;
	font-size: 14px;
	border-radius: 0;
}


/**
 * [*.*]  Primary
 */

.btn-primary,
.kai-post__content a.btn-primary:link,
.kai-post__content a.btn-primary:visited {
	text-decoration: none;
	background-color: #000;
	color: #fff;
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		 -o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.kai-post__content a.btn-primary:hover,
.kai-post__content a.btn-primary:focus,
.kai-post__content a.btn-primary:active {
	background-color: #ca0072;
	color: #fff;
}


.btn-primary-outline {
	color: #000;
	background-color: #fff;
}

.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-primary-outline:active {
	background-color: #ddd;
	color: #000;
}


/**
 * [*.*]  Link
 */

.btn-link,
.btn-link:link,
.btn-link:visited {
	/*margin-top: 0;*/
	font-size: 11px;
	text-decoration: none;
	color: inherit;
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		 -o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active {
	color: #ca0072;
}

	.btn-link .fa {
		margin-right: 4px;
	}


/**
 * [*.*]  Small
 */

.btn-sm {
	font-size: 12px;
}




/*------------------------------------------------------*\
   [*]  $JUMBOTRON
\*------------------------------------------------------*/

/**
 * [*.*]  Base
 */

.jumbotron {
	margin-bottom: 0;
	padding: 30px 40px;
	background: #f2f2f2;
	border-radius: 0;
}

.kai-post__title + .jumbotron {
	margin-top: 20px;
}

	.lead {
		font-weight: 600;
		font-size: 16px;
		line-height: 24px;
		text-align: left;
	}

		.lead p {
			margin-bottom: 0;
		}

		.lead p + p {
			margin-top: 15px;
		}




/*------------------------------------------------------*\
   [*]  $CARD
\*------------------------------------------------------*/

/**
 * [*.*]  Base
 * [*.*]  Inverse
 */


/**
 * [*.*]  Base
 */

.card {
	margin-bottom: 0;
	border: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 0;
}

	.card-title {
		position: relative;
		font-style: italic;
		font-weight: 400;
		font-size: 22px;
		font-family: 'Crimson Text', serif;
		text-transform: uppercase;
	}

	.card-title::after {
		content: "";
		display: block;
		margin: 15px auto;
		width: 40px; height: 1px;
		/*background: #fff;*/
		background: rgba(255,255,255,.65);
	}

	.card-text {
		height: 50px;
		font-size: 14px;
	}

	.card-text + .btn {
		margin-top: 20px;
	}

	.card-img {
		opacity: .4;
		filter: (alpha=40);
		border-radius: 0;
	}


/**
 * [*.*]  Inverse
 */

.card-inverse {

}

	.card-inverse .card-block {
		position: relative;
		height: 400px;
		padding: 100px 40px 40px;
	}

	.card-inverse .card-block::before {
		content: "";
		position: absolute;
		left: 0; right: 0;
		top: 0; bottom: 0;
		background: #000;
		opacity: .6;
		filter: (alpha=60);
	}

		.card-inverse .card-block * {
			position: relative;
			z-index: 10;
		}




/*------------------------------------------------------*\
   [*]  $EMBED
\*------------------------------------------------------*/

/**
 * [*.*]  Base
 */

.embed-responsive {

}




/*------------------------------------------------------*\
   [*]  $MODAL
\*------------------------------------------------------*/

/**
 * [*.*]  Base
 */

@media (min-width: 992px) {

	.modal-lg {
		width: 1200px;
	}

}