/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/************************************************************
 *************************************************************
					Fonts
*************************************************************
************************************************************/
/* merriweather-regular - latin */
@font-face {
  font-display: fallback;
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: url('../generatepress_child/fonts/merriweather-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../generatepress_child/fonts/merriweather-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../generatepress_child/fonts/merriweather-v30-latin-regular.ttf') format('truetype') /* Safari, Android, iOS */
}
/********Global Spacing********/
@media (max-width: 1250px) and (min-width: 481px) {
	.page .entry-content > *,
	.single.single-post > *,
	.single.single-post .site-footer > *,
	.page .site-footer > *  {
		padding-left: 20px;
		padding-right: 20px;
	}
	.single.single-post .site-footer {
		padding: 0 !important;
	}
}
.single-post .inline-post-meta-area .gb-inside-container > img {
    border-radius: 100%;
}
.author-long-description img {
    border-radius: 20px;
}

/************************************
 *  Social Share Button
 ************************************/
.gb-container-2b507dc0 {
    display: flex;
}
@media (max-width: 767px) {
	.gb-container-2b507dc0 {
		display: flex;
		justify-content: center;
		padding-bottom: 20px;
	}
}
.gb-container-2b507dc0 .social-share a:hover {
    transform: scale(1.1);
}
.gb-container-2b507dc0 .social-share a:hover i {
    transform: scale(1.1); 
}
.gb-container-2b507dc0 .social-share {
    display: flex; 
    gap: 10px !important; 
}
.gb-container-2b507dc0 .social-share a {
    background-color: #00A000; 
    border-radius: 50%; 
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 37px; 
    height: 37px; 
    text-decoration: none;
	transition: transform 0.3s ease;
}
.gb-container-2b507dc0 .social-share i {
    color: white; 
    font-size: 20px; 
    line-height: 37px;
}


/* merriweather-italic - latin */
@font-face {
  font-display: fallback;
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 400;
  src: url('../generatepress_child/fonts/merriweather-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../generatepress_child/fonts/merriweather-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../generatepress_child/fonts/merriweather-v30-latin-italic.ttf') format('truetype') /* Safari, Android, iOS */
}

/* merriweather-700 - latin */
@font-face {
  font-display: fallback;
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: url('../generatepress_child/fonts/merriweather-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../generatepress_child/fonts/merriweather-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../generatepress_child/fonts/merriweather-v30-latin-700.ttf') format('truetype') /* Safari, Android, iOS */
}
/* merriweather-700italic - latin */
@font-face {
  font-display: fallback;
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 700;
  src: url('../generatepress_child/fonts/merriweather-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../generatepress_child/fonts/merriweather-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../generatepress_child/fonts/merriweather-v30-latin-700italic.ttf') format('truetype') /* Safari, Android, iOS */
}
/* merriweather-900 - latin */
@font-face {
  font-display: fallback;
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 900;
  src: url('../generatepress_child/fonts/merriweather-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../generatepress_child/fonts/merriweather-v30-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../generatepress_child/fonts/merriweather-v30-latin-900.ttf') format('truetype') /* Safari, Android, iOS */
}
/* merriweather-900italic - latin */
@font-face {
  font-display: fallback;
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 900;
  src: url('../generatepress_child/fonts/merriweather-v30-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../generatepress_child/fonts/merriweather-v30-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../generatepress_child/fonts/merriweather-v30-latin-900italic.ttf') format('truetype') /* Safari, Android, iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-display: fallback;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../generatepress_child/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../generatepress_child/fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../generatepress_child/fonts/open-sans-v34-latin-regular.ttf') format('truetype') /* Safari, Android, iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-display: fallback;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../generatepress_child/fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../generatepress_child/fonts/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../generatepress_child/fonts/open-sans-v34-latin-italic.ttf') format('truetype') /* Safari, Android, iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-display: fallback;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../generatepress_child/fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../generatepress_child/fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../generatepress_child/fonts/open-sans-v34-latin-600.ttf') format('truetype') /* Safari, Android, iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-display: fallback;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../generatepress_child/fonts/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../generatepress_child/fonts/open-sans-v34-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../generatepress_child/fonts/open-sans-v34-latin-600italic.ttf') format('truetype') /* Safari, Android, iOS */
}

/* Display top bar as full width*/
.top-bar .inside-top-bar, .top-bar .inside-top-bar .widget {
    display: block;
}
/* Header */
.inside-header {
	border-bottom: 1px solid rgba(178, 178, 190, 0.3);
}

/* Make footer social icons spacing normal*/
.wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
    font-size: 1em;
}
.footer-widgets .widget ul li {
    margin-bottom: 0;
	font-size: 14px;
}

/************************************
 *  Set body grid
 * This allows us to include a sidebar on the far left and far right.
 * A good space for less distracting ads.
 ************************************/

body.single {
	display: grid;
}
body.single header { 
	grid-row: 1;
}
body.single aside.outside-left-sidebar {
	grid-row: 2;
}
body.single div.site.grid-container.container {
	grid-row: 2;
}
body.single aside.outside-right-sidebar {
	grid-row: 2;
}
body.single footer {
	grid-row: 4;
}
div.jb-related-posts-outer {
	grid-row: 3;
}
div.adthrive-footer-message {
	grid-row: 5;
}

@media (min-width: 1644px) {
	body.single {
		grid-template-columns: 300px auto 1024px auto 300px;
	}
}

@media (min-width: 1280px) and (max-width: 1643px) {
	body.single {
		grid-template-columns: auto 40px 1024px 40px auto;
	}
}

@media (min-width: 1280px) {
	body.single header { 
		grid-column: span 5;
	}
	body.single aside.outside-left-sidebar {
		grid-column: 1;
	}
	body.single div.site.grid-container.container {
		grid-column: 3;
	}
	body.single aside.outside-right-sidebar {
		grid-column: 5;
	}
	body.single footer {
		grid-column: span 5;
	}
	div.jb-related-posts-outer {
		grid-column: span 5;
	}
	div.adthrive-footer-message {
		grid-column: span 5;
	}
}

@media (max-width: 1280px) {
	body.single {
		grid-template-columns: auto;
	}
	body.single header { 
		grid-column: span 1;
	}
	body.single aside.outside-left-sidebar {
		display: none;
	}
	body.single div.site.grid-container.container {
		grid-column: span 1;
	}
	body.single aside.outside-right-sidebar {
		display: none;
	}
	body.single footer {
		grid-column: span 1;
	}
	div.jb-related-posts-outer {
		grid-column: span 1;
	}
	div.adthrive-footer-message {
		grid-column: span 1;
	}
}



/************************************
 *  Set grid order - outermost grid 
 ************************************/
.single #content {
	display: grid;
	grid-row-gap: 0;
	row-gap: 0;
	grid-column-gap: 20px;
	-webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    grid-template-columns: repeat(var(--grid-cols), 1fr); /* set the number of columns to 12 */
}

@media (min-width: 1280px) {
    .single #content {
        --grid-cols: 12;
    }
}
@media (min-width: 768px) and (max-width: 1279px) {
    .single #content {
        --grid-cols: 6;
    }
}
@media (max-width: 767px) {
    .single #content {
        --grid-cols: 2;
    }
}

/************************************
 *  Set grid order - middle grid
 ************************************/
.single #content .disclaimer {
	grid-column-end: span 9;
	grid-row: 1;
}

.single #content .breadcrumb-container {
	grid-column-end: span 3;
	grid-column-start: 10;
	grid-row: 1;
}

