/* @font-face
{
	font-family:RobotoCondensed;
	font-style:normal;
	font-weight:400;
	src:url(./fonts/RobotoCondensed-Bold.woff2) format("woff2"),url(./fonts/RobotoCondensed-Bold.woff) format("woff");
} */

@font-face
{
	font-family:mix-el;
	font-style:normal;
	font-weight:400;
	src:url(./fonts/mix-el.woff2) format("woff2");
}

/* @font-face
{
	font-family:SourceSanPro;
	font-style:normal;
	font-weight:400;
	src:url(./fonts/SourceSanPro-Regular.woff2) format("woff2"),url(./fonts/SourceSanPro-Regular.woff) format("woff");
} */

@font-face
{
	font-family:fontello;
	font-style:normal;
	font-weight:400;
	src:url(./fonts/fontello.eot?58234571);
	src:url(./fonts/fontello.eot?58234571#iefix) format("embedded-opentype"),url(./fonts/fontello.woff2?58234571) format("woff2"),url(./fonts/fontello.woff?58234571) format("woff"),url(./fonts/fontello.ttf?58234571) format("truetype"),url(./fonts/fontello.svg?58234571#fontello) format("svg");
}

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;900&display=swap');

:root {
    --dark: white;
    --pure: white;
    --dark-gray: #999;
    --primary: white;
    --secondary: black;
    --smoke: rgba(0,0,0,.33);
    --smoke-white: rgba(255,255,255,0.8);
    --smoke-dark: rgba(0, 0, 0, 0.67);
    --accent: #FFF;
    /* --accent: #B19CD9; */
    --smoke-semidark: rgba(0,0,0,.55);
    --smoke-darker: rgba(0,0,0,.88);
	--logo-size: 4.5em;
}

* {
	font-family: mix-el !important;
}

html
{
	margin-top:var(--wp-admin--admin-bar--height) !important;
	overflow-y: scroll;
	scrollbar-width: thin;
    --scrollbar-color-thumb: var(--accent);
    --scrollbar-color-track: var(--smoke-semidark);
}

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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,main,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border:0;
	box-sizing:border-box;
	font-size:100%;
	margin:0;
	padding:0;
	vertical-align:baseline;
}

