*,::before,::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;tab-size:4}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
:root {
    --body-bg: #f0f8ff;
    --rcp-bgc: #d13149;
    --rcp-color: #fff;
}
body {
    margin: 0;
    padding: 0;
    background-color: var(--body-bg);
    font-family: "Helvetica Neue",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans",sans-serif;
    font-size: 19px;
    line-height: 1.5;
}
.logo a {
    color: #fff;
    text-decoration: none;
    font-family: "Neucha", cursive;
    font-size: 40px;
    line-height: 1;
    letter-spacing: 2px;
}
h1,
h2,
h3 {
    font-family: "Neucha", cursive;
}
h1 {
    font-size: 80px;
    line-height: 1;
    letter-spacing: 3px;
}
h2 {
    letter-spacing: 2px;
}
h3 {
    letter-spacing: 1px;
}

@media (width <= 1400px) {
    .container {
        width: 100%;
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media (width < 576px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

header {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;

    width: 100%;
    height: 60px;
    /* padding-top: 6px; */
    padding-right: 20px;
    padding-left: 8px;
    /* background-color: #d13149; */
    background-color: #e91e63;
    border-bottom: solid 1px #e57e6e;
}
.menu > ul {
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.menu a {
    color: #f1f6fd;
    text-decoration: none;
}
.menu a:hover {
    color: #fff;
    text-decoration: underline;
}
.section-name {
    --cover-url: attr(data-cover);
    position: relative;
    padding-top: 70px;
    padding-bottom: 70px;
    background-color: #9C27B0;
    background-image: url(/themes/kitchen/assets/img/bg-home.jpg);
    background-repeat: no-repeat;
    /* background-size: 100% 100%; */
    background-size: 100%;
    color: #fff;
    filter: grayscale(100%);
    /* filter: contrast(175%) brightness(100%); */
}
.section-name h1 {
    display: inline-block;
    margin: 0;
    padding: 30px 40px;
    background-color: rgb(0 0 0 / 80%);
    border: solid 1px #747474;
}
.edit-link {
    position: absolute;
    top: 10px;
    right: 0;
    width: 50px;
    height: 50px;
    background-color: rgb(0 0 0 / 80%);
    color: #fff;
    font-size: 33px;
    text-align: center;
    text-decoration: none;
    border: solid 1px #383838;
    border-radius: 5px 0 0 5px;
}
footer {
    display: block;
    width: 100%;
    padding: 20px;
    background: #1f2028;
    color: #f3f2f2;
}
/* #272935 */

footer .cats {
    columns: 4;
}

footer a {
    color: #33bfff;
    text-decoration: none;
}
footer a:hover,
footer a:focus {
    text-decoration: underline;
}
.tippy-box[data-animation=scale][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale][data-state=hidden]{transform:scale(.5);opacity:0}
html[data-theme="dark"] {
    --tippy-bgc: #979797;
    --tippy-color: #222222;
}
.tippy-box[data-theme="kitchen"] {
    background-color: var(--tippy-bgc, #24292f);
    color: var(--tippy-color, #fff);
}
.tippy-box[data-theme="kitchen"] .tippy-arrow {
    color: var(--tippy-bgc, #24292f);
}