.single #content #primary {
	grid-column: 1 / -1;
	grid-row: 2;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .single #content .disclaimer {
        grid-column-end: span 5;
    }
	.single #content .breadcrumb-container {
		grid-column-end: span 1;
		grid-column-start: 6;
	}
}
@media (max-width: 767px) {
    .single #content .disclaimer {
        grid-column: 1 / -1;
    }
	.single #content .breadcrumb-container {
		grid-column: 1 / -1;
		grid-row: 3;
	}
}

/************************************
 *  Set grid order - primary content grid
 ************************************/
.single #main {
	display: grid;
	grid-row-gap: 0;
	row-gap: 0;
	grid-column-gap: 20px;
	-webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    grid-template-columns: repeat(var(--grid-cols), 1fr); /* set the number of columns to 12 */
}


@media (min-width: 1280px) {
    .single #main {
        --grid-cols: 12;
    }
}
@media (min-width: 768px) and (max-width: 1279px) {
    .single #main {
        --grid-cols: 6;
    }
}
@media (max-width: 767px) {
    .single #main {
        --grid-cols: 2;
    }
}

/************************************
 *  Set grid order - primary content items
 ************************************/
.single #main article {
	grid-column: 1 / -1;
	grid-row: 1;
}

.single #main .author-box {
	grid-column: 1 / -1;
	grid-row: 3;
}

.single #main .comments-area {
	grid-column: 1 / -1;
	grid-row: 4;
}

/************************************
 *  Set grid order - article content grid
 ************************************/
.single #main article .inside-article {
	display: grid;
	grid-row-gap: 0;
	row-gap: 0;
	grid-column-gap: 20px;
	-webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    grid-template-columns: repeat(var(--grid-cols), 1fr); /* set the number of columns to 12 */
}


@media (min-width: 1280px) {
    .single #main article .inside-article {
        --grid-cols: 12;
    }
}
@media (min-width: 768px) and (max-width: 1279px) {
    .single #main article .inside-article {
        --grid-cols: 6;
    }
}
@media (max-width: 767px) {
    .single #main article .inside-article {
        --grid-cols: 2;
    }
}

/************************************
 *  Set grid order - article content items
 ************************************/
.single #main header {
	grid-column: 1 / -1;
	grid-row: 1;
}

.single #main .author-social-container {
	grid-column: 1 / -1;
	grid-row: 2;
}

.single #main .hero-section {
	grid-column: 1 / -1;
	grid-row: 3;
}

.single #main .entry-content {
	grid-column: span 8;
	grid-row: 5;
}

.single #right-sidebar {
	grid-column-end: span 3;
	grid-column-start: 10;
	grid-row: 5;
	width: 100%;
}



@media (max-width: 1279px) {
    .single #main .entry-content {
        grid-column: 1 / -1;
		grid-row: 6;
    }
	.single #primary #right-sidebar {
		grid-column: 1 / -1;
	}
}

/* Move sidebar inside <main> tag */
.single .site-content .content-area {
    width: 100%;
}
.single #main {
    margin: 0;
}

/* Disclaimer at top of reviews - ensure it spans full width */
.single .site-content {
	flex-wrap: wrap;
}

.disclaimer {
	font-size: 11px;
	line-height: 18px;
	color: var(--medium-grey);
}

@media (max-width: 767px) {
    .disclaimer {
        font-size: 16px;
    }
}

.disclaimer label:after {
	content: "";
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    background-size: 12px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='800px' height='800px' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 7l6 6 6-6'/%3E%3C/svg%3E");
    display: inline-block;
	background-position-y: 3px
}

.disclaimer .disclaimer-full {
	display: none;
	margin-top: 20px;
	margin-bottom: 20px;
}
.disclaimer #disclaimer-accordion:checked ~ .disclaimer-full {
	display: block;
}
.disclaimer #disclaimer-accordion:checked ~ .disclaimer-label:after {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
	background-position-y: 0;
}
.disclaimer input[type="checkbox"] {
	display: none;
}


/* Breadcrumb styling */

.breadcrumbs {
    display: flex;
	justify-content: end;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
	font-size: 11px;
	line-height: 18px;
	color: var(--medium-grey);
}
.breadcrumbs li {
    margin-right: 5px;
    padding: 0;
}

.breadcrumbs li a {
    color: var(--medium-grey);
    text-decoration: none;
}

.breadcrumbs li a:hover {
    color: var(--hyperlink-default);
}

.breadcrumbs li:not(:last-child)::after {
    content: '>';
    margin-left: 5px;
    color: #ccc;
}

@media (max-width: 767px) {
	.breadcrumbs {
		margin-top: 30px;
		font-size: 18px;
		justify-content: start;
	}
}


/* Title */
.single h1 {
	margin-top: 55px;
	margin-bottom: 50px !important;
}
.page h1 {
	margin-top: 49px;
	margin-bottom: 49px;
}

.single .hero-section {
	margin-bottom: 40px;
}

.category-featured-image {
	height: 400px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 767px) {
	.single h1 {
		margin-top: 20px;
		margin-bottom: 30px !important;
		letter-spacing: -0.01em;
	}
	.category-featured-image-container {
		display: none;
	}
}


/* Author meta styling */
.author-social-container {
	display: flex;
	justify-content: space-between;
	font-size: 13px;
	flex-basis: 100%;
	align-items: center;
	flex-wrap: wrap;
	grid-column-end: span 12;
	margin-bottom: 10px;
}

.author-social-container ul {
	margin: 0;
}

.author-social-container .social-share-icons li {
	background-color: #f0f0f0 !important;
    color: #444 !important;
}

@media (max-width: 1279px) {
	.author-social-container .social-share-icons {
		align-self: flex-start; /* left align when wrapped */
	}
}

@media (max-width: 767px) {
	.author-social-container .social-share-icons {
		width: 100%;
	}
	.author-social-container .social-share-icons ul {
		gap: 15px;
		justify-content: center;
	}
	.author-social-container .wp-block-social-links {
		font-size: 30px;
	}
}

.author-social-container .wp-block-social-links .wp-social-link svg {
    height: 0.8em;
    width: 0.8em;
}

.author-meta {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}

.author-meta .post-information {
  margin-left: 10px;
}

.author-list {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}

.author-info img, .reviewed-info img {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-right: 5px;
}

.author-name {
  margin-left: 5px;
}

.author-info, .reviewed-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 25px;
}

.author-position {
  color: var(--medium-grey);
}

@media (max-width: 767px) {
	.author-meta {
		margin-bottom: 20px;
		width: 100%;
	}
	.author-meta .post-information {
		margin-left: 0;
	}
	.author-social-container {
		font-size: 16px;
	}
	.author-meta > .author-list, .author-meta > .reviewed-info {
		width: 50%;
	}
	.author-meta > span:first-child:nth-last-child(2) {
		width: 100%;
		justify-content: center !important;
	}
	.author-name {
		width: auto !important;
	}
	.author-list > span, .reviewed-info span {
		width: 100%;
		text-align: center;
		justify-content: center;
		margin: 0;
	}
	/*.author-list > span:first-child:nth-last-child(2), .author-list > span:nth-child(2):last-child {
		width: auto !important;
	}*/
	.author-info, .reviewed-info {
		margin-right: 0;
		flex-wrap: wrap;
		justify-content: center;
	}
	.post-information {
		text-align: center;
		width: 100%;
		margin-top: 10px;
	}
}

/* Table of contents in sidebar */
.single .sidebar {
	position: relative;
}

.single .sidebar-toc {
	font-size: 16px;
	max-height: 400px;
    overflow-y: auto;
}

