/* # Genesis Sample Child Theme  
Theme Name: Genesis Sample Theme  
Theme URI: http://my.studiopress.com/themes/genesis/  
Description: This is the sample theme created for the Genesis Framework.   
Author: StudioPress  
Author URI: http://www.studiopress.com/  
Template: genesis  
Template Version: 2.1.2  
Tags: black, orange, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, custom-menu, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready  
License: GPL-2.0+  
License URI: http://www.gnu.org/licenses/gpl-2.0.html  
*/
/* # Table of Contents
- HTML5 Reset
	- Baseline Normalize
	- Box Sizing
	- Float Clearing
- Defaults
	- Typographical Elements
	- Headings
	- Objects
	- Forms
	- Tables
- Structure and Layout
	- Site Containers
	- Column Widths and Positions
	- Column Classes
- Common Classes
	- Avatar
	- Genesis
	- Titles
	- WordPress
- Widgets
- Site Header
	- Title Area
	- Widget Area
- Content Area
	- Entries
	- Entry Meta
	- Pagination
	- Comments
- Sidebars
- Footer Widgets
- Site Footer
- Media Queries
	- Retina Display
	- Max-width: 1200px
	- Max-width: 960px
	- Max-width: 800px
- My Details Box (my-details-box)
- Mega Main Menu (#mega_main_menu)
- Single Post Styles (.scorebox, .reviewscores)
- Top Ten Box (.my-top-ten-box)
- Review Box (.my-review-box, .myreviewtitle)
- Link Buttons (green-link, red-link)
- Discount Box (.my-discount-box)
- CSS Mobile Menu Style (.slicknav_menu)
- Red Fonts (big-red, red-text, red-offer)
*/
/* ----------------------------------------------------------------------------------------------------
# HTML5 Reset
---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------
## Baseline Normalize
--------------------------------------------- */
/* normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0
}
article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
main, 
nav, 
section, 
summary {
	display: block
}
a {
	background: 0 0
}
a:active, a:hover {
	outline: 0
}
b, strong {
	font-weight: 700
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
small {
	font-size: 80%
}
img {
	border: 0
}
hr {
    margin: 1.5em 0;
    border: 0;
    border-top: 1px solid #ccc;
}
button, 
input, 
optgroup, 
select, 
textarea {
	color: inherit;
	font: inherit;
	margin: 0
}
button, 
html input[type=button], 
input[type=reset], 
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}
button::-moz-focus-inner, 
input::-moz-focus-inner {
	border:0;
	padding:0
}
input {
	line-height: normal
}
textarea {
	overflow: auto
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
td, th {
	padding: 0
}
/* ---------------------------------------------
## Box Sizing
--------------------------------------------- */
*, input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* ---------------------------------------------
## Float Clearing
--------------------------------------------- */
.author-box:before, 
.clearfix:before, 
.entry:before, 
.entry-content:before, 
.footer-widgets:before, 
.nav-primary:before, 
.nav-secondary:before, 
.pagination:before, 
.site-container:before, 
.site-footer:before, 
.site-header:before, 
.site-inner:before, 
.wrap:before {
	content: " ";
	display: table;
}
.author-box:after, 
.clearfix:after, 
.entry:after, 
.entry-content:after, 
.footer-widgets:after, 
.nav-primary:after, 
.nav-secondary:after, 
.pagination:after, 
.site-container:after, 
.site-footer:after, 
.site-header:after, 
.site-inner:after, 
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}
/* ----------------------------------------------------------------------------------------------------
# Defaults
---------------------------------------------------------------------------------------------------- */
.clear {
	clear: both
}
/* ---------------------------------------------
## Base Resets & Global Defaults
--------------------------------------------- */
*, *::before, *::after {
  box-sizing: border-box;
}

body {
  background-color: #fff;
  color: #333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
  margin: 0;
}

/* ---------------------------------------------
## Typography & Elements
--------------------------------------------- */
a, button, input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

a {
  color: #0041A8;
  text-decoration: none;
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--color-link);
  text-underline-offset: 3px;
}
a:hover {
  color: #002d73;
  text-decoration: none;
}

p {
  margin: 0 0 15px 5px;
  padding: 0;
}

ul, ol {
  margin: 0;
  padding: 0 0 0 20px;
}

b, strong {
  font-weight: 700;
}

blockquote, cite, em, i {
  font-style: italic;
}

/* ---------------------------------------------
## Pros & Cons Box Layout
--------------------------------------------- */
.pros-cons-container {
  background-color: #f5f5f5;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin: 20px auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 4%;
  max-width: 1000px;
}

/* Hide Optional Section Heading */
.section-title {
  display: none;
}

/* Pros and Cons Sections */
.pros-section,
.cons-section {
  flex: 1 1 47%;
  padding: 10px;
  border-radius: 8px;
  background-color: #fff;
}

/* Pros Styling */
.pros-section {
  background-color: #e6f9e6;
}

/* Cons Styling */
.cons-section {
  background-color: #ffe6e6;
}

/* Section Titles */
.pros-title,
.cons-title {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 15px 0;
  display: flex;
  align-items: center;
}

/* Icons Before Titles */
.pros-title::before,
.cons-title::before {
  content: '●';
  font-size: 24px;
  margin-right: 8px;
}

.pros-title::before {
  color: #4CAF50;
}

.cons-title::before {
  color: #f44336;
}

/* List Styling */
.pros-list,
.cons-list {
  list-style-type: disc;
  padding-left: 20px;
  margin-top: 10px;
}

.pros-list li,
.cons-list li {
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 1.5;
}

/* ---------------------------------------------
## Headings
--------------------------------------------- */
h1, h2, h3, h4 {
    color: #222;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 0 0.5em;
}

h1 {
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 1.7;
	margin-bottom: 0.25em;
}

h2 {
    font-size: 1.875rem;
    font-weight: 500;
}

h3 {
    font-size: 1.5rem;
}

h4 {
    font-size: 1.25rem;
}

/* ---------------------------------------------
## Objects
--------------------------------------------- */
embed, 
iframe, 
img, 
object, 
video, 
.wp-caption {
	max-width: 100%;
}
img {
	height: auto;
	border-radius: 10px;
}

