/* # 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

	- Gallery

	- Forms

- Structure and Layout

	- Site Containers

	- Column Widths and Positions

	- Column Classes

- Common Classes

	- Avatar

	- Titles

	- WordPress

- 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

- Important Details (.importantDetails)

- Mega Main Menu (#mega_main_menu)

- Review Box (.my-review-box)

- Link Button (ts-pink-link)

- Top Ten Box (.my-top-ten-box)

- Discount Box (.my-discount-box)

- CSS Mobile Menu Style (.slicknav_menu)

*/

/* ----------------------------------------------------------------------------------------------------

# 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

}

img {

	border: 0;

}

hr {

	-moz-box-sizing: content-box;

	box-sizing: content-box;

	height: 0

}

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

}

/* ---------------------------------------------

## 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

}

/* ---------------------------------------------

## Typographical Elements

--------------------------------------------- */

body {

	background-color: #FFFFFF;

	color: #333333;

	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

	font-size: 16px;

	font-weight: 400;

	line-height: 1.625;

	margin: 0;

}

/* Custom large text class */
.large-text {
	font-size: 2rem; /* Larger text size */
	font-weight: bold; /* Optional for emphasis */
}

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;

}

 .custom-thumbnail {
        width: 200px;
        height: 150px;
	 	padding: 15px;
        object-fit: cover; /* Optional: This ensures the image fits within the dimensions without stretching */
    }

 .article-text {
    margin-left: 10px; /* Add some margin to the left of the text */
	padding: 0 10px;
}

a {
    color: #007BFF;
    font-weight: 400;
    text-decoration: underline;
}

a:hover {
    color: #0056b3;
    text-decoration: none; /* Optional, depends on your design */
}

p {

	margin: 0 0 28px;

	padding: 0;

}

ol, 

ul {

	margin: 0;

	padding: 0;

}

li {

	list-style-type: none;

}

b, 

strong {

	font-weight: 700;

}

blockquote, 

cite, 

em, 

i {

	font-style: italic;

}

/* Container Styling */
.pros-cons-container {
    background-color: #f5f5f5; /* Light grey background */
    padding: 10px;             /* Padding inside the container */
    border: 1px solid #ddd;    /* Light border around the container */
    border-radius: 10px;       /* Rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
    margin: 20px 0;            /* Vertical space around the container */
    display: flex;             /* Flex layout for side-by-side sections */
    justify-content: space-between; /* Distribute space between sections */
}

/* Hide Section Title */
.section-title {
    display: none;             /* Hide the main heading */
}

/* Pros and Cons Sections */
.pros-section, .cons-section {
    width: 48%;                /* Equal width for each section */
    padding: 15px;             /* Padding inside each section */
    border-radius: 8px;        /* Rounded corners */
}

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

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

/* Title Styling for Pros and Cons */
.pros-title, .cons-title {
    font-size: 20px;           /* 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 */
}

/* ---------------------------------------------

## Headings

--------------------------------------------- */

h1, 

h2,

h3,

h4 {

	color: #333;

	font-weight: 400;

	line-height: 1.3;

	margin: 0 0 10px;

}

h1 {

	font-size: 36px;

}

h2 {

	font-size: 30px;

}

h3 {

	font-size: 24px;

}

h4 {

	font-size: 20px;

}

/* ---------------------------------------------

## Objects

--------------------------------------------- */

embed, 

iframe, 

img, 

object, 

video, 

.wp-caption {

	max-width: 100%;

}

img {

	height: auto;
	border-radius: 5px;

}

/* ---------------------------------------------

## 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;

}

/* ----------------------------------------------------------------------------------------------------

# Structure and Layout

---------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------

## Site Containers

--------------------------------------------- */

.site-inner, 

.wrap {

	margin: 0 auto;

	max-width: 1200px;

}

.site-inner {

	clear: both;

	padding-top: 5px;

	background-color: #FFFFFF;

	/*border: solid 1px #CCCCCC;*/

	/*border-radius: 10px*/

}

/* ---------------------------------------------

## Column Widths and Positions

--------------------------------------------- */

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

.content-sidebar-sidebar .content-sidebar-wrap, 

.sidebar-content-sidebar .content-sidebar-wrap, 

.sidebar-sidebar-content .content-sidebar-wrap {

	width: 910px;

}

.sidebar-content-sidebar .content-sidebar-wrap, 

.sidebar-sidebar-content .content-sidebar-wrap {

	float: right;

}

/* ### Content */

.content {

	float: right;

	width: 800px;

}

.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: 620px;

	margin-bottom: 15px;

}

.full-width-content .content {

	width: 100%;

	margin-bottom: 15px;

}