h1, h2 {
  color: var(--primary);
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section
{
	display:block;
}

body
{
	display:flex;
	flex-direction:column;
	min-height:100vh;
	font:21px/1.2 RobotoCondensed,Arial,Helvetica,sans-serif;
	color:var(--primary);
	background-color: var(--dark-gray);
	background-image: url("/wp-content/themes/kfc25/images/newbg.jpg");
	background-size: 100vw; /* desktop */
}

ol,ul
{
	list-style:none;
}

blockquote,q
{
	quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after
{
	content:'';
	content:none;
}

a:hover,a:focus
{
	color: var(--accent);
}

.content a {
	text-decoration: underline;
}

select,input,textarea
{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

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

table.OrderHistoryTable {
    width: 95%;
    margin: 0 auto;
}

table.OrderHistoryTable th {
    padding-bottom: 10px;
    border-bottom: 2px solid var(--dark-gray);
}

table.OrderHistoryTable td {
    padding: 10px 10px 10px 0;
    border-bottom: 1px solid lightgrey;
    text-align: left;
    text-transform: capitalize;
}

table.OrderHistoryTable td a:not(:first-of-type) {
	margin-left: 5px;
}

.cf:after
{
	/* clear:both; */
	/* content:""; */
	display:table;
}

.alert
{
	border:1px solid transparent;
	border-radius:0;
	font-size:26px;
	margin:0 15px 20px;
	padding:15px;
	position:relative;
	text-transform:uppercase;
}

.alert-success
{
	background-color:#038c53;
	border-color:#038c53;
	color:#fff;
}

.alert-danger
{
	background-color:#ff002f;
	border-color:#ff002f;
	color:#fff;
}

.long-wallet
{
	word-wrap:break-word;
}

.wrapper
{
	flex:1;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	position: relative;
}

.frame
{
	margin:auto;
	max-width:95%;
	width:1100px;
}

.italic
{
	font-style:italic;
}

.p-list a,.make-order a,.add-review a,.more-news,.logo,.select-list a,.balance-btn
{
	-moz-transition:color .1s ease-out,background .1s ease-in,border .1s ease-in;
	-ms-transition:color .1s ease-out,background .1s ease-in,border .1s ease-in;
	-o-transition:color .1s ease-out,background .1s ease-in,border .1s ease-in;
	-webkit-transition:color .1s ease-out,background .1s ease-in,border .1s ease-in;
	transition:color .1s ease-out,background .1s ease-in,border .1s ease-in;
}

.wrapper>.frame
{
	padding-bottom:70px;
}

.lighter
{
	color:var(--primary);
	font-size:1.2em;
}

.uppercase {
	text-transform: uppercase;
}

.content {
	padding:2em 0;
	text-align:center;
	flex-shrink: 1;
	width: 96%;
	/*! background: var(--smoke-semidark); */
	flex-grow: 1;
	/*! position: relative; */
	/*! width: min-content; */
	/*! max-width: ; */
}

.wrapper > .content {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
}

.content p
{
	color:var(--primary);
	font-family:SourceSanPro,Arial,Helvetica,sans-serif;
	margin: 10px;
}

.content h2 {
    margin-bottom: 1.5rem;
}

.content video {
  max-width: 85vw;
  max-height: 45vh;
}

.help-title {
	font-size: 2.5rem;
	display: flex;
	justify-content: center;
	gap: .3em;
	align-items: center;
	padding-bottom: .7em;
	text-transform: uppercase;
	flex-flow: row wrap;
}
.help-title:before {
	content: "?";
	background-color: #174409;
	height: 1em;
	aspect-ratio: 1;
	text-align: center;
	line-height: 1em;
	border-radius: 100%;
	color: white;
}
@keyframes blink_neon {
	0% { filter: initial; }
	50% { filter: drop-shadow(0 0 10px #a3080c); }
	100% { filter: initial; }
}
#H-help-btn {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	transition: filter 200ms;
	margin-left: auto;
}
#H-help-btn:hover {
  filter: drop-shadow(0 0 7px #a3080c);
}
#H-help-btn span {
	font-size: 1.6rem;
	color: white;
	background: #a3080c;
	padding: 0 1.6rem 0 1rem;
	border-radius: 1rem 0 0 1rem;
	line-height: 2.4rem;
	margin: 0 -1.2rem 0 0;
}
#H-help-btn b {
	border-radius: 100%;
	background-color: var(--primary);
	width: 3rem;
	height: 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--secondary);
	z-index: 99;
}

.review-item {
	background: var(--smoke-semidark);
	color: var(--primary);
	font-family:SourceSanPro,Arial,Helvetica,sans-serif;
	font-size:22px;
	margin:0 auto 25px;
	max-width:800px;
	padding:15px;
	text-align:left;
}

.review-item .icon-user
{
	background:url("./images/eagle-1.jpg?2") no-repeat center;
	background-size:contain;
	color:transparent;
}

.reply-item
{
	padding-left:6%;
}

.reply-user
{
	float:left;
}

.reply-text
{
	overflow:hidden;
	padding-left:15px;
}

.reply-user img
{
	height:auto;
	width:60px;
}

.review-header
{
	font-family:RobotoCondensed,Arial,Helvetica,sans-serif;
	font-size:23px;
	padding-bottom:10px;
}

.review-date
{
	font-size:.9em;
}

.rating
{
	float:right;
	font:0/0 serif;
	height:33px;
	position:relative;
	width:165px;
}

.rating:after,.rating:before
{
	background:url(./images/star.png);
	content:"";
	height:100%;
	position:absolute;
	top:0;
}

.rating:after
{
	opacity:.3;
	right:0;
}

.rating:before
{
	left:0;
}

.rating-1:after,.rating-4:before
{
	width:80%;
}

.rating-1:before,.rating-4:after
{
	width:20%;
}

.rating-2:before,.rating-3:after
{
	width:40%;
}

.rating-2:after,.rating-3:before
{
	width:60%;
}

.rating-5:before
{
	width:100%;
}

.add-review
{
	padding:15px 15px 45px;
	text-align:center;
}

.list-view
{
	padding:0 15px;
}

.welcome,.error,.woocommerce-error
{
	background:#cd0000;
	color:#fff;
	display:block;
	font-family:RobotoCondensed,Arial,Helvetica,sans-serif;
	font-size:25px;
	margin:0 15px 25px;
	padding:25px;
}

.woocommerce-info {
	margin-bottom: 20px;
}

.welcome p,.error p
{
	color:#fff;
	font-family:RobotoCondensed,Arial,Helvetica,sans-serif;
}

.select-list .error a
{
	background:none transparent;
	display:inline;
	padding:0;
	width:auto;
}

.error-page
{
	color:#fff;
	font-size:2.5rem;
	padding:5%;
	text-align:center;
	text-shadow:1px 1px 1px #ba3433,-1px -1px 1px #ba3433;
}

.general-ttl,.page-content h1
{
	font-family: RobotoCondensed,Arial,Helvetica,sans-serif;
	font-size: 2.9rem;
	margin-bottom: 2rem;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

.ttl-flex {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap: 1rem;
	align-items: center;
}

.general-ttl a
{
	color:#000;
	text-decoration:none;
}

.sub-ttl
{
	font-size:2.5rem;
}

.home-text
{
	color:#6f6f6f;
	font-family:SourceSanPro,sans-serif;
	font-size:20px;
	margin:0 auto;
	max-width:800px;
	padding:20px 0;
	text-align:justify;
}

.home-text h2
{
	font-size:2em;
	font-weight:700;
}

.home-text h3
{
	font-size:1.7em;
	font-weight:700;
}

.home-text h4
{
	font-size:1.4em;
	font-weight:700;
}

.page-content
{
	color:var(--primary);
	font-size:21px;
	padding:0 15px;
}

.page-content .general-ttl
{
	font-family:RobotoCondensed,sans-serif;
	padding-left:0;
	padding-right:0;
}

.make-order
{
	padding:15px 0;
	text-align:center;
}

.make-order a,.add-review a,.more-news
{
	background:var(--smoke);
	border:1px solid var(--smoke);
	color:#fff;
	font-size:30px;
	padding:12px 25px;
	text-decoration:none;
	text-transform:uppercase;
}

.add-review a {
	background:var(--smoke-semidark);
}

.make-order a:hover,.make-order a:focus,.add-review a:hover,.add-review a:focus,.more-news:hover,.more-news:focus
{
	background:#000;
	border:1px solid #000;
	color:#fff;
	text-decoration:none;
}

.add-review a:hover,.add-review a:focus {
	background:var(--smoke-dark);
}

blockquote
{
	padding:10px 0 10px 30px;
	quotes:"\201C""\201D""\2018""\2019";
}

blockquote:before
{
	content:open-quote;
	font-size:4em;
	line-height:.1em;
	margin-right:.25em;
	vertical-align:-.4em;
}

.breadcrumb
{
	background-color:transparent;
	border-radius:0;
	list-style:none;
	margin-bottom:20px;
	padding:10px 20px;
	text-align:left;
}

.breadcrumb>li
{
	color:#feed01;
	display:inline-block;
	text-shadow:none;
	text-transform:uppercase;
	vertical-align:middle;
}

.breadcrumb>li+li:before
{
	color:var(--smoke);
	content:"\0003C";
	font-size:22px;
	font-weight:700;
	line-height:20px;
	padding:0 5px 0 0;
}

.breadcrumb a
{
	color:var(--smoke);
	font-size:22px;
	line-height:20px;
	text-decoration:none;
}

.breadcrumb .active
{
	color:var(--smoke);
	font-size:22px;
	line-height:20px;
}

.general-header.cf {
  width: 100%;
  z-index: 400;
}

.balance-row
{
	background:var(--smoke);
	color:var(--primary);
	padding: 0 10px;
	text-align:right;
	text-transform:uppercase;
	font-size: 16px;
	line-height: 25px;
}

.balance-row .balance {
	display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
}

.balance-row .balance-btn:hover,
.balance-row .balance-btn:focus
{
	background:rgba(119, 119, 119, 0.88);
	text-decoration:none;
}

.balance-row .balance > span:not(:first-of-type) {
    margin-left: 15px;
}

ul.extra-header li a {
    color: var(--primary);
    text-transform: uppercase;
}

.simple-switch {
	--size: .8em;
	display: flex;
	aspect-ratio: 1.6;
	height: var(--size,1em);
	border: calc(var(--size,1em) * 0.1) solid var(--primary);
	border-radius: var(--size,1em);
	flex-flow: row nowrap;
	align-items: center;
	position: relative;
	background: var(--smoke-semidark);
	backdrop-filter: blur(1px);
	justify-content: flex-start;
}
.simple-switch:before {
	content: '';
	aspect-ratio: 1;
	height: calc(var(--size,1em) * 0.6);
	background: var(--primary);
	border-radius: inherit;
	margin: 0 calc(var(--size,1em) * 0.1);
}
.simple-switch.right {
	justify-content: flex-end;
}
.simple-switch.score-switch-step-switch {
	margin: -0.5em auto 1em;
	--size: 2em;
}

.area-cat-title {
    text-transform: uppercase;
    font-size: 27px;
}

.select-list
{
	padding-bottom:25px;
	text-align:center;
}

.select-list li
{
	margin: 0 10px 20px;
	width: 20%;
	position: relative;
	aspect-ratio: 1;
	transition: all .5s cubic-bezier(.55,0,.1,1);
	background:url("./images/eagle-1.jpg?2") no-repeat center 20%;
	background-size:cover;
	display: inline-flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	overflow: hidden;
	vertical-align: top;
	border: 2px solid var(--accent);
	box-shadow: 0 0 0.5em var(--secondary);
}

.select-list li:not(.has-thumb) {
	background-image: url("./images/eagle-1.jpg?2") !important;
}
.select-list li:nth-child(4n-2):not(.has-thumb) {
	background-image:url("./images/eagle-2.jpg?2") !important;
}
.select-list li:nth-child(4n-1):not(.has-thumb) {
	background-image:url("./images/eagle-4.jpg?2") !important;
}
.select-list li:nth-child(4n):not(.has-thumb) {
	background-image:url("./images/eagle-5.jpg?2") !important;
}
/**
.select-list li:nth-child(5):not(.has-thumb) {
	background-image:url("./images/eagle-3.jpg?2") !important;
}
**/
.select-list li.city-ww:not(.has-thumb) {
	background-image:url("./images/eagle-3.jpg?2") !important;
	background-position-y: 33%;
}

.select-list.area-list li.unavailable {
	order: 1000;
}

.select-list li.available a i,
.select-list li.unavailable a i {
		display: none;
}

.select-list li:after
{
	content:'';
	position:absolute;
	aspect-ratio:1;
	width: 100%;
	background: rgba(0,0,0,.33);
	z-index: 0;
	transition: background .33s cubic-bezier(.33,0,.1,1);
}

.select-list li:not(.unavailable):hover::after,
.select-list li:not(.unavailable):focus::after
{
	background:rgba(180, 180, 180, .33);
}

.select-list.form-select-list form {
	height: 100%;
	display: flex;
	flex-flow: inherit;
	justify-content: inherit;
	overflow: inherit;
}

.select-list li.unavailable > a,
.select-list.form-select-list li.unavailable > form > a {
	cursor: not-allowed;
}

.select-list a {
	text-decoration: none;
	color: var(--primary);
}

.select-list li > a,
.select-list.form-select-list li > form > a {
	display:flex;
	position:relative;
	transition:all .5s cubic-bezier(.55,0,.1,1);
	width:100%;
	text-transform: uppercase;
	border-radius: 1rem;
	overflow: hidden;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	z-index: 9;
	flex-grow: 1;
	font-size: 2rem;
}

.select-list:not(.city-list):not(.is-switch-step) li > a,
.select-list.form-select-list:not(.city-list):not(.is-switch-step) li > form > a {
	cursor:default;
}

.select-list.area-list:not(.is-switch-step) li > a,
.select-list.form-select-list.area-list li > form > a {
	padding-top:1em;
}

[data-link-this-url]:not([data-link-this-url=""]) {
	cursor: not-allowed;
}
[data-link-this-url-processed]:not([data-link-this-url-processed=""]) {
	cursor: pointer;
}

.select-list.form-select-list li > a,
.select-list.form-select-list li > form > a {
	cursor: pointer;
}

.select-list.area-list li > a > span,
.select-list.form-select-list.area-list li > form > a > span {
	user-select: none;
}

:is(.select-list, .product-list) .actions {
	z-index: 9;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	justify-content: space-evenly;
	padding-bottom: .5em;
}

:is(.select-list, .product-list) .actions a {
	padding: .15em .5em;
	border-radius: .5em;
	background: var(--smoke-darker);
	text-shadow: 0 0px 3px black;
	box-shadow: 0 0 .5em black;
}

.select-list li.unavailable a i,
.product .pdunavailable,
.area-list .pdunavailable {
	background: red;
	background: linear-gradient(to right, #ff3728 0%,#c40303 100%);
}

.product .poavailable,
.area-list .poavailable {
	background: orange;
	background: radial-gradient(circle, rgba(255,165,0,1) 0%, rgba(255,69,0,1) 100%);
}

.product .pdavailable,
.area-list .pdavailable,
:is(.select-list, .product-list) li.shp-available .actions a.shp {
	background: green;
	background: radial-gradient(circle, rgba(67,175,36,1) 0%, rgba(64,140,46,1) 100%);
}

:is(.select-list, .product-list) li.po-available .actions a.po {
	background: orange;
	background: radial-gradient(circle, rgba(255,165,0,1) 0%, rgba(255,69,0,1) 100%);
}

:is(.select-list, .product-list) li.dlv-available .actions a.dlv {
	background: red;
	background: radial-gradient(circle, rgba(255,0,0,1) 0%, rgba(128,0,0,1) 100%);
}

:is(.select-list, .product-list) .actions .shp,
:is(.select-list, .product-list) .actions .dlv,
:is(.select-list, .product-list) .actions .po {
	transition: box-shadow 250ms ease-in;
	text-decoration: none;
}

:is(.select-list, .product-list) li:not(.shp-available) .actions .shp,
:is(.select-list, .product-list) li:not(.po-available) .actions .po {
	color: var(--dark-gray);
	cursor: not-allowed;
}

:is(.select-list, .product-list) li:not(.dlv-available) .actions .dlv {
	display: none;
}

:is(.select-list, .product-list) .dlv-available .actions .dlv:hover,
:is(.select-list, .product-list) .po-available .actions .po:hover,
:is(.select-list, .product-list) .shp-available .actions .shp:hover {
	box-shadow: 0 0 5px 2px var(--accent);
}

:is(.select-list, .product-list) .op-discount {
	position: absolute;
	top: .5em;
	right: 0;
	background: radial-gradient(circle, rgba(67,175,36,1) 0%, rgba(64,140,46,1) 100%);
	color: var(--dark);
	z-index: 44;
	user-select: none;
	padding: .15em .75em;
	text-shadow: 0 0px 3px black;
	box-shadow: 0 0 .5em black;
	border-radius: .5em 0 0 .5em;
}

.select-list.area-list .area-collapse-toggle {
	background: var(--accent);
	border-radius: 7px 7px 33px 33px;
	padding: .33em;
	max-width: min(20em, 90%);
	margin: 0 auto;
	cursor: pointer;
	transition: box-shadow .33s ease, border-radius .33s ease;
	user-select: none;
	color: var(--smoke-darker);
}

.select-list.area-list.uncollapsed .area-collapse-toggle {
	border-radius: 33px 33px 7px 7px;
}

.select-list.area-list.uncollapsed .area-collapse-toggle .show-more,
.select-list.area-list:not(.uncollapsed) .area-collapse-toggle .show-less {
	display: none;
}

.select-list.area-list .area-collapse-toggle:hover {
	box-shadow: 0 0 .75em var(--accent);
}

.select-list.area-list .area-collapse {
	display: grid;
	grid-template-rows: 0fr;
	opacity: 0;
	transition: grid-template-rows 330ms ease, opacity 330ms ease;
}

.select-list.area-list.uncollapsed .area-collapse {
	grid-template-rows: 1fr;
	opacity: 1;
}

.select-list.area-list .area-collapse > .inner {
	overflow-y: hidden;
	transition: padding-top 330ms ease;
}

.select-list.area-list.uncollapsed .area-collapse > .inner {
	padding-top: 1.2em;
}

.product-list {
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap: 1.5em;
	margin-bottom: 1em;
}

.product-list li {
	display: flex;
	flex-flow: column nowrap;
	position: relative;
	width: calc(100%/5 - 3px);
}

.area-list .pdavailable,
.area-list .poavailable,
.area-list .pdunavailable {
	z-index: 9;
}

.product .poavailable, .area-list .poavailable,
.product .pdunavailable, .area-list .pdunavailable,
.product .pdavailable, .area-list .pdavailable {
	position: absolute;
	bottom: .5rem;
	pointer-events: none;
	user-select: none;
	padding: .16rem 1rem;
	font-style: normal;
	color: white;
	text-transform: uppercase;
	font-size: 16px;
	margin: 0 auto;
	left: 50%;
	transform: translateX(-50%);
}

.img-wrap
{
	background-color: var(--primary);
	background-position: center bottom;
	background-size:cover;
	display:block;
	overflow:hidden;
	position:relative;
	border: 3px solid black;
}

.product.onion-exclusive.has-availability .img-wrap {
	aspect-ratio: 1;
	background-size: 102%;
	background-position: center center;
}

.img-wrap:before
{
	content:"";
	display:block;
	padding-top:100%;
}

.img-wrap img
{
	bottom:0;
	left:0;
	margin:auto;
	position:absolute;
	right:0;
	top:0;
}

.product
{
	position:relative;
}

.product-list .product {
	--product-color: #ffae16;
	position: relative;
	width: 100%;
	flex-grow: 1;
}

.product-list .product:not(.unavailable):hover {
	z-index: 999;
	/*! box-shadow: 0 0 0 15px var(--product-color); */
	/*! filter: drop-shadow(0 6px 3px var(--accent)); */
}

.product-list img
{
	-webkit-transition:-webkit-transform .25s;
	transition:-webkit-transform .25s;
	transition:transform .25s;
	transition:transform .25s,-webkit-transform .25s;
	width:100%;
}

.product-wrap
{
	color: white;
	display:block;
	position:relative;
	text-align:center;
	width:100%;
	text-decoration: none;
}

.product.unavailable {
	cursor: not-allowed;
}

.product:not(.unavailable) a.product-wrap {
	cursor:pointer;
}

.product-list li:nth-child(2) .product,.product-list li:nth-child(6n+2) .product
{
	--product-color:#65b32e;
}

.product-list li:nth-child(3) .product,.product-list li:nth-child(6n+3) .product
{
	--product-color:#eb5893;
}

.product-list li:nth-child(4) .product,.product-list li:nth-child(6n+4) .product
{
	--product-color:#773289;
}

.product-list li:nth-child(5) .product,.product-list li:nth-child(6n+5) .product
{
	--product-color:var(--smoke);
}

.product-list li:nth-child(6) .product,.product-list li:nth-child(6n+6) .product
{
	--product-color:#000;
}

.product-wrap:hover,.product-wrap:focus
{
	color:#fff;
	text-decoration:none;
}

.product-description
{
	font:.4em/1.2 RobotoCondensed,sans-serif;
	opacity:1;
	text-transform:none;
}

.product-list .price {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	color: white;
	box-sizing: border-box;
	justify-content: space-evenly;
	width: 90%;
	background: white;
	margin: 0 auto;
	border: 3px solid black;
	border-top: none;
	text-transform: uppercase;
	padding-bottom: .5em;
	padding-top: .5em;
}

.product-list .product.unavailable .price {
	padding-left: 30px;
	padding-right: 30px;
}

/* .product-list .price-select { */
	/*! font-size: 26px; */
	/*! border: 2px solid var(--primary); */
	/*! border-top: unset; */
	/*! border-bottom-left-radius: 10px; */
	/*! border-bottom-right-radius: 10px; */
	/*! padding: .25em; */
	/*! background: var(--smoke-dark); */
	/*! max-width: min(8em, 80%); */
/* } */

.product-list .price.multi-qty .price-select {
	height: 65px;
}

.product-list .price a {
  color: var(--secondary);
  text-decoration: none;
}

.product-list .price a:hover,
.product-list .price a:focus,
.product-list .price a:active {
    text-decoration: none;
}

.product-list .price a.amount {
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  /*! font-size: 21px; */
  display: flex;
  /*! border: 2px solid var(--primary); */
  /*! border-top: unset; */
  /*! border-bottom-left-radius: 10px; */
  /*! border-bottom-right-radius: 10px; */
  /*! padding: .25em; */
  /*! background: var(--smoke-dark); */
  gap: .25em;
  /*! max-width: 6em; */
}

.product-list .price select {
	background: var(--smoke);
	border-radius: 5px;
	min-width: 65px;
	text-align: center;
}

.product-list .product:not(.unavailable) .price .amount::after {
    /*! content: ''; */
	/*! width: 55px; */
    /*! height: 55px; */
    /*! margin-top: 2px; */
    /*! background: url(./images/kfc-cart-icon.png); */
    background-size: 55px 55px;
    cursor: pointer;
    opacity: 0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.product-list .product:not(.unavailable) .price.changed .amount::after,
.product-list .product:not(.unavailable) .price.single-qty .amount::after {
	opacity: 1;
}

/* .product-list .product .price.single-qty .amount::after { */
	/*! justify-content: flex-end; */
	/*! flex-flow: row nowrap; */
	/*! align-items: center; */
/* } */

.product-list .price .qty-value {
	/*! flex-grow: 1; */
	display: inline-flex;
	justify-content: flex-end;
	flex-flow: row nowrap;
	align-items: center;
	word-wrap: anywhere;
}

.product-list .price .amount b span {
  display: inline-flex;
}

.product-list .product-on-sale-tag {
  position: absolute;
  top: .5rem;
  left: .5rem;
  color: white;
  padding: .25rem 1rem;
  pointer-events: none;
  user-select: none;
  text-transform: uppercase;
  background: linear-gradient(to right, #483D8B 0%, #6A5ACD 25%, #7B68EE 50%, #9370DB 75%);
  font-size: 18px;
}

.product-list .price .regular-price {
  text-decoration: line-through 2px;
  color: var(--dark-gray);
	/*! font-size: 0.75em; */
	/*! margin-top: -0.2em; */
  /*! display: inline-block; */
  /*! margin-right: .2em; */
}

.review-qty
{
	bottom:5px;
	font-size:23px;
	left:0;
	margin:auto;
	position:absolute;
	right:0;
	z-index:9999;
}

.product .pd-text:not(:empty)
{
	padding: 0 .5em 1em .5em;
}

h2.product-ttl
{
	background: white;
	width: 90%;
	margin: 0 auto;
	border-left: 3px solid black;
	border-right: 3px solid black;
	color: var(--secondary);
	padding-top: .5em;
}

/*.product .pdunavailable {*/
/*  font-size: 1.6rem;*/
/*  position: absolute;*/
/*  bottom: 0;*/
/*  left: 0;*/
/*  right: 0;*/
/*  padding: 5px 0;*/
/*  background: linear-gradient(transparent,red 80%);*/
/*  text-transform: uppercase;*/
/*}*/

.price
{
	display:block;
	font-size:.8em;
}

.order-details
{
	background: var(--smoke-semidark);
	color: #fff;
	font-size: 1.2em;
	padding: 1em;
	text-align: left;
	max-width: min(90%, 800px) !important;
	margin: 0 auto 2em;
}

.order-details span
{
	font-family: SourceSanPro,sans-serif;
	font-size: 25px;
}

.order-details li {
    margin: 5px 0;
}

.order-details .lighter
{
	font-size:1.6em;
}

.content-page
{
	font-size:17px;
	margin-bottom:25px;
	padding:25px 0;
}

.g-recaptcha>div
{
	margin:auto;
	max-width:100%;
	overflow:hidden;
}

.close
{
	color:#bc3635;
	cursor:pointer;
	font:20px Arial,Helvetica,sans-serif;
	opacity:1;
	position:absolute;
	right:10px;
	top:10px;
}

.content-page ul
{
	list-style:inside circle;
}

.content-page ol
{
	list-style:inside decimal;
}

ul.contact-list {
	line-height: 1.6em;
    font-family: terminal, monaco, monospace;
    color: #000000;
    text-align: left;
}

.contact-form,
.payment-form {
	max-width: min(90%, 800px) !important;
	background: var(--smoke-semidark);
	padding: 2em !important;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}


.contact-form input:not([type=submit]),
.contact-form textarea {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background:0 0;
	border:0;
	border:0;
	border-bottom:1px solid #777;
	border-radius:0;
	box-shadow:none;
	box-sizing:border-box;
	color:#777;
	font:16px RobotoLight,Arial,Helvetica,sans-serif;
	padding:10px 15px;
	width:100%;
}

.payment-form .has-error input:focus,.payment-form input:focus
{
	border-color:#000;
	box-shadow:none;
	outline:none;
}

.payment-form select,
.payment-form input[type=text],
.payment-form input[type=email],
.payment-form input[type=password],
.payment-form input[type=number],
.payment-form input[type=number],
.payment-form textarea
{
	-webkit-transition:border-bottom-color .3s;
	background:var(--smoke-darker);
	border:0;
	border-bottom:2px solid rgba(0,0,0,.09);
	border-radius:0;
	box-shadow:none;
	color:var(--primary);
	display:block;
	font-size:30px;
	min-height: 72px;
	padding: 10px;
	text-align:center;
	transition:border-bottom-color .3s;
	width:100%;
	margin-bottom: .5em;
}

.contact-form :last-child,
.payment-form :last-child,
.new-review-form :last-child {
	margin-bottom: 0 !important;
}

.payment-form .place-order {
	padding-bottom: 0;
}

#WalletTopupPdCkInput {
  font-size: 1.2em;
  min-height: 1.5em;
  margin-bottom: .1em;
}

input::placeholder,
input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder {
   color: red;
   opacity: 1;
}

.new-review-form input,
.new-review-form textarea,
#shipping-form > input {
    margin-bottom: 20px;
    font-size: 29px !important;
    font-family: RobotoCondensed, monospace, sans-serif;
    font-weight: 400 !important;
    padding: 10px !important;
    min-height: 55px !important;
}

.payment-form input:active,
.payment-form input:focus {
	border-bottom-color: rgba(0,0,0,.5);
}

.payment-form .form-row {
	margin-bottom: 1em;
}

select#nmm_currency_id {
    color: #fff;
    font-size: 23px;
    min-height: 36px;
    padding: 0;
    margin-top: 15px;
    background-color: rgba(255,255,255,0.1);
    border-radius: 5px;
    outline: none;
}

select#nmm_currency_id:active, select#nmm_currency_id:focus {
    border-bottom-color: #333;
}

.page-content .mycryptocheckout.online_payment_instructions {
  border: none;
}
.page-content .mycryptocheckout.online_payment_instructions h2 {
  background: none;
  color: black;
}
.page-content .mycryptocheckout.online_payment_instructions p {
  line-height: 2em;
}

#statusform-verifycode,#reviewform-verifycode,#contactform-verifycode,#signupform-verifycode
{
	padding:13px 15px;
}

.wc_payment_method.payment_method_other_payment input[type="number"] {
    min-height: 36px;
    color: white;
    font-size: 20px;
    padding: 5px;
	background-color: rgba(255,255,255,0.1);
    border-radius: 5px;
    width: 100%;
}

.wc_payment_method.payment_method_other_payment input[type="number"]:not(:first-of-type) {
	margin-top: 10px;
}

.wc_payment_method.payment_method_other_payment input[type="number"]:placeholder-shown + input[type="number"]:placeholder-shown {
    opacity: 0;
    user-select: none;
    pointer-events: none;
    height: 0;
    padding: 0;
    margin: 0 !important;
    border-bottom-width: 0;
    min-height: 0;
}

.wc_payment_method.payment_method_nowpayments img {
  max-height: 1.5rem;
  display: block;
  margin: .5rem auto 0 auto;
  mix-blend-mode: hard-light; /* hides its gray background */
}

#kcrypto-order-status {background:var(--secondary);padding:1em;margin:1em auto 0 auto}
#kcrypto-order-status svg {fill: var(--primary)}
#kcrypto-select-coin {text-align: left;}
#kcrypto-coin-dropdown select {color:var(--secondary);padding:.25rem .5rem;width:100%}
#kcrypto-coin-submit button {width:100%}
#kcrypto-order-status button {font-family:RobotoCondensed,Arial,Helvetica,sans-serif;}
#kcrypto-loading svg {vertical-align:text-top}
#kcrypto-custom-payment-message {background: var(--smoke); padding: 1em}
#kcrypto-coin-dd-info .kcrypto-coin-dd-info-amount {font-family:RobotoCondensed,Arial,Helvetica,sans-serif;}
#kcrypto-order-status .kcrypto-instructions-title {font-family:RobotoCondensed,Arial,Helvetica,sans-serif;}

.help-block {
	margin:0;
	padding:5px 0 0;
	text-align:left;
}

.has-error .help-block {
	color:#d50000;
	text-align:center;
}

.has-error .form-control,.has-error .form-control:focus,.payment-form .has-error input,.payment-form .has-error input:focus {
	border-color:var(--smoke);
	box-shadow:none;
}

.has-success .form-control,.has-success .form-control:focus,.form-control:focus {
	box-shadow:none;
}

.field-addfundsform-mode>label {
	display:block;
	padding-bottom:15px;
	text-align:left;
}

#addfundsform-mode label,.payment-row label {
	background:#312f2f;
	color:#fff;
	display:inline-block;
	font-size:17px;
	margin-bottom:10px;
	padding:10px 15px;
	vertical-align:top;
}