.single .inside-right-sidebar {
	position: sticky;
    top: 95px;
}

.single .toc-heading {
	padding-left: 8px;
	font-weight: 700;
}

.single .toc-items {
	list-style: none;
	margin: 0;
	padding: 0;
}

.single .toc-item {
	display: block;
	text-decoration: none;
	margin: 0;
	padding-left: 8px;
}

.single .toc-item.active, .toc-item:hover {
    font-weight: 700;
    border-left: 3px solid #000;
	padding-left: 5px;
}

.single .sidebar-toc input[type="checkbox"] {
	display: none;
}
@media (min-width: 1279px) {
	.single .toc-items li {
		margin-bottom: 0;
	}
	.single .toc-item {
		font-size: 14px;
	}
	
}

@media (max-width: 1279px) {
	.single .inside-right-sidebar {
		position: static;
	}
	.sidebar-toc {
		border: 2px solid #777;
		padding: 8px 0 8px 0;
		cursor: pointer;
		margin-bottom: 30px;
	}
	.toc-heading {
		display: flex;
		align-items: center;
		justify-content: space-between;
		/*padding: 8px 15px; */
	}
	.single .toc-items li {
		padding-top: 12px;
		padding-bottom: 8px;
	}
	.toc-text {
    	flex-grow: 1;
		padding-left: 8px;
	}
	.toc-heading:before {
		content: ' ';
		/*position: absolute;
		top: 26px;
		left: 15px;
		margin-top: -12px;*/
		background-repeat: no-repeat;
    	background-position: 50%;
		width: 23px;
		height: 23px;
		background-size: 23px;
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg fill='%23000000' width='800px' height='800px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Emenu%3C/title%3E%3Cpath d='M8 24h16v-4h-16v4zM8 18.016h16v-4h-16v4zM8 12h16v-4h-16v4z'%3E%3C/path%3E%3C/svg%3E");
	}
	.toc-heading:after {
		content: "";
		/*position: absolute;
		top: 26px;
		right: 15px;
		margin-top: -13px;*/
		background-repeat: no-repeat;
		background-position: 50%;
		width: 35px;
		height: 25px;
		background-size: 13px;
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='800px' height='800px' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 7l6 6 6-6'/%3E%3C/svg%3E");
	}
	.single .toc-items {
		display: none;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.single #accordion:checked ~ .toc-items {
		display: block;
	}

	.single #accordion:checked ~ .toc-heading:after {
		-moz-transform: scaleY(-1);
		-o-transform: scaleY(-1);
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
		filter: FlipV;
		-ms-filter: "FlipV";
	}
}

/* Colour external links. First:#E83617, Second: rgba(232, 54, 23, 1) */
.single article p > a[href^="https://www.amazon"], article p > a[href*="avantlink"], article p > a[href*="awin"], article p > a[href*="/recommends/"] {
  color: inherit;
  text-decoration: none;
  background:
    linear-gradient(
      to right,
      #F4442E,
      #F4442E
    ),
    linear-gradient(
      to right,

      rgba(0, 155, 0, 1),
      rgba(152, 206, 0, 1)
  );
  background-size: 100% 3px, 0 3px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}

.single article p > a[href^="https://www.amazon"]:hover, article p > a[href*="avantlink"]:hover, article p > a[href*="awin"]:hover, article p > a[href*="/recommends/"]:hover {
  	background-size: 0 3px, 100% 3px;
}

/* Set caption */
article figcaption {
	font-size: 13px;
    text-align: center;
}
@media (max-width: 767px) {
	article figcaption {
		font-size: 16px !important;
	}
}

/* Author box */
.author-box {
	margin-top: 3.125rem;
    margin-bottom: 3.125rem;
	padding: 2rem 2rem 2rem 2rem;
	border-radius: 0.5rem;
	background-color: var(--third-green);
	border: 0.0625rem solid var(--primary-green);
	grid-row: 2;
	grid-column-end: span 12;
}

.author-box-title {
	font-family: Merriweather;
    font-weight: 900;
    letter-spacing: -0.02em;
	font-size: 35px;
    margin-bottom: 20px;
    line-height: 1.2em;
}

@media (max-width: 768px) {
.author-box-title {
    font-size: 22px;
    line-height: 28px;
	}
}