/* ### Primary Sidebar */

.sidebar-primary {

	float: right;

	width: 275px;

	border-radius: 10px;

}

/* ### Secondary Sidebar */

.sidebar-secondary {

	float: left;

	width: 275px;

}

/* ----------------------------------------------------------------------------------------------------

# Common Classes

---------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------

## Avatar

--------------------------------------------- */

.avatar {

	float: left;

}

.comment .avatar {

	margin: 0 16px 24px 0;

}

/* ---------------------------------------------

## Titles

--------------------------------------------- */

.entry-title {

	font-size: 22px;

	color: #fff;

	text-align: center;

	background-color: #666666;

	padding: 15px;

	border-radius: 10px;

}

.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 20px 10px 0;

}

/* ----------------------------------------------------------------------------------------------------

# Site Header

---------------------------------------------------------------------------------------------------- */

.site-header {

	background-color: #333333;
	padding: 10px 0; /* Adds 20px padding to the top and bottom */

	/*min-height: 132px;*/

}

/* ## Title Area
--------------------------------------------- */

/* Positions the title area on the left with specific padding */
.title-area {
    float: left;
    padding: 6px 0;
    padding-right: 125px; /* Extra space on the right */
    width: 360px;
}

/* Makes the title area full-width in a full-width header layout */
.header-full-width .title-area {
    width: 100%;
}

/* Styles the site title with larger, bold text */
.site-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0; /* Removes bottom margin */
}

/* Styles the site title link and its hover state */
.site-title a, 
.site-title a:hover {
    color: #FFFFFF;
    text-shadow: 2px 2px 2px #666666; /* Adds shadow to the text */
    text-decoration: none; /* Removes underline */
    transition: background .215s ease-in-out, 
                color .215s ease-in-out, 
                border .215s ease-in-out; /* Smooth transitions */
}

/* Styles the site description with smaller, regular-weight text */
.site-description {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-shadow: 2px 2px 2px #666666; /* Adds shadow to the text */
    margin-bottom: 0; /* Removes bottom margin */
}

/* ----------------------------------------------------------------------------------------------------

# Content Area

---------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------

## Entries

--------------------------------------------- */

.entry {

	margin-bottom: 0px;

	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 h4{

	margin-top: 15px;

}

/* ---------------------------------------------

## Entry Meta

--------------------------------------------- */

p.entry-meta {

	font-size: 16px;

	margin-bottom: 0;

}

.entry-header .entry-meta {

	margin-bottom: 24px;

}

.entry-footer .entry-meta {

	border-top: 2px solid #FFFFFF;

	padding-top: 24px;

}

.entry-categories, 

.entry-tags {

	display: block;

}

.entry-comments-link::before {

	content: "\2014";

	margin: 0 6px 0 2px;

}

/* ---------------------------------------------

 ## Pagination

--------------------------------------------- */

.pagination {

	clear: both;

	margin: 40px 0;

}

.archive-pagination li a:hover, 

.archive-pagination .active a {

	background-color: #FFFFFF;

	color: #000000;

}

.categorypage .pagination {

	display: inline-block;

	margin: 15px 0;

	width: 100%

}

.categorypage .pagination a {

	background-color: #006699;

	border: 1px solid #006699;

    color: #fff;

    cursor: pointer;

    display: inline-block;

    font-size: 16px;

    padding: 8px 12px;

}

.categorypage .pagination a:hover,

.categorypage .pagination a:active,

.categorypage .pagination a:focus {

	background: #fff;

	border: 1px solid #006699;

	color: #006699;

	text-decoration: none;

}

.categorypage .pagination span.current {

	padding: 8px 12px;

}

/* ---------------------------------------------

## Comments

--------------------------------------------- */

#respond, 

.entry-comments {

	border-radius: 10px;
}

.comment-respond, 

.entry-comments, 

.entry-pings {

	background-color: #fff;

	margin-bottom: 0;

}

.comment-respond, 

.entry-pings {

	padding: 40px 40px 16px;

}

#respond{

	padding: 15px;

}

#comments{

	margin-bottom: 15px;

}

#respond h3 {

	margin-top: 0;

	line-height: 1.5;

}

#respond #commentform p {

	margin-bottom: 10px;

}

#respond #commentform .form-submit{

	margin-bottom: 0;

}

#respond #commentform input,

#respond #commentform textarea {

	padding: 5px 16px;

}

#respond #commentform input#submit {

	background: #28A745;

	border: 2px solid #28A745;

	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: #28A745;

}

.entry-comments {

	padding: 15px;

}

.entry-comments h3{

	margin-top: 0

}

.comment-header {

	font-size: 16px;

}

