/*
Theme Name: Flatter
Theme URI: https://themebound.com/shop/flatter-responsive-child-theme-clipper/
Description: An Elegent, Responsive and FLAT Child Theme for Clipper
Author: Themebound
Author URI: https://themebound.com/
Template: clipper
Version: 1.4.4
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

.coupon-card-details {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 14px;
	clear: both;
	width: 100%;
	box-sizing: border-box;
	margin: 14px 0 0;
	padding: 9px 12px;
	background: linear-gradient(180deg, #fbfcff 0%, #f7f9fd 100%);
	border: 1px solid #e4e9f2;
	border-radius: 6px;
	box-shadow: 0 1px 0 rgba(37, 48, 72, 0.03);
}

.coupon-card-taxonomy {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
	margin: 10px 0 0;
}

.coupon-card-detail {
	display: flex;
	align-items: center;
	gap: 7px;
	min-width: 0;
	color: #4c5668;
	font-size: 12px;
	line-height: 18px;
}

.coupon-card-taxonomy-item {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-width: 0;
	color: #4c5668;
	font-size: 14px;
	line-height: 20px;
}

.coupon-card-icon {
	flex: 0 0 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #f1f4fb;
	border: 1px solid #e7ebf3;
	color: #d4a044;
	font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
	font-size: 12px;
	line-height: 1;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.coupon-card-icon-category {
	background: #f1f4fb;
	color: #d4a044;
}

.coupon-card-icon-expires {
	background: #f1f4fb;
	color: #d4a044;
}

.coupon-card-icon-verified {
	background: #f1f4fb;
	color: #d4a044;
}

.coupon-card-icon-terms {
	background: #f1f4fb;
	color: #d4a044;
}

.coupon-card-icon-report {
	background: #f1f4fb;
	color: #d4a044;
}

.coupon-card-icon-tags {
	background: #f1f4fb;
	color: #d4a044;
}

.coupon-card-copy,
.coupon-card-taxonomy-copy {
	min-width: 0;
}

.coupon-card-label {
	display: block;
	margin-bottom: 1px;
	color: #6c7686;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: uppercase;
}

.coupon-card-value {
	display: block;
	color: #303847;
	font-weight: 500;
}

.coupon-card-terms,
.coupon-card-report-line {
	flex: 1 1 360px;
}

.coupon-card-report {
	list-style: none;
	margin: 0;
	padding: 0;
}

.coupon-card-report li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.coupon-card-report .reports_wrapper,
.coupon-card-report .reports_form_link {
	display: inline-block;
}

.coupon-card-report .reports_form,
.coupon-card-report .reports_message {
	display: none;
	margin-top: 7px;
	max-width: 420px;
}

.coupon-card-report .reports_form select {
	max-width: 250px;
}

.coupon-card-report .problem {
	color: #4254b8;
	font-weight: 700;
	text-decoration: none;
}

.coupon-card-report .problem:hover {
	text-decoration: underline;
}

.content-box .coupon-card-taxonomy strong {
	color: #333b4f;
	font-weight: 700;
}

.content-box .item>.coupon-card-details,
.content-box .item-holder>.coupon-card-details {
	clear: both;
	width: 100%;
}

.content-box .coupon-card-taxonomy a {
	color: #555655;
	font-weight: 400;
	text-decoration: none;
}

.content-box .coupon-card-taxonomy a:hover {
	text-decoration: underline;
}

.store-faq-section {
	margin-top: 28px;
}





/* Breadcrumbs */
.wp-breadcrumbs {
    font-size: 0.85rem;
    color: #6b7280;
    margin-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.wp-breadcrumbs a {
    color: var(--wp-brand);
    text-decoration: none;
    transition: color 0.2s;
}
.wp-breadcrumbs a:hover {
    color: var(--wp-brand-hover);
    text-decoration: underline;
}
.wp-breadcrumbs .separator {
    color: #9ca3af;
    font-size: 0.75rem;
}
.wp-breadcrumbs .current {
    color: #1f2937;
    font-weight: 600;
}



/* Table of Contents */
.wp-toc-wrap {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-bottom: 40px;
    overflow: hidden;
}
.wp-toc-title {
    font-size: 0.95rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #475569;
    letter-spacing: 0.5px;
    padding: 20px 25px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    user-select: none;
    list-style: none; /* Hide default arrow */
}
.wp-toc-title::-webkit-details-marker {
    display: none;
}
.wp-toc-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0 25px 25px 25px;
}
.wp-toc-pill {
    background: #fff;
    border: 1px solid #cbd5e1;
    color: #334155;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
}
.wp-toc-pill:hover {
    background: var(--wp-brand);
    border-color: var(--wp-brand);
    color: #fff;
}






.store-archive-heading {
	line-height: 1.15;
	margin-bottom: 20px;
}

.store-faq-section>h2 {
	margin-bottom: 14px;
}

.store-faq-list {
	display: grid;
	gap: 12px;
}

.store-faq-item {
	background: #fff;
	border: 1px solid #dbe3f0;
	border-radius: 16px;
	box-shadow: 0 12px 28px rgba(20, 33, 61, 0.06);
	overflow: hidden;
}

.store-faq-item[open] {
	border-color: #cbd7eb;
	box-shadow: 0 18px 34px rgba(20, 33, 61, 0.09);
}

.store-faq-question {
	align-items: center;
	cursor: pointer;
	display: flex;
	gap: 16px;
	justify-content: space-between;
	list-style: none;
	margin: 0;
	padding: 18px 20px;
}

.store-faq-question::-webkit-details-marker {
	display: none;
}

.store-faq-question-text {
	color: #16213e;
	display: block;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.45;
}

.store-faq-toggle {
	align-items: center;
	background: #eef3fb;
	border-radius: 999px;
	color: #4254d0;
	display: inline-flex;
	flex: 0 0 36px;
	font-size: 24px;
	font-weight: 700;
	height: 36px;
	justify-content: center;
	line-height: 1;
}

.store-faq-toggle::before {
	content: "+";
}

.store-faq-item[open] .store-faq-toggle::before {
	content: "\2212";
}

.store-faq-answer {
	border-top: 1px solid #eef3fb;
	padding: 0 20px 20px;
}

.store-faq-answer-inner {
	color: #44516d;
	font-size: 15px;
	line-height: 1.8;
	padding-top: 16px;
}

.store-faq-answer-inner strong {
	color: #16213e;
}

.store-faq-answer-inner a {
	font-weight: 600;
}

.store-faq-examples {
	background: #f7f9fd;
	border: 1px solid #e3eaf6;
	border-radius: 12px;
	margin-top: 14px;
	padding: 14px 16px;
}

.store-faq-example-list {
	margin: 0;
	padding-left: 20px;
}

.store-faq-example-list li {
	margin-bottom: 8px;
}

.store-faq-example-list li:last-child {
	margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
	.store-archive-heading {
		line-height: 1.18;
	}

	.store-faq-question {
		padding: 16px;
		gap: 12px;
	}

	.store-faq-question-text {
		font-size: 16px;
	}

	.store-faq-answer {
		padding: 0 16px 16px;
	}

	.store-faq-answer-inner {
		font-size: 14px;
		line-height: 1.75;
	}
}

body {
	line-height: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: normal;
	margin-top: 15px;
}

ol,
ul {
	list-style: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	border: none;
	outline: none;
}

a img {
	border: none;
}

.clr {
	clear: both;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 0;
	line-height: 0px;
	font-size: 0px;
	overflow: hidden;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0
}

:focus {
	outline: none;
}



html,
body {
	height: 100%;
}

body {
	margin: 0;
	color: #555655;
	font: 14px/24px Ubuntu, Helvetica, Arial, sans-serif;
	font-family: Lato, sans-serif;
	background: #f1f2f6;
}

p {
	font-size: 16px;
	margin: 0 0 18px;
	line-height: 24px;
}

h1 {
	font-size: 2.8em;
	font-weight: bold;
	line-height: 50px;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-size: 1em;
}

h6 {
	font-size: .8em;
}

hr {
	background-color: #e6e6e6;
	border: 0;
	height: 1px;
	margin-bottom: 20px;
}

img {
	border-style: none;
}

a {
	color: #3f51b5;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
select,
textarea {
	font-family: Ubuntu, Arial, Helvetica, sans-serif;
	border: 2px solid #AEC2C2;
	margin-top: 0;
	margin-bottom: 10px;
	padding: 8px 12px;
	width: 350px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #f9f9f9;
	font-size: 14px;
	color: #9D9D9D;
	max-width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

input[disabled] {
	background: #eee !important;
	border-color: #8A8A8A !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
	border-color: #CCC;
}

input[type="checkbox"],
input[type="radio"] {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	padding: 0;
	vertical-align: sub;
}

form,
fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
	min-width: 0;
}

@-moz-document url-prefix() {
	fieldset {
		display: table-cell;
	}
}

*,
:after,
:before {
	box-sizing: inherit;
}

.col-lg-3 {
	width: 23.50%;
	margin-right: 2%;
	float: left;
	clear: right;
	background: #fff;
}

.col-lg-3a {
	width: 23.50%;
	float: left;
	clear: right;
	background: #fff;
}

.media,
.media-body {
	height: 60px;
}

.media-left {
	padding-right: 10px;
}

.media-object {
	display: block;
}

.media-body,
.media-left,
.media-right {
	display: table-cell;
	vertical-align: top;
}

.media-right {
	padding-left: 10px;
}

.bd-gray {
	border: 1px solid #cbd8d8;
	height: 252px;
}

#home .special .media {
	margin-bottom: 1rem;
	margin-right: 1rem;
}




.ui-autocomplete .ui-front .ui-menu .ui-widget .ui-widget-content {
	display: none;
	position: relative;
	top: -360px;
	left: 665px;
	background: rgb(255, 255, 255);
	width: 570px;
	background: #fff
}



.clearfix:after {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}




.box-t,
.box-b {
	display: none !important;
}

#wrapper {
	height: 100%;
}

.bg {
	display: none;
}

.frame {
	width: 940px;
	margin: 0 auto;
	
}

#header {
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #eae6e6;
}

#header .holder {
	width: 100%;
}

#header .holder-panel {
	background: #3f51b5;
}

#header .holder-logo {
	background: #ffffff;
	padding: 20px 0;
}

#header .panel a {
	text-decoration: none;
}

#header .panel a:hover,
#header .panel .active>a {
	color: #555655;
}

#main {
	margin: 20px auto;
	overflow: visible;
	position: relative;
	width: 940px;
	padding: 0 10px;
}

#main:after {
	content: "";
	display: block;
	clear: both;
}

#content {
	float: left;
	margin: 0 0 0 0;
}

#content-fullwidth {
	width: 100%;
	margin: 0;
}

#sidebar1 {
	float: right;
	position: relative;
	display: inline;
	width: 100%;
}

#sidebar {
	float: right;
	position: relative;
	display: inline;
	width: 100%;
}

#footer {
	position: relative;
	width: 100%;
	font-size: 12px;
	line-height: 20px;
	border-top: 5px solid #3f51b5;
	background: #fff;
}

.tinynav {
	margin: 10px 0;
	display: none;
	float: left;
	font-size: 16px;
	color: #666666;
}


.top {
	display: block;
	text-align: right;
	width: 40px;
	float: right;
	padding-bottom: 20px;
}

.top a,
.content-box h2.stores a,
.content-box h2.categories a {
	float: left;
	height: 19px;
	width: 31px;
	background: url(/wp-content/themes/flatter/images/global_sprite.png) 0px 0px no-repeat;
	opacity: .6;
	content: "\f077";
	font-size: 1px;
}

.top a:hover,
.content-box h2.stores a:hover,
.content-box h2.categories a:hover {
	text-decoration: none;
	opacity: 1;
}

.content-box h2.stores a,
.content-box h2.categories a {
	float: right;
}

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

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.pad5 {
	padding: 5px 0;
}

.pad10 {
	padding: 10px 0;
}

.pad25 {
	padding: 25px 0;
}

.pad50 {
	padding: 50px 0;
}

.pad75 {
	padding: 75px 0;
}

.pad100 {
	padding: 100px 0;
}

.clear {
	clear: both;
}

.btn,
.order-gateway input[type="submit"] {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	color: #ffffff;
	font-size: 14px;
	padding: 10px 25px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	border: medium none;
	font-family: Ubuntu, Helvetica, Arial, sans-serif;
	cursor: pointer;
}

.btn:hover,
.btn.hover,
.reports_submit:hover,
.comment-reply-link:hover,
.subscribe-form .btn-submit:hover,
.order-gateway input[type="submit"]:hover {
	transition: opacity 300ms ease-out;
	-webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	-ms-transition: opacity 300ms ease-out;
	-o-transition: opacity 300ms ease-out;
	-moz-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
	-webkit-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
	text-decoration: none;
}

.btn:active {
	position: relative;
	top: 1px;
}

.btn.small,
.reports_submit,
.comment-reply-link,
.subscribe-form .btn-submit,
.wp-hide-pw,
.wp-cancel-pw,
.wp-generate-pw {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 12px;
	display: inline-block;
	color: #ffffff;
	padding: 5px 12px;
	text-decoration: none;
	text-transform: uppercase;
	background: #3f51b5;
	font-weight: normal;
	border: medium none;
	font-family: Ubuntu, Helvetica, Arial, sans-serif;
	cursor: pointer;
}

.subscribe-form .btn-submit {
	margin: 10px 5px 0 0;
}

p.time-left {
	color: #9C9C9C;
	text-align: center;
	margin-bottom: 20px;
	clear: both;
}



div.expired-coupon-info {
	display: none;
}

div.expired-coupon-info.iconfix {
	text-transform: uppercase;
	font-size: 10px;
	line-height: 14px;
	padding: 5px;
	text-align: center;
	color: #333;
	background: #ddd;
	margin-bottom: 10px;
	display: block
}

#simpleTooltip {
	padding: 5px 7px;
	background: #111;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	color: #e5e5e5;
	font-size: 10px;
	opacity: 0.7;
	filter: alpha(opacity=70)
}

.debug {
	padding: 10px 20px;
}

.text-box h1.title {
	padding: 0 0 3px;
	font-size: 17px;
	line-height: 22px;
	font-weight: normal;
	color: #3a3939;
}



.nav-menu {
	width: 100%;
	height: 47px;
	clear: both;
	border-radius: 5px;
}

#nav {
	margin: 0;
	padding: 10px 0 0;
	list-style: none;
	font-size: 14px;
	line-height: 20px;
	position: relative;
	float: left;
	display: inline;
}

* html #nav {
	margin: 0;
}

* html .inner #nav {
	margin: 0 0 0 32px;
}

.tinynav {
	display: none;
}

#header .panel li {
	float: left;
	margin-right: 10px;
	position: relative;
	z-index: 999;
}

#header .panel li:after,
#header .panel .add-nav li:last-child:after {
	color: #4F4F4F;
	content: "|";
	font-size: 15px;
	line-height: 1.11111em;
	margin-left: 10px;
	vertical-align: -1px;
}

#header .panel li:last-child:after {
	content: "";
	margin-left: 0;
}


#nav li {
	padding-bottom: 10px;
}

#header .panel ul.menu ul.sub-menu {
	display: none;
	position: absolute;
	width: auto;
	z-index: 998;
	top: 15px;
	left: -40px;
	-moz-box-shadow: 0 2px 0 -1px #CBD8D8;
	-webkit-box-shadow: 0 2px 0 -1px #CBD8D8;
	box-shadow: 0 2px 0 -1px #CBD8D8;
	border-bottom: 1px solid #CBD8D8;
}

#header .panel ul.menu li:hover ul.sub-menu {
	display: block;
}

#header .panel ul.menu ul.sub-menu li {
	background: none;
	padding: 0;
	margin: 0;
	border-left: 1px solid #CBD8D8;
	border-right: 1px solid #CBD8D8;
}

#header .panel ul.menu ul.sub-menu li:hover {
	margin-top: 0;
}

#header .panel ul.menu ul.sub-menu li:after {
	content: "";
	margin: 0;
	padding: 0;
}

#header .panel ul.menu ul.sub-menu li a {
	text-align: left;
	width: 167px;
	padding: 10px;
	color: #4F4F4F;
	display: block;
	background: #fff;
}

#header .panel ul.menu ul.sub-menu li a:hover {
	color: #3f51b5;
}

#header .panel ul.menu ul.sub-menu li ul.sub-menu {
	display: none;
	left: 177px;
	margin: -2px 0 0 0;
	top: 2px;
}

#header .panel ul.menu ul.sub-menu li:hover ul.sub-menu {
	display: block;
}

#header .bar {
	float: right;
	display: inline;
}

#header .panel .bar li {
	margin-right: 5px;
}

#header .panel .bar li:after {
	margin-left: 5px;
}

#header .add-nav {
	margin: 10px 0;
	padding: 0;
	list-style: none;
	float: right;
	font-size: 12px;
	line-height: 20px;
}


#logo {
	display: block;
	overflow: hidden;
	max-width: 450px;
	height: 76px;
	width: 250px;
	background: url(/wp-content/themes/flatter-new/images/global_sprite.png) 0px -30px no-repeat;
	flex-shrink: 0;
}




.we {
	font-weight: 300;
}

/* .fa-search icon — using FontAwesome, sprite removed */
.fa-search {
	display: inline-block;
}

.fa-lock {
	float: left;
	margin-top: 5px;
	height: 14px;
	width: 11px;
	background: url(/wp-content/themes/flatter/images/global_sprite.png) -40px 0px no-repeat;
}

.white {
	color: #ffffff;
}