.author-name-container {
	margin-bottom: 0.625rem;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.author-name-container img {
	margin-right: 0.9375rem;
	width: 3.5rem;
	border-radius: 100%;
}

.author-name-container a, .author-name-container p {
	margin: 0;
	font-weight: 700;
	font-size: 1.25rem;
	text-decoration: none;
}

/* Edit comments */
.single .comments-area {
	grid-row: 3;
	grid-column-end: span 12;
}

.single .comments-area input[type="text"], .comments-area input[type="email"], .comments-area input[type="url"], .comments-area input[type="password"], .comments-area input[type="search"], .comments-area input[type="tel"], .comments-area input[type="number"], .comments-area textarea, .comments-area select, .error404 article input[type="search"] {
	border-color: #000000;
}

/* Fix spacing on 404 error template */
.error404 article.grid-parent.grid-33 {
	width: 100%;
	max-width: none;
}

/* Fix css issues after introduction of semantic HTML */
.inside-footer-widgets>section {
    flex: 1 1 0;
}
@media (max-width: 768px) {
	.inside-footer-widgets>section:not(:last-child) {
		margin-bottom: 40px;
	}
}

.comments-title, .comment-reply-title {
	font-family: Merriweather;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: -0.06em;
	margin-bottom: 20px;
    line-height: 1.2em;
}

.footer-headings {
	font-family: Merriweather;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: -0.06em;
}

/* Fix footer text size */
.copyright-bar {
	font-size: 16px;
}

/* Fix mobile header */
.both-sticky-menu .main-navigation:not(#mobile-header).toggled .main-nav > ul {
	padding-top: 30px;
}

.both-sticky-menu .main-navigation:not(#mobile-header).toggled .main-nav > ul li {
	margin-bottom: 15px;
}

.both-sticky-menu .main-navigation:not(#mobile-header).toggled .main-nav > ul a {
	font-size: 20px !important;
}

/************************************
 *  Home page 
 ************************************/
.home-links a {
	text-decoration:none;
}

.home-links a:hover {
	text-underline-position: under;
	text-decoration: underline 0.125rem solid #000000;
	text-underline-offset: -0.125rem;
}

.blob-image {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 2px;
}
.card-bounce:hover {
	transition: transform .25s ease;
}

.card-bounce:hover {
	transform: translateY(-0.125rem);
}

/************************************
 *  Archives
 ************************************/
.post-cards img {
	aspect-ratio: 1.5 / 1;
}

@media (min-width: 1025px) {
	.post-cards div.post:nth-of-type(-n+3) {
		width: 33%;
		padding-left:40px;
	}
	
	.post-cards div.post:nth-of-type(n+4) section {
		border-width: 1px;
		border-style: solid;
		border-color: rgba(0, 0, 0, 0.15);
		height: 100%;
	}

	.post-cards div.post:nth-of-type(n+4) .post-card-content {
		height: 100%;
	}
	
}


/************************************************************
 *************************************************************
				Checklist custom block
*************************************************************
************************************************************/
.wr-checklist ul {
	margin-left: 0;
}

.wr-checklist li {
	list-style-type: none;
}

.checkbox-wrapper-12 input[type="checkbox"] {
	display:none;
}

.checkbox-wrapper-12 .cbx {
	-webkit-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
	display: inline-flex;
}
.wr-checklist .checklist-item {
	display: block;
	margin-bottom: 3px;
}

.checkbox-wrapper-12 .cbx span {
	display: inline-block;
	vertical-align: middle;
	transform: translate3d(0, 0, 0);
}

/* Checkbox */
.checkbox-wrapper-12 .cbx span:first-child {
	position: relative;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	transform: scale(1);
	vertical-align: middle;
	border: 1px solid #B9B8C3;
	transition: all 0.2s ease;
	min-width: 24px;
	top: 2px;
}
.checkbox-wrapper-12 .cbx span:first-child svg {
	position: absolute;
	z-index: 1;
	top: 8px;
	left: 6px;
	fill: none;
	stroke: white;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 16px;
	stroke-dashoffset: 16px;
	transition: all 0.3s ease;
	transition-delay: 0.1s;
	transform: translate3d(0, 0, 0);
}
.checkbox-wrapper-12 .cbx span:first-child:before {
	content: "";
	width: 100%;
	height: 100%;
	background: #506EEC;
	display: block;
	transform: scale(0);
	opacity: 1;
	border-radius: 50%;
	transition-delay: 0.2s;
}
.checkbox-wrapper-12 input[type="checkbox"]:checked + .cbx span:first-child {
	border-color: #3c53c7;
	background: #3c53c7;
	animation: check-12 0.6s ease;
}
.checkbox-wrapper-12 input[type="checkbox"]:checked + .cbx span:first-child svg {
	stroke-dashoffset: 0;
}
.checkbox-wrapper-12 input[type="checkbox"]:checked + .cbx span:first-child:before {
	transform: scale(2.2);
	opacity: 0;
	transition: all 0.6s ease;
}
.checkbox-wrapper-12 .cbx:hover span:first-child {
	border-color: #3c53c7;
}
@keyframes check-12 {
	50% {
		transform: scale(1.2);
	}
}

/* Label */
.checkbox-wrapper-12 .cbx span:last-child {
	margin-left: 8px;
	text-decoration: none;
	transition: color .3s;
}

.checkbox-wrapper-12 input[type="checkbox"]:checked + .cbx span:last-child {
	color: #B9B8C3;
	text-decoration: line-through;
	text-decoration-color: #B9B8C3;
	text-decoration-thickness: 2px;
}

.lasso-image-container {
	margin: 0 auto !important;
}

.lasso-image-container img {
	max-height: 300px !important;
} 

/************************************************************
 *************************************************************
				Related posts custom block
*************************************************************
************************************************************/

.related_posts article {
	margin-bottom: 30px;
}

.wr-related-post a {
	background-image: none !important;
}

.wr-related-post {
    display: grid;
    grid-template-columns: 150px 2fr;
    grid-gap: 0 20px;
	grid-template-rows: auto 1fr; /* Add this */
    grid-template-areas:
        "image title"
        "image description";
}

.wr-related-post-header {
    display: contents;
}

.wr-related-post-image {
    grid-area: image;
	grid-row: span 2; /* Add this */
}

.wr-related-post-title {
    grid-area: title;
	font-size: 22px;
    line-height: 1.3em;
	margin-bottom: 5px;
}

.wr-related-post-header h3 {
	margin-top: 0;
}

.wr-related-post-description {
    grid-area: description;
	font-size: 16px;
    line-height: 1.4em;
	margin-bottom: 0;
}

.wr-related-post-image img {
	width: 150px;
	height: 150px;
	object-fit: cover;
}

.wr-related-post-title a {
	text-decoration: none;
}

.wr-related-post-title a:hover {
	text-decoration: underline;
}

/* End related posts custom block */

/************************************************************
 *************************************************************
				Single post types
*************************************************************
************************************************************/
.single .wp-block-image {
	margin-bottom: 2em;
}

.single .wp-block-image img:not([src$=".svg"]) {
	box-shadow: 0 4px 8px 0 rgb(67 65 78/8%);
    border-radius: 4px;
}

/************************************************************
 *************************************************************
				Custom icons
*************************************************************
************************************************************/
/* Information icon */
.related-link:before {
	margin-left: -2.1em;
	margin-right: 0.6em;
    display: inline-block;
	vertical-align: middle;
	content: '';
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4gPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCI+PGc+PHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPjxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI2NiIgd2lkdGg9IjY2IiB5PSItMSIgeD0iLTEiPjwvcmVjdD48L2c+PGc+PHRpdGxlPkxheWVyIDE8L3RpdGxlPjxjaXJjbGUgaWQ9InN2Z18zIiByPSIzMiIgZmlsbD0iI2QyZDBmZiIgY3k9IjMyIiBjeD0iMzIiPjwvY2lyY2xlPjxwYXRoIGlkPSJzdmdfNSIgZmlsbD0iIzdmNmZmZiIgZD0ibTM2LjIxNCwxNi42M2MwLDEuODY3IC0xLjM2MiwzLjMzMSAtMy41MzMsMy4zMzFjLTIuMDcsMCAtMy40MzMsLTEuNDY0IC0zLjQzMywtMy4zMzFjMCwtMS45MTggMS40MTQsLTMuMzgyIDMuNDgzLC0zLjM4MmMyLjEyLDAgMy40MzMsMS40NjQgMy40ODMsMy4zODJ6bS02LjYxMiwzMS40NDZsMCwtMjQuNTgybDYuMjU5LDBsMCwyNC41ODJsLTYuMjU5LDB6Ij48L3BhdGg+PC9nPjwvc3ZnPiA=");
	background-size: 1.5em 1.5em;
	height:1.5em;
	width:1.5em;
}
.related-link {
	margin-left: 2.8em;
}
.inside-article li {
	margin-bottom: 5px;
}

/* Tip icon */
.tip:before {
	margin-left: -2.1em;
	margin-right: 0.6em;
    display: inline-block;
	vertical-align: middle;
	content: '';
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4gPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48Zz48dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+PHJlY3QgZmlsbD0ibm9uZSIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjQwMiIgd2lkdGg9IjU4MiIgeT0iLTEiIHg9Ii0xIj48L3JlY3Q+PC9nPjxnPjx0aXRsZT5MYXllciAxPC90aXRsZT48cGF0aCBmaWxsPSIjZDJkMGZmIiBpZD0icGF0aDI5ODIiIGQ9Im01MTEuOTk5OTk5LDI1NmEyNTYuMDAwMDAxLDI1Ni4wMDAwMDEgMCAxIDEgLTUxMS45OTk5OTcsMGEyNTYuMDAwMDAxLDI1Ni4wMDAwMDEgMCAxIDEgNTExLjk5OTk5NywweiI+PC9wYXRoPjxyZWN0IHRyYW5zZm9ybT0ibWF0cml4KDAuNTg4ODg5OTQzNzc4NTA3LDAsMCwwLjU4ODg4OTk0Mzc3ODUwNywyOTcxLjE3Mzc4NTg2ODg3NTMsLTE4MTYzLjc1MTA0MzI1NDg5KSAiIGZpbGw9IiM3ZjZmZmYiIHk9IjMxMzk5IiB4PSItNDY4Ni43NDQ2IiB3aWR0aD0iMTUyLjE2MDg2IiByeT0iMTIuNzg0MjA2IiByeD0iMTIuNzg0MjA2IiBpZD0icmVjdDIwNzc5LTgiIGhlaWdodD0iMjUuNTY4NDEzIj48L3JlY3Q+PHJlY3QgdHJhbnNmb3JtPSJtYXRyaXgoMC41ODg4ODk5NDM3Nzg1MDcsMCwwLDAuNTg4ODg5OTQzNzc4NTA3LDI5NzEuMTczNzg1ODY4ODc1MywtMTgxNjMuNzUxMDQzMjU0ODkpICIgZmlsbD0iIzdmNmZmZiIgeT0iMzE0MzYuNzgzIiB4PSItNDY4Ni43NDQ2IiB3aWR0aD0iMTUyLjE2MDg2IiByeT0iMTIuNzg0MjA2IiByeD0iMTIuNzg0MjA2IiBpZD0icmVjdDIwNzgxLTIiIGhlaWdodD0iMjUuNTY4NDEzIj48L3JlY3Q+PHJlY3QgdHJhbnNmb3JtPSJtYXRyaXgoMC41ODg4ODk5NDM3Nzg1MDcsMCwwLDAuNTg4ODg5OTQzNzc4NTA3LDI5NzEuMTczNzg1ODY4ODc1MywtMTgxNjMuNzUxMDQzMjU0ODkpICIgZmlsbD0iIzdmNmZmZiIgeT0iMzE0NzQuNTY2IiB4PSItNDY4Ni43NDQ2IiB3aWR0aD0iMTUyLjE2MDg2IiByeT0iMTIuNzg0MjA2IiByeD0iMTIuNzg0MjA2IiBpZD0icmVjdDIwNzgzLTQiIGhlaWdodD0iMjUuNTY4NDEzIj48L3JlY3Q+PHBhdGggZmlsbD0iIzdmNmZmZiIgaWQ9InBhdGgyMDc4NS01IiBkPSJtMjM1Ljk1MzQ4NCwzOTMuNTYxNDU0Yy0xLjQ3NDY5OCwwLjAyMzU1NiAtMi45NTMyODMsMC4wOTQ4MTEgLTQuNDUwNDc3LDAuMTc2MDc4YzUuMzM4OTk0LDcuODQ2OTU5IDE0LjMzOTIzNSwxMy4wMTgwMDEgMjQuNTQ1OTkzLDEzLjAxODAwMWMxMC4xNDE4MDQsMCAxOS4wOTY3NTksLTUuMDk4MDIgMjQuNDQ4MDYsLTEyLjg2MTM1NmMtMTMuNTIxOTczLDAuMzI2MjQ1IC0yNy4xMjIwMzMsLTAuNDE3NTIzIC00MC42MjI1MTIsLTAuMjM0Mzc4Yy0xLjI4NjQzLC0wLjA4NTk3OCAtMi42MDAxODUsLTAuMTE4OTU2IC0zLjkyMTA2NSwtMC4wOTgzNDV6Ij48L3BhdGg+PHBhdGggZmlsbD0iIzdmNmZmZiIgc3Ryb2tlLXdpZHRoPSIxNiIgaWQ9InBhdGgyMDc4Ny01IiBkPSJtMjU2LjAwMDAwNCwxMDUuMjQ0NDcxYy01Ni42ODMwMTMsMC4wMDU4ODkgLTEwMi42NDQzNDIsNDUuOTU5MzI3IC0xMDIuNjQ0MzQyLDEwMi42NDQxMDZjMCwzMi42ODQ1NyAxNy4zMzI1MDMsNjIuMzc1MjIzIDM5LjA2OTAyLDgzLjUyNjk3MmMxMC42NzA4NjIsMTAuMzgzMzA3IDE1Ljk2MjMzMywxOS4wMjIzMjMgMjAuNzY5MzgzLDI4LjE5NTQ2Mmw0Mi44MDU5MzksMGw0Mi44MDU4OCwwYzQuODA3MTA5LC05LjE3MzEzOSAxMC4wOTg1MiwtMTcuODEyMTU0IDIwLjc2OTQ0MiwtMjguMTk1NDYyYzIxLjczNjUxNywtMjEuMTUxNzQ5IDM5LjA2OTAyLC01MC44NDI0MDIgMzkuMDY5MDIsLTgzLjUyNjk3MmMwLC01Ni42ODQ3NzkgLTQ1Ljk2MTM4OCwtMTAyLjYzNDA5NSAtMTAyLjY0NDM0MiwtMTAyLjY0NDEwNnoiPjwvcGF0aD48L2c+PC9zdmc+IA==");
	background-size: 1.5em 1.5em;
	height:1.5em;
	width:1.5em;
}
	
.tip {
	margin-left: 2.8em;
}

/* Breakout box */
.breakout-box {
	background-color: #FAFAFA;
	border-left: 4px solid #7f6fff;
	border-top-left-radius: 0;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 0;
	padding: 32px 32px 32px 32px;
	margin-bottom: 1.16em;
}





/*************Start the old css******************/



/************************************************************
 *************************************************************
							All Review 
		Includes single review and roundup review pages
*************************************************************
************************************************************/

/* Add spacing at top */
.single-roundup-review  .site-content{
	padding-top: 20px !important;
}

/* Lasso code */
.lasso-container h2 {
	margin-top:0;
}
.lasso-button-container {
	justify-content: center;
    align-items: center;
    display: flex;
}

/* Pros and cons */
.pros li {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4gPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBoZWlnaHQ9IjU2LjY5M3B4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTYuNjkzIDU2LjY5MyIgd2lkdGg9IjU2LjY5M3B4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNMjguMzQzLDQuNDkzQzE0LjYxNSw0LjQ5MywzLjQ5LDE1LjYxNiwzLjQ5LDI5LjM0M2MwLDEzLjczMSwxMS4xMjUsMjQuODU4LDI0Ljg1MywyNC44NTggYzEzLjcyOSwwLDI0Ljg2MS0xMS4xMjcsMjQuODYxLTI0Ljg1OEM1My4yMDMsMTUuNjE2LDQyLjA3MSw0LjQ5MywyOC4zNDMsNC40OTN6IE0zOS40OTEsMzIuMjU4aC04LjI0M3Y4LjIyMyBjMCwxLjYxMS0xLjI5MywyLjkxMy0yLjkwNiwyLjkxM2MtMS42MDUsMC0yLjkwNi0xLjMwMi0yLjkwNi0yLjkxM3YtOC4yMjNIMTcuMjFjLTEuNjExLDAtMi45MDUtMS4zMDYtMi45MDUtMi45MDkgYzAtMS42MTEsMS4yOTQtMi45MDcsMi45MDUtMi45MDdoOC4yMjd2LTguMjM2YzAtMS42MDcsMS4zMDEtMi45MDUsMi45MDYtMi45MDVjMS42MTMsMCwyLjkwNiwxLjI5OCwyLjkwNiwyLjkwNXY4LjIzNmg4LjI0MyBjMS42MDMsMCwyLjkwNSwxLjI5NiwyLjkwNSwyLjkwN0M0Mi4zOTYsMzAuOTUyLDQxLjA5NCwzMi4yNTgsMzkuNDkxLDMyLjI1OHoiIGZpbGw9IiM0NzRBNTYiPjwvcGF0aD48L3N2Zz4g);
	background-position: left 3px;
	background-size: 20px;
	background-repeat: no-repeat;
	padding-left: 30px;
}