li.comment {

	background-color: #f5f5f5;

	border: 2px solid #fff;

	border-right: none;

}

.comment-content {

	clear: both;

}

.comment-list li {

	margin-top: 24px;

	padding: 32px;

}

.comment-list #respond{

	margin-top: 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;

}

.comment-form-comment > textarea:nth-of-type(2) {

    left: 0;

}

/* --------------------------------------------

## Sidebars

-------------------------------------------- */

.sidebar {

	font-size: 16px;

	color: #333;

	background-color: transparent;

}

.sidebar li {

	border-bottom: 1px dotted #ddd;

	margin: 0;

	padding: 0;

}

.sidebar li a {

	display: inline-block;

	padding: 5px;

	color: #333;

	width: 100%
		
	text-decoration: none;

}

.sidebar li a:hover {

	color: #FFFFFF;

	background-color: #006699;

	border-radius: 10px;

	text-decoration: none;

}

.sidebar li a strong {

	color: #006699;

}

.sidebar li a:hover strong {

	color: #FFFFFF;

}

.sidebar p:last-child, 

.sidebar ul > li:last-child {

	margin-bottom: 0;

}

.sidebar .children{

	padding-left: 15px;

}

.sidebar .widget {

	background-color: #FFFFFF;

	margin-bottom: 15px;

	padding: 15px;

	border-radius: 10px;

}

.sidebar .widget h4 {

	color: #FFFFFF;

	font-size: 16px;

	text-align: center;

	padding: 10px;

	background-color: #666666;

	border-radius: 10px;

	margin-bottom: 5px;

}

.sidebar .widget img {

	width:100%;height:auto;

}

/* General Footer Widget Styling */
body > div.site-container > div.footer-widgets > div {
    background-color: #333333 !important; /* Same color as the widget title */
    border-radius: 10px;
    margin-bottom: 25px;
    padding: 15px;
}

/* Space above footer widgets area */
.footer-widgets {
    margin-top: 40px; /* Adjust this value to create more space above the footer widgets */
}

/* Footer Widget Title Styling */
.footer-widgets .widget-title {
    background-color: #333333; /* Same background color for consistency */
    border-radius: 10px;
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 0px;
    text-align: left;
}

/* Footer Widget Link Styling */
.footer-widgets a, .footer-widgets a:visited {
    color: #999999; /* Make links grey for better visibility */
    text-decoration: none;
    font-size: 16px;
    line-height: 200%;
    display: inline-block;
    width: 100%;
    padding-left: 5px;
}

/* Footer Widget Hover Link Styling */
.footer-widgets a:hover, .footer-widgets .current-menu-item {
    color: #ffffff !important; /* Change text color on hover */
    background: none; /* Remove background on hover */
    border-radius: 0; /* No rounded corners */
}

/* Remove border lines from list items */
.footer-widgets li {
    border-bottom: none; /* Removed dotted border */
}

/* Footer Widgets Layout */
.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {
    float: left;
    padding: 0 15px;
	margin-bottom: 20px;
    width: 30%; /* Spread widgets evenly for three columns */
}

/* Clear floats */
.footer-widgets::after {
    content: "";
    display: table;
    clear: both;
}

/* Ensure the background color spans the full width */
.footer-widgets {
    background-color: #333333 !important; /* Entire footer widget area background color */
    padding: 40px 0; /* Add padding for better spacing */
}
/* ----------------------------------------------------------------------------------------------------

# Site Footer

---------------------------------------------------------------------------------------------------- */

.site-footer {
	background-color: transparent; /* Ensure this is intentional */
	font-size: 14px;
	line-height: 1.5;
	padding: 20px 0; /* Removed duplicate padding-top */
}

.site-footer p.credits {
	width: 60%; /* Maintain layout */
	float: left; /* Consider using Flexbox or Grid */
	color: #333333;
	margin-bottom: 0;
	line-height: 125%;
	text-align: left;
	padding-left: 5px; 
}

.site-footer p.credits a {
	text-align: left; /* Aligns the text to the left */
	color: #333333;
	font-weight: 400;
	margin-right: 20px; /* Increased margin for more space between links */
	margin-top: 10px; /* Adds space above each link */
	margin-bottom: 10px; /* Adds space below each link */
	display: inline-block; /* Allows margin-top and margin-bottom to take effect */
}

.site-footer p.credits a:hover {
	color: #507E36; /* Good hover effect */
}

.site-footer p.footerlogo {

	font-size: 28px;

	font-weight: 900;

	text-align: right;

	padding-right: 5px;

	width: 40%;

	color: #333333;

	float: right;

	letter-spacing: 1.5px;

}

