/* Base Color: 289728 */
/* Analogous Color: 609728 28975f */
/* Tetradic Color: 979728 972897 282897 */
/* Text Color : 020401 */

/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Golos+Text&display=swap');
body, button, input, select, textarea {font-family:'Noto Sans','Golos Text',Arial,Sans-Serif;}

/* BODY */
body {margin:0 auto; max-width:1360px; padding:5px;}

/* FONT COLORS & HYPERLINKS */
.text, body, button, input, select, textarea, .select, .select a {color:#020401;}
.link, a.link, a, #toplinks {color:#282897;}
.low, a.low, .low a, .deal a, #headads a:not(:hover), #sortbar > div > p a:not(:hover), #adsbar a:not(:hover), #navbar, #locbar, #infotext .icon:not(:hover) {color:#609728;}
.color, a.color, h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .title, a.title {color:#289728;}
.alert {color:#972897;}
.high, a.high, .price, a.price, .price a {color:#972897;}
a {text-decoration:none;}
a:hover, input.hov:hover, .hover:hover, .icon:hover, input[type='submit']:hover, .button:hover, button:hover {color:#972897;}

/* HEADINGS */
h1 {margin-top:10px;margin-bottom:0; line-height:110%;}
h2,h3,h4,h5,h6 {margin-top:10px; margin-bottom:10px; line-height:110%;}
h1 {font-size:175%;}
@media screen and (min-width:512px), print and (min-width:384px) {
	h1 {margin-bottom:5px;}
}
@media screen and (min-width:640px), print and (min-width:512px) {
	h1 {margin-bottom:10px; font-size:225%;}
}
@media screen and (min-width:896px), print and (min-width:768px) {
	h1 {font-size:275%;}
}

/* TEXT */
p {margin-top:10px; margin-bottom:10px; line-height:150%;}
ul {margin:15px 0; padding-left:15px;}
li {margin:10px 0; padding-left:10px;}

/* BORDERS */
.bdr {border:1px solid #289728 !important;}
.bdr-top {border-top:1px solid #289728 !important;}
.bdr-rgt {border-right:1px solid #289728 !important;}
.bdr-bot {border-bottom:1px solid #289728 !important;}
.bdr-lft .block {border-left:1px solid #289728 !important;}
.bdr-2 {border:2px solid #289728 !important;}

/* LINES */
.lin, .select, #menunav .block, #menunav form, #aboutnav .block, #helpnav .block, #sortbar a, #infotext:not(#club #infotext) .drop-head {border:1px solid #609728 !important;}
.lin-top, .sel-top, #feedback > .row:first-of-type, .prod-text:not(:first-child) {border-top:1px solid #609728 !important;}
.lin-rgt {border-right:1px solid #609728 !important;}
.lin-bot, .sel-bot {border-bottom:1px solid #609728 !important;}
.lin-lft {border-left:1px solid #609728 !important;}
.lin-2, textarea, select, button, .button, input:not([type='image']):not(#menunav input) {border:2px solid #609728 !important;}
.select {padding-left:10px; padding-right:10px;}

/* BORDER RADIUS */
.button, button, #toplinks a, #footlinks a.inb, #menunav .block, #menunav form, #aboutnav .block, #helpnav .block, #optnav .block, .select, #infotext .drop-head, #infotext .drop-block, #sortbar a {border-radius:5px;}
input:not([type='image']):not(#menunav input), textarea, select {border-radius:3px; box-shadow:inset 0 0 0 0 #609728; background:#ffffff;}

/* BUTTONS */
.button, button, input[type='submit'] {padding:10px; background:#ffffff; color:#282897;}
.button:hover, button:hover:not(#menunav button), input[type='submit']:hover, input:hover:not([type='image']):not(#menunav input), #menunav .block:hover, #menunav form:hover, .select:hover {outline:1px solid #609728;}

/* FORMS */
input:not([type='image']):not([type='submit']):not(#menunav input), textarea, select {padding:10px 5px;}
input:focus:not(#menunav input), textarea:focus, select:focus {outline-color:#609728;}
input[type='radio'] {accent-color:seagreen;}
#checkout .formset {margin-bottom:5px;}
@media screen and (min-width:640px), print and (min-width:512px) {
	#checkout .formset {margin-left:auto; margin-right:auto; margin-bottom:10px; max-width:768px;}
}
@media screen and (min-width:768px), print and (min-width:640px) {
	input:not([type='image']):not([type='submit']):not(#menunav input), textarea, select {padding:10px 10px;}
}
@media screen and (min-width:896px), print and (min-width:768px) {
}
@media screen and (min-width:1152px), print and (min-width:896px) {
	#checkout .formset {margin-bottom:15px;}
}
::placeholder {color:#609728;}

/* BACKGROUNDS */
.body, body {background:#c2eae8;}
.backlight {background:#f6fcf3;}
section > .container, header > .container, footer > .container, body > aside > .container, body > nav:not(#toplinks) > .container {border-radius:5px; background:#ffffff;}

/* HEADER */
#toplinks, [id^='headlinks-'], #headcart {font-size:85%;}
#toplinks a, [id^='headlinks-'] a {padding:5px;}
#topmsg p {margin-top:5px; margin-bottom:5px;}
#topmsg p a {margin-top:-5px; margin-bottom:-5px; display:block; padding-left:0px; padding-right:0px;}
#headcart {padding-bottom:5px; text-align:center;}
#footlinks a.inb {margin:5px; padding:5px 10px;}
#toplinks2 a:hover, #footlinks2 a.inb:hover {background:#ffffff;}
#headads {padding-bottom:5px;}
@media screen and (min-width:640px), print and (min-width:512px) {
	#header {margin-top:5px;}
	#header:not(#club #header):not(#orders #header):not(#checkout #header) > .container {padding-top:5px;}
	#headcart {text-align:right;}
}

/* BASKET ORDERS CHECKOUT */
#basket article {margin-bottom:15px;}
#basket article .select, #basket article .select p {margin-top:5px; margin-bottom:5px;}
@media screen and (min-width:768px), print and (min-width:640px) {
	#basket article {margin-left:auto; margin-right:auto; max-width:896px;}
}

/* SITE LOGO */
.logo {margin:5px auto; max-width:75%;}
@media screen and (min-width:640px), print and (min-width:512px) {
	.logo {max-width:90%;}
	#toplogo .logo {margin:10px 0;}
}

/* DROP DOWN MENU */
#menubar {margin-top:10px;}
#menubar #menunav {padding-top:10px; padding-bottom:10px;}
#menubar #menudrop {padding-bottom:5px;}
/* #menunav form, #menunav .block, #aboutnav .block, #helpnav .block, #optnav .block {box-shadow: 0.5mm 0.5mm 0.5mm rgba(96, 151, 40, 0.3);} */
#menubar form {background:#ffffff; padding:4px 5px;}
#menunav input:focus {outline:none;}
#menunav .block {background:#ffffff; padding:10px 5px;}
#menudrop .title {font-weight:600;}

/* ARTICLE */
section:not(#orders #vieworder):not(#checkout section) {margin-top:10px;}
#checkout section {margin-top:5px;}
section, section > .container, section article {padding-top:5px; padding-bottom:5px;}

/* SORT BAR */
#showhide_ss p {margin:0;}
#sortbar a {display:inline-block; margin:5px; padding:5px 10px;}

/* NAVIGATION LOCATION */
#navbar, #locbar {margin-top:5px; font-size:85%; text-align:center;}
#navbar, #navbar > .container, #navbar .row:first-child, #locbar, #locbar > .container, #locbar .row:first-child {padding-top:5px; padding-bottom:5px;}
#navbar p, #locbar p {margin-top:0; margin-bottom:0;}
#navbar a, #locbar a {display:inline-block; padding:5px;}
@media screen and (min-width:640px), print and (min-width:512px) {
	#navbar .row:first-child, #locbar .row:first-child {padding-top:10px; padding-bottom:10px;}
}

/* ADS RECOMMENDATIONS */
#adsbar {margin-top:5px; text-align:center;}
#adsbar, #adsbar > .container, #adsbar .row:first-child, #adsbar .row-wide {padding-top:5px; padding-bottom:5px;}
@media screen and (min-width:640px), print and (min-width:512px) {
	#adsbar2 .row-wide {padding-top:10px; padding-bottom:10px;}
}

/* ABOUT HELP FOOTER */
#aboutbar, #helpbar {margin-top:5px;}
#aboutbar, #aboutbar > .container, #aboutbar > .container > .row, #helpbar, #helpbar > .container, #helpbar .row:first-child {padding-top:5px; padding-bottom:5px;}

/* FOOTER */
#footer {margin-top:5px; font-size:85%;}
#footer, #footer > .container, #footer .row-wide:first-child {padding-top:5px; padding-bottom:5px;}

/* HELP/INFO PAGES */
#infotext {max-width:1024px; margin-left:auto; margin-right:auto; padding-top:10px; padding-bottom:20px;}
#infotext .drop-block {margin-top:5px; margin-bottom:5px; padding-left:5px; padding-right:5px;}
#infotext .drop-head {margin-left:auto; margin-right:auto; max-width:512px; text-align:center; }
#infotext .drop-text {; padding-top:10px; padding-bottom:10px}
#infotext:not(#club #infotext) .drop-block .drop-text {padding-top:15px; padding-bottom:15px;}
#infotext h3:first-child, #infotext h4:first-child {margin-top:15px;}
#infotext h3:not(:first-child), #infotext h4:not(:first-child) {margin-top:25px;}
#infomenu {margin-top:5px; margin-bottom:5px;}

/* CLUB */
#club #infotext {max-width:896px;}
#club #infotext:not(#login #infotext) .drop-block {padding-top:25px;}
#club2 #infotext .drop-text {padding-top:15px;}

/* PRODUCTS */
/* #menu .title, #filter .title, #products .title, [id^='relateds-'] .title {font-weight:600;} */
/* .price:not(#group .price) {font-size:105%; font-weight:600;} */
#product h2 a {font-weight:normal;}
.title:not([id^='relateds-'] .title), .price:not(#group .price):not([id^='relateds-'] .title) {font-size:105%;}
#filter .title, #checkout section .title, #vieworder .title {font-weight:600;}
.prod-text {padding-top:10px; padding-bottom:20px;}
.prod-text h3, .prod-text h4 {margin-top:20px;}
.price a {display:block;}

/* RELATEDS */
#relateds-sm {margin-top:5px;}
#relateds-sm, #relateds-sm > .container {padding-top:5px; padding-bottom:5px;}
#relateds-sm2 .row:first-of-type {padding-top:20px;}

/* FRAME */
.frame, .noframe {margin-top:5px; margin-bottom:10px; padding-top:10px; padding-bottom:10px;}
.frame, .noframe, .inner {margin-left:-5px; margin-right:-5px; padding-left:15px; padding-right:15px;}
.frame {border-radius:6px; background:#f6fcf3;}
@media screen and (min-width:640px), print and (min-width:512px) {
	.frame {padding-left:20px; padding-right:20px;}
}
@media screen and (min-width:896px), print and (min-width:768px) {
	.frame, .noframe, .inner {max-width:1152px; margin-left:auto; margin-right:auto;}
	.frame:not(header *) {margin-top:10px;}
	.frame {padding-left:25px; padding-right:25px;}
}
@media print {
	.frame {border-color:#c0c0c0;}
}