.check-col {
	display:inline-block;
	position:relative;
	vertical-align:top;
}

.check-col+.check-col {
	margin-left:2px;
}

.check-col input {
	bottom:0;
	left:0;
	margin:auto;
	opacity:0;
	position:absolute;
	top:0;
}

ul.wc_payment_methods {
	/* margin-bottom:40px; */
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
}

.lighter12 {
	font-size:1.6em;
	margin-bottom:30px;
	margin-top:20px;
}

.lighter12 a {
	background:var(--smoke);
	color:var(--primary);
	margin:10px;
	padding:10px 20px;
	display: inline-block;
}

.lighter13 {
	font-size: 1.4em;
	margin-top: 1.5em;
	margin-bottom: 0;
	line-height: 1.5em;
}

.payment-form .radio input[type=radio] {
	margin-left:0;
	position:initial;
	cursor: pointer;
}

.payment-form .check-col label {
	background:#312f2f;
	color:#fff;
	display:block;
	font-size:17px;
	opacity:.5;
	padding:10px 15px;
}

.check-col input:checked+label,
.check-col:hover label {
	opacity:1;
}

.payment-form label {
	padding: 0;
}

.payment-form .radio {
	background:var(--smoke-semidark);
	color:#fff;
	display:inline-flex;
	margin: 10px;
	padding: 20px;
	min-width: 240px;
	flex-grow: 1;
	justify-content: center;
	flex-flow: column nowrap;
	align-items: center;
	gap: 10px;
}

