/* Template */


#main-nav {  }
#main-nav ul {  }
#main-nav li { float:left; }
#main-nav li a { padding:8px 16px; }
#main-nav li a:hover, #main-nav li a[aria-current] { color:#621beb; }

#main-nav li ul { position:absolute; text-align:right; display:none; padding-top:20px; }
#main-nav li li { float:none; background:#FFF; }
#main-nav li li a {  }

#main-nav li:hover ul { display:block; }


a.button-nav { background:#00217C; color:#FFF; border-radius:100px; }
a.button-nav:hover, a.button-nav[aria-current] { background:#57ffff; color:#00217C; }

#policy-links li { display:inline-block; position:relative; float:left; }
#policy-links li:after { content:'|'; color:#FFF; margin: 0 10px;  }
#policy-links li:last-child:after { content:none; }
#policy-links li a { display:inline-block; }


a.button-link { font-size:0.89em; display:inline-block; border-radius:100px; background:#00217C; color:#FFF; padding:8px 16px; font-weight:700; }
a.button-link:hover, a.button-link.selected { background:#57ffff; color:#00217C; }

a.button-link.white { background:#FFF; color:#00217C; }
a.button-link.white:hover { background:#57ffff; color:#00217C; }

a.button-link.purple { background:#621BEB; color:#FFF; }
a.button-link.purple:hover { background:#57ffff; color:#00217C; }

a.button-link.fullwidth { box-sizing:border-box; width:100%; }

a.button-link.submit { box-sizing:border-box; width:100%; font-size:1.22em; font-weight:700; padding:11px; text-align:center; border-radius:6px; }
a.button-link.submit:hover { background:#57ffff; color:#00217C; }

a.button-link.submit.white { border:1px solid #00217C; padding:10px; color:#00217C }
a.button-link.submit.white:hover { background:#57ffff; border-color:#57ffff; }



/* Categories */


#fader-controls a { transition-duration:0.3s; opacity:0.5; }
#fader-controls a:hover { opacity:1; }



.category-item { transition-duration:0.3s; }
.category-item:hover { transform:scale(1.05); }
.category-item:hover .category-name { background:#57FFFF; color:#00217C; }

.category-name-inner:after { display:block; position:absolute; right:-32px; top:50%; margin-top:-10px; content:'\f061'; font-family: 'Font Awesome 6 Free'; font-weight:900; font-size:12px; width:20px; text-align:center; padding-top:3px; box-sizing:border-box; height:20px; background:#FFF; color:#621BEB; border-radius:100px; transition-duration:0.3s; }

.category-item:hover .category-name-inner:after { background:#00217C; color:#57FFFF; }


/* Vouchers */

.offer-item { transition-duration:0.3s; }
.offer-item:hover { transform:scale(1.05); }
.offer-item:hover .offer-item-link { background:#57FFFF; color:#00217C; }




/* Voucher Detail */

#price-options ul { margin:0; list-style:none; overflow:hidden; margin-left:-4.95%; margin-bottom:-4.95%; }
#price-options li { padding:0; float:left; margin-left:4.72%; margin-bottom:4.72%; width:28.61%; }
#price-options a { display:block; font-size:1.22em; font-weight:700; border:2px solid #999999; border-radius:6px; text-align:center; padding: 6px 3px; }
#price-options a:hover, #price-options a.selected { background:#00217C; color:#FFF; }


#price-entry:before { content:'£'; font-weight:700; position:absolute; left:12px; top: 12px; }


#add-to-basket-button, input[type='submit'].full-width { font-size:1.17em; font-weight:700; width:100%; border-radius:6px; padding:12px; }



/* Basket */

.basket-delete-button { display:block; background:#00217C; color:#FFF; width:30px; height:30px; padding-top:6px; box-sizing:border-box; text-align:center; border-radius:100px; font-size:0.83em; }
.basket-delete-button:hover { background:#57FFFF; color:#00217C; }

#fancyConfirm_ok, #fancyConfirm_cancel { width:100%; max-width:100px; padding:10px; font-weight:700; }



/* Account */

#orders-table { border-bottom:2px solid #621BEB; }
#orders-table th, #orders-table td { padding: 4px 15px 4px 0; white-space: nowrap; }
#orders-table th { font-weight:800; border-bottom:2px solid #621BEB; }
#orders-table td:last-child, #orders-table td:last-child { padding-right:0; }


.item-order-history:last-child { margin-bottom:0; border-bottom:none; }


.passwordValidationError { display:block; color:#CC0000; padding-top:4px; }


span.policy-tab { display:block; float:left; width:2rem; }


/* Policy popups */

#policy-popup-heading { padding-bottom:20px; }

#policy-content.fancybox-content { width:96%; max-width:1062px; }
#policy-content.fancybox-content a { text-decoration: underline; }
#policy-content.fancybox-content a:hover { color:#621BEB; }


/* Hover grow */
.hover-grow { transition-duration:0.3s; }
.hover-grow-trigger.hover-grow:hover, .hover-grow-trigger:hover .hover-grow { transform:scale(1.05); }