.cons li {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4gPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBoZWlnaHQ9IjU2LjY5M3B4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTYuNjkzIDU2LjY5MyIgd2lkdGg9IjU2LjY5M3B4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNMjguMzQzLDQuNDkzYy0xMy43MjgsMC0yNC44NTEsMTEuMTMzLTI0Ljg1MSwyNC44NTljMCwxMy43MzEsMTEuMTIzLDI0Ljg1LDI0Ljg1MSwyNC44NSBjMTMuNzI2LDAsMjQuODU4LTExLjExOSwyNC44NTgtMjQuODVDNTMuMjAxLDE1LjYyNSw0Mi4wNjksNC40OTMsMjguMzQzLDQuNDkzeiBNMzkuNDg5LDMyLjI2SDE3LjIxMiBjLTEuNjEzLDAtMi45MDctMS4zMDEtMi45MDctMi45MTNjMC0xLjU5OSwxLjI5My0yLjg5OSwyLjkwNy0yLjg5OWgyMi4yNzdjMS42MDQsMCwyLjkwNiwxLjI5OSwyLjkwNiwyLjg5OSBDNDIuMzk1LDMwLjk1OSw0MS4wOTMsMzIuMjYsMzkuNDg5LDMyLjI2eiIgZmlsbD0iIzQ3NEE1NiI+PC9wYXRoPjwvc3ZnPiA='); 
	background-position: left 3px;
	background-size: 20px;
	background-repeat: no-repeat;
	padding-left: 30px;
}