.store-imagecoupon {
	border: 2px dashed #cbd8d8;
	width: 100%;
	height: 110px;
	text-align: center;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.new-codes-dis-b {
	font-size: 26px;
	margin: 25px;
	font-weight: 600;
	line-height: 30px;
	color: #f45435;
}

.COUPON,
.Coupon {
	margin-top: 2px;
	border: 2px dashed #3f51b5;
	width: 100%;
	background-color: #ffffff;
	font-weight: 700;
	text-align: center;
	line-height: 24px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	font-size: 14px;
	color: #3f51b5;
	font-family: Ubuntu, Helvetica, Arial, sans-serif;
	padding: 5px 0;
	text-transform: uppercase;
}

.SALES,
.Sales {
	margin-top: 2px;
	border: 2px dashed #3f51b5;
	width: 100%;
	background-color: #3f51b5;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	font-size: 14px;
	color: #ffffff;
	font-family: Ubuntu, Helvetica, Arial, sans-serif;
	padding: 5px 0;
	text-transform: uppercase;
}

.DEAL,
.Services {
	margin-top: 2px;
	border: 2px dashed #3f51b5;
	width: 100%;
	background-color: #3f51b5;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	font-size: 14px;
	color: #ffffff;
	font-family: Ubuntu, Helvetica, Arial, sans-serif;
	padding: 5px 0;
	text-transform: uppercase;
}

.index-0 {
	float: left;
	margin-right: 2.3%;
	width: 31.8%;
}

.index-1 {
	float: left;
	margin-right: 2.3%;
	width: 31.8%;
}

.index-2 {
	float: left;
	width: 31.8%;
}

.event {
	border-radius: 4px;
	color: #fff;
	background: #f1f2f6;
	font-weight: 700;
}

.entry-title {
	font-weight: 800;
	margin-top: 50px;
}

/*/ ext ////////////////////////////////////// */

.ext-row-show {
	padding: 20px;
	border-bottom: 1px solid #f1f2f6;
	background-color: #3f51b5;
	justify-content: space-around;
	display: flex;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.ext-mockup {
	padding: 8px 16px;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, .25);
	border: 1px solid #99d0de;
	display: flex;
	position: relative;
	z-index: 1;
}

.ext-logo {
	width: 50px;
	border-radius: 50%;
	align-self: center;
}

.ext-details {
	display: flex;
	flex-direction: column;
	padding: 0 0 0 15px;
}

.ext-line-1 {
	font-size: 18px;
	font-weight: 600;
}

.ext-copy {
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 8px;
}

.ext-copy-1 {
	font-size: 22px;
	font-weight: 600;
}

.ext-copy-2 {
	font-size: 18px;
	font-weight: 300;
}

.ext-action {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.ext-action a {
	color: #fff;
	font-size: 20px;
	border: 2px solid #fff;
	padding: 10px;
	cursor: pointer;
	border-radius: 5px;
}

.ext-action a:hover {
	color: #3f51b5;
	background: #fff;
	text-decoration: none;
}

.ext-news {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	box-shadow: 0 2px 0 -1px #cbd8d8;
	background: #fff;
	margin-bottom: 20px;
	clear: both;
	padding: 20px;
	position: relative;
}

.store-info-1 {
	display: flex;
	margin-top: 10px;
	padding-top: 8px;
}

.store-info-panel {
	box-sizing: border-box;
    width: 50%;
    font-size: 13px;
    margin: 0 10px 0 0;
    line-height: 24px;
}

.store-info-pane2 {
	box-sizing: border-box;
    width: 50%;
    font-size: 13px;
    margin: 0 0 0 10px;
    line-height: 24px;
}

.store-summary-title {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 12px;
	text-align: left;
}

.store-snapshot-table {
	display: block;
	width: 100%;
}

.store-snapshot-row {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 8px 0;
}

.store-snapshot-label {
	flex: 0 0 120px;
	width: 120px;
	font-weight: 500;
}

.store-snapshot-value {
	flex: 1 1 auto;
	min-width: 0;
}

.store-info-section {
	padding-left: 8px;
	box-sizing: border-box;
	font-size: 16px;
}

.store-summary-headline {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 12px;
	color: #605d58;
	text-transform: uppercase;
}

.store-info-logo {
	width: 80px;
	margin-right: 8px;
	margin-bottom: 8px;
	float: left;
}

.store-info-domain {
	margin-bottom: 16px;
}

.store-info-domain {
	margin-bottom: 16px;
}

.store-help-list,
.store-help-steps {
	margin: 0 0 0 20px;
	padding: 0;
}

.store-help-list li,
.store-help-steps li {
	margin-bottom: 10px;
}

.store-help-list li:last-child,
.store-help-steps li:last-child {
	margin-bottom: 0;
}

.store-help-panels {
	background: transparent;
	box-shadow: none;
	padding: 0;
}

.store-help-panels .store-info-1 {
	gap: 20px;
	margin-top: 0;
	padding-top: 0;
}

.store-help-panel {
	margin: 0;
	padding: 22px 24px;
	border: 1px solid #d9e1f2;
	border-radius: 12px;
	box-shadow: 0 2px 0 -1px #cbd8d8;
	background: linear-gradient(180deg, #fcfdff 0%, #f4f7ff 100%);
}

.store-help-panel-issues {
	border-color: #edd8cb;
	background: linear-gradient(180deg, #fffdfb 0%, #fff5ee 100%);
}

.store-help-panel .store-info-section {
	padding-left: 0;
}

.store-help-kicker {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 14px;
	font-size: 12px;
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #666b92;
}

.store-help-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 999px;
	background: #e9efff;
	font-size: 16px;
	line-height: 1;
}

.store-help-panel-issues .store-help-icon {
	background: #fff0e7;
}

.store-help-panel .store-summary-title {
	font-size: 24px;
	line-height: 1.35;
	margin-bottom: 14px;
}

.store-help-panel .store-info-section>p {
	margin: 0 0 18px;
	font-size: 15px;
	line-height: 1.75;
}

.store-help-panel .store-help-steps {
	list-style: none;
	counter-reset: store-help-step;
	margin: 0;
	padding: 0;
}

.store-help-panel .store-help-steps li {
	position: relative;
	padding: 0 0 0 44px;
	margin-bottom: 16px;
	line-height: 1.7;
}

.store-help-panel .store-help-steps li::before {
	content: counter(store-help-step);
	counter-increment: store-help-step;
	position: absolute;
	left: 0;
	top: 1px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #4a56c9;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 28px;
	text-align: center;
}

.store-help-panel .store-help-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.store-help-panel .store-help-list li {
	position: relative;
	padding: 0 0 0 18px;
	margin-bottom: 12px;
	line-height: 1.7;
}

.store-help-panel .store-help-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 11px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #f0a33d;
}

.store-help-sidebar-box {
	margin-bottom: 20px;
}

.store-help-sidebar-box .store-summary-title {
	font-size: 18px;
}

.store-help-sidebar-box .store-info-section>p {
	font-size: 14px;
	line-height: 1.7;
}

.store-help-sidebar-box .store-help-list li {
	font-size: 14px;
}

.store-related-stores {
	clear: both;
	margin: 24px 0 0;
}

.store-related-head {
	margin: 0;
}

.store-related-head h2 {
	float: none;
	margin: 0 0 8px;
	font-size: 24px;
	line-height: 1.35;
}

.store-related-intro {
	max-width: 820px;
	margin: 0 0 18px;
	color: #555655;
	font-size: 15px;
	line-height: 1.7;
}

.store-related-grid {
	margin-right: -1%;
}

.store-related-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 244px;
	border: 1px solid #CBD8D8;
	box-sizing: border-box;
	text-align: center;
}

.store-related-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 110px;
	margin: 0 0 14px;
	background: #fff;
	border: 1px solid #DBDBDB;
	border-radius: 3px;
	box-sizing: border-box;
	overflow: hidden;
}

#content .store-related-logo img,
.store-related-logo img {
	display: block;
	float: none;
	width: auto !important;
	height: auto !important;
	max-width: 166px !important;
	max-height: 92px !important;
	object-fit: contain;
	margin: auto !important;
	padding: 0;
	background: transparent;
	border: 0;
}

.store-related-name {
	margin: 0 0 8px;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3;
}

.store-related-name a {
	color: #333b4f;
	text-decoration: none;
}

.store-related-name a:hover {
	text-decoration: underline;
}

.store-related-deal {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin: 0;
	padding: 5px 10px;
	color: #d93f14;
	background: #fff6ed;
	border: 1px solid #f3c09d;
	border-radius: 999px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.35;
}

.store-related-deal-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	font-size: 13px;
	line-height: 1;
}


@media screen and (max-width: 600px) {
	.store-related-head h2 {
		font-size: 22px;
	}
}

.coupon-list-footer {
	font-size: 16px;
	text-align: center;
	margin-top: -20px;
	margin-bottom: 20px;
	padding: 8px;
	background-color: #e5e6e8;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 2px 0 -1px #cbd8d8;
}

.list-more {
	margin-top: 20px;
	margin-bottom: 0px;
	border-radius: 4px 4px 0 0;
}



.add-your-brand {
	display: flex;
	float: right;
}

.add-your-brand-1 {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.add-your-brand-2 {
	display: flex;
	color: #fff;
	align-items: center;
	justify-content: center;
	background: #3f51b5;
	border-radius: 35px 0 35px 35px;
	height: 70px;
	width: 70px;
}

.add-your-brand-2:hover {
	background: #f45435;
}




/* ============================================
   HEADER SEARCH BOX — Modern pill style
   ============================================ */
#header .search-box-domainhostcoupon {
	position: relative;
	font-size: 0.82rem;
	color: #64748b;
	padding: 6px 0 0;
}

#header .search-box-domainhostcoupon strong {
	color: #0f172a;
}

#header .search-box-domainhostcoupon a {
	color: #3f51b5;
	text-decoration: none;
}

#header .search-box-domainhostcoupon a:hover {
	text-decoration: underline;
}

#header .search-box {
	position: relative;
	max-width: 320px;
	width: 100%;
	margin: 0;
	border: none;
	float: none;
	flex: 1 1 auto;
}

#header .search-box form.search {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0;
}

#header .search-box input[type="search"],
#header .search-box input.text {
	width: 100% !important;
	padding: 10px 125px 10px 18px !important;
	border: 2px solid #e2e8f0 !important;
	border-radius: 50px !important;
	background: #f8fafc !important;
	font-size: 0.9rem !important;
	transition: all 0.3s;
	height: 44px !important;
	color: #334155 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	order: 1;
	position: static;
	-webkit-appearance: none;
}

#header .search-box input[type="search"]:focus,
#header .search-box input.text:focus {
	background: #fff !important;
	border-color: var(--hr-blue) !important; /* token-hoá: focus viền search (palette-overridable) */
	box-shadow: 0 0 0 4px rgba(var(--hr-blue-rgb), 0.1) !important;
	outline: none !important;
}

#header .search-box .btn-submit {
	position: absolute !important;
	right: 4px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	background: #3f51b5 !important;
	border: none !important;
	color: #ffffff !important;
	cursor: pointer;
	height: 36px !important;
	width: auto !important;
	padding: 0 16px !important;
	margin: 0 !important;
	box-shadow: none !important;
	z-index: 2;
	order: 2;
	font-size: 14px !important;
	font-weight: 500 !important;
	float: none;
	line-height: normal !important;
	overflow: visible;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 6px !important;
	border-radius: 99px !important;
	transition: background-color 0.2s ease;
}

#header .search-box .btn-submit:hover {
	background: #283593 !important;
	color: #ffffff !important;
}

#header .search-box .btn-submit i {
	font-size: 14px !important;
	color: #ffffff !important;
	display: inline-block !important;
}

#header .search-box .btn-submit span {
	display: inline-block !important;
	color: #ffffff !important;
	font-weight: 500 !important;
	text-indent: 0 !important;
	position: static !important;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
}

.ui-autocomplete-loading {
	background: url('images/indicator.gif') no-repeat right center !important;
}

ul.ui-autocomplete,
.ui-menu {
	z-index: 9999;
	font: normal 14px Ubuntu, Arial, Helvetica, sans-serif;
	border: 1px solid #BBBBBB;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 0;
}

.ui-menu .ui-corner-all {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	margin: 0 !important;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	background: #eee;
	border: none;
	margin: 0 !important;
}

.newtag {
	z-index: 99;
	position: relative;
}

a.tax-link {
	padding: 0 5px 0 0;
}



#content .content-box .blog h1,
#content .content-box .store h1,
#content .content-box .blog h1 a {
	text-decoration: none;
}

#content .content-box .blog h1 a:hover {
	text-decoration: underline;
}

#content-fullwidth .content-box .box-holder {
	position: relative;
	margin: 0;
}

.content-box .box-c:after,
#content-fullwidth .content-box .box-c:after {
	content: "";
	display: block;
	clear: both;
}


.content-box {
	position: relative;
	height: 1%;
}

.comment-form {
	margin: 0;
	position: relative;
	overflow: hidden;
	height: 100%;
}

#commentForm fieldset {
	max-width: 603px;
}

.content-box .post-box {
	padding: 20px 25px;
}

.content-box .box-c:after,
.content-box .head:after {
	content: "";
	display: table;
	clear: both;
}

.content-box .head h2 {
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
}

.head .counter,
.head .counter-red {
	float: right;
	font-size: 14px;
	line-height: 40px;
	color: #555655;
}

.head .counter span {
	font-weight: bold;
}

.head .counter-red span {
	color: #3f51b5;
	font-weight: bold;
}

.page-template-front-page-php .status-unreliable * {
	opacity: 0.9;
}

.content-box h2.archive {
	background: none;
	padding-left: 12px;
}

.content-box h2 span.coupon-count {
	float: right;
	font-size: 14px;
	color: #999999;
	margin: 0 20px 0;
}

.content-box .item {
	-moz-box-shadow: 0 2px 0 -1px #CBD8D8;
	-webkit-box-shadow: 0 2px 0 -1px #CBD8D8;
	-khtml-box-shadow: 0 2px 0 -1px #CBD8D8;
	box-shadow: 0 2px 0 -1px #CBD8D8;
	background: #FFFFFF;
	border-radius: 4px;
	margin-bottom: 20px;
	clear: both;
	padding: 20px;
	position: relative;
}

.content-box .hot {
	background: #edfbfe;
	border: 1px solid #3f51b5;
}

.content-box .item-frame {
	width: 77%;
	float: left;
	padding-left: 200px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-bottom: 20px;
	min-height: 140px;
	font-size: 14px;
}

.content-box .item-frame:after,
.content-box .item-actions:after {
	content: "";
	display: block;
	clear: both;
}

.content-box .item-actions {
	float: right;
	width: 20%;
	padding: 0;
	margin-left: 3%;
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 12px;
}


.content-box .item-actions p.time-left {
	padding-top: 20px;
	margin-bottom: 0;
}



.content-box .item-actions h5 {
	display: none;
}

.store-image1 {
	text-align: center;
	padding: 15px 0 15px;
	border: 1px solid #cedada;
}

.couponAndTip {
	margin-top: 0;
	position: relative;
}