.site-footer p.footerlogo span {

	font-size: 11px;

	display: block;

	padding-top: 5px;

	letter-spacing: 0px;

	color: #333333;

}

/* ----------------------------------------------------------------------------------------------------

## Important Details (.importantDetails)

---------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------

## MEGA MAIN MENU (#mega_main_menu)

---------------------------------------------------------------------------------------------------- */

#mega_main_menu {

	/*border: solid 1px #006699;*/

	border-radius: 5px;

	padding: 0px;

}

/* ----------------------------------------------------------------------------------------------------
# Single Post Styles (.scorebox, .reviewscores)
---------------------------------------------------------------------------------------------------- */

.scorebox {
	float: right;
	margin-left: 0px;
	width: 49%
}
ul.reviewscores li {
	font-size: 15px;
	border-bottom: dotted 1px #ddd;
	/*padding: 1px;*/
}
ul.reviewscores li span {
	float: right;
}
ul.reviewscores li:nth-child(1) {
	font-size: 20px;
}
ul.reviewscores li:nth-child(2) {
	font-size: 16px;
}
a.myreviewlink {
	color: #f09;
	font-weight: 400;
	font-size: 28px;
}
a:hover.myreviewlink {
	color: #333333;
	text-decoration: underline;
}
/* STYLES FRONT PAGE FOR MOBILE */
.my-content {
	padding: 15px;
	margin: 0;
}
.my-content p{
	margin-bottom: 15px;
	padding: 0 7.5px;
}

/* ----------------------------------------------------------------------------------------------------

# Review Box (.my-review-box)

---------------------------------------------------------------------------------------------------- */

.my-review-box {
    width: 24%;          /* Sets the width of the review box */
    float: left;         /* Aligns the review boxes next to each other */
    margin: 0.5%;        /* Simplified margin property */
    padding: 5px 5px 50px 5px;  /* 5px on top, left, and right; 50px on the bottom */
    position: relative;  /* Ensures positioning context, useful for absolutely positioned children */
}

.my-review-box img {

	width:100%;

	height:auto;

}

/* .categorypage .myreviewtitle {

	min-height: 52px;

} */

.my-review-box .discount-pink-links-wrapper {

    position: absolute;

    width: 96%;

    bottom: 7px;

    left: 0;

    right: 0;

    text-align: center;

    margin: 0 auto;

}

.my-review-box p, 

.my-review-box img {

	padding: 0;

	margin: 0;

}

/* ----------------------------------------------------------------------------------------------------

## Link Button (ts-pink-link)

---------------------------------------------------------------------------------------------------- */
/* Black link color */
a.black-link {
    color: #000000; /* Black */
	font-weight: 600;
	font-size: 20px;
	text-decoration: none;
}

a.white-link {
	background: #FFFFFF;
	border-radius: 5px;
	border: 1px solid #808080; /* Grey border */
	color: #000000; /* Black text */
	font-weight: 400;
	padding: 5px 10px;
	margin-right: 15px; /* Adds padding between horizontally aligned links */
	margin-bottom: 2px;
	display: inline-block; /* Adapts to text width */
	text-align: center;
	-mox-transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	text-decoration: none;
}
a.white-link:hover {
	background: #D3D3D3; /* Darker grey background on hover */
	color: #000000; /* Black text */
	border: 1px solid #808080;
	border-radius: 5px;
}

a.ts-pink-link {

    background: #28A745; /* green */

    border-radius: 10px;

    color: #fff;

    padding: 5px 10px;

    margin-bottom: 5px;

    display: block;

    text-align: center;
	
	text-decoration: none;

    border: 2px solid #28A745;

    -mox-transition: 0.5s ease-in-out;

    -webkit-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

}

a.ts-pink-link:hover {

    color: #28A745;

    background: #fff;

    text-decoration: none;
	
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);

}

a.myreviewlink.ts-pink-link {

	text-decoration: none;

	font-size: 20px;

}

a.special-offers {

    font-size: 20px;

	font-weight: 700;

    letter-spacing: 1px;

    line-height: 150%;

    background: #CC0000;

    border-radius: 10px;

    color: #FFFFFF;

    border: 2px solid #CC0000;

    display: block;

    text-align: center;

    text-decoration: none;

    -mox-transition: 0.5s ease-in-out;

    -webkit-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

}

a.special-offers span {

    font-size: 40px;

	font-weight: 700;

    line-height: 100%;

}

a.special-offers:hover {

	background: none;

	color: #006699;

	border: 2px solid #006699;

	border-radius: 10px;

}

.myreviewtitle {

	background-color: #fff;

	color: #222;

	font-size: 18px;

	margin-bottom: 5px!important;

	padding: 10px 0!important;

	text-align: left;

	line-height: 1;

}