/* Custom styles for YouTube embeds and other video content */
.wp-block-embed__wrapper, 
.embed-container, 
.wp-embed {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	margin: 20px 0;
	background: #000;
	border: 1px solid #ddd;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Ensuring iframe, video, and other embedded elements fit the container */
.wp-block-embed__wrapper iframe, 
.embed-container iframe, 
.wp-embed iframe, 
.wp-block-embed__wrapper video, 
.embed-container video, 
.wp-embed video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.wp-block-embed__wrapper iframe {
	border-radius: 10px;
}
/* ---------------------------------------------
## Forms
--------------------------------------------- */
input, 
select, 
textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #333;
	font-size: 18px;
	font-weight: 300;
	padding: 16px;
	width: 100%;
}
input:focus, 
textarea:focus {
	border: 1px solid #999;
	outline: none;
}
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"], 
.button {
	background-color: #333;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-weight: 300;
	padding: 16px 24px;
	text-transform: uppercase;
	width: auto;
}
button:hover, 
input:hover[type="button"], 
input:hover[type="reset"], 
input:hover[type="submit"], 
.button:hover {
	background-color: #e5554e;
	color: #fff;
}
/* ---------------------------------------------
## Tables
--------------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin-bottom: 40px;
	width: 100%;
}

td, th {
	text-align: left;
}
td {
	border-top: 1px dotted #ddd;
	padding: 6px 0;
}

/* ----------------------------------------------------------------------------------------------------
# Structure and Layout
---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------
## Site Containers
--------------------------------------------- */
.site-inner, 
.wrap {
	margin: 0 auto;
	max-width: 1200px;
}
.site-inner {
	clear: both;
	padding-top: 10px;
	background-color: #FFFFFF;
	border-top: none;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

/* ---------------------------------------------
## Column Widths and Positions
--------------------------------------------- */
/* ### Wrapping div for .content and .sidebar-primary */

.content {
	float: right;
	width: 815px;
}
.content-sidebar .content, 
.content-sidebar-sidebar .content, 
.sidebar-content-sidebar .content {
	float: left;
}
.content-sidebar-sidebar .content, 
.sidebar-content-sidebar .content, 
.sidebar-sidebar-content .content {
	width: 580px;
}
.full-width-content .content {
	width: 100%;
}

.sidebar-primary {
	float: right;
	width: 370px;
	border-radius: 10px;
}

/* ----------------------------------------------------------------------------------------------------
# Common Classes
---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------
## Avatar
--------------------------------------------- */
.avatar {
	float: left;
}

.comment .avatar {
	margin: 0 16px 24px 0;
}
/* --------------------------------------------
## Genesis
--------------------------------------------- */

/* --------------------------------------------
## Titles
--------------------------------------------- */
.entry-title {
	font-size: 24px;
	color: #FFFFFF;
	text-align: center;
	background-color: #4D507A;
	padding: 15px;
	border-radius: 10px;
}
.category-blog .entry-title {
    background: none;
    color: #111;    /* plain dark text */
    padding: 0;
    text-align: left;     /* force left alignment */
    margin: 0 0 20px;     /* add some breathing space below */
    font-size: 2rem;     /* increase size (~32px) */
    line-height: 1.3;    /* better readability */
    font-weight: 500;    /* bold for emphasis */
}
.widget-title {
	font-size: 18px;
	/*margin-bottom: 20px;*/
}
.footer-widgets .widget-title {
	color: #fff;
}
/* --------------------------------------------
## WordPress
--------------------------------------------- */

.alignleft {
	float: left;
	text-align: left;
}

a.alignleft, 
img.alignleft, 
.wp-caption.alignleft {
	margin: 0 0 24px 0;
}
.alignright {
	float: right;
	width: auto !important;
}
a.alignright, img.alignright, 
.wp-caption.alignright {
	margin: 0 0 24px 24px;
}

/* ----------------------------------------------------------------------------------------------------
# Widgets
---------------------------------------------------------------------------------------------------- */
.widget {
	word-wrap: break-word;
}

.widget li li {
	border: none;
	margin: 0 0 0 30px;
	padding: 0;
}
/* ----------------------------------------------------------------------------------------------------
# Site Header
---------------------------------------------------------------------------------------------------- */
:root{
  --header-glass: rgba(14,17,22,.85);
  --header-solid: #0e1116; /* nearly black */
}

/* Desktop / default: glass */
.site-header{
  background: var(--header-glass);
  border-bottom: 1px solid rgba(255,255,255,.06);
  -webkit-backdrop-filter: saturate(120%) blur(8px);
  backdrop-filter: saturate(120%) blur(8px);
}
.site-header .wrap {
	padding: 0px;
}
/* ---------------------------------------------
## Title Area
--------------------------------------------- */
.title-area {
	float: left;
	width: 360px;
	padding-bottom: 5px;
}
.header-full-width .title-area {
	width: 100%;
}
.site-title {
	color: #fff;
	font-size: 25.5px;
	font-weight: 600;
	line-height: 1.2;
	text-align: left;
}
.site-title a, 
.site-title a:hover {
	color: #FFFFFF;
	text-decoration: none;
	transition: color 0.215s ease-in-out;
}

.site-description {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.0;
	margin-left: 0;
	color: #fff;
	text-align: left;
}
.site-description, 
.site-title {
	margin-bottom: 0;
}

/* ----------------------------------------------------------------------------------------------------
# Content Area
---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------
## Entries
--------------------------------------------- */
.entry {
	/*margin-bottom: 40px;*/
	margin-bottom: 0;
	padding: 15px;
}
.content .entry {
	background-color: #fff;
	border-radius: 10px;
	margin-bottom: 15px;
}
.entry-content ol, .entry-content ul {
	margin-bottom: 28px;
	margin-left: 40px;
}

.entry-content ul > li {
	list-style-type: disc;
}

.entry-content img {
	width: auto;
}
img.img-auto {
	width: auto;
}

/* ---------------------------------------------
## Entry Meta
--------------------------------------------- */
p.entry-meta {
	font-size: 16px;
	margin-bottom: 0;
}

.entry-footer .entry-meta {
	border-top: 2px solid #f5f5f5;
	padding-top: 24px;
}
.entry-categories, .entry-tags {
	display: block;
}

/* ---------------------------------------------
## Pagination
--------------------------------------------- */
.pagination {
	clear: both;
	margin: 40px 0;
}

.archive-pagination li a:hover, 
.archive-pagination .active a {
	color: #000000;
	background-color: #FFFFFF;
}
.categorypage .pagination,
.pagination-wrapper .pagination {
	display: inline-block;
	margin: 15px 0;
	width: 100%
}
.categorypage .pagination a ,
.pagination-wrapper .pagination a{
	background-color: #507E36;
	border: 1px solid #507E36;
	border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    padding: 8px 12px;
    text-decoration: none;
}
.categorypage .pagination a:hover,
.categorypage .pagination a:active,
.categorypage .pagination a:focus,
.pagination-wrapper .pagination a:hover,
.pagination-wrapper .pagination a:active
.pagination-wrapper .pagination a:focus{
	background: #FFFFFF;
	border: 1px solid #507E36;
	color: #507E36;
	text-decoration: none;
}
.categorypage .pagination span.current,
.pagination-wrapper .pagination span.current{
	padding: 8px 12px;
	background: #FFFFFF;
	font-size: 16px;
	border: 1px solid #FFFFFF;
	display: inline-block;
}

/* ---------------------------------------------
## Comments
--------------------------------------------- */
#respond, 
.entry-comments {
	border-radius: 10px;
}
.comment-respond, 
.entry-comments, 
.entry-pings {
	background-color: #fff;
	margin-bottom: 15px;
}
.comment-respond, .entry-pings {
	padding: 40px 40px 16px;
}
#respond {
	padding: 20px 20px 16px;
}
#respond h3 {
	margin-top: 0;
	line-height: 1.5;
}
#respond #commentform p {
	margin-bottom: 10px;
}
#respond #commentform input,
#respond #commentform textarea {
	padding: 5px 16px;
}
#respond #commentform input#submit {
	background: #507E36;
	border: 2px solid #507E36;
	border-radius: 10px;
	padding: 8px 15px;
	text-transform: none;
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
}
#respond #commentform input#submit:hover {
	background: none;
	color: #507E36;
}
.comment-form-comment > textarea:nth-of-type(2){
	left: 0;
}
.entry-comments {
	padding: 15px;
}
.comment-header {
	font-size: 16px;
}
li.comment {
	background-color: #f5f5f5;
	border-radius: 10px;
	border: 2px solid #fff;
	border-right: none;
}
.comment-content {
	clear: both;
}
.comment-list li {
	margin-top: 15px;
	padding: 15px;
}

.comment-respond input[type="email"], 
.comment-respond input[type="text"], 
.comment-respond input[type="url"] {
	width: 50%;
}
.comment-respond label {
	display: block;
	margin-right: 12px;
}
.entry-comments .comment-author {
	margin-bottom: 0;
}

/* ----------------------------------------------------------------------------------------------------
# Sidebars
---------------------------------------------------------------------------------------------------- */
.sidebar {
	color: #333333;
	background-color: transparent;
}
.sidebar li {
	border-bottom: 1px dotted #ddd;
	margin: 0;
	padding: 0;
}
.sidebar li a {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	padding: 5px;
	display: inline-block;
	width: 100%;
	border-radius: 10px;
}
.sidebar li a:hover {
    color: #FFFFFF;
    text-decoration: none;
    background: #507E36;
}
.sidebar li a strong {
    color: #CC0000;
}
.sidebar li :hover strong {
    color: #FFFFFF;
}
.sidebar p:last-child, 
.sidebar ul > li:last-child {
	margin-bottom: 0;
}
.sidebar .widget {
	background-color: #FFFFFF;
	margin-bottom: 15px;
	padding: 15px;
	border-radius: 10px;
}
.sidebar a:hover {
	color: #0056b3;
	text-decoration: none;
}
.sidebar img {
	width:100%;
	height:auto;
}
/* =========================
   Footer widgets — modern look, legacy float layout
   ========================= */