.content-box .item-actions .thumbsup-vote,
.content-box .item-actions .couponAndTip,
.content-box .item-actions .expired-coupon-info {
	width: 150px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.content-box .item-actions .couponAndTip {
	margin-top: auto;
}

.couponAndTip .coupon-code-link {
	padding: 10px 0;
	text-align: center;
	display: block;
	padding-left: 10px;
}

.couponAndTip .coupon-code-link i {
	margin-right: 5px;
}

.couponAndTip .coupon-code {
	border: 2px dashed #3f51b5;
	color: #3f51b5;
	background: #dce1ff;
	padding: 9px 0;
	text-transform: none;
}

.couponAndTip .coupon-code:hover {
	background: #dce1ff;
}

.couponAndTip .coupon-hidden {
	background: #3f51b5;
}

.couponAndTip .promotion {
	background: #3f51b5;
}

.couponAndTip .printable-coupon {
	background: #3f51b5;
}

.couponAndTip .coupon-hidden:hover,
.couponAndTip .coupon-hidden.hover,
.couponAndTip .promotion:hover,
.couponAndTip .promotion.hover,
.couponAndTip .printable-coupon:hover,
.couponAndTip .printable-coupon.hover,
.couponAndTip .printable-coupon.hover {
	transition: opacity 300ms ease-out;
	-webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	-ms-transition: opacity 300ms ease-out;
	-o-transition: opacity 300ms ease-out;
	-moz-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
	-webkit-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
}

.thumbsup-vote {
	border: 1px solid #DBDBDB;
	padding: 3px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	min-height: 108px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.item-panel .thumbsup-vote {
	margin-top: -20px;
}

.thumbsup-vote .results {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

.thumbsup-vote .progress {
	border: 1px solid #DBDBDB;
	background: #DBDBDB;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 0 #FFFFFF;
	display: block;
	height: 14px;
	margin: 7px 2px 4px;
	min-width: 94px;
	padding: 0;
	position: relative;
}

.progress-green span {
	background: #6ABE59;
	border: 1px solid #6ABE59;
}

.progress-red span {
	background: #F45435;
	border: 1px solid #F45435;
}

.votes-green {
	background: #6ABE59;
}

.votes-red {
	color: #F45435;
}

.progress span {
	display: block;
	height: 12px;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	width: 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

.progress span b {
	color: #FFFFFF;
	line-height: 11px;
	padding-left: 2px;
	font-size: 0.8em;
}

.results {
	margin: 5px 0 2px;
	float: none;
	width: 100%;
}

.results .progress-holder {
	width: 100%;
	float: none;
	display: flex;
	align-items: center;
}

.results .progress-holder .votes-raw {
	display: block;
	float: none;
	flex: 0 0 24px;
	width: 24px;
	margin: 0 6px 0 4px;
	text-align: left;
}

.results .progress-holder .progress {
	float: none;
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
	height: 12px;
	margin: 2px 2px 0 0;
}

.results .progress-holder .progress span {
	height: 10px;
}

.content-box .item .image .frame {
	overflow: hidden;
	width: 113px;
	padding: 2px 0 2px 3px;
}

.content-box .item img {
	display: block;

}

.content-box .store-holder {
	float: left;
	width: 182px;
	position: absolute;
	top: 20px;
	left: 20px;
}

.content-box .store-holdercoupon {
	float: left;
	width: 120px;
	position: absolute;
	top: 20px;
	left: 48px;
}

.content-box .head-box .store-holder {
	top: 0;
	left: 0;
}

.content-box .store-image {
	max-width: 180px;
	width: auto;
	max-height: 110px;
	margin-bottom: 15px;
	max-width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.content-box .store-image:hover {
	border: 2px solid #fff;
}

#content .content-box .store-image img {
	width: 180px;
	border: 1px solid #dbdbdb;
	padding: 0;
	max-width: 100%;
}

.content-box .store-name {
	text-align: center;
	font-size: 16px;
	margin-top: 10px;
}

.content-box .store-name a {
	color: inherit;
	text-decoration: none;
	font-weight: 700;
}

.content-box .store-name a:hover {
	color: #f45435;
	text-decoration: none;
}

.content-box .store .image {
	width: 116px;
	margin: 0 18px 0 0;
	float: left;
}

.content-box .store .thumb-wrap {
	float: left;
	width: 180px;
	border: 1px solid #D2D2D2;
	margin-right: 18px;
	height: 110px;
}

.content-box .store .info {
	padding-left: 200px;
}

.content-box .store .image .frame {
	overflow: hidden;
	width: 113px;
	padding: 2px 0 2px 3px;
}

.content-box .store img {
	display: block;
}

.item-panel {
	position: relative;
}

.post .taxonomy {
	padding-left: 0;
	max-width: 472px;
}

.coupon-main h5 {
	margin: 4px 15px 0 0;
	font: 20px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: inline;
	float: left;
}

.content-box .item .text-box {
	min-height: 30px;
	padding: 10px 15px;
	line-height: 16px;
}

.content-box .item .text-box a.more {
	font-size: 12px;
}

.content-box .item .text-box p {
	margin: 0;
	padding: 0;
	line-height: 16px;
}

.content-box .item .text-box p.desc {
	padding: 0;
	line-height: 16px;
}

.text-holder .taxonomy {
	font-size: 12px;
	padding: 5px 5px 5px 15px;
}

.taxonomy span.store {
	background: url("images/store.png") no-repeat scroll 0 0 transparent;
}

div.store-info {
	height: 24px;
	font-size: 18px;
	margin-top: 10px;
	padding-top: 8px;
}

div.store-info a {
	color: inherit;
	text-decoration: underline;
}

div.store-info a:hover {
	text-decoration: none;
}

div.store-info i {
	margin-right: 10px;
	font-size: 18px;
}

.taxonomy span.store a {
	padding-left: 23px;
}

.taxonomy span.folder a {
	padding-left: 28px;
}

.content-box p.category,
.content-box p.tag {
	font-weight: bold;
}

.content-box p.category a,
.content-box p.tag a {
	color: #555655;
	font-weight: normal;
	text-decoration: none;
}

.content-box p.category a:hover,
.content-box p.tag a:hover {
	text-decoration: underline;
}

.content-box div.calendar {
	float: right;
}

.content-box div.calendar ul {
	list-style: none outside none;
	margin-bottom: 0;
	padding: 0;
}

.content-box div.calendar ul li {
	list-style: none outside none;
	height: 16px;
	line-height: 20px;
	padding-left: 20px
}

p.stats {
	float: right;
	font-size: 12px;
	color: #9C9DA9;
	margin: 5px -125px 0 0;
}

.coupon-main {
	margin: 0;
	padding: 0 130px 0 200px;
	position: relative;
}

.item-footer div.vcard,
.blog div.vcard,
.posted-on time.updated,
.meta time.updated,
.item-actions time.published,
.item-actions time.updated {
	display: none;
}

.content-box .item-footer {
	width: 77%;
	clear: left;
}

p.link-popup {
	padding: 0;
	position: absolute;
	top: -68px;
	font-size: 12px;
	display: none;
	z-index: 20;
	left: 50%;
	padding-bottom: 9px;
	color: #fff;
	line-height: 18px;
	min-width: 150px;
	margin-left: -75px;
}

p.link-popup .link-popup-arrow {
	border-top: 9px solid #34495E;
	border-bottom: medium none;
	border-right: 9px solid transparent;
	border-left: 9px solid transparent;
	bottom: 0;
	margin-left: -9px;
	left: 50%;
	position: absolute;
	height: 0;
	width: 0;
	display: block;
}

p.link-popup span.link-popup-inner {
	width: auto;
	max-width: 100%;
	background: #34495E;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 12px;
	text-align: center;
	display: block;
}

.link-bar .link {
	margin: 0;
	font-size: 12px;
	line-height: 13px;
	color: #07609e;
	font-weight: bold;
	padding: 0 12px 0 0;
}

.content-box ul.social {
	margin: 0px auto;
	list-style: none;
	margin-bottom: 0;
	padding: 0;
}

.content-box ul.social:after {
	content: "";
	display: block;
	clear: both;
}

.content-box ul.social li {
	position: relative;
	margin: 0 10px 0 0;
	list-style-type: none;
	line-height: 17px;
}

.content-box ul.social li:last-child,
.content-box ul.inner-social li:last-child {
	margin-right: 0;
}

.content-box ul.social li i,
.comments-list p.links i {
	margin-right: 5px;
	font-size: 20px;
	width: 20px;
}

.content-box ul.social li a,
.comments-list p.links a {
	color: inherit;
	text-decoration: underline;
}

.content-box ul.social li a:hover,
.comments-list p.links a:hover {
	text-decoration: none;
}

.content-box ul.social li.report {
	float: right;
	margin: 0;
}


.content-box .reports_wrapper,
.content-box .reports_form_link {
	color: inherit;
	display: inline-block;
}

.content-box .reports_form,
.content-box .reports_message {
	padding: 6px;
	background: #EDEFF1;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: medium none;
}

.content-box .reports_form table {
	margin: 0;
}

#content .content-box ul.social li.stats {
	height: 16px;
	font-size: 12px;
	float: left;
}

.content-box ul.social li.calendar {
	height: 16px;
}

.content-box ul.social li.calendar span {
	margin-left: 23px;
}

.content-box ul.social li a {
	padding: 0;
}


.content-box ul.social li span.show-comments {
	color: #979797;
	padding: 0;
}

.content-box .email-wrap {
	width: 446px;
}


.content-box .grid .item {
	width: 32%;
	margin-right: 1%;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	clear: right;
}

#content-fullwidth .content-box .grid .item {
	width: 23.50%;
}

#content .content-box .grid .item:nth-child(3n+1),
#content-fullwidth .content-box .grid .item:nth-child(4n+1) {
	margin-right: 1%;
}

.content-box .grid .store-holder {
	float: none;
	position: static;
	margin: 0 auto;
	height: 180px;
}

.content-box .grid h3 {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.content-box .grid .item-frame,
.content-box .grid .item-actions {
	padding: 0;
	float: none;
	width: auto;
	min-height: 0;
	margin-left: 0;
}

.content-box .grid .item-frame {
	height: 60px;
	margin: 10px 0;
}

.content-box .grid .item-actions {
	height: 61px;
	position: relative;
}



.content-box .grid .content-holder,
.content-box .grid div.taxonomy,
.content-box .grid .coupon-card-taxonomy,
.content-box .grid .coupon-card-details,
.content-box .grid .thumbsup-vote,
.content-box .grid .item-footer,
.content-box .grid .status-unreliable p.time-left {
	display: none;
}

.content-box .grid .item-actions .couponAndTip {
	margin-top: 5px;
	width: 100%;
	float: none;
	clear: both;
	position: absolute;
	bottom: 0;
}

.store-related-stores .store-related-grid .item-frame {
	height: auto;
	min-height: 0;
	margin: 8px 0 6px;
	text-align: center;
}

.store-related-stores .store-related-grid .item-panel {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 0;
}

.store-related-stores .store-related-grid .item-actions {
	height: auto;
	min-height: 0;
	position: static;
	text-align: center;
	padding-top: 20px;
}

.store-related-stores .store-related-grid .item-actions .couponAndTip {
	position: relative;
	bottom: auto;
	margin-top: 0;
}

.store-related-stores .store-related-grid .item-actions p.link-popup {
	top: -82px;
	padding-bottom: 4px;
}

.store-related-stores .store-related-grid .item-actions .btn.small,
.store-related-stores .store-related-grid .item-actions .coupon-code-link {
	display: block;
	margin: 0 auto;
}



.thumbsup-badge {
	width: 82px;
	height: 80px;
	float: left;
	display: block;
	text-align: center;
	padding-top: 20px;
}

.badge-green {
	background: #f1f2f6;
}

.badge-orange {
	background: #f1f2f6;
}

.badge-red {
	background: #F45435;
}

.stripe-badge-green {
	background: #f1f2f6;
}

.stripe-badge-red {
	background: #f1f2f6;
}

.stripe-badge-orange {
	background: #f1f2f6;
}

.thumbsup-badge .percent {
	color: #FFFFFF;
	display: block;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 110%;
}

.thumbsup-badge .success {
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

.thumbsup-stripe-badge {
	display: block;
	height: 28px;
	margin: 0 -3px;
}

.thumbsup-stripe-badge .percent {
	display: block;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
	line-height: 28px;
}

.stripe-badge .success {
	color: #666666;
	display: block;
	text-align: center;
	text-transform: uppercase;
	margin: 0 0 2px
}

.thumbsup-vote .frame {
	width: 100%;
	min-height: 44px;
	padding: 0;
	box-sizing: border-box;
}

.thumbsup-vote span.text {
	color: #555655;
	line-height: 16px;
	margin: 7px 2px;
	display: block;
	text-align: center;
}

.thumbsup-vote span.vote {
	color: #666666;
	width: 35%;
	margin: 5px 0 0;
	padding: 5px 0;
	display: inline-block;
}

.thumbsup-vote span.vote span {
	float: left;
	height: 24px;
	width: 24px;
	background: url(/wp-content/themes/flatter/images/global_sprite.png) -90px 0px no-repeat;
	display: block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.thumbsup-vote span.thumbsup-up {
	text-align: right;
	margin-left: 21px;
}

.thumbsup-vote span.thumbsup-up span.thumbsup {}

.thumbsup-vote span.thumbsup-up span.thumbsup:before {}

.thumbsup-vote span.thumbsup-down {
	text-align: left;
}

.thumbsup-vote span.thumbsup-down span.thumbsdown {
	float: left;
	height: 24px;
	width: 24px;
	background: url(/wp-content/themes/flatter/images/global_sprite.png) -120px 0px no-repeat;
}

.thumbsup-vote span.thumbsup-down span.thumbsdown:before {}

.thumbsup-vote span.thumbsup-up span.thumbsup:hover,
.thumbsup-vote span.thumbsup-down span.thumbsdown:hover {
	cursor: pointer;
	transition: opacity 300ms ease-out;
	-webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	-ms-transition: opacity 300ms ease-out;
	-o-transition: opacity 300ms ease-out;
	-moz-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
	-webkit-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
}


.container {
	display: table;
}

.row {
	display: table-row;
}

.column {
	display: table-cell;
	padding: 10px;
}


table {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	border-top: 1px solid #eaeaea;
	margin-bottom: 18px;
}

table,
td,
th {
	vertical-align: middle;
}

th {
	color: #666;
	border-top: 1px solid #fff;
	text-transform: uppercase;
	padding: 10px;
}

td {
	color: #666;
	padding: 10px;
	border-bottom: 1px solid #ddd;
}

tfoot td {
	border: 0;
}

th,
tr:hover {
	background-color: #f5f5f5;
}

tr .even:hover {
	background-color: #f4f4f4 !important;
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.meta {
	font-size: 12px;
}



.paging {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	clear: both;
	float: left;
	width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: calc(100% - 50px);
}

.text-box .paging {
	width: auto;
	clear: both;
	float: none;
}

.content-box .paging .pages {
	text-align: center;
}

.content-box .paging .pages span.total {
	padding: 0 10px 0 3px;
	display: none;
}

.content-box .paging .pages span.prevPage a,
.content-box .paging .pages span.nextPage a,
.content-box .paging .pages a.page-numbers {
	padding: 10px;
	background-color: #FFF;
	margin: 0 3px;
	text-decoration: none;
	-moz-box-shadow: 0 2px 0 -1px #CBD8D8;
	-webkit-box-shadow: 0 2px 0 -1px #CBD8D8;
	-khtml-box-shadow: 0 2px 0 -1px #CBD8D8;
	box-shadow: 0 2px 0 -1px #CBD8D8;
	border: 1px solid #CBD8D8;
	min-width: 20px;
	display: inline-block;
}

.content-box .paging .pages span.current {
	padding: 10px;
	margin: 0 3px;
	background: #3f51b5;
	color: #fff;
	-moz-box-shadow: 0 2px 0 -1px #3f51b5;
	-webkit-box-shadow: 0 2px 0 -1px #3f51b5;
	-khtml-box-shadow: 0 2px 0 -1px #3f51b5;
	box-shadow: 0 2px 0 -1px #3f51b5;
	border: 1px solid #3f51b5;
	min-width: 20px;
	display: inline-block;
}

#content .content-box .blog,
#content-fullwidth .content-box .blog,
.content-box .comments-box,
.content-box .post-box {
	-moz-box-shadow: 0 2px 0 -1px #CBD8D8;
	-webkit-box-shadow: 0 2px 0 -1px #CBD8D8;
	box-shadow: 0 2px 0 -1px #CBD8D8;
	background: #FFFFFF;
	border: 1px solid #CBD8D8;
	margin-bottom: 20px;
	clear: both;
	padding: 20px;
}

#content .content-box .blog h1,
#content .content-box .store h1,
#content-fullwidth .content-box .blog h1 {
	font-size: 24px;
	line-height: 26px;
	font-weight: normal;
	margin: 0 0 10px;
}

.store .desc {
	margin: 15px 0;
}

.store .store-url {
	font-size: 12px;
	margin: 0 0 5px;
}

.store .store-url a:hover {
	text-decoration: none;
}

.blog .content-bar {
	overflow: hidden;
	height: 1%;
	font-size: 12px;
	line-height: 13px;
	position: relative;
	text-transform: uppercase;
	padding: 10px 20px;
	margin: 0 -20px 20px;
	background: #f8f8f8;
}

.blog .content-bar:after {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

* html .blog .content-bar {
	margin: 0 -30px 0 -18px;
	width: 620px;
}

.blog .content-bar i.fa-folder-open {
	margin-left: 20px;
}

.blog .content-bar .comments {
	float: left;
	padding: 0 0 0 23px;
}

.blog .content-bar .posted {
	float: right;
}

* html .blog .content-bar .posted {
	margin: 2px 24px 0 0;
}

.blog .content-bar .posted a {
	color: #146caa;
	font-weight: bold;
}

p.meta {
	float: left;
	padding: 1px 0 2px 0;
	text-transform: none;
}

p.meta a {
	padding: 0 0 2px 0;
	text-transform: uppercase;
}

p.comment-count {
	float: right;
	padding: 1px 0 2px;
}

p.comment-count a {
	padding: 2px 0;
}

p.comment-count span {
	padding-left: 20px;
}

p#comment-closed {
	text-align: center;
}

.store {
	-moz-box-shadow: 0 2px 0 -1px #CBD8D8;
	-webkit-box-shadow: 0 2px 0 -1px #CBD8D8;
	box-shadow: 0 0 0 -1px #CBD8D8;
	background: #FFFFFF;
	clear: both;
	border-radius: 4px;
	padding: 20px;
	min-height: 130px;
	margin-top: 20px;
}

.head-box {
	height: 1%;
	margin: 10px 0;
	padding: 0;
	position: relative;
	min-height: 110px;
}

.head-box .thumbsup-vote {
	margin-right: 0;
	top: 0;
	right: 0;
	position: absolute;
}

div.adsense:not(:empty) {
	margin: 10px 20px;
}

div.facebook-wrap {
	margin: -8px 0 -20px 4px;
}

.fan_box .connections_grid .grid_item {
	padding: 0 10px 8px 3px;
	background-color: #666;
}

.blog .text-box {
	height: 1%;
	color: #555655;
	padding: 20px 0;
	font-size: 13px;
}

.type-post .blog .text-box {
	padding: 0;
}

.blog .text-box-form {
	height: 1%;
	color: #555655;
	padding: 20px 0 10px 0;
}

#content .blog img {
	-moz-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #D3D3D3;
	display: inline-block;
	overflow: hidden;
	padding: 4px;
	max-width: 95%;
}

#content .blog .text-box .image,
#content-fullwidth .blog .text-box .image {
	float: left;
	margin: 6px 15px 0 0;
	width: auto;
}

#content .blog .text-box .image img,
#content-fullwidth .blog .text-box .image img {
	display: block;
}

#content .blog .text-box .text-holder,
#content-fullwidth .blog .text-box .text-holder {
	padding: 0 0 24px;
}

.blog .text-box p {
	margin: 0 0 18px;
	line-height: 23px;
}

.blog .text-box p.edit {
	margin-top: 10px;
	margin-right: 10px;
	display: inline-block;
	font-size: 12px;
}

#content .blog .text-box p span,
#content-fullwidth .blog .text-box p span {
	color: #677781;
}

p.desc,
p.expires,
p.store {
	padding-bottom: 5px;
}

#content .text-footer {
	position: relative;
	padding: 10px 20px;
	margin: 0 -20px 20px;
	background: #f8f8f8;
}

#content .tags {
	float: left;
	line-height: 16px;
}

#content .tags a {
	color: inherit;
}

#content .stats {
	float: right;
	line-height: 17px;
}

.blog .user-bar {
	overflow: hidden;
	height: 1%;
}




.content-box h2.stores,
.content-box h2.categories {
	border-bottom: 1px solid #EBEBEB;
}

.content-box ul.stores,
.content-box ul.categories {
	margin: 15px 10px 30px !important;
	padding: 0;
	overflow: hidden;

}

.content-box ul.stores li,
.content-box ul.categories li {
	float: left;
	list-style: none outside none;
	padding: 0 15px 20px 0;
	width: 180px;
}



.post-box #message {
	padding: 20px;
}

.post-box h3 {
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	margin-left: 10px;
}

.post-box .row p {
	margin: 0 0 0 167px;
	padding: 0;
	color: #3C3C3C;
}

.post-box .row p a {
	color: #0453A3;
	font-weight: bold;
}

form#loginform,
form#registerform,
form#lostpassform {
	padding: 30px 0;
}

form#loginform p,
form#registerform p,
form#lostpassform p {
	overflow: hidden;
	height: 1%;
	padding: 0 0 9px;
}

p.lostpass {
	margin: 10px 0 0 166px;
}

#recaptcha_widget_div {
	margin-left: 204px;
}

.loginForm #recaptcha_widget_div {
	float: left;
	margin-bottom: 10px;
	margin-left: 166px;
}

input#recaptcha_response_field {
	left: 0;
}

#loginForm .social_connect_ui {
	clear: both;
	float: left;
	margin-left: 166px;
	width: 100%;
}

#loginForm .social_connect_ui label {
	text-align: left;
	margin: 0 0 5px;
}

#loginForm .social_connect_ui .social_connect_form {
	clear: both;
}

.content-box ul.errors {
	margin: 0;
	padding: 0;
}

ul.errors li {
	color: #AA4433;
	list-style: none outside none;
}

p.success {
	background: #FFFFE0;
	border: 1px solid #E6DB55;
	color: #896F44;
	margin: 0 0 20px !important;
	padding: 12px;
}

.box-yellow {
	background-color: #FFFFCC;
	border: 1px solid #D8D2A9;
	margin-bottom: 10px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 7px;
}

.box-red,
.error {
	background-color: #FFEBE8;
	border: 1px solid #CC0000;
	margin-bottom: 10px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 7px;
}

#couponForm ol,
#loginForm ol {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

#couponForm ol:after,
#loginForm ol:after {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

#couponForm li,
#loginForm li,
#commentForm li,
.commentForm li {
	display: block;
	margin: 15px 0;
	list-style-type: none;
}

#loginForm li {
	max-width: 510px;
}

#couponForm .row {
	overflow: hidden;
	height: 1%;
	padding: 0 0 9px;
}

#couponForm label,
#loginForm label,
#commentForm label,
.commentForm label,
#coupon-fields .featured-head h3 {
	clear: right;
	color: #454545;
	display: inline;
	float: left;
	font-size: 14px;
	font-family: Ubuntu, Arial, Verdana, sans-serif;
	line-height: 36px;
	margin-right: 16px;
	text-align: right;
	width: 140px;
}

.email-wrap label {
	text-align: left;
}

#couponForm li.description label {
	float: none;
	text-align: left;
	width: auto;
}

#couponForm li.description div.invalid {
	margin-left: 0;
}

#couponForm p.tip {
	margin-bottom: -2px;
	padding: 2px 0 0 160px;
}

#couponForm p.info {
	padding: 0 0 0 160px;
	margin: 0;
	line-height: 36px;
	font-size: 14px;
}

p#store-name,
p#coupon-type-name {
	color: #8A8A8A;
	font-size: 14px;
	line-height: 36px;
	font-weight: bold;
}

#coupon-fields .form-field {
	margin-left: 167px;
}

#coupon-fields .form-field label {
	float: none;
	margin: 0;
	text-align: left;
	width: auto;
}

li#rememberme,
li#lostpass,
li#register,
li#facebook {
	margin-left: 156px;
	margin-top: 0;
	margin-bottom: 0;
}

li#rememberme span {
	margin-left: 3px;
	color: #8A8A8A;
}

li#checksave {
	clear: both;
	display: block;
	margin: 10px 0;
}

#loginForm table.form-table {
	border: 0;
	margin: 0;
	width: 100%;
}

#loginForm .form-table th {
	width: 166px;
	padding: 0;
	text-align: left;
	text-transform: none;
	background-color: #fff;
}

#loginForm .form-table label {
	margin-right: 6px;
}

#loginForm .form-table tr:hover {
	background-color: #fff;
}

#loginForm .form-table td {
	padding: 0 0 15px 0;
}

#loginForm table.form-table span.description {
	margin-left: 0;
}

li#new-store-name,
li#new-store-url,
li#ctype-coupon-code,
li#ctype-printable-coupon {
	display: none;
}

input.invalid,
textarea.invalid,
select.invalid {
	border-color: #C13C2C !important;
}

div.invalid {
	color: #C13C2C;
	font-size: 14px;
	font-weight: bold;
	margin: -10px 0 10px 160px;
}

#respond textarea.commentbox {
	width: 100%;
	height: 160px;
}

.post-box textarea#coupon,
.post-box textarea#description,
li.description textarea {
	width: 100%;
	height: 160px;
}

li.description textarea.wp-editor-area {
	background: none;
	width: 100%;
	height: auto;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	max-width: 100%;
}

li.description .wp_themeSkin iframe {
	border: 1px solid #AEC2C2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

form.commentForm fieldset ol,
form.post-form fieldset ol {
	padding: 10px 0 0 80px;
}


.mceContentBody {
	padding: 5px;
	line-height: 1.5em;
	font-size: 12px;
	color: #4F4F4F;
	background-color: #FFFFFF;
	height: 100%;
}

.mceContentBody ul {
	list-style-image: none;
	list-style-position: inside;
	list-style-type: disc;
	padding: 10px;
}

.mceContentBody ul li {
	padding: 0 5px 0;
}

.mceContentBody ol {
	list-style-image: none;
	list-style-position: inside;
	list-style-type: decimal;
	padding: 10px;
}

.mceContentBody ol li {
	padding: 0 5px 0;
}

.clearlooks2 .mceTop,
.clearlooks2 .mceTop div {
	background: none repeat scroll 0 0 #464646;
}

li.description {
	position: relative;
}


button.submit {
	float: right;
}

button.coupon {
	float: right;
	background: #3f51b5;
}

button.reg,
button.forgot,
button.login {
	float: right;
}

button.edit {
	float: right;
	margin: 10px 45px 10px 10px;
}

button.profile {
	margin: 10px 10px 10px 165px;
}

.reports_submit {
	min-width: 79px;
	cursor: pointer;
	text-align: center;
}


.content-box h1,
.content-box h2,
.content-box h3,
.content-box h4,
.content-box h5,
.content-box h6 {
	line-height: 1.5em;
	margin: 0 0 0;
}

.content-box h2,
.content-box h3,
.content-box h4,
.content-box h5,
.content-box h6 {
	line-height: 1.5em;
	margin: 0 0 0;
}

.content-box ul {
	margin-bottom: 1.5em;
	margin-top: 1.5em;
}

.content-box ul ul {
	margin: 0;
}

.content-box ul li {
	list-style-type: disc;
	list-style-position: inside;
	line-height: 23px;
	margin-left: 15px;
}

.content-box ul ul li {
	list-style-type: circle;
	line-height: 23px;
}

.content-box ol {
	margin-bottom: 1.5em;
	padding: 0 0 0 30px;
}

.content-box ol ol {
	margin: 0;
}

.content-box ol li {
	list-style-type: decimal;
	line-height: 23px;
}

.content-box ol li ol li {
	list-style-type: lower-latin;
	line-height: 23px;
}

.content-box blockquote {
	position: relative;
	color: #444;
	padding: 10px 20px 10px 50px;
}

.content-box blockquote p {
	font-style: italic;
}

.content-box pre,
.content-box code {
	font-family: Consolas, Monaco, "Courier New", Courier, monospace;
	font-size: 12px;
	font-weight: inherit;
	margin-bottom: 22px;
	overflow-x: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
	background: none repeat scroll 0 0 #F0F0F0;
	color: #000000;
	padding: 3px 5px;
}

.content-box pre {
	border: 1px solid #DADADA;
	line-height: 1.3em;
	overflow: auto;
	padding: 11px;
}

#content img {
	height: auto;
	max-width: 100%;
}