.mycategorytitle {

	background-color: #333333;

	color: #fff;

	border-radius: 10px;
	
	font-size: 18px;

	margin-bottom: 5px!important;

	padding: 10px!important;

	text-align: center;

	line-height: 1;

}

/* .myreviewexcerpt {

	min-height: 134px;

} */

/* -----------------------------

## NETWORK BOX 

------------------------------*/

.netheadline {

	color: #000;

	font-weight: 900;

	font-size: 32px;

	text-align: left;

	padding: 0;

	margin: 0;

}

/* ----------------------------------------------------------------------------------------------------

## 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-title {

	background-color: #333333;

	border-radius: 10px;

    	color: #FFFFFF;

    	/*font-weight: 900;*/

    	line-height: 1;

   	margin-bottom: 5px!important;

    	padding: 7px 10px!important;

    	text-align: center;

}

.my-top-ten-list-title {

    	font-size: 16px;

	font-weight: bold;

}

.my-top-ten-box a.ts-pink-link {

	line-height: 1;

}

.my-top-ten-box img {

	/*margin-bottom: 5px;*/

	width:100%;height:auto;

}

.my-top-ten-box ul li {

	list-style-type: none;

}

.my-top-ten-box ul li span {

	float: right;

}

div.toptenpage,

div.categorypage {

	background-color:#fff;

	border-radius:10px;

}

.infocol-1:first-child{

	padding-left: 15px;

}

.infocol-1:last-child{

	padding-right: 15px;

}

.infocol-1 {

	width: 22%;

	float: left;

	padding: 15px 7.5px;

}

.infocol-2 {

	width: 55%;

	float: left;

	padding: 15px 7.5px;

}

/* ----------------------------------------------------------------------------------------------------

## Discount Box (.my-discount-box)

---------------------------------------------------------------------------------------------------- */

.my-discount-box {

	border: solid 1px #CCCCCC;

	float: left;

	margin-bottom: 10px;

}

.my-discount-box p, 

.my-discount-box img, 

.my-discount-box ul {

	margin: 0;

	padding: 0;

}

.my-discount-title {

	background-color: #333333;

	border-radius: 10px;

	color: #fff;

	font-size: 18px;

	margin-bottom: 5px!important;

	padding: 10px!important;

	text-align: center;

}

.discountcol-1:first-child{

	padding-left: 15px;

}

.discountcol-1:last-child{

	padding-right: 15px;

}

.discountcol-1 {

	width: 30%;

	float: left;

	padding: 15px 7.5px;

}

.discountcol-1 img {

	width: 100%;

	height: auto;

}

.discountcol-2 {

	width: 40%;

	float: left;

	padding: 15px 7.5px;

}

.discount-pink-links-wrapper{

	margin-top: 10px;

	text-align: center;

}

.discount-pink-links-wrapper:after {

    content: "";

    display: table;

    clear: both;

}

.discount-pink-links-wrapper a {

	float: left;

	margin-bottom: 0;

	width: 49%;

}

.discount-pink-links-wrapper a:last-child {

	margin-left: 2%;

}

ul.discountsteps li {

	list-style-type: none;

}

/* ----------------------------------------------------------------------------------------------------

# CSS Mobile Menu Style

---------------------------------------------------------------------------------------------------- */

.slicknav_menu {

	background: #333333 !important;

	padding: 5px;

}

.slicknav_menu {

	display: none;

}

.bottom-headline {

	clear: both;

	padding: 0 7.5px;

}

.bottom-headline p{
	
	margin-bottom: 15px;

	padding: 0 7.5px;

}

.page-template-template1 #main_container {

    background-size: contain;

}

#mega_main_menu .mmm_fullwidth_container {

	/*border-radius: 5px 5px 0 0 !important;*/

}

#mega_main_menu.primary > .menu_holder > .menu_inner > ul > li.nav_search_box > #mega_main_menu_searchform {

    background-color: #FFFFFF;

}

#mega_main_menu.primary > .menu_holder > .menu_inner > ul > li.nav_search_box .field, #mega_main_menu.primary > .menu_holder > .menu_inner > ul > li.nav_search_box *, #mega_main_menu.primary > .menu_holder > .menu_inner > ul > li .icosearch {

	color: #333333;

}

#mega_main_menu.primary.primary_style-buttons > .menu_holder > .menu_inner > ul > li > .item_link{

	border-radius: 5px!important;

}

/*search icon in main navigation*/

h4.special {

	margin: 0 0 0.5%;

	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';

}

/*scroll to top icon*/

.back-to-top {

	display: none;

	position: fixed;

	bottom: 15px;

	right: 15px;

	font-size: 50px;

	text-decoration: none;

	line-height: 1;

}

