/*gradients - 62% is golden rat - based on JTB style guide form ben */
:root { /*Pushka.com CSS*/
--grey-gradient: linear-gradient(90deg, #323232 0%, #787878 62%, #B7B7B7 100%);
--grey-flat-gradient-dark: linear-gradient(90deg, #323232 0%, #606060 62%, #6D6D6D 100%);
--grey-flat-gradient: linear-gradient(90deg, #787878 0%, #8D8D8D 62%, #B7B7B7 100%);
--grey-gradient-transp: linear-gradient(90deg, #323232aa 0%, #787878aa 62%, #B7B7B7aa 100%);
--silver-gradient: linear-gradient(90deg, #A9A9A9 0%, #CBCBCB 62%, #D2D2D2 100%);
--light-silver-gradient: linear-gradient(90deg, #CBCBCB 0%, #E5E5E5 62%, #EFEFEF 100%);
--light-silver-flat-gradient: linear-gradient(90deg, #E5E5E5 0%, #E8E8E8 62%, #EFEFEF 100%);
--light-silver-flat-gradient-lighter: linear-gradient(90deg, #E5E5E5 0%, #E8E8E8 62%, #EFEFEF33 100%);
--brown-gradient: linear-gradient(90deg, #6e2814 0%, #a04614 62%, #dc8200 100%);
--pushka-gradient:    linear-gradient(90deg, #FFC107 0%, #FF9800 62%, #FF5722 100%) ; 
--pushka-gradient-hover:   linear-gradient(90deg, #D7CCC8 0%, #FFA726 62%, #FF5722 100%) ; 
--url-hover-gradient:   linear-gradient(90deg, #bd2c00 0%, #EF6C00 62%, #FFC107 100%) ; 
/*darken the lightest colour https://meyerweb.com/eric/tools/color-blend/
old --url-hover-gradient: linear-gradient(90deg, #2196F3 0%, #1E59D3 62%, #29B6F6 100%); 
*/

  --ghd-bg-gradient: linear-gradient(90deg, #2A1200 0%, #4e2203 65%, #813905 100%);
    
  /* Australian Tartan: Original Stripe Layout + Dark Open Field Squares */
  --ghd-aus-tartan:  
   url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cdefs%3E%3C!-- Large Diagonal Stitch Pattern --%3E%3Cpattern id='stitch' width='8' height='8' patternUnits='userSpaceOnUse' patternTransform='rotate(45)'%3E%3Cline x1='0' y1='0' x2='0' y2='8' stroke='%23FFF' stroke-width='2' stroke-dasharray='3,3' stroke-opacity='0.25'/%3E%3C/pattern%3E%3C/defs%3E%3C!-- Background Stitch Overlay --%3E%3Crect width='240' height='240' fill='url(%23stitch)'/%3E%3Cg fill-opacity='0.28'%3E%3C!-- VERTICAL STRIPE CLUSTER --%3E%3C!-- Extended Under-band (Adjusted to 80% expansion level) --%3E%3Crect fill='%23FFF' x='36' y='0' width='168' height='240' fill-opacity='0.15'/%3E%3C!-- Outer Double Guard Stripes --%3E%3Crect fill='%23FFF' x='72' y='0' width='3' height='240'/%3E%3Crect fill='%23FFF' x='78' y='0' width='3' height='240'/%3E%3C!-- Yellow Accent Line --%3E%3Crect fill='%23FFF' x='86' y='0' width='4' height='240' fill-opacity='0.45'/%3E%3C!-- Inner Guard Stripes --%3E%3Crect fill='%23000' x='94' y='0' width='3' height='240'/%3E%3Crect fill='%23FFF' x='100' y='0' width='3' height='240'/%3E%3C!-- SEPARATED INNER TWIN RED STRIPES --%3E%3Crect fill='%23FFF' x='110' y='0' width='4' height='240' fill-opacity='0.6'/%3E%3Crect fill='%23FFF' x='126' y='0' width='4' height='240' fill-opacity='0.6'/%3E%3C!-- Inner Guard Stripes (Right) --%3E%3Crect fill='%23FFF' x='137' y='0' width='3' height='240'/%3E%3Crect fill='%23000' x='143' y='0' width='3' height='240'/%3E%3C!-- Yellow Accent Line (Right) --%3E%3Crect fill='%23FFF' x='150' y='0' width='4' height='240' fill-opacity='0.45'/%3E%3C!-- Outer Double Guard Stripes (Right) --%3E%3Crect fill='%23FFF' x='159' y='0' width='3' height='240'/%3E%3Crect fill='%23FFF' x='165' y='0' width='3' height='240'/%3E%3C!-- HORIZONTAL STRIPE CLUSTER --%3E%3C!-- Extended Under-band (Adjusted to 80% expansion level) --%3E%3Crect fill='%23FFF' x='0' y='36' width='240' height='168' fill-opacity='0.15'/%3E%3C!-- Outer Double Guard Stripes --%3E%3Crect fill='%23FFF' x='0' y='72' width='240' height='3'/%3E%3Crect fill='%23FFF' x='0' y='78' width='240' height='3'/%3E%3C!-- Yellow Accent Line --%3E%3Crect fill='%23FFF' x='0' y='86' width='240' height='4' fill-opacity='0.45'/%3E%3C!-- Inner Guard Stripes --%3E%3Crect fill='%23000' x='0' y='94' width='240' height='3'/%3E%3Crect fill='%23FFF' x='0' y='100' width='240' height='3'/%3E%3C!-- SEPARATED INNER TWIN RED STRIPES --%3E%3Crect fill='%23FFF' x='0' y='110' width='240' height='4' fill-opacity='0.6'/%3E%3Crect fill='%23FFF' x='0' y='126' width='240' height='4' fill-opacity='0.6'/%3E%3C!-- Inner Guard Stripes (Bottom) --%3E%3Crect fill='%23FFF' x='0' y='137' width='240' height='3'/%3E%3Crect fill='%23000' x='0' y='143' width='240' height='3'/%3E%3C!-- Yellow Accent Line (Bottom) --%3E%3Crect fill='%23FFF' x='0' y='150' width='240' height='4' fill-opacity='0.45'/%3E%3C!-- Outer Double Guard Stripes (Bottom) --%3E%3Crect fill='%23FFF' x='0' y='159' width='240' height='3'/%3E%3Crect fill='%23FFF' x='0' y='165' width='240' height='3'/%3E%3C/g%3E%3C/svg%3E");

} /*end root::*/



html body{
  padding: 15px 15px 0 15px !important;
  margin-right: 0;
  
  background-image: var(--ghd-aus-tartan), var(--ghd-bg-gradient) !important;
  background-repeat: repeat, no-repeat !important;
  background-size: 222px 222px, cover !important;
  background-blend-mode: overlay !important;
  min-height: 100vh;
  margin: 0;
  background-color: #463930 !important;
  
}


html .card {
  background-color: #4e1a006e; 
  backdrop-filter: blur(4px);
}


body,header,footer,span,div,h1,h2,h3, button, a,
code, pre, textarea, input, u, b, strong
{
	font-family:"PT Mono"  !important ;
}

@media (max-width: 768px) {
  .card {
    clear:both;
	margin-left:1px;
	margin-bottom:2em;
	width:100%;
	display:inline-block;
	
  }
  body{display:block !important ;}
}





body {    text-align: center; padding: 50px; }
#qrcode { margin: 20px auto; display: inline-block; }
input { padding: 10px; width: 300px; }
button { padding: 10px 20px; cursor: pointer; background: #007bff; color: white; border: none; border-radius: 4px; }
#downloadBtn { display: none; margin-top: 20px; background: #28a745; }


html .urlInput{filter:invert(1);}

html button { 
  background: #d74c08; 
}
button:hover { 
  background: #ff950d; 
}

h2 img,h3 img{
	height: auto;
  width: 77px;
  padding-right: 1em;
  filter: hue-rotate(195deg)saturate(1.6);
}

html a, .main-content a {
  color: #a39963;
}
html a:hover, .main-content a:hover {
  color: #dbc651;
}

html input, html button{
	font-size: 20px;
}

#downloadBtn:hover {
  display: none;
  margin-top: 20px;
  background: #a3ba07;
}



/* ... (previous styles) ... */

#qrcode { 
	margin: 25px auto;
	padding: 33px;        /* The 33px white border */
	background: #fff;     /* Background for the border */
	display: inline-block;
	line-height: 0;       /* Removes extra bottom spacing */
	border: 1px solid #eee; /* Optional: light stroke to see the white edge */
}

/* Ensure the 512px image scales down on small phones */
#qrcode img, #qrcode canvas {
	max-width: 100% !important;
	height: auto !important;
}


html #qrcode {
  margin: 25px auto;
  padding: 33px;
  background: #919191;
  display: inline-block;
  line-height: 0;
  border: 1px solid #ffd634;
}




body {   display: flex; justify-content: center; align-items: center; min-height: 100vh; margin: 0; }
.card {   padding: 30px; border-radius: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); text-align: center; width: 90%; max-width: 420px; margin-left: 2em; }
input { width: 100%; padding: 12px; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 8px; box-sizing: border-box; font-size: 16px; }
button { width: 100%; padding: 12px; border: none; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 16px; margin-bottom: 10px; }
.gen-btn { background: #007bff; color: white; }
.dl-btn { background: #28a745; color: white; display: none; }

/* This shows the QR on screen, scaled down for mobile */
#qrcode-visible { 
	margin: 20px auto; 
	padding: 10px; 
	background: #fff;
	display: inline-block;
}
#qrcode-visible img { max-width: 200px; height: auto; border: 1px solid #eee; }

/* Hidden helper for high-res generation */
#qrcode-hidden { display: none; }
html .card-title { 
  font-size: 40px; 
}
html .card-subtitle {
 
  color: #ffb33b;
 
}


html .card { 
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.41); 
}html .gen-btn {
  background: #ff7800;
  
}
html #qrcode-visible {
  background: #fff;
  padding: 1.3em;
  display:none;
}


html #drop-area { 
  background-color: #d17615; 
}
html #drop-area p {
  margin: 0;
  color: #451705;
  font-weight: 500;
  font-size: 20px;
}

html #drop-area p span
{font-size: 17px;
  color: #921c08;
margin-top: 0.5rem;}

html .result-label { 
  color: #ffbe58;
  font-size: 25px;
}

html #qr-text {
  
  border: 2px solid #ffc824;
  
  background-color: #823100;
 
  transition: border-color 0.2s;
  color: white;
}


/*read qr */


:root {
	--primary-color: #3b82f6; /* A nice blue */
	--bg-color: #f3f4f6; /* Light gray background */
	--card-bg: #ffffff; /* White card */
	--border-color: #d1d5db; /* Light gray borders */
	--text-color: #1f2937; /* Dark gray text */
	--border-radius: 12px;
}

body {
 	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
	color: var(--text-color);
}

/* --- Main Card Layout --- */
.card {
	background-color: var(--card-bg);
	border-radius: var(--border-radius);
	box-shadow: 0 10px 25px rgba(0,0,0,0.1);
	width: 90%;
	max-width: 480px;
	padding: 2.5rem;
	box-sizing: border-box;
	border: 1px solid rgba(0,0,0,0.05);
}

.card-header {
	text-align: center;
	margin-bottom: 2rem;
}

.card-title {
	margin: 0;
	font-size: 1.75rem;
	font-weight: 700;
	letter-spacing: -0.025em;
}

.card-subtitle {
	margin-top: 0.5rem;
	color: #6b7280;
	font-size: 1rem;
}

/* --- Drag & Drop Area --- */
#drop-area {
	border: 3px dashed var(--border-color);
	border-radius: var(--border-radius);
	padding: 3rem 1.5rem;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	background-color: #fafafa;
}

/* Hover and active states for drag and drop */
#drop-area.highlight {
	border-color: var(--primary-color);
	background-color: #eff6ff;
}

#drop-area p {
	margin: 0;
	color: #4b5563;
	font-weight: 500;
}

.icon-upload {
	font-size: 3rem;
	margin-bottom: 1rem;
	color: #9ca3af;
}

/* This hidden input is crucial for click-to-browse */
#file-input {
	display: none;
}

/* Container for the image preview */
#preview-container {
	margin-top: 1.5rem;
	text-align: center;
	display: none; /* Hidden until an image is loaded */
}