.payment-form.top-up input[type='number'] {
	margin-bottom:30px;
}

.payment-form .field-confirmform-mode>label {
	color:#9c9c9c;
	font-size:2rem;
	text-transform:uppercase;
}

.payment-form input[type=submit],.reload,.address-form button[type=submit],.payment-form button[type=submit],.contact-form input[type=submit],.contact-form button[type=submit]
{
	-webkit-transition:opacity .25s cubic-bezier(.35,.01,.77,.34);
	background:var(--secondary);
	border:none;
	border-radius:5rem;
	color:var(--primary);
	display:block;
	font-size:39px;
	padding:17px 15px;
	text-align:center;
	text-transform:uppercase;
	transition:opacity .2s, box-shadow .2s;
	width:100%;
}

.payment-form input.pressed,
.payment-form a.pressed,
.payment-form button.pressed {
	pointer-events: none;
	user-select: none;
	opacity: 0.8;
	cursor: wait;
}

.reload
{
	display:inline-block;
	text-decoration:none;
	vertical-align:top;
}

.form-row.cf[class*="-verifycode"] {
    display: flex;
    flex-flow: row nowrap;
}

.form-row.cf[class*="-verifycode"] input,
.captcha-input {
    margin-bottom: 0;
}

.captcha-img {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  margin-right: 1em;
  background: var(--smoke-darker);
}
.captcha-img img {
  filter: invert();
	user-select: none;
	width: 140px;
	pointer-events: none;
  background-blend-mode: color;
  background-color: blue;
}
.captcha-input
{
	flex-grow: 1;
}