.back-to-top:hover,

.back-to-top:focus,

.back-to-top:active {

	text-decoration: none;

}

.back-to-top:before {

	font-family: "ts-font";

	content: '\f106';

} 

@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;

  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;

  text-transform: none;

  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;

  /* you can be more comfortable with increased icons size */

   font-size: 120%; 

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}

 /* '' */

/*stars in comment list*/

.star-rating-wrapper .star-rating {

	color: #006699;

	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 in comment form*/

.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;

	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: #006699;

}

.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 #006699;

	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: #006699;

	display: block;

	height: 10px;

}

.custom-list {

	padding: 0;

	margin: 0 !important;

	-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;

}

.custom-list:after {

	content: '';

	clear: both;

	display: block;

}

.custom-list li {

	border-bottom: 1px dotted #CCCCCC;

	display: inline-block;

	margin: 0;

	padding: 0;

	list-style-type: none !important;

	width: 100%;

}

.custom-list li ul{

	margin-left: 15px;

}

.custom-list li a {

	color: #333333;

	display: inline-block;

	font-size: 16px;

	padding: 5px;

	text-decoration: none;

	width: 100%;

}

.custom-list li a:hover{

	background-color: #006699;

	color: #fff;

}

/* ----------------------------------------------------------------------------------------------------

# Media Queries

---------------------------------------------------------------------------------------------------- */

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

	#mega_main_menu > .menu_holder > .menu_inner > ul > li > .item_link{

		padding-left: 11.5px;

    	padding-right: 11.5px;

	}

	.discount-pink-links-wrapper a{

		font-size: 16px;

	}

	.site-inner, 

	.wrap {

		max-width: 960px;

	}

	.content-sidebar-sidebar .content-sidebar-wrap, 

	.sidebar-content-sidebar .content-sidebar-wrap, 

	.sidebar-sidebar-content .content-sidebar-wrap {

		width: 671px;

	}

	.content, 

	.site-header 

	.widget-area {

		width: 620px;

	}

	.sidebar-content-sidebar .content, 

	.sidebar-sidebar-content .content, 

	.content-sidebar-sidebar .content {

		width: 357px;

	} 

	.sidebar-primary, 

	.title-area {

		width: 300px;

	}

	.footer-widgets-1, 

	.footer-widgets-2, 

	.footer-widgets-3, 

	.footer-widgets-4, 

	.footer-widgets-5, 

	.footer-widgets-6 {

		margin-bottom: 2px;

		width: 33.33%;

	}

	.footer-widgets-3 {

		padding-right: 0;

	}

	.footer-widgets-6 {

		padding-right: 0;

	}

	.entry-header a img {

		margin: 0 0 10px;

		width: 50%;

	}
	.entry-header img {
		margin: 0 0 10px;
		width: 100%;
	}

	.scorebox {

		float: none;

		width: 100%;

	}

	.entry-title {

		font-size: 18px;

		padding: 10px;

	}

	a.myreviewlink.ts-pink-link {

		font-size: 18px;

	}

}

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

	.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: 1024px) {

	.my-review-box {

    	/*min-height: 358px;*/

		width: 32.33%;		

    }

	/*.myreviewexcerpt {

		min-height: 135px;

	}*/

}

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

	.site-title {

	    font-size: 28.5px;
		font-weight: 600;

	}

	.site-description {

	    font-size: 14px;

	    font-weight: 400;

	}
	
	.site-description, 