.pros li, .cons li {
	margin-left: 0;
	list-style-type: none;
}
.pros, .cons, .pros ul, .cons ul {
	margin-left: 0;
	padding-left: 0;
}

/******************** Roundup review *********************/


/* Fix lasso header */
.lasso-box-1 h3 {
	margin-top: 0;
}

/* Block separator */
	.sep {
		background-color: #ccc !important; 
		margin-bottom: 1.5em !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.wp-block-separator {
    	max-width: 200px;
	}
	.big-separator {
		max-width:80%;
		height:2px;
		background-color:rgb(50,50,50,0.1);
		color: rgba(50,50,50,0.1);
		margin-top: 50px;
		margin-bottom:50px !important;
		margin-left: auto;
		margin-right: auto;
	}

/************************* Review roundup table *********************/

.top-3-no-lazy {
	max-height: 87px;
}
.top-3-no-lazy img {
	max-height: 87px;
	width: auto;
	height: 87px;
}

.review-table {
	margin-bottom: 0 !important;
	border-width: 0 0 1px;
	border-color: #ccc;
	border-style: solid;
	padding: 12px 0 12px 0;
}

.review-table .lasso-container {
	padding: 0 !important;
	margin-top: auto !important;
	margin: auto !important;
}

.review-table .lasso-image img {
	height: 70px;
}

.review-table-wrapper table, .review-table-wrapper th, .review-table-wrapper td, .review-table-wrapper {
    border: 0;
}

.review-table-wrapper {
	margin-top: 40px;
	margin-bottom: 40px;
	overflow-x:auto;
	margin-left: -100px;
	margin-right:0;
}
@media only screen and (max-width: 1030px) and (min-width: 931px) {
	.review-table-wrapper {
		margin-left: -50px;
		margin-right: 0;
	}
}
@media only screen and (max-width: 930px) and (min-width: 831px) {
	.review-table-wrapper {
		margin-left: -50px;
		margin-right: 0;
	}
}
@media only screen and (max-width: 830px) and (min-width: 731px) {
	.review-table-wrapper {
		margin-left: -50px;
		margin-right: 0;
	}
	.review-table th {
    	width: 100px !important;
	}
}
@media only screen and (max-width: 830px) {
	.review-table-wrapper {
		margin-left: 0;
		margin-right: 0;
	}
	.review-table th {
    	width: 100px !important;
	}
}
.review-table-mobile-scroll {
	font-weight:800;
	display:none;
}

@media only screen and (max-width: 1030px) {
	.review-table-mobile-scroll {
		display:block;
	}
}

.review-table, .review-table th {
	font-size: 14px;
}
.review-table thead {
	-webkit-box-shadow: 0 0.25rem 1rem rgb(0 0 0 / 8%);
    box-shadow: 0 0.25rem 1rem rgb(0 0 0 / 8%);
}

.review-table tr {
	text-align: center;
}
.review-table tbody td, .review-table thead td {
    width: 220px;
}
.review-table th {
    width: 150px;
}

.review-table tr:nth-child(odd) {
  background: #f5f5f5;
}

.review-table tr:nth-child(even) {
  background: #ffffff;
}

.review-table tr th {
	background-color: #ffffff;
	text-align: right;
}

.review-table tr p {
    margin-bottom: 0;
}

.review-table tr a {
    color: #6e7076;
	background-image: none;
	font-weight: 400;
}

.review-table-featured {
	border-left: 1px solid #806fff !important;
    border-right: 1px solid #806fff !important;
}
.review-table-bg .review-table-featured {
	background-color: #ffffff;
}

.review-table tr td, .review-table tr th {
	border-bottom: 1px solid #efefef;
}

.review-table-first-cell {
	border-top: 1px solid #806fff !important;
}

.review-table-rows-white-bg {
	background-color: #ffffff !important;
}

.review-table-rows-white-bg td, .review-table-rows-white-bg th {
	border-bottom: none !important;
}

.review-table-last-cell {
	border-bottom: 1px solid #806fff !important;
}

.review-table-featured.review-table-last-cell {
	border-right: none !important;
	border-left: none !important;
	border-top: 1px solid #806fff !important;
	padding-top: 20px;
}
.review-table-award-text {
	margin-left: -8px;
    margin-right: -8px;
    margin-top: -8px;
    margin-bottom: 20px !important;
    padding-top: 6px;
    padding-bottom: 6px;
}
.review-table-featured .review-table-award-text {
	background-color: #806fff;
    color: #ffffff;
	font-weight: 700;
}
.review-table-featured.review-table-rating-number {
	font-size:26px;
	font-weight:800;
	color:#806fff;
}

.review-table-rating-total {
	font-size:14px;
	font-weight:400;
	color: #6e7076;
}
/* Fix mobile best practices for roundup table */
@media(max-width: 650px) {
	.review-table-first-cell > div {
		margin-bottom:20px;
	}
}

/* Block quote UAGB  */
.uagb-blockquote__content, cite.uagb-blockquote__author {
	font-size: 18px !important;
}
.uagb-blockquote__wrap {
	background-color:#FAFAFA;
}
blockquote.uagb-blockquote {
	padding: 40px !important;
}
.wp-block-uagb-blockquote {
	padding:0 8%;
}
@media(max-width: 1024px) {
    .uagb-blockquote__content, cite.uagb-blockquote__author {
        font-size: 16px !important;
    }
}

/* Block quote standard wordpress */
blockquote p{
	font-style: normal;
	font-size: 16px;
}

blockquote cite {
	font-style: normal;
	font-size: 14px;
}

blockquote {
	border-color: #9b51e0;
    border-left-style: solid;
    border-left-width: 4px;
	margin-left: 8%;
}



/*************** New top 3 box **************/


.top-3-columns table, .top-3-columns td {
	border: none;
}
.top-3-columns table {
	margin: 0 0 10px;
}
.top-3-columns {
	grid-column: 1 / -1;
    grid-row: 4;
	display: flex;
    flex-wrap: wrap;
	flex-direction: row;
	/*margin-left: 100px;
    margin-right: 100px;
    margin-top: -150px;*/
	background-color: #fff;
	padding-right: 20px;
	padding-left: 20px;
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 32%);
	position: relative;
	z-index: 4;
	margin-bottom: 40px;
}

.top-3-border {
	border-left: 1px solid #eee !important;
	border-right: 1px solid #eee !important;
}

/* Top 3 image row */
.top-3-image img {
	height: 80px !important;
	width: auto !important;
}
.top-3-image .lasso-container {
	margin: 0 !important;
}

