:root {
    --main-black: #222222;
    --main-blue: #284870;
    --main-blue-dark: #303a48;
    --main-gold: #be9541;
    --main-ash: #c1c0b4;
    --main-ash-white: #DFE0D3;
    --secondary-blue: #1c4974;
    --secondary-gold: #d8bf8d;
    --secondary-white: #dfe0d3;
}

/* COLORS */
.bg-gold { background-color: var(--main-gold); }
.bg-blue { background-color: var(--main-blue); }
.bg-blue-dark { background-color: var(--main-blue-dark); }

/* TEXT */
.text-gold { color: var(--main-gold) !important;}
.text-blue { color: var(--main-blue) !important;}
.text-blue-dark { color: var(--main-blue-dark) !important;}

/* LAYOUTS */
.w-100 { width: 100%; }
.h-100 { height: 100%; }
.justify-content-between {
    justify-content: space-between;
}
@media (min-width: 768px) {
    .d-grid.-col-md-2 { grid-template-columns: repeat(2, 1fr); }
    .d-grid.-col-md-3 { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 992px) {
    .d-grid.-col-lg-2 { grid-template-columns: repeat(2, 1fr); }
    .d-grid.-col-lg-3 { grid-template-columns: repeat(3, 1fr); }
}

/* SPACES */
@media (min-width: 992px) {
    .gap-lg-1 { gap: .25rem !important; }
    .gap-lg-2 { gap: .5rem !important; }
    .gap-lg-3 { gap: 1rem !important; }
    .gap-lg-4 { gap: 1.5rem !important; }
    .gap-lg-5 { gap: 2rem !important; }
    .gap-lg-6 { gap: 3rem !important; }
    .gap-lg-7 { gap: 4.5rem !important; }
    .gap-lg-8 { gap: 6rem !important; }
    .gap-lg-9 { gap: 8rem !important; }
}

/* BORDERS */
.border-0 { border: none; }
.border { border: 1px solid var(--main-black); }
.border-bottom { border-bottom: 1px solid var(--main-black); }
.border-top { border-top: 1px solid var(--main-black); }
.border-end { border-right: 1px solid var(--main-black); }
.border-start { border-left: 1px solid var(--main-black); }
.border.border-gray,
.border-bottom.border-gray,
.border-top.border-gray,
.border-end.border-gray,
.border-start.border-gray {
    border-color: var(--main-ash);
}

/* BUTTONS */
.btn {
    border-radius: 0;
}
.btn-light {
    background-color: white;
    border-color: white;
    color: var(--main-black);
}
.btn.-style-primary {
    --button-background: var(--main-blue-dark);
    --button-hover-background: var(--main-blue);
    --button-color: #fff;
    --button-hover-color: #fff
}
.btn.-style-gold {
    --button-background: var(--main-gold);
    --button-hover-background: var(--secondary-gold);
    --button-color: #fff;
    --button-hover-color: #fff
}

/* STATES */
.opacity-0 { opacity: 0; }
.opacity-25 { opacity: .25;}
.opacity-50 { opacity: .5;}
.opacity-75 { opacity: .75;}
.opacity-100 { opacity: 1;}

/* ACTIONS */
@media (min-width: 992px) {
    .d-lg-none { display: none !important; }
}

/* HEADER */
.site-header-top {
    background-color: var(--main-black);
    color: white;
}
.site-header-top .site-header__secondary {
    --header-secondary-height: 2.5rem;
}
.site-header-top .site-header__secondary__info .icon img {
    filter: invert(1);
}
.site-header-bottom {
    background-color: white;
    color: var(--main-black);
    padding: 0.3rem 0;
}
.site-header-bottom .site-header__main__menu {
    font-size: .9rem;
}
.site-header-bottom .site-header__main__menu .primary-menu > .menu-item > a {
    font-weight: 500;
}
@media (min-width: 992px) {
    .site-header-top .site-header__secondary {
        --header-secondary-height: 30px;
    }
}
/* FOOTER */
.site-footer {
    background-color: var(--main-blue-dark);
}
/* GLOBAL PRODUCTS */
.collections-grid .card-collection {
    background-color: var(--main-gold);
    color: #ffffff;
}
.collections-grid .card-collection .card-collection__description,
.collections-grid .card-collection .card-collection__link:hover {
    color: black;
}
@media (max-width: 767px) {
    .collections-grid .card-collection {
        padding: 2rem 1.5rem 1rem;
    }
}