@charset 'utf-8';
/* Customer Login */
.custPassword{
margin:1vw auto;
max-width:340px;
width:12em;
border:1px solid #666;
background-color:#333 !important;
color:white;
}
.icon-user-logged-in{
z-index:-1;
background-image:url('/svg/user-logged-in.svg');
background-repeat:no-repeat;
}
.icon-user-logged-out{
z-index:-1;
background-image:url('/svg/user-logged-out.svg');
background-repeat:no-repeat;
}
#customerLogin{
margin: -1vw 0 0 0;
}
.customer-login{
margin:1 auto;
max-width:400px;
border:2px solid #666;
border-radius:var(--corner-radius);
background-color:black;
}
.customer-login-title{
border-radius:var(--corner-radius) var(--corner-radius) 0 0;
color:#999;
font-weight:bold;
}
.customer-login-x{
border-radius:0 var(--corner-radius) 0 0;
}
.customer-login-content{
padding:20px 0;
border-radius:0 0 var(--corner-radius) var(--corner-radius);
text-align:center;
}
.LoginButton{
margin:1vw auto 0 auto;
max-width:340px;
width:12em;
border:1px solid #666;
background-color:#0e458f;
color:white;
cursor:pointer;
}
.forgotPassword{
margin:0 auto;
text-decoration:none;
font-weight:bold;
font-size: 1vw;
font-size: max(24px, min(1vw, 18px));
font-size: clamp(24px, 1vw, 18px);
}
.blue-link{
color:#0e458f;
text-decoration:none;
cursor:pointer;
}
.mapleLeafContainer{
clear:both;
margin:0 auto;
width:100%;
vertical-align:middle;
text-align:center;
}
.mapleLeafIcon{
display:inline-block;
margin:0 1em;
max-width:16px;
vertical-align:middle;
}
.newAccount{
margin:1vw auto;
max-width:340px;
width:12em;
border:1px solid #666;
background-color:#236b14;
color:#999;
cursor:pointer;
}
.sold-out, li, p{
clear:left;
font-weight:400;
}
.sold-out{
font-size:.5vw;
font-size:clamp(10px,.5vw,14px);
font-size:max(10px,min(.5vw,14px));
font-family:var(--default-font);
}
.axe-type{
display:inline-block;
}
.category-photos{
border-radius:10px;
}
.n-logo{
margin-bottom:0;
}
.n-logo-icons-container{
margin:0 auto;
width:900px;
}
.n-logo-icons{
float:left;
width:780px;
text-align:center;
}
.n-logo img, .n-logo-icons-container img{
margin-bottom:0;
padding-top:.5vw;
padding-top:max(1px,min(.5vw,10px));
padding-top:clamp(1px,.5vw,10px);
padding-bottom:.5vw;
padding-bottom:max(1px,min(.5vw,10px));
padding-bottom:clamp(1px,.5vw,10px);
padding-left:.5vw;
padding-left:max(1px,min(.5vw,10px));
padding-left:clamp(1px,.5vw,10px);
}
.nav-spacer{
height:30px;
}
.n-topicons{
padding:0 0 0 1vw;
max-width:100px;
width:10%!important;
vertical-align:bottom;
}
svg.send{
width:40px;
height:40px;
transform:rotate(-55deg);
fill:#ccc;
}
.n-topicon-cart, .n-topicon-search{
width:90px;
height:90px;
}
.n-topicon-cart{
font-size:29px!important;
}
.shopping-cart-items, .wishlist-items{
position:relative;
top:5px;
left:-15px;
font-size:21px;
font-family:var(--icon-font);
}
.shopping-cart-items{
top:-5px;
}
.icon_fast_rewind{
content:url(/svg/fast_rewind.svg);
vertical-align:middle;
}
.icon_search, .icon_shopping_cart, .icon_wishlist{
z-index:-1;
background-image:url(/svg/search.svg);
background-repeat:no-repeat;
}
.icon_shopping_cart, .icon_wishlist{
background-image:url(/svg/star.svg);
}
.icon_shopping_cart{
background-image:url(/svg/shopping_cart.svg);
}
.icon_maple_leaf::after{
content:url(/svg/maple_leaf.svg);
vertical-align:middle;
}
.icon_arrows::after, .icon_arrows::before{
content:url(/svg/keyboard_double_arrow_right.svg);
vertical-align:middle;
}
.icon_arrows::after{
content:url(/svg/keyboard_double_arrow_left.svg);
}
.icon_goback::before{
content:url(/svg/fast_rewind.svg);
vertical-align:text-bottom;
}
.icon_checkmark::before{
content:url(/svg/done.svg);
vertical-align:bottom;
}
li, p{
font-size:1.5vw;
font-size:max(16px,min(1.5vw,22px));
font-size:clamp(16px,1.5vw,22px);
}
.supersize, h1, h2, h3, h4, h5, h6, li, p{
font-family:var(--default-font);
}
.supersize{
font-size:5vw;
font-size:max(40px,min(5vw,50px));
font-size:clamp(40px,5vw,50px);
}
h1, h2, h3, h4, h5, h6{
clear:left;
margin:0;
padding:.5vw 0;
font-weight:700;
line-height:1.4;
}
.h1, .material-icons.h1, h1{
font-size:3vw;
font-size:max(30px,min(3vw,40px));
font-size:clamp(30px,3vw,40px);
}
.h2, .material-icons.h2, h2{
font-size:2.5vw;
font-size:max(28px,min(2.5vw,32px));
font-size:clamp(28px,2.5vw,32px);
}
.h3, .material-icons.h3, h3{
font-size:2.2vw;
font-size:max(24px,min(2.2vw,30px));
font-size:clamp(24px,2.2vw,30px);
}
.h4, .material-icons.md-h4, h4{
font-size:2vw;
font-size:max(22px,min(2vw,28px));
font-size:clamp(22px,2vw,28px);
}
.h5, .material-icons.md-h5, h5{
font-size:1.4vw;
font-size:max(20px,min(1.4vw,26px));
font-size:clamp(20px,1.4vw,26px);
}
.h6, .material-icons.md-h6, h6{
font-size:1.2vw;
font-size:max(18px,min(1.2vw,24px));
font-size:clamp(18px,1.2vw,24px);
}
.n-icons{
vertical-align:bottom;
}
.n-topnav{
z-index:100;
clear:both;
}
.n-topnav-link, .n-topnav-link-nav{
margin:0 .5vw;
border-bottom:1px solid #666;
color:#6a9d00;
vertical-align:middle;
text-decoration:none;
font-size:1.5vw;
font-size:max(18px,min(1.5vw,24px));
font-size:clamp(18px,1.5vw,24px);
}
.n-sidenav-link:hover, .n-topnav-link-nav:hover, .n-topnav-link:hover{
border-bottom:1px solid #8b8b8b;
color:#8dd200;
}
.n-sidenav{
width:40%!important;
}
.n-sidenav-link, .n-sidenav-link2{
border-bottom:1px solid #666;
color:#8dd200;
text-decoration:none;
}
.n-sidenav-link2{
border-bottom:0;
}
.n-sidenav-link2:hover{
border-bottom:0;
color:#b1ff14;
}
.n-sidenav-submenu{
padding:0 0 0 15px;
}
header{
display:block;
clear:both;
margin:1.5vw 0 0;
}
.n-top-photosicons-noshipping{
margin-top:20px;
}
.n-top-photosicons, .n-top-photosicons-noshipping{
margin-left:110px;
width:900px;
}
.n-socialicons img, .n-topphoto, .n-topphotos{
display:inline;
}
.n-topphoto{
border-radius:12px;
}
.n-shippingsaver{
padding-bottom:.4vw;
font-size:2.1vw;
font-size:max(14px,min(2.1vw,18px));
font-size:clamp(14px,2.1vw,18px);
}
input:focus{
outline:0;
}
.n-searchform, .n-video-searchform{
margin:2px auto;
padding:2px 0;
width:70%;
border:0;
text-align:center;
}
.n-searchform input{
width:80%;
}
.n-searchform input, .n-video-searchform input{
margin:0 1vw 0 0;
border:1px solid var(--input-border-colour);
border-radius:5px;
}
.n-searchform button, .n-video-searchform button{
display:inline-block;
margin:0 1vw 0 0;
border:0;
background:0 0;
cursor:pointer;
}
.n-searchform button:disabled, .n-searchform button[disabled], .n-video-searchform button:disabled, .n-video-searchform button[disabled]{
cursor:not-allowed;
}
.n-fax, .n-phone{
font-size:max(32px,min(3.2vw,40px));
font-size:clamp(32px,3.2vw,40px);
}
.n-phone{
padding:0 20px 0 0;
text-align:right;
font-size:3.2vw;
}
.n-fax{
padding:0 0 0 70px;
text-align:left;
}
.n-fax, .n-paulemail{
font-size:3.2vw;
}
.n-fax a, .n-paulemail a, .n-phone a{
border-bottom:1px dashed #666;
text-decoration:none;
}
.n-socialicons{
margin:1vw auto;
vertical-align:top;
}
.n-socialicons a{
padding-right:.3vw;
padding-right:max(1px,min(.3vw,7px));
padding-right:clamp(1px,.3vw,7px);
padding-left:.3vw;
padding-left:max(1px,min(.3vw,7px));
padding-left:clamp(1px,.3vw,7px);
text-decoration:none;
}
.knifefinder-select-menu{
display:inline-block;
}