﻿body {
    --width-minimum: 992px;
    --width-maximum: 1280px;
    overflow-x:scroll ;
    overflow-y: scroll;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.25rem;
    /*background: linear-gradient(to right, silver, black, black, black, black, black, black, silver);*/
    background-color: black;
    background-image: url('../Images/Backgrounds/WediTrade/WediTrade_BackgroundWeb_2160.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

@font-face {
    font-family: 'JSTitle1';
    src: url('../Fonts/Arial.woff2') format('woff2'),
         url('../Fonts/Arial.woff') format('woff'),
         url('../Fonts/Arial.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JSTitle2';
    src: url('../Fonts/Arial.woff2') format('woff2'),
         url('../Fonts/Arial.woff') format('woff'),
         url('../Fonts/Arial.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JSTitle3';
    src: url('../Fonts/Arial.woff2') format('woff2'),
         url('../Fonts/Arial.woff') format('woff'),
         url('../Fonts/Arial.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JSBarcode39';
    src: url('../Fonts/Code39.woff2') format('woff2'),
         url('../Fonts/Code39.woff') format('woff'),
         url('../Fonts/Code39.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JSBarcodeEAN13';
    src: url('../Fonts/Ean13.woff2') format('woff2'),
         url('../Fonts/Ean13.woff') format('woff'),
         url('../Fonts/Ean13.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.hyperlink-dark { color: black; text-decoration: none; }
    .hyperlink-dark:hover { color: deepskyblue; }

.hyperlink-light { color: white; text-decoration: none; }
    .hyperlink-light:hover { color: deepskyblue; }

.swiper-imageasthumb5 .swiper-slide { opacity: 0.4; }
.swiper-imageasthumb5 .swiper-slide-thumb-active { opacity: 1; }