/* 0) Kill any grid attempts from earlier */
.footer-widgets,
.footer-widgets .wrap {
  display: block !important;
}

/* 1) Wrapper: background + clearfix */
.footer-widgets {
  background:#0e1116;
  border-top:1px solid #1f2836;
  padding:36px 0 28px;
  color:#e8ecf3;
}
.footer-widgets .wrap::after {
  content:"";
  display: table;
  clear: both;
}

/* 2) Columns: keep floats + widths but make them border-box so padding doesn't break the row */
.footer-widgets .widget-area,
.footer-widgets-1, .footer-widgets-2, .footer-widgets-3,
.footer-widgets-4, .footer-widgets-5, .footer-widgets-6 {
  box-sizing: border-box;
  float: left;                 /* legacy layout */
  width: 16.66%;               /* 6 across */
  padding: 0 12px;             /* safe because of border-box */
  margin: 0 0 16px;
  min-width: 0;                /* prevents overflow from long content */
  word-wrap: break-word;
  overflow-wrap: anywhere;
  background:#121722;          /* modern panel look */
  border:1px solid #1f2836;
  border-radius:14px;
  padding:16px;                /* inner padding for the panel */
}

/* If your theme forced the 6th area to float:right, normalize it */
.footer-widgets-6 { float: left !important; }

/* 3) Widget headings */
.footer-widgets .widget-title {
  margin:0 0 10px;
  font-size:14px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#a8b1c2;
  font-weight:700;
  background:transparent;
  text-align:left;
  padding:0;
  border-radius:0;
  position:relative;
}
.footer-widgets .widget-title::after{
  content:"";
  display:block;
  width:36px;
  height:2px;
  background:#7bd389; /* accent */
  margin-top:8px;
  border-radius:2px;
}

/* 4) Lists & links */
.footer-widgets ul,
.footer-widgets ol {
  list-style:none;
  margin:0; padding:0;
}
.footer-widgets li { margin:0 0 6px; border:none; padding:0; }

.footer-widgets a,
.footer-widgets a:visited {
  color:#ffffff;
  text-decoration:none;
  line-height:1.6;
  display:inline-block;
}
.footer-widgets a:hover {
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}
.footer-widgets a:focus-visible{
  outline:2px solid #4ea1ff;
  outline-offset:2px;
  border-radius:6px;
}
/* =========================
   Site Footer — Modernized
   ========================= */
.site-footer {
  background: #0e1116;                 /* dark background */
  border-top: 1px solid #1f2836;       /* subtle divider */
  font-size: 14px;
  line-height: 1.5;
  padding: 20px 0 28px;
  color: #a8b1c2;                      /* muted text */
}

.site-footer .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}

/* Footer credits (copyright, text) */
.site-footer p.credits {
  margin: 0;
  flex: 1 1 auto;
  color: #a8b1c2;
  font-size: 14px;
  line-height: 1.5;
}

/* Footer links */
.site-footer p.credits a {
  color: #ffffff;
  text-decoration: none;
  margin: 0 10px 0 0;
  font-weight: 500;
  transition: color 0.25s ease, text-decoration 0.25s ease;
}

.site-footer p.credits a:hover,
.site-footer p.credits a:focus {
  color: #7bd389;                      /* accent color */
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Optional footer nav (if you assign a menu) */
.site-footer .footer-nav {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
.site-footer .footer-nav a {
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
}
.site-footer .footer-nav a:hover,
.site-footer .footer-nav a:focus {
  text-decoration: underline;
  text-underline-offset: 3px;
  color: #7bd389;
}

/* ============================================================================
# MY EXTRAS
============================================================================ */
/* ----------------------------------------------------------------------------------------------------
# My Details Box (my-details-box)
---------------------------------------------------------------------------------------------------- */
.my-details-box {
	background: #4D507A;
	border-radius: 10px;
	color: #fff !important;
    /*display: inline-block;*/
    margin-bottom: 15px;
	padding: 10px;
}
.my-details-box h2 {
	color: #fff !important;
}
.my-details-box h4 {
	color: #fff !important;
	text-align: center;
}
.my-details-box p {
	color: #fff !important;
}

.affiliate-disclaimer {
  font-size: 14px;
  color: #666;
  margin: 10px 0 25px;
  padding: 10px 12px;
  border-left: 3px solid #ddd;
  background: #fafafa;
}

/* ----------------------------------------------------------------------------------------------------
# Single Post Styles (.scorebox, .reviewscores)
---------------------------------------------------------------------------------------------------- */
.scorebox {
	float: left;
	width: 45%
}
ul.reviewscores {
	list-style: none;        /* Removes bullet points */
	padding: 0;
	margin: 0;
}

ul.reviewscores li {
	font-size: 14px;
	border-bottom: dotted 1px #888;
}

ul.reviewscores li span {
	float: right;
}

ul.reviewscores li:nth-child(1) {
	font-size: 18px;
}

/* STYLES FRONT PAGE FOR MOBILE */
.my-content:after{
	clear: both;
	content: '';
	display:table;
}
.my-content {
	padding: 5px 14px 14px;
	margin: 0;
}
.my-content p {
    padding: 0 7.5px;
}
.single-post .entry {
    max-width: 760px;
    margin: 0 auto 40px;
    padding: 24px;
}
.single-post .entry-content p {
    font-size: 17px;
    line-height: 1.7;
    margin: 0 0 1.2em;
}
.single-post .entry-content h2 {
    font-size: 1.7rem;
    margin-top: 2.5em;
    margin-bottom: 0.8em;
    line-height: 1.3;
}
.single-post .entry-content h3 {
    font-size: 1.35rem;
    margin-top: 2em;
    margin-bottom: 0.6em;
}
.single-post .entry-content ul {
    margin: 0 0 1.4em 1.4em;
    padding-left: 0;
}
/* Extra indent for normal bullet lists (no custom class) */
.single-post .entry-content > ul:not([class]) {
    margin-left: 2.2em;
    padding-left: 0;
}

.single-post .entry-content li {
    margin-bottom: 0.35em;
}
.single-post .entry-content li ul {
    margin-top: 0.4em;
}
/* Keep the first "Key Takeaways" block from riding up beside the hero floats */
.single-post .entry-content h3:first-of-type,
.single-post .entry-content h3:first-of-type + ul {
    clear: both;
    float: none;
}

/* Desktop: image + score list side by side */
@media (min-width: 900px) {

  /* Hero image: first image block */
  .single-post .entry-content > figure:first-of-type,
  .single-post .entry-content > p:first-of-type img {
    float: left;
    width: 52%;
    max-width: 460px;
    height: auto;
    margin: 0 24px 20px 0;
  }

  /* Make the first “normal” paragraph under them start below */
  .single-post .entry-content > p:nth-of-type(2) {
    clear: both;
  }
}
/* Live Jasmin – Key Takeaways feature box */
.single-post .entry-content ul.takeaways {
    margin: 1.4em 0 2.2em;
    padding: 16px 18px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    list-style: none !important;
}

/* Each item */
.single-post .entry-content ul.takeaways li {
    position: relative;
    display: block;
    margin: 6px 0;
    padding-left: 18px;
    line-height: 1.6;
    list-style: none !important;
}

/* Custom green bullet (matches your brand color) */
.single-post .entry-content ul.takeaways li::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 0.7em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-primary, #1e7e34);
}

/* Make the first key point pop a bit more */
.single-post .entry-content ul.takeaways li:first-child {
    font-weight: normal;
}
/* Make takeaways box full width on desktop */
@media (min-width: 900px) {
    .single-post .entry-content ul.takeaways {
        margin-left: 0;          /* align to the left edge of text column */
        margin-right: 0;         /* align to the right edge of text column */
        padding: 20px 24px;      /* more breathing room */
        width: 100%;             /* allow full content width */
        box-sizing: border-box;  /* so padding doesn't expand past width */
    }
}
/* =========================================
   LiveCamReviews — Pricing Box
   ========================================= */

.single-post .entry-content ul.price {
    list-style: none !important;
    margin: 1.6em 0 2.4em;
    padding: 18px 22px;
    background: #fefce8;              /* soft yellow tint */
    border: 1px solid #facc15;        /* warm gold border */
    border-radius: 12px;
    width: 100%;                      /* full width inside content area */
    box-sizing: border-box;           /* padding stays inside 100% width */
}

/* Price items */
.single-post .entry-content ul.price li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 10px;
    list-style: none !important;
    line-height: 1.55;
}

