/* Base Color: fd0187 */
/* Complementary: 01fd77 */

/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Domine&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quando&display=swap');
body, button, input, select, textarea {font-family:Domine, Georgia, 'Times New Roman';}
.logo {font-family:Quando, Georgia, 'Times New Roman';}

/* BODY */
body {margin:0 auto;}
.container {max-width:1408px;}

/* COLORS & HYPERLINKS */
.body, body {background:#fff;}
.text, body, button, input, select, textarea, .select, .select a {color:#260014;}
.link, a.link, a, .low, a.low, .low a {color:#3a001f;}
/* #menubar a:not(.title), #filter a:not(.title):not(h2 a) {color:#3a001f;} */
.color, a.color, h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .title, a.title, .item, .price, a.price, .price a {color:#fd0187;}
.high, a.high, #sortbar2 a:not(:hover), #navbar, #locbar, #checkout article a:not(.button) {color:#fd0187;}
.alert {color:#fd0187;}
a {text-decoration:none;}
a:not(#header a):not(#footer a):not(.price a):not(#sortbar2 a):hover, input.hov:hover, .hover:hover, .icon:hover {color:#fd0187;}

/* BACKGROUNDS */
#header, #footer {background:#fd0187; color:#fff;}
#header a, #footer a {color:#fff; white-space:nowrap;}
#header a:hover, #footer a:hover {color:#01fd77;}

/* HEADINGS */
h1,h2,h3,h4,h5,h6 {margin-top:10px; margin-bottom:10px; line-height:110%;}
h1 {font-size:175%;}
@media screen and (min-width:640px), print and (min-width:512px) {
	h1 {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, input:not([type='image']):not([type='submit']):not(#menunav input), select, textarea {border:1px solid #fd0187;}
.bdr-top {border-top:1px solid #fd0187;}
.bdr-rgt {border-right:1px solid #fd0187;}
.bdr-bot, .sel-bot {border-bottom:1px solid #fd0187;}
.bdr-lft {border-left:1px solid #fd0187;}
.bdr-2 {border:2px solid #fd0187;}

/* LINES */
.lin, .select, .price2 a, .button, button, input[type='submit'], #menunav .block, #menunav form, #navbar a, #locbar a, #sortbar a {border:1px solid #01fd77;}
.lin-top, .sel-top, #navbar2 .row:first-child, #locbar2 .row:first-child, #orders #vieworder article, .drop-block > .drop-text, .prod-text:not(:first-child) {border-top:1px solid #01fd77;}
.lin-rgt {border-right:1px solid #01fd77;}
.lin-bot, #sortbar2, #navbar2 .row:first-child, #infomenu > .row-nested:not(:last-of-type) > .drop-block > .drop-text {border-bottom:1px solid #01fd77;}
.lin-lft {border-left:1px solid #01fd77;}
.lin-2 {border:2px solid #01fd77;}

/* BORDER RADIUS */
.button, button, input[type='submit'], #headlinks a.inb, #footlinks a.inb, #menunav .block, #menunav form, .select, #navbar a, #locbar a, #sortbar a {border-radius:5px;}
input:not([type='image']):not([type='submit']):not(#menunav input), textarea, select {border-radius:3px; box-shadow:inset 0 0 0 0 #fd0187; background:#fff; padding:10px 5px;}

/* BUTTONS */
.button, button, input[type='submit'], #menunav .block {background:#01fd77; padding:10px;}
.button:hover, button:hover, input[type='submit']:hover, #headlinks a.inb:hover, #footlinks a.inb:hover, #menunav .block:hover, #navbar2 a:hover {border-color:#fd0187; background:#fff; color:#fd0187;}

/* FORMS */
.select {padding-left:5px; padding-right:5px;}
input:focus:not(#menunav input), textarea:focus, select:focus {outline-color:#fd0187;}
@media screen and (min-width:768px), print and (min-width:640px) {
	input:not([type='image']):not([type='submit']):not(#menunav input), textarea, select, .select {padding-left:10px; padding-right:10px;}
}
::placeholder {color:#fd0187;}

/* LOGO */
#toplogo a {display:block; padding-top:5px; padding-bottom:5px;}
#toplogo .logo {text-shadow:0px 1px #01fd77;}
#toplogo .logo:hover {text-shadow:0px 1px #ffffff;}

/* HEADER */
#toplinks {font-size:80%;}
#headlinks, #headcart {padding-bottom:5px; font-size:90%;}
#headlinks a.inb, #footlinks a.inb {padding:10px;}
@media screen and (min-width:640px), print and (min-width:512px) {
	#header > .container {padding-bottom:5px;}
}

/* MENU */
#menubar {margin-top:10px; margin-bottom:10px;}
#menunav .block {padding:10px 5px;}
#menunav form {background:#fff; padding:4px 5px;}
#menunav input:focus {outline:none;}
#menudrop {margin-top:5px;}
@media screen and (min-width:640px), print and (min-width:512px) {
	#menubar {margin-top:5px;}
}

/* TITLES */
/* #menubar .title, #filter .title, #products .title, [id^='relateds-'] .title, #products .price, [id^='relateds-'] .price {font-weight:600;} */
.title:not(#recomms .title), .price:not(#group .price) {font-weight:600;}

/* ADS RECOMMENDEDS */
#adsbar {margin-top:25px; padding-bottom:10px;}
#adsbar div.row:first-of-type {padding-top:10px; padding-bottom:10px;}
#recomms {margin-top:25px; padding-bottom:10px;}
#recomms div.row:first-of-type {padding-top:10px;}

/* SORT BAR */
#showhide_ss p {margin:0;}

/* SORT LOCATION FOOTER */
#filter2 {margin-top:15px; border-radius:5px 5px 0 0;}
#sortbar2 {border-radius:0 0 5px 5px; padding-top:5px; padding-bottom:5px;}
#filter2 {margin-top:15px;}
#filter .menudrop {padding-top:10px; padding-bottom:10px;}

#navbar, #locbar {margin-top:25px;}
#navbar a, #locbar a, #sortbar a {display:inline-block; margin:5px; padding:5px 10px;}
#navbar, #locbar, #footer {font-size:85%; text-align:center;}
#sortbar2, #navbar .row:first-child {padding-top:5px; padding-bottom:5px;}

#locbar {margin-bottom:15px;}
#locbar2 .row:first-child {padding-top:10px;}

#footer {margin-top:10px;}
#footer, #footer > .container {padding-top:5px; padding-bottom:5px;}

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

/* PRODUCTS */
/* #products .price, [id^='relateds-'] .price {font-weight:600;} */
.prod-text {padding-top:10px; padding-bottom:20px;}
.prod-text h3, .prod-text h4 {margin-top:20px;}
.price2 a {margin-left:auto; margin-right:auto; border-radius:5px; padding:5px; max-width:240px;}

/* RELATEDS */
#relateds-sm {margin-top:30px;}
#relateds-sm .row:first-of-type {padding-top:10px; padding-bottom:10px;}

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