.payment-form input[type=submit]:hover,.payment-form input[type=submit]:focus,.payment-form button[type=submit]:hover,.payment-form button[type=submit]:focus,.address-form button[type=submit]:hover,.address-form button[type=submit]:focus,.contact-form button[type=submit]:hover,.contact-form button[type=submit]:focus,.reload:focus,.reload:hover
{
	/*! border:1px solid #000; */
	color:#fff;
	box-shadow: 0px 0px 5px 0px var(--accent), 0px 0px 5px 5px var(--accent);
	background: var(--smoke-dark);
}

.action-column
{
	width:180px;
}

#pagination > * {
    margin: 0 10px;
}

.pagination
{
	border-radius:0;
	display:block;
	padding-bottom:15px;
	text-align:center;
}

.pagination>li
{
	display:inline-block;
	vertical-align:top;
}

.pagination>li a
{
	background:rgba(49,47,47,.7);
	border:0;
	border-radius:0;
	color:#fff;
	cursor:pointer;
	display:block;
	font-size:1.5rem;
	padding:0 7px;
	text-decoration:none;
}

.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus
{
	background:#312f2f;
	border:0;
	border-radius:0;
	color:#fff;
	font-size:1.5rem;
	opacity:.6;
	padding:0 7px;
	text-decoration:none;
}

.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus
{
	background:rgba(49,47,47,.7);
	border:0;
	color:#fff;
	font-size:1.5rem;
	padding:0 7px;
}

.pagination>li a:hover,.pagination>li a:focus
{
	background:#312f2f;
	color:#fff;
}

.pagination>li:first-child>a,.pagination>li:first-child>span,.pagination>li:last-child>a,.pagination>li:last-child>span
{
	border-radius:0;
}

.big
{
	font-size:2em;
}

.big-text
{
	font-size:1.5em;
	padding-bottom:25px;
}

.main-footer
{
	background:var(--secondary);
	padding: 0.5em;
}

ul.footer-menu {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
	gap: 1em;
}

.footer-nav a
{
	color:var(--primary);
	display:inline-block;
	font-size:1.2em;
	text-transform:uppercase;
	vertical-align:top;
}

.footer-nav a:hover,.footer-nav a:focus
{
	color:var(--accent);
	text-decoration:none;
}

.copyright {
	text-align: center;
	margin-top: .5em;
	font-size: 12px;
	font-family: 'SourceSanPro', sans-serif;
}

.tabs-well .tabs-link,.tabs-well .btn,.tabs-well .balance-btn,.btn-well a,.btn-logout,.removeItem,#addItem
{
	background:var(--smoke-dark);
	border:none;
	border-radius:0;
	box-shadow:none;
	color:var(--primary);
	display:inline-block;
	padding:6px 12px;
	text-transform:uppercase;
	vertical-align:top;
	transition: box-shadow 200ms, background-color 200ms;
	text-decoration: none;
}

.kfc-account-menu.btn-well {
	display: flex;
	flex-flow: row wrap;
    justify-content: center;
    padding-bottom: 30px;
	gap: 1em;
}

.kfc-account-menu .current-menu-item a {
	background: #3c3c3c;
}

.tabs-well .btn-success
{
	background: #70c8d4;
}

.btn-logout
{
	margin-bottom:0;
	padding:2px 12px;
}

.tabs-well .tabs-link:hover,.tabs-well .btn:hover,.tabs-well .balance-btn:hover,.tabs-well .tabs-link:focus,.tabs-well .btn:focus,.btn-well a:hover,.btn-well a:focus,.btn-logout:hover,.btn-logout:focus,.removeItem:hover,.removeItem:focus,.tabs-well .balance-btn:focus,#addItem:hover,#addItem:focus
{
	background: #3c3c3c;
	border:none;
	border-radius:0;
	box-shadow:0 0 3px #000, 0 0 4px #000;
	color:#fff;
	text-decoration:none;
}

.table-wrap
{
	overflow:auto;
	width:100%;
}

.table-wrap .table
{
	max-width:none;
}

.table-wrap .table>thead>tr>th
{
	background:#9c9c9c;
	border-color:#9c9c9c;
	color:#fff;
	vertical-align:middle;
}

.table .multi-width
{
	min-width:170px;
}

.table img
{
	max-width:100%;
}

.responsive-table .table
{
	max-width:100%;
	table-layout:fixed;
}

#product_items .item
{
	background:#b0b0b020;
	margin-bottom:25px;
	padding:15px;
}

.address-form .form-body
{
	padding-bottom:20px;
}

.address-form .form-group
{
	float:left;
	padding:0 10px;
	width:25%;
}

.address-form .form-group.field-address-address_text,.address-form .form-group.field-address-priority,.address-form .form-group.field-address-priority:last-child,.address-form .form-group:last-child
{
	float:none;
	width:100%;
}

.qr-code
{
	padding-bottom:15px;
	text-align:center;
}

body .application--wrap
{
	min-height:0;
}

body .theme--light.application
{
	background:0 0;
	color:inherit;
}

.modal-backdrop
{
	z-index:999;
}

#conversejs .brand-subtitle,#conversejs .byline,.converse-svg-logo
{
	display:none!important;
}

.table .text-page-cell {
	width:50%;
}

.woocommerce-message {
	background: #7000ae;
	color: white;
	padding: 1rem 2rem;
	font-size: 125%;
	margin-bottom: 2rem;
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
}

a,.general-ttl a:hover,.general-ttl a:focus {
	color:var(--primary);
}

strong,.ex {
	font-weight:700;
}

.content .order-details p,.table-wrap thead th a {
	color:#fff;
}

.select-list li+.error,
.error+.error,
.review-list .summary,
label[for="nmm_currency_id"],
ul.wc_payment_methods input[type=radio]:not(:checked) ~ div.payment_box
{
	display:none;
}

label[for="other_payment-admin-note"] {
	margin-bottom: 14px;
}

label[for="other_payment-admin-note"] b,
.order-details span b {
	color: red;
	padding: 0 .333rem;
	background: rgb(210,210,210);
	border-radius: .25rem;
}

label[for="other_payment-admin-note"] b.discount,
.order-details span b.discount {
	color: green;
}