/* Custom bullet dot (gold/orange) */
.single-post .entry-content ul.price li::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 0.62em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d97706;              /* warm, readable orange */
}

/* Make box wider on desktop */
@media (min-width: 900px) {
    .single-post .entry-content ul.price {
        margin-left: 0;
        margin-right: 0;
        padding: 22px 26px;
    }
}
/* =========================================
   LiveCamReviews — Payment Options Box
   ========================================= */

.single-post .entry-content ul.payment {
    list-style: none !important;
    margin: 1.6em 0 2.4em;
    padding: 18px 22px;
    background: #f0f7ff;               /* soft financial blue */
    border: 1px solid #bfdbfe;         /* light blue border */
    border-radius: 12px;
    width: 100%;
    box-sizing: border-box;
}

/* Payment list items */
.single-post .entry-content ul.payment li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 10px;
    line-height: 1.55;
    list-style: none !important;
}

/* Bullet: blue dot with a subtle “security” feel */
.single-post .entry-content ul.payment li::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 0.62em;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #2563eb;               /* strong, clean blue */
    box-shadow: 0 0 0 2px #dbeafe;      /* soft halo = reliability */
}

/* Wider layout on desktop */
@media (min-width: 900px) {
    .single-post .entry-content ul.payment {
        margin-left: 0;
        margin-right: 0;
        padding: 22px 26px;
    }
}
/* =========================================
   LiveCamReviews — Recommended Reading Box (Blue Version)
   ========================================= */

.single-post .entry-content ul.recommended {
    list-style: none !important;
    margin: 1.8em 0 2.4em;
    padding: 16px 20px;
    background: #fafafa;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    width: 100%;
    box-sizing: border-box;
}

/* Each recommended item */
.single-post .entry-content ul.recommended li {
    margin: 8px 0;
    padding-left: 18px;
    position: relative;
    line-height: 1.55;
    list-style: none !important;
}

/* Green bullet dot  */
.single-post .entry-content ul.recommended li::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 0.68em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #1e7e34;
    opacity: 0.9;
}

/* Blue link style — similar to Dark Angel */
.single-post .entry-content ul.recommended li a {
    text-decoration: none;
    font-weight: 500;
    color: #2563eb; /* clean readable blue */
    transition: color .2s ease, text-decoration-color .2s ease;
}