#content .attachment img {
	max-width: 100%;
}

#content .attachment .next-prev {
	text-align: center;
}

#content img.attachment-post-thumbnail {
	display: inline;
	float: left;
	margin: 8px 15px 8px 0;
}

#content .alignnone,
#content img.alignnone {
	display: block;
	clear: both;
	margin: 8px 15px 12px 0;
}

#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 8px;
}

#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 8px;
}

#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
	margin-bottom: 12px;
}

#content .wp-caption {
	background: #f1f1f1;
	border: 1px solid #ddd;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
	-moz-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#content .wp-caption img {
	margin: 0;
}

#content .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
	line-height: 14px;
}

#content img.wp-smiley {
	margin: 0;
	border: 0;
}

#content .gallery {
	position: relative;
	height: 1%;
	padding: 5px 0 10px;
}

#content .gallery .gallery-item {
	float: left;
	text-align: center;
	width: 33%;
	padding: 10px 0;
}

#content .gallery img {
	border: 2px solid #cfcfcf;
}

#content .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}

#content .gallery dl {
	margin: 0;
}

#content .gallery img {
	border: 1px solid #ddd;
}

#content .gallery a:hover img {
	opacity: 0.7;
}

#content .gallery br+br {
	display: none;
}

#content .attachment img {
	display: block;
	margin: 0 auto;
}


* html #sidebar {
	margin: 4px 21px 0 -21px;
}

* html .inner #sidebar {
	margin: 4px 34px 0 -34px;
}

#sidebar .share-box img {
	display: none;
}

#sidebar .share-box {
	display: block;
	font-size: 12px;
	line-height: 14px;
	margin: 0 0 20px 0px;
	padding: 14px;
	text-decoration: none;
	background: #3f51b5;
	color: #fff;
	-moz-box-shadow: 0 2px 0 -1px #CBD8D8;
	-webkit-box-shadow: 0 2px 0 -1px #CBD8D8;
	-khtml-box-shadow: 0 2px 0 -1px #CBD8D8;
	box-shadow: 0 2px 0 -1px #CBD8D8;
	border: 1px solid #CBD8D8;
}

#sidebar .share-box span.lgheading {
	margin: 0;
	font-size: 23px;
	font-weight: bold;
	line-height: 25px;
	letter-spacing: -1px;
	text-transform: uppercase;
	display: block;
}

#sidebar .share-box span.smheading {
	margin: 2px 0 0;
	opacity: 0.9;
	font-weight: normal;
	display: block;
}

#sidebar .subscribe-box {
	margin: 0 0 18px;
}

#sidebar .subscribe-box .subscribe-c:after {
	content: "";
	display: block;
	clear: both;
}

#sidebar .subscribe-box .subscribe-holder {
	margin: 0px;
	padding: 5px 15px;
	position: relative;
	max-width: 220px;
}

#sidebar .subscribe-box .text-box {
	overflow: hidden;
	height: 1%;
	padding: 0 0 0 0;
}

#sidebar .subscribe-box p,
#footer .panel .subscribe-box p {
	font-size: 12px;
	line-height: 13px;
	color: #7a7a7a;
	margin: 10px 0;
	text-align: center;
}

#sidebar .subscribe-form {
	padding: 0 0 0 0px;
}

#footer .panel .subscribe-form fieldset {
	max-width: 100%;
	width: auto;
}

.blog .subscribe-box .text-box {
	padding: 0 0 20px;
}

#sidebar .subscribe-form .text,
#footer .panel .subscribe-form .text {
	padding: 0;
}

#sidebar .subscribe-form .text input,
#footer .panel .subscribe-form .text input {
	width: 188px;
	font-size: 11px;
	line-height: normal;
	padding: 6px 8px;
}

#footer .panel .subscribe-form .text input {
	width: 235px;
}

#sidebar .subscribe-form .row,
#footer .panel .subscribe-form .row {
	overflow: hidden;
	height: 1%;
}





#sidebar .box {
	width: 277px;
	position: relative;
	margin: 0 0 20px 2px;
	overflow: hidden;
}

#sidebar .sidebox .cut {
	position: absolute;
	top: -5px;
	right: -6px;
	width: 74px;
	height: 74px;
	z-index: 999;
}

#sidebar .box .box-c:after {
	content: "";
	display: block;
	clear: both;
}

#sidebar .box .box-holder {
	float: left;
	width: 277px;
	margin: -84px 0 0;
	position: relative;
}

#sidebar .box h3,
#sidebar .block h3 {
	margin: 0 0 21px;
	padding: 0 0 0 23px;
	color: #666666;
}

#sidebar .box .list,
#sidebar .widget_twitter ul {
	margin: 0;
	padding: 0 5px;
	list-style: none;
	font-size: 12px;
	line-height: 14px;
	color: #555655;
	overflow: hidden;
}

#sidebar .list li,
#sidebar .coupon-ticker .list li,
#sidebar .coupon-cats-widget li,
#sidebar .widget_twitter ul li {
	padding: 10px 10px 10px 28px;
	text-indent: -18px;
}

#sidebar .store-widget .list li {
	border-bottom: 1px dashed #dbdbdb;
	margin: 1px 0 -1px;
	font-size: 12px;
}

#sidebar .coupon-cats-widget .list li {
	border-bottom: 1px dashed #dbdbdb;
	margin: 1px 0 -1px;
	font-size: 12px;
}



#sidebar .box .list li p,
#sidebar .sidebox .list li p {
	font-size: 12px;
	color: #95928D;
}

#sidebar .coupon-ticker,
#sidebar .store-widget,
#sidebar .coupon-searches-widget,
#sidebar .coupon-cats-widget {
	margin-left: -10px;
	padding: 0 4px;
}

#sidebar .box .list li:hover,
#sidebar .sidebox .list li:hover,
ul.jta-tweet-list li:hover {
	background-color: #f4f4f4;
}

#sidebar .box .list li a:hover,
#sidebar .sidebox .list li a:hover {
	text-decoration: underline;
}

#sidebar .box .list li a,
#sidebar .sidebox .list li a {
	text-decoration: none;
	font-size: 13px;
}

#sidebar .box .categories-list {
	margin: 0;
	padding: 0 46px 0 19px;
	list-style: none;
	overflow: hidden;
}

#sidebar .box .categories-list li {
	border-bottom: 1px dashed #dbdbdb;
	padding: 4px 0 8px;
	margin: 1px 0 -1px;
	overflow: hidden;
	height: 1%;
}

#sidebar .box .categories-list img {
	float: left;
	margin: 0 17px 0 0;
}

#sidebar .box .categories-list .text-holder {
	overflow: hidden;
	height: 1%;
	font-size: 12px;
	line-height: 14px;
	color: #a0a0a0;
}

#sidebar .box .categories-list .text-holder p {
	margin: 0;
}

#sidebar .box .categories-list .text-holder a {
	font-size: 16px;
	line-height: 18px;
}

#sidebar .box .ads-bar {
	overflow: hidden;
	height: 1%;
	padding: 7px 0 0 14px;
}

#sidebar .box .ads-bar .ads {
	float: left;
	margin: 0 5px 7px 0;
}

#sidebar .box .ads-bar img {
	display: block;
}

#sidebar .block {
	width: 265px;
	margin: 0 0 18px;
}

#sidebar .block-c {
	width: 265px;
}

#sidebar .block-c:after {
	content: "";
	display: block;
	clear: both;
}

#sidebar .block .block-holder {
	float: left;
	width: 265px;
	position: relative;
	margin: -102px 0 0;
	padding: 0 0 32px;
}

#sidebar .blog-tabs .tabset {
	list-style: none;
	font-size: 12px;
	line-height: 13px;
	padding: 0;
}

#sidebar .blog-tabs .tabset:after {
	content: "";
	display: block;
	clear: both;
}

#sidebar .blog-tabs .tabset li {
	background: none;
	float: left;
	padding: 0 0 5px;
	position: relative;
	margin: 0 5px;
}

#sidebar .blog-tabs .tabset li:before {
	display: none;
}

#sidebar .blog-tabs .tabset li a {
	float: left;
	color: #a19f9f;
}

#sidebar .blog-tabs .tabset li .bullet {
	position: absolute;
	width: 19px;
	height: 14px;
	visibility: hidden;
	bottom: -5px;
	left: 50%;
	margin: 0 0 0 -10px;
}

* html #sidebar .blog-tabs .tabset li .bullet {
	bottom: -22px;
}

#sidebar .blog-tabs .tabset .active .bullet {
	visibility: visible;
}

#sidebar .blog-tabs .tabset li a span {
	float: left;
	cursor: pointer;
	padding: 3px 5px 5px;
}

#sidebar .blog-tabs .tabset .active a {
	font-weight: bold;
}

#sidebar .blog-tabs .tabset .active a:hover {
	text-decoration: none;
}

#sidebar .blog-tabs .tabset .active a span {
	background: #EFEFEF;
	border-radius: 5px;
}

#sidebar .blog-tabs .tab-content {
	display: none;
}

#sidebar .blog-tabs .image {
	width: 41px;
	float: left;
	margin: -3px 8px 0 0;
}

#sidebar .block .list {
	margin: 0;
	padding: 24px 40px 0 18px;
	list-style: none;
	font-size: 10px;
	line-height: 12px;
	color: #333;
	overflow: hidden;
}

#sidebar .block .list li {
	overflow: hidden;
	height: 1%;
	padding: 11px 0 7px;
	margin: 1px 0 -1px;
}

#sidebar .block .list .image {
	width: 41px;
	float: left;
	margin: -3px 8px 0 0;
}

#sidebar .block .list a {
	font-size: 12px;
	line-height: 14px;
	color: #0362a4;
}

#sidebar .block .list p {
	margin: 0;
}

#sidebar .about-box {
	font: 11px/13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #555;
	margin: -3px 0 0;
	padding: 0 0 0 12px;
}

#sidebar .about-box h3 {
	padding: 0 0 0 23px;
	margin: 0 0 31px 4px;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #575757;
	position: relative;
}

#sidebar .about-box .text-holder {
	overflow: hidden;
	height: 1%;
	font-size: 12px;
	line-height: 18px;
	color: #3d3d3d;
	text-transform: uppercase;
	letter-spacing: -1px;
}

#sidebar .about-box .image {
	width: 65px;
	float: left;
	margin: 2px 2px 0 0;
	display: inline;
}

#sidebar .about-box .image img {
	display: block;
}

#sidebar .about-box strong {
	display: block;
}

#sidebar .about-box strong a {
	color: #014f86;
}

#sidebar .about-box .text-box {
	margin: 0 0 -13px;
	padding: 10px 13px 0 7px;
	overflow: hidden;
	width: 233px;
}

#sidebar .store-widget-slider,
#footer .panel .store-widget-slider {
	padding: 0 4px;
	overflow: hidden;
}

#sidebar .widget-featured-stores .list,
#footer .panel .widget-featured-stores .list {
	padding: 0;
	margin-top: -2px !important;
}

#sidebar .widget-featured-stores .list li,
#footer .panel .widget-featured-stores .list li {
	background: none;
	padding: 10px 0;
}

#sidebar .widget-featured-stores .list li:before {
	content: "";
	display: inline;
}

#sidebar .widget-featured-stores .list li a,
#footer .panel .widget-featured-stores .list li a {
	display: block;
	font-weight: bold;
	height: 138px;
	text-align: center;
}

#sidebar .widget-featured-stores .list li a img,
#footer .panel .widget-featured-stores .list li a img {
	max-height: 110px;
	width: 160px;
	display: block;
	margin: 0 auto;
	border: 1px solid #D2D2D2;
	background: #fff;
	margin-bottom: 5px;
}

#sidebar .widget-featured-stores .list li a span,
#footer .panel .widget-featured-stores .list li a span {
	display: block;
	text-align: center;
}


ul.widgets li.widget {
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #FFFFFF;
	color: #777777;
	float: left;
	font-size: 0.8em;
	list-style: none outside none !important;
	margin: 0;
	padding: 30px 0 10px;
	width: 260px;
}

#sidebar h2.widget_title {
	font-size: 17px;
	margin-bottom: 0;
}

#sidebar .widget h3 {
	margin: 0;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #575757
}

#sidebar .widget {
	margin: -2px 0 0;
	padding: 0 0 143px 21px;
}

ul.widgets li.widget .widget_content {
	overflow: hidden;
	padding: 0;
}

#sidebar .widget .textwidget {
	padding: 10px 0 !important;
	font-size: 12px;
	line-height: 1.54em;
}

#sidebar .textwidget p {
	margin: 0 0 10px;
}

.sidebox {
	position: relative;
	margin: 0 0 20px;
	background-color: #fff;
}

#sidebar .sidebox.widget_text {
	-moz-box-shadow: 0 0;
	-webkit-box-shadow: 0 0;
	box-shadow: 0 0;
	border: none;
	background: none;
}

#sidebar .sidebox.widget_text .sidebox-content {
	padding: 0px;
}

#sidebar .sidebox.widget_text .sidebox-heading,
#sidebar .sidebox.widget_text .textwidget {
	border: none;
	background: #fff;
}

#sidebar .sidebox.widget_text>br {
	display: none;
}

.sidebox-content {
	margin: 0;
}

.sidebox-content .textwidget,
.sidebox-content #calendar_wrap,
.sidebox-content .search-box,
.sidebox-content .tagcloud {
	margin: 0;
	padding: 5px 10px;
}

.sidebox .sidebox-heading {
	margin: 0;
	padding: 10px 12px 5px;
	border-bottom: 1px dashed #DCDCDC;
}

.sidebox .sidebox-heading h2,
.sidebox .sidebox-heading h2 a.rsswidget {
	font-weight: 600;
	color: #555655;
	text-decoration: none;
	margin: 0 0 6px;
}

#sidebar .store-sidebar-group {
	margin: 20px 0 20px 0;
	min-height: 0;
	padding: 22px 24px;
}

#sidebar .store-sidebar-group>.widget {
	margin: 0;
	padding: 0 !important;
}

#sidebar .store-sidebar-group>.widget h3,
#sidebar .store-sidebar-group>.widget strong {
	font-weight: 700 !important;
}

.sidebox ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
}

.sidebox ul li {
	padding: 4px 10px 4px 5px;
}

.sidebox ul li ul {
	list-style: none;
	margin: 5px 0 -2px;
	padding: 0;
}

.sidebox ul li ul li {
	padding: 4px 0;
}

div.banners {
	padding: 15px 18px;
}

div.banners img {
	padding: 2px;
}

div.error {
	font-size: 12px;
	color: #AA4433;
	border: 1px solid #CC0000;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #FFEBE8;
	margin: 0 0 15px;
	padding: 5px 15px;
}

div.success {
	font-size: 12px;
	color: #896F44;
	border: 1px solid #E6DB55;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #FFFFE0;
	margin: 0 0 15px;
	padding: 5px 15px;
}

#content .reports_message img {
	display: inline;
}

.sidebox .search-box {
	margin: 0px;
}

.sidebox .newtag {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	color: #696969;
	font-size: 14px;
	width: 215px;
}

.sidebox .text {
	margin: 0;
	padding: 6px 5px;
	font: 11px/13px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.sidebox ul li.couponLive:before {
	color: #33CC33;
}

.sidebox ul li.couponPending:before {
	color: #FF9900;
}

.sidebox ul li.couponOffline:before {
	color: #666;
}

.sidebox ul li.couponTotal:before {
	color: #3f51b5;
}

div#tweetFeed {
	padding: 0 4px;
}

ul.jta-tweet-list {
	padding: 0;
}

li.jta-tweet-list-item {
	background: none;
}

ul.jta-tweet-list li {
	background: none;
	margin: 0 -2px;
	padding: 8px 10px;
}

.jta-tweet-list-controls-button,
.jta-tweet-list-autorefresh-trigger {
	-moz-border-radius: 5px 5px 5px 5px;
	border: 2px solid #61513D;
	color: #61513D;
}

span.jta-tweet-attributes {
	line-height: 14px;
}

span.jta-tweet-attributes a:link {
	color: #999999;
	line-height: 14px;
}

.couponList {
	width: 100%;
}

.couponList th {
	padding-top: 4px;
	padding-bottom: 4px;
	border: 0;
	background: #e5e5e5;
}

.couponList th,
.couponList td {
	font-size: 12px;
}

.couponList td {
	border-bottom: 1px solid #EEE;
}

.couponList td.last {
	border: 0;
}

.couponList td:hover.last {
	background-color: #FFF;
}

.couponList .col1,
.couponList tr .listing-count,
.couponList tr .order-id {
	width: 30px;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}

.page-template-tpl-user-orders-php .couponList .col1 {
	width: 50px;
}

.couponList .col2,
.couponList tr .listing-title,
.couponList tr .order-summary {
	width: auto;
	padding-left: 0;
	text-align: left;
	max-width: 70%;
}

.couponList tr td.order-summary {
	padding: 10px;
}

.couponList tr td.order-summary span.clock:before {
	margin-left: 0;
}

.couponList .col3,
.couponList tr .listing-views,
.couponList tr .order-price {
	width: auto;
}

.couponList .col4,
.couponList tr .listing-status {
	width: 65px;
}

.couponList .col5,
.couponList tr .listing-options,
.couponList tr .order-options {
	width: 75px;
}

.couponList td.col1,
.couponList tr .listing-count,
.couponList tr .order-id {
	vertical-align: top;
}

.couponList tr .listing-views,
.couponList tr .listing-status,
.couponList tr .listing-options,
.couponList tr .order-price,
.couponList tr .order-status,
.couponList tr .order-options {
	text-align: center;
}

.couponList .listing-status p.small {
	font-size: 10px;
	line-height: 1.5em;
	margin: 0;
}

.couponList .paging {
	width: 90%;
}

.page-template-tpl-user-orders-php .couponList .col2 div {
	float: left;
}

.page-template-tpl-user-orders-php .couponList .col2 div:after {
	content: " | ";
	margin-left: 6px;
	margin-right: 2px;
}

.couponList span.order-gateway,
.couponList span.order-status {
	display: block;
	font-size: 12px;
}

.couponList .order-status {
	font-weight: bold;
}

h3.tplCouponTitle {
	width: 295px;
	font-size: 14px;
	font-weight: bold;
}

span.folder a {
	padding: 0 6px 0 0;
}

span.clock span {
	margin-top: 1px;
}


.couponList .live span.status,
.couponList .live_unreliable span.status {
	color: #33CC33;
}

.couponList .offline span.status {
	color: #bbbbbb;
}

.couponList .ended span.status,
.couponList .live_expired span.status {
	color: #666666;
}

.couponList .pending_moderation span.status {
	color: #FF9900;
}

.couponList .pending_payment span.status {
	color: #C00202;
}


ul.listing-actions,
ul.order-actions {
	margin: 0;
	padding: 0;
}

ul.listing-actions li,
ul.order-actions li {
	line-height: 1.5em;
	list-style: outside none none;
}

.listing-actions .edit,
.listing-actions .delete,
.listing-actions .pause,
.listing-actions .restart {
	display: inline-block;
	margin: 0 3px;
}

.listing-actions .edit a,
.listing-actions .delete a,
.listing-actions .pause a,
.listing-actions .restart a {
	display: block;
	height: 16px;
	width: 16px;
	overflow: hidden;
}

.listing-actions .edit a:before {
	content: "\f040";
}

.listing-actions .delete a:before {
	content: "\f00d";
}

.listing-actions .pause a:before {
	content: "\f04c";
}

.listing-actions .restart a:before {
	content: "\f04b";
}




.tplCouponTitle {
	width: 350px;
}

#your-profile {
	padding: 0;
}

table.form-table td {
	border: 0 solid #CCC;
	margin-bottom: 10px;
	padding: 5px;
}

table.form-table th {
	min-width: 115px;
	vertical-align: top;
	text-align: right;
	padding: 10px 10px 0 0;
}

