* {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;

}

:root {
    --color1: #214a8b;
    --color1light: #1a5ba3;
    --color2: #d83738;
    --color3: #a1c8ee;
    --color4: #b7dbff;
    --darkpink: #333;
    --gradcolor1: #ff1a8c;
    --gradcolor2: #b93185;
    --background: rgba(255,255,255,0.9);
    --navmarginx: 5px;
    --gradcolor2old: #b50c74;
    --black: #000;
}


h1 {
    font-size: 2rem
}
h2 {
    font-size: 1.2rem;
}
.catbox h2 {
    font-size: 1.2rem;
    text-align: center;
    min-height:60px;
    margin:10px 0px;
    color:var(--color1);
    font-weight:bold
}

.prodbox > div  {
    padding:2px;
    border:1px solid red
}
.prodbox h2 {
    font-size: 1rem;
    text-align: center;
    min-height: 40px;
    margin: 10px 0px;
    color: var(--color1);
    font-weight: bold
}

.card-header {
    background-color: var(--color1);
    color:#fff;
}

.prodbox h3 {
    font-size: 1rem;
    text-align: center;
    min-height: 50px;
    margin: 10px 0px;
    color: var(--color1);
    font-weight: normal
}

.restrict {max-width:1400px;margin:auto}
.nav-item {color:black!important}
.nav-item * {color:black!important}
.bgblue {background-color:var(--color1);color:#fff!important}
.bgblue * {color:#fff}
.bgred {background-color:var(--color2);color:#fff!important}
.bgred * {color:#fff;text-decoration:none}

.bggrey {background-color:rgba(0,0,0,0.1);color:#333!important}
.bggrey * {color:#333}

.bread {font-size:0.9rem}
.topgrey {font-size:0.9rem}

.subcatfilter a {border:2px solid #fff;background-color:var(--color1); padding:5px 10px; margin:3px 2px;display:inline-block;color:#fff;text-decoration:none;font-size:0.9rem;font-weight:normal;border-radius:5px}
.subcatfilter > .highlt {
    outline:2px solid red;
    display: inline-block;
    font-weight:bold
}

@media (min-width: 576px) {
    .dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: 0;
    }

    .nav-item {
        color: #fff !important
    }

    .nav-link {
        color: #fff !important
    }

    .nav-item:first-child {
        padding-left: 0px !important;
        margin-left: 0px !important
    }
}

.dw-topright {color:#fff;text-decoration:none;background-color:var(--color1);border:0px;}
.dw-topright2 {color:#fff;text-decoration:none;background-color:var(--color2);border:0px;}
.dw-footerlinks * {color:#fff}
.dw-footerlinks li, .dw-footerlinks li {
    list-style-type: none;
}

.dw-watermark {

}

.card-img-top {aspect-ratio:4/3}

.dw-textrestrict {max-width:350px}


#snackbar {
    visibility: hidden;
    min-width: 100%;
    background-color: #333;
    color: #fff;
    text-align: center;
    position: fixed;
    z-index: 10000;
    left: 0;
    bottom: 0;
    padding: 0
}

    #snackbar.show {
        visibility: visible;
        animation: 1s forwards sfadein;
        padding: 20px 0
    }

    #snackbar.hide {
        visibility: visible;
        animation: 1s forwards sfadeout
    }

    #snackbar.good, #snackbar.warning {
        background-color: green
    }

    #snackbar.bad {
        background-color: red
    }


@keyframes sfadein {
    from {
        opacity: 0;
        padding: 0
    }

    to {
        opacity: 1;
        padding: 20px 0
    }
}

@keyframes sfadeout {
    from {
        opacity: 1;
        padding: 20px 0
    }

    to {
        opacity: 0;
        padding: 0
    }
}


.form-control {color:black!important}
.dw-prodcatlink {
    text-decoration: none;
    color: #222;
}
.dw-prodcatlink h5{
    color: #222;
    font-size:1rem;padding:0px;margin:0px;font-weight:bold
}

.admin-link {color:#fff;text-decoration:none}
.admin-link:hover {
    color: #fff;
    text-decoration: none
}