:root{
    --primary-color: #000000;
    --secondary-color: #fecb00;
    --tertiary-color: #3cb4a0;
    --quaternary-color: #df3b60;
    --body-color: #f2f0ef;
}

body {
    color: var(--primary-color);
    font-family: 'Branding';
    background: var(--body-color);
}

a {
    color: var(--primary-color);
    outline: none !important;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button, .widget a.button {
    outline: none !important;
    background: var(--primary-color);
    color: white;
    transition: all ease .3s;
}
a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus {
    outline-color: var(--primary-color);
}

#content {
    min-height: 70vh;
}

#content input[type="text"],
#content input[type="number"],
#content input[type="email"],
#content input[type="tel"],
#content input[type="url"],
#content input[type="password"],
#content input[type="search"],
#content textarea,
#content .input-text {
    background: white;
}

/* banner-top  */
.banner-top {
    padding: 10px;
    text-align: center;
    font-weight: 600;
}
.banner-top-danger {
    background: var(--quaternary-color);
    color: white;
}

/* header */
.site-header {
    background: var(--secondary-color);
    color: var(--primary-color);
}
.main-navigation ul li a:hover,
.main-navigation ul li:hover > a,
.site-title a:hover,
.site-header ul.menu li.current-menu-item > a {
    font-weight: 600;
    color: var(--primary-color);
}
.site-branding .site-title a {
    display: block;
    text-indent: -9999px;
    background: url('../images/logo-header-black.png') no-repeat;
    width: 186px;
    height: 55px;
}
.site-description {
    display: none;
}

/* footer */
.site-footer {
    background: var(--primary-color);
    color: white;
    padding-top: 30px;
    padding-bottom: 30px;
}
.site-footer a:not(.button):not(.components-button) {
    color: white;
}
.footer-widgets {
    padding-top: 0 !important;
}
.site-info {
    padding: 0 !important;
}
.footer-widgets .widget_nav_menu {
    margin: 0 !important;
    border: none !important;
}
#menu-footer-menu {
    display: flex;
}
.footer-widgets .widget_nav_menu li {
    padding: 0 !important;
}
.footer-widgets .widget_nav_menu li::before {
    display: none;
}
.footer-widgets .widget_nav_menu li:not(:last-child)::after {
    content: '|';
    margin: 0 10px;
}

body.no-log .site-search,
body.no-log .site-header-cart,
body.no-log .btn-shop {
    display: none;
}

strong {
    font-weight: 900;
}