/* Top 3 description row */
.top-3-description  {
	font-size: 0.8em;
	text-align: center;
}

.top-3-description-row {
	vertical-align: top;
}

.top-3-image {
	text-align: center;
}
.top-3-image.top-3-border img {
	height: 100px !important;
	width: auto;
}

/* Top 3 rating row */
.top-3-rating, .top-3-award  {
	font-size: 0.8em;
	text-align: center;
}

.top-3-rating-primary {
	font-size: 16px;
	font-weight: 800;
	vertical-align: top;
}

/* Top 3 name row */
.top-3-name {
	margin-top: 15px;
	text-align: center;
	font-size: 16px;
	vertical-align: top;
}

.top-3-name a {
	color: #000000;
    background-size: 2px 0%;
}

.top-3-name p {
	margin-bottom: 0;
}

.top-3-name a:hover {
	text-decoration: none;
    background-image: linear-gradient(transparent calc(100% - 1px),#5333ed 1px);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 100% 2px;
    transition: background-size .4s;
}

/* Top 3 award row */
.top-3-award {
    padding: 0 10px 10px 10px;
    text-align: center;
	width: 33%;
}

.top-3-award-primary {
	font-size: 16px;
	font-weight: 800;
	background-color: #fcc966;
    border-radius: 4px 4px 4px 4px;
	padding: 10px;
	color: #000000;
}

/* Top 3 button */
.top-3-primary-button a {
	font-size: 23px;
}

.top-3-secondary-button a.lasso-button-1 {
	box-shadow: none !important;
}

.top-3-secondary-button a.lasso-button-1:hover {
	background: #fff !important;
    color: #FF0053 !important;
	border-width: 2px;
    border-style: solid;
    border-color: #FF0053;
	font-weight: normal !important;
}

.top-3-button .lasso-button-container {
	margin: 0 auto 0 auto !important;
}

a.lasso-button-1, a.lasso-button-2 {
	margin: 0 !important;
	background: #FF0053 !important;
}
a.lasso-button-1:hover, a.lasso-button-2:hover {
	background: #FF0053 !important;
}
.top-3-secondary-button .lasso-button-1 {
	background: #fff !important;
    color: #FF0053 !important;
	border-width: 2px;
    border-style: solid;
    border-color: #FF0053;
	font-weight: normal !important;
}

/* Top 3 disclaimer */
.top-3-disclaimer {
	/*margin-left: -110px;
    margin-right: -110px;*/
	width: 100%;
	text-align: center;
	margin-bottom: 0;
	font-size: 13px;
    color: #9f9f9f;
}

/* Top 3 table for mobile screens */
@media (max-width: 1600px) and (min-width: 981px) {
	.top-3-columns {
		margin-top: -50px;
	}
	.top-3-disclaimer {
		margin-left: 0;
    	margin-right: 0;
		width:100%;
	}
}
@media (max-width: 980px) and (min-width: 651px) {
	.top-3-columns {
		flex-direction: row-reverse;
		margin-top: 0;
		margin-left: 0;
    	margin-right: 0;
	}
	.top-3-image img {
    	height: 80px !important;
	}
	.top-3-disclaimer {
		margin-left: 0;
    	margin-right: 0;
		width:100%;
	}
	.top-3-primary-button a {
		font-size: 18px;
	}
}
@media(max-width: 650px) {
	.top-3-columns {
		margin-top: 0;
		margin-left: 0;
    	margin-right: 0;
		box-shadow: none;
	}
	.top-3-border {
		border-left: none !important;
		border-right: none !important;
	}
	.top-3-columns td:nth-child(2), .top-3-columns td:last-of-type {
		display: none;
	}
	.top-3-disclaimer {
		margin-left: 0;
    	margin-right: 0;
		width:100%;
	}
}


/* 2023 update - move back to divs */
.top-3-columns {
	flex-direction: row !important;
}
.top-3-column-33-b {
	width: 33%;
	display: flex;
    flex-direction: column;
}
.top-3-award-b {
	padding: 0 10px 10px 10px;
    text-align: center;
    width: 100%;
	font-size: 0.8em;
}
.top-3-award-secondary {
    padding: 10px;
	line-height: 25.6px;
}
.top-3-rating {
	line-height: 25.6px;
}
.top-3-name {
	margin-bottom: 20px;
	min-height: 52px;
}
.top-3-button-wrapper {
	margin-bottom: 20px;
	min-height: 48px;
}
.top-3-border {
	border-left: none !important;
	border-right: none !important;
}
.top-3-border-middle {
	border-left: 1px solid #eee !important;
    border-right: 1px solid #eee !important;
}
.top-3-description {
	margin-bottom: 30px;
}
.top-3-name-description {
	flex-grow: 1;
	display: flex;
    flex-direction: column;
}
.top-3-rating {
	margin-bottom: 10px;
}

@media(max-width: 860px) {
    .top-3-column-33-b {
		width: 100%;
		border-bottom: 1px solid #eee !important;
		flex-flow: row wrap;
		align-items: center;
	}
	.top-3-columns {
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
		box-shadow: none;
		padding: 0;
	}
	.top-3-border-middle {
		border-left: none !important;
    	border-right: none !important;
	}
	.top-3-rating-award {
		order: 1;
		width: 100%;
		display: flex;
		align-items: center;
	}
	.top-3-rating {
		order: 1;
		width:128px;
		margin-bottom: 0;
	}
	.top-3-award-b {
		order: 2;
		text-align: left;
		padding: 0;
	}
	.top-3-image {
		order: 2;
	}
	.top-3-name-description {
		order: 3;
		width: calc(100% - 88px - 213px - 22px);
	}
	 .top-3-button-wrapper {
		order: 4;
		min-width: 213px;
	}
	.top-3-name, .top-3-description {
		text-align: left;
		min-height: 0;
	}
	/*.top-3-award-secondary {
		background-color: #efefef;
    	border-radius: 4px 4px 4px 4px;
	}*/
	.top-3-award-secondary {
		padding-left: 0;
	}
	.top-3-image img {
		height: auto !important;
		width: 80px !important;
		margin-right: 25px;
	}
}
@media(max-width: 650px) {
	.top-3-name-description {
		width: calc(100% - 80px - 213px - 24px);
	}
	.top-3-button-wrapper {
		margin-left: auto;
    	margin-right: auto;
	}
}

/* Stars shortcode */
.single-star-rating {
	margin: 0 0 0 0 !important;
}
.stars-inline {
	display: inline-block;
	vertical-align: middle;
}
.single-star-rating-wrapper{
	margin-bottom: 1em;
}
.stars-name {
	font-weight:bold;
}
.star-rating {
	height: 20px;
	position: relative;
	width: 100px;
	margin: 0 auto 0 auto;
}
.star-rating:before {
	background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyMi44MyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNjOGM4Yzg7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEyLDIuODhsMi43Nyw1LjcxLjIzLjQ4LjUzLjA4LDYuMjkuODYtNC41OCw0LjQtLjM4LjM3LjA5LjUzLDEuMTIsNi4yNS01LjYtM0wxMiwxOC4zMWwtLjQ3LjI1LTUuNiwzLDEuMTItNi4yNS4wOS0uNTMtLjM4LS4zN0wyLjE4LDEwbDYuMjktLjg2TDksOS4wN2wuMjMtLjQ4TDEyLDIuODhNMTIsLjU5LDguMzMsOC4xNSwwLDkuMzFsNi4wNiw1LjgyTDQuNTgsMjMuNDFsNy40Mi00LDcuNDIsNC0xLjQ4LTguMjhMMjQsOS4zMSwxNS42Nyw4LjE1LDEyLC41OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTAuNTkpIi8+PC9zdmc+");
	background-repeat: repeat-x;
	background-size: 20%;
	bottom: 0;
	content: "";
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.star-rating > span {
	display: block;
	text-indent: -10000px;
	width: 100%;
	height: 20px;
	position: absolute;
	overflow: hidden;
}
.star-rating > span:before {
	background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyMi44MyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmMGFkNGU7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEyLC41OWwzLjY3LDcuNTZMMjQsOS4zMWwtNi4wNiw1LjgyLDEuNDgsOC4yOC03LjQyLTQtNy40Miw0LDEuNDgtOC4yOEwwLDkuMzEsOC4zMyw4LjE1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC41OSkiLz48L3N2Zz4=");
	background-repeat: repeat-x;
	background-size: 20px;
	bottom: 0;
	content: "";
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	right: 0;
	text-indent: 10000px;
	top: 0;
	width:100%;
}

/* Top 3 button animation */
@keyframes bounce {
	0%, 20%, 50%, 55%, 80%, 100% {transform: translateY(0);}
	10% {transform: scale3d(.8,.8,.8);}
	12% {transform: scale3d(1.1,1.1,1.1);}
	14% {transform: scale3d(.9,.9,.9);}
	16% {transform: scale3d(1.03,1.03,1.03);}
	18% {transform: scale3d(.97,.97,.97);}
	20% {transform: scaleX(1);}
}

.animate__bounceIn{
	-webkit-animation-duration:5s;
	animation-duration:10s;
	-webkit-animation-name:bounce;
	animation-name:bounce;
	animation-iteration-count: infinite;
}

/* Table of contents bullet points */
.uagb-toc__list li:before {
	background: none !important;
}
.uagb-toc__list {
	list-style-type: disc !important;
}
.uagb-toc__list li > a {
	background-size: 2px 0%;
	background-image: linear-gradient(transparent calc(100% - 1px),#43414e 1px);
	background-origin: content-box;
}

.uagb-toc__list li > a:hover {
	text-decoration: none;
	background-position: 0% 100%;
    background-repeat: no-repeat;
	background-origin: content-box;
	background-size: 100% 2px;
    transition: background-size .2s;
}

/******************** Single Review ********************/
/* Mobile padding */
@media(max-width: 1024px) {
    .reviews .inside-article {
        padding: 0 10px;
    }
}
@media (max-width: 1224px) and (min-width: 1025px) {
	.reviews {
		padding-left: 40px;
    }
}

/* Single review separator */
.single-review-separator {
	max-width:80%;
	height:2px;
	background-color:rgb(50,50,50,0.1);
	color: rgba(50,50,50,0.1);
	margin-top: 0;
	margin-bottom:0;
	margin-left: auto;
	margin-right: auto;
}

/* Single review hero */
.single-review-verdict p {
	margin-bottom: 0;
}
.single-review-h1 h1 {
	min-height: 128px;
}
.single-review-button .lasso-button-container {
	margin: 20px auto !important;
}
.single-review-image {
	height: 130px;
}
.single-review-no-lazy {
    max-width: 200px;
}

.single-review-image .lasso-image.image-style img, .single-review-image .lasso-image.image-style {
	max-height: 130px;
}
.single-review-image .lasso-image-container {
	margin: 0 auto !important;
}
.single-review-button a.lasso-button-1 {
	width: 100%;
}
@media(max-width: 767px) {
	.single-review-verdict-heading, .single-review-verdict {
		text-align: center;
	}
	.single-review-image img {
		max-height: 150px !important;
	}
	.single-review-image .lasso-image-container {
		height: 157px;
	}
	.single-review-no-lazy img {
		max-height: 100px;
	}
	.single-review-no-lazy {
		margin-left:auto;
		margin-right:auto;
	}
	.star-rating-wrapper svg {
    	width: 20px !important;
    	height: 20px !important;
	}
	.single-review-image-stars .gb-inside-container {
		margin-left:auto;
		margin-right:auto;
	}
}

/* Single review star ratings */
.star-rating-wrapper .single-review-lhs-box {
	padding: 0 20px 0 20px;
}
.star-rating-wrapper {
	display: flex;
	width: 100%;
}
.star-rating-wrapper svg {
	width: 18%;
	height: auto;
}
.star-rating-column-container {
	min-height: 23px;
}

/* Single review disclosure text */
.single-review-disclaimer {
    text-align: center;
    margin-bottom: 20px;
    font-size: 13px;
    color: #9f9f9f;
}

/* Breadcrumbs */
.jb-breadcrumbs-black {
	text-align: center;
	background-image:none;
	font-weight:600;
	z-index: 3;
	position: relative;
    text-align: center;
	color: #6e7076;
	margin-bottom: 0;
}
.jb-breadcrumbs-black a {
	background-image:none;
	color: #6e7076;
	font-weight: 300;
    font-size: 16px;
	min-height: 19px;
}
.jb-breadcrumbs-black a:hover {
	color:#7f6fff;
	background-image:none;
}

/************************************************************
 *************************************************************
						CLS optimisation
*************************************************************
************************************************************/

/* Set minimum height of title on mobile */
@media(max-width: 767px) {
	.page-hero-wrapper.roundup-review-hero h1 {
		min-height: 96px;
	}
}

/************************************************************
 *************************************************************
						Author page
*************************************************************
************************************************************/

.generate-columns-container h2 {
	font-size: 2rem;
}

.archive.author .page-header figure {
	max-width: 600px;
	width: auto !important;
}
/************************************************************
 *************************************************************
						About us page
*************************************************************
************************************************************/


.uagb-team__title {
	margin: 0;
}
.uagb-team__desc {
	padding-left: 15px;
	padding-right: 15px;
}



/************************************************************
 *************************************************************
						Related posts
*************************************************************
************************************************************/
.jb-related-posts-outer {
	max-width: 1280px;
	margin: 40px auto 40px auto;
}
.jb-related-posts-header {
	font-size: 2.5rem;
	font-weight: 900;
	margin-bottom:20px;
}
.jb-related-post-inner {
	display:flex;
	flex-wrap: wrap;
	row-gap: 10px;
	column-gap: 10px;
	justify-content: center;
}
.jb-related-post {
	min-height: 150px; 
	background-position: center; 
	background-size: cover;
	flex: 1 1 300px;
	max-width:300px;
	display: flex;
	align-items: center;
	padding:10px;
	justify-content: center;
	box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
}
.jb-related-post-link {
	font-size: 1.5rem;
	font-weight: 900;
	text-align: center;
	color:#fff;
}



/************************************************************
 *************************************************************
				Archive pages
*************************************************************
************************************************************/
.card-bounce:hover {
	transition: transform .25s ease;
}

.card-bounce:hover {
	transform: translateY(-0.125rem);
}

/***********************New CSS ********/
/******* Roundup Reviews****/
article.roundup-review .inside-article {
	padding-top: 80px;
}

/*Blog Post Modified date*/
p.modified-date {
    padding-left: 20px;
    margin-bottom: 0px;
    margin-left: 20px;
    border-left-width: 1px;
    border-left-style: solid;
}

/*Blog Post Preview*/
.post-preview-mode .post.type-post .wp-block-uagb-container,
.post-preview-mode .post.type-post > .wp-block-uagb-container > .uagb-container-inner-blocks-wrap {
    display: block;
}
.post-preview-mode .post.type-post > .wp-block-uagb-container > .uagb-container-inner-blocks-wrap .conflex {
    display: flex;
}