p.message {
	background-color: #FFFFE0;
	border: 1px solid #E6DB55;
	padding: 3px 5px;
}

.field-hint {
	display: block;
	font-size: 10px;
	clear: both;
}

.attachment-post-thumbnail {
	margin-left: 60px;
	margin-top: 20px;
}


.loginForm .strength-meter {
	float: left;
	margin-left: 156px;
	max-width: 355px;
}

#content .loginForm .indicator-hint {
	float: left;
	margin-left: 0px;
	margin-bottom: 10px;
}

#pass-strength-result {
	float: left;
	margin: 12px 0 5px 1px;
	padding: 7px;
	text-align: center;
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-size: 13px;
	width: 350px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-weight: bold;
	max-width: 100%;
}

#pass-strength-result.good {
	background-color: #F9D936;
}

#pass-strength-result {
	background-color: #8a8a8a;
}

#pass-strength-result.bad {
	background-color: #F45435;
}

#pass-strength-result.strong {
	background-color: #6ABE59;
}

#pass-strength-result.short {
	background-color: #E51010;
}

#userphoto p.image {
	background-color: white;
	border: 1px solid #CCCCCC;
	float: left;
	margin-bottom: 0;
	margin-right: 20px;
	text-align: center;
	padding: 3px;
}

#userphoto p.image-thumb {
	float: left;
	margin-bottom: 0;
	margin-right: 20px;
	text-align: center;
	padding: 3px;
}

#userphoto p.image img {
	border: 1px solid #CCCCCC;
}

#loginForm span.description {
	display: inline-block;
	margin-left: 160px;
}

#user-photo {
	float: left;
	padding: 8px 15px 10px 0;
}

.author-main {
	margin-left: 90px;
	min-height: 140px;
}

ul.author-info {
	list-style: none outside none;
	padding: 0;
}

ul.author-info li {
	list-style: none outside none;
}

.twitterico,
.emailico,
.globeico,
.facebookico {
	float: left;
	height: 18px;
	width: 16px;
	padding-right: 4px;
}

.sidebox-content div.avatar {
	float: left;
	padding: 10px 0;
}

.sidebox-content div.avatar img.avatar {
	-moz-border-radius: 3px 3px 3px 3px;
	border: 1px solid #CCCCCC;
	float: left;
	margin: 0 10px 0 0;
	padding: 2px;
}

p.member-title {
	font-weight: bold;
	font-size: 14px;
}

ul.user-info {
	padding-left: 65px;
	margin: 3px 0 10px 5px;
}

ul.user-details li {
	background: none;
	border-bottom: none;
	padding: 0 0 7px;
}

ul.user-details li:hover {
	background: none;
}

ul.user-info li {
	background: none;
	border: none;
	padding: 3px 10px;
}

ul.user-info li:before,
ul.user-details li:before {
	content: "";
	margin: 0;
	padding: 0;
}

ul.user-info li:hover {
	background: none;
}



#pass1-text,
.show-password #pass1 {
	display: none;
}

.show-password #pass1-text {
	display: inline-block;
}

.registration .submit,
.reset-password .submit {
	clear: left;
}

.wp-hide-pw .dashicons {
	height: auto;
	width: auto;
	display: inline;
	font-size: 14px;
}



#footer p {
	margin: 0 0 8px;
	font-size: 14px;
	line-height: 24px;
	font-family: inherit;
}

#footer .panel {}

#footer .panel .panel-holder {
	overflow: hidden;
	margin: 0 auto;
	padding: 10px;
	font-size: 14px;
	line-height: 24px;
	font-family: inherit;
}

#footer .panel .box,
#footer .panel .sidebox {
	float: left;
	width: 23%;
	margin: 0 2% 0 0;
	padding: 10px 0;
	border: medium none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#footer .panel .sidebox {
	background: none;
	border: 0;
}

#footer .panel .box:last-child,
#footer .panel .sidebox:last-child {
	margin: 0;
}

#footer .panel .sidebox .sidebox-heading {
	background: none;
	padding: 0;
	border: none;
}

#footer .panel .popular {
	margin: 0 87px 0 0;
}

#footer .panel .contact {
	margin: 0;
}

#footer .panel .box h4,
#footer .panel .sidebox h2 {
	margin: 0 0 20px;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	font-family: inherit;
}


#footer .panel .box .text-holder {
	overflow: hidden;
	height: 1%;
	font-size: inherit;
	line-height: inherit;
	color: #555655;
}

#footer .panel .box .text-holder p {
	margin: 0 0 21px;
}

#footer .panel .box ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: inherit;
	line-height: inherit;
	color: #555655;
	overflow: hidden;
}

#footer .panel .box ul li {
	border-bottom: 1px dashed #DBDBDB;
	padding: 5px 0 8px;
	margin: 1px 0 -1px;
}

#footer .panel .box li p {
	margin: 0;
}

#footer .panel .sidebox,
#footer .panel .sidebox p,
#footer .panel .sidebox ul,
#footer .panel .sidebox ul li,
#footer .panel .sidebox a,
#footer .panel .box,
#footer .panel .box p,
#footer .panel .box li,
#footer .panel .box a,
#footer .panel .textwidget,
#footer .panel .textwidget p,
#footer .panel .textwidget ul,
#footer .panel .textwidget li,
#footer .panel .textwidget a,
#footer .panel .textwidget strong {
	font-size: inherit;
	line-height: inherit;
	font-family: inherit;
}

#footer .panel .box .contact-form .text {
	margin: 0 0 9px;
	padding: 6px 5px;
	width: 206px;
	font: italic 11px Arial, Helvetica, sans-serif;
	color: #4e4f50;
	border: none;
}

#footer .panel .box .contact-form .text input {
	width: 206px;
	font: italic 11px Arial, Helvetica, sans-serif;
	color: #4e4f50;
	border: none;
	padding: 6px 5px;
	margin: 0;
	background: none;
}

#footer .panel .box .contact-form .text-area {
	margin: 0;
	padding: 5px;
	width: 207px !important;
	height: 55px !important;
	border: none;
	font: italic 11px Arial, Helvetica, sans-serif;
	color: #4e4f50;
}

#footer .panel .box .contact-form .row {
	overflow: hidden;
	height: 1%;
}

#footer .panel .box .contact-form .btn-submit {
	float: right;
	border: medium none;
	text-decoration: none;
	cursor: pointer;
	height: 28px;
	margin: 5px 15px 0 0;
	padding: 0;
}

#footer .panel .box .contact-form .btn-submit span {
	float: left;
	cursor: pointer;
	margin: 0 -4px 0 0;
	padding: 8px 19px 7px 16px;
}

#footer .panel .box .contact-form .btn-submit:hover {
	color: #666;
	background-position: 0 -31px;
}

#footer .panel .box .contact-form .btn-submit:hover span {
	background-position: 100% -31px;
}

#footer .bar {
	background: #717271;
}

#footer .bar-holder {
	margin: 0 auto;
	overflow: hidden;
	color: #fff;
	padding: 16px 10px;
	width: 940px;
	font-size: 14px;
	line-height: 24px;
	font-family: inherit;
}

#footer .bar-holder p {
	margin: 0;
	font-size: inherit;
	line-height: inherit;
}

#footer .bar-holder a {
	color: #fff;
	text-decoration: underline;
}

#footer .bar-holder a:hover {
	text-decoration: none;
}

#footer .bar-holder ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	font-size: inherit;
	line-height: inherit;
}

#footer .bar-holder ul li {
	float: left;
	padding: 0 9px 0 0;
	font-size: inherit;
	line-height: inherit;
}

#footer .panel .box.widget_twitter ul li {
	line-height: normal;
}

#footer .panel .box.widget_twitter .follow-button,
#footer .panel .box.widget_twitter .xavisys-link {
	margin: 0;
}


.dmcaicon {
	float: left;
	height: 20px;
	width: 100px;
	background: url(/wp-content/themes/flatter/images/global_sprite.png) -146px 0px no-repeat;
}


.loading {
	display: none;
	clear: both;
	background: url(images/loading.gif) center top no-repeat;
	text-align: center;
	padding: 10px 0px;
	margin: 15px 0 10px;
}


.ui-tabs {
	position: relative;
	padding: .2em;
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 1px;
	border-bottom: 0 !important;
	white-space: nowrap;
	margin: 0 .2em 1px 0;
	padding: 0;
}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	text-decoration: none;
	padding: .5em 1em;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	margin-bottom: 0;
	padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: text;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
	display: block;
	background: none;
	border-width: 0;
	padding: 1em 1.4em;
}

.ui-tabs .ui-tabs-hide {
	display: none !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	background: #f4f4f4 !important;
}

.blue .content-box .item .item-panel h3 a,
.blue .content-box .item .item-panel h3 a:hover {
	color: #1071b3;
}

.red .content-box .item .item-panel h3 a,
.red .content-box .item .item-panel h3 a:hover {
	color: #810015;
}

.orange .content-box .item .item-panel h3 a,
.orange .content-box .item .item-panel h3 a:hover {
	color: #bb3602;
}

.green .content-box .item .item-panel h3 a,
.green .content-box .item .item-panel h3 a:hover {
	color: #477400;
}

.gray .content-box .item .item-panel h3 a,
.gray .content-box .item .item-panel h3 a:hover {
	color: #4c4c4c;
}



.content-box .orders-legend h4 {
	margin: 0;
}


#coupon-fields .featured-head {
	float: left;
}

.content-box .grouplinks {
	float: left;
	margin-bottom: 20px;
}

.content-box .grouplinks a {
	float: left;
	border: 1px solid #DDDDDD;
	display: block;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	width: 12px;
	height: 12px;
	margin: 15px 15px 0;
	padding: 10px 10px;
	text-decoration: none;
}

.content-box .grouplinks a:hover {
	color: #fff;
	background: #3f51b5;
	border: 1px solid #3f51b5;
}

.header_menu {
	clear: both;
}


.header_menu_res {
	margin: 0 auto;
	width: 940px;
	padding: 0px 0;
}

.header_menu_res .obtn {
	float: right;
	padding: 0;
	width: 170px;
	margin-top: -12px;
	font-size: 16px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: -30px;
	color: #3f51b5;
}

.header_menu_res .obtn:hover {
	transition: opacity 300ms ease-out;
	-webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	-ms-transition: opacity 300ms ease-out;
	-o-transition: opacity 300ms ease-out;
	-moz-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
	-webkit-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
}

.header_menu_res a.menu-toggle {
	display: none;
	background: #cbcbcb;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 15px;
	font-size: 18px;
	line-height: normal;
	border-radius: 4px;
}

.header_menu_res a.menu-toggle:hover {
	text-decoration: none;
}

.header_menu_res a.menu-toggle i {
	float: right;
	font-size: 24px;
}

.header_menu_res ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 99;
	line-height: 1;
	font: normal 13px Ubuntu, HelveticaLTStdRoman, Arial, Helvetica, sans-serif;
}

.header_menu_res ul.menu {
	margin: 7px 0;
}

.header_menu_res ul a {
	padding: 6px 15px;
	position: relative;
	color: #191919;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	display: block;
	line-height: 18px;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.header_menu_res ul li {
	float: left;
	margin: 0 6px 0 0;
	width: auto;
	z-index: 999;
	text-transform: uppercase;
}

.header_menu_res ul li.active a {
	color: #fff;
	background: #3f51b5;
}

.header_menu_res ul.menu>li:hover>a {
	background-color: #fff;
	color: #333;
}

.header_menu_res ul.sub-menu {
	background: #fff;
	position: absolute;
	display: none;
	width: 180px;
	border: 1px solid #eee;
	border-top: none;
	border-width: 1px 1px 0;
	z-index: 999;
	display: none;
	position: absolute;
	margin: -4px 0 0;
	-khtml-border-radius: 0 3px 3px 3px;
	-moz-border-radius: 0 3px 3px 3px;
	-webkit-border-radius: 0 3px 3px 3px;
	border-radius: 0 3px 3px 3px;
	width: 200px;
	-moz-box-shadow: 0 1px 0 1px #CBD8D8;
	-webkit-box-shadow: 0 1px 0 1px #CBD8D8;
	-khtml-box-shadow: 0 1px 0 1px #CBD8D8;
	box-shadow: 0 1px 0 1px #CBD8D8;
}

.header_menu_res li:hover ul.sub-menu {
	display: block;
}

.header_menu_res ul.sub-menu li {
	margin: 0;
	padding: 0px;
	float: none;
	text-transform: none;
	font-weight: normal;
}

.header_menu_res ul.sub-menu li a {
	background: none;
	padding: 7px 12px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-size: 12px;
	color: #555555;
}

.header_menu_res ul.sub-menu li:hover a,
.header_menu_res ul.menu ul.sub-menu li ul.sub-menu li:hover a {
	text-decoration: none;
	background: #f4f4f4;
	color: #555655;
	font-size: 12px;
}

.header_menu_res ul.menu ul.sub-menu li ul.sub-menu {
	display: none;
	top: 5px;
	left: 190px;
	-khtml-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	-moz-box-shadow: 1px 1px 0 1px #CBD8D8;
	-webkit-box-shadow: 1px 1px 0 1px #CBD8D8;
	-khtml-box-shadow: 1px 1px 0 1px #CBD8D8;
	box-shadow: 1px 1px 0 1px #CBD8D8;
}

.header_menu_res ul.menu ul.sub-menu li:hover ul.sub-menu {
	display: block;
}

.header_menu_res ul.menu ul.sub-menu li ul.sub-menu li a {
	background: #fff;
}


div.adv_taxonomies {
	margin: -4px 0 0 1px;
	display: none;
	padding: 0 5px 8px;
	position: absolute;
	background: #fff;
	border: 1px solid #eee;
	border-top: none;
	z-index: 998;
	-moz-box-shadow: 0 1px 0 1px #CBD8D8;
	-webkit-box-shadow: 0 1px 0 1px #CBD8D8;
	-khtml-box-shadow: 0 1px 0 1px #CBD8D8;
	box-shadow: 0 1px 0 1px #CBD8D8;
}

.header_menu .menu li:hover .adv_taxonomies {
	display: block;
}

div.adv_taxonomies ul {
	position: relative;
	background: none;
	border: none;
	left: 0;
}

div.adv_taxonomies ul li {
	border: none;
	font-size: 12px;
}

div.adv_taxonomies ul li a {
	display: block;
}

div.adv_taxonomies .catcol {
	float: left;
	padding: 0 12px 0 12px;
	width: 200px;
	border-left: none;
	vertical-align: top;
	margin-top: 20px;
}

div.adv_taxonomies .catcol ul {
	padding: 8px 0;
	list-style: none;
}

div.adv_taxonomies .catcol ul li {
	float: none;
	margin: 0;
	padding: 0;
}

div.adv_taxonomies .catcol ul li a {
	margin: 0;
	padding: 4px 0;
	color: #545454;
	text-decoration: none;
	background: none;
}

div.adv_taxonomies .catcol ul.maincat-list {
	margin: 0;
	padding: 0;
}

div.adv_taxonomies .catcol ul li.maincat {
	width: 180px;
	padding: 0;
	margin-bottom: 0;
	clear: both;
	text-transform: none;
	font-size: 13px;
}

div.adv_taxonomies .catcol ul li.maincat a {
	background: none;
	line-height: 20px;
	clear: left;
	display: inline-block;
}

div.adv_taxonomies .catcol ul li.maincat>a {
	color: #555655;
	font-size: 12px;
}

div.adv_taxonomies .catcol ul li.maincat a:hover {
	background: none;
	text-decoration: underline !important;
}

div.adv_taxonomies .catcol ul li.maincat>ul.subcat-list {
	margin-bottom: -3px;
	padding-bottom: 8px;
	padding-top: 0;
	padding-left: 15px;
}

div.adv_taxonomies .catcol ul.subcat-list {
	padding: 5px;
	width: auto;
	background-color: #FFFFFF;
	float: none;
}

div.adv_taxonomies .catcol ul.subcat-list ul.subcat-list {
	margin: 0;
}

div.adv_taxonomies .catcol ul li.cat-item {
	clear: both;
	width: auto;
	padding: 0 0 0 12px;
	font-size: 12px;
	text-transform: none;
	float: left;
}

div.adv_taxonomies .catcol ul li.cat-item a {
	display: inline;
	padding: 0;
	line-height: 20px;
}

div.adv_taxonomies .catcol ul li.cat-item a:hover {
	text-decoration: underline !important;
}

div.adv_taxonomies .first {
	border-left: none;
}




ul.store-thumb-list {
	margin: 20px -25px 0 0;
}

ul.store-thumb-list li {
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
	width: 116px;
	background-position: center center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-color: #fff;
	height: 116px;
}

ul.store-thumb-list li a {
	width: 100%;
	height: 100%;
	line-height: 110px;
	background: #3f51b5;
	color: #fff;
	text-align: center;
	display: none;
	text-decoration: none;
	font-size: 12px;
}

ul.store-thumb-list li a span {
	font-size: 16px;
}

ul.store-thumb-list li:hover a {
	display: block;
}


.fl-coupon-popup {
	padding: 15px 5px 0;
	font-size: 14px;
}

.fl-coupon-popup input[type="text"] {
	font-size: 20px;
	margin-top: 10px;
}

.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

@media screen and (min-width: 1140px) {

	.extra-width .frame,
	.extra-width .header_menu_res,
	.extra-width #content-fullwidth,
	.extra-width #main,
	.extra-width #footer .panel .panel-holder,
	.extra-width #footer .bar-holder {
		width: 1200px;
	}


	.extra-width .featured-slider .slide {
		margin-left: -16px;
	}


	.extra-width .featured-slider .slider li {
		margin: 0 16px;
		width: auto;
	}

	.extra-width .featured-slider .slider li .wrapper {
		padding: 19px 36px;
		width: 182px;
	}

	.thumbsup-vote .frame {
		width: 100px;
	}

	.extra-width p.desc {
		font-size: 13px;
	}

	.extra-width #content {
		width: 860px;
	}

	.extra-width #sidebar {
		width: 320px;
	}

	#sidebar {
		width: 25%;
	}

	#content {
		width: 73%;
	}

}



