@charset "utf-8";
/* CSS Document */

/*bullets/list*/
ul.callouts {
	padding: 0 20px 10px 20px;
	margin: 0;
}
ul.callouts li{
	/* list-style: none; */
	/* font-size: 0.9em; */
	padding-bottom: 2px;
	/* line-height: 1.3em; */
	display: list-item;
}
/* 
table ul.callouts > li{
	font-size: .9em;
} */

ul.callouts.long li {
	/* list-style: none; */
	padding-bottom: 6px;
	line-height: 1.3em;
	display: list-item;
}

ul.callouts li::marker {
	content: "\25AA  ";
	color: rgba(91, 127, 63, 1);
}

/*Challenge Callout Box*/

.challengeBoxContainer {
	background-color: rgba(100, 120, 135, 0.15);
	padding: 0 15px 15px 15px;
	margin-bottom: 20px;
	border-top: 8px solid rgba(0, 53, 99, 1);
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.challengeBoxContainer h4 {
	color: rgba(0, 53, 99, 1);
    margin: 10px 0 10px 10px;
    display: inline-block;
    width: 75%;
	vertical-align: middle;
	vertical-align: -webkit-baseline-middle;


}
.challengeBoxContainer p {
	margin: 0;
	/* line-height: 1.4em; */
	padding-bottom: 6px;
}

.challengeBoxImage {
	width: 55px;
	height: 55px;
	padding: 10px 0 0 0;
	display: inline-block;
	vertical-align: middle;

}

.challengeBoxImage.three-quarter-img {
	width: 75%;
	/* height: 100%; */
	text-align: center;
	margin: auto;
}

.challengeBoxImage.half-img {
	width: 50%;
	/* height: 100%; */
	text-align: center;
	margin: auto;
}

.challengeBoxImage.one-quarter-img {
	width: 50%;
	/* height: 100%; */
	text-align: center;
	margin: auto;
}

.challengeBoxImage > img {
	max-width: 100%;
	max-height: 100%;
}

/*Examples Callout Box*/

.exampleBoxContainer {
	background-color: rgba(100, 120, 135, 0.15);
	padding: 0 15px 15px 15px;
	border-top: 8px solid rgba(83, 117, 57, 1);
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-bottom: 15px;
}

.exampleBoxContainer h4, .exampleBoxContainer h5 {
	color: rgba(76, 107, 52, 1);
	margin: 20px 0 10px 0;
}
.exampleBoxContainer p {
	margin: 0;
	/* line-height: 1.4em; */
}
.exampleBoxImage.full-img {
	width: 100%;
	height: 100%;
	text-align: center;
}

table .full-img {
	width: 96%;
	height: auto;
	text-align: center;
	margin:2% 2% 0 2%;
	border: #a7a7a7 1px solid;
}

.exampleBoxImage.three-quarter-img {
	width: 75%;
	/* height: 100%; */
	text-align: center;
	margin: auto;
}

.exampleBoxImage.one-third-img {
	width: 33%;
	/* height: 100%; */
	text-align: center;
	margin: auto;
}
.exampleBoxImage.two-thirds-img {
	width: 66%;
	/* height: 100%; */
	text-align: center;
	margin: auto;
}

.exampleBoxImage.half-img {
	width: 50%;
	/* height: 100%; */
	text-align: center;
	margin: auto;
}

.exampleBoxImage.one-quarter-img {
	width: 50%;
	/* height: 100%; */
	text-align: center;
	margin: auto;
}

.exampleBoxImage > img {
	width: 100%;
	height: 100%;
}

.exampleBoxRow {
	width: 100%;
	height: 100%;
	display: inline-flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}

.exampleBoxRow img {
	width: 40%;
	height: 40%;
	margin: 1%;
}

@media only screen and (max-width: 1023px) {
	.exampleBoxRow img {
		width: 75%;
		height: 75%;
		margin: 1% 0;
	}

	/* ul.callouts li, table ul.callouts li{ */
		/* font-size: 1.3rem; */
	/* } */
}

/*Need More Ideas Callout Box*/
/* .ideasBoxContainer {
	padding-top: 15px;
} */

.ideasBoxContainer h4 {
	color: rgba(0, 53, 99, 1);
	margin: 10px 0 0 0;
	max-width: 80%;
}
.ideasBoxContainer p {
	color: rgba(0, 0, 0, 1);
	margin: 0;
	/* line-height: 1.4em; */
	padding-top: 10px;
	/* word-break: break-all; */
}

.ideasBoxImage {
	width: 55px;
	height: 55px;
	display: inline-block;
	vertical-align: middle;
}

.ideasBoxImage img {
	max-width: 100%;
	max-height: 100%;
}

/*Reference Section*/
/* .references {
	border-top: 1px solid rgba(0, 0, 0, 1);
	line-height: 1.3em;
	margin: 10px 0;
	padding: 10px 0;
}

.references p {
	font-size: 12px;
	padding: 0;
	margin: 5px 0 0 0;
} */

@media only screen and (max-width: 480px) {
	.challengeBoxImage.three-quarter-img,
	.challengeBoxImage.half-img,
	.challengeBoxImage.one-quarter-img,
	.exampleBoxImage.three-quarter-img,
	.exampleBoxImage.two-thirds-img,
	.exampleBoxImage.half-img,
	.exampleBoxImage.one-quarter-img {
		width: 100%;
	}

	.exampleBoxRow img {
		width: 100%;
		height: 100%;
		margin: 1% 0;
	}
}


/*Extras*/
.check {
	display: inline-block;
	transform: rotate(45deg);
	height: 12px;
	width: 4px;
	border-bottom: 4px solid rgba(83, 117, 57, 1);
	border-right: 4px solid rgba(83, 117, 57, 1);
	margin: 0 5px 0 0;
  }