.site-title {

	margin-bottom: 5;

}

	.site-header {

	    position: absolute;

	    top: 0;

	    width: 230px;

	}

	header .wrap{

		padding-left: 5%;

    	padding-right: 5%;

	}

	.site-inner {

		border-top: solid 1px #FFFFFF;

		padding-left: 1% !important;

		padding-right: 1% !important;

	}

	.site-inner, 

	.wrap {

		max-width: 800px;

	}

	/* #menu-main-menu is the original menu */

	body.custom-background {

		background-image: none !important;

	}

	.slicknav_nav{

		margin-top: 50px;

	}

	#mega_main_menu {

		display: none !important;

	}

	#mega_main_menu_ul {

		display: none;

	}

	.slicknav_menu {

		display: block;

	}

	.slicknav_menu .nav_search_box input[type="submit"] {

		background: #FFFFFF;

	}

	.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%;

	} 

	.discountcol-1, 

	.discountcol-2 {

		width: 100%;

	}

	.infocol-1, 

	.infocol-2, 

	.infocol-3{

		width: 50%

	}

	/*.infocol-1, 

	.infocol-2, 

	.infocol-3{

		padding: 7.5px;

	}*/

	.infocol-2{

		clear: both;

	}

	.my-top-ten-box-title{

		padding: 10px !important;

		font-size: 20px;

	}

	/*.infocol-1:first-child {

	    padding:15px 7.5px 7.5px 7.5px;

	}

	.infocol-1:last-child {

	    padding:7.5px 7.5px 15px 7.5px;

	}*/

	.entry-header img {
        width: 50%
    }

    .scorebox {
        clear: none;
        float: left;
        padding: 0 0 0 10px;
        width: 50%;
    }

	.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%;

	}
	
	 /* Hide sidebars on smaller screens */
    .sidebar-primary,
	.sidebar-secondary {
        display: none; /* Hides sidebars */
    }

	/*.my-review-box {

    	min-height: 360px;

    }*/

	.myreviewtitle {

		font-size: 20px;

	}

	/*.myreviewexcerpt {

		min-height: 115px;

	}*/

	.my-top-ten-box ul li{

		position: relative;

	}

	.my-top-ten-box ul li span {

		position: absolute;

		right: 10px;

	}

	.footer-widgets-1, 
    .footer-widgets-2, 
    .footer-widgets-3 {
        width: 100%; /* For 3 footer widgets */
        padding-right: 0; /* Ensure no extra padding */
		margin-bottom: 20px;
    }

    .footer-widgets {
        background-color: #333333; /* Dark background for footer */
        padding: 20px; /* Add some padding for spacing */
    }

    .footer-widgets a, 
    .footer-widgets a:visited {
        color: #888888; /* Set link text color to grey */
		padding: 10px 0; /* Add vertical padding for more space around links */
    }

    .footer-widgets a:hover {
        color: #ffffff; /* Change link color to white on hover */
    }

    .footer-widgets li {
        border: none; /* Remove list borders */
    }
	
	 /* Add space between last widget and footer */
    .footer-widgets-3 {
        margin-bottom: 40px; /* Add extra space at the bottom */
    }
    
    .site-footer p.credits {
        padding-left: 0;
        width: 100%;
        text-align: center;
    }

    .site-footer p.footerlogo {
        display: block;
        font-size: 28px;
        margin-top: 15px;
        padding-right: 0;
        text-align: center;
        width: 100%;
    }
	.custom-thumbnail {
        width: 100%; /* Make the image take the full width of the container */
        height: auto; /* Auto-adjust height to maintain aspect ratio */
        margin-right: 10px; /* Space to the right of the image */
    }
    
    .article {
        display: flex; /* Use flexbox for layout */
        align-items: center; /* Align items vertically centered */
    }
    
    .article p {
        margin-right: 0px; /* Remove default margin from the paragraph */
    }
	
	   .article-text {
        margin-left: 5px; /* Adjust left margin for smaller screens */
        padding: 10px; /* Optional: Add padding for better spacing */
    }
	.pros-cons-container {
        flex-direction: column;    /* Stack items vertically */
    }

    .pros-section, .cons-section {
        width: 100%;               /* Full width for each section */
        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: 20px;           /* 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: 800px) {

	body {

		background-color: #fff;

		font-size: 16px;

	}

	.site-inner, 

	.wrap {

		padding-left: 5%;

		padding-right: 5%;

	}

	.my-content {

		padding: 5px 7.5px;

	}

	.myreviewexcerpt,

	.sidebar {

		font-size:16px;

	}

	/*.archive-description, .author-box, .comment-respond, .entry, .entry-comments, .entry-pings, .site-header {*/

	.archive-description, 

	.author-box, 

	.comment-respond, 

	.entry, 

	.entry-comments, 

	.entry-pings {

		padding: 10px;

	}

	.sidebar .widget {

		padding: 10px;

	}

	.site-footer {

		font-size: 16px;

	}

	.footer-widgets a, 

	.footer-widgets a:visited {

		font-size: 16px;

	}

}

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

	.my-review-box {

		width: 49%;

	}

	p.entry-meta {

		font-size:14px;

	}

	a.myreviewlink.ts-pink-link {

		font-size: 18px;

	}

	.single .entry-content h1{

		font-size: 24px;

	} 

	h2{

		font-size: 30px;

	}

	.infocol-1, 

	.infocol-2, 

	.infocol-3{

		width: 100%;

	}

	.infocol-1, 

	.infocol-2, 

	.infocol-3{

		padding: 7.5px;

	}

	.infocol-1:first-child {

	    padding:15px 7.5px 7.5px 7.5px;

	}

	.infocol-1:last-child {

	    padding:7.5px 7.5px 15px 7.5px;

	}
	  /* Hide footer widgets on smaller screens */
    .footer-widgets {
        display: none; /* Hides footer widgets */
    }

}

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

	.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;

	}

	/*.my-review-box {

    	min-height: 350px;

    }*/
    .entry-header img,.scorebox {
        width: 100%;
        padding: 0;
    }

}

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

	.entry-header a img {

		margin: 0 0 20px;

		width: 100%;

	}

	ul.reviewscores li {

		font-size: 16px;

		font-weight: 400;

	}

	ul.reviewscores li span {

		float: right;

	}

	ul.reviewscores li:nth-child(1) {

		font-size: 18px;

	}

	ul.reviewscores li:nth-child(2) {

		font-size: 16px;

	}

	.entry {

		padding: 10px;

	}

	.entry-title {

		font-size: 16px;

	}

	a.myreviewlink {

		font-size: 24px;

	}

}

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

	.single .entry-content h1{

		font-size: 24px;

	} 

	h2{

		font-size: 24px;

	}

	.my-review-box {

		width: 100%;

		margin: 0 0 15px 0;

    	min-height: inherit;

	}

	.categorypage .myreviewtitle {

		min-height: inherit;

	}

	.myreviewexcerpt {

		min-height: inherit;

	}

	.footer-widgets-1, 

	.footer-widgets-2, 

	.footer-widgets-3,

	.footer-widgets-4, 

	.footer-widgets-5, 

	.footer-widgets-6{

		padding-right: 0;

		width: 100%;

	}

	/* FOOTER LOGO & CREDS */

	.site-footer p.footerlogo {

		font-size: 24px;

		letter-spacing: 5px;

		text-shadow: 1px 1px 1px #000000;

	}

	.site-footer p.footerlogo span {

		text-shadow: none;

	}

}

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

	.site-header{

		width: 215px;

	}

	.site-title {

	    font-size: 25.5px;

	}

	.site-description {

	    font-size: 14px;

	    font-weight: 400;

	}

	.title-area {

	    padding-top: 5px;

	}

}


