/* WP Style Kit */

.callout {
	background: #eeeeee;
	border: #03ccd4 solid 1px;
	margin: 1em;
	padding: 1em 1em 0.5em;
}

.callout p {
	margin: 0 0 0.5em;
}

.hed1{
	color: #59a9dc;
	font-size: 24px;
	font-weight: 400;
	line-height: 28px;
	margin: 0;
	padding: 0;
}

.hed2{
	color:#59a9dc;
	font-size: 20px;
	font-weight: 300;
	line-height: 26px;
	margin: 0;
	padding: 0;
}

.circle-blue,.circle-orange,.circle-red,.box-blue,.box-orange,.box-red {
	background-position: 21px 13px;
	background-repeat: no-repeat;
	background-size: 22px 22px;
	list-style: none;
	margin: 0;
	padding: 12px 0 12px 64px;
	text-align: left;
}

.circle-blue {
	background-image: url(images/icon-check-blue.png);
	}

.circle-orange {
	background-image: url(images/icon-check-orange.png);
}

.circle-red {
	background-image: url(images/icon-check-red.png);
}

.box-blue {
	background-image: url(images/box-check-blue.png);
	}

.box-orange {
	background-image: url(images/box-check-orange.png);
	}

.box-red {
	background-image: url(images/box-check-red.png);
	}
.quotes {
	font: 26px;
	font-style: italic;
	margin: 0px;
	background-image: url(images/quotes.png);
	background-repeat:no-repeat;
	top:0;
	left:0;
	margin-left:auto; margin-right:auto;
	padding:1.6em 1.6em 0.2em 3.5em;
	font-weight: 300;
	line-height: 1.625;
	display:block;
}

.content-box-blue,
.content-box-gray,
.content-box-green,
.content-box-purple,
.content-box-red,
.content-box-yellow {
    margin-bottom: 30px;
    overflow: hidden;
    padding: 30px;
}

.content-box-blue {
    background-color: #d8ecf7;
    border: 1px solid #afcde3;
}

.content-box-gray {
    background-color: #e2e2e2;
    border: 1px solid #bdbdbd;
}

.content-box-green {
    background-color: #d9edc2;
    border: 1px solid #b2ce96;
}

.content-box-purple {
    background-color: #e2e2f9;
    border: 1px solid #bebde9;
}

.content-box-red {
    background-color: #f9dbdb;
    border: 1px solid #e9b3b3;
}

.content-box-yellow {
    background-color: #fef5c4;
    border: 1px solid #fadf98;
}

.cd-box {
  /* this is the container of various design elements - i.e. the 2 logo of the branding section */
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  background: #ffffff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07);
  padding: 14px;
  padding-bottom: 0;
  display: inline-block;
  margin-bottom: 1em;
}