.single-post .entry-content ul.recommended li a:hover {
    color: #1d4ed8; /* slightly darker hover blue */
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Desktop comfort spacing */
@media (min-width: 900px) {
    .single-post .entry-content ul.recommended {
        padding: 20px 24px;
    }
}

/* ----------------------------------------------------------------------------------------------------
# Review Box (.my-review-box)
---------------------------------------------------------------------------------------------------- */
.my-review-box {
	width: 24%;
	float: left;
	margin: 0.5% 0.5% 0.5% 0.5%;
	position: relative;
	padding: 5px 5px 20px 5px;
}
.my-review-box img {
	width:100%;
	height:auto;
}
.my-review-box p, 
.my-review-box img {
	padding: 0;
	margin: 0;
}
.myreviewtitle {
	font-size: 18px;
	background-color: #4D507A;
	border-radius: 10px;
	color: #fff;
	line-height: 1.3;
	margin-bottom: 5px!important;
	padding: 7px 10px!important;
	text-align: center;
}
.categorypage .myreviewtitle {
    min-height: 52px;
}
.myreviewcat {
	color: #f903a5;
	text-decoration: underline;
	font-weight: bold;
	font-size: 35px;
	line-height: 40px;
	text-align: center;
	background-color: #000;
}
.myreviewcat a {
	color: #f903a5;
}
.myreviewcat a:hover {
	color: #FF65F1;
}
.myreviewexcerpt {
	min-height: 80px;
}
.blogexcerpt {
  font-size: 16px;
  line-height: 1.6em;
  min-height: calc(1.6em * 5);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  text-overflow: ellipsis;
}

.full-width-wrapper {
  bottom: 5px;
	margin-top: 3px;
	position: absolute;
	text-align: center;
	width: 96%;
}
.my-review-box .full-width-wrapper {
    position: static !important;
    margin-top: 14px;
    width: 100%;
}

/* ----------------------------------------------------------------------------------------------------
## Link Buttons (black-link, white-link, green-link, red-link)
---------------------------------------------------------------------------------------------------- */
a.black-link {
    color: #333;
	font-weight: 600;
	font-size: 18px;
	text-decoration: none;
}
a.black-link:hover {
    color: #222;
    text-decoration: underline;
}
a.white-link {
    background: #FFFFFF;
    border: 1px solid #808080;
    border-radius: 5px;
    color: #000000;
    font-weight: 400;
    padding: 5px 10px;
    margin-right: 10px;
    margin-bottom: 5px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    transition: 
        background 0.3s ease-in-out, 
        color 0.3s ease-in-out, 
        transform 0.3s ease-in-out, 
        box-shadow 0.3s ease-in-out;
}

a.white-link:hover {
    background: #fff;
    color: #000000;
    transform: scale(1.05);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
}

.horizontal-links-container {
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 20px;
  padding: 10px 1rem;
}

.horizontal-links-container a.horizontal-link {
  display: inline-block;
  color: #007BFF;
  text-decoration: none;
  font-size: 16px;
  margin-right: 20px;
}

.horizontal-links-container a.horizontal-link:hover {
  text-decoration: underline;
  color: #0056b3;
}

a.green-link {
    background: #507E36;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    padding: 5px 10px;
    margin-bottom: 5px;
    display: block;
    text-align: center;
    border: 2px solid #507E36;
    border-radius: 10px;
    text-decoration: none;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
a.green-link:hover {
    background: #fff;
    color: #507E36;
    text-decoration: none;
}

.sidebar .widget a.green-link {
	font-size: 20px;
	padding: 0px;
}
.infocol-1 a.green-link,
.infocol-2 a.green-link,
.discountcol-2 a.green-link {
    font-size: 18px;
}

/* ----------------------------------------------------------------------------------------------------
# Top Ten Box (my-top-ten-box)
---------------------------------------------------------------------------------------------------- */
.my-top-ten-box {
	float: left;
	margin-bottom: 15px;
}
.my-top-ten-box p, 
.my-top-ten-box img, 
.my-top-ten-box ul {
	margin: 0;
	padding: 0;
}
.my-top-ten-box ul li {
	list-style-type: none;
	border-bottom: 1px dotted #CCCCCC;
}
.my-top-ten-box ul li span {
	color: #000000;
	float: right;
}
.my-top-ten-box p.topten-image-title {
	font-size: 18px;
	background-color: #4D507A;
	border-radius: 10px;
	color: #fff;
	line-height: 1;
	margin-bottom: 5px;
	padding: 7px 10px;
	text-align: center;
}
.my-top-ten-box p.topten-image-title span{
	float: right;
}
.my-top-ten-box a.green-link {
	line-height: 1;
	margin-bottom: 0;
}

.my-top-ten-box img {
	margin-bottom: 5px;
	width:100%;
	height:auto;
}
div.toptenpage,
div.categorypage {
	background-color:#fff;
	border-radius:10px;
	/*margin-top: 10px;*/
}
div.toptenpage .top-text-content p{
	margin-bottom: 0;
}
.infocol-1 {
	width: 22%;
	float: left;
	padding: 15px 7.5px;
}
.infocol-1:first-child {
    padding-left: 15px;
}
.infocol-1:last-child {
    padding-right: 15px;
}
.infocol-2 {
	width: 34%;
	float: left;
	padding: 15px 7.5px;
}
.top-text-content,
.bottom-text-content {
	padding: 0 15px;
}
.top-text-content,
.bottom-text-content {
	margin-top: 15px;
}
.top-text-content ul,
.bottom-text-content ul {
	margin-left: 20px;
	margin-bottom: 28px;
}
.top-text-content ul li,
.bottom-text-content ul li {
	list-style-type: disc;
}

/* ===== Top Ten – Wide Image Rows ===== */
.topten-wide {
  --tt-text:#1b1b1b;
  --tt-muted:#666;
  --tt-border:#e6e6e6;
  --tt-black:#000;
  --tt-white:#fff;
  --tt-max:1080px;
  max-width:var(--tt-max);
  margin:0 auto;
  padding:24px 16px;
}

.tt-header { margin-bottom:18px; }
.tt-title { margin:0 0 8px; font-size:clamp(28px, 3vw, 40px); line-height:1.15; }
.tt-intro { color:var(--tt-text); font-size:18px; line-height:1.6; }

.tt-list { display:grid; gap:18px; margin-top:18px; margin-bottom:40px; }

.tt-row {
  display:grid;
  grid-template-columns:minmax(180px, 30%) 1fr; /* smaller image column */
  gap:18px;
  align-items:start;
  padding:16px;
  border:1px solid var(--tt-border);
  border-radius:14px;
  background:#fff;
}

.tt-media { margin:0; }

/* Image hover effect */
.tt-image-link {
  display:block;
  position:relative;
  overflow:hidden;
  border-radius:12px;
}

.tt-image-link img {
  width:100%;
  height:auto;
  display:block;
  border-radius:12px;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.tt-image-link::after {
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.25);
  opacity:0;
  transition: opacity 0.3s ease;
  border-radius:12px;
}

.tt-image-link:hover img {
  transform: scale(1.05);
}

.tt-image-link:hover::after {
  opacity:1;
}

/* Right side: plain larger text link + excerpt */
.tt-body { display:block; }

.tt-review-link {
  display:block;
  font-size:22px;
  font-weight:700;
  color:#000;
  text-decoration:none;
  margin-bottom:8px;
}

.tt-review-link:hover {
  text-decoration:underline;
}

.tt-excerpt {
  margin:.75rem 0 0;
  color:var(--tt-muted);
  font-size:16px;
  line-height:1.55;
}

/* Mobile tweaks */
@media (max-width:820px) {
  .tt-row { grid-template-columns:1fr; }
  .tt-review-link { font-size:20px; }
}

/* ----------------------------------------------------------------------------------------------------
# Discount Box (.my-discount-box)
---------------------------------------------------------------------------------------------------- */
.my-discount-box {
	float: left;
	margin-bottom: 15px;
	display: flex;
}
.my-discount-box p, 
.my-discount-box img, 
.my-discount-box ul {
	margin: 0;
	padding: 0;
}
.my-discount-box img {
	width:100%;
	height:auto;
}
.discountcol-1 {
	width: 30%;
	float: left;
	padding: 15px 7.5px;
}
.discountcol-1:first-child {
    padding-left: 15px;
}
.discountcol-1:nth-child(2){
	padding-right: 15px;
	order: -1;
}
.discountcol-2 {
	width: 40%;
	float: left;
	padding: 15px 7.5px;
}
.discount-headline {
	color: #f903a5;
	text-decoration: none;
	font-weight: 900;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
}
.discount-green-links-wrapper {
    text-align: center;
}
.my-review-box .discount-green-links-wrapper {
    position: static !important;
    margin: 16px auto 0;
    width: auto;
}

.discount-green-links-wrapper:after {
    content: "";
    display: table;
    clear: both;
}
.discount-green-links-wrapper a {
	float: left;
	width: 49%;
}
.discount-green-links-wrapper.full-width a {
	width: 100%;
	margin-left: 0 !important;
}
.discount-green-links-wrapper a:last-child {
	margin-left: 2%;
}
.page-template-discount h2.discount-headline {
    background-color: #4D507A;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 5px!important;
    padding: 10px!important;
    text-align: center;
    border-radius: 10px;
}
ul.discountsteps li {
	list-style-type: none;
}

input[type="submit"] {
	background-color: #507E36;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-weight: 300;
	padding: 16px 24px;
	text-transform: uppercase;
	width: auto;
}
input[type="submit"]:hover {
	background-color: #FFFFFF;
	color: #000000;
}

.red-offer {
	color: #FFFFFF;
	background-color: #CC0000;
	font-size: 12pt;
	font-weight:bold;
	padding: 2px;
}
h4.special {
	padding: 8px;
}

@font-face {
	font-family: 'ts-font';
	src: url('font/ts-font.eot?95629942');
	src: url('font/ts-font.eot?95629942#iefix') format('embedded-opentype'),
	url('font/ts-font.woff2?95629942') format('woff2'),
	url('font/ts-font.woff?95629942') format('woff'),
	url('font/ts-font.ttf?95629942') format('truetype'),
	url('font/ts-font.svg?95629942#ts-font') format('svg');
	font-weight: normal;
	font-style: normal;
}
.icosearch:before {
	font-family: "ts-font";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icosearch:before {
	content: '\e800';
}
.back-to-top {
	display: none;
	position: fixed;
	bottom: 15px;
	right: 15px;
	font-size: 50px;
	text-decoration: none;
	line-height: 1;
}
/* Floating Back-to-Top Button (Green Version) */
.back-to-top {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 45px;
    height: 45px;
    background: #507E36;          /* your red */
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 45px;
    font-size: 26px;
    z-index: 9999;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
    transition: all 0.2s ease-in-out;
}

/* Icon */
.back-to-top:before {
    font-family: "ts-font";
    content: '\f106';
}

/* Hover state (green red) */
.back-to-top:hover {
    background: #5fad32;
    transform: translateY(-3px);
}
h4.site-list-heading {
	margin-top: 15px;
	text-align: left;
	font-size: 36px;
}

ul.custom-list {
    padding: 0;
    margin: 0 0 15px;
    -webkit-columns: 4;
    -moz-columns: 4;
    -ms-columns: 4;
    -o-columns: 4;
    columns: 4;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    -ms-column-gap: 15px;
    -o-column-gap: 15px;
    column-gap: 15px;
}
ul.custom-list:after {
	content: '';
	clear: both;
	display: block;
}
ul.custom-list li {
    border-bottom: 1px dotted #CCCCCC;
    margin: 0;
    padding: 0;
    list-style-type: none !important;
    display: inline-block;
    width: 100%;
}
ul.custom-list li a {
    color: #507E36;
    font-size: 16px;
    padding: 5px;
    display: inline-block;
    width: 100%;
}
ul.custom-list li a:hover{
    background-color: #507E36;
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 10px;
}
.ul-content-wrapper{
	border-top: 1px dotted #cccccc;
	padding: 5px 0;
}
.ul-content-wrapper:after{
	clear: both;
	content: '';
	display: table;
}
.ul-content-wrapper .custom-list{
	margin-bottom: 15px;
}
.ul-content-wrapper .custom-list li{
	margin-bottom: 10px;
}
@font-face {
  font-family: 'star';
  src: url('font/star.eot?66278952');
  src: url('font/star.eot?66278952#iefix') format('embedded-opentype'),
       url('font/star.woff2?66278952') format('woff2'),
       url('font/star.woff?66278952') format('woff'),
       url('font/star.ttf?66278952') format('truetype'),
       url('font/star.svg?66278952#star') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'star';
    src: url('font/star.svg?66278952#star') format('svg');
  }
}
*/
 [class^="icon-"]:before, 
 [class*=" icon-"]:before {
  font-family: "star";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
   font-size: 120%; 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 /* '' */
.star-rating-wrapper .star-rating {
	color: #507E36;
	display: inline-block;
	font-size: 16px;
	position: relative;
}
.star-rating-wrapper .star-rating:before {
	content: '\e800\e800\e800\e800\e800';
	font-family: "star";
	font-size: 20px;
}
.star-rating-wrapper .star-rating span {
	overflow: hidden;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	padding-top: 1.5em;
	font-family: "star";
	font-size: 20px;
}
.star-rating-wrapper .star-rating span:before {
	content: '\e801\e801\e801\e801\e801';
	position: absolute;
	left: 0;
	top: 0;
}

.stars {
	display: inline-block;
	line-height: 1;
}
.stars a {
	position: relative;
	height: 1em;
	width: 1em;
	text-indent: -999em;
	display: inline-block;
	text-decoration: none;
	font-size: 20px;
	font-weight: 400;
	outline: none;
}
.stars a:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    line-height: 1;
    font-family: star;
    text-indent: 0;
}
.stars a:before,
.stars a:hover~a:before {
    content: '\e800';
    color: #507E36;
}
.stars:hover a:before,
.stars a.active:before {
    content: "\e801";
}
/*-------------------------
ratings-chart
--------------------------*/
.ratings-chart h3{
	margin-bottom: 0;
}
.rating-stat-text{
	display: table;
	width: 100%;
}
.rating-avg-text{
	display: table-cell;
	font-size: 50px;
	width: 85px;
}
.rating-avg-star {
	display: table-cell;
	vertical-align: middle;
}
.rating-avg-star .star-rating:before,
.rating-avg-star .star-rating span:before,
.rating-avg-star .star-rating span{
	font-size: 35px;
}
.rating-stats li:after{
	clear: both;
	content: '';
	display: table;
}
.rating-stats li{
	display: block;
}
.rating-stats li > div{
	float: left;
}
.rating-label{
	width: 60px;
}
.rating-label span,
.rating-count{
	font-weight: bold;
}
.rating-bar{
	background: #f1f1f1;
	border:1px solid #507E36;
	border-radius: 3px;
	margin: 4px 15px 0 0;
	padding: 1px;
	overflow: hidden;
	width: 200px;
}
.rating-bar-inner{
	border-radius: 3px;
	overflow: hidden;
	width: 100%;
}
.rating-bar-inner span{
	background: #507E36;
	display: block;
	height: 10px;
}
/* ----------------------------------------------------------------------------------------------------
# Top List Heading
---------------------------------------------------------------------------------------------------- */
/* Desktop layout */
.top-list-heading {
  display: flex;
  align-items: center;
  gap: 22px;
  margin: 20px 0 20px;
}

.top-list-heading h1 {
  margin: 0;
  font-size: 46px;
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
  padding-right: 22px;                 /* space before the vertical line */
  border-right: 1px solid #d0d0d0;     /* vertical divider */
}

.top-list-heading p {
  margin: 0;
  font-size: 18px;
  line-height: 1.4;
  color: #666;
  max-width: 600px;
}


/* Mobile version */
@media (max-width: 640px) {

  .top-list-heading {
    display: block;
  }

  .top-list-heading h1 {
    font-size: 32px;
    white-space: normal;               /* allow wrapping on small screens */
    padding-right: 0;
    border-right: none;                /* remove vertical divider */
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d0d0d0;  /* horizontal divider under title */
  }

  .top-list-heading p {
    font-size: 17px;
  }
}

/* ----------------------------------------------------------------------------------------------------
# Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {
	.site-inner, 
	.wrap {
		max-width: 960px;
	}
	.content, 
	.site-header .widget-area {
		width: 645px;
	}
	.scorebox {
		float: left;
		margin-bottom: 15px;
		width: 100%
	}
	.alignleft {
	width: 100%;
	float: left;
	text-align: left;
	}

	a.alignleft, 
	img.alignleft, 
	.wp-caption.alignleft {
	margin: 0 0 24px 0;
	}
	.my-top-ten-box a.green-link{
		margin-bottom: 5px;
	}
	.my-top-ten-box .discount-green-links-wrapper a {
	    float: none;
	    width: 100%;
	}
	.my-top-ten-box .discount-green-links-wrapper a:last-child{
	    margin-left: 0;
	}
	
	.sidebar-content-sidebar .content, 
	.sidebar-sidebar-content .content, 
	.content-sidebar-sidebar .content {
		width: 400px;
	}
	.sidebar-primary, 
	.title-area {
		width: 300px;
	}
	.content-sidebar .site-inner article header a img{
		width: 55%;
	}
	.content-sidebar .site-inner article header h1,
	.content-sidebar .site-inner article .entry-content h1{
		font-size: 36px;
	}

	.footer-widgets-1, 
	.footer-widgets-2, 
	.footer-widgets-3, 
	.footer-widgets-4, 
	.footer-widgets-5, 
	.footer-widgets-6 {
		margin-bottom: 25px;
		width: 33.33%;
	}
	.footer-widgets-3, 
	.footer-widgets-6 {
		padding-right: 0;
	}
}
@media only screen and (max-width:1199px){
		.my-review-box {
		width: 32.33%;
	}
}
@media only screen and (max-width: 1023px) {
	ul.custom-list {
		-webkit-columns: 2;
		-moz-columns: 2;
		-ms-columns: 2;
		-o-columns: 2;
		columns: 2;
		-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
		-ms-column-gap: 10px;
		-o-column-gap: 10px;
		column-gap: 10px;
	}
}

@media only screen and (max-width: 960px) {

	body.custom-background {
		background-image: none !important;
	}
	
	.site-title {
	    font-size: 22px;
		font-weight: 600;
	}
	.site-description {
	    font-size: 14px;
	    font-weight: 400;
	}
	.site-header {
	    position: absolute;
	    top: 0;
	    width: 237px;
	}
	.site-header .wrap {
		padding: 20px 5%;
		background-image: none;
	}
	header.site-header .wrap{
		padding: 8px 2%;
	}
	.site-header .wrap img{
		display: none;
	}

	.nav_search_box{
		padding: 0 15px; 
	}
	.nav_search_box form:after{
		clear: both;
		content: '';
		display: table;
	}
	.nav_search_box form i{
		display: none;
	}
	.nav_search_box form input[type="submit"]{
		border-radius: 0 5px 5px 0;
		float: right;
		padding: 7.7px 0;
		width: 30%;
	}
	.nav_search_box form input[type="text"]{
		border-radius: 5px 0 0 5px;
		float: right;
		padding: 5px 13px;
		width: 70%;
	} 

	.site-inner {
		border-top: solid 0px #CCCCCC !important;
		padding-left: 1% !important;
		padding-right: 1% !important;
	}
	.site-inner, 
	.wrap {
		max-width: 800px;
	}
	h2 {
	    font-size: 28px;
	}
	.top-text-content,
	.bottom-text-content {
	    padding: 0 7.5px;
	}
	
	.infocol-1, 
	.infocol-2, 
	.infocol-3{
		padding: 7.5px;
		width: 50%;
	}
	.infocol-1:first-child{
		padding-left: 7.5px;
	}
	.infocol-2 {
	    clear: both;
	}
	.my-top-ten-box a.green-link{
		margin-bottom: 0;
	}
	.my-top-ten-box .discount-green-links-wrapper a {
	    float: left;
	    margin-bottom: 0;
	    width: 49%;
	}
	.my-top-ten-box .discount-green-links-wrapper a:last-child{
	    margin-left: 2%;
	}
	.content, 
	.content-sidebar-sidebar .content, 
	.content-sidebar-sidebar .content-sidebar-wrap, 
	.sidebar-content-sidebar .content, 
	.sidebar-content-sidebar .content-sidebar-wrap, 
	.sidebar-primary, 
	.sidebar-secondary, 
	.sidebar-sidebar-content .content, 
	.sidebar-sidebar-content .content-sidebar-wrap, 
	.site-header .widget-area, 
	.title-area {
		width: 100%;
	}
	.genesis-nav-menu, 
	.site-description, 
	.site-header .title-area, 
	.site-header .search-form, 
	.site-title {
		text-align: left;
	}
	.genesis-nav-menu a, 
	.genesis-nav-menu > .first > a, 
	.genesis-nav-menu > .last > a {
		padding: 20px 16px;
	}

	.genesis-nav-menu li.right {
		display: none;
	}
	.my-discount-box{
		display: block;
	}
	.discountcol-1{
		padding: 7.5px;
		width: 50%;
	} 
	.discountcol-1:first-child{
	    padding-left: 7.5px;
	}
	.discountcol-1:nth-child(2){
	    padding-right: 7.5px;
	}
	.discountcol-2 {
		padding: 7.5px;
		width: 100%;
	}
	.sidebar .widget h4{
		font-size: 22px;
	}
	.sidebar ul li {
	    float: left;
	    width: 48%;
	    margin: 0 1%;
	}
	.sidebar ul li ul li {
		float: none;
		margin: 0 0 0 15px;
		width: 100%;
	}
	.sidebar ul:after {
	    clear: both;
	    content: '';
	    display: table;
	}
	.sidebar .textwidget:after {
	    clear: both;
	    content: '';
	    display: table;
	}
	.sidebar-image {
	    padding-right: 7.5px;
	}
	.sidebar-text {
	    padding-left: 7.5px;
	}
	.sidebar-image, 
	.sidebar-text {
	    float: left;
	    width: 50%;
	}

	h4.site-list-heading{
		font-size:32px;
	}
	ul.custom-list li a {
		font-size: 16px;
	}

	.footer-widgets {
	    padding: 0 1%;
	}
	.footer-widgets-1, 
	.footer-widgets-2, 
	.footer-widgets-3, 
	.footer-widgets-4, 
	.footer-widgets-5, 
	.footer-widgets-6 {
		width: 50%;
	}
	.footer-widgets-3{
		padding-right: 15px;
	} 
	.footer-widgets-2,
	.footer-widgets-4{
		padding-right: 0;
	}

	.site-footer p.credits {
		padding-left: 0;
		text-align: center;
		width: 100%;
	}
}
@media (min-width: 961px){
	/*logo*/
	.site-header .wrap img{
		float: left;
		padding-top: 4px;
		width: 38px;
	}	
	.header-full-width .title-area {
		padding-left: 10px;
		width: auto;
	}

}
@media only screen and (max-width: 800px) {
	body {
		background-color: #fff;
		font-size: 16px;
	}
	.site-inner, .wrap {
		padding-left: 5%;
		padding-right: 5%;
	}
	.archive-description, 
	.author-box, 
	.comment-respond,
	.entry-pings {
		padding: 0;
	}
	.site-header {
		padding: 5px;
	}
	.my-content {
		padding: 3px;
	}
	.sidebar .widget {
		padding: 10px;
	}
	p.entry-meta {
	    font-size: 16px;
	}
	.site-footer {
		font-size: 14px;
	}
	.footer-widgets a, 
	.footer-widgets a:visited {
		font-size: 16px;
	}
}
@media only screen and (max-width:767px){
	.my-review-box:nth-child(2n+1){
		clear: both;
	}
	.my-review-box:nth-child(3n+1) {
	    clear: none;
	}
	.content-sidebar .site-inner article header a img{
		width: 100%;
		margin-right: 0;
	}
	.scorebox {
		float: left;
		margin-bottom: 15px;
		width: 100%
	}
	.entry {
		padding: 10px;
	}
	.my-review-box {
		width: 49%;
	}
	body > div.site-container > div.footer-widgets > div {
		padding: 7.5px;
	}
	.content-sidebar .site-inner article header h1,
	.content-sidebar .site-inner article .entry-content h1 {
	    font-size: 24px;
	    padding: 8px;
	}
	 h1 {
        font-size: 1.75rem;
    }
    h2 {
        font-size: 1.5rem;
    }
    h3 {
        font-size: 1.375rem;
    }
    h4 {
        font-size: 1rem;
    }
	.rating-avg-text{
		font-size: 40px;
		width: 65px;
	}
	.rating-avg-star .star-rating:before, 
	.rating-avg-star .star-rating span:before, 
	.rating-avg-star .star-rating span {
	    font-size: 25px;
	}
	/*custom-list*/
	h4.site-list-heading{
		font-size:28px;
	}

	.sidebar .widget h4{
		font-size: 20px;
	}
}
@media only screen and (max-width: 567px) {
	ul.custom-list {
		-webkit-columns: 1;
		-moz-columns: 1;
		-ms-columns: 1;
		-o-columns: 1;
		columns: 1;
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		-ms-column-gap: 0;
		-o-column-gap: 0;
		column-gap: 0;
	}
	.infocol-1, 
	.infocol-2 {
	    padding: 7.5px;
	    width: 100%;
	}
	.discountcol-1{
		width: 100%;
	}
	.sidebar .widget h4{
		font-size: 16px;
	}
	.comment-respond input[type="email"], 
	.comment-respond input[type="text"], 
	.comment-respond input[type="url"] {
	    width: 100%;
	}
}

@media only screen and (max-width: 479px) {
    .site-title {
        font-size: 22px;
        text-align: left;
    }
    .site-description {
        font-size: 14px;
        text-align: left;
    }
    .site-header .wrap {
        background: none;
    }
    .my-review-box {
        margin: 0 0 15px 0;
        width: 100%;
    }
    .scorebox {
        margin-bottom: 20px;
    }
	.my-review-box .discount-green-links-wrapper {
    	position: static !important;
    	width: auto;
    	margin: 1rem 0 0;  
    	text-align: center;
  }
    ul.reviewscores li {
        font-size: 16px;
        font-weight: 400;
    }
    ul.reviewscores li span {
        color: #333333;
        float: right;
    }
    ul.reviewscores li:nth-child(1) {
        font-size: 18px;
    }
    .entry-title {
        font-size: 28px;
    }
    .entry-header a img {
        width: 100%;
    }
    .sidebar .widget h4 {
        font-size: 16px;
    }
    .sidebar-image {
        padding-right: 0;
    }
    .sidebar-text {
        padding-left: 0;
    }
    .sidebar ul li,
    .sidebar-image, 
    .sidebar-text {
        float: none;
        width: 100%;
    }
    h4.site-list-heading {
        font-size: 24px;
    }
    .footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4,
.footer-widgets-5,
.footer-widgets-6 {
    float: none;
    width: 100%;
    padding-right: 0;
    display: block;
}
    
    .site-footer p.credits {
        padding-left: 0;
        text-align: center;
        width: 100%;
    }
	
	.white-links-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    padding: 0 1rem;
    margin-bottom: 20px;
  }
  
  .white-links-container a.white-link {
    flex: 0 0 auto !important;
  }
.pros-cons-container {
        flex-direction: column;    /* Stack items vertically */
    }

    .pros-section, .cons-section {
        width: 100%;
        margin-bottom: 20px;       /* Space between stacked sections */
    }
}

