/*
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-green {
	color: #fff;
	padding: 5px 10px;
}
.button-green:hover {
	text-decoration: none;
}

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

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


.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');
}