@import url('https://fonts.googleapis.com/css2?family=Spectral&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400..700&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
/* --- General --- */
html {
    font-family: 'Urbanist', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body {
    font-family: 'Urbanist', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #000000;
}
.navfont {
    font-family: 'Urbanist', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.sitefont {
    letter-spacing: 1px;
    font-family: 'Urbanist','Helvetica Neue', Helvetica, Arial, sans-serif;
}
.sitefontbold {
    font-family: 'Urbanist','Helvetica Neue', Helvetica, Arial, sans-serif;
}
.sitefontserif {}
.content {color:#000000}
.endline {border-bottom:1px solid #333333;padding-bottom:30px;}

a {color:#337ab7}
a:focus, a:active {outline: none !important;box-shadow: none;}
p.infolist {color:#000000;text-transform:uppercase;font-size:14px;border-top:1px solid #999999;letter-spacing:1px;}
p.infolist a {color:#000000;}
h1.page-title {color:#333333;text-transform:uppercase;font-size:24px;margin-top:15px;margin-bottom:15px;}
h2.pagehead { color:#000000;text-transform:uppercase;}
h2.help {letter-spacing: 4px;font-size:24px;color:#000000;text-align: left;}
h2.sizechart {font-size:24px;color:#000000;}
h2.checkout {letter-spacing: 4px;font-size:24px;color:#000000;margin-bottom:35px;}
h3 {font-size:18px;font-weight:bold;}

/* --- Product Display --- */
#display {position: relative;z-index: 1;padding-bottom: 10px;}
h3.styletext {color:#000000;font-size:16px;margin-bottom:20px;margin-top:0;}
p.styleprice {color:#000000;font-size:14px;margin-bottom:20px;}
p.styledescription {color:#000000;margin-bottom:20px;font-size:12px;}
p.stylecode {color:#000000;margin-bottom:20px;font-size:12px;}
p.prodattributes {color:#c00;font-size:11px;}
p.producthelp {color:#000000;font-size:12px;border-bottom:1px solid #999999;}
p.producthelp a {color:#333333;}
/* Forms */
.btn-black {
    background-color: #000000;
    color: #ffffff;
    font-size: 1.0em;letter-spacing:1px;
    text-transform: uppercase;
    border-radius: 8px;
    margin: 7px 20px 7px 20px;
    padding: 5px 40px
}
.btn-black:hover {background-color:#333333;color:#eee;}
.btn-black:active {background-color:#333333;color:#eee;}
.btn-black:visited {background-color:#333333;color:#eee;}
/* Header */
img.logo-main {
    width: 179px;
    height: auto;
    margin-top: 6px;
	opacity: 0.8;
}
/* Navbar  */
a.nav-link {
	color: #444;
	font-weight: normal;
    text-transform: uppercase;
    font-size: 1em;
}
a.link-23:hover {text-decoration:none}
a.nav-link-norm {
    font-size: 0.8em;
}
.navbar-light .navbar-nav .nav-link {
	color: rgb(0, 0, 0);
	opacity: 0.8;
}
.dropdown-toggle {
	letter-spacing: .07rem;
}
/* remove dropdown caret */
.dropdown-toggle::after {
	display:none;
}
.dropdown-item {
    padding: .1rem 1.5rem;
    text-transform: uppercase;
    font-size: 0.7em;
}
.dropdown-header {
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.7em;
}
.dropdown-menu {
    border: none;
}
.navright-icons li a {
    font-size: 0.7em;
}
.navbar-toggler {
    border: none;
}
.navbar-toggler-icon {
    color: #000;
}
.nav-open {
    border-bottom: 2px solid #000;
}
/*Header*/
.text-header {
	font-size: 0.8rem;
	letter-spacing: .08rem;
	color: rgb(0, 0, 0);
	opacity: 0.8;
}
.form-search input[type=text]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: rgb(0, 0, 0);
	opacity: 0.8; /* Firefox */
}
.form-search input[type=text]:-ms-input-placeholder { /*Internet Explorer 10-11 */
    color: rgb(0, 0, 0);
	opacity: 0.8;
}
.form-search input[type=text]::-ms-input-placeholder { /* Microsoft Edge */
    color: rgb(0, 0, 0);
	opacity: 0.8;
}
.form-search input[type=text].focus::placeholder {
    font-weight: normal;
    opacity: 0.1;
    color: red;
}
.form-search input[type=text].focus:-ms-input-placeholder { /*Internet Explorer 10-11 */
    font-weight: normal;
    opacity: 0.1;
    color: red;
}
.form-search input[type=text].focus::-ms-input-placeholder { /* Microsoft Edge */
    font-weight: normal;
    opacity: 0.1;
    color: red;
}
.form-search input[type=text].search-input {
    margin: 0;
    padding: 0;
    height: 24px;
    border: none;
    color: #000;
    box-shadow: 0 0 0 0 #fff;
    font-size: 0.7em;
	width: 150px;
}
.form-search input[type=text].focus {
    border: 1px solid #aaa;

}
/* User */
.btn-prls {
    border: 1px solid #999;
    color: #999;
}
    .btn-prls:hover {
        border: 2px solid #999;
        color: #999;
    }
    .btn-prls:active {
        border: 1px solid #999;
        color: #999;
    }
.header-icon {
    width: 18px;
    height: 18px;
	opacity: 0.8;
}
.header-icon-23 {
	width: 26px;
	height: auto;
}
/* Header Cart */
.cart-nav-item-empty {
    display: none;
    padding-right: 0;
    margin-top: 0;
}
.cart-nav-item {
    display: none;
}
.cart-nav-item:hover {
    text-decoration:none;
}
.cartdisplay {
    color: #666;
    font-size: 0.8em;
}
    .cartdisplay a {
        color: #666;
    }

@media only screen and (max-width: 767px) {
    .loginbox {
        font-size: 0.8em;
        line-height: 1;
    }
}
@media only screen and (min-width: 768px) {
    .header-bar {
        position: sticky;
        top: 0;
        background-color: #ffffff;
        z-index: 10;
    }
}
ol.breadcrumb {
    padding: .25rem 1rem;
    margin-bottom: 0.5rem;
    list-style: none;
    background-color: #fff;
    border-radius: .25rem;
}
    ol.breadcrumb li {
        font-size: 0.9em;
    }
        ol.breadcrumb li a {
            color: #337ab7;
        }
.grey {
    background-color: #eee;
}

/* Footer */
.footer-banner {
	background-color: #efeae6;
}
.footer-container {
	background-color: #ffffff;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #444;
	text-transform: uppercase;
	font-size: 1rem;
	font-weight:normal;
}
	.footer-container a {
		color: #444;
		padding: 0;
		margin: 0;
	}
	.footer-container a.colour-red {
		color: #d00;
	}
	.footer-container ul {
		list-style-type:none;
		padding:0;
		margin:0;
	}
		.footer-container ul li {
			padding: 0;
			margin: 0;
			font-size: 0.9rem;
		}