/* Pros Section Styling */
.pros-section {
    background-color: #e6f9e6; /* Light green background */
    border-left: none;
}

/* Cons Section Styling */
.cons-section {
    background-color: #ffe6e6; /* Light red background */
    border-left: none;
}

/* Title Styling for Pros and Cons */
.pros-title, .cons-title {
    font-size: 18px;           /* Larger font for section titles */
    font-weight: bold;         /* Make the title bold */
    margin: 0 0 15px 0;        /* Margin below the title */
    display: flex;             /* Use flexbox for alignment */
    align-items: center;       /* Center align text and icon */
}

/* Green and Red Icon Styling Before Titles */
.pros-title::before, .cons-title::before {
    content: '●';              /* Use a circular symbol for the marker */
    font-size: 24px;           /* Size of the marker */
    margin-right: 8px;         /* Space between icon and text */
}

/* Green icon before "Pros" */
.pros-title::before {
    color: #4CAF50;            /* Green color */
}

/* Red icon before "Cons" */
.cons-title::before {
    color: #f44336;            /* Red color */
}

/* List Styling */
.pros-list, .cons-list {
    list-style-type: disc;     /* Use the default disc marker */
    padding-left: 20px;        /* Indentation for list items */
    margin-top: 10px;          /* Add space above the list */
}

