/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
/* Content Boxes
------------------------------------------------------------ */
.content-box-green {
	margin: 0 0 25px;
	overflow: hidden;
	padding: 20px;
	background-color: #d9edc2;
	border: 1px solid #b2ce96;
}

/* Color Buttons
------------------------------------------------------------ */
.button-blue,
.button-gray,
.button-green,
.button-purple,
.button-red,
.button-yellow {
	color: #fff;
	padding: 5px 10px;
}

.button-blue:hover,
.button-gray:hover,
.button-green:hover,
.button-purple:hover,
.button-red:hover,
.button-yellow:hover {
	text-decoration: none;
}

.button-blue {
	background-color: #afcde3;
	border: 1px solid #afcde3;
}

.button-blue:hover {
	background-color: #83a2be;
	border: 1px solid #83a2be;
}

.button-gray {
	background-color: #bdbdbd;
	border: 1px solid #bdbdbd;
}

.button-gray:hover {
	background-color: #919191;
	border: 1px solid #919191;
}

.button-green {
	background-color: #b2ce96;
	border: 1px solid #b2ce96;
}

.button-green:hover {
	background-color: #86a36e;
	border: 1px solid #86a36e;
}

.button-purple {
	background-color: #bebde9;
	border: 1px solid #bebde9;
}

.button-purple:hover {
	background-color: #9291c7;
	border: 1px solid #9291c7;
}

.button-red {
	background-color: #e9b3b3;
	border: 1px solid #e9b3b3;
}

.button-red:hover {
	background-color: #c78787;
	border: 1px solid #c78787;
}

.button-yellow {
	background-color: #fadf98;
	border: 1px solid #fadf98;
}

.button-yellow:hover {
	background-color: #ecb870;
	border: 1px solid #ecb870;
}

.entry-content code {
    background-color: #007678 ;
  padding: 0 .2em;
}
.entry-content pre {
  background-color: #007678 ;
  padding: .5em 1em;
  overflow: auto;
  word-wrap: normal;
}


.review-footer {
  /* badge pseudo block */
  /* clearfix left */
  /* review content with provision for the floating badge */
  margin-top: 50px;
  border-top: solid #e03800 4px;
  padding-right: 250px;
  padding-top: 20px;
  padding-bottom: 20px;
  background: #1d1e20;
  color: #fefefe;
  /* typical review content */
}
.review-footer::before {
  content: "";
  display: block;
  float: right;
  height: 200px;
  width: 250px;
  position: relative;
  top: -70px;
  left: 250px;
  margin-left: -250px;
}
.review-footer.gold::before {
  background: url('https://itsfoss.com/wp-content/uploads/2017/08/badge-gold-medium.png') no-repeat center left;
}
.review-footer.approved::before {
  background: url('https://itsfoss.com/wp-content/uploads/2017/08/badge-happy-medium.png') no-repeat center left;
}
.review-footer.not-sure::before {
  background: url('https://itsfoss.com/wp-content/uploads/2017/08/badge-sad-medium.png') no-repeat center left;
}
.review-footer::after {
  content: "";
  display: block;
  clear: left;
}
.review-footer > ul,
.review-footer > div {
  float: left;
  margin-left: 3em;
  margin-right: 0px;
  margin-bottom: 0em;
  min-width: 35%;
}
.review-footer .the-good::before,
.review-footer .the-bad::before {
  content: "THE GOOD";
  display: block;
  margin-left: -1.5em;
}
.review-footer .the-good {
  color: #ffffff;
  max-width: 38%;
}
.review-footer .the-good::before {
  content: "THE GOOD";
}
.review-footer .the-good > li {
  list-style-image: url('https://itsfoss.com/wp-content/uploads/2017/08/bullet-good.png');
}
.review-footer .the-bad {
  color: #e03800;
  max-width: 38%;
}
.review-footer .the-bad::before {
  content: "THE BAD";
}
.review-footer .the-bad > li {
  list-style-image: url('https://itsfoss.com/wp-content/uploads/2017/08/bullet-bad.png');
}