@charset "utf-8";
/*Main Styling*/
.paypalPay{
color:#0030B6;
}
.paypalPal{
color:#0070E0;
}
.worldlineWorld{
color:#46BEAA;
text-transform: uppercase;
font-weight: 900 !important;
}
.worldlineLine{
color:#46BEAA;
text-transform: uppercase;
font-weight: 100 !important;
}
:root{
--website-bg-colour: black;
--topnav-bg-colour: #0F0F0F;
--input-border-colour: #545454;
--input-bg-colour: #292929;
--corner-radius:25px;
}
ol.installment li::marker {
color: #6a9d00;
}
.hidden{
position:absolute;
opacity:0;
pointer-events:none;
}
div.linkToOldSiteMain{
margin:0 auto .2em auto;
text-align:center;
}
div.linkToOldSite{
display:inline-block;
margin:0 auto;
padding:0 1vw;
border:1px solid #808080;
border-radius:10px;
background-color:#2d2e29;
text-align:center;
}
div.linkToOldSite a{
color:#e35c02;
text-decoration:none;
font-family:'Quicksand', sans-serif;
}
div.linkToOldSite a:hover{
color:#fd7e27;
}
.colour-website{
color: var(--website-bg-colour) !important;
}
.colourbg-website{
background-color: var(--website-bg-colour) !important;
}
.colourbg-topnav{
background-color: var(--topnav-bg-colour);
}
select{
background-color: var(--input-bg-colour) !important;
}
html, body{
margin: 0;
background-color: var(--website-bg-colour);
color: #E3E3E3;
font-family: var(--default-font);
line-height: 1.5;
}
input, textarea, select:disabled{
display: block;
clear: both;
margin: 0 0 1vw 0;
padding: 1px 2px;
border: 1px solid var(--input-border-colour);
border-radius: 5px;
background-color: var(--input-bg-colour);
color: #ffd700;
text-align: left;
font-style: normal;
}
input[type = image]{
display: block;
clear: both;
margin: 0 0 1vw 0;
padding: 1px 2px;
border: 0;
}
button:disabled, button[disabled]{
cursor: not-allowed;
}
img{
display: block;
max-width: 100%;
}
br{
clear: both;
}
hr{
display: block;
clear: both;
margin: .5vw 0;
padding: 0;
border-top: 1px solid #333;
border-bottom: 0;
color: #333;
}
/*Navigation*/
.z-index-top{
z-index: 100 !important;
}
.show-arrow{
display: inline-block;
color: white;
}
.hide-arrow{
display: none;
}
/*Forms*/
input.n-input{
padding: 2px 4px;
border: 1px solid var(--input-border-colour);
border-radius: 5px;
background-color: var(--input-bg-colour);
color: #01a8d1;
text-align: center;
font-style: normal;
}
input.n-submit{
padding: 2px 4px;
border: 1px solid #333;
border-radius: 5px;
background-color: #01a8d1;
color: black;
}
::placeholder{
color: #858585;
opacity: 1;
}
:-ms-input-placeholder{
color: #858585;
}
::-ms-input-placeholder{
color: #858585;
}
/*Formatting*/
.border-0{
border: 0 !important;
}
.bottom-margin-1vw{
margin: 0 0 1vw 0;
}
button.submit{
display: block;
clear: both;
margin: 0 auto 1vw auto !important;
padding: 1vw 2vw;
border: 1px solid var(--input-border-colour);
border-radius: 5px;
background-color: var(--website-bg-colour);
color: #ff9606;
font-weight: bold;
cursor: pointer;
}
button.addtocart[type = submit]{
display: block;
clear: both;
margin-top: 1vw;
margin-bottom: 2vw;
padding: 0 1vw;
border: 1px solid #344c00;
border-radius: 8px;
background-color: var(--website-bg-colour);
color: #6a9d00;
font-weight: bold;
cursor: pointer;
}
button.addtocart[type = submit] svg{
color: #666;
}
h1.title{
color: #6a9d00;
text-align: center;
}
h2.title{
margin-top: 1vw;
margin-bottom: .5vw;
padding-bottom: .5vw;
border-bottom: 1px solid #333;
color: #527900;
text-align: left;
}
.n-logo{
display: inline-block;
clear: both;
}
.n-logo img{
display: inline-block;
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);
}
.bold{
font-weight: bold;
}
.font-weight-normal{
font-weight: normal;
}
.clear-both{
clear: both;
}
.cursor-default{
cursor: default;
}
.cursor-disabled{
cursor: not-allowed !important;
opacity: 0.6;
}
.cursor-pointer{
cursor: pointer;
}
.display-inline{
display: inline;
}
.display-inline-block{
display: inline-block;
}
.display-block{
display: block;
}
.float-l{
float: left;
}
.float-r{
float: right;
}
.font-size-larger{
font-size: larger;
}
.font-size-smaller{
font-size: smaller;
}
.font-style-italic{
font-style: italic;
}
.main, .main-top{
margin-right: auto;
margin-left: auto;
max-width: 1100px;
width: 95%;
}
.main-top{
margin-top: .5vw;
}
.margin-auto, .margin-0-auto{
margin-right: auto !important;
margin-left: auto !important;
}
.margin-0{
margin: 0 !important;
}
.margin-b-1{
margin-bottom: 1vw !important;
}
.margin-b-2{
margin-bottom: 2vw !important;
}
.margin-b-3{
margin-bottom: 3vw !important;
}
.margin-t-1{
margin-top: 1vw !important;
}
.margin-t-2{
margin-top: 2vw !important;
}
.margin-7-3{
margin-top: 3vw !important;
}
.margin-r-3{
margin-right: 3vw !important;
}
.padding-0{
padding: 0 !important;
}
.padding-b-1{
padding-bottom: 1vw !important;
}
.padding-b-2{
padding-bottom: 2vw !important;
}
.padding-b-3{
padding-bottom: 3vw !important;
}
.padding-l-1{
padding-left: 1vw !important;
}
.padding-l-2{
padding-left: 2vw !important;
}
.padding-l-3{
padding-left: 3vw !important;
}
.padding-r-1{
padding-right: 1vw !important;
}
.padding-r-2{
padding-right: 2vw !important;
}
.padding-r-3{
padding-right: 3vw !important;
}
.padding-t-1{
padding-top: 1vw !important;
}
.padding-t-2{
padding-top: 2vw !important;
}
.padding-t-3{
padding-top: 3vw !important;
}
.text-align-c{
text-align: center !important;
}
.text-align-l{
text-align: left !important;
}
.text-align-r{
text-align: right !important;
}
.text-decoration-none{
text-decoration: none;
}
.text-decoration-line-through{
text-decoration: line-through;
}
.vertical-align-top{
vertical-align: top;
}
.vertical-align-bottom{
vertical-align: bottom;
}
.width-100{
width: 100%;
}