/*After Mega menu update*/

@media (max-width: 959px) {
	header.site-header {
		width: 100%;
	}
	.admin-bar .site-header {
		top: 32px;
	}
	nav.nav-primary {
		padding-top: 53px;
	}
	nav.nav-primary .wrap {
		padding: 0;
		max-width: 100%;
	}
	.nav-primary .mega_main_menu.primary {
		min-height: unset;
	}
	.nav-primary .mega_main_menu.primary.primary_style-buttons > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle {
		background: #333;
	}
	.nav-primary .mega_main_menu.primary > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle > .mobile_button {
		color: #fff;
		font-size: 18px;
	}
		  .nav-primary .mega_main_menu.primary .symbol_menu,
  .nav-primary .mega_main_menu.primary .symbol_cross {
      font-size: 2em;
      line-height: 1;
  }
	.nav-primary .mega_main_menu span.mobile_toggle {
		position: absolute;
		top: -51px;
		right: 0;
	}
	 .nav-primary .mega_main_menu.primary
    > .menu_holder
    > .menu_inner
    > .nav_logo
    > .mobile_toggle
    .mobile_button {
    color: transparent;
  }

  /* then force the two icon spans back to white */
  .nav-primary .mega_main_menu.primary
    > .menu_holder
    > .menu_inner
    > .nav_logo
    > .mobile_toggle
    .symbol_menu,
  .nav-primary .mega_main_menu.primary
    > .menu_holder
    > .menu_inner
    > .nav_logo
    > .mobile_toggle
    .symbol_cross {
    color: #fff !important;
  }
	.nav-primary .mega_main_menu li.default_dropdown li>ul,
	.nav-primary .mega_main_menu li.default_dropdown>ul,
	.nav-primary .mega_main_menu li.tabs_dropdown>ul {
		box-shadow: none;
	}
	.nav-primary .mega_main_menu.primary > .menu_holder > .menu_inner > ul > li.default_dropdown .mega_dropdown,
	.nav-primary .mega_main_menu.primary > .menu_holder > .menu_inner > ul > li > .mega_dropdown,
	.nav-primary .mega_main_menu.primary > .menu_holder > .menu_inner > ul > li .mega_dropdown > li .post_details {
		background: #fff;
	}
	.nav-primary .mega_main_menu.primary li .post_details > .post_icon > i,
	.nav-primary .mega_main_menu.primary li .mega_dropdown .item_link *,
	.nav-primary .mega_main_menu.primary li .mega_dropdown a,
	.nav-primary .mega_main_menu.primary li .mega_dropdown a *,
	.nav-primary .mega_main_menu.primary li li .post_details a {
		color: #000000;
	}
}
@media (max-width: 782px) {
	.admin-bar .site-header {
		top: 46px;
	}
}