/* List Item Styling */
.pros-list li, .cons-list li {
    font-size: 16px;           /* Font size for list items */
    margin-bottom: 10px;       /* Spacing between items */
    line-height: 1.5;          /* Line height for readability */
}
}

@media only screen and (max-width: 374px) {
	.site-header{
		width: 215px;
	}
	.rating-bar{
		width: 190px;
	}
}

/*After Mega menu update*/
@media (max-width: 959px) {
  .site-header {
    width: 100%;
    background: var(--header-solid);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .admin-bar .site-header {
    top: 32px;
  }

  /* hide site description on mobile */
  .site-description {
    display: none !important;
  }

  /* center title area (site title/logo) */
  .site-header .title-area,
  .site-title {
    text-align: left;
    margin: 0 auto;
  }

  /* optional: center any logo image inside title */
  .site-title img {
    margin: 0 auto;
    display: block;
  }

  nav.nav-primary .wrap {
    padding: 0;
    max-width: 100%;
  }
}

@media (max-width: 782px) {
	.admin-bar .site-header {
		top: 46px;
	}
}
/* 5) Responsive: 3-up tablet, 1-up mobile */
@media (max-width: 1024px){
  .footer-widgets .widget-area,
  .footer-widgets-1, .footer-widgets-2, .footer-widgets-3,
  .footer-widgets-4, .footer-widgets-5, .footer-widgets-6 {
    width: 33.333%;
  }
}
@media (max-width: 640px){
  .footer-widgets .widget-area,
  .footer-widgets-1, .footer-widgets-2, .footer-widgets-3,
  .footer-widgets-4, .footer-widgets-5, .footer-widgets-6 {
    width: 100%;
  }
	 .site-footer .wrap {
    flex-direction: column;
    text-align: center;
  }
  .site-footer p.credits {
    margin-bottom: 8px;
  }
}
@media (min-width: 960px) {

  /* Hero image on the left */
  .single-post .entry-content img.alignleft,
  .single-post .entry-content .wp-caption.alignleft {
      float: left;
      width: 50%;
      max-width: 430px;
      height: auto;
      margin: 0 24px 20px 0;
  }

  /* Scorebox on the right */
  .single-post .scorebox {
      float: right;
      width: 42%;
      margin: 0 0 20px;
  }

  /* Make the first "normal" paragraph after them start below both */
  .single-post .entry-content p:first-of-type {
      clear: both;
  }
}
/* ================================
   CUSTOM - GENESIS MENU + MMM
   ================================ */

/* Desktop: modern Genesis primary menu */
.nav-primary {
    padding: 0px 0;
}

.nav-primary .genesis-nav-menu > li {
    display: inline-block;
    margin: 0 15px;
    position: relative;
}

.nav-primary .genesis-nav-menu a,
.nav-primary .genesis-nav-menu a:link,
.nav-primary .genesis-nav-menu a:visited {
    color: #333;
    text-decoration: none;
    font-weight: 500;
    padding: 12px 18px;
    display: block;
    border-radius: 6px;
    transition: all 0.2s ease;
    font-size: 15px;
}

.nav-primary .genesis-nav-menu a:hover,
.nav-primary .genesis-nav-menu .current-menu-item > a,
.nav-primary .genesis-nav-menu .current-menu-ancestor > a {
    color: #0073aa;
    background: #f4f4f4;
}

/* Desktop dropdowns */
.nav-primary .genesis-nav-menu .sub-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    min-width: 200px;
    z-index: 9999;
    padding: 8px 0;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}

