@font-face {
    font-family: "IBM Plex Sans Light";
    src: url("../../fonts/IBM_Plex_Sans/IBMPlexSans-Light.ttf");
    font-display: swap;
}

@font-face {
    font-family: "IBM Plex Sans Regular";
    src: url("../../fonts/IBM_Plex_Sans/IBMPlexSans-Regular.ttf");
    font-display: swap;
}

@font-face {
    font-family: "IBM Plex Sans Bold";
    src: url("../../fonts/IBM_Plex_Sans/IBMPlexSans-Bold.ttf");
    font-display: swap;
}

:root {
    --background-color-light: rgba(250,246,236,1);
    --background-color-black: #000;
    --background-color-dark: #2B3136;
    --text-color-dark: #2B3136;
    --text-color-light: rgba(250,246,236,1);
    --link-color: #FF6F6F;
    --signal-color: #FF6F6F;
    --green-color: #00FF9F;
}

body {
    font-family: "IBM Plex Sans Regular",sans-serif;
    padding: 0;
    color: var(--text-color-dark);
    background-color: var(--background-color-light);
}

#masthead {
    padding-bottom: 3rem;
}

.container-fluid {
    max-width: 1620px;
}

.entry-title,
.site-title {
    display: none;
}

.custom-logo-link {
    max-width: 230px;
    width: 100%;
}

#menu-primary-menu {
    font-family: "IBM Plex Sans Bold",sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

#menu-primary-menu a,
#menu-primary-menu a:visited,
#menu-primary-menu a:hover,
#menu-primary-menu a:active {
    padding: 0.25rem 0.75rem;
    color: var(--text-color-dark);
    border-bottom: 3px solid var(--background-color-light);
}

#menu-primary-menu a:hover {
    border-bottom: 3px solid var(--text-color-dark);
}

/* woocommerce */
.woocommerce ul.products li.product .button {
    display: none;
}

/*
.woocommerce li.product img.attachment-woocommerce_thumbnail {
    display: block;
    border: 8px solid #fff;
    box-shadow: 0 1rem 2rem rgba(0,0,0,0.2) !important;
} */

.woocommerce-loop-product__title,
.woocommerce-result-count,
.woocommerce-ordering {
    display: none;
}

.woocommerce ul.products li.product a img {
    margin: 0;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
    display: none;
}

.summary.entry-summary {
    background: var(--background-color-dark);
    padding: 3rem;
    color: var(--text-color-light);
    border-radius: 24px;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    width: 25%;
    margin: 0;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    float: left;
    width: 75%;
    padding: 0 3rem;
}

.summary.entry-summary a {
    color: var(--text-color-light);
}