@media screen and (max-width: 960px) {
	.tb-hide-on-mobile {
		display: none !important;
	}

	#main {
		width: 96%;
	}

	body {
		font: 16px/24px Ubuntu, Helvetica, Arial, sans-serif;
	}

	.entry-title {
		font-weight: 600;
		margin-top: 50px;
		line-height: 32px;
		font-size: 28px;
	}

	.content-box .head h2 {
		font-size: 18px;
	}

	.content-box .store-name a {
		font-size: 18px;
	}

	.frame {
		width: 95%;
	}

	#footer .bar-holder {
		width: 96%;
	}

	#footer .bar-holder ul {
		padding: 20px 25px 0;
		float: left;
	}

	.header_menu_res {
		width: 100%;
	}

	#footer .bar-holder p {
		margin: 50px 25px 20px;
	}

	.content-box .store-holder {
		width: 120px;
		left: 10px;
	}

	.content-box .item img {
		width: 100%;
	}

	.content-box ul.stores li,
	.content-box ul.categories li {
		width: 150px;
	}

}



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

	.frame,
	.header_main_res,
	#content-fullwidth,
	#main,
	#footer .bar-holder,
	#footer .panel .panel-holder {
		width: auto;
	}


	.content-box .item-frame,
	.content-box .store .info,
	.coupon-main {
		width: 100%;
	}

	.content-box .item-frame {
		padding-left: 200px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		margin-bottom: 20px;
		min-height: 140px;
	}

	.content-box .item-actions {
		float: left;
		padding-left: 200px;
		width: 30%;
		position: relative;
		margin-top: -30px;
		height: 100%;
	}


	#header .panel #nav {
		display: none;
	}

	.tinynav {
		display: inline-block;
		margin: 10px 0;
		min-width: 200px;
	}

	#featured .featured-slider,
	#featured .featured-slider .gallery-holder {
		width: auto;
		float: none;
	}

	#featured .featured-slider .gallery-holder {
		left: 0;
		padding: 0 36px;
		margin: 0 auto;
	}

	#featured .featured-slider .slide {
		max-width: 678px;
		margin: 0 auto;
	}




	.featured-slider .link-l {
		left: 0;
	}

	.featured-slider .link-r {
		right: 0;
	}

	.featured-slider .slider li {
		width: auto;
	}

	.featured-slider .slider li .wrapper {
		padding: 19px 13px;
	}

	ul.store-thumb-list li {
		margin-right: 15px;
		margin-bottom: 15px;
	}

	#content,
	#sidebar {
		width: auto;
		float: none;
		margin-right: 0;
		margin-left: 0;
	}

	#content:after {
		display: table;
		content: "";
		clear: both;
	}

	#main {
		padding-bottom: 20px;
	}

	#footer .panel .box,
	#footer .panel .sidebox {
		width: 30%;
		padding-right: 3%;
	}

	#footer .bar-holder ul {
		margin: 0;
	}


	body.responsive-menu .header_menu_res .tinynav {
		display: none;
	}

	.header_top_res #nav {
		display: none;
	}

	.header_menu_res {
		padding: 10px;
		width: auto;
	}

	.responsive-menu .header_menu_res a.menu-toggle {
		display: block;
	}

	.header_menu_res ul.menu {
		display: none;
		float: none;
		margin-top: 0;
		border-top: 1px solid #fff;
	}

	div.adv_taxonomies,
	.header_menu_res ul.menu ul.sub-menu ul.sub-menu {
		display: none !important;
	}

	.header_menu_res ul.menu li {
		float: none;
		margin: 0;
		border-bottom: 1px solid #fff;
		z-index: 1;
	}

	.header_menu_res ul.menu li a {
		border-radius: 0;
		background: #ddd;
		z-index: 100;
		padding: 10px 15px;
	}

	.header_menu_res ul.menu ul.sub-menu {
		width: auto;
		position: static;
		border: 0 none;
		float: none;
		margin: 0;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		z-index: 1;
	}

	.header_menu_res ul.menu>li:hover {
		background: #fff;
	}

	.header_menu_res ul.menu>li:hover>a {
		background: none;
	}

	.header_menu_res ul.menu ul.sub-menu li a {
		background: #f4f4f4;
	}

	body .header_menu_res .obtn {
		margin-top: 10px;
	}


	#content-fullwidth .content-box .grid .item {
		width: 32%;
	}

	#content-fullwidth .content-box .grid .item:nth-child(4n+1) {
		margin-right: 2%;
	}

	#content-fullwidth .content-box .grid .item:nth-child(3n+1) {
		margin-right: 0;
	}

	.content-box .grid .store-holder {
		width: 182px;
		max-width: 100%;
	}

	.content-box .grid .item img {
		max-width: 100%;
	}

	.store-info-panel {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.store-snapshot-row {
		gap: 10px;
	}

	.store-snapshot-label {
		flex-basis: 110px;
		width: 110px;
	}

	.store-info-1 {
		flex-direction: column;
	}

	.ext-row-show {
		flex-direction: column;
	}

	.ext-logo {
		width: 100px;
	}


}

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

	#logo {
		width: 200px;
		height: 62px;
	}

	#header .search-box {
		max-width: 100%;
		width: 100%;
	}

	#featured .featured-slider .slide {
		max-width: 452px;
	}

	.item-panel {
		font-size: 13px;
		margin: 0 0 18px;
	}

	.couponAndTip .coupon-code-link i {
		display: none;
	}

	.content-box p.tag,
	.content-box .reports_wrapper {
		display: none;
	}

	#content .wp-caption {
		max-width: 95%;
	}

	#content .wp-caption img {
		max-width: 95%;
	}

	#footer .panel .subscribe-form .text input {
		width: 160px;
	}

	button.reg,
	button.forgot,
	button.login {
		margin-right: 0;
	}

	li.description span.mceEditor {
		display: block;
		clear: right;
	}


	.content-box .grid .item {
		padding: 10px;
	}

	.content-box .grid .store-image {
		height: auto;
	}


	.directory .catcol {
		width: 50%
	}
}

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


	#logo a,
	#logo img {
		display: inline-block;
		max-width: 100%;
	}


	#header .panel {
		text-align: center;
	}

	#header .bar {
		margin: 0 auto;
		float: none;
		clear: both;
		display: block;
	}

	#header .panel .add-nav {
		float: left;
	}

	#header .panel .add-nav li:last-child:after {
		content: "";
		margin-left: 0;
	}

	#featured .featured-slider .slide {
		max-width: 226px;
	}

	.header_menu_res ul a {
		font-size: 13px;
	}


	.content-box .store-holder {
		margin-left: 0px;
	}


	.content-box .store-holdercoupon {
		width: 100px;
		left: 20px;
	}

	.new-codes-dis-b {
		margin: 10px;
	}

	.content-box h1 {
		line-height: 1.2em;
		font-size: 2em;
	}

	.content-box h2,
	.content-box h3,
	.content-box h4,
	.content-box h5,
	.content-box h6 {
		line-height: 1.2em;
		font-size: 18px;
	}

	.content-box h3,
	.content-box h4 {
		font-weight: 700;
	}

	.store-imagecoupon {
		border: 2px dashed #cbd8d8;
		width: 100%;
		text-align: center;
		border-top-right-radius: 4px;
		border-top-left-radius: 4px;
		height: 75px;
	}


	.content-box .item-frame,
	.content-box .store .info {
		width: auto;
		padding-left: 120px;
		min-height: 50px;
	}


	.coupon-main {
		padding: 100px 0 0;
	}

	.content-box .item-actions {
		float: none;
		padding: 0px;
		width: auto;
		clear: both;
		margin: 0;
	}

	.content-box .item-actions .thumbsup-vote {
		float: none;
	}



	.content-box .item-footer {
		width: auto;
	}

	p.meta,
	p.comment-count {
		float: none;
	}

	.comments-list {
		margin-right: 0;
	}

	#respond {
		float: none;
		margin: 0;
	}

	#respond p.comment-text {
		float: none;
		margin-right: 0;
		width: auto;
	}

	.comments-box .comments ul {
		padding-left: 10px;
	}

	span.date-wrap i,
	.comments-list p.links i {
		display: none;
	}

	#couponForm label,
	#loginForm label,
	#commentForm label,
	.commentForm label,
	#coupon-fields .featured-head h3 {
		text-align: left;
		margin-bottom: 5px;
	}

	#couponForm p.tip {
		padding-left: 0;
	}

	#loginForm span.description,
	button.profile {
		margin-left: 0;
	}

	.loginForm .strength-meter {
		margin-left: 0;
		max-width: 100%;
	}

	div.invalid {
		margin-left: 0;
	}

	li#rememberme,
	li#lostpass,
	li#register,
	li#facebook {
		margin-left: 0;
	}

	.couponList {
		margin: 0;
		border-top: medium none;
	}

	.page-template-tpl-user-orders-php .couponList {
		margin: 0;
	}

	.couponList .col2 {
		padding-left: 10px;
		padding-right: 0;
	}

	.couponList .col1,
	.couponList .col3 {
		display: none;
		padding-bottom: 0;
		border-bottom: none;
	}

	#footer,
	#footer .panel,
	#footer .panel .panel-holder {
		height: auto;
	}

	#footer .panel .box,
	#footer .panel .sidebox {
		width: auto;
		padding: 20px 10px;
		margin: 0;
		border-bottom: 5px solid #3f51b5;
		float: none;
	}

	.header_menu_res {
		text-align: center;
	}

	.header_menu_res a.menu-toggle {
		margin-bottom: 10px;
		text-align: left;
	}

	.header_menu_res ul.menu {
		margin-top: -10px;
		margin-bottom: 10px;
		text-align: left;
	}

	.tinynav {
		margin-left: auto;
		margin-right: auto;
		float: none;
	}

	.header_menu_res .obtn {
		margin: 0 auto 10px;
		float: none;
	}


	#content .content-box .grid .item,
	#content-fullwidth .content-box .grid .item {
		width: 49%;
	}

	#content .content-box .grid .item:nth-child(3n+1),
	#content-fullwidth .content-box .grid .item:nth-child(3n+1) {
		margin-right: 2%;
	}

	#content .content-box .grid .item:nth-child(2n+1),
	#content-fullwidth .content-box .grid .item:nth-child(2n+1) {
		margin-right: 0;
	}

}

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

	#logo img {
		margin: 0 auto;
	}

	p.meta span {
		display: block;
		margin-bottom: 5px;
	}

	p.meta span span {
		display: inline;
	}

	.blog .content-bar i.fa-folder-open {
		margin-left: 0;
	}

	.user-bar a.btn {
		display: none;
	}

	#content .tags,
	#content .stats,
	.user-bar .inner-social {
		line-height: normal;
		clear: both;
		float: none;
		margin-bottom: 5px;
	}



	.content-box .item .store-holder {
		text-align: center;
		margin-bottom: 5px;
		min-height: 0;
		position: static;
		width: auto;
		float: none;
		max-width: none;
	}

	.content-box .item .store-holder .store-image {
		width: 180px;
		height: 110px;
		margin: 0 auto;
	}

	.content-box .item .store-holder .store-name {
		margin-top: 0;
		font-size: 12px;
		text-align: center;
	}



	.content-box .item-frame {
		min-height: 0;
	}

	.content-box .store .store-holder {
		display: none;
	}



	.content-box .item-actions p.time-left {
		margin-top: 10px;
	}

	#content .content-box ul.social li.stats {
		display: none;
	}

	.head .counter,
	.head .counter-red {
		padding: 0;
		margin: 0;
		float: none;
		clear: both;
	}

	.comments-box .items .rt img.avatar {
		display: none;
	}

	.comments-box .comments .bar,
	.comments-box .comments .items p,
	.comments-mini p {
		margin-left: 0;
	}

	span.date-wrap {
		display: block;
		clear: both;
		float: none !important;
	}

	.couponList th.col4,
	.couponList th.col5 {
		display: none;
	}

	.couponList tr:hover {
		background: none
	}

	.couponList tr:after {
		content: " ";
		visibility: hidden;
		display: block;
		height: 0;
		clear: both;
	}

	.couponList .col2,
	.couponList td.col4,
	.couponList td.col5 {
		display: block;
		width: auto;
		max-width: 100%;
		text-align: left;
		border-bottom: medium none;
		padding-bottom: 0;
	}

	.couponList td.col5 {
		border-bottom: 1px solid #EEEEEE;
		padding-bottom: 10px;
	}

	#couponForm p.info {
		padding-left: 0;
		clear: both;
	}


	#content .content-box .grid .item,
	#content-fullwidth .content-box .grid .item {
		width: auto;
		float: none;
	}

	#content .content-box .grid .item:nth-child(3n+1),
	#content-fullwidth .content-box .grid .item:nth-child(3n+1) {
		margin-right: 0;
	}




	.directory .catcol {
		width: auto;
		float: none;
	}

}

.content-box .coupon-card-report .reports_wrapper,
.content-box .coupon-card-report .reports_form_link {
	display: inline-block;
}

.content-box .coupon-card-taxonomy {
	display: flex;
	align-items: center;
	margin: 8px 0 0;
}

.content-box .coupon-card-taxonomy strong {
	color: #333b4f;
	font-weight: 700;
}

/* --- Custom CSS moved from header.php --- */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

/* GLOBAL TYPOGRAPHY */
h1,
h2,
h3,
h4,
h5,
h6,
.entry-title,
.store-archive-heading,
.store-live-section-heading {
	font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
}

h1,
h2,
h3,
.entry-title,
.store-archive-heading,
.store-live-section-heading {
	color: #0f172a !important;
	font-weight: 800 !important;
}

/* HEADER LAYOUT */
#header {
	background: #ffffff !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
	position: relative;
	z-index: 9999;
}

#header .holder.holder-logo {
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
}

#header .frame.header-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	max-width: 100%;
	box-sizing: border-box;
}

/* SITE LOGO */
.site-logo {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

/* SEARCH BOX — styles consolidated in style.css */

/* NAV MENU */
#header .header_menu {
	border-top: 1px solid #f1f5f9;
}

#header .header_menu_res {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
}

#header .header_menu ul.menu {
	display: flex;
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	gap: 5px;
	align-items: center;
}

#header .header_menu ul.menu>li {
	margin: 0 !important;
	border: none !important;
	background: transparent !important;
	padding: 0 !important;
	position: relative;
}




#header .header_menu ul.menu>li>a {
    display: block;
    font-weight: 800 !important;
    font-size: .82rem !important;
}

#header .header_menu ul.menu>li>a:hover {
	color: #3f51b5 !important;
}

/* Fix Mega Menu Width */
div.adv_taxonomies {
	width: max-content !important;
	min-width: 600px;
	padding: 15px !important;
	border-radius: 8px !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
}

div.adv_taxonomies::after {
	content: "";
	display: table;
	clear: both;
}

#header .menu-toggle {
	display: none;
}

@media(max-width: 992px) {
	#header .holder.holder-logo {
		padding: 12px 16px;
		overflow: hidden;
	}

	#header .frame.header-bar {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}

	.site-logo {
		justify-content: center;
	}

	#logo {
		width: 250px;
		height: 76px;
	}

	#header .search-box {
		max-width: 100% !important;
		width: 100% !important;
		flex: none !important;
		float: none !important;
		box-sizing: border-box !important;
	}

	#header .search-box form.search {
		width: 100%;
	}

	#header .search-box input[type="search"],
	#header .search-box input.text {
		width: 100% !important;
		box-sizing: border-box !important;
	}

	#header .header_menu_res {
		flex-direction: column;
		align-items: flex-start;
		padding: 10px 16px;
	}

	#header .header_menu ul.menu {
		flex-direction: column;
		width: 100%;
		display: none;
	}

	#header .menu-toggle {
		display: block;
		padding: 10px 0;
		color: #0f172a !important;
		font-weight: 800;
	}

	#header .tb-hide-on-mobile {
		display: none !important;
	}
}


/* --- Custom CSS moved from footer.php --- */

