/*----------------- PROS/CONS SHORTCODE ------------------- */


.fas.shortcode,
.fa.shortcode {
	text-align: center;
	height: 36px;
}
.fas.shortcode,
.fa.shortcode,
.pros-cons .heading span {
	width: 26px; 
	height: 26px;	
	border-radius: 13px;
	line-height: 26px;
	color: white;
	font-size: 17px;
}
table .fa.shortcode,
.pros-cons .heading span {
	margin-left: calc(50% - 13px);
}
table .fa.shortcode {
	background-color: transparent !important;
	font-size: 16px;
}
.pros-cons { 
	margin-bottom: 30px; 
}
.pros-cons .pros,
.pros-cons .cons {
	background: #f7f7f7;
	margin-top: 20px;
}
.pros-cons-inner {
	padding: 15px;
}
.pros-cons .heading {
	text-align: center;
	display: flex;
	flex-direction: column;	
	justify-items: center;
	text-transform: uppercase;
	padding: 5px 15px; 
	border-bottom: 1px solid #d9d9d9;
}
.pros-cons .heading span {
	margin-left: calc(50% - 18px);
	width: 36px; 
	height: 36px;	
	border-radius: 18px;
	line-height: 36px;
	color: white;
	margin-top: -20px;
	margin-bottom: 2px;
}
.fa.shortcode.fa-check,
.pros-cons .pros .heading span{ 	background: #98d464;	
}
.fa.shortcode.fa-times,
.pros-cons .cons .heading span{ 	background: #e74c3b;	
}
.fa-exclamation { background: #ffd700; }

table .fa.shortcode.fa-check { 	color: #008004;	
}
table .fa.shortcode.fa-times { 	color: #e74c3b;	
}
@media (min-width: 768px){
	.pros-cons {
		display: flex;
	}
	.pros-cons .pros,
.pros-cons .cons {
	width: 50%;
}
	.pros-cons .cons {
	    border-left: 1px solid #d9d9d9;
	}
}

/*----------------- MISC FORMATTING SHORTCODES ------------------- */

.pricetag{
	white-space:nowrap;
	position:relative;
	margin-left: 18px;
	display:inline-block;
	height:36px;
	padding: 0 15px 0 15px;
	background:#98d464;
	line-height:36px;
	color: white;
	font-style: italic;
	font-weight: bold;
}
.pricetag:before{
	position:absolute;
	content:"\25CF";
	color:white;
	text-shadow: 0 0 1px #333;
	font-size:12px;
	font-style: normal;
	line-height:0px;
	text-indent:12px;
	left:-18px;
	width: 0px;
	height:0px;
	border-right:18px solid #98d464;
	border-top:  18px solid transparent;
	border-bottom:  18px solid transparent;
}

span.rating {
	display: inline-block;
	text-align: center;
	background-color: #e4d685; 
	padding: 3px 9px;
	border-radius: 5px;
	line-height: 18px;
	min-width: 40px;
	color: white;
	font-weight: 700; 
}
.tutorial-materials ul,
ul.icon-list {	
    list-style-type: none;	
}	
.tutorial-materials ul>li,
ul.icon-list>li {	
    position: relative;	
}	
.tutorial-materials ul>li:before,
ul.icon-list>li:before {	
    font-family: "Font Awesome 5 Free";	
	font-weight: 900;
	 position: absolute;	
    left: -25px;	
}	
.tutorial-materials ul>li:before,
ul.icon-list.check li:before {	
	content: "\f00c";	
    color: green;	
}	
ul.icon-list.times li:before {	
	content: "\f00d";	
    color: red;	
}	
.heading-green, .heading-red {	
	display: inline-block;
    color: white;	
    padding: 8px 20px;	
}	
.heading-green {	
    background-color: green;	
}	
.heading-red {	
	background-color: red;	
}
@media (min-width: 768px) {
	table span.rating {
		margin-left: calc(50% - 20px);
	}
}

/*----------------- EZ TOC ------------------- */

body #ez-toc-container {
	box-shadow: none;
	border-width: 4px !important;
	border-radius: 0;
    padding: 15px;
	border-left: 0 !important;
    border-right: 0 !important;
}
body #ez-toc-container p.ez-toc-title {
	font-size: 24px;
	color: inherit !important;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
}
body #ez-toc-container p.ez-toc-title + p {
	display: none;
}
body #ez-toc-container ul li {
	line-height: 32px;
}
body #ez-toc-container ul ul {
	margin-left: 10px;
}
body #ez-toc-container ul ul li {
	position: relative;
	padding-left: 18px;
}
body #ez-toc-container ul ul li:before {
	content: '';
	position: absolute;
	left: 0;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid var(--bright-accent-color, #f04b4c);
	margin-top: 8px;
}

