﻿/* base color: ca006c */
/* complementary: 00ca5e */
/* text: 280015 low: 3a001f */

/* 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, .logo {font-family:Domine, Georgia, 'Times New Roman';}
.logo2 {font-family:Quando, Georgia, 'Times New Roman';}

/* BODY */
body {margin:0 auto;}
.container {max-width:1408px;}

/* COLORS & HYPERLINKS */
.text, body, button, input, select, textarea, .select, .select a {color:#280015;}
.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:#ca006c;}
.high, a.high, #navbar, #locbar {color:#ca006c;}
.alert {color:#ca006c;}
#headlinks a.inb, #footlinks a.inb {color:#ffffff; white-space:nowrap;}
a {text-decoration:none;}
a:hover, #headlinks a.inb:hover, #footlinks a.inb:hover, input.hov:hover, .hover:hover, .icon:hover {color:#ca006c;}

/* BACKGROUNDS */
.body, body {background:#ffffff;}
#header, #footer {background:#ca006c; color:#ffffff;}

/* 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 #ca006c;}
.bdr-top {border-top:1px solid #ca006c;}
.bdr-rgt {border-right:1px solid #ca006c;}
.bdr-bot, .sel-bot {border-bottom:1px solid #ca006c;}
.bdr-lft {border-left:1px solid #ca006c;}
.bdr-2 {border:2px solid #ca006c;}

/* LINES */
.lin, .select, .button, button, input[type='submit'], #menunav .block, #menunav form, #navbar a, #locbar a, #sortbar a, .text-button a {border:1px solid #00ca5e;}
.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 #00ca5e;}
.lin-rgt {border-right:1px solid #00ca5e;}
.lin-bot, #sortbar2, #navbar2 .row:first-child, #infomenu > .row-nested:not(:last-of-type) > .drop-block > .drop-text {border-bottom:1px solid #00ca5e;}
.lin-lft {border-left:1px solid #00ca5e;}
.lin-2 {border:2px solid #00ca5e;}

/* BORDER RADIUS */
.button, button:not(.icon), input[type='submit'], #headlinks a.inb, #footlinks a.inb, #menunav .block, #menunav form, .select, #navbar a, #locbar a, #sortbar a, .text-button 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 #ca006c; background:#ffffff; padding:10px 5px;}

/* BUTTONS */
.button, button, input[type='submit'], #menunav .block {background:rgb(0,202,94,0.75); padding:10px;}
button.icon {background:#ffffff; color:#3a001f;}
.button:hover, button:hover, input[type='submit']:hover, #headlinks a.inb:hover, #footlinks a.inb:hover, #menunav .block:hover, .text-button a:hover {border-color:#ca006c; background:#ffffff;}
.text-button a {display:inline-block; padding:5px 10px;}

/* FORMS */
.select {padding-left:5px; padding-right:5px;}
input:focus:not(#menunav input), textarea:focus, select:focus {outline-color:#ca006c;}
@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:#ca006c;}

/* LOGO */
#toplogo a {display:block; padding-top:5px; padding-bottom:5px; color:#ffffff;}
#toplogo .logo {text-shadow:0px 1px rgb(0,202,94,0.75);}
#toplogo .logo:hover {color:rgb(0,202,94,0.75); text-shadow:0px 1px #ffffff;}

/* TOP FOOT LINKS */
#toplinks {font-size:80%;}
#headlinks, #headcart {padding-bottom:5px; font-size:90%;}
#footlinks {padding-top:5px; margin-bottom:5px;}
#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:#ffffff; 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 */
#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;}
#navbar .row:first-child {padding-top:5px; padding-bottom:5px;}
#locbar {margin-bottom:15px;}

/* FOOTER */
#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;}

/* 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;}
}
