/* ------ TRANSITIONS ------ */
.transition-bg-color {
	-webkit-transition: background-color .3s ease;
	   -moz-transition: background-color .3s ease;
			transition: background-color .3s ease;
}

/* ------ HEADLINES ------*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Istok Web', Arial, Tahoma, Verdana !important;
	margin-top: 0;
	color: #313E66;
	text-transform: uppercase;
}
h2 {
	font-size: 1.5rem;
	margin-bottom: 1rem;
	text-transform: uppercase;
}
h3 {
	font-size: 1.063rem;
	color: #1b2956;
}
h4 {
	font-size: 0.938rem;
	color: #930e29;
	text-transform: none;
}
h5 {
	color: #959595;
	text-transform: uppercase;
	font-size: 1.063rem;
}
.bg-blue h2 {
	color: #fff;
}

/* ------ LINKS ------ */
a {
	color: #313E66;
	text-decoration: none;
}
a:hover, 
a:focus {
	color: #000;
	text-decoration: underline;
}

.bg-blue a:hover,
.bg-blue a:focus {
	color: #fff;
}

.button {
	color: #313E66;
	border: 1px solid #313E66;
	background: none;
	text-transform: uppercase;
	padding: 0.6rem 1.25rem;
	margin-bottom: 0;
}
.button:hover,
.button:active,
.button:focus {
	background-color: #313E66;
	color: #fff;
	text-decoration: none;
}
.bg-white .button {
	color: #9A3837;
	border-color: #9A3837;
}
.bg-white .button:hover,
.bg-white .button:active,
.bg-white .button:focus {
	color: #fff;
	background-color: #313E66;
	border-color: #313E66;
}

.bg-lightgrey .button {
	color: #952c2b;
	border-color: #952c2b;
}
.bg-lightgrey .button:hover,
.bg-lightgrey .button:active,
.bg-lightgrey .button:focus {
	color: #fff;
	background-color: #313E66;
	border-color: #313E66;
}
.bg-blue .button,
.bg-red .button {
	color: #fff;
	border-color: #fff;
}
.bg-blue .button:hover,
.bg-blue .button:active,
.bg-blue .button:focus,
.bg-red .button:hover,
.bg-red .button:active,
.bg-red .button:focus {
	color: #313E66;
	background-color: #fff;
}

.box.bg-white .button {
	border: 0 none;
	height: 28px;
	background: rgb(149, 44, 43);
	background: rgba(149, 44, 43, 0.9);
	color: #fff;
	font-size: 0.938rem;
	line-height: 27px;
	padding: 0 20px;
}
.box.bg-white .button:hover,
.box.bg-white .button:active,
.box.bg-white .button:focus {
	background-color: #313e66;
	color: #fff;
}

/* ------ DIVIDER ------ */
.hr {
	border-top: 1px solid #ddd;
	line-height: 1px;
	font-size: 1px;
	margin: 20px 0;
	height: 1px;
}
.hr hr {
	display: none;
}

/* ------ PARAGRAPH ------ */
p {
	font-size: 0.875rem;
	margin-bottom: 1rem;
}
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}

/* ------ LISTS ------ */
ul, ol {
	font-size: 0.875rem;
}
ul.csc-textpic-imgblock,
ul.csc-textpic-imgblock > li {
	list-style: none !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}