.nav-primary .genesis-nav-menu > li:hover > .sub-menu {
    display: block;
}

.nav-primary .genesis-nav-menu .sub-menu li {
    display: block;
    margin: 0;
}

.nav-primary .genesis-nav-menu .sub-menu a {
    padding: 10px 15px;
    border-radius: 0;
    background: none;
}

.nav-primary .genesis-nav-menu .sub-menu a:hover {
    background: #f0f0f0;
    color: #0073aa;
}

/* ================================
   MOBILE - MENU PANEL + HAMBURGER
   ================================ */

@media (max-width: 800px) {

    /* Mobile menu panel (remove extra white space above) */
    .nav-primary .genesis-nav-menu {
        border-radius: 8px;
        background: transparent;
        margin-top: 0; /* remove gap under header */
        box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    }

    .nav-primary .genesis-nav-menu > li,
    .nav-primary .genesis-nav-menu .sub-menu li {
        display: block;
        margin: 0;
    }

    .nav-primary .genesis-nav-menu a {
        padding: 12px 16px;
        border-radius: 0;
        border-bottom: 1px solid #f1f1f1;
    }

    .nav-primary .genesis-nav-menu .sub-menu {
        position: static;
        box-shadow: none;
        border: 0;
        padding: 0;
    }

    .nav-primary .genesis-nav-menu .sub-menu a {
        padding-left: 28px;
        font-size: 14px;
    }

    /* 🔧 Fix Max Mega Menu toggle alignment:
       Remove the big 40px line-height that pushes it down */
    #mega-menu-wrap-primary .mega-menu-toggle {
        line-height: normal !important;
    }

    #mega-menu-wrap-primary .mega-menu-toggle button,
    #mega-menu-wrap-primary .mega-menu-toggle i {
        font-size: 22px !important;
    }
}
/* Fix Max Mega Menu hamburger vertical alignment */
@media (max-width: 800px) {
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box {
        height: auto !important; /* was 24px in plugin */
    }
}
/* =========================================
   APPLE-STYLE MINIMALIST SEARCH BAR
   ========================================= */

/* Remove label text ("Search") completely */
#mega-menu-wrap-primary .mega-sub-menu .widget_search label,
#mega-menu-wrap-primary .mega-sub-menu .search-form label {
    display: none !important;
}

/* Optional: remove search icon if Max Mega Menu adds one */
#mega-menu-wrap-primary .mega-sub-menu .search-form:before {
    display: none !important;
}

/* Input styling: Apple-like minimalist */
#mega-menu-wrap-primary .mega-sub-menu input[type="search"] {
    width: 220px;
    padding: 8px 14px;
    font-size: 15px;
    border: 1px solid #dedede;
    border-radius: 8px; /* Subtle rounded corners — very Apple */
    background: #fafafa; /* Soft neutral background */
    color: #333;
    outline: none;
    appearance: none;
    transition: all 0.2s ease-in-out;
}

/* Focus state — soft glow (Apple style) */
#mega-menu-wrap-primary .mega-sub-menu input[type="search"]:focus {
    background: #ffffff;
    border-color: #a3a3a3;
    box-shadow: 0 0 0 3px rgba(0,0,0,0.08);
}

/* Placeholder text — light, subtle */
#mega-menu-wrap-primary .mega-sub-menu input[type="search"]::placeholder {
    color: #aaa;
    font-weight: 400;
}

/* Submit button hidden (Apple style uses keyboard submit) */
#mega-menu-wrap-primary .mega-sub-menu input[type="submit"] {
    display: none !important;
}

/* Mobile version — full width, very clean */
@media (max-width: 800px) {
    #mega-menu-wrap-primary .mega-sub-menu input[type="search"] {
        padding: 12px 16px;
        font-size: 16px;
        border-radius: 10px;
    }
}
/* === Prevent horizontal scroll / mobile wobble === */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

.site-container {
    max-width: 100%;
    overflow-x: hidden;
}