/* PREMIUM MODERN FOOTER REDESIGN */
#footer {
	background: var(--hr-footer-bg, #0f172a); /* token-hoá: nền footer (palette-overridable) */
	color: #94a3b8;
	padding: 80px 0 0;
	font-family: inherit;
	border-top: 4px solid var(--hr-footer-accent, #3b82f6); /* token-hoá: accent border-top */
	margin-top: 60px;
}

.footer-top {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px 60px;
}

/* Fix Widget Layout Grid */
.ot-footer-widgets {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 50px;
}

.ot-footer-widgets .widget,
.ot-footer-widgets .widget-container {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Typography & Colors for Widgets */
.ot-footer-widgets,
.ot-footer-widgets p,
.ot-footer-widgets span,
.ot-footer-widgets div {
	color: #94a3b8 !important;
	font-size: 0.95rem;
	line-height: 1.6;
}

.ot-footer-widgets h2,
.ot-footer-widgets h3,
.ot-footer-widgets .widget-title {
	color: #ffffff !important;
	font-size: 1.15rem !important;
	font-weight: 800 !important;
	margin-bottom: 25px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	border: none !important;
	padding: 0 !important;
	background: transparent !important;
	position: relative;
	display: inline-block;
}

/* Fancy underline for widget titles */
.ot-footer-widgets h2::after,
.ot-footer-widgets h3::after,
.ot-footer-widgets .widget-title::after {
	content: '';
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 40px;
	height: 3px;
	background: var(--hr-footer-accent, #3b82f6); /* token-hoá: underline title widget */
	border-radius: 2px;
}

/* List Styling */
.ot-footer-widgets ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.ot-footer-widgets ul li {
	padding: 0 0 12px !important;
	margin: 0 0 12px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
	background: transparent !important;
}

.ot-footer-widgets ul li:last-child {
	border-bottom: none !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.ot-footer-widgets ul li a,
.ot-footer-widgets a {
	color: #cbd5e1 !important;
	text-decoration: none !important;
	transition: all 0.3s !important;
	display: inline-block;
}

.ot-footer-widgets ul li a:hover,
.ot-footer-widgets a:hover {
	color: var(--hr-footer-accent, #3b82f6) !important; /* token-hoá: link hover footer */
	transform: translateX(5px);
}

/* Bottom Bar */
.footer-bottom {
	background: var(--hr-footer-deep, #0b1120); /* token-hoá: nền bar dưới cùng */
	padding: 30px 20px;
	text-align: center;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.footer-bottom-holder {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

.footer-nav ul#menu-footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 25px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-nav ul#menu-footer li {
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
}

.footer-nav ul#menu-footer li a {
	color: #94a3b8;
	font-size: 0.9rem;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	transition: color 0.3s;
	letter-spacing: 0.5px;
}

.footer-nav ul#menu-footer li a:hover {
	color: var(--hr-footer-accent, #3b82f6); /* token-hoá: nav hover */
}

.footer-copy {
	font-size: 0.85rem;
	color: #475569;
	margin: 0;
}

.footer-copy a {
	color: #94a3b8;
	text-decoration: none;
	transition: color 0.3s;
}

.footer-copy a:hover {
	color: var(--hr-footer-accent, #3b82f6); /* token-hoá: copy link hover */
}

@media (max-width: 768px) {
	.ot-footer-widgets {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}

	.footer-nav ul#menu-footer {
		gap: 12px;
	}
}

@media (max-width: 480px) {
	.ot-footer-widgets {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.ot-footer-widgets h2,
	.ot-footer-widgets h3,
	.ot-footer-widgets .widget-title {
		font-size: 1rem !important;
	}
}

/* Unified Breadcrumb Styles */
.site-breadcrumb {
    margin-bottom: 20px;
    font-size: 14px;
    color: #666;
}
.site-breadcrumb .breadcrumb-sep {
    margin: 0 5px;
}
.site-breadcrumb .breadcrumb-current {
    color: #333;
}
.site-breadcrumb .breadcrumb-link {
    color: var(--hr-blue); /* token-hoá: breadcrumb link (palette-overridable) */
    text-decoration: none;
}
.site-breadcrumb .breadcrumb-link:hover {
    text-decoration: underline;
}

/* Header rebuild to match provided screenshot */
html,
body,
#page {
	max-width: 100%;
	overflow-x: hidden;
}

#header { background: #fff !important; border-bottom: 1px solid #eef2f7 !important; box-shadow: 0 1px 0 rgba(15,23,42,.03) !important; position: relative; z-index: 50; }
#header .holder-logo { background: #fff !important; padding: 0 !important; }
#header .header-bar { max-width: 1220px; min-height: 92px; margin: 0 auto !important; padding: 0 22px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 28px !important; box-sizing: border-box !important; }
#header .hr-header-brand { display: inline-flex !important; align-items: center !important; gap: 2px !important; flex: 0 0 auto !important; text-decoration: none !important; min-width: 310px !important; }
#header .hr-header-brand .hr-brand-mark { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 80px !important; height: 80px !important; flex: 0 0 80px !important; }
#header .hr-header-brand .hr-brand-mark svg,
#header .hr-header-brand .hr-brand-mark img { display: block !important; width: 80px !important; height: 80px !important; }
#header .hr-header-brand .hr-brand-text { display: inline-flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; margin-left: 8px !important; letter-spacing: -0.5px !important; font-family: Ubuntu, Arial, Helvetica, sans-serif !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.15 !important; white-space: nowrap !important; }
#header .hr-header-brand .hr-brand-text strong { display: block !important; color: var(--hr-blue, #1f9fd4) !important; font-weight: 900 !important; }
#header .hr-header-brand .hr-brand-text em { display: block !important; color: var(--hr-orange, #f45435) !important; font-style: normal !important; font-weight: 900 !important; }
#header .hr-header-nav { display: flex !important; align-items: center !important; justify-content: center !important; flex: 1 1 auto !important; }
#header .hr-header-nav .menu-toggle { display: none !important; }
#header .hr-header-nav ul { display: flex !important; align-items: center !important; justify-content: center !important; gap: 34px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; float: none !important; }
#header .hr-header-nav li { position: relative !important; margin: 0 !important; padding: 0 !important; float: none !important; list-style: none !important; }
#header .hr-header-nav a { display: inline-flex !important; align-items: center !important; padding: 34px 0 !important; color: #374151 !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
#header .hr-header-nav a:hover, #header .hr-header-nav .current-menu-item > a, #header .hr-header-nav .current_page_item > a { color: #3f51b5 !important; }
#header .search-box { position: relative !important; flex: 0 0 290px !important; max-width: 290px !important; width: 290px !important; margin: 0 !important; border: none !important; float: none !important; }
#header .search-box form.search { position: relative !important; display: flex !important; align-items: center !important; width: 100% !important; margin: 0 !important; }
#header .search-box input[type="search"], #header .search-box input.text { width: 100% !important; height: 44px !important; padding: 10px 54px 10px 16px !important; border: 1px solid #e5eaf3 !important; border-radius: 14px 0 0 14px !important; background: #f8fafc !important; color: #475569 !important; font-size: 14px !important; font-weight: 400 !important; box-shadow: none !important; box-sizing: border-box !important; outline: none !important; -webkit-appearance: none !important; }
#header .search-box input[type="search"]:focus, #header .search-box input.text:focus { background: #fff !important; border-color: #d8def0 !important; box-shadow: none !important; }
#header .search-box .btn-submit { position: absolute !important; right: 0 !important; top: 0 !important; transform: none !important; width: 42px !important; height: 44px !important; padding: 0 !important; margin: 0 !important; border: none !important; border-radius: 0 14px 14px 0 !important; background: #4f63e7 !important; color: #fff !important; box-shadow: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 0 !important; cursor: pointer !important; z-index: 2 !important; line-height: 1 !important; }
#header .search-box .btn-submit:hover { background: #3f51b5 !important; color: #fff !important; }
#header .search-box .btn-submit i { display: inline-block !important; font-size: 16px !important; color: #fff !important; line-height: 1 !important; }
#header .search-box .btn-submit span { display: none !important; }

/* Header search button: orange pill like reference image 2 */
#header .search-box { flex: 0 0 300px !important; max-width: 300px !important; width: 300px !important; }
#header .search-box form.search { position: relative !important; display: block !important; width: 100% !important; height: 44px !important; }
#header .search-box input[type="search"], #header .search-box input.text { position: relative !important; z-index: 1 !important; display: block !important; width: 100% !important; height: 44px !important; padding: 10px 112px 10px 18px !important; border-radius: 999px !important; background: #f8fafc !important; border: 1px solid #e5eaf3 !important; }
#header .search-box .btn-submit { position: absolute !important; right: 6px !important; top: 50% !important; bottom: auto !important; left: auto !important; transform: translateY(-50%) !important; width: auto !important; min-width: 92px !important; height: 34px !important; padding: 0 18px !important; border-radius: 999px !important; background: var(--hr-search-btn) !important; color: #ffffff !important; box-shadow: 0 8px 18px rgba(var(--hr-orange-rgb), 0.22) !important; font-size: 13px !important; font-weight: 800 !important; z-index: 5 !important; }
#header .search-box .btn-submit:hover { background: var(--hr-search-btn-hover) !important; color: #ffffff !important; }
#header .search-box .btn-submit i { display: none !important; }
#header .search-box .btn-submit span { display: inline-block !important; color: #ffffff !important; font-weight: 800 !important; text-indent: 0 !important; position: static !important; width: auto !important; height: auto !important; overflow: visible !important; }
#header .hr-header-share-coupon { display: none !important; }

/* Restore original submenu dropdown behavior inside rebuilt header */
#header .hr-header-nav ul.menu { display: flex !important; align-items: center !important; justify-content: center !important; gap: 34px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; float: none !important; }
#header .hr-header-nav ul.menu > li { position: relative !important; display: block !important; flex: 0 0 auto !important; }
#header .hr-header-nav ul.menu > li > a { display: inline-flex !important; align-items: center !important; padding: 34px 0 !important; }
#header .hr-header-nav ul.sub-menu { position: absolute !important; top: 100% !important; left: 0 !important; display: none !important; width: 220px !important; min-width: 220px !important; margin: 0 !important; padding: 8px 0 !important; list-style: none !important; background: #ffffff !important; border: 1px solid #eef2f7 !important; border-radius: 12px !important; box-shadow: 0 18px 45px rgba(15, 23, 42, 0.12) !important; z-index: 9999 !important; gap: 0 !important; float: none !important; }
#header .hr-header-nav li:hover > ul.sub-menu { display: block !important; }
#header .hr-header-nav ul.sub-menu li { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; float: none !important; text-transform: none !important; }
#header .hr-header-nav ul.sub-menu li a { display: block !important; width: 100% !important; padding: 11px 16px !important; color: #374151 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.25 !important; text-align: left !important; box-sizing: border-box !important; white-space: nowrap !important; background: transparent !important; }
#header .hr-header-nav ul.sub-menu li a:hover { color: #3f51b5 !important; background: #f8fafc !important; }
#header .hr-header-nav ul.sub-menu ul.sub-menu { top: -8px !important; left: 100% !important; margin-left: 8px !important; }
/* Final desktop width lock: logo-left to search-right is exactly 1200px */
@media screen and (min-width: 1025px) {
	#header .holder-logo { width: 100% !important; }
	#header .header-bar { width: 1200px !important; max-width: 1200px !important; min-height: 92px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; gap: 18px !important; }
	#header .hr-header-brand { min-width: 292px !important; margin-left: 0 !important; }
	#header .hr-header-nav { min-width: 0 !important; }
	#header .hr-header-nav ul.menu { gap: 30px !important; }
	#header .search-box { flex: 0 0 300px !important; width: 300px !important; max-width: 300px !important; margin-left: 0 !important; margin-right: 0 !important; }
}

/* Tablet: keep one row when possible, preserve usable search */
@media screen and (max-width: 1024px) {
	#header .header-bar { width: 100% !important; max-width: 100% !important; min-height: auto !important; padding: 14px 16px 12px !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 12px 18px !important; }
	#header .hr-header-brand { min-width: 0 !important; flex: 0 0 auto !important; }
	#header .hr-header-brand .hr-brand-mark,
	#header .hr-header-brand .hr-brand-mark svg,
	#header .hr-header-brand .hr-brand-mark img { width: 46px !important; height: 46px !important; flex-basis: 46px !important; }
	#header .hr-header-brand .hr-brand-text { font-size: 18px !important; margin-left: 6px !important; }
	#header .hr-header-nav { order: 3 !important; width: 100% !important; justify-content: center !important; overflow: hidden !important; -webkit-overflow-scrolling: touch; }
	#header .hr-header-nav ul.menu { width: 100% !important; max-width: 620px !important; min-width: 0 !important; justify-content: center !important; gap: 22px !important; overflow: hidden !important; }
	#header .hr-header-nav ul.menu > li > a { padding: 8px 0 !important; }
	#header .search-box { flex: 0 1 300px !important; width: 300px !important; max-width: 300px !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; margin-left: 0 !important; overflow: visible !important; }
	#header .search-box form.search { height: 44px !important; min-height: 44px !important; max-height: 44px !important; }
	#header .search-box input[type="search"], #header .search-box input.text { height: 44px !important; min-height: 44px !important; max-height: 44px !important; }
}

/* Mobile: brand top, search full-width, menu scroll below */
@media screen and (max-width: 600px) {
	#header .header-bar { padding: 10px 14px 12px !important; align-items: center !important; gap: 10px !important; }
	#header .hr-header-brand { width: 100% !important; min-width: 0 !important; gap: 0 !important; }
	#header .hr-header-brand .hr-brand-mark,
	#header .hr-header-brand .hr-brand-mark svg,
	#header .hr-header-brand .hr-brand-mark img { width: 42px !important; height: 42px !important; flex-basis: 42px !important; }
	#header .hr-header-brand .hr-brand-text { font-size: 16px !important; margin-left: 5px !important; letter-spacing: -0.3px !important; }
	#header .search-box { order: 2 !important; width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; margin: 0 !important; }
	#header .search-box form.search { height: 42px !important; }
	#header .search-box input[type="search"], #header .search-box input.text { height: 42px !important; padding-right: 104px !important; }
	#header .search-box .btn-submit { height: 32px !important; min-width: 88px !important; padding: 0 14px !important; }
	#header .hr-header-nav { order: 3 !important; width: 100% !important; overflow: hidden !important; }
	#header .hr-header-nav ul.menu { width: 100% !important; min-width: 0 !important; max-width: 100% !important; gap: 18px !important; overflow: hidden !important; }
	#header .hr-header-nav ul.menu > li { min-width: 0 !important; }
	#header .hr-header-nav ul.menu > li:nth-child(n+5) { display: none !important; }
}

@media screen and (max-width: 380px) {
	#header .hr-header-nav ul.menu { gap: 16px !important; justify-content: flex-start !important; }
	#header .hr-header-nav a { font-size: 15px !important; }
	#header .hr-header-nav ul.menu > li:nth-child(n+4) { display: none !important; }
}

/* Stores archive responsive overflow guards */
ul.stores,
ul.store-thumb-list {
	max-width: 100% !important;
	box-sizing: border-box !important;
	min-width: 0 !important;
}

ul.stores {
	grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

ul.stores li,
ul.store-thumb-list li {
	min-width: 0 !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

ul.stores li a,
ul.store-thumb-list li a,
ul.store-thumb-list li .store-name-text,
ul.store-thumb-list li .store-name-fallback,
ul.store-thumb-list li .store-count-wrap {
	min-width: 0 !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

ul.store-thumb-list {
	grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}

@media screen and (max-width: 900px) {
	ul.stores {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media screen and (max-width: 600px) {
	.hr-intro-head-inline,
	.hr-intro-title-wrap,
	.hr-intro-title,
	.hr-intro-link {
		min-width: 0 !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		overflow-wrap: anywhere !important;
		word-break: break-word !important;
	}
	.hr-intro-head-inline {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 10px !important;
	}
	.hr-intro-title-wrap {
		flex: 1 1 100% !important;
	}
	ul.stores {
		grid-template-columns: minmax(0, 1fr) !important;
	}
	ul.store-thumb-list {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 14px !important;
	}
	ul.store-thumb-list li .store-name-text,
	ul.store-thumb-list li .store-name-fallback {
		word-break: break-word !important;
		overflow-wrap: anywhere !important;
	}
}

/* Review archive mobile overflow guards */
.ot-toolbar-sort,
.ot-archive-item,
.ot-archive-header,
.ot-archive-body,
.ot-archive-footer {
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

@media screen and (max-width: 600px) {
	.ot-toolbar-sort {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 8px !important;
		width: 100% !important;
	}
	.ot-toolbar-sort select {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}
	.ot-review-wrap,
	.ot-archive-list {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}
	.ot-archive-list {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
	}
	.ot-archive-item,
	.ot-archive-list > .ot-archive-item,
	.ot-archive-list article.ot-archive-item {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		overflow: hidden !important;
	}
	.ot-archive-score-badge {
		right: 12px !important;
		max-width: calc(100% - 24px) !important;
	}
	.ot-archive-footer,
	.ot-archive-actions {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 10px !important;
	}
	.ot-btn {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		white-space: normal !important;
	}
}

/* Store page mobile overflow guards */
.hr-modern-table-wrap {
	max-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

.hr-modern-table-wrap .hr-modern-table,
.hr-modern-table-wrap table {
	max-width: 100%;
	box-sizing: border-box;
}

@media screen and (max-width: 600px) {
	.hr-modern-table-wrap {
		width: 100%;
	}
	.hr-modern-table-wrap .hr-modern-table,
	.hr-modern-table-wrap table {
		width: 100% !important;
		min-width: 0 !important;
		table-layout: fixed;
	}
	.hr-modern-table-wrap th,
	.hr-modern-table-wrap td {
		word-break: break-word;
		overflow-wrap: anywhere;
	}
}

/* HostingReview footer rebuild: full-width dark navy, 1200px centered content */
#hr-site-footer.hr-site-footer {
	position: relative;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	box-sizing: border-box;
	background: radial-gradient(circle at 15% 0%, rgba(var(--hr-blue-rgb), 0.22) 0, rgba(var(--hr-blue-rgb), 0) 32%), radial-gradient(circle at 88% 18%, rgba(var(--hr-footer-accent-rgb, 56, 189, 248), 0.14) 0, rgba(var(--hr-footer-accent-rgb, 56, 189, 248), 0) 30%), linear-gradient(135deg, var(--hr-footer-deep-from, #071427) 0%, var(--hr-footer-deep-mid, #0b1730) 45%, var(--hr-footer-deep-to, #07111f) 100%); /* token-hoá: glow accent theo palette, nền navy giữ tối */
	color: #cbd5e1;
	border-top: 1px solid rgba(148, 163, 184, 0.16);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
#hr-site-footer.hr-site-footer::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0));
}
#hr-site-footer .hr-footer-shell {
	position: relative;
	z-index: 1;
	width: 1200px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 62px 0 28px;
	box-sizing: border-box;
}
#hr-site-footer .hr-footer-main {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) repeat(3, minmax(150px, 1fr));
	gap: 48px;
	align-items: start;
}
#hr-site-footer .hr-footer-about p {
	max-width: 420px;
	margin: 18px 0 22px;
	color: #aebbd0;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.75;
}
#hr-site-footer .hr-brand-footer {
	display: inline-flex;
	align-items: center;
	gap: 0;
	text-decoration: none;
	color: #ffffff;
}
#hr-site-footer .hr-brand-footer .hr-brand-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	flex: 0 0 72px;
}
#hr-site-footer .hr-brand-footer .hr-brand-mark svg,
#hr-site-footer .hr-brand-footer .hr-brand-mark img {
	display: block;
	width: 72px;
	height: 72px;
	filter: drop-shadow(0 16px 30px rgba(15, 23, 42, 0.32));
}
#hr-site-footer .hr-brand-footer .hr-brand-text {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	margin-left: 8px;
	font-family: Ubuntu, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: -0.5px;
	white-space: nowrap;
}
#hr-site-footer .hr-brand-footer .hr-brand-text strong {
	display: block;
	color: #ffffff;
	font-weight: 900;
}
#hr-site-footer .hr-brand-footer .hr-brand-text em {
	display: block;
	color: var(--hr-orange, #f45435);
	font-style: normal;
	font-weight: 900;
}
#hr-site-footer .hr-footer-social {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	color: #94a3b8;
	font-size: 14px;
	font-weight: 700;
}
#hr-site-footer .hr-footer-social a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 38px;
	padding: 0 14px;
	border: 1px solid rgba(var(--hr-footer-accent-rgb, 59, 130, 246), 0.28); /* token-hoá: viền social (palette-overridable) */
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.36);
	color: #e2e8f0;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
	transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}
#hr-site-footer .hr-footer-social a:hover {
	transform: translateY(-1px);
	border-color: rgba(var(--hr-footer-accent-rgb, 59, 130, 246), 0.55); /* token-hoá: viền hover social */
	background: rgba(var(--hr-footer-accent-rgb, 59, 130, 246), 0.22); /* token-hoá: nền hover social */
	color: #ffffff;
}
#hr-site-footer .hr-footer-col h3 {
	position: relative;
	margin: 10px 0 20px;
	padding: 0 0 13px;
	color: #ffffff !important;
	font-size: 16px;
	font-weight: 900;
	line-height: 1.25;
	letter-spacing: -0.2px;
}
#hr-site-footer .hr-footer-col h3::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 42px;
	height: 3px;
	border-radius: 99px;
	background: linear-gradient(90deg, var(--hr-orange), var(--hr-hero-highlight)); /* token-hoá: underline gradient accent */
}
#hr-site-footer .hr-footer-col ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#hr-site-footer .hr-footer-col li {
	margin: 0;
	padding: 0;
	border: 0;
}
#hr-site-footer .hr-footer-col li + li {
	margin-top: 11px;
}
#hr-site-footer .hr-footer-col a {
	display: inline-flex;
	align-items: center;
	color: #b8c4d6;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.45;
	text-decoration: none;
	transition: color .18s ease, transform .18s ease;
}
#hr-site-footer .hr-footer-col a::before {
	content: "";
	width: 6px;
	height: 6px;
	margin-right: 10px;
	border-radius: 50%;
	background: rgba(var(--hr-footer-accent-rgb, 59, 130, 246), 0.56); /* token-hoá: bullet link col (palette-overridable) */
	box-shadow: 0 0 0 4px rgba(var(--hr-footer-accent-rgb, 59, 130, 246), 0.08);
	transition: background .18s ease, box-shadow .18s ease;
}
#hr-site-footer .hr-footer-col a:hover {
	transform: translateX(3px);
	color: #ffffff;
}
#hr-site-footer .hr-footer-col a:hover::before {
	background: var(--hr-orange); /* token-hoá: bullet hover accent */
	box-shadow: 0 0 0 4px rgba(var(--hr-orange-rgb), 0.13);
}
#hr-site-footer .hr-footer-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-top: 54px;
	padding-top: 24px;
	border-top: 1px solid rgba(148, 163, 184, 0.16);
	color: #8fa0b8;
}
#hr-site-footer .hr-footer-bottom p {
	margin: 0;
	color: #8fa0b8;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.55;
}
#hr-site-footer .hr-footer-legal {
	display: inline-flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
	min-width: 0;
	max-width: 100%;
}
#hr-site-footer .hr-footer-legal a {
	max-width: 100%;
	color: #aebbd0;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.4;
	text-decoration: none;
	overflow-wrap: anywhere;
}
#hr-site-footer .hr-footer-legal a:hover {
	color: #ffffff;
	text-decoration: underline;
	text-decoration-color: rgba(var(--hr-orange-rgb), 0.75);
	text-underline-offset: 4px;
}

@media screen and (max-width: 1240px) {
	#hr-site-footer .hr-footer-shell {
		width: calc(100% - 32px);
		max-width: 1200px;
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (max-width: 900px) {
	#hr-site-footer .hr-footer-shell {
		padding-top: 48px;
	}
	#hr-site-footer .hr-footer-main {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: 34px 30px;
	}
	#hr-site-footer .hr-footer-about {
		grid-column: 1 / -1;
	}
	#hr-site-footer .hr-footer-about p {
		max-width: 720px;
	}
	#hr-site-footer .hr-footer-bottom {
		align-items: flex-start;
		flex-direction: column;
		gap: 14px;
	}
}

@media screen and (max-width: 600px) {
	#hr-site-footer .hr-footer-shell {
		width: 100%;
		max-width: 100%;
		padding: 40px 16px 24px;
	}
	#hr-site-footer .hr-footer-main {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	#hr-site-footer .hr-brand-footer .hr-brand-mark,
	#hr-site-footer .hr-brand-footer .hr-brand-mark svg {
		width: 62px;
		height: 62px;
		flex-basis: 62px;
	}
	#hr-site-footer .hr-brand-footer .hr-brand-text {
		min-width: 0;
		font-size: 25px;
		margin-left: -5px;
	}
	#hr-site-footer .hr-footer-about p {
		font-size: 14px;
		line-height: 1.7;
	}
	#hr-site-footer .hr-footer-col h3 {
		margin-top: 0;
	}
	#hr-site-footer .hr-footer-legal {
		gap: 12px 16px;
	}
}




/* Static Pages Modern Layout */
.hr-static-page {
	width: 1200px;
	max-width: calc(100% - 40px);
	margin: 0 auto;
	padding: 28px 0 10px;
	box-sizing: border-box;
}

.hr-static-page .wp-breadcrumbs {
	margin: 0 0 22px;
}

.hr-static-content {
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.hr-static-content .hr-page-card {
	position: relative;
	background: #ffffff;
	border: 1px solid rgba(148, 163, 184, 0.22);
	border-radius: 22px;
	box-shadow: 0 20px 60px rgba(15, 23, 42, 0.08);
	padding: 42px 48px;
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;
}

.hr-static-content .hr-page-card::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 5px;
	background: linear-gradient(90deg, var(--hr-orange) 0%, var(--hr-footer-accent) 55%, var(--hr-sky) 100%); /* token-hoá: card top accent (palette-overridable) */
}

.hr-page-header {
	margin: 0 0 24px;
	padding: 0 0 20px;
	border-bottom: 1px solid rgba(226, 232, 240, 0.95);
}

.hr-page-header h1 {
	margin: 0;
	color: #08132a;
	font-size: clamp(32px, 4vw, 52px);
	font-weight: 900;
	line-height: 1.08;
	letter-spacing: -0.045em;
}

.hr-page-body {
	color: #334155;
	font-size: 16px;
	line-height: 1.8;
}

.hr-page-body > *:first-child {
	margin-top: 0;
}

.hr-page-body > *:last-child {
	margin-bottom: 0;
}

.hr-page-body p {
	margin: 0 0 18px;
	color: #334155;
	font-size: 16px;
	line-height: 1.8;
}

.hr-page-body h2,
.hr-page-body h3,
.hr-page-body h4 {
	color: #0f172a;
	font-weight: 900;
	letter-spacing: -0.025em;
	line-height: 1.25;
	margin: 32px 0 14px;
}