#qr-preview {
	max-width: 100%;
	max-height: 250px;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	border: 1px solid var(--border-color);
}

/* --- Feedback/Status Area --- */
#status-area {
	margin-top: 1.5rem;
	padding: 1rem;
	border-radius: 8px;
	text-align: center;
	display: none;
	font-size: 0.95rem;
}

#status-area.error {
	background-color: #fee2e2;
	color: #b91c1c;
	border: 1px solid #fecaca;
}

#status-area.info {
	background-color: #e0f2fe;
	color: #0369a1;
	border: 1px solid #bae6fd;
}

/* --- Text Box (Result) --- */
#result-area {
	margin-top: 1.5rem;
	display: none; /* Hidden until data is successfully decoded */
}

.result-label {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 600;
	color: #374151;
	font-size: 0.9rem;
}

#qr-text {
	width: 100%;
	padding: 1rem;
	border: 2px solid var(--border-color);
	border-radius: 8px;
	box-sizing: border-box;
 	font-size: 1rem;
	background-color: var(--bg-color);
	cursor: pointer; /* Suggests clickability */
	resize: none; /* Prevent manual resizing */
	transition: border-color 0.2s;
}

#qr-text:focus {
	outline: none;
	border-color: var(--primary-color);
	background-color: #ffffff;
}