.order-details span b {
	font-size: 1.4rem;
}

.order-details-container {
	background: var(--smoke-semidark);
	width: fit-content;
	margin: 0 auto;
	max-width: min(90%, 800px) !important;
	padding: 0 1em;
}
.order-details-container .order-details {
	margin-bottom: 0;
	padding-bottom: 0;
	background: unset;
	max-width: unset !important;
	padding-top: 2em;
}
.order-details-container .payment-form {
	background: unset;
	max-width: unset !important;
}

.proceed-to-payment {
	font-size: 2rem;
	margin: 1em;
	display: inline-block;
}

ul.wc_payment_methods input[type=radio]:checked ~ div.payment_box {
	display: initial !important;
}

ul.wc_payment_methods .payment_box.payment_method_wallet p {
	display: none !important;
}

ul.wc_payment_methods .payment_box input[type=number]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1; /* Firefox */
  font-style: italic;
}

ul.wc_payment_methods .payment_box input[type=number]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
  font-style: italic;
}

ul.wc_payment_methods .payment_box input[type=number]::-ms-input-placeholder { /* Microsoft Edge */
  color: white;
  font-style: italic;
}

#wallet-radio {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height 350ms, padding 250ms, opacity 300ms;
  padding: 0;
  opacity: 0;
}
#wallet-radio.toggled {
	max-height: 10rem;
	opacity: 1;
	padding-bottom: 10px;
}
#wallet-radio input[type="number"] {
  flex-shrink: 1;
  max-width: 8rem;
  color: white;
  height: 2rem;
  min-height: 2rem;
  font-size: 1.8rem;
}
#wallet-radio i,
.payment_method_wallet span#ab {
  background: white;
  border-radius: .333rem;
  font-style: normal;
  padding: .2rem .5rem;
  color: black;
  transition: box-shadow 200ms;
  box-shadow: 0 0 5px -2px black;
  user-select: none;
  font-size: 1.25rem;
  white-space: nowrap;
  display: inline-block;
  line-height: 1.2rem;
}
#wallet-radio i:hover,
#wallet-radio i:focus,
.payment_method_wallet span#ab:hover,
.payment_method_wallet span#ab:focus {
	box-shadow: 0 0 10px black, 0 0 10px black;
}
.payment_method_wallet span#ab {
	margin: 1rem 0 1rem 1rem;
}
.payment_method_wallet label {
	vertical-align: middle;
	padding: 0;
	line-height: 1rem;
}
.radio.wc_payment_method.payment_method_wallet {
  padding: 1.5rem;
  border-radius: 1rem;
}
.radio.wc_payment_method.payment_method_wallet input[type="radio"] {
  margin: 1rem;
}
.radio.wc_payment_method.payment_method_wallet label > b {
	white-space: nowrap;
	margin: 1rem .5rem .5rem .2rem;
	display: inline-block;
	font-weight: normal;
}
.radio.wc_payment_method.payment_method_wallet label strong bdi {
  font-size: 1.8rem;
  font-weight: normal;
}

.admin-notice {
	color: var(--primary);
}

.admin-notice p:empty {
  display: none;
}

.admin-notice p {
    font-family: RobotoCondensed,Arial,Helvetica,sans-serif;
	color: var(--primary);
}

.home-notice {
  margin: 0 auto 2rem auto;
  font-size: 1.6rem;
}

.home-notice p {
  color: inherit;
  margin: 0;
  padding: .5rem;
}

.home-text p,.home-text h2,.home-text h3,.home-text h4,.home-text ol,.home-text ul,.make-order p,.content-page p,.content-page ul,.content-page ol,.form-row,.summary
{
	padding-bottom:15px;
}

::-webkit-input-placeholder,.payment-form ::-webkit-input-placeholder,::-moz-placeholder,.payment-form ::-moz-placeholder,:-ms-input-placeholder,.payment-form :-ms-input-placeholder,:-moz-placeholder,.payment-form :-moz-placeholder
{
	color:red;
	font-size:1em;
	opacity:1;
}

#payment .payment_box {
  width: 100%;
}
#payment .payment_box p, .payment_box select {
	color: white;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0;
}
#payment .payment_box select {
  background: #898989;
  margin-top: 10px;
  cursor: pointer;
}
#payment [class^="mcc-"], #payment [class*=" mcc-"] {
  margin: 10px 5px 0 5px;
}

.content-page ul li,.content-page ol li,.tabs-well,.btn-well
{
	padding-bottom:10px;
}

.form-button,.reload-wrap,.footer-nav
{
	text-align:center;
}

[class^=icon-]:before,[class*=" icon-"]:before
{
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	display:inline-block;
	font-family:fontello;
	font-style:normal;
	font-variant:normal;
	font-weight:400;
	line-height:1em;
	margin-left:.2em;
	margin-right:.2em;
	text-align:center;
	text-decoration:inherit;
	text-transform:none;
	width:1em;
}

.icon-basket:before
{
	content:'\e800';
}

.icon-award:before
{
	content:'\e801';
}

.icon-login-1:before
{
	content:'\e802';
}

.icon-briefcase:before
{
	content:'\e803';
}

.icon-user:before
{
	content:'\e804';
}

.icon-globe:before
{
	content:'\e805';
}

.icon-location:before
{
	content:'\e806';
}

.icon-clock:before
{
	content:'\e807';
}

.icon-cancel:before
{
	content:'\e808';
}

.icon-pencil:before
{
	content:'\e809';
}

.icon-star:before
{
	content:'\e80a';
}

.icon-star-empty:before
{
	content:'\e80b';
}

.icon-reply:before
{
	content:'\f112';
}

.icon-dollar:before
{
	content:'\f155';
}

.icon-paper-plane:before
{
	content:'\f1d8';
}

.icon-user-plus:before
{
	content:'\f234';
}

.icon-shopping-basket:before
{
	content:'\f291';
}

ul.woocommerce-thankyou-order-details
{
	display: flex;
	flex-flow: column nowrap;
	gap: .5em;
}

ul.woocommerce-thankyou-order-details strong {
    color: var(--primary);
}

/* Copy to clipboard button */
ul.woocommerce-order-overview.woocommerce-thankyou-order-details button,
.copy-to-clipboard-btn {
	background: none;
    border: none;
    font-size: .7em;
    vertical-align: text-top;
    line-height: 1.65em;
    padding: 0;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details button:before,
.copy-to-clipboard-btn:before {
	rotate: 180deg;
}

#push_sub_section {
    margin-top: 2rem;
}
#register_push_sub {
  background: var(--accent);
  color: var(--secondary);
  padding: .4rem 1rem;
  border: 2px;
  transition: box-shadow 200ms;
  border-radius: 5px;
}
#register_push_sub:hover,
#register_push_sub:focus {
  box-shadow: 0 0 1em var(--accent);
}

.cancel-order-btn {
	margin-top: 2rem;
	margin-bottom: 1rem;
}
.cancel-order-btn a {
	background: var(--primary);
    color: var(--secondary);
    text-decoration: none;
    padding: .4rem .8rem;
    border-radius: 5px;
    transition: box-shadow 250ms ease-in-out;
}
.cancel-order-btn a:hover,
.cancel-order-btn a:focus {
	box-shadow: 0 0 1rem var(--primary);
}

#thankyou_order_message, #thankyou_order_message_2 {
	white-space: pre-line;
    color: var(--primary);
    padding: .5em 1em;
    background: var(--smoke-dark);
    border-radius: 5px;
    width: fit-content;
    margin: 1.5rem auto;
}

div#thankyou_order_message_2 {
    display: flex;
    flex-flow: row nowrap;
    gap: .42rem;
    justify-content: center;
    align-items: center;
}

#status-gallery {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap: 1.5em;
}

#status-gallery img {
	cursor: pointer;
	object-fit: cover;
	display: block;
	object-position: 50% 50%;
	border-radius: 5px;
	width: 240px;
	aspect-ratio: 1;
}

#lightbox {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 1em;
	background-color: rgba(0,0,0,0.85);
	transition: opacity 200ms;
	user-select: none;
	opacity: 0;
	pointer-events:none;
}
#lightbox.enabled {
	opacity: 1;
	pointer-events:initial;
	cursor: pointer;
}
#lightbox img {
	max-height: 100%;
	max-width: 100%;
}