/*----------------- TABLEPRESS - Compare and Review tables ------------------- */

/* Compare and Review */
body .tablepress.compare,
body .tablepress.review {
  border: 1px solid #ececec;
  box-shadow: 0 3px 5px 2px #ececec;
  border-radius: 4px;
  margin-bottom: 30px;
}

body .tablepress.review tfoot th,
body .tablepress.compare thead th,
body .tablepress.review thead th {
  background-color: #ffffff !important;
  color: #343434 !important;
  text-align: center;
}

body .tablepress.compare thead th,
body .tablepress.review thead th {
  font-size: 18px;
  border-bottom: 3px solid var(--bright-accent-color, #f04b4c) !important;
}

body .tablepress.review td,
body .tablepress.review th,
body .tablepress.compare td,
body .tablepress.compare th {
  padding: 20px 10px;
  line-height: 1.5em;
  font-size: .9em;
  vertical-align: middle;
}

.tablepress.review tr,
.tablepress.compare tr {
  vertical-align: middle;
}

.tablepress.review .btn,
.tablepress.compare .btn {
  text-decoration: none;
}

.tablepress.review img,
.tablepress.compare img {
  max-width: 180px;
}

.tablepress.review ul:last-child,
.tablepress.review p:last-child,
.tablepress.compare ul:last-child,
.tablepress.compare p:last-child {
  margin-bottom: 0;
}

.tablepress.review.horizontal tr.row-2 {
    font-weight: bold;
}
.tablepress.review.horizontal tr.row-2 td {
	text-align: center;
}

@media (max-width: 767px) {

  .tablepress.review th,
  .tablepress.review td,
  .tablepress.compare td {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 10px;
    border-top: 0;
  }

  .tablepress.review tfoot .btn {
    margin-bottom: 20px !important;
  }

  .tablepress.review tr:not(:first-child),
  .tablepress.compare tr:not(:first-child) {
    border-top: 1px solid #ececec;
  }

}

/* Compare */
.tablepress.compare td,
.tablepress.compare th {
  text-align: center;
}

.tablepress.compare td.column-2 {
  text-align: left;
}

.tablepress.compare td.column-3 {
  min-width: 160px;
}

/* Review */
body .tablepress.review td,
body .tablepress.review th {
  padding: 15px 20px;
}

.tablepress.review thead .btn {
  background: var(--bright-accent-color, #f04b4c);
  border-color: var(--bright-accent-color, #f04b4c);
  color: white;
}

.tablepress.review thead .btn:hover {
  opacity: 0.7;
}

.tablepress.review th p {
  font-weight: 400;
  margin-bottom: 0;
}

.tablepress.review td.column-1 {
  font-weight: bold;
  padding-left: 30px;
}

.tablepress.review th .rating-value {
  display: inline-block;
  border: 1px solid #d0d0d0;
  border-radius: 25px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 15px;
  margin-right: 10px;
}

.tablepress.review th .rating-input {
  display: inline-block;
  color: #edc31b;
}

.tablepress.review small {
  font-size: 12px;
}

.tablepress.review .btn:hover {
  color: white;
}

.tablepress.review tfoot .btn {
  text-decoration: none;
  margin: 0 20px;
  padding: 12px 25px;
}

.tablepress.review.horizontal tr.row-2 {
    font-weight: bold;
}
.tablepress.review.horizontal tr.row-2 td {
	text-align: center;
}

/*----------------- PRODUCT BOXES ------------------- */

.aawp .aawp-product--horizontal,
.product-box,
.amazon-box {
     position: relative;
     border: 4px solid #d9d9d9 !important;
     padding: 30px 15px 15px;
     margin-bottom: 30px;
     margin-top: 40px;
}
.aawp-banner,
.logo-bullets-cta .product-box-banner,
.product-box .product-box-banner,
.amazon-box span.amazon-box-banner {
     font-family: georgia,Times New Roman,serif;
     font-size: 24px;
    font-weight: bold;
    line-height: 1.25;
     position: absolute;
     top: -20px;
     left: -10px;
     padding: 9px 16px 8px 14px;
     color: #fff;
     background-color: var(--medium-accent-color, #3d6098);
     -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,.14);
     box-shadow: 2px 2px 2px 0 rgba(0,0,0,.14);
}
.logo-bullets-cta .product-box-banner {	
	font-size: 16px;	
    top: -10px;	
}	
.aawp-banner:after,
.logo-bullets-cta .product-box-banner:after,
.product-box .product-box-banner:after,
.amazon-box span.amazon-box-banner:after {
     content: " ";
     display: block;
     position: absolute;
     left: -10px;
     bottom: -7px;
     border-top: 0 inset transparent;
     border-right: 10px solid var(--dark-accent-color, #133091);
     border-bottom: 7px inset transparent;
     border-left: 10px inset transparent;
}
.product-box,
 .amazon-box {
     display: flex;
     flex-direction: column;
     align-items: center;
}
.product-box .product-box-col,
 .amazon-box-col {
     flex:1;
}
.product-box .product-image-wrapper,
 .amazon-image-wrapper {
     max-width: 100% !important;
}
 .amazon-element-wrapper {
     position: relative;
}
.product-box .product-box-title,
.amazon-element-title,
.amazon-element-title h2, 
.amazon-element-title span {
	font-size: 18px;
	line-height: 1.2em;
	font-weight: 600;
	margin-bottom: 0;
}
.product-box .product-box-content,
 .amazon-element-wrapper + p {
     font-size: 15px;
     line-height: 1.4em;
}
.product-box .product-box-button,
 .amazon-element-button a {
  transition: opacity 0.3s ease-out;
	width: 100%;
	height: 40px;
	background: var(--bright-accent-color, #f04b4c);
	display: block;
	border-radius: 5px;
	color: white;
	font-weight: normal !important;
    line-height: 38px;
    text-align: center;
	text-decoration: none !important;	
}	
.product-box .product-box-button:hover,	
.amazon-element-button a:hover {	
 	background: var(--bright-accent-color, #f04b4c);
 	color: white;	
  opacity: 0.7;
}
.amazon-chewy-box.aawp .aawp-product--horizontal .aawp-product__footer {
	display: flex;
    justify-content: space-evenly;
    flex-direction: column;
}
.amazon-chewy-box.aawp .aawp-product--horizontal .aawp-product__footer.reverse {
	flex-direction: column-reverse;
}
.amazon-chewy-box.aawp .aawp-product--horizontal .aawp-product__footer>div {
	margin-top: 10px;
	display: flex;
    flex-direction: column;
    align-items: center;
}
 .amazon-element-button a img {
     display: none;
}
 .amazon-element-ListPrice {
     color: white;
     position: absolute;
     top: 0;
     text-align: center;
     width: 100%;
     pointer-events: none;
}
 .amazon-element-ListPrice:after {
     content: 'from Amazon';
     color: white;
     line-height: 40px;
     padding-left: 7px;
     padding-right: 10px;
}

#cn-notice-text { line-height: 24px; }

#cn-notice-text a { 
	color: inherit; 
	text-decoration: underline; 
}
#cookie-notice .cn-button {
	background: var(--feature-bg-color);
	border: 0;
	box-shadow: none;
}
.review-cta, .logo-cta, .logo-bullets-cta {	
    border: 1px solid #ececec;	
    box-shadow: 0 3px 5px 2px #ececec;	
    border-radius: 4px;	
    padding: 20px 15px;	
    margin-bottom: 30px;	
 	display: flex;	
 	flex-direction: column;	
    justify-content: space-evenly;	
    align-items: center;	
}	
.logo-bullets-cta { position: relative; }	
.review-cta { 	
	line-height: 1.4;	
	padding: 12px 15px;	
}	
.review-cta .rating-value + p.small, .logo-cta p, .logo-bullets-cta p { margin-bottom: 0; }	
.logo-bullets-cta h3 { 	
	margin-bottom: 5px;	
    font-size: 20px; 	
}	
.logo-bullets-cta ul {	
	padding-left: 25px;	
}	
.logo-bullets-cta li {	
	line-height: 1.7;	
}	
.logo-bullets-cta-content { padding: 0 0 20px 0; }	
.review-cta img, .logo-cta img, .logo-bullets-cta img {	
	max-height: 100px;	
    width: auto;	
	max-width: 80%;	
	margin-bottom: 20px;	
}	
.review-cta img {	
    max-height: 80px;	
    margin-bottom: 10px;	
}	
.review-cta .btn-primary, .logo-cta .btn-primary, .logo-bullets-cta .btn-primary {	
	background-color: var(--bright-accent-color, #f04b4c);	
  border-color: var(--bright-accent-color, #f04b4c);	
}	
.review-cta .btn-primary:hover, .logo-cta .btn-primary:hover, .logo-bullets-cta .btn-primary:hover {
  color: #fff;
  background-color: var(--bright-accent-color, #f04b4c);  
  border-color: var(--bright-accent-color, #f04b4c);  
  opacity: 0.7;
}
.review-cta .btn-primary {	
    padding: .5rem 1.5rem;	
    margin-bottom: 5px;	
}	
.review-cta .rating-value {	
	display: inline-block;	
	border: 1px solid #d0d0d0;	
	border-radius: 25px;	
	width: 50px;	
	height: 50px;	
	line-height: 50px;	
	font-size: 15px;	
	margin-right: 10px;	
	text-align: center;	
    float: left;	
}	
.logo-bullets-cta .rating-input,	
.review-cta .rating-input {	
	display: inline-block;	
	color: var(--bright-accent-color, #f04b4c);	
}		
@media (min-width: 480px){	
	.amazon-chewy-box.aawp .aawp-product--horizontal .aawp-product__footer {
		flex-direction: row;
	}
	.amazon-chewy-box.aawp .aawp-product--horizontal .aawp-product__footer.reverse {
		flex-direction: row-reverse;
	}
}
 @media (min-width: 768px){
 	.product-box,
     .amazon-box {
         flex-direction: row;
    }
    .review-cta, .logo-cta, .logo-bullets-cta { 	
    	flex-direction: row; 	
    }	
    .logo-cta, .logo-bullets-cta { 	
    	padding-bottom: 0;	
    }	
    .review-cta p { margin-bottom: 0; }
}

/*----------------- HTML SITEMAP ------------------- */

.all-reviews {
	margin-top: -8px;
	color: var(--dark-accent-color);
}
.all-reviews a {
	display: inline-block;
    color: inherit;
    padding: 0;
}

/*----------------- FOOTNOTES ------------------- */

.easy-footnotes-heading {
	font-weight: bold;
    margin-bottom: 5px;
}
.easy-footnotes-disclaimer {
	padding: 10px 15px;
    background-color: var(--light-accent-color);
    font-size: small;
}
.easy-footnote-single {
	word-break: break-word;
}

/*----------------- TUTORIALS ------------------- */

.tutorial-overview {
  border: 2px solid var(--bright-accent-color);
  display: flex;
  margin-bottom: 1.5em;
}
.tutorial-overview > div{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 20px 5% 0;
}
.tutorial-overview i {
  min-width: 50px;
  font-size: 26px;
  display: flex;
  background: var(--bright-accent-color);
  color: white;
  justify-content: center;
  align-items: center;
}
.tutorial-overview ul {
  padding: 0; 
  list-style: none;
}

@media (min-width: 480px){
  .tutorial-overview i {
    min-width: 90px;
    font-size: 40px;
  }
  .tutorial-overview ul {
    flex-basis: 50%;
  }
}
.tutorial-materials { 
  margin-bottom: 1.5em;
}
.tutorial-materials h3 {
  padding-bottom: 8px;
  border-bottom: 2px solid var(--bright-accent-color);
}
.tutorial-materials h4,
.tutorial-materials ul li:before{
  color: var(--medium-accent-color);
}
.tutorial-materials > div {
  display: flex; 
  width: 100%;
  flex-wrap: wrap;
}
@media (min-width: 768px){
.tutorial-materials > div > div {
  flex-basis: 50%;
}
}
.tutorial-step {
  margin-bottom: 1em;
  display: flex;
  align-items: center;
  position: relative;
}
.tutorial-step span {
      position: relative;
  padding: 10px 10px 10px 30px;
}
.tutorial-step::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: var(--bright-accent-color);
  opacity: 0.3; 
}
.tutorial-step strong {
  color: white;
  opacity: 1;
  white-space: nowrap;
  background-color: var(--bright-accent-color);
  padding: 7px 10px 7px 20px;
  margin-left: 0; 
    font-size: 120%;
    line-height: 120%;
  height: 40px;
  position: relative;
}
.tutorial-step strong::after {
    content: '';
    position: absolute;
    right: -16px;
    top: 0;
    width: 0;
    height: 0;
    border-left: 16px solid var(--bright-accent-color);
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
  }
.tutorial-step span p { margin-bottom: 0 !important;}