/* Minimal responsive adjustments */
@media (max-width: 480px) {
	.card {
		padding: 1.5rem;
	}
	.card-title {
		font-size: 1.5rem;
	}
}



html .highlight {
	background: var(--grease-gradient);
	
	 
}


html qr-text:focus { 
background: var(--grease-gradient); color:white;
background-color:transparent;
}

#urlInput{
	background: #9c5000;
  color: white;
  border: solid 3px #ff7800;
}


html #qr-text:focus {
  outline: none;
  border-color: #ff9b00;
  background-color: transparent;
  background: var(--grease-gradient); color:white;


}


/* P.com css */

/*gradients - 62% is golden rat - based on JTB style guide form ben */
:root { /*Pushka.com CSS*/
--grey-gradient: linear-gradient(90deg, #323232 0%, #787878 62%, #B7B7B7 100%);
--grey-flat-gradient-dark: linear-gradient(90deg, #323232 0%, #606060 62%, #6D6D6D 100%);
--grey-flat-gradient: linear-gradient(90deg, #787878 0%, #8D8D8D 62%, #B7B7B7 100%);
--grey-gradient-transp: linear-gradient(90deg, #323232aa 0%, #787878aa 62%, #B7B7B7aa 100%);
--silver-gradient: linear-gradient(90deg, #A9A9A9 0%, #CBCBCB 62%, #D2D2D2 100%);
--light-silver-gradient: linear-gradient(90deg, #CBCBCB 0%, #E5E5E5 62%, #EFEFEF 100%);
--light-silver-flat-gradient: linear-gradient(90deg, #E5E5E5 0%, #E8E8E8 62%, #EFEFEF 100%);
--light-silver-flat-gradient-lighter: linear-gradient(90deg, #E5E5E5 0%, #E8E8E8 62%, #EFEFEF33 100%);
--brown-gradient: linear-gradient(90deg, #6e2814 0%, #a04614 62%, #dc8200 100%);
--pushka-gradient:    linear-gradient(90deg, #FFC107 0%, #FF9800 62%, #FF5722 100%) ; 
--pushka-gradient-hover:   linear-gradient(90deg, #D7CCC8 0%, #FFA726 62%, #FF5722 100%) ; 
--url-hover-gradient:   linear-gradient(90deg, #bd2c00 0%, #EF6C00 62%, #FFC107 100%) ; 


--green-gradient: linear-gradient(90deg, #284632 0%, #197d46 65%, #81AF07 100%);
--green-gradient-baseball: linear-gradient(90deg, #123631 0%, #197d46 65%, #81AF07 100%);
--green-gradient-transp: linear-gradient(90deg, #284632aa 0%, #197d46aa 65%, #81AF07aa 100%);
--light-green-gradient: linear-gradient(90deg, #5a6446 0%, #8cbe1e 65%, #dcdc00 100%); 
--light-bright-green-gradient: linear-gradient(90deg, #0c9c1d 0%, #8cbe1e 65%, #dcdc00 100%);
--green-flat-gradient: linear-gradient(90deg, #197d46 0%, #3C8E31 65%, #81AF07 100%);
--small-green-gradient: linear-gradient(90deg, #197d46 0%,  #81AF07 100%);
--pink-gradient: linear-gradient(90deg, #D21E32 0%, #DC6464 65%, #E38A89 100%);
--pink-flat-gradient: linear-gradient(90deg, #D21E32 0%, #D94D53 65%, #DC6464 100%);
--yellow-gradient: linear-gradient(90deg, #FF6400 0%, #FFA500 60%, #FFC100 100%);
--blue-gradient: linear-gradient(90deg, #001C7B 0%, #005AC8 60%, #009FDF 100%);
--blue-gradient-transp: linear-gradient(90deg, #001C7Baa 0%, #005AC8aa 60%, #009FDFaa 100%);
--blue-flat-gradient: linear-gradient(90deg, #005AC8 0%, #0071D0 60%, #0090DA 100%);
--blue-flat-gradient-lighter: linear-gradient(90deg, #005AC8 0%, #0071D0 60%, #0090DA99 100%);
--teal-gradient: linear-gradient(90deg, #005064 0%, #0082a0 60%, #36C1CD 100%);
--teal-flat-gradient: linear-gradient(90deg, #0082a0 0%, #0C90AA 60%, #2AB3C3 100%);
--silver-gradient: linear-gradient(90deg, #A9A9A9 0%, #CBCBCB 65%, #E5E5E5 100%);
--orange-gradient: linear-gradient(90deg, #cc0000 0%, #eb5514 60%, #FBA504 100%);
--orange-gradient-transp: linear-gradient(90deg, #da3306dd 0%, #eb6514aa 60%, #FBA50433 100%);
--yellow-gradient: linear-gradient(90deg, #ff6400 0%, #ffa500 60%, #FFB800 100%);
--yellow-gradient-reverse: linear-gradient(90deg, #FFB800 0%, #ffa500 60%, #ff6400 100%);
--light-silver-gradient: linear-gradient(90deg, #CBCBCB 0%, #E5E5E5 65%, #EFEFEF 100%);
--light-silver-flat-gradient: linear-gradient(90deg, #E5E5E5 0%, #E8E8E8 65%, #EFEFEF 100%);
--light-silver-flat-gradient-lighter: linear-gradient(90deg, #E5E5E5 0%, #E8E8E8 65%, #EFEFEF33 100%);
--green-brown-gradient: linear-gradient(90deg, #644600 0%, #8c6400 65%, #d2a000 100%);
--orange-gradient-40: linear-gradient(90deg, #cc0000dd 0%, #eb5514aa 60%, #FBA504cc 100%);
--blue-gradient-40: linear-gradient(90deg, #001C7Bdd 0%, #005AC8aa 60%, #009FDFcc 100%);
--purple-gradient: linear-gradient(90deg, #462864 0%, #7832a0 65%, #c878be 100%);
/*darken the lightest colour https://meyerweb.com/eric/tools/color-blend/
old --url-hover-gradient: linear-gradient(90deg, #2196F3 0%, #1E59D3 62%, #29B6F6 100%); 
*/

  --ghd-bg-gradient: linear-gradient(90deg, #2A1200 0%, #4e2203 65%, #813905 100%);
    
  /* Australian Tartan: Original Stripe Layout + Dark Open Field Squares */
  --ghd-aus-tartan:  
   url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cdefs%3E%3C!-- Large Diagonal Stitch Pattern --%3E%3Cpattern id='stitch' width='8' height='8' patternUnits='userSpaceOnUse' patternTransform='rotate(45)'%3E%3Cline x1='0' y1='0' x2='0' y2='8' stroke='%23FFF' stroke-width='2' stroke-dasharray='3,3' stroke-opacity='0.25'/%3E%3C/pattern%3E%3C/defs%3E%3C!-- Background Stitch Overlay --%3E%3Crect width='240' height='240' fill='url(%23stitch)'/%3E%3Cg fill-opacity='0.28'%3E%3C!-- VERTICAL STRIPE CLUSTER --%3E%3C!-- Extended Under-band (Adjusted to 80% expansion level) --%3E%3Crect fill='%23FFF' x='36' y='0' width='168' height='240' fill-opacity='0.15'/%3E%3C!-- Outer Double Guard Stripes --%3E%3Crect fill='%23FFF' x='72' y='0' width='3' height='240'/%3E%3Crect fill='%23FFF' x='78' y='0' width='3' height='240'/%3E%3C!-- Yellow Accent Line --%3E%3Crect fill='%23FFF' x='86' y='0' width='4' height='240' fill-opacity='0.45'/%3E%3C!-- Inner Guard Stripes --%3E%3Crect fill='%23000' x='94' y='0' width='3' height='240'/%3E%3Crect fill='%23FFF' x='100' y='0' width='3' height='240'/%3E%3C!-- SEPARATED INNER TWIN RED STRIPES --%3E%3Crect fill='%23FFF' x='110' y='0' width='4' height='240' fill-opacity='0.6'/%3E%3Crect fill='%23FFF' x='126' y='0' width='4' height='240' fill-opacity='0.6'/%3E%3C!-- Inner Guard Stripes (Right) --%3E%3Crect fill='%23FFF' x='137' y='0' width='3' height='240'/%3E%3Crect fill='%23000' x='143' y='0' width='3' height='240'/%3E%3C!-- Yellow Accent Line (Right) --%3E%3Crect fill='%23FFF' x='150' y='0' width='4' height='240' fill-opacity='0.45'/%3E%3C!-- Outer Double Guard Stripes (Right) --%3E%3Crect fill='%23FFF' x='159' y='0' width='3' height='240'/%3E%3Crect fill='%23FFF' x='165' y='0' width='3' height='240'/%3E%3C!-- HORIZONTAL STRIPE CLUSTER --%3E%3C!-- Extended Under-band (Adjusted to 80% expansion level) --%3E%3Crect fill='%23FFF' x='0' y='36' width='240' height='168' fill-opacity='0.15'/%3E%3C!-- Outer Double Guard Stripes --%3E%3Crect fill='%23FFF' x='0' y='72' width='240' height='3'/%3E%3Crect fill='%23FFF' x='0' y='78' width='240' height='3'/%3E%3C!-- Yellow Accent Line --%3E%3Crect fill='%23FFF' x='0' y='86' width='240' height='4' fill-opacity='0.45'/%3E%3C!-- Inner Guard Stripes --%3E%3Crect fill='%23000' x='0' y='94' width='240' height='3'/%3E%3Crect fill='%23FFF' x='0' y='100' width='240' height='3'/%3E%3C!-- SEPARATED INNER TWIN RED STRIPES --%3E%3Crect fill='%23FFF' x='0' y='110' width='240' height='4' fill-opacity='0.6'/%3E%3Crect fill='%23FFF' x='0' y='126' width='240' height='4' fill-opacity='0.6'/%3E%3C!-- Inner Guard Stripes (Bottom) --%3E%3Crect fill='%23FFF' x='0' y='137' width='240' height='3'/%3E%3Crect fill='%23000' x='0' y='143' width='240' height='3'/%3E%3C!-- Yellow Accent Line (Bottom) --%3E%3Crect fill='%23FFF' x='0' y='150' width='240' height='4' fill-opacity='0.45'/%3E%3C!-- Outer Double Guard Stripes (Bottom) --%3E%3Crect fill='%23FFF' x='0' y='159' width='240' height='3'/%3E%3Crect fill='%23FFF' x='0' y='165' width='240' height='3'/%3E%3C/g%3E%3C/svg%3E");

} /*end root::*/



/* 2026 Busking 
https://pushka.com/p/wp-admin/post.php?post=2455&action=edit
https://pushka.com/busking
2455
https://www.beemit.com.au/app/pay?source=profile-qr&handle=gibiec
https://www.beemit.com.au/app/pay?source=profile-qr&handle=pushka


*/


html body  

{
  /* Layer 1: Tartan Vector | Layer 2: Linear Gradient */
  background-image: var(--ghd-aus-tartan), var(--ghd-bg-gradient) !important;
  
  /* Infinite seamless tiling */
  background-repeat: repeat, no-repeat !important ; 
  
      /* CHANGE THIS NUMBER TO RESIZE THE TARTAN */
  background-size: 222px 222px, cover  !important ; 
    
  /* Softly weaves the stripes into the underlying brown colors */
  background-blend-mode: overlay !important ;
  
  min-height: 100vh;
  margin: 0;
    
    background-color: #463930 !important;
}


#content{padding-top:4.3em;}
html header{position: fixed;
  z-index: 999;
width: 100%;}
html #content header{position: relative;
  z-index: 999;
width: initial;}

.page-id-2455 hr{width: 100%;
  margin: 10px 0;
display: inline-block;}

.page-id-2455 .entry-container { 
  padding-top: 5px  !important ;
}

html  code {
  padding: 2px 4px; 
  font-size: 90%;
  color: #ffacc1;
  background-color: #953f00; 
  font-family: "PT Mono" !important;
  font-size: 16px !important;
}

.rsvp-no{
	padding: 15px;
  background-color: #ff00174f;
  color: #ffccd1;
  border: 1px solid #f5c6cb;
  border-radius: 6px;
  margin: 20px 0;
  -webkit-text-fill-color: initial;
  font-size: 20px;
  line-height: 1.3em;
}

.rsvp-yes{
	padding: 15px;
  background-color: #20ff004f;
  color: #edffcc;
  border: 1px solid #c6f5e3;
  border-radius: 6px;
  margin: 20px 0;
  -webkit-text-fill-color: initial;
  font-size: 20px;
  line-height: 1.3em;
}

.page-id-2488 .alignright{
	border-radius:22px;
}

html .pukka-btn-quick-checkout{
display:none  !important ;	
}

/* PEN HUB 2026*/
.page-id-2488 #secondary, 
.page-id-2488 .entry-header h1
{display:none;}

.woocommerce-page #secondary, 
.woocommerce-page #comments
{display:none;}


.page-id-2488 ul{padding-left: 0.65em;}
.page-id-2488 ul ul{padding-left: 0px;font-size: 90%;}

.woocommerce-cart-is-empty #menu-item-2518,
.woocommerce-cart-is-empty .navbar-toggle {display:none;}

a.btn{
	background: var(--brown-gradient) !important ;
  padding: 0.4em 1em !important ;
  border-radius: 8px !important ;
  font-family: "PT Mono" !important ;
  -webkit-text-fill-color: initial !important ;
  display: inline-block !important ;
  color: white !important ;
  font-size: 20px !important ;
  font-weight: bold !important ;
}
a.btn:hover{background: var(--orange-gradient) !important ;}

.page-id-2488 .navbar .navbar-brand ,
.woocommerce-page .navbar .navbar-brand{ 
  display: none;
}

.page-id-2488 #masthead .navbar-header,
.woocommerce-page #masthead .navbar-header{
width: 60px;
  display: block  !important ; 
  height: 59px;
  background-image: url(https://pushka.com/p/wp-content/uploads/2026/09/peli.png);
  background-repeat: no-repeat;
  background-size: 47px auto;
  background-position: top 1px left 1px;
  margin-left: 1em;
  margin-right: 1em;}




html .woocommerce a.remove {
  display: block;
  font-size: 1.5em;
  height: 1em;
  width: 1em;
  text-align: center;
  line-height: 1;
  border-radius: 100%;
  color: var(--wc-red) !important;
  text-decoration: none;
  font-weight: 700;
  border: 0;
  background: red;
  background: #ff6464;
    background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

html .woocommerce a.remove:hover {
  display: block;
  font-size: 1.5em;
  height: 1em;
  width: 1em;
  text-align: center;
  line-height: 1;
  border-radius: 100%;
  color: red !important;
  text-decoration: none;
  font-weight: 700;
  border: 0;
  background: red;
  background: red;
    background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Hide all address, company, phone, and last name fields from standard layout */
.pukka-hidden-field,
#billing_last_name_field,
#billing_company_field,
#billing_address_1_field,
#billing_address_2_field,
#billing_city_field,
#billing_state_field, 
#billing_country_field,
#billing_phone_field,
#shipping_last_name_field,
#shipping_company_field,
#shipping_address_1_field,
#shipping_address_2_field,
#shipping_city_field,
#shipping_state_field,
#shipping_country_field,
.woocommerce-shipping-fields ,
.woocommerce-customer-details--phone,
.woocommerce-checkout .woocommerce-customer-details
{
    display: none !important;
}

.page-id-2488 .wpcf7-form {zoom: 88%; padding-bottom:2em;
}
.page-id-2488 .wpcf7-form p {display:flex;width:44%;float:left;
margin-bottom: 10px;
}
.page-id-2488 .wpcf7-form textarea{height: 200px;}

html .added_to_cart {
display: block !important ;
  margin-top: 1em;
}

.page-id-2488 .wpcf7-form .wpcf7-submit {
margin: 2em;
  padding: 0.6em 3em;
}

.woocommerce ul.order_details {
  margin: 0 0 1em;
  list-style: none;
}

/* Drawer animation container using CSS grid */
.pukka-more-info-drawer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    margin-top: 0;
}

/* Expanded state */
.pukka-more-info-drawer.is-open {
    grid-template-rows: 1fr;
    margin-top: 15px;
}

/* Inner wrapper handling overflow & fade */
.pukka-more-info-inner {
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
}

.pukka-more-info-drawer.is-open .pukka-more-info-inner {
    opacity: 1;
}

/* Full Description Box Styling */
.pukka-full-description {
  padding: 15px;
  background: #692700;
  border-radius: 8px;
  border-left: 3px solid #a469eb;
  font-size: 0.8em;
  line-height:1.3em;
  color: #e3e3e3;
}


 .page-id-2488 .navbar-header::before,
 .woocommerce-page .navbar-header::before
 {display: block   !important ;
  width: 65px;
  height: 58px;position:absolute;
  cursor: pointer;}

 .page-id-2488 #masthead .navbar-header:has(::before):hover,
 .woocommerce-page #masthead .navbar-header:has(::before):hover {
  filter: hue-rotate(250deg);
  transition: filter 0.3s ease;
}

html     .page-id-2488 .button.pukka-btn-more-info
 {
background: var(--brown-gradient) !important;
color:white !important ;
}
html     .page-id-2488 .button.pukka-btn-more-info:hover
 {
background: var(--purple-gradient) !important;
color:white !important ;
}

.pukka-full-description p:last-child {
    margin-bottom: 0;
}

/* Button style adjustment when active */
.button.pukka-btn-more-info.is-active {
    background-color: #444;
    color: #fff;
}

html #billing_last_name_field,
html #shipping_last_name_field {
    display: none !important;
}

html .woocommerce table.shop_table {
  border: 2px solid rgba(219, 165, 96, 0.54);
}
html .page-content, html .entry-content,html  .entry-summary {
  margin: 1em 0 0;
}
html .woocommerce table.shop_table td {
  border-top: 1px solid rgba(255, 218, 159, 0.2); 
}

html .gpay-button.black.long.en, html  .gpay-button.black.buy.en {
  background-repeat: no-repeat;
  background-position: center;
}
html .gpay-button.black:hover {
  background-color: #662100a8;
}

html .sq-card-wrapper .sq-card-message-no-error {
  color: rgba(218, 218, 218, 0.7);
}

html #add_payment_method .cart-collaterals .cart_totals tr td, 
html #add_payment_method .cart-collaterals .cart_totals tr th, 
html .woocommerce-cart .cart-collaterals .cart_totals tr td,
html  .woocommerce-cart .cart-collaterals .cart_totals tr th,
html  .woocommerce-checkout .cart-collaterals .cart_totals tr td, 
html .woocommerce-checkout .cart-collaterals .cart_totals tr th {
  border-top: 2px solid #ffa8378f;
}

html  .woocommerce .blockUI.blockOverlay {
    background-color:  transparent !important;
    background:  var(--brown-gradient) !important;
}

html .woocommerce form .form-row .input-text, .woocommerce form .form-row select {
 background-color: #ffc8a6d4;
  color: #282828;
  font-size: 17px;
}


/* Targets the toggle button when active/open */
.navbar-toggle[aria-expanded="true"] {
 background: var(--pushka-gradient);
}

 html #bs-example-navbar-collapse-1   li li a {
   padding: 9px 15px 9px 25px;
    border-bottom: 2px solid #ff8426;
    border-top: none;
    background-color: #ffcaa2;
    color: black;
  }
   html #bs-example-navbar-collapse-1   li li a:hover
  {background-color: #ffaf73;}
  
 
html .navbar .navbar-toggle .icon-bar {
  background-color: inherit;
  border: 2px solid;

}


html  
:where(.woocommerce) .select2-container .select2-selection--single .select2-selection__rendered { 
  font-size: 24px;
}

html  .woocommerce-input-wrapper{filter: invert(1) hue-rotate(180deg) contrast(0.9) sepia(0.4);}
html .select2-dropdown {
  background-color: #782700cf;
  color: white; 
}

html #add_payment_method #payment div.payment_box::before, 
html .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
  
  opacity: 0.5;
}

html #add_payment_method #payment div.payment_box, 
html .woocommerce-cart #payment div.payment_box, 
html .woocommerce-checkout #payment div.payment_box { 
  background-color: #e0dcbe4a;
  color: #dcdcdc;
}


.woocommerce-page #menu-item-2545{display:none;}


.page-id-2488 #primary,
.woocommerce-page #primary
{
	width:100% !important ;
}


.pukka-product-cards-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            margin: 20px 0;
        }
       .pukka-product-card {
  border: 1px solid #df8800;
  border-radius: 12px;
  padding: 12px;
  width: calc(24% - 10px);
  box-sizing: border-box;
  background: #ab4f008f;
  display: flex;
  flex-direction: column;
}

.pukka-product-card .remaining{
	color: #f5b1ff;
	font-size: 17px;
	margin-left:3px;
}

@media (min-width: 768px) {
  .navbar-nav .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
  }
}


	@media (max-width: 768px) {
		.pukka-product-card {
			width: 100%; /* Single column on mobile */
		}
	}

.woocommerce-page .button,
.page-id-2488 .button
 {
	font-family: inherit !important ;
  font-size: .9em !important ;
  padding: .4em 1.2em !important ;
  background: var(--pushka-gradient) !important ;
  color: #1a0800 !important ;
  border: none !important ;
  border-radius: 4px !important ;
  cursor: pointer !important ;
  font-weight: bold !important ;
  text-transform: uppercase !important ;
  -webkit-text-fill-color: inherit !important ;
}.woocommerce-page .button:hover,
.page-id-2488 .button:hover
 {
	font-family: inherit !important ;
  font-size: .9em !important ;
  padding: .4em 1.2em !important ;
background: var(--pushka-gradient-hover) !important;
  color: #1a0800 !important ;
  border: none !important ;
  border-radius: 4px !important ;
  cursor: pointer !important ;
  font-weight: bold !important ;
  text-transform: uppercase !important ;
  -webkit-text-fill-color: inherit !important ;
}



html .woocommerce-error,html  .woocommerce-info, html .woocommerce-message {
  background-color: #d1620063;
  color: #d3d3d3;

}

.pukka-btn-add-to-cart a{
	font-family: inherit;
  font-size: .9em;
  padding: .4em 1.2em;
  background: var(--pushka-gradient);
  color: #1a0800;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-text-fill-color: inherit;
}

.pukka-btn-quick-checkout a{
	font-family: inherit;
  font-size: .9em;
  padding: .4em 1.2em;
  background: var(--green-gradient);
  color: #1a0800;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-text-fill-color: inherit;
}

/* Container & Text */
.pukka-goal-wrapper {
    width: 100%;
    max-width: 600px;
   margin: 0 0 15px 0;
    font-family: inherit;
}

.pukka-goal-text {
    font-size: 26px;
  font-weight: bold;
  margin-bottom: 8px;
  color: #ffe4bb;
  font-family: "PT Mono";
  font-weight: bold;
}

/* 20px Rounded Track */
.pukka-goal-track {
    width: 100%;
    height: 30px;
    background-color:   #4d433c;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);
}

/* Base Bar Styling */
.pukka-goal-bar {
    height: 100%;
    border-radius: 20px;
    background-size: 40px 40px;
    transition: width 0.6s ease-in-out;
}

/* Completed Multi-Segment Flex Wrapper */
.pukka-goal-bar-completed {
    display: flex;
    height: 100%;
    width: 100%;
}

.pukka-bar-green,
.pukka-bar-purple {
    height: 100%;
    background-size: 40px 40px;
}

/* Gradients with Moving Stripes */
.pukka-bar-orange {
    background-image: linear-gradient(
        -45deg,
        #FF6700 25%,
        #FFC61C 25%,
        #FFC61C 50%,
        #FF6700 50%,
        #FF6700 75%,
        #FFC61C 75%,
        #FFC61C
    );
    animation: pukkaMoveStripes 2s linear infinite;
}

.pukka-bar-green {
    background-image: linear-gradient(
        -45deg,
        #0C9D00 25%,
        #4FFF90 25%,
        #4FFF90 50%,
        #0C9D00 50%,
        #0C9D00 75%,
        #4FFF90 75%,
        #4FFF90
    );
    animation: pukkaMoveStripes 2s linear infinite;
}

.pukka-bar-purple {
    background-image: linear-gradient(
        -45deg,
        #B826FF 25%,
        #FA67FF 25%,
        #FA67FF 50%,
        #B826FF 50%,
        #B826FF 75%,
        #FA67FF 75%,
        #FA67FF
    );
    animation: pukkaMoveStripes 2s linear infinite;
}

/* Continuous Diagonal Motion */
@keyframes pukkaMoveStripes {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 40px 0;
    }
}

	.pukka-card-image img {
		width: 100%;
		height: auto;
		border-radius: 9px;
		object-fit: cover;
	}
	.pukka-card-title {
		margin: 12px 0 8px;
  font-size: 20px;
  line-height: 1.3em;
	}
	.pukka-card-price {
	   font-size: 20px !important;
		font-weight: bold;
		margin-bottom: 8px;
	}
	.pukka-card-sold {
		
		margin-bottom: 12px;
		font-size: 18px;
color: #ffd148;
	}
	.pukka-card-description {
		font-size: 0.95rem;
		margin-bottom: 16px;
		flex-grow: 1;
	}
	.pukka-card-actions {
		display: flex;
		gap: 10px;
		flex-wrap: wrap;
		margin-top: auto;
	}
	.pukka-btn-quick-checkout {
		background-color: #222 !important;
		color: #fff !important;
		text-align: center;
	}
	
	
		

.page-id-2455 #content {
  padding-top: 0 !important ;
}

.page-id-2455 header,
.page-id-2455 #secondary,
.page-id-2455  footer {display:none;}

.page-id-2455 #content {margin-top:1em  !important  ;}

.page-id-2455 #primary	{width: 100%  !important ;}

.page-id-2455 img{border-radius:16px;}
.page-id-2455 .entry-container {
  padding: 15px !important ; 
}
.page-id-2455 .entry-content{margin:0; padding:0;}

.page-id-2455 .card {
  padding-bottom: 5px;
}

.smolyellow{color:#fff6c8;}


/* 2026 BROWN */

.page-id-603   form.wpcf7-form.sent p,
.page-id-603.emailsentmaybe  form.wpcf7-form  p
{
  display:none;
}


#text-12 .panel{
	padding-bottom: 160px;
  background-image: url(https://pushka.com/h/p/sys/pushka-brown-logo.png);
  background-repeat: no-repeat;
  background-size: 90%;
  background-position: bottom 20px left 15px;
  background-blend-mode: screen;
}
#donatebutton button{border:none;}
html ul{margin: 0.5em 0 1.2em 0em;}
html #wpadminbar{
	background: var(--brown-gradient);
}

html .btn-danger:not(.btn-link):not(.btn-flat) {
  background-color: #f44336;
  color: rgba(255,255,255,.84);
  font-size: 18px;
}
.btn-danger:not(.btn-link):not(.btn-flat):hover {
  background: var(--pushka-gradient);
}





html .card, html .panel { 
   background-color: #7738003b !important;
  backdrop-filter: blur(4px);
  box-shadow: 0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);
  color: white;
  border-radius: 20px;
}

html .site-footer {
background-color: #12080070 !important;
  backdrop-filter: blur(4px);

  padding: 40px 0;
  color: #cac087;
  margin-top: 30px;
}








/*2025 updates - dark mode */
html body {
  background-color: #282828;
}
html .card,
html .panel
 { 
  box-shadow: 0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);
  color:white;
}
html .entry-meta span a, html  .entry-footer span a {
  color: #bcbcbc;
  font-size: 90%;
}
html h1, html h2, html h3, html h4, html h5
{font-weight: bold;
  
  display: inline;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  background: var(--pushka-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3em;
}

.dropdown-menu
{ filter: invert(1)hue-rotate(180deg)brightness(1.1)contrast(0.8);}
html .entry-content a, html .panel a {
   display: inline;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  background: #66dbff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  
}
html .entry-content a:hover, html .panel a:hover {
  display: inline;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  background: var(--pushka-gradient-hover);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
}
.sidebar-logo{filter: brightness(1.5)saturate(1.2);}

html button {
  background: var(--brown-gradient);padding: 0.4em 1em;
  border-radius: 8px;
  font-family: "PT Mono";
}
html button:hover {
  background: var(--pushka-gradient);
}

.entry-meta i{filter: brightness(1.5);}

 html .form-control-wrapper .floating-label {
 filter: brightness(2);
}
html .form-control{color: #b6b6b6;}
	
html body input, html body textarea	
	{background: #574332;
  box-shadow: 2px 2px 2px #0007;
  outline: none;
  border: none;
  padding: 0.3em 0.6em;
	max-width: 84%;}
	
	
 
	html body .wpcf7-submit {
		background: var(--brown-gradient);
	}
 
	html body .wpcf7-submit:hover {
		background: var(--pushka-gradient);
	}
	

body #text-12 .textwidget ,body .textwidget {
    min-height: 80px;
}hr { 
    height: 9px; 
}
footer .pull-right a {    margin-right: 1em;}

body textarea{    font-family: 'PT Mono', monospace,"Courier 10 Pitch",Courier !important;}
@font-face {
    font-family: "junicode";
    src: url("https://pushka.com/font/junicode.woff") format('woff');
}
@font-face {
    font-family: "junicode";
    src: url("https://pushka.com/font/junicode-b.woff") format('woff');
    font-weight: bold;
}
@font-face {
    font-family: "junicode";
    src: url("https://pushka.com/font/junicode-bi.woff") format('woff');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: "junicode";
    src: url("https://pushka.com/font/junicode-i.woff") format('woff');
    font-style: italic;
}
@font-face {
    font-family: "foulisgreek";
    src: url("https://pushka.com/font/foulisgreek.woff") format('woff');
}

.grecaptcha-badge{display:none  !important  ;}

.thumbnail{max-width:333px;}

 .postid-603 .grecaptcha-badge ,  .page-id-603 .grecaptcha-badge ,   .postid-2111 .grecaptcha-badge ,   .page-id-2111 .grecaptcha-badge ,   .postid-2079 .grecaptcha-badge , 
 .page-id-2079 .grecaptcha-badge {display:initial  !important ;}

body small.bitcoin{    font-size: 9pt;}
body small.bitcoin strong{    font-size: 13pt;}
p.bitcoin {    margin-bottom: 0.5em;}
img.sidebar-logo{width: 90%;height: auto;padding-right: 5%;padding-left: 5%;padding-bottom: 30px;    max-width: 400px;}
body .grecaptcha-badge{bottom: 200px !important;  z-index: 999;}
/*Main CSS Site*/

html body{font-size: 1.618em;} #wp-admin-bar-wp-logo,.page-id-0 .page-link-box-p{display: none;}
html h1, body .h1{font-size: 2em;color: #522402;}html h2, body .h2{font-size: 1.8em;color: #773503;}html h3, body .h3{font-size: 1.6em;color: #84491c;}html h4, body .h4{font-size: 1.4em;color: #434343;}html h5, body .h5{font-size: 1.2em;color: #666666;}html h6, body .h6{font-size: 1.1em;color: #8c8c8c;}
.navbar-header .navbar-brand{
	text-indent: -99999px;
    width: 200px;
    background: url(https://pushka.com/p/wp-content/uploads/2019/03/pka-logo.png);
    background-size: 148px;
    background-repeat: no-repeat;
    padding: 5px 5px;
    height: 60px;
    background-position: 10px 2px;
}
 .page-id-4 h1{    font-size: 2.6em;}
.success ,.error{font-size: 1.3em; color: #6f8406;font-weight: bold;}
.error{color: #a52903;}
.f404{width: 350px;} /*<img src="/p/wp-content/uploads/svg/404-brown.svg">*/
.clear{clear: both;}
.fullwidth{width: 100%;}
.site-footer{background-color:#473f37;padding: 30px 0;}
html body #content{font-size: 118%;}
body pre{background: #fbfbfb;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    overflow: auto;
    border-radius: 3px;
    border: 1px solid #dadada;
    font-family: 'PT Mono',junicode, monospace,"Courier 10 Pitch",Courier;
}
html,body,p,span{font-family: "Work Sans",  "PT Mono", Aptos, tahoma;font-size: 1.2em;font-weight: 400;}


ul{
    font-family: "PT Mono";
    font-size: 1.2em;
    margin-left: 0;
    
}
body input{font-family: 'PT Mono', monospace,"Courier 10 Pitch",Courier !important;}
h1,h2,h3,h4,h5,h6{font-family: 'PT Mono', "Work Sans",junicode,"Helvetica",Courier !important;}
body .form-control-wrapper .form-control:focus~.floating-label {
    color: #964600;
}
body .nav>li>a {
    padding: 10px 20px;
}
body .navbar-inverse.navbar .dropdown-menu .active>a {
    background-color: #773503;
    color: rgba(255,255,255,.84);
}


html body .navbar-inverse.navbar {
background-color: #2c1300d4 !important;
  backdrop-filter: blur(4px); 
  }


body .navbar-inverse.navbar .dropdown-menu li>a:hover, body .navbar-inverse.navbar .dropdown-menu li>a:focus { 
	color: #000;
  background-color: #ffc88e;
}
html .dropdown-menu>li>a {
    padding: 8px 20px;
}
.pad,#ajax-contact .row{padding-bottom: 20px;}
.page-id-0 #search-11 .form-search .pad{padding-bottom: 0;}
body .form-control-wrapper .form-control:invalid {
    background-image: linear-gradient(#ffffff,#f7e6e6),linear-gradient(#d2d2d2,#d2d2d2);
}
body .btn-primary:not(.btn-link):not(.btn-flat) {
    background-color: #8e5832;
    color: rgba(255,255,255,.84);
}
body .btn-primary:hover:not(.btn-link):not(.btn-flat) ,body .btn-primary:active:not(.btn-link):not(.btn-flat) {
    background-color: #773503;
}
body .btn-green:not(.btn-link):not(.btn-flat) {
    background-color: #469c1a;
    color: rgba(255,255,255,.84);
}
body .btn-green:hover:not(.btn-link):not(.btn-flat) ,body .btn-green:active:not(.btn-link):not(.btn-flat) {
    background-color: #6f8406;
}

.error-404 h1{text-align: center;}
#menu-afootermenu ul{
    width: auto;
    display: inline-block;
    margin:0;
    padding: 0;
}
#menu-afootermenu li{
    position: relative;
    float: left;
    padding-right: 10px;
    margin-right: 10px;
    list-style: none;
    border-right: 1px solid #fff;
}
#menu-afootermenu li.last{
    position: relative;
    float: left;
    padding-right: 0;
    margin-right: 0;
    list-style: none;
    border-right: none;
}
body button .material-icons{
    font-size: 18px;
    position: relative;
    vertical-align: text-bottom;
    margin-left: 8px;
}
body .icon-title{
    font-size: 1.18em;
    position: relative;
    vertical-align: text-bottom;
    margin-right: 2px;
}
body .entry-footer .material-icons{
    color: #fff;
    font-size: 1.3em;
}
body a:focus, body a:hover { 
    text-decoration: none;
}
/*SOCIAL*/
#social{display: inline-block;}
#text-12 .textwidget{overflow: hidden;min-height: 200px;}
#social svg{
	position: relative;margin: 10px;float: left;
}
.vector-twitter{fill:#55ACEE;}
.vector-fb{fill:#3C5A99;}
.vector-fb2,.vector-patreon2,.vector-tumblr3,.vector-youtube1{fill:#FFFFFF;}
.vector-patreon{fill:#FF5900;}
.vector-tumblr{fill:none;stroke:#FCEE21;stroke-width:4;stroke-miterlimit:10;}
.vector-tumblr2{opacity:0.25;}
.vector-tumblr4{fill:#37465D;}
.vector-tumblr5{opacity:0.5;fill:#38465D;}
.vector-da{fill:#45AD47;}
.vector-youtube2{opacity:0.12;fill-rule:evenodd;clip-rule:evenodd;fill:#420000;}
.vector-youtube3{fill:#f00;}
/*img.social{
	width:50px !important;	height: auto !important;	display: block !important;
}*/

body .large-search{
    font-size: 1.4em;
    line-height: 1.4em;
    height: 1.5em !important;
}
 
#newsletterform table,#newsletterform tr,#newsletterform td{border: 0 !important;}

a.no-underline{text-decoration: none;border-bottom:none !important;}

/*SPINNER*/
/**
   Coded by /u/j0be in scss.
   See scss source here -> http://codepen.io/j0be/pen/MKRVyN
*/
.spinner { animation: rotator 1.5s linear infinite; margin: 15px auto; display: block; } @keyframes rotator { 0% { transform: rotate(0deg); } 100% { transform: rotate(270deg); } } .path { stroke-dasharray: 187; stroke-dashoffset: 0; transform-origin: center; animation: dash 1.5s ease-in-out infinite, colors 6s ease-in-out infinite; } @keyframes colors { 0% { stroke: #963f0c; } 25% { stroke: #f13416; } 50% { stroke: #F7C223; } 75% { stroke: #544914; } 100% { stroke: #482d10; } } @keyframes dash { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46; transform: rotate(135deg); } 100% { stroke-dashoffset: 187; transform: rotate(450deg); } } 




body .entry-container h1 a {
    color: #773503;
}
.card { 
    padding-bottom: 3em;
}



ansform: rotate(135deg); } 100% { stroke-dashoffset: 187; transform: rotate(450deg); } } 




body .entry-container h1 a {
    color: #773503;
}
.card { 
    padding-bottom: 3em;
}


/*EMOTES - da*/
.page-id-2366 .entry-container ul{list-style: none;padding: 0;  margin: 0;}
.page-id-2366 .entry-container ul li{position: relative;   float: left;margin-top: 5px;}
.page-id-2366 .entry-container ul li input{font-size: 13px;   padding: 5px 18px;}
.page-id-2366 .entry-container ul li span{font-family: "PT Mono";  font-size: 18px;  font-weight: bold;  position: absolute;  left: 3em;  top: -12px;  color: #124dd8;}

.padtop{margin-top:2em;}
html hr{height: 7px;margin:2em 0; padding-top:7px;  
background: linear-gradient(135deg, #452400, #5f2c00, #aa5f00db);

}