.tiny-lightbox {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1em;
  background: rgba(0, 0, 0, 0.8);
}
.tiny-lightbox:target {
  display: block;
}
.tiny-lightbox span {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

p.booking-cancel-in-notice {
	margin-bottom: 1em;
	margin-top: 2em;
}

.url-notice-line1 {
	margin: 1em 0 0;
	font-size: 1.4em;
}

.url-notice-line2 {
	margin: 0.5em 0 0;
	font-size: 1.3em;
}

.default-page-content:not(.checkout-page) {
	background: var(--smoke-dark);
	padding: 1em;
}

.checkout-page {
	padding: 1em 0 0;
}

.rules-page {
	max-width: min(90%, 980px);
	margin-left: auto;
	margin-right: auto;
}
.rules-page h2 {
	font-size: 1.2em;
}
.rules-page p {
	margin-left: 0;
	margin-right: 0;
	line-height: 1.8em;
}
.rules-page hr {
	margin: 2em 20%;
}
.rules-page ul {
	list-style: unset;
	text-align: center;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
}
.rules-page ul > li {
	margin-left: 1em;
	line-height: 1.6em;
	font-family: SourceSanPro,Arial,Helvetica,sans-serif;
}

.capitals
{
	text-transform:capitalize;
}

.margin-bottom-small
{
	margin-bottom:20px;
}

.top-wrap.cf {
    padding: 0 0.5em;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    background: var(--primary);
    width: 100%;
	gap: .25em;
    align-items: center;
    font-size: 1rem;
	z-index: 500;
}

.top-wrap.cf ul {
    text-align: right;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
	gap: .5em;
}

.top-wrap.cf li a {
    position: relative;
    display: block;
    line-height: 29px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    color: var(--secondary);
}

.top-wrap.cf .avatar-wrapper {
    position: relative;
}

.top-wrap.cf .avatar-wrapper .avatar-icon {
    cursor: pointer;
    color: var(--smoke-darker);
    margin-right: 0.25rem;
}

.top-wrap.cf .avatar-wrapper .avatar-icon:hover {
	color: var(--smoke-dark);
}

.top-wrap.cf .avatar-wrapper .icon-user {
	font-style: normal;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}

.top-wrap.cf .avatar-wrapper .icon-user::before {
    font-size: 1.4rem;
	margin: 0;
}

.top-wrap.cf ul.account-dropdown {
    position: absolute;
    top: 100%;
    right: 0.5em;
    translate: 33% 0;
    background: var(--smoke-darker);
    backdrop-filter: blur(2px);
    padding: 1.5em 2em;
    flex-flow: column nowrap !important;
    gap: 1em;
    z-index: 9;
    text-align: unset;
    border-radius: 1em;
    opacity: 0;
    visibility: hidden;
	scale: 1 0;
	transform-origin: top;
    transition: opacity 0.33s ease, visibility 0s linear 0.33s, scale 0.33s ease;
	color: var(--smoke-white);
}

.top-wrap.cf.dropdown-toggled ul.account-dropdown {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
	scale: 1 1;
}

.top-wrap.cf ul.account-dropdown > li {
    margin-left: 0;
    white-space:nowrap;
}

.top-wrap.cf ul.account-dropdown a {
	color: var(--primary);
}

.top-wrap.cf .balance {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	background: var(--smoke-darker);
	border-radius: .5rem;
	line-height: 1rem;
	color: var(--primary);
	overflow: hidden;
	font-size: 1rem;
	margin: 2px 0;
}
.top-wrap.cf .balance:hover,
.top-wrap.cf .balance:focus,
.top-wrap.cf .balance:active {
	text-decoration: none;
	background: var(--smoke-dark);
}
.top-wrap.cf .balance::before {
	content: '✚';
	padding: 0.25rem;
	margin-right: -1px;
}
.top-wrap.cf .balance span {
	padding: 0.25rem 0.4rem 0.25rem 0.3rem;
	border-left: 1px solid rgba(255,255,255,.25);
}

.account-dropdown-close {
	position: absolute;
	top: 0.75em;
	right: 1.25em;
	cursor: pointer;
	user-select: none;
	padding: 0.25em;
	z-index: 11;
}
.account-dropdown-close:hover {
	color: var(--primary);
}

header nav {
    background: var(--secondary);
    padding:0 0.5em;
    color: white;
}

.nav-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav-wrapper:before {
    content: '';
    width: var(--logo-size);
}

@keyframes logo-rotation {
	0% { transform: rotate(-40deg); }
	100% { transform: rotate(400deg); }
}

.brand {
/*	animation: logo-rotation 5s infinite alternate cubic-bezier(.58,.04,.4,1.01);*/
	filter: drop-shadow(0 0 5px black);
	border-radius: 100px;
	width: var(--logo-size);
	position: absolute;
	top: 0.75em;
	left: 0.5em;
}

.brand img {
	width: 100%;
}

@media screen and (min-width: 861px) {
	.nav-wrapper ul.nav-list {
		list-style-type: none;
		display: flex;
		align-items: center;
		flex-flow: row wrap;
		justify-content: flex-end;
	}
}

.nav-wrapper ul.nav-list li {
	position: relative;
}

.nav-wrapper ul.nav-list li a {
    color: var(--primary);
    text-decoration: none;
    transition: background .2s ease-out;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 25px;
    line-height: 44px;
    padding: 8px;
    display: block;
    margin: 0 3px;
}

.nav-wrapper ul.nav-list li a:hover,
.nav-wrapper ul.nav-list li.current-menu-item a {
    color: var(--accent);
    background: rgba(255,255,255,0.3);
}

.nav-wrapper ul.nav-list li:last-of-type a {
	margin-right: 0;
	padding-right: 0;
}

.btn {
    background: var(--primary);
    color: var(--pure);
    outline: none;
    padding: 8px 20px;
    font-size: 14px;
    cursor: pointer;
    letter-spacing: 1px;
    border: 1px solid transparent;
    transition: all .3s ease-in-out;
}

.btn:hover {
    background: transparent;
    border-color: var(--pure);
}

.admin-notice:empty,
.home-notice:empty {
  display: none;
}

nav ul.sub-menu {
    list-style-type: none;
    display: block;
    background: var(--smoke);
    padding: 6px 16px;
    position: absolute;
    width: max-content;
    z-index: 9998;
    transform: translateX(-50%);
    opacity: 0;
    pointer-events: none;
    top: 40px;
    left: 12px;
}

.nav-wrapper ul.sub-menu li {
    margin-left: 0;
    padding: 0;
}

.nav-wrapper ul.sub-menu li a {
    color: var(--dark);
    padding: 0 5px;
} 

.nav-wrapper ul.nav-list li:hover .sub-menu {
    opacity: 1;
    pointer-events: auto;
    animation: moveUp .3s ease-in-out forwards;
}

@keyframes moveUp {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(20px); 
    }
}

.hamburger, .brand {
    z-index: 9998;
}

@media screen and (min-width: 861px) {
	.hamburger {
		display: none;
	}
}