.hr-page-body h2 {
	font-size: 28px;
}

.hr-page-body h3 {
	font-size: 22px;
}

.hr-page-body a {
	color: var(--hr-blue); /* token-hoá: link (palette-overridable) */
	font-weight: 700;
	text-decoration: none;
	text-underline-offset: 4px;
}

.hr-page-body a:hover {
	color: var(--hr-orange); /* token-hoá: link hover accent (palette-overridable) */
	text-decoration: underline;
}

.hr-page-body img {
	max-width: 100%;
	height: auto;
	border-radius: 14px;
}

.hr-page-body ul,
.hr-page-body ol {
	margin: 0 0 22px 22px;
	padding: 0;
}

.hr-page-body li {
	margin: 0 0 10px;
	padding-left: 4px;
}

.hr-page-body hr {
	border: 0;
	border-top: 1px solid #e2e8f0;
	margin: 30px 0;
}

.hr-page-body blockquote {
	margin: 28px 0;
	padding: 20px 24px;
	border-left: 5px solid var(--hr-orange); /* token-hoá: callout accent (palette-overridable) */
	background: var(--hr-orange-light); /* token-hoá: callout bg (palette-overridable) */
	border-radius: 14px;
	color: #334155;
}

@media screen and (max-width: 900px) {
	.hr-static-page {
		max-width: calc(100% - 32px);
		padding-top: 22px;
	}

	.hr-static-content .hr-page-card {
		padding: 34px 30px;
		border-radius: 18px;
	}
}

@media screen and (max-width: 600px) {
	.hr-static-page {
		max-width: 100%;
		padding: 18px 14px 0;
	}

	.hr-static-content .hr-page-card {
		padding: 28px 20px;
		border-radius: 16px;
	}

	.hr-page-header {
		margin-bottom: 20px;
		padding-bottom: 16px;
	}

	.hr-page-body,
	.hr-page-body p {
		font-size: 15px;
		line-height: 1.75;
	}
}


/* Blog / Archive / Tag / Single Standardization */
.wp-archive-container,
.wp-blog-container {
	width: 1200px;
	max-width: calc(100% - 40px);
	margin: 0 auto;
	padding: 28px 0 52px;
	box-sizing: border-box;
	font-family: inherit;
	color: #0f172a;
}

.wp-blog-container {
	width: 980px;
}

.wp-archive-container .wp-breadcrumbs,
.wp-blog-container .wp-breadcrumbs {
	margin: 0 0 22px;
}

.wp-archive-header,
.wp-blog-header {
	position: relative;
	text-align: center;
	margin: 0 0 34px;
	padding: 48px 42px;
	border-radius: 28px;
	background: linear-gradient(135deg, var(--hr-archive-head-from) 0%, var(--hr-archive-head-mid) 48%, var(--hr-archive-head-to) 100%); /* token-hoá: blog/archive header banner sáng (palette-overridable) */
	box-shadow: 0 24px 70px rgba(var(--hr-archive-head-rgb), 0.22);
	overflow: hidden;
}

.wp-archive-header::before,
.wp-blog-header::before {
	content: "";
	position: absolute;
	inset: -120px auto auto -120px;
	width: 280px;
	height: 280px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.12);
}

.wp-archive-title,
.wp-blog-title {
	position: relative;
	z-index: 1;
	margin: 0 0 14px;
	color: #ffffff;
	font-size: clamp(34px, 4.6vw, 58px);
	font-weight: 900;
	line-height: 1.08;
	letter-spacing: -0.055em;
	text-shadow: 0 2px 0 rgba(15, 23, 42, 0.16);
}

.wp-archive-desc,
.wp-archive-desc p {
	position: relative;
	z-index: 1;
	max-width: 780px;
	margin: 0 auto;
	color: rgba(255, 255, 255, 0.92);
	font-size: 17px;
	line-height: 1.75;
}

.wp-archive-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 26px;
}

.wp-post-card {
	position: relative;
	display: flex;
	flex-direction: column;
	background: #ffffff;
	border: 1px solid rgba(148, 163, 184, 0.22);
	border-radius: 22px;
	box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
	overflow: hidden;
	transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.wp-post-card:hover {
	transform: translateY(-5px);
	border-color: rgba(var(--hr-orange-rgb), 0.32);
	box-shadow: 0 24px 70px rgba(15, 23, 42, 0.13);
}

.wp-card-img {
	display: block;
	height: 220px;
	overflow: hidden;
	background: #e2e8f0;
}

.wp-card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.45s ease;
}

.wp-post-card:hover .wp-card-img img {
	transform: scale(1.055);
}

.wp-card-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 26px;
}

.wp-card-cat {
	margin: 0 0 12px;
	color: var(--hr-orange); /* token-hoá: card category (palette-overridable) */
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.wp-card-cat a {
	color: inherit;
	text-decoration: none;
}

.wp-card-cat a:hover {
	color: var(--hr-blue); /* token-hoá: link hover (palette-overridable) */
}

.wp-card-title {
	margin: 0 0 14px;
	color: #0f172a;
	font-size: 21px;
	font-weight: 900;
	line-height: 1.28;
	letter-spacing: -0.025em;
}

.wp-card-title a {
	color: inherit;
	text-decoration: none;
}

.wp-card-title a:hover {
	color: var(--hr-orange); /* token-hoá: card title hover (palette-overridable) */
}

.wp-card-excerpt {
	margin: 0 0 22px;
	color: #475569;
	font-size: 15px;
	line-height: 1.72;
}

.wp-card-footer {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: auto;
	padding-top: 18px;
	border-top: 1px solid rgba(226, 232, 240, 0.95);
}

.wp-card-avatar,
.wp-blog-author-avatar {
	border-radius: 999px;
	box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px rgba(var(--hr-blue-rgb), 0.16); /* token-hoá: avatar ring tint */
}

.wp-card-meta,
.wp-blog-dates {
	color: #64748b;
	font-size: 13px;
	line-height: 1.45;
}

.wp-card-meta strong,
.wp-blog-author-name {
	color: #0f172a;
	font-weight: 800;
}

.wp-pagination {
	margin-top: 42px !important;
	text-align: center;
}

.wp-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 14px;
	margin: 0 4px 8px;
	border-radius: 999px;
	background: #ffffff;
	border: 1px solid rgba(148, 163, 184, 0.28);
	color: #0f172a;
	font-weight: 800;
	text-decoration: none;
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}

.wp-pagination .page-numbers.current,
.wp-pagination .page-numbers:hover {
	background: var(--hr-orange); /* token-hoá: pagination hover (palette-overridable) */
	border-color: var(--hr-orange);
	color: #ffffff;
}

.wp-blog-meta {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	gap: 14px;
	padding: 14px 18px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.14);
	border: 1px solid rgba(255, 255, 255, 0.18);
	color: #ffffff;
}

.wp-blog-meta .wp-blog-author-name,
.wp-blog-meta .wp-blog-dates {
	color: #ffffff;
}

.wp-blog-thumbnail {
	margin: 0 0 28px;
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(15, 23, 42, 0.1);
	border: 1px solid rgba(148, 163, 184, 0.22);
}

.wp-blog-thumbnail img {
	width: 100%;
	height: auto;
	display: block;
}

.wp-blog-content {
	background: #ffffff;
	border: 1px solid rgba(148, 163, 184, 0.22);
	border-radius: 24px;
	box-shadow: 0 20px 60px rgba(15, 23, 42, 0.08);
	padding: 42px 48px;
	color: #334155;
	font-size: 17px;
	line-height: 1.85;
}

.wp-blog-content > *:first-child {
	margin-top: 0;
}

.wp-blog-content h2,
.wp-blog-content h3,
.wp-blog-content h4 {
	color: #0f172a;
	font-weight: 900;
	letter-spacing: -0.03em;
	line-height: 1.22;
}

.wp-blog-content h2 {
	font-size: 30px;
	margin: 38px 0 16px;
}

.wp-blog-content h3 {
	font-size: 24px;
	margin: 30px 0 14px;
}

.wp-blog-content p {
	margin: 0 0 20px;
}

.wp-blog-content a {
	color: var(--hr-blue); /* token-hoá: link (palette-overridable) */
	font-weight: 800;
	text-decoration: none;
}

.wp-blog-content a:hover {
	color: var(--hr-orange); /* token-hoá: link hover (palette-overridable) */
	text-decoration: underline;
	text-underline-offset: 4px;
}

.wp-blog-content img {
	max-width: 100%;
	height: auto;
	border-radius: 16px;
}

.wp-toc-wrap {
	margin: 0 0 30px;
	padding: 20px;
	border-radius: 18px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
}

.wp-toc-title {
	cursor: pointer;
	color: #0f172a;
	font-weight: 900;
}

.wp-toc-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 16px;
}

.wp-toc-pill {
	display: inline-flex;
	padding: 8px 12px;
	border-radius: 999px;
	background: #ffffff;
	border: 1px solid #dbeafe;
	color: var(--hr-blue) !important; /* token-hoá: toc pill (palette-overridable) */
	font-size: 13px;
	line-height: 1.35;
}

.wp-related-posts {
	margin-top: 46px;
}

.wp-related-title {
	margin: 0 0 24px;
	color: #0f172a;
	font-size: 28px;
	font-weight: 900;
	letter-spacing: -0.035em;
	text-align: center;
}

@media screen and (max-width: 1024px) {
	.wp-archive-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 760px) {
	.wp-archive-container,
	.wp-blog-container {
		max-width: 100%;
		padding: 18px 14px 36px;
	}

	.wp-archive-header,
	.wp-blog-header {
		padding: 34px 22px;
		border-radius: 22px;
		margin-bottom: 24px;
	}

	.wp-archive-title,
	.wp-blog-title {
		font-size: 34px;
	}

	.wp-archive-grid {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.wp-card-img {
		height: 190px;
	}

	.wp-card-body {
		padding: 22px;
	}

	.wp-blog-content {
		padding: 28px 20px;
		border-radius: 18px;
		font-size: 16px;
		line-height: 1.78;
	}

	.wp-blog-meta {
		border-radius: 18px;
	}
}


/* Blog hero title color hard override */
.wp-archive-container .wp-archive-header .wp-archive-title,
.wp-blog-container .wp-blog-header .wp-blog-title {
	color: #ffffff !important;
	text-shadow: 0 2px 0 rgba(15, 23, 42, 0.16);
}

.wp-archive-container .wp-archive-header .wp-archive-desc,
.wp-archive-container .wp-archive-header .wp-archive-desc p {
	color: rgba(255, 255, 255, 0.92) !important;
}


/* Single blog full-bleed hero + right sidebar */
.wp-blog-container.wp-blog-single-modern {
	position: relative;
	left: 50%;
	width: 100vw;
	max-width: 100vw;
	margin-left: -50vw;
	margin-right: 0;
	padding: 0 0 56px;
	overflow-x: visible;
}

.wp-blog-single-modern .wp-blog-hero-bleed {
	position: relative;
	width: 100%;
	padding: 18px 20px 48px;
	box-sizing: border-box;
	background: linear-gradient(135deg, var(--hr-archive-head-from) 0%, var(--hr-archive-head-mid) 48%, var(--hr-archive-head-to) 100%); /* token-hoá: blog hero bleed (palette-overridable) */
	overflow: hidden;
}

.wp-blog-single-modern .wp-blog-hero-bleed::before {
	content: "";
	position: absolute;
	inset: -150px auto auto -90px;
	width: 360px;
	height: 360px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.12);
}

.wp-blog-single-modern .wp-blog-hero-bleed::after {
	content: "";
	position: absolute;
	right: -120px;
	bottom: -180px;
	width: 420px;
	height: 420px;
	border-radius: 999px;
	background: rgba(var(--hr-hero-glow-rgb), 0.32); /* token-hoá: glow accent blog hero (palette-overridable) */
}

.wp-blog-single-modern .wp-blog-hero-inner {
	position: relative;
	z-index: 1;
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
}

.wp-blog-single-modern .wp-blog-hero-breadcrumb {
	margin: 0 0 14px;
}

.wp-blog-single-modern .wp-blog-hero-breadcrumb .wp-breadcrumbs,
.wp-blog-single-modern .wp-blog-hero-breadcrumb .breadcrumbs,
.wp-blog-single-modern .wp-blog-hero-breadcrumb {
	margin: 0;
	color: rgba(255, 255, 255, 0.86);
}

.wp-blog-single-modern .wp-blog-hero-breadcrumb .wp-breadcrumbs a,
.wp-blog-single-modern .wp-blog-hero-breadcrumb .breadcrumbs a,
.wp-blog-single-modern .wp-blog-hero-breadcrumb a {
	color: #ffffff;
}

.wp-blog-single-modern .wp-blog-hero-breadcrumb span,
.wp-blog-single-modern .wp-blog-hero-breadcrumb li,
.wp-blog-single-modern .wp-blog-hero-breadcrumb strong {
	color: rgba(255, 255, 255, 0.9);
}

.wp-blog-single-modern .wp-blog-header {
	margin: 0;
	padding: 34px 42px 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	overflow: visible;
}

.wp-blog-single-modern .wp-blog-header::before {
	display: none;
}

.wp-blog-hero-cat {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 16px;
	padding: 8px 14px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.2);
	color: #ffffff !important;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-decoration: none;
	text-transform: uppercase;
}

.wp-blog-single-modern .wp-blog-title {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.wp-blog-layout {
	display: grid;
	grid-template-columns: minmax(0, 820px) 330px;
	gap: 34px;
	align-items: start;
	width: 1200px;
	max-width: calc(100% - 40px);
	margin: 36px auto 0;
}

.wp-blog-main {
	min-width: 0;
}

.wp-blog-sidebar {
	position: static;
	display: flex;
	flex-direction: column;
	gap: 18px;
	min-width: 0;
}

.wp-blog-layout .wp-blog-thumbnail,
.wp-blog-layout .wp-blog-content {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.wp-blog-single-modern .wp-related-posts {
	width: 1200px;
	max-width: calc(100% - 40px);
	margin-left: auto;
	margin-right: auto;
}

.wp-blog-side-card {
	background: #ffffff;
	border: 1px solid rgba(148, 163, 184, 0.24);
	border-radius: 20px;
	box-shadow: 0 16px 46px rgba(15, 23, 42, 0.08);
	padding: 20px;
	color: #334155;
}

.wp-blog-side-card h3 {
	margin: 0 0 14px;
	color: #0f172a;
	font-size: 18px;
	font-weight: 900;
	letter-spacing: -0.02em;
}

.wp-blog-side-toc {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.wp-blog-side-toc a,
.wp-blog-side-cat-list a {
	color: var(--hr-blue); /* token-hoá: sidebar link (palette-overridable) */
	font-size: 14px;
	font-weight: 800;
	line-height: 1.45;
	text-decoration: none;
}

.wp-blog-side-toc a:hover,
.wp-blog-side-cat-list a:hover {
	color: var(--hr-orange); /* token-hoá: sidebar cat hover (palette-overridable) */
}

.wp-blog-side-info ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.wp-blog-side-info li {
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 1.55;
}

.wp-blog-side-info li:last-child {
	margin-bottom: 0;
}

.wp-blog-side-posts {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.wp-blog-side-post {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	color: #0f172a;
	text-decoration: none;
}

.wp-blog-side-post strong {
	display: block;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.35;
}

.wp-blog-side-post small {
	display: block;
	margin-top: 5px;
	color: #64748b;
	font-size: 12px;
}

.wp-blog-side-post:hover strong {
	color: var(--hr-orange); /* token-hoá: sidebar post hover (palette-overridable) */
}

.wp-blog-side-thumb {
	flex: 0 0 58px;
	width: 58px;
	height: 58px;
	border-radius: 14px;
	overflow: hidden;
	background: #e2e8f0;
}

.wp-blog-side-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.wp-blog-side-cat-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.wp-blog-side-cat-list a {
	padding: 8px 11px;
	border-radius: 999px;
	background: #eff6ff;
	border: 1px solid #dbeafe;
	font-size: 13px;
}

.wp-blog-side-cta {
	background: linear-gradient(135deg, var(--hr-footer-bg) 0%, var(--hr-blue) 100%); /* token-hoá: blog sidebar CTA (palette-overridable) */
	border-color: rgba(var(--hr-blue-rgb), 0.35);
	color: rgba(255, 255, 255, 0.88);
}

.wp-blog-side-cta h3,
.wp-blog-sidebar .wp-blog-side-card.wp-blog-side-cta h3 {
	color: #ffffff !important;
}

.wp-blog-side-cta p {
	margin: 0 0 16px;
	font-size: 14px;
	line-height: 1.65;
}

.wp-blog-side-cta a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 14px;
	border-radius: 999px;
	background: var(--hr-orange); /* token-hoá: cta badge (palette-overridable) */
	color: #ffffff;
	font-size: 13px;
	font-weight: 900;
	text-decoration: none;
}

.wp-blog-side-cta-icon {
	display: inline-flex;
	margin-bottom: 10px;
	font-size: 24px;
}

.wp-toc-mobile {
	display: none;
}

@media screen and (max-width: 1024px) {
	.wp-blog-layout {
		grid-template-columns: 1fr;
	}

	.wp-blog-sidebar {
		position: static;
	}

	.wp-blog-side-card-toc {
		display: none;
	}

	.wp-toc-mobile {
		display: block;
	}
}

@media screen and (max-width: 760px) {
	.wp-blog-single-modern {
		max-width: 100%;
		padding-bottom: 36px;
	}

	.wp-blog-single-modern .wp-blog-hero-bleed {
		padding: 12px 14px 34px;
	}

	.wp-blog-single-modern .wp-blog-header {
		padding: 24px 6px 0;
	}

	.wp-blog-layout,
	.wp-blog-single-modern .wp-related-posts {
		width: auto;
		max-width: none;
		margin-left: 14px;
		margin-right: 14px;
	}

	.wp-blog-layout {
		gap: 22px;
		margin-top: 24px;
	}

	.wp-blog-side-card {
		border-radius: 18px;
		padding: 18px;
	}
}


/* Blog/category/tag archive wide hero */
.wp-archive-container {
	width: 1200px;
	max-width: calc(100% - 40px);
}

.wp-archive-container .wp-archive-header {
	width: 100%;
	box-sizing: border-box;
}

.wp-archive-container .wp-archive-grid,
.wp-archive-container .wp-pagination {
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 760px) {
	.wp-archive-container {
		max-width: 100%;
	}

	.wp-archive-container .wp-archive-grid,
	.wp-archive-container .wp-pagination {
		width: 100%;
	}
}

/* Blog single mobile meta polish */
@media screen and (max-width: 760px) {
	.wp-blog-meta {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 14px;
		width: auto;
		max-width: 100%;
		padding: 14px;
		border-radius: 18px;
	}

	.wp-blog-author-avatar {
		width: 72px !important;
		height: 72px !important;
		flex: 0 0 72px;
	}

	.wp-blog-meta-info {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		min-width: 0;
	}

	.wp-blog-meta .wp-blog-author-name,
	.wp-blog-meta .wp-blog-dates {
		font-size: 14px;
		line-height: 1.45;
		word-break: normal;
	}
}

/* Blog content responsive embeds/tables */
.wp-blog-content iframe,
.wp-blog-content embed,
.wp-blog-content object,
.wp-blog-content video {
	max-width: 100% !important;
	width: 100% !important;
}

.wp-blog-content .wp-block-table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.wp-blog-content table {
	max-width: 100%;
}

@media screen and (max-width: 760px) {
	.wp-blog-content {
		overflow: hidden;
	}

	.wp-blog-content table {
		font-size: 13px;
	}

	.wp-blog-content th,
	.wp-blog-content td {
		padding: 8px;
	}
}

/* Hard mobile overflow guard for blog articles */
.wp-blog-container iframe,
.wp-blog-container embed,
.wp-blog-container object,
.wp-blog-container video {
	max-width: 100% !important;
	width: 100% !important;
	height: auto;
}

.wp-blog-container table {
	max-width: 100% !important;
}

.wp-blog-container .wp-block-table {
	display: block !important;
	max-width: 100% !important;
	overflow-x: auto !important;
	-webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 760px) {
	html,
	body {
		overflow-x: hidden;
	}

	.wp-blog-container,
	.wp-blog-content {
		overflow-x: hidden;
	}

	.wp-blog-container iframe {
		max-width: calc(100vw - 48px) !important;
		width: calc(100vw - 48px) !important;
	}
}