:root {
    --pedros-pink:      #fe5f95;
    --pedros-blue:      #00f9ff;
    --pedros-yellow:    #fff848;
}


/*@font-face {*/
/*    font-family: "ArchivoNarrow";*/
/*    src: url("/fonts/ArchivoNarrow/ArchivoNarrow-VariableFont_wght.ttf");*/
/*}*/

/*.pedros-font {*/
/*    font-weight: 1;*/
/*}*/

.pedros-title {
    color: var(--pedros-pink);
    font-family: Helvetica;
    font-size: 40px;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
}

.text-black {
    color: black;
}

div#webshop nav#navMenu {
    background-color: var(--pedros-pink);
}


.redglass-filter-card .card-header {
    background-color: RGB(33, 37, 41);
}
.btn-dark {
    background-color: RGB(33, 37, 41)!important;
    border-color: RGB(33, 37, 41) !important;
}

.border-dark {
    border-color: RGB(33, 37, 41) !important;
}

.nav-cart-button {
    height: 20px;
    padding-top: 2px;
    border: solid 0px transparent;
    color: white;
    background-color: transparent;
}

.dropdown-cart {
    border: transparent;
    background-color: var(--pedros-blue);
}


@media (min-width: 768px) {
    .popover {
        top:1px !important;
    }
}

/*.popover-header {*/
/*    background: var(--pedros-blue);*/
/*}*/

.rg-dropdown-menu-sgc {
    margin-top: 0px;
}

.rg-dropdown-menu-square-upper-corners {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top: none;
    min-width: 600px;
}
 .rg-web-menu-group {
    border: none;
     background-color: transparent;

 }

body {
    background-colour: white !important;
    background: white !important;
 }

 /*multi column nav styles*/


/*.dropdown-menu li a {*/
/*    display: block;*/
/*    clear: both;*/
/*    line-height: 1.428571429;*/
/*    color: #333;*/
/*    white-space: normal;*/
/*    font-weight: 300;*/
/*}*/

.dropdown-item:focus, .dropdown-item:hover {
    background-color: transparent;
    text-decoration:none;
    color: darkred;
}

.megamenu {
    position: static;
}

.megamenu .dropdown-menu {
    background: none;
    border: none;
    width: 100%;
}

.megamenu .dropdown-menu .container{
    border: solid 1px darkgray;
    border-top: none;
}

.dropdown-menu {
    transform: translate3d(0px, 28px, 0px) !important;
}

.bricks-menu a {
    padding-top: 0px;
    padding-bottom: 0px;
}

.nav-link:hover {
    color: red;
}

.dropdown-toggle:hover {
    color: darkred !important;
}

h1.redglass-header {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700;
    color: black !important;
}
h2.title {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700;
    color: black !important;
}
h2.redglass-header {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700;
    color: black !important;
}
h3.redglass-header {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700;
    color: black !important;
}
h4.redglass-header {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700;
    color: black !important;
}

li.page-link{
    background-color: darkgray !important;
    color: white !important;
}

.page-item.active .page-link {
    background-color: #343a40 !important;
    border-color: #343a40 !important;
    color: #fff;
    z-index: 3;
}
.page-item .page-link {
    background-color: white !important;
    border-color: #343a40;
    color: #343a40;
    z-index: 3;
}


button.btn-primary {
    background-color: white;
    border: 1px solid #343a40;
    color: #343a40;
}

button.btn-primary:hover {
    background-color: #343a40;
    border: 1px solid white;
    color: white;
}

button.btn-primary:focus {
    background-color: #343a40;
    border: 1px solid white;
    color: white;
}


a.btn-link {
    color: #343a40;
    border: none;
}

a.btn-link:hover {
    color: #343a40;
}

a.btn-primary {
    background-color: white;
    border: 1px solid #343a40;
    color: #343a40;
}

a.btn-primary:hover {
    background-color: #343a40;
    border: 1px solid white;
    color: white;
}

a.btn-primary:focus {
    background-color: #343a40;
    border: 1px solid white;
    color: white;
}

.card-title {
    font-size: 15px !important;
}

button.btn-success {
    background-color: white;
    border: 1px solid #343a40;
    color: #343a40;
}

button.btn-success:hover {
    background-color: #343a40;
    border: 1px solid white;
    color: white;
}

button.btn-success:focus {
    background-color: #343a40;
    border: 1px solid white;
    color: white;
    box-shadow: none;
}

button.btn-success:disabled {
    background-color: #343a4081;
    border: 1px solid white;
    color: white;
    box-shadow: none;
}

button.btn-warning {
    background-color: white;
    border: 1px solid #343a40;
    color: #343a40;
}

button.btn-warning:hover {
    background-color: #343a40;
    border: 1px solid white;
    color: white;
}

button.btn-warning:focus {
    background-color: #343a40;
    border: 1px solid white;
    color: white;
    box-shadow: 0 0 0 0.2rem lightgrey;
}

button.btn-warning:focus-visible {
    background-color: #343a40;
    border: 1px solid white;
    color: white;
    box-shadow: 0 0 0 0.2rem lightgrey;
}

button.btn-warning:active {
    background-color: #343a40;
    border: 1px solid white;
    color: white;
    box-shadow: 0 0 0 0.2rem lightgrey;
}

/*  Nav Bar Styling     */
nav .nav-link {
    font-weight: 900;
    font-size: 1.1rem !important;
}

nav .nav-item {
    padding-left: 1rem !important;
}

nav button.btn:hover{
    background-color: var( --pedros-pink ) !important;
    color: whitesmoke !important;
    border-color: whitesmoke;
}


nav button.btn {
    color: dimgray !important;
    border-color: lightgrey;
}

nav .nav-link:hover {
    color: var( --pedros-blue ) !important;
    /*color: black !important;*/
    /*border-color: black;*/
}
/*  End Nav Bar Styling     */