@media screen and (max-width: 860px) {
	.hamburger {
		display: flex;
		flex-direction: column;
		padding: 20px 0;
		cursor: pointer;
		align-items: end;
		margin-left: calc(var(--logo-size) - 28px);
		margin-top: 5px;
		margin-bottom: -5px;
	}
	.hamburger span {
		background: var(--pure);
		width: 28px;
		height: 2px;
		margin-bottom: 8px;
	}
	ul.nav-list {
		background: -webkit-linear-gradient(45deg, #434343, #000000);
		background: linear-gradient(45deg, #434343, #000000);
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		padding-top: 80px;
		opacity: 0;
		pointer-events: none;
		transition: all .2s ease-in-out;
		z-index: 9997;
	}
	ul.nav-list.open {
		opacity: 1;
		justify-content: flex-start;
		pointer-events: auto;
		padding-top: min(200px, 25vh);
	}
	.hamburger span {
		transform-origin: left;
		transition: all .2s ease-in-out;
	}
	ul.nav-list li a {
		font-size: 20px;
		line-height: initial;
		margin: 5px;
	}
	ul.sub-menu {
		position: relative;
		background: transparent;
		text-align: center;
		height: 0;
		overflow-y: hidden;
		transition: opacity 1s ease-in-out;
		padding-top: 0;
	}
	.nav-wrapper ul li:hover .sub-menu {
		height: max-content;
		text-align: center;
		/* width: 100%; */
		top: 0;
		left: 50%;
	}
	.nav-wrapper ul li:hover .sub-menu li {
		margin-bottom: 20px;
	}
	ul.nav-list li {
		margin-left: 0;
		text-align: center;
	}
	.nav-wrapper ul.sub-menu li a {
		color: var(--pure);
		line-height: 20px;
	}
}

#crypto_special_message_on_checkout {
  margin-top: 2em;
}

.generic-home-link-error-code {
	font-size: calc(100vw / 7);
}

/*  */

.loyalty {
	display: flex;
	flex-flow: row wrap;
	gap: 1rem;
	justify-content: space-between;
	justify-content: space-evenly;
}
.loyalty .loyalty-row {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	box-sizing: border-box;
	width: 250px;
	color: var(--secondary);
}
.loyalty .loyalty-row.current {
	background-color: var(--rank-color-1);
	background-size: 200%;
	background-position: 0%;
	transition: background-position 555ms ease-in-out;
	padding: 3rem 1rem;
	width: 100%;
	background-image: linear-gradient(-45deg, var(--rank-color-1), var(--rank-color-2), var(--rank-color-3), var(--rank-color-4), var(--rank-color-5));
	border-radius: 1rem;
}
/*140% 160%*/
.loyalty .loyalty-row.current:hover {
	background-position: 100%;
}
.loyalty .loyalty-perks {
	flex-grow: 1;
	text-shadow: 0 0 .5rem white, 0 0 1rem white;
}
.loyalty .loyalty-row.current .loyalty-perks {
	margin-top: 1rem;
}
.loyalty .rank-container {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}
.loyalty .rank {
  --rank-size: 90px;
  --rank-shadow-px: calc(var(--rank-size) / 10);			/* 20px */
  --rank-shadow-small: calc(var(--rank-shadow-px) / 4);		/* 5px */
  --rank-shadow-small-negative: calc(var(--rank-shadow-small) * -1);   /* -5px */
  --rank-margin: calc(var(--rank-shadow-px) - var(--rank-shadow-small));  /* 15px */;
  width: var(--rank-size);
  aspect-ratio: 1;
  background: #CCC;
  background: var(--rank-color-1);
  border-radius: 50%;
  background: radial-gradient(circle, var(--rank-color-1) 0%, var(--rank-color-2) 25%, var(--rank-color-3) 50%, var(--rank-color-4) 75%, var(--rank-color-5) 100%);
  box-shadow: var(--rank-shadow-small) var(--rank-shadow-small) var(--rank-shadow-px) var(--rank-shadow-small-negative) var(--rank-color-1), var(--rank-shadow-small-negative) var(--rank-shadow-small-negative) var(--rank-shadow-px) var(--rank-shadow-small-negative) var(--rank-color-4), var(--rank-shadow-small) var(--rank-shadow-small-negative) var(--rank-shadow-px) var(--rank-shadow-small-negative) var(--rank-color-5), var(--rank-shadow-small-negative) var(--rank-shadow-small) var(--rank-shadow-px) var(--rank-shadow-small-negative) var(--rank-color-3), 0 0 .5rem white;
  margin: var(--rank-margin);
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  text-shadow: 0 0 var(--rank-shadow-small) white, 0 0 var(--rank-margin) white;
  transition: transform 555ms ease-in-out;
}
.loyalty .loyalty-row.current .rank {
  --rank-size: 160px;
}
.loyalty .loyalty-row:hover .rank {
	transform: scale(1.22);
}
.loyalty .rank-title {
	pointer-events: none;
	user-select: none;
	font-weight: bold;
	font-size: calc(var(--rank-size) / 4.20);
	margin-top: calc(var(--rank-size) / 14);
}
.loyalty .rank-orders-count {
	pointer-events: none;
	user-select: none;
	font-size: calc(var(--rank-size) / 5.55);
	/* white-space: pre; */
}
.loyalty .loyalty-row:not(.current) .rank-orders-count span {
	display: none;
}
.loyalty .loyalty-row.bronze {
	--rank-color-1: #7F4A00;
	--rank-color-2: #905921;
	--rank-color-3: #A87143;
	--rank-color-4: #794108;
	--rank-color-5: #B08D57;
}
.loyalty .loyalty-row.silver {
	--rank-color-3: #E0E2DB;
	--rank-color-2: #D2D4C8;
	--rank-color-1: #B8BDB5;
	--rank-color-5: #889696;
	--rank-color-4: #5F7470;
}
.loyalty .loyalty-row.gold {
	--rank-color-4: #a67c00;
	--rank-color-1: #bf9b30;
	--rank-color-5: #ffbf00;
	--rank-color-2: #ffcf40;
	--rank-color-3: #ffdc73;
}
.loyalty .loyalty-row.platinum {
	--rank-color-5: #E5E3E0;
	--rank-color-2: #A8A9AD;
	--rank-color-1: #757575;
	--rank-color-4: #575654;
	--rank-color-3: #D0D1CB;
}
.loyalty .loyalty-row.diamond {
	--rank-color-4: #5BB9E2;
	--rank-color-1: #00A0FF;
	--rank-color-5: #0006FF;
	--rank-color-3: #00F6FF;
	--rank-color-2: #00C3FF;
}

.score-switch-step-btn {
	background: var(--smoke-dark);
	border-radius: 5px;
	border: 0;
	padding: 0.16em 0.5em;
	box-shadow: 2px 2px 2px black;
	text-transform: uppercase;
	font-size: 20px;
}

.order-history-table-wrapper {
	background: var(--smoke-semidark);
	padding: 1em 0;
	font-size: 1.2rem;
}

li.woocommerce-order-overview__order.order > strong {
    display: inline-flex;
    flex-flow: row nowrap;
    gap: .420rem;
    align-items: center;
}

body .wrapper .clipboard-toggle,
body .wrapper button.clipboard-toggle {
    fill: var(--primary);
    vertical-align: unset;
    display: inline-flex;
    line-height: 1rem;
    height: 1rem !important;
    padding: 0;
    font-size: 1rem;
    border: none;
    background: none;
    justify-content: center;
    align-items: center;
    flex-flow: row nowrap;
    align-self: center;
}
body .wrapper .clipboard-toggle svg {
	rotate: 180deg;
}

/* responsive */

@media screen and (max-width:1599px) and (min-width:768px) {
	.product-list li
	{
		margin:1.5px;
		width:calc(100%/4 - 3px);
	}
}

@media screen and (max-width:767px) and (min-width:651px) {
	.product-list li
	{
		margin:1.5px;
		width:calc(100%/3 - 3px);
	}
}

@media screen and (max-width:1040px) {
	body {
		background-size: auto 100vh; /* tablets and below */
	}
	.general-header {
		text-align:center;
	}
	.general-nav,
	.logo {
		float:none;
		margin:0;
	}
	.logo {
		display:inline-block;
		vertical-align:top;
	}
	.general-nav .dropdown-menu {
		background-color:#7d1125;
		float:none;
		position:relative;
	}
	.responsive-table .table,
	.responsive-table .table tbody,
	.responsive-table .table thead,
	.responsive-table .table tr,
	.responsive-table .table td,
	.responsive-table .table thead tr.filters {
		display:block;
		width:100%;
	}
	.responsive-table .table thead tr {
		display:none;
	}
	.responsive-table td[data-title]:before {
		content:attr(data-title);
		font-weight:700;
		padding-right:15px;
	}
	.responsive-table .table-striped>tbody>tr:nth-of-type(odd) {
		background-color:#e4e4e4;
	}
	.select-list li {
		width:28%;
	}
}

@media screen and (max-width:900px) {
	.order-details {
		padding-left:10px;
		word-wrap:break-word;
	}
}

@media screen and (max-width:790px) {
	.address-form .form-group:not(:last-child) {
		width:50%;
	}
	.select-list li {
		width:43%;
	}
}

@media screen and (max-width:650px) {
	.product-list li {
		width:calc(100% - 4em);
	}
	.general-ttl {
		font-size: 41px;
	}
	.general-nav li {
		display:block;
		text-align:center;
	}
	.general-nav>li>a {
		display:inline-block;
		vertical-align:top;
	}
	.select-list {
		text-align:center;
	}
	.address-form .form-group:not(:last-child) {
		float:none;
		width:100%;
	}
	#H-help-btn span {
		order: 2;
		border-radius: 0 1rem 1rem 0;
		padding: 0 1rem 0 1.6rem;
		margin: 0 0 0 -1.2rem;
	}
}

@media screen and (max-width:480px) {
	.balance-row {
		font-size: 15px;
	}
	.balance-row .balance {
		justify-content: space-between;
	}
	.balance-row .balance > span:not(:first-of-type),
	.top-wrap.cf li {
		margin-left: 7px;
	}
	.select-list.area-list li {
		width:80%;
	}
}

table { 
    width: 80%; 
    table-layout: fixed;
    border-collapse: collapse; 
    margin: 0 auto;
}

/* responsive table */
@media only screen and (max-width:760px) {
    td, tr { 
        display: block; 
	}
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	tr {
        border: 1px solid #BBB; 
    }
    tr + tr{
        margin-top: 1.5em;
    }
	td { 
		/* make like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50% !important; 
        text-align: left; 
	}
	td:before { 
        content: attr(data-label);
        display: inline-block;
        line-height: 1.5;
	    margin-left: -100%;
        width: 100%;
	}
}

@media screen and (min-width:860px) {
	ul